.grail-pure-ssml-editor {
    --grail-pure-ssml-editor-padding: 6px 8px;
    --grail-pure-ssml-editor-padding-bottom: 6px;
    --grail-pure-ssml-editor-radius: 3px;
    --grail-pure-ssml-editor-font-size: 12px;
    --grail-pure-ssml-editor-line-height: 18px;
    --grail-pure-ssml-editor-line-margin-bottom: 0;
    --grail-pure-ssml-editor-placeholder-color: #808080;
    --grail-pure-ssml-editor-caret-color: #00CCA2;
    --grail-pure-ssml-editor-color: #191919;
    --grail-pure-ssml-editor-border-color: #f5f5f5;
    --grail-pure-ssml-editor-background-color: #f5f5f5;
    --grail-pure-ssml-editor-hover-color: #191919;
    --grail-pure-ssml-editor-hover-border-color: #e0e0e0;
    --grail-pure-ssml-editor-hover-background-color: #f5f5f5;
    --grail-pure-ssml-editor-focused-color: #191919;
    --grail-pure-ssml-editor-focused-border-color: #e0e0e0;
    --grail-pure-ssml-editor-focused-background-color: #f5f5f5;
    --grail-pure-ssml-editor-count-color: #808080;
    --grail-pure-ssml-editor-count-error-color: #f5584c;
    --grail-pure-ssml-editor-count-font-size: 12px;
    --grail-pure-ssml-editor-tag-font-size: 12px;
    --grail-pure-ssml-editor-tag-font-color: #191919;
    --grail-pure-ssml-editor-tag-radius: 2px;
    --grail-pure-ssml-editor-tag-margin: 0 3px;
    --grail-pure-ssml-editor-tag-padding: 0 6px;
    --grail-pure-ssml-editor-tag-line-height: 16px;
    --grail-pure-ssml-editor-tag-min-width: 110px;
    --grail-pure-ssml-editor-tag-letter-spacing: .43px;
    --grail-pure-ssml-editor-rhythm-tag-color: rgba(102, 104, 255, .8);
    --grail-pure-ssml-editor-rhythm-color: #fff;
    --grail-pure-ssml-editor-highlight-color: #00CCA2;
    --grail-pure-ssml-editor-pronunciation-tag-color: rgba(0, 204, 162, .8);
    --grail-pure-ssml-editor-pronunciation-color: #fff;
    --grail-pure-ssml-editor-mark-current-background-color: #00CCA2;
    --grail-pure-ssml-editor-selection-background-color: rgba(0, 204, 162, .4);
    --grail-pure-ssml-editor-selection-color: #434343;
    outline: none;
    padding: var(--grail-pure-ssml-editor-padding);
    border-radius: var(--grail-pure-ssml-editor-radius);
    line-height: var(--grail-pure-ssml-editor-line-height);
    font-size: var(--grail-pure-ssml-editor-font-size);
    caret-color: var(--grail-pure-ssml-editor-caret-color);
    color: var(--grail-pure-ssml-editor-color);
    border: 1px solid var(--grail-pure-ssml-editor-border-color);
    background-color: var(--grail-pure-ssml-editor-background-color);
    overflow-y: auto;
    position: relative
}

.grail-pure-ssml-editor-full {
    height: 100%
}

.grail-pure-ssml-editor-no-border {
    border: none;
    border-radius: 0
}

.grail-pure-ssml-editor>div.sg-ssml-editor {
    outline: none;
    border: none;
    padding: 0;
    overflow: initial;
    font-size: var(--grail-pure-ssml-editor-font-size);
    caret-color: var(--grail-pure-ssml-editor-caret-color);
    min-height: 100%
}

.grail-pure-ssml-editor>div.sg-ssml-editor>p::selection {
    background-color: var(--grail-pure-ssml-editor-selection-background-color);
    color: var(--grail-pure-ssml-editor-selection-color)
}

.grail-pure-ssml-editor>div.sg-ssml-editor>p.sg-ssml-mark::selection {
    background-color: var(--grail-pure-ssml-editor-selection-background-color);
    color: var(--grail-pure-ssml-editor-selection-color)
}

.grail-pure-ssml-editor .sg-ssml-highlight {
    color: var(--grail-pure-ssml-editor-highlight-color)
}

.grail-pure-ssml-editor .sg-ssml-mark {
    background-color: var(--grail-pure-ssml-editor-selection-background-color);
    color: var(--grail-pure-ssml-editor-selection-color)
}

.grail-pure-ssml-editor .sg-ssml-mark-current {
    background-color: var(--grail-pure-ssml-editor-mark-current-background-color);
    color: var(--grail-pure-ssml-editor-selection-color)
}

.grail-pure-ssml-editor .sg-ssml-selected {
    background-color: var(--grail-pure-ssml-editor-selection-background-color);
    color: var(--grail-pure-ssml-editor-selection-color)
}

.grail-pure-ssml-editor-show-count {
    scroll-padding: calc(var(--grail-pure-ssml-editor-line-height) + var(--grail-pure-ssml-editor-padding-bottom)*2)
}

.grail-pure-ssml-editor-show-count>div.sg-ssml-editor {
    min-height: calc(100% - var(--grail-pure-ssml-editor-line-height) - var(--grail-pure-ssml-editor-padding-bottom))
}

.grail-pure-ssml-editor-show-count .grail-pure-ssml-editor-count {
    position: sticky;
    bottom: calc(-1 * var(--grail-pure-ssml-editor-padding-bottom));
    left: 0;
    right: 0;
    text-align: right;
    display: block;
    line-height: var(--grail-pure-ssml-editor-line-height);
    color: var(--grail-pure-ssml-editor-count-color);
    font-size: var(--grail-pure-ssml-editor-count-font-size);
    background: var(--grail-pure-ssml-editor-background-color);
    padding: var(--grail-pure-ssml-editor-padding-bottom) 0;
    margin-bottom: calc(-1 * var(--grail-pure-ssml-editor-padding-bottom))
}

.grail-pure-ssml-editor-show-count .grail-pure-ssml-editor-count-error {
    color: var(--grail-pure-ssml-editor-count-error-color)
}

.grail-pure-ssml-editor:hover:not(.grail-pure-ssml-editor:focus) {
    color: var(--grail-pure-ssml-editor-hover-color);
    border-color: var(--grail-pure-ssml-editor-hover-border-color);
    background-color: var(--grail-pure-ssml-editor-hover-background-color)
}

.grail-pure-ssml-editor:focus {
    color: var(--grail-pure-ssml-editor-focused-color);
    border-color: var(--grail-pure-ssml-editor-focused-border-color);
    background-color: var(--grail-pure-ssml-editor-focused-background-color)
}

.grail-pure-ssml-editor>.sg-ssml-empty p:first-child:before {
    color: var(--grail-pure-ssml-editor-placeholder-color);
    position: absolute;
    padding: var(--grail-pure-ssml-editor-padding);
    left: 0;
    right: 0;
    top: 0;
    width: auto;
    cursor: text;
    content: var(--ssml-placeholder)
}

.grail-pure-ssml-editor p {
    margin-bottom: var(--grail-pure-ssml-editor-line-margin-bottom)
}

.grail-pure-ssml-editor p:last-of-type {
    margin-bottom: 0
}

.grail-pure-ssml-editor b {
    display: inline;
    font-weight: 400;
    user-select: none
}

.grail-pure-ssml-editor .sg-ssml-value,.grail-pure-ssml-editor .sg-ssml-text {
    font-size: var(--grail-pure-ssml-editor-font-size)
}

.grail-pure-ssml-editor .sg-ssml-value {
    display: inline-block;
    max-width: var(--grail-pure-ssml-editor-tag-min-width);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: var(--grail-pure-ssml-editor-tag-margin);
    padding: var(--grail-pure-ssml-editor-tag-padding);
    font-size: var(--grail-pure-ssml-editor-tag-font-size);
    line-height: var(--grail-pure-ssml-editor-tag-line-height);
    cursor: pointer;
    letter-spacing: var(--grail-pure-ssml-editor-tag-letter-spacing);
    color: var(--grail-pure-ssml-editor-tag-font-color);
    border-radius: var(--grail-pure-ssml-editor-tag-radius);
    vertical-align: middle;
    transform: translateY(-1px)
}

.grail-pure-ssml-editor .sg-ssml-tag {
    cursor: pointer;
    position: relative;
    display: inline-block
}

.grail-pure-ssml-editor .sg-ssml-rhythm {
    position: relative
}

.grail-pure-ssml-editor .sg-ssml-rhythm .sg-ssml-tooltip {
    background-color: var(--grail-pure-ssml-editor-rhythm-tag-color);
    color: var(--grail-pure-ssml-editor-rhythm-color);
    fill: var(--grail-pure-ssml-editor-rhythm-tag-color);
    font-weight: 500
}

.grail-pure-ssml-editor .sg-ssml-rhythm .sg-ssml-value {
    background-color: var(--grail-pure-ssml-editor-rhythm-tag-color);
    color: var(--grail-pure-ssml-editor-rhythm-color);
    fill: var(--grail-pure-ssml-editor-rhythm-tag-color);
    padding: 0 4px;
    font-weight: 500
}

.grail-pure-ssml-editor .sg-ssml-rhythm .sg-ssml-value:hover {
    background-color: var(--grail-pure-ssml-editor-rhythm-tag-color);
    fill: var(--grail-pure-ssml-editor-rhythm-tag-color)
}

.grail-pure-ssml-editor .sg-ssml-rhythm .sg-ssml-text {
    cursor: pointer;
    border-bottom: 2px solid var(--grail-pure-ssml-editor-rhythm-tag-color)
}

.grail-pure-ssml-editor .sg-ssml-prosody.sg-ssml-lbracket>i {
    border: none;
    height: 18px;
    width: 4px;
    background-color: transparent;
    background-image: url(./static/rate_left.88f5d034.svg);
    background-repeat: no-repeat
}

.grail-pure-ssml-editor .sg-ssml-prosody.sg-ssml-rbracket>i {
    border: none;
    height: 18px;
    width: 4px;
    background-color: transparent;
    background-image: url(./static/rate_right.661ee593.svg);
    background-repeat: no-repeat
}

.grail-pure-ssml-editor .sg-ssml-effect.sg-ssml-lbracket>i {
    border: none;
    height: 18px;
    width: 4px;
    background-color: transparent;
    background-image: url(./static/effect_left.6f096791.svg);
    background-repeat: no-repeat
}

.grail-pure-ssml-editor .sg-ssml-effect.sg-ssml-rbracket>i {
    border: none;
    height: 18px;
    width: 4px;
    background-color: transparent;
    background-image: url(./static/effect_right.8a4ae848.svg);
    background-repeat: no-repeat
}

.grail-pure-ssml-editor .sg-ssml-pronunciation {
    position: relative
}

.grail-pure-ssml-editor .sg-ssml-pronunciation .sg-ssml-text {
    cursor: pointer;
    padding-bottom: 2px;
    border-bottom: solid 2px var(--grail-pure-ssml-editor-pronunciation-tag-color)
}

.grail-pure-ssml-editor .sg-ssml-pronunciation .sg-ssml-tooltip {
    background-color: var(--grail-pure-ssml-editor-pronunciation-tag-color);
    color: var(--grail-pure-ssml-editor-pronunciation-color);
    font-weight: 500
}

.grail-pure-ssml-editor .sg-ssml-pronunciation .sg-ssml-value {
    background-color: var(--grail-pure-ssml-editor-pronunciation-tag-color);
    color: var(--grail-pure-ssml-editor-pronunciation-color);
    font-weight: 500;
    padding: 0 4px
}

.grail-pure-ssml-editor .sg-ssml-pronunciation .sg-ssml-value:hover {
    background-color: var(--grail-pure-ssml-editor-pronunciation-tag-color)
}

.grail-pure-ssml-editor .sg-ssml-effect {
    position: relative
}

.grail-pure-ssml-editor .sg-ssml-effect .sg-ssml-value {
    background-color: var(--grail-pure-ssml-editor-pronunciation-tag-color);
    background-image: url(./static/effect.fdfca4a1.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    color: var(--grail-pure-ssml-editor-pronunciation-color);
    padding-left: 18px;
    padding-right: 4px;
    font-weight: 500
}

.grail-pure-ssml-editor .sg-ssml-effect .sg-ssml-value:hover {
    background-color: var(--grail-pure-ssml-editor-pronunciation-tag-color)
}

.grail-pure-ssml-editor .sg-ssml-effect .sg-ssml-tooltip {
    background-color: var(--grail-pure-ssml-editor-pronunciation-tag-color);
    color: var(--grail-pure-ssml-editor-pronunciation-color)
}

.grail-pure-ssml-editor .sg-ssml-embellishment .sg-ssml-tooltip {
    background-color: var(--grail-pure-ssml-editor-pronunciation-tag-color);
    color: var(--grail-pure-ssml-editor-pronunciation-color);
    font-weight: 500
}

.grail-pure-ssml-editor .sg-ssml-embellishment .sg-ssml-value {
    background-color: var(--grail-pure-ssml-editor-pronunciation-tag-color);
    color: var(--grail-pure-ssml-editor-pronunciation-color);
    font-weight: 500;
    padding: 0 4px
}

.grail-pure-ssml-editor .sg-ssml-embellishment .sg-ssml-value:hover {
    background-color: var(--grail-pure-ssml-editor-pronunciation-tag-color)
}

.grail-pure-ssml-editor .sg-ssml-embellishment.sg-ssml-lbracket>i {
    height: 16px;
    width: 10px;
    background-color: transparent;
    background-image: url(./static/speaker_left.883ade72.svg);
    background-repeat: no-repeat;
    margin: 0 3px
}

.grail-pure-ssml-editor .sg-ssml-embellishment.sg-ssml-lbracket>i svg {
    display: none
}

.grail-pure-ssml-editor .sg-ssml-embellishment.sg-ssml-rbracket>i {
    height: 16px;
    width: 10px;
    background-color: transparent;
    background-image: url(./static/speaker_right.671b5cea.svg);
    background-repeat: no-repeat;
    margin: 0 3px
}

.grail-pure-ssml-editor .sg-ssml-embellishment.sg-ssml-rbracket>i svg {
    display: none
}

.grail-pure-ssml-editor .sg-ssml-tooltip,.grail-pure-ssml-editor .sg-ssml-condensed-show {
    display: none
}

.grail-pure-ssml-editor .sg-ssml-condensed .sg-ssml-condensed-hidden {
    display: none!important
}

.grail-pure-ssml-editor .sg-ssml-condensed .sg-ssml-tooltip {
    position: absolute;
    left: auto!important;
    right: 0;
    top: -110%!important;
    transform: translate(0)!important
}

.grail-pure-ssml-editor .sg-ssml-condensed .sg-ssml-value {
    background-color: transparent;
    padding: 0
}

.grail-pure-ssml-editor .sg-ssml-condensed .sg-ssml-condensed-show {
    display: inline-block
}

.grail-pure-ssml-editor .sg-ssml-condensed .sg-ssml-prosody .sg-ssml-value {
    display: none
}

.grail-pure-ssml-editor .sg-ssml-condensed .sg-ssml-rhythm .sg-ssml-value {
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-image: url(./static/break.f6188cba.svg);
    background-repeat: no-repeat
}

.grail-pure-ssml-editor .sg-ssml-condensed .sg-ssml-rhythm .sg-ssml-value svg {
    display: none
}

.grail-pure-ssml-editor .sg-ssml-condensed .sg-ssml-effect .sg-ssml-value {
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-image: url(./static/green_effect.1c254331.svg);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0
}

.grail-pure-ssml-editor .sg-ssml-condensed .sg-ssml-effect .sg-ssml-value svg {
    display: none
}

body.theme-dark .grail-pure-ssml-editor {
    --grail-pure-ssml-editor-caret-color: #00C79D;
    --grail-pure-ssml-editor-placeholder-color: #646464;
    --grail-pure-ssml-editor-color: #fff;
    --grail-pure-ssml-editor-border-color: #464646;
    --grail-pure-ssml-editor-background-color: #1E1E1E;
    --grail-pure-ssml-editor-hover-color: #fff;
    --grail-pure-ssml-editor-hover-border-color: #464646;
    --grail-pure-ssml-editor-hover-background-color: #1E1E1E;
    --grail-pure-ssml-editor-focused-color: #fff;
    --grail-pure-ssml-editor-focused-border-color: #464646;
    --grail-pure-ssml-editor-focused-background-color: #1E1E1E;
    --grail-pure-ssml-editor-count-color: #969696;
    --grail-pure-ssml-editor-rhythm-tag-color: #6668FF;
    --grail-pure-ssml-editor-rhythm-color: #fff;
    --grail-pure-ssml-editor-pronunciation-tag-color: #00CCA2;
    --grail-pure-ssml-editor-pronunciation-color: #fff;
    --grail-pure-ssml-editor-mark-current-background-color: #00CCA2;
    --grail-pure-ssml-editor-selection-background-color: #1f4d43;
    --grail-pure-ssml-editor-selection-color: #B4B4B4
}

body.theme-aigc .grail-pure-ssml-editor {
    --grail-pure-ssml-editor-padding: 12px;
    --grail-pure-ssml-editor-padding-bottom: 12px;
    --grail-pure-ssml-editor-padding-right: 12px;
    --grail-pure-ssml-editor-radius: 8px;
    --grail-pure-ssml-editor-font-size: 14px;
    --grail-pure-ssml-editor-line-height: 22px;
    --grail-pure-ssml-editor-line-margin-bottom: 0;
    --grail-pure-ssml-editor-placeholder-color: rgba(0, 0, 0, .4);
    --grail-pure-ssml-editor-caret-color: #00CCA2;
    --grail-pure-ssml-editor-color: rgba(0, 0, 0, .9);
    --grail-pure-ssml-editor-border-color: #EBEBEB;
    --grail-pure-ssml-editor-background-color: #fff;
    --grail-pure-ssml-editor-hover-color: rgba(0, 0, 0, .9);
    --grail-pure-ssml-editor-hover-border-color: #EBEBEB;
    --grail-pure-ssml-editor-hover-background-color: #fff;
    --grail-pure-ssml-editor-focused-color: rgba(0, 0, 0, .9);
    --grail-pure-ssml-editor-focused-border-color: #EBEBEB;
    --grail-pure-ssml-editor-focused-background-color: #fff;
    --grail-pure-ssml-editor-count-color: rgba(0, 0, 0, .4);
    --grail-pure-ssml-editor-count-error-color: #FF5C67;
    --grail-pure-ssml-editor-rhythm-tag-color: rgba(102, 104, 255, .8);
    --grail-pure-ssml-editor-rhythm-color: #fff;
    --grail-pure-ssml-editor-pronunciation-tag-color: rgba(0, 204, 162, .8);
    --grail-pure-ssml-editor-pronunciation-color: #fff;
    --grail-pure-ssml-editor-mark-current-background-color: #00CCA2;
    --grail-pure-ssml-editor-selection-background-color: rgba(0, 204, 162, .4);
    --grail-pure-ssml-editor-selection-color: #434343
}

@supports (scrollbar-gutter: stable) {
    body.theme-aigc .grail-pure-ssml-editor {
        scrollbar-gutter: stable;
        padding-right: calc(var(--grail-pure-ssml-editor-padding-right) - var(--grail-scrollbar-width))
    }
}


canvas {
    display: block
}

body {
    overscroll-behavior: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

ul,ol {
    list-style: none
}

@keyframes loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}
* {
    box-sizing: border-box;
}
.theme-dark {
    --background-color: #191919;
    --panel-color: #282828;
    --active-background: #1A1B1B;
    --primary-color: #00DFB0;
    --primary-second-color: #6668FF;
    --primary-acitve-color: #00C79D;
    --link-color: #00DFB0;
    --text-color: #B4B4B4;
    --text-second-color: #969696;
    --text-third-color: #646464;
    --disabled-color: #4B4B4B;
    --material-body-padding: 19px;
    --error-color: #FC4E00;
    --warning-color: #FF9800;
    --antd-arrow-background-color: #323232;
    --zen-color-1: #282828;
    --zen-color-2: #323232;
    --zen-color-3: #B4B4B4;
    --zen-color-4: #1E1E1E;
    --zen-color-5: #00dfb0;
    --zen-color-6: #191919;
    --zen-color-7: #B4B4B4;
    --zen-color-8: #282828;
    --zen-color-9: #7d7d7d;
    --zen-color-10: #E0E0E0;
    --zen-color-11: #7d7d7d;
    --zen-color-12: #7d7d7d;
    --zen-color-13: #ffffff;
    --zen-color-14: #646464;
    --zen-color-15: #191919;
    --zen-color-16: #B4B4B4;
    --zen-color-17: #4D4D4D;
    --zen-color-18: #4B4B4B;
    --zen-publish-text-color: #646464;
    --zen-publish-active-color: #00DFB0;
    --zen-publish-border-color: #646464;
    --zen-publish-user-selected-url: url(//zenvideo.gtimg.com/images/publish_user_selected_dark.svg);
    --zen-payment-user-selected-url: url(//zenvideo.gtimg.com/images/payment_user_selected_light.svg);
    --zen-scrollbar-width: 6px;
    --zen-scrollbar-border-width: 0px;
    --zen-scrollbar-border-radius: 0px;
    --zen-scrollbar-track-bg: var(--zen-color-2);
    --zen-scrollbar-thumb-bg: var(--zen-color-18)
}

.theme-light {
    --primary-rgb: 0, 204, 162;
    --primary-color: rgba(var(--primary-rgb), 1);
    --primary-hover-color: rgba(var(--primary-rgb), .8);
    --body-color: #F5F5F5;
    --danger-color: #f5584c;
    --text-color: #191919;
    --text-second-color: #4D4D4D;
    --text-third-color: #808080;
    --error-color: #F5584C;
    --warning-color: #F5584C;
    --zen-color-1: #ffffff;
    --zen-color-2: #F5F5F5;
    --zen-color-3: #E0E0E0;
    --zen-color-4: #F5F5F5;
    --zen-color-5: #ffffff;
    --zen-color-6: rgba(0, 204, 162, .1);
    --zen-color-7: #4d4d4d;
    --zen-color-8: #F5F5F5;
    --zen-color-9: #e0e0e0;
    --zen-color-10: #4D4D4D;
    --zen-color-11: #4D4D4D;
    --zen-color-12: #808080;
    --zen-color-13: #191919;
    --zen-color-14: #808080;
    --zen-color-15: #ffffff;
    --zen-color-16: #B3B3B3;
    --zen-color-17: #E0E0E0;
    --zen-color-18: #E0E0E0;
    --zen-publish-text-color: #4D4D4D;
    --zen-publish-active-color: #00CCA2;
    --zen-publish-border-color: #B3B3B3;
    --zen-publish-user-selected-url: url(//zenvideo.gtimg.com/images/publish_user_selected_light.svg);
    --zen-payment-user-selected-url: url(//zenvideo.gtimg.com/images/payment_user_selected_light.svg);
    --zen-scrollbar-width: 14px;
    --zen-scrollbar-border-width: 4px;
    --zen-scrollbar-border-radius: 7px;
    --zen-scrollbar-track-bg: transparent;
    --zen-scrollbar-thumb-bg: var(--zen-color-18)
}

body ::-webkit-scrollbar {
    width: var(--zen-scrollbar-width);
    height: var(--zen-scrollbar-width)
}

body ::-webkit-scrollbar-track {
    width: var(--zen-scrollbar-width);
    background-color: var(--zen-scrollbar-track-bg);
    background-clip: content-box;
    border: var(--zen-scrollbar-border-width) solid transparent;
    border-radius: var(--zen-scrollbar-border-radius)
}

body ::-webkit-scrollbar-thumb {
    width: var(--zen-scrollbar-width);
    background-color: var(--zen-scrollbar-thumb-bg);
    background-clip: content-box;
    border: var(--zen-scrollbar-border-width) solid transparent;
    border-radius: var(--zen-scrollbar-border-radius)
}

body ::-webkit-scrollbar-track-piece,body ::-webkit-scrollbar-button,body ::-webkit-scrollbar-corner {
    background-color: transparent
}

@media screen and (min-width: 1280px) {
    body {
        overflow-x:hidden
    }
}

body {
    --grail-scrollbar-width: 14px;
    --grail-scrollbar-border-width: 4px;
    --grail-scrollbar-border-radius: 7px;
    --grail-scrollbar-track-bg: transparent;
    --grail-scrollbar-thumb-bg: #E0E0E0
}

body.theme-dark {
    --grail-scrollbar-width: 6px;
    --grail-scrollbar-border-width: 0px;
    --grail-scrollbar-border-radius: 0px;
    --grail-scrollbar-track-bg: #323232;
    --grail-scrollbar-thumb-bg: #4B4B4B
}

body.theme-light.theme-aigc {
    --grail-scrollbar-width: 5px;
    --grail-scrollbar-border-width: 1px;
    --grail-scrollbar-border-radius: 3px;
    --grail-scrollbar-track-bg: transparent;
    --grail-scrollbar-thumb-bg: #E0E0E0
}

html body ::-webkit-scrollbar {
    width: var(--grail-scrollbar-width);
    height: var(--grail-scrollbar-width)
}

html body ::-webkit-scrollbar-track {
    width: var(--grail-scrollbar-width);
    background-color: var(--grail-scrollbar-track-bg);
    background-clip: content-box;
    border: var(--grail-scrollbar-border-width) solid transparent;
    border-radius: var(--grail-scrollbar-border-radius)
}

html body ::-webkit-scrollbar-thumb {
    width: var(--grail-scrollbar-width);
    background-color: var(--grail-scrollbar-thumb-bg);
    background-clip: content-box;
    border: var(--grail-scrollbar-border-width) solid transparent;
    border-radius: var(--grail-scrollbar-border-radius)
}

html body ::-webkit-scrollbar-track-piece,html body ::-webkit-scrollbar-button,html body ::-webkit-scrollbar-corner {
    background-color: transparent
}

html body ::-webkit-scrollbar-button {
    display: none
}

body {
    --grail-background-color: #f5f5f5;
    --grail-text-color: #191919;
    --grail-primary-color: #00cca2;
    --grail-header-height: 58px
}

body.theme-dark {
    --grail-background-color: #191919;
    --grail-text-color: #b4b4b4;
    --grail-primary-color: #00DFB0
}

html,body {
    background-color: var(--grail-background-color);
    color: var(--grail-text-color)
}

html a,body a {
    color: var(--grail-primary-color)
}

html a:hover,body a:hover {
    opacity: .8
}

.ant-btn-loading-icon-motion-leave {
    display: none!important
}

.ant-input-affix-wrapper {
    box-shadow: none!important
}

@font-face {
    font-family: din-medium;
    font-weight: 400;
    font-style: normal;
    src: url(./static/din-medium.30dababf.woff2) format("woff2"),url(./static/din-medium.cb07a4e5.woff) format("woff")
}

.ant-message {
    z-index: 99999!important
}

[class^=ant-]::-ms-clear,[class*=ant-]::-ms-clear,[class^=ant-] input::-ms-clear,[class*=ant-] input::-ms-clear,[class^=ant-] input::-ms-reveal,[class*=ant-] input::-ms-reveal {
    display: none
}

html,body {
    width: 100%;
    height: 100%
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

*,*:before,*:after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    margin: 0;
    color: #b4b4b4;
    font-size: 12px;
    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.66667;
    background-color: transparent;
    font-feature-settings: tnum,"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: .5em;
    color: #fff;
    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: .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: -.25em
}

sup {
    top: -.5em
}

a {
    color: #00dfb0;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: color .3s;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #079879
}

a:active {
    color: #24d6a9
}

a:active,a:hover {
    text-decoration: none;
    outline: 0
}

a:focus {
    text-decoration: none;
    outline: 0
}

a[disabled] {
    color: #4b4b4b;
    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: .75em;
    padding-bottom: .3em;
    color: #969696;
    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: .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: .2em;
    background-color: #2b2611
}

::selection {
    color: #fff;
    background: #00DFB0
}

.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: -.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
}

.ant-fade-enter,.ant-fade-appear,.ant-fade-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-fade-enter.ant-fade-enter-active,.ant-fade-appear.ant-fade-appear-active {
    animation-name: antFadeIn;
    animation-play-state: running
}

.ant-fade-leave.ant-fade-leave-active {
    animation-name: antFadeOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-fade-enter,.ant-fade-appear {
    opacity: 0;
    animation-timing-function: linear
}

.ant-fade-leave {
    animation-timing-function: linear
}

@keyframes antFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes antFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.ant-move-up-enter,.ant-move-up-appear,.ant-move-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-move-up-enter.ant-move-up-enter-active,.ant-move-up-appear.ant-move-up-appear-active {
    animation-name: antMoveUpIn;
    animation-play-state: running
}

.ant-move-up-leave.ant-move-up-leave-active {
    animation-name: antMoveUpOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-move-up-enter,.ant-move-up-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-move-up-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.ant-move-down-enter,.ant-move-down-appear,.ant-move-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-move-down-enter.ant-move-down-enter-active,.ant-move-down-appear.ant-move-down-appear-active {
    animation-name: antMoveDownIn;
    animation-play-state: running
}

.ant-move-down-leave.ant-move-down-leave-active {
    animation-name: antMoveDownOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-move-down-enter,.ant-move-down-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-move-down-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.ant-move-left-enter,.ant-move-left-appear,.ant-move-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-move-left-enter.ant-move-left-enter-active,.ant-move-left-appear.ant-move-left-appear-active {
    animation-name: antMoveLeftIn;
    animation-play-state: running
}

.ant-move-left-leave.ant-move-left-leave-active {
    animation-name: antMoveLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-move-left-enter,.ant-move-left-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-move-left-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.ant-move-right-enter,.ant-move-right-appear,.ant-move-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-move-right-enter.ant-move-right-enter-active,.ant-move-right-appear.ant-move-right-appear-active {
    animation-name: antMoveRightIn;
    animation-play-state: running
}

.ant-move-right-leave.ant-move-right-leave-active {
    animation-name: antMoveRightOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-move-right-enter,.ant-move-right-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-move-right-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

@keyframes antMoveDownIn {
    0% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveDownOut {
    0% {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antMoveLeftIn {
    0% {
        transform: translate(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translate(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveLeftOut {
    0% {
        transform: translate(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translate(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antMoveRightIn {
    0% {
        transform: translate(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translate(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveRightOut {
    0% {
        transform: translate(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translate(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antMoveUpIn {
    0% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveUpOut {
    0% {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes loadingCircle {
    to {
        transform: rotate(360deg)
    }
}

[ant-click-animating=true],[ant-click-animating-without-extra-node=true] {
    position: relative
}

html {
    --antd-wave-shadow-color: #00DFB0;
    --scroll-bar: 0
}

[ant-click-animating-without-extra-node=true]:after,.ant-click-animating-node {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border-radius: inherit;
    box-shadow: 0 0 #00dfb0;
    box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
    opacity: .2;
    animation: fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1);
    animation-fill-mode: forwards;
    content: "";
    pointer-events: none
}

@keyframes waveEffect {
    to {
        box-shadow: 0 0 #00dfb0;
        box-shadow: 0 0 0 6px var(--antd-wave-shadow-color)
    }
}

@keyframes fadeEffect {
    to {
        opacity: 0
    }
}

.ant-slide-up-enter,.ant-slide-up-appear,.ant-slide-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-slide-up-enter.ant-slide-up-enter-active,.ant-slide-up-appear.ant-slide-up-appear-active {
    animation-name: antSlideUpIn;
    animation-play-state: running
}

.ant-slide-up-leave.ant-slide-up-leave-active {
    animation-name: antSlideUpOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-slide-up-enter,.ant-slide-up-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.ant-slide-up-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.ant-slide-down-enter,.ant-slide-down-appear,.ant-slide-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-slide-down-enter.ant-slide-down-enter-active,.ant-slide-down-appear.ant-slide-down-appear-active {
    animation-name: antSlideDownIn;
    animation-play-state: running
}

.ant-slide-down-leave.ant-slide-down-leave-active {
    animation-name: antSlideDownOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-slide-down-enter,.ant-slide-down-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.ant-slide-down-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.ant-slide-left-enter,.ant-slide-left-appear,.ant-slide-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-slide-left-enter.ant-slide-left-enter-active,.ant-slide-left-appear.ant-slide-left-appear-active {
    animation-name: antSlideLeftIn;
    animation-play-state: running
}

.ant-slide-left-leave.ant-slide-left-leave-active {
    animation-name: antSlideLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-slide-left-enter,.ant-slide-left-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.ant-slide-left-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.ant-slide-right-enter,.ant-slide-right-appear,.ant-slide-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-slide-right-enter.ant-slide-right-enter-active,.ant-slide-right-appear.ant-slide-right-appear-active {
    animation-name: antSlideRightIn;
    animation-play-state: running
}

.ant-slide-right-leave.ant-slide-right-leave-active {
    animation-name: antSlideRightOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-slide-right-enter,.ant-slide-right-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.ant-slide-right-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

@keyframes antSlideUpIn {
    0% {
        transform: scaleY(.8);
        transform-origin: 0% 0%;
        opacity: 0
    }

    to {
        transform: scaleY(1);
        transform-origin: 0% 0%;
        opacity: 1
    }
}

@keyframes antSlideUpOut {
    0% {
        transform: scaleY(1);
        transform-origin: 0% 0%;
        opacity: 1
    }

    to {
        transform: scaleY(.8);
        transform-origin: 0% 0%;
        opacity: 0
    }
}

@keyframes antSlideDownIn {
    0% {
        transform: scaleY(.8);
        transform-origin: 100% 100%;
        opacity: 0
    }

    to {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1
    }
}

@keyframes antSlideDownOut {
    0% {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1
    }

    to {
        transform: scaleY(.8);
        transform-origin: 100% 100%;
        opacity: 0
    }
}

@keyframes antSlideLeftIn {
    0% {
        transform: scaleX(.8);
        transform-origin: 0% 0%;
        opacity: 0
    }

    to {
        transform: scaleX(1);
        transform-origin: 0% 0%;
        opacity: 1
    }
}

@keyframes antSlideLeftOut {
    0% {
        transform: scaleX(1);
        transform-origin: 0% 0%;
        opacity: 1
    }

    to {
        transform: scaleX(.8);
        transform-origin: 0% 0%;
        opacity: 0
    }
}

@keyframes antSlideRightIn {
    0% {
        transform: scaleX(.8);
        transform-origin: 100% 0%;
        opacity: 0
    }

    to {
        transform: scaleX(1);
        transform-origin: 100% 0%;
        opacity: 1
    }
}

@keyframes antSlideRightOut {
    0% {
        transform: scaleX(1);
        transform-origin: 100% 0%;
        opacity: 1
    }

    to {
        transform: scaleX(.8);
        transform-origin: 100% 0%;
        opacity: 0
    }
}

.ant-zoom-enter,.ant-zoom-appear,.ant-zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-enter.ant-zoom-enter-active,.ant-zoom-appear.ant-zoom-appear-active {
    animation-name: antZoomIn;
    animation-play-state: running
}

.ant-zoom-leave.ant-zoom-leave-active {
    animation-name: antZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-enter,.ant-zoom-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-zoom-enter-prepare,.ant-zoom-appear-prepare {
    transform: none
}

.ant-zoom-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ant-zoom-big-enter,.ant-zoom-big-appear,.ant-zoom-big-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-big-enter.ant-zoom-big-enter-active,.ant-zoom-big-appear.ant-zoom-big-appear-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.ant-zoom-big-leave.ant-zoom-big-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-big-enter,.ant-zoom-big-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-zoom-big-enter-prepare,.ant-zoom-big-appear-prepare {
    transform: none
}

.ant-zoom-big-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ant-zoom-big-fast-enter,.ant-zoom-big-fast-appear,.ant-zoom-big-fast-leave {
    animation-duration: .1s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-big-fast-enter,.ant-zoom-big-fast-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-zoom-big-fast-enter-prepare,.ant-zoom-big-fast-appear-prepare {
    transform: none
}

.ant-zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ant-zoom-up-enter,.ant-zoom-up-appear,.ant-zoom-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-up-enter.ant-zoom-up-enter-active,.ant-zoom-up-appear.ant-zoom-up-appear-active {
    animation-name: antZoomUpIn;
    animation-play-state: running
}

.ant-zoom-up-leave.ant-zoom-up-leave-active {
    animation-name: antZoomUpOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-up-enter,.ant-zoom-up-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-zoom-up-enter-prepare,.ant-zoom-up-appear-prepare {
    transform: none
}

.ant-zoom-up-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ant-zoom-down-enter,.ant-zoom-down-appear,.ant-zoom-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-down-enter.ant-zoom-down-enter-active,.ant-zoom-down-appear.ant-zoom-down-appear-active {
    animation-name: antZoomDownIn;
    animation-play-state: running
}

.ant-zoom-down-leave.ant-zoom-down-leave-active {
    animation-name: antZoomDownOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-down-enter,.ant-zoom-down-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-zoom-down-enter-prepare,.ant-zoom-down-appear-prepare {
    transform: none
}

.ant-zoom-down-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ant-zoom-left-enter,.ant-zoom-left-appear,.ant-zoom-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-left-enter.ant-zoom-left-enter-active,.ant-zoom-left-appear.ant-zoom-left-appear-active {
    animation-name: antZoomLeftIn;
    animation-play-state: running
}

.ant-zoom-left-leave.ant-zoom-left-leave-active {
    animation-name: antZoomLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-left-enter,.ant-zoom-left-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-zoom-left-enter-prepare,.ant-zoom-left-appear-prepare {
    transform: none
}

.ant-zoom-left-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ant-zoom-right-enter,.ant-zoom-right-appear,.ant-zoom-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-right-enter.ant-zoom-right-enter-active,.ant-zoom-right-appear.ant-zoom-right-appear-active {
    animation-name: antZoomRightIn;
    animation-play-state: running
}

.ant-zoom-right-leave.ant-zoom-right-leave-active {
    animation-name: antZoomRightOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-right-enter,.ant-zoom-right-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-zoom-right-enter-prepare,.ant-zoom-right-appear-prepare {
    transform: none
}

.ant-zoom-right-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

@keyframes antZoomIn {
    0% {
        transform: scale(.2);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes antZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.2);
        opacity: 0
    }
}

@keyframes antZoomBigIn {
    0% {
        transform: scale(.8);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes antZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.8);
        opacity: 0
    }
}

@keyframes antZoomUpIn {
    0% {
        transform: scale(.8);
        transform-origin: 50% 0%;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 0%
    }
}

@keyframes antZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0%
    }

    to {
        transform: scale(.8);
        transform-origin: 50% 0%;
        opacity: 0
    }
}

@keyframes antZoomLeftIn {
    0% {
        transform: scale(.8);
        transform-origin: 0% 50%;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 0% 50%
    }
}

@keyframes antZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0% 50%
    }

    to {
        transform: scale(.8);
        transform-origin: 0% 50%;
        opacity: 0
    }
}

@keyframes antZoomRightIn {
    0% {
        transform: scale(.8);
        transform-origin: 100% 50%;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes antZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    to {
        transform: scale(.8);
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@keyframes antZoomDownIn {
    0% {
        transform: scale(.8);
        transform-origin: 50% 100%;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes antZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(.8);
        transform-origin: 50% 100%;
        opacity: 0
    }
}

.ant-motion-collapse-legacy {
    overflow: hidden
}

.ant-motion-collapse-legacy-active {
    transition: height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important
}

.ant-motion-collapse {
    overflow: hidden;
    transition: height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important
}

.ant-affix {
    position: fixed;
    z-index: 10
}

.ant-alert {
    box-sizing: border-box;
    margin: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 15px;
    word-wrap: break-word;
    border-radius: 3px
}

.ant-alert-content {
    flex: 1 1;
    min-width: 0
}

.ant-alert-icon {
    margin-right: 4px
}

.ant-alert-description {
    display: none;
    font-size: 12px;
    line-height: 20px
}

.ant-alert-success {
    background-color: #162312;
    border: 1px solid #274916
}

.ant-alert-success .ant-alert-icon {
    color: #00dfb0
}

.ant-alert-info {
    background-color: #112724;
    border: 1px solid #0e5143
}

.ant-alert-info .ant-alert-icon {
    color: #00dfb0
}

.ant-alert-warning {
    background-color: #2b2111;
    border: 1px solid #594214
}

.ant-alert-warning .ant-alert-icon {
    color: #ff9800
}

.ant-alert-error {
    background-color: #2a1215;
    border: 1px solid #58181c
}

.ant-alert-error .ant-alert-icon {
    color: #fc4e00
}

.ant-alert-error .ant-alert-description>pre {
    margin: 0;
    padding: 0
}

.ant-alert-action {
    margin-left: 4px
}

.ant-alert-close-icon {
    margin-left: 4px;
    padding: 0;
    overflow: hidden;
    font-size: 12px;
    line-height: 12px;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer
}

.ant-alert-close-icon .anticon-close {
    color: #969696;
    transition: color .3s
}

.ant-alert-close-icon .anticon-close:hover {
    color: #ffffffbf
}

.ant-alert-close-text {
    color: #969696;
    transition: color .3s
}

.ant-alert-close-text:hover {
    color: #ffffffbf
}

.ant-alert-with-description {
    align-items: flex-start;
    padding: 11px 15px 7px 20px
}

.ant-alert-with-description.ant-alert-no-icon {
    padding: 7px 15px
}

.ant-alert-with-description .ant-alert-icon {
    margin-right: 11px;
    font-size: 20px
}

.ant-alert-with-description .ant-alert-message {
    display: block;
    margin-bottom: 4px;
    color: #fff;
    font-size: 14px
}

.ant-alert-message {
    color: #fff
}

.ant-alert-with-description .ant-alert-description {
    display: block
}

.ant-alert.ant-alert-motion-leave {
    overflow: hidden;
    opacity: 1;
    transition: max-height .3s cubic-bezier(.78,.14,.15,.86),opacity .3s cubic-bezier(.78,.14,.15,.86),padding-top .3s cubic-bezier(.78,.14,.15,.86),padding-bottom .3s cubic-bezier(.78,.14,.15,.86),margin-bottom .3s cubic-bezier(.78,.14,.15,.86)
}

.ant-alert.ant-alert-motion-leave-active {
    max-height: 0;
    margin-bottom: 0!important;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0
}

.ant-alert-banner {
    margin-bottom: 0;
    border: 0;
    border-radius: 0
}

.ant-alert.ant-alert-rtl {
    direction: rtl
}

.ant-alert-rtl .ant-alert-icon {
    margin-right: auto;
    margin-left: 4px
}

.ant-alert-rtl .ant-alert-action,.ant-alert-rtl .ant-alert-close-icon {
    margin-right: 4px;
    margin-left: auto
}

.ant-alert-rtl.ant-alert-with-description {
    padding-right: 20px;
    padding-left: 11px
}

.ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
    margin-right: auto;
    margin-left: 11px
}

.ant-anchor {
    box-sizing: border-box;
    margin: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    padding: 0 0 0 2px
}

.ant-anchor-wrapper {
    margin-left: -4px;
    padding-left: 4px;
    overflow: auto;
    background-color: transparent
}

.ant-anchor-ink {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.ant-anchor-ink:before {
    position: relative;
    display: block;
    width: 2px;
    height: 100%;
    margin: 0 auto;
    background-color: #303030;
    content: " "
}

.ant-anchor-ink-ball {
    position: absolute;
    left: 50%;
    display: none;
    width: 8px;
    height: 8px;
    background-color: #141414;
    border: 2px solid #00DFB0;
    border-radius: 8px;
    transform: translate(-50%);
    transition: top .3s ease-in-out
}

.ant-anchor-ink-ball.visible {
    display: inline-block
}

.ant-anchor-fixed .ant-anchor-ink .ant-anchor-ink-ball {
    display: none
}

.ant-anchor-link {
    padding: 4px 0 4px 16px;
    line-height: 1.143
}

.ant-anchor-link-title {
    position: relative;
    display: block;
    margin-bottom: 6px;
    overflow: hidden;
    color: #b4b4b4;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .3s
}

.ant-anchor-link-title:only-child {
    margin-bottom: 0
}

.ant-anchor-link-active>.ant-anchor-link-title {
    color: #00dfb0
}

.ant-anchor-link .ant-anchor-link {
    padding-top: 5px;
    padding-bottom: 5px
}

.ant-anchor-rtl {
    direction: rtl
}

.ant-anchor-rtl.ant-anchor-wrapper {
    margin-right: -4px;
    margin-left: 0;
    padding-right: 4px;
    padding-left: 0
}

.ant-anchor-rtl .ant-anchor-ink {
    right: 0;
    left: auto
}

.ant-anchor-rtl .ant-anchor-ink-ball {
    right: 50%;
    left: 0;
    transform: translate(50%)
}

.ant-anchor-rtl .ant-anchor-link {
    padding: 4px 16px 4px 0
}

.ant-select-auto-complete {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum"
}

.ant-select-auto-complete .ant-select-clear {
    right: 13px
}

.ant-avatar {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    background: rgba(255,255,255,.3);
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%
}

.ant-avatar-image {
    background: transparent
}

.ant-avatar .ant-image-img {
    display: block
}

.ant-avatar-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center
}

.ant-avatar.ant-avatar-icon {
    font-size: 16px
}

.ant-avatar.ant-avatar-icon>.anticon {
    margin: 0
}

.ant-avatar-lg {
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%
}

.ant-avatar-lg-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center
}

.ant-avatar-lg.ant-avatar-icon {
    font-size: 20px
}

.ant-avatar-lg.ant-avatar-icon>.anticon {
    margin: 0
}

.ant-avatar-sm {
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%
}

.ant-avatar-sm-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center
}

.ant-avatar-sm.ant-avatar-icon {
    font-size: 12px
}

.ant-avatar-sm.ant-avatar-icon>.anticon {
    margin: 0
}

.ant-avatar-square {
    border-radius: 3px
}

.ant-avatar>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ant-avatar-group {
    display: inline-flex
}

.ant-avatar-group .ant-avatar {
    border: 1px solid #fff
}

.ant-avatar-group .ant-avatar:not(:first-child) {
    margin-left: -8px
}

.ant-avatar-group-popover .ant-avatar+.ant-avatar {
    margin-left: 3px
}

.ant-avatar-group-rtl .ant-avatar:not(:first-child) {
    margin-right: -8px;
    margin-left: 0
}

.ant-avatar-group-popover.ant-popover-rtl .ant-avatar+.ant-avatar {
    margin-right: 3px;
    margin-left: 0
}

.ant-back-top {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: fixed;
    right: 100px;
    bottom: 50px;
    z-index: 10;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.ant-back-top:empty {
    display: none
}

.ant-back-top-rtl {
    right: auto;
    left: 100px;
    direction: rtl
}

.ant-back-top-content {
    width: 40px;
    height: 40px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    background-color: #969696;
    border-radius: 20px;
    transition: all .3s
}

.ant-back-top-content:hover {
    background-color: #b4b4b4;
    transition: all .3s
}

.ant-back-top-icon {
    font-size: 24px;
    line-height: 40px
}

@media screen and (max-width: 768px) {
    .ant-back-top {
        right:60px
    }
}

@media screen and (max-width: 480px) {
    .ant-back-top {
        right:20px
    }
}

.ant-badge {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    display: inline-block;
    line-height: 1
}

.ant-badge-count {
    z-index: auto;
    min-width: 18px;
    height: 18px;
    padding: 0 6px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
    text-align: center;
    background: #a61d24;
    border-radius: 9px;
    box-shadow: 0 0 0 1px #141414
}

.ant-badge-count a,.ant-badge-count a:hover {
    color: #fff
}

.ant-badge-count-sm {
    min-width: 14px;
    height: 14px;
    padding: 0;
    font-size: 12px;
    line-height: 14px;
    border-radius: 7px
}

.ant-badge-multiple-words {
    padding: 0 8px
}

.ant-badge-dot {
    z-index: auto;
    width: 6px;
    min-width: 6px;
    height: 6px;
    background: #a61d24;
    border-radius: 100%;
    box-shadow: 0 0 0 1px #141414
}

.ant-badge-dot.ant-scroll-number {
    transition: background 1.5s
}

.ant-badge-count,.ant-badge-dot,.ant-badge .ant-scroll-number-custom-component {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%,-50%);
    transform-origin: 100% 0%
}

.ant-badge-count.anticon-spin,.ant-badge-dot.anticon-spin,.ant-badge .ant-scroll-number-custom-component.anticon-spin {
    animation: antBadgeLoadingCircle 1s infinite linear
}

.ant-badge-status {
    line-height: inherit;
    vertical-align: baseline
}

.ant-badge-status-dot {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 6px;
    height: 6px;
    vertical-align: middle;
    border-radius: 50%
}

.ant-badge-status-success {
    background-color: #00dfb0
}

.ant-badge-status-processing {
    position: relative;
    background-color: #177ddc
}

.ant-badge-status-processing:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #177ddc;
    border-radius: 50%;
    animation: antStatusProcessing 1.2s infinite ease-in-out;
    content: ""
}

.ant-badge-status-default {
    background-color: #d9d9d9
}

.ant-badge-status-error {
    background-color: #fc4e00
}

.ant-badge-status-warning {
    background-color: #ff9800
}

.ant-badge-status-pink,.ant-badge-status-magenta {
    background: #cb2b83
}

.ant-badge-status-red {
    background: #d32029
}

.ant-badge-status-volcano {
    background: #d84a1b
}

.ant-badge-status-orange {
    background: #d87a16
}

.ant-badge-status-yellow {
    background: #d8bd14
}

.ant-badge-status-gold {
    background: #d89614
}

.ant-badge-status-cyan {
    background: #13a8a8
}

.ant-badge-status-lime {
    background: #8bbb11
}

.ant-badge-status-green {
    background: #49aa19
}

.ant-badge-status-blue {
    background: #177ddc
}

.ant-badge-status-geekblue {
    background: #2b4acb
}

.ant-badge-status-purple {
    background: #642ab5
}

.ant-badge-status-text {
    margin-left: 8px;
    color: #b4b4b4;
    font-size: 12px
}

.ant-badge-zoom-appear,.ant-badge-zoom-enter {
    animation: antZoomBadgeIn .3s cubic-bezier(.12,.4,.29,1.46);
    animation-fill-mode: both
}

.ant-badge-zoom-leave {
    animation: antZoomBadgeOut .3s cubic-bezier(.71,-.46,.88,.6);
    animation-fill-mode: both
}

.ant-badge-not-a-wrapper .ant-badge-zoom-appear,.ant-badge-not-a-wrapper .ant-badge-zoom-enter {
    animation: antNoWrapperZoomBadgeIn .3s cubic-bezier(.12,.4,.29,1.46)
}

.ant-badge-not-a-wrapper .ant-badge-zoom-leave {
    animation: antNoWrapperZoomBadgeOut .3s cubic-bezier(.71,-.46,.88,.6)
}

.ant-badge-not-a-wrapper:not(.ant-badge-status) {
    vertical-align: middle
}

.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,.ant-badge-not-a-wrapper .ant-badge-count {
    transform: none
}

.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,.ant-badge-not-a-wrapper .ant-scroll-number {
    position: relative;
    top: auto;
    display: block;
    transform-origin: 50% 50%
}

@keyframes antStatusProcessing {
    0% {
        transform: scale(.8);
        opacity: .5
    }

    to {
        transform: scale(2.4);
        opacity: 0
    }
}

.ant-scroll-number {
    overflow: hidden;
    direction: ltr
}

.ant-scroll-number-only {
    position: relative;
    display: inline-block;
    height: 18px;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

.ant-scroll-number-only>p.ant-scroll-number-only-unit {
    height: 18px;
    margin: 0;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

.ant-scroll-number-symbol {
    vertical-align: top
}

@keyframes antZoomBadgeIn {
    0% {
        transform: scale(0) translate(50%,-50%);
        opacity: 0
    }

    to {
        transform: scale(1) translate(50%,-50%)
    }
}

@keyframes antZoomBadgeOut {
    0% {
        transform: scale(1) translate(50%,-50%)
    }

    to {
        transform: scale(0) translate(50%,-50%);
        opacity: 0
    }
}

@keyframes antNoWrapperZoomBadgeIn {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1)
    }
}

@keyframes antNoWrapperZoomBadgeOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0);
        opacity: 0
    }
}

@keyframes antBadgeLoadingCircle {
    0% {
        transform-origin: 50%
    }

    to {
        transform: translate(50%,-50%) rotate(360deg);
        transform-origin: 50%
    }
}

.ant-ribbon-wrapper {
    position: relative
}

.ant-ribbon {
    box-sizing: border-box;
    margin: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: absolute;
    top: 8px;
    height: 22px;
    padding: 0 8px;
    color: #fff;
    line-height: 22px;
    white-space: nowrap;
    background-color: #00dfb0;
    border-radius: 3px
}

.ant-ribbon-text {
    color: #fff
}

.ant-ribbon-corner {
    position: absolute;
    top: 100%;
    width: 8px;
    height: 8px;
    color: currentcolor;
    border: 4px solid;
    transform: scaleY(.75);
    transform-origin: top
}

.ant-ribbon-corner:after {
    position: absolute;
    top: -4px;
    left: -4px;
    width: inherit;
    height: inherit;
    color: #00000040;
    border: inherit;
    content: ""
}

.ant-ribbon-color-pink,.ant-ribbon-color-magenta {
    color: #cb2b83;
    background: #cb2b83
}

.ant-ribbon-color-red {
    color: #d32029;
    background: #d32029
}

.ant-ribbon-color-volcano {
    color: #d84a1b;
    background: #d84a1b
}

.ant-ribbon-color-orange {
    color: #d87a16;
    background: #d87a16
}

.ant-ribbon-color-yellow {
    color: #d8bd14;
    background: #d8bd14
}

.ant-ribbon-color-gold {
    color: #d89614;
    background: #d89614
}

.ant-ribbon-color-cyan {
    color: #13a8a8;
    background: #13a8a8
}

.ant-ribbon-color-lime {
    color: #8bbb11;
    background: #8bbb11
}

.ant-ribbon-color-green {
    color: #49aa19;
    background: #49aa19
}

.ant-ribbon-color-blue {
    color: #177ddc;
    background: #177ddc
}

.ant-ribbon-color-geekblue {
    color: #2b4acb;
    background: #2b4acb
}

.ant-ribbon-color-purple {
    color: #642ab5;
    background: #642ab5
}

.ant-ribbon.ant-ribbon-placement-end {
    right: -8px;
    border-bottom-right-radius: 0
}

.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
    right: 0;
    border-color: currentcolor transparent transparent currentcolor
}

.ant-ribbon.ant-ribbon-placement-start {
    left: -8px;
    border-bottom-left-radius: 0
}

.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
    left: 0;
    border-color: currentcolor currentcolor transparent transparent
}

.ant-badge-rtl {
    direction: rtl
}

.ant-badge-rtl .ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-count,.ant-badge-rtl .ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-dot,.ant-badge-rtl .ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
    right: auto;
    left: 0;
    direction: ltr;
    transform: translate(-50%,-50%);
    transform-origin: 0% 0%
}

.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
    right: auto;
    left: 0;
    transform: translate(-50%,-50%);
    transform-origin: 0% 0%
}

.ant-badge-rtl .ant-badge-status-text {
    margin-right: 8px;
    margin-left: 0
}

.ant-ribbon-rtl {
    direction: rtl
}

.ant-ribbon-rtl.ant-ribbon-placement-end {
    right: unset;
    left: -8px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0
}

.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner {
    right: unset;
    left: 0;
    border-color: currentcolor currentcolor transparent transparent
}

.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner:after {
    border-color: currentcolor currentcolor transparent transparent
}

.ant-ribbon-rtl.ant-ribbon-placement-start {
    right: -8px;
    left: unset;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px
}

.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner {
    right: 0;
    left: unset;
    border-color: currentcolor transparent transparent currentcolor
}

.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner:after {
    border-color: currentcolor transparent transparent currentcolor
}

.ant-breadcrumb {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    color: #969696;
    font-size: 12px
}

.ant-breadcrumb .anticon {
    font-size: 12px
}

.ant-breadcrumb a {
    color: #969696;
    transition: color .3s
}

.ant-breadcrumb a:hover {
    color: #079879
}

.ant-breadcrumb>span:last-child {
    color: #b4b4b4
}

.ant-breadcrumb>span:last-child a {
    color: #b4b4b4
}

.ant-breadcrumb>span:last-child .ant-breadcrumb-separator {
    display: none
}

.ant-breadcrumb-separator {
    margin: 0 4px;
    color: #969696
}

.ant-breadcrumb-link>.anticon+span,.ant-breadcrumb-link>.anticon+a {
    margin-left: 4px
}

.ant-breadcrumb-overlay-link>.anticon {
    margin-left: 4px
}

.ant-breadcrumb-rtl {
    direction: rtl
}

.ant-breadcrumb-rtl:before {
    display: table;
    content: ""
}

.ant-breadcrumb-rtl:after {
    display: table;
    clear: both;
    content: ""
}

.ant-breadcrumb-rtl>span {
    float: right
}

.ant-breadcrumb-rtl .ant-breadcrumb-link>.anticon+span,.ant-breadcrumb-rtl .ant-breadcrumb-link>.anticon+a {
    margin-right: 4px;
    margin-left: 0
}

.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link>.anticon {
    margin-right: 4px;
    margin-left: 0
}

.ant-btn {
    line-height: 1.66667;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    border: 1px solid transparent;
    box-shadow: none;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    user-select: none;
    touch-action: manipulation;
    height: 30px;
    padding: 4px 11px;
    font-size: 12px;
    border-radius: 3px;
    color: #b4b4b4;
    border-color: #4b4b4b;
    background: #4B4B4B
}

.ant-btn>.anticon {
    line-height: 1
}

.ant-btn,.ant-btn:active,.ant-btn:focus {
    outline: 0
}

.ant-btn:not([disabled]):hover {
    text-decoration: none
}

.ant-btn:not([disabled]):active {
    outline: 0;
    box-shadow: none
}

.ant-btn[disabled] {
    cursor: not-allowed
}

.ant-btn[disabled]>* {
    pointer-events: none
}

.ant-btn-lg {
    height: 40px;
    padding: 7.3px 11px;
    font-size: 14px;
    border-radius: 3px
}

.ant-btn-sm {
    height: 24px;
    padding: 1px 15px;
    font-size: 12px;
    border-radius: 3px
}

.ant-btn>a:only-child {
    color: currentcolor
}

.ant-btn>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn:hover,.ant-btn:focus {
    color: #079879;
    border-color: #079879;
    background: #4B4B4B
}

.ant-btn:hover>a:only-child,.ant-btn:focus>a:only-child {
    color: currentcolor
}

.ant-btn:hover>a:only-child:after,.ant-btn:focus>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn:active {
    color: #24d6a9;
    border-color: #24d6a9;
    background: #4B4B4B
}

.ant-btn:active>a:only-child {
    color: currentcolor
}

.ant-btn:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn[disabled],.ant-btn[disabled]:hover,.ant-btn[disabled]:focus,.ant-btn[disabled]:active {
    color: #646464;
    border-color: #3c3c3c;
    background: #3C3C3C;
    text-shadow: none;
    box-shadow: none
}

.ant-btn[disabled]>a:only-child,.ant-btn[disabled]:hover>a:only-child,.ant-btn[disabled]:focus>a:only-child,.ant-btn[disabled]:active>a:only-child {
    color: currentcolor
}

.ant-btn[disabled]>a:only-child:after,.ant-btn[disabled]:hover>a:only-child:after,.ant-btn[disabled]:focus>a:only-child:after,.ant-btn[disabled]:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn:hover,.ant-btn:focus,.ant-btn:active {
    text-decoration: none;
    background: #4B4B4B
}

.ant-btn>span {
    display: inline-block
}

.ant-btn-primary {
    color: #191919;
    border-color: #00dfb0;
    background: #00DFB0;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-primary>a:only-child {
    color: currentcolor
}

.ant-btn-primary>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-primary:hover,.ant-btn-primary:focus {
    color: #191919;
    border-color: #00b896;
    background: #00b896
}

.ant-btn-primary:hover>a:only-child,.ant-btn-primary:focus>a:only-child {
    color: currentcolor
}

.ant-btn-primary:hover>a:only-child:after,.ant-btn-primary:focus>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-primary:active {
    color: #191919;
    border-color: #26ebb9;
    background: #26ebb9
}

.ant-btn-primary:active>a:only-child {
    color: currentcolor
}

.ant-btn-primary:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-primary[disabled],.ant-btn-primary[disabled]:hover,.ant-btn-primary[disabled]:focus,.ant-btn-primary[disabled]:active {
    color: #646464;
    border-color: #3c3c3c;
    background: #3C3C3C;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-primary[disabled]>a:only-child,.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-primary[disabled]:active>a:only-child {
    color: currentcolor
}

.ant-btn-primary[disabled]>a:only-child:after,.ant-btn-primary[disabled]:hover>a:only-child:after,.ant-btn-primary[disabled]:focus>a:only-child:after,.ant-btn-primary[disabled]:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
    border-right-color: #079879;
    border-left-color: #079879
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
    border-color: #4b4b4b
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
    border-right-color: #079879
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
    border-right-color: #4b4b4b
}

.ant-btn-group .ant-btn-primary:last-child:not(:first-child),.ant-btn-group .ant-btn-primary+.ant-btn-primary {
    border-left-color: #079879
}

.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled] {
    border-left-color: #4b4b4b
}

.ant-btn-ghost {
    color: #b4b4b4;
    border-color: #4b4b4b;
    background: transparent
}

.ant-btn-ghost>a:only-child {
    color: currentcolor
}

.ant-btn-ghost>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-ghost:hover,.ant-btn-ghost:focus {
    color: #079879;
    border-color: #079879;
    background: transparent
}

.ant-btn-ghost:hover>a:only-child,.ant-btn-ghost:focus>a:only-child {
    color: currentcolor
}

.ant-btn-ghost:hover>a:only-child:after,.ant-btn-ghost:focus>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-ghost:active {
    color: #24d6a9;
    border-color: #24d6a9;
    background: transparent
}

.ant-btn-ghost:active>a:only-child {
    color: currentcolor
}

.ant-btn-ghost:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-ghost[disabled],.ant-btn-ghost[disabled]:hover,.ant-btn-ghost[disabled]:focus,.ant-btn-ghost[disabled]:active {
    color: #646464;
    border-color: #3c3c3c;
    background: #3C3C3C;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-ghost[disabled]>a:only-child,.ant-btn-ghost[disabled]:hover>a:only-child,.ant-btn-ghost[disabled]:focus>a:only-child,.ant-btn-ghost[disabled]:active>a:only-child {
    color: currentcolor
}

.ant-btn-ghost[disabled]>a:only-child:after,.ant-btn-ghost[disabled]:hover>a:only-child:after,.ant-btn-ghost[disabled]:focus>a:only-child:after,.ant-btn-ghost[disabled]:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dashed {
    color: #b4b4b4;
    border-color: #4b4b4b;
    background: #4B4B4B;
    border-style: dashed
}

.ant-btn-dashed>a:only-child {
    color: currentcolor
}

.ant-btn-dashed>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dashed:hover,.ant-btn-dashed:focus {
    color: #079879;
    border-color: #079879;
    background: #4B4B4B
}

.ant-btn-dashed:hover>a:only-child,.ant-btn-dashed:focus>a:only-child {
    color: currentcolor
}

.ant-btn-dashed:hover>a:only-child:after,.ant-btn-dashed:focus>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dashed:active {
    color: #24d6a9;
    border-color: #24d6a9;
    background: #4B4B4B
}

.ant-btn-dashed:active>a:only-child {
    color: currentcolor
}

.ant-btn-dashed:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dashed[disabled],.ant-btn-dashed[disabled]:hover,.ant-btn-dashed[disabled]:focus,.ant-btn-dashed[disabled]:active {
    color: #646464;
    border-color: #3c3c3c;
    background: #3C3C3C;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-dashed[disabled]>a:only-child,.ant-btn-dashed[disabled]:hover>a:only-child,.ant-btn-dashed[disabled]:focus>a:only-child,.ant-btn-dashed[disabled]:active>a:only-child {
    color: currentcolor
}

.ant-btn-dashed[disabled]>a:only-child:after,.ant-btn-dashed[disabled]:hover>a:only-child:after,.ant-btn-dashed[disabled]:focus>a:only-child:after,.ant-btn-dashed[disabled]:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-danger {
    color: #fff;
    border-color: #fc4e00;
    background: #fc4e00;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-danger>a:only-child {
    color: currentcolor
}

.ant-btn-danger>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-danger:hover,.ant-btn-danger:focus {
    color: #fff;
    border-color: #d63d00;
    background: #d63d00
}

.ant-btn-danger:hover>a:only-child,.ant-btn-danger:focus>a:only-child {
    color: currentcolor
}

.ant-btn-danger:hover>a:only-child:after,.ant-btn-danger:focus>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-danger:active {
    color: #fff;
    border-color: #ff7429;
    background: #ff7429
}

.ant-btn-danger:active>a:only-child {
    color: currentcolor
}

.ant-btn-danger:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-danger[disabled],.ant-btn-danger[disabled]:hover,.ant-btn-danger[disabled]:focus,.ant-btn-danger[disabled]:active {
    color: #646464;
    border-color: #3c3c3c;
    background: #3C3C3C;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-danger[disabled]>a:only-child,.ant-btn-danger[disabled]:hover>a:only-child,.ant-btn-danger[disabled]:focus>a:only-child,.ant-btn-danger[disabled]:active>a:only-child {
    color: currentcolor
}

.ant-btn-danger[disabled]>a:only-child:after,.ant-btn-danger[disabled]:hover>a:only-child:after,.ant-btn-danger[disabled]:focus>a:only-child:after,.ant-btn-danger[disabled]:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-link {
    color: #00dfb0;
    border-color: transparent;
    background: transparent;
    box-shadow: none
}

.ant-btn-link>a:only-child {
    color: currentcolor
}

.ant-btn-link>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-link:hover,.ant-btn-link:focus {
    color: #079879;
    border-color: #079879;
    background: transparent
}

.ant-btn-link:hover>a:only-child,.ant-btn-link:focus>a:only-child {
    color: currentcolor
}

.ant-btn-link:hover>a:only-child:after,.ant-btn-link:focus>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-link:active {
    color: #24d6a9;
    border-color: #24d6a9;
    background: transparent
}

.ant-btn-link:active>a:only-child {
    color: currentcolor
}

.ant-btn-link:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-link[disabled],.ant-btn-link[disabled]:hover,.ant-btn-link[disabled]:focus,.ant-btn-link[disabled]:active {
    color: #646464;
    border-color: #3c3c3c;
    background: #3C3C3C;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-link:hover {
    background: transparent
}

.ant-btn-link:hover,.ant-btn-link:focus,.ant-btn-link:active {
    border-color: transparent
}

.ant-btn-link[disabled],.ant-btn-link[disabled]:hover,.ant-btn-link[disabled]:focus,.ant-btn-link[disabled]:active {
    color: #4b4b4b;
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-link[disabled]>a:only-child,.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-link[disabled]:active>a:only-child {
    color: currentcolor
}

.ant-btn-link[disabled]>a:only-child:after,.ant-btn-link[disabled]:hover>a:only-child:after,.ant-btn-link[disabled]:focus>a:only-child:after,.ant-btn-link[disabled]:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-text {
    color: #b4b4b4;
    border-color: transparent;
    background: transparent;
    box-shadow: none
}

.ant-btn-text>a:only-child {
    color: currentcolor
}

.ant-btn-text>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-text:hover,.ant-btn-text:focus {
    color: #079879;
    border-color: #079879;
    background: transparent
}

.ant-btn-text:hover>a:only-child,.ant-btn-text:focus>a:only-child {
    color: currentcolor
}

.ant-btn-text:hover>a:only-child:after,.ant-btn-text:focus>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-text:active {
    color: #24d6a9;
    border-color: #24d6a9;
    background: transparent
}

.ant-btn-text:active>a:only-child {
    color: currentcolor
}

.ant-btn-text:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-text[disabled],.ant-btn-text[disabled]:hover,.ant-btn-text[disabled]:focus,.ant-btn-text[disabled]:active {
    color: #646464;
    border-color: #3c3c3c;
    background: #3C3C3C;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-text:hover,.ant-btn-text:focus {
    color: #b4b4b4;
    background: #3C3C3C;
    border-color: transparent
}

.ant-btn-text:active {
    color: #b4b4b4;
    background: #3c3c3c;
    border-color: transparent
}

.ant-btn-text[disabled],.ant-btn-text[disabled]:hover,.ant-btn-text[disabled]:focus,.ant-btn-text[disabled]:active {
    color: #4b4b4b;
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-text[disabled]>a:only-child,.ant-btn-text[disabled]:hover>a:only-child,.ant-btn-text[disabled]:focus>a:only-child,.ant-btn-text[disabled]:active>a:only-child {
    color: currentcolor
}

.ant-btn-text[disabled]>a:only-child:after,.ant-btn-text[disabled]:hover>a:only-child:after,.ant-btn-text[disabled]:focus>a:only-child:after,.ant-btn-text[disabled]:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous {
    color: #fc4e00;
    border-color: #fc4e00;
    background: #4B4B4B
}

.ant-btn-dangerous>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous:hover,.ant-btn-dangerous:focus {
    color: #d63d00;
    border-color: #d63d00;
    background: #4B4B4B
}

.ant-btn-dangerous:hover>a:only-child,.ant-btn-dangerous:focus>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous:hover>a:only-child:after,.ant-btn-dangerous:focus>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous:active {
    color: #ff7429;
    border-color: #ff7429;
    background: #4B4B4B
}

.ant-btn-dangerous:active>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous[disabled],.ant-btn-dangerous[disabled]:hover,.ant-btn-dangerous[disabled]:focus,.ant-btn-dangerous[disabled]:active {
    color: #646464;
    border-color: #3c3c3c;
    background: #3C3C3C;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-dangerous[disabled]>a:only-child,.ant-btn-dangerous[disabled]:hover>a:only-child,.ant-btn-dangerous[disabled]:focus>a:only-child,.ant-btn-dangerous[disabled]:active>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous[disabled]>a:only-child:after,.ant-btn-dangerous[disabled]:hover>a:only-child:after,.ant-btn-dangerous[disabled]:focus>a:only-child:after,.ant-btn-dangerous[disabled]:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-primary {
    color: #fff;
    border-color: #fc4e00;
    background: #fc4e00;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-dangerous.ant-btn-primary>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-primary:hover,.ant-btn-dangerous.ant-btn-primary:focus {
    color: #fff;
    border-color: #d63d00;
    background: #d63d00
}

.ant-btn-dangerous.ant-btn-primary:hover>a:only-child,.ant-btn-dangerous.ant-btn-primary:focus>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary:hover>a:only-child:after,.ant-btn-dangerous.ant-btn-primary:focus>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-primary:active {
    color: #fff;
    border-color: #ff7429;
    background: #ff7429
}

.ant-btn-dangerous.ant-btn-primary:active>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-primary[disabled],.ant-btn-dangerous.ant-btn-primary[disabled]:hover,.ant-btn-dangerous.ant-btn-primary[disabled]:focus,.ant-btn-dangerous.ant-btn-primary[disabled]:active {
    color: #646464;
    border-color: #3c3c3c;
    background: #3C3C3C;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child:after,.ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child:after,.ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-link {
    color: #fc4e00;
    border-color: transparent;
    background: transparent;
    box-shadow: none
}

.ant-btn-dangerous.ant-btn-link>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-link>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-link:hover,.ant-btn-dangerous.ant-btn-link:focus {
    color: #079879;
    border-color: #079879;
    background: transparent
}

.ant-btn-dangerous.ant-btn-link:active {
    color: #24d6a9;
    border-color: #24d6a9;
    background: transparent
}

.ant-btn-dangerous.ant-btn-link[disabled],.ant-btn-dangerous.ant-btn-link[disabled]:hover,.ant-btn-dangerous.ant-btn-link[disabled]:focus,.ant-btn-dangerous.ant-btn-link[disabled]:active {
    color: #646464;
    border-color: #3c3c3c;
    background: #3C3C3C;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-dangerous.ant-btn-link:hover,.ant-btn-dangerous.ant-btn-link:focus {
    color: #d63d00;
    border-color: transparent;
    background: transparent
}

.ant-btn-dangerous.ant-btn-link:hover>a:only-child,.ant-btn-dangerous.ant-btn-link:focus>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-link:hover>a:only-child:after,.ant-btn-dangerous.ant-btn-link:focus>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-link:active {
    color: #ff7429;
    border-color: transparent;
    background: transparent
}

.ant-btn-dangerous.ant-btn-link:active>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-link:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-link[disabled],.ant-btn-dangerous.ant-btn-link[disabled]:hover,.ant-btn-dangerous.ant-btn-link[disabled]:focus,.ant-btn-dangerous.ant-btn-link[disabled]:active {
    color: #4b4b4b;
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child:after,.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child:after,.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-text {
    color: #fc4e00;
    border-color: transparent;
    background: transparent;
    box-shadow: none
}

.ant-btn-dangerous.ant-btn-text>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-text>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-text:hover,.ant-btn-dangerous.ant-btn-text:focus {
    color: #079879;
    border-color: #079879;
    background: transparent
}

.ant-btn-dangerous.ant-btn-text:active {
    color: #24d6a9;
    border-color: #24d6a9;
    background: transparent
}

.ant-btn-dangerous.ant-btn-text[disabled],.ant-btn-dangerous.ant-btn-text[disabled]:hover,.ant-btn-dangerous.ant-btn-text[disabled]:focus,.ant-btn-dangerous.ant-btn-text[disabled]:active {
    color: #646464;
    border-color: #3c3c3c;
    background: #3C3C3C;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-dangerous.ant-btn-text:hover,.ant-btn-dangerous.ant-btn-text:focus {
    color: #d63d00;
    border-color: transparent;
    background: #3C3C3C
}

.ant-btn-dangerous.ant-btn-text:hover>a:only-child,.ant-btn-dangerous.ant-btn-text:focus>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-text:hover>a:only-child:after,.ant-btn-dangerous.ant-btn-text:focus>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-text:active {
    color: #ff7429;
    border-color: transparent;
    background: #3c3c3c
}

.ant-btn-dangerous.ant-btn-text:active>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-text:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-text[disabled],.ant-btn-dangerous.ant-btn-text[disabled]:hover,.ant-btn-dangerous.ant-btn-text[disabled]:focus,.ant-btn-dangerous.ant-btn-text[disabled]:active {
    color: #4b4b4b;
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-dangerous.ant-btn-text[disabled]>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-text[disabled]>a:only-child:after,.ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child:after,.ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-icon-only {
    width: 30px;
    height: 30px;
    padding: 2.3px 0;
    font-size: 14px;
    border-radius: 3px;
    vertical-align: -3px
}

.ant-btn-icon-only>* {
    font-size: 14px
}

.ant-btn-icon-only.ant-btn-lg {
    width: 40px;
    height: 40px;
    padding: 5.7px 0;
    font-size: 16px;
    border-radius: 3px
}

.ant-btn-icon-only.ant-btn-lg>* {
    font-size: 16px
}

.ant-btn-icon-only.ant-btn-sm {
    width: 24px;
    height: 24px;
    padding: 1px 0;
    font-size: 12px;
    border-radius: 3px
}

.ant-btn-icon-only.ant-btn-sm>* {
    font-size: 12px
}

.ant-btn-icon-only>.anticon {
    display: flex;
    justify-content: center
}

a.ant-btn-icon-only {
    vertical-align: -1px
}

a.ant-btn-icon-only>.anticon {
    display: inline
}

.ant-btn-round {
    height: 30px;
    padding: 4px 15px;
    font-size: 12px;
    border-radius: 30px
}

.ant-btn-round.ant-btn-lg {
    height: 40px;
    padding: 7.3px 20px;
    font-size: 14px;
    border-radius: 40px
}

.ant-btn-round.ant-btn-sm {
    height: 24px;
    padding: 1px 12px;
    font-size: 12px;
    border-radius: 24px
}

.ant-btn-round.ant-btn-icon-only {
    width: auto
}

.ant-btn-circle {
    min-width: 30px;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    border-radius: 50%
}

.ant-btn-circle.ant-btn-lg {
    min-width: 40px;
    border-radius: 50%
}

.ant-btn-circle.ant-btn-sm {
    min-width: 24px;
    border-radius: 50%
}

.ant-btn:before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    display: none;
    background: #141414;
    border-radius: inherit;
    opacity: .35;
    transition: opacity .2s;
    content: "";
    pointer-events: none
}

.ant-btn .anticon {
    transition: margin-left .3s cubic-bezier(.645,.045,.355,1)
}

.ant-btn .anticon.anticon-plus>svg,.ant-btn .anticon.anticon-minus>svg {
    shape-rendering: optimizespeed
}

.ant-btn.ant-btn-loading {
    position: relative;
    cursor: default
}

.ant-btn.ant-btn-loading:before {
    display: block
}

.ant-btn>.ant-btn-loading-icon {
    transition: width .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1)
}

.ant-btn>.ant-btn-loading-icon .anticon {
    padding-right: 4px;
    animation: none
}

.ant-btn>.ant-btn-loading-icon .anticon svg {
    animation: loadingCircle 1s infinite linear
}

.ant-btn>.ant-btn-loading-icon:only-child .anticon {
    padding-right: 0
}

.ant-btn-group {
    position: relative;
    display: inline-flex
}

.ant-btn-group>.ant-btn,.ant-btn-group>span>.ant-btn {
    position: relative
}

.ant-btn-group>.ant-btn:hover,.ant-btn-group>span>.ant-btn:hover,.ant-btn-group>.ant-btn:focus,.ant-btn-group>span>.ant-btn:focus,.ant-btn-group>.ant-btn:active,.ant-btn-group>span>.ant-btn:active {
    z-index: 2
}

.ant-btn-group>.ant-btn[disabled],.ant-btn-group>span>.ant-btn[disabled] {
    z-index: 0
}

.ant-btn-group .ant-btn-icon-only {
    font-size: 12px
}

.ant-btn-group-lg>.ant-btn,.ant-btn-group-lg>span>.ant-btn {
    height: 40px;
    padding: 7.3px 11px;
    font-size: 14px;
    border-radius: 0
}

.ant-btn-group-lg .ant-btn.ant-btn-icon-only {
    width: 40px;
    height: 40px;
    padding-right: 0;
    padding-left: 0
}

.ant-btn-group-sm>.ant-btn,.ant-btn-group-sm>span>.ant-btn {
    height: 24px;
    padding: 1px 15px;
    font-size: 12px;
    border-radius: 0
}

.ant-btn-group-sm>.ant-btn>.anticon,.ant-btn-group-sm>span>.ant-btn>.anticon {
    font-size: 12px
}

.ant-btn-group-sm .ant-btn.ant-btn-icon-only {
    width: 24px;
    height: 24px;
    padding-right: 0;
    padding-left: 0
}

.ant-btn-group .ant-btn+.ant-btn,.ant-btn+.ant-btn-group,.ant-btn-group span+.ant-btn,.ant-btn-group .ant-btn+span,.ant-btn-group>span+span,.ant-btn-group+.ant-btn,.ant-btn-group+.ant-btn-group {
    margin-left: -1px
}

.ant-btn-group .ant-btn-primary+.ant-btn:not(.ant-btn-primary):not([disabled]) {
    border-left-color: transparent
}

.ant-btn-group .ant-btn {
    border-radius: 0
}

.ant-btn-group>.ant-btn:first-child,.ant-btn-group>span:first-child>.ant-btn {
    margin-left: 0
}

.ant-btn-group>.ant-btn:only-child {
    border-radius: 3px
}

.ant-btn-group>span:only-child>.ant-btn {
    border-radius: 3px
}

.ant-btn-group>.ant-btn:first-child:not(:last-child),.ant-btn-group>span:first-child:not(:last-child)>.ant-btn {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.ant-btn-group>.ant-btn:last-child:not(:first-child),.ant-btn-group>span:last-child:not(:first-child)>.ant-btn {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.ant-btn-group-sm>.ant-btn:only-child {
    border-radius: 3px
}

.ant-btn-group-sm>span:only-child>.ant-btn {
    border-radius: 3px
}

.ant-btn-group-sm>.ant-btn:first-child:not(:last-child),.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.ant-btn-group-sm>.ant-btn:last-child:not(:first-child),.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.ant-btn-group>.ant-btn-group {
    float: left
}

.ant-btn-group>.ant-btn-group:not(:first-child):not(:last-child)>.ant-btn {
    border-radius: 0
}

.ant-btn-group>.ant-btn-group:first-child:not(:last-child)>.ant-btn:last-child {
    padding-right: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ant-btn-group>.ant-btn-group:last-child:not(:first-child)>.ant-btn:first-child {
    padding-left: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ant-btn-rtl.ant-btn-group .ant-btn+.ant-btn,.ant-btn-rtl.ant-btn+.ant-btn-group,.ant-btn-rtl.ant-btn-group span+.ant-btn,.ant-btn-rtl.ant-btn-group .ant-btn+span,.ant-btn-rtl.ant-btn-group>span+span,.ant-btn-rtl.ant-btn-group+.ant-btn,.ant-btn-rtl.ant-btn-group+.ant-btn-group,.ant-btn-group-rtl.ant-btn-group .ant-btn+.ant-btn,.ant-btn-group-rtl.ant-btn+.ant-btn-group,.ant-btn-group-rtl.ant-btn-group span+.ant-btn,.ant-btn-group-rtl.ant-btn-group .ant-btn+span,.ant-btn-group-rtl.ant-btn-group>span+span,.ant-btn-group-rtl.ant-btn-group+.ant-btn,.ant-btn-group-rtl.ant-btn-group+.ant-btn-group {
    margin-right: -1px;
    margin-left: auto
}

.ant-btn-group.ant-btn-group-rtl {
    direction: rtl
}

.ant-btn-group-rtl.ant-btn-group>.ant-btn:first-child:not(:last-child),.ant-btn-group-rtl.ant-btn-group>span:first-child:not(:last-child)>.ant-btn {
    border-radius: 0 3px 3px 0
}

.ant-btn-group-rtl.ant-btn-group>.ant-btn:last-child:not(:first-child),.ant-btn-group-rtl.ant-btn-group>span:last-child:not(:first-child)>.ant-btn {
    border-radius: 3px 0 0 3px
}

.ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:first-child:not(:last-child),.ant-btn-group-rtl.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn {
    border-radius: 0 3px 3px 0
}

.ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:last-child:not(:first-child),.ant-btn-group-rtl.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn {
    border-radius: 3px 0 0 3px
}

.ant-btn:focus>span,.ant-btn:active>span {
    position: relative
}

.ant-btn>.anticon+span,.ant-btn>span+.anticon {
    margin-left: 4px
}

.ant-btn.ant-btn-background-ghost {
    color: #b4b4b4;
    border-color: #ffffff40
}

.ant-btn.ant-btn-background-ghost,.ant-btn.ant-btn-background-ghost:hover,.ant-btn.ant-btn-background-ghost:active,.ant-btn.ant-btn-background-ghost:focus {
    background: transparent
}

.ant-btn.ant-btn-background-ghost:hover,.ant-btn.ant-btn-background-ghost:focus {
    color: #26ebb9;
    border-color: #26ebb9
}

.ant-btn.ant-btn-background-ghost:active {
    color: #00b896;
    border-color: #00b896
}

.ant-btn.ant-btn-background-ghost[disabled] {
    color: #4b4b4b;
    background: transparent;
    border-color: #4b4b4b
}

.ant-btn-background-ghost.ant-btn-primary {
    color: #00dfb0;
    border-color: #00dfb0;
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-primary>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-primary:hover,.ant-btn-background-ghost.ant-btn-primary:focus {
    color: #00b896;
    border-color: #00b896
}

.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child,.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-primary:active {
    color: #26ebb9;
    border-color: #26ebb9
}

.ant-btn-background-ghost.ant-btn-primary:active>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-primary[disabled],.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,.ant-btn-background-ghost.ant-btn-primary[disabled]:active {
    color: #646464;
    border-color: #3c3c3c;
    background: #3C3C3C;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-danger {
    color: #fc4e00;
    border-color: #fc4e00;
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-danger>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-danger:hover,.ant-btn-background-ghost.ant-btn-danger:focus {
    color: #d63d00;
    border-color: #d63d00
}

.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child,.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-danger:active {
    color: #ff7429;
    border-color: #ff7429
}

.ant-btn-background-ghost.ant-btn-danger:active>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-danger[disabled],.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,.ant-btn-background-ghost.ant-btn-danger[disabled]:active {
    color: #646464;
    border-color: #3c3c3c;
    background: #3C3C3C;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-dangerous {
    color: #fc4e00;
    border-color: #fc4e00;
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-dangerous:hover,.ant-btn-background-ghost.ant-btn-dangerous:focus {
    color: #d63d00;
    border-color: #d63d00
}

.ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-dangerous:active {
    color: #ff7429;
    border-color: #ff7429
}

.ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled],.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
    color: #646464;
    border-color: #3c3c3c;
    background: #3C3C3C;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
    color: #fc4e00;
    border-color: transparent;
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
    color: #d63d00;
    border-color: transparent
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
    color: #ff7429;
    border-color: transparent
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
    color: #646464;
    border-color: #3c3c3c;
    background: #3C3C3C;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-two-chinese-chars:first-letter {
    letter-spacing: .34em
}

.ant-btn-two-chinese-chars>*:not(.anticon) {
    margin-right: -.34em;
    letter-spacing: .34em
}

.ant-btn.ant-btn-block {
    width: 100%
}

.ant-btn:empty {
    display: inline-block;
    width: 0;
    visibility: hidden;
    content: "\a0"
}

a.ant-btn {
    padding-top: .01px!important;
    line-height: 28px
}

a.ant-btn-lg {
    line-height: 38px
}

a.ant-btn-sm {
    line-height: 22px
}

.ant-btn-rtl {
    direction: rtl
}

.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),.ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary {
    border-right-color: #079879;
    border-left-color: #4b4b4b
}

.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],.ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled] {
    border-right-color: #4b4b4b;
    border-left-color: #079879
}

.ant-btn-rtl.ant-btn>.ant-btn-loading-icon .anticon {
    padding-right: 0;
    padding-left: 4px
}

.ant-btn>.ant-btn-loading-icon:only-child .anticon {
    padding-right: 0;
    padding-left: 0
}

.ant-btn-rtl.ant-btn>.anticon+span,.ant-btn-rtl.ant-btn>span+.anticon {
    margin-right: 8px;
    margin-left: 0
}

.ant-picker-calendar {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    background: #141414
}

.ant-picker-calendar-header {
    display: flex;
    justify-content: flex-end;
    padding: 8px 0
}

.ant-picker-calendar-header .ant-picker-calendar-year-select {
    min-width: 80px
}

.ant-picker-calendar-header .ant-picker-calendar-month-select {
    min-width: 70px;
    margin-left: 4px
}

.ant-picker-calendar-header .ant-picker-calendar-mode-switch {
    margin-left: 4px
}

.ant-picker-calendar .ant-picker-panel {
    background: #141414;
    border: 0;
    border-top: 1px solid #303030;
    border-radius: 0
}

.ant-picker-calendar .ant-picker-panel .ant-picker-month-panel,.ant-picker-calendar .ant-picker-panel .ant-picker-date-panel {
    width: auto
}

.ant-picker-calendar .ant-picker-panel .ant-picker-body {
    padding: 4px 0
}

.ant-picker-calendar .ant-picker-panel .ant-picker-content {
    width: 100%
}

.ant-picker-calendar-mini {
    border-radius: 3px
}

.ant-picker-calendar-mini .ant-picker-calendar-header {
    padding-right: 4px;
    padding-left: 4px
}

.ant-picker-calendar-mini .ant-picker-panel {
    border-radius: 0 0 3px 3px
}

.ant-picker-calendar-mini .ant-picker-content {
    height: 256px
}

.ant-picker-calendar-mini .ant-picker-content th {
    height: auto;
    padding: 0;
    line-height: 18px
}

.ant-picker-calendar-full .ant-picker-panel {
    display: block;
    width: 100%;
    text-align: right;
    background: #141414;
    border: 0
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th,.ant-picker-calendar-full .ant-picker-panel .ant-picker-body td {
    padding: 0
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
    height: auto;
    padding: 0 12px 5px 0;
    line-height: 18px
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:before {
    display: none
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
    background: rgba(255,255,255,.08)
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today:before {
    display: none
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today {
    background: #112724
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
    color: #00dfb0
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
    display: block;
    width: auto;
    height: auto;
    margin: 0 2px;
    padding: 2px 4px 0;
    border: 0;
    border-top: 2px solid #303030;
    border-radius: 0;
    transition: background .3s
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value {
    line-height: 24px;
    transition: color .3s
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
    position: static;
    width: auto;
    height: 86px;
    overflow-y: auto;
    color: #b4b4b4;
    line-height: 1.66667;
    text-align: left
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
    border-color: #00dfb0
}

.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
    color: #b4b4b4
}

@media only screen and (max-width: 480px) {
    .ant-picker-calendar-header {
        display:block
    }

    .ant-picker-calendar-header .ant-picker-calendar-year-select {
        width: 50%
    }

    .ant-picker-calendar-header .ant-picker-calendar-month-select {
        width: calc(50% - 4px)
    }

    .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
        width: 100%;
        margin-top: 4px;
        margin-left: 0
    }

    .ant-picker-calendar-header .ant-picker-calendar-mode-switch>label {
        width: 50%;
        text-align: center
    }
}

.ant-picker-calendar-rtl {
    direction: rtl
}

.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select,.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
    margin-right: 4px;
    margin-left: 0
}

.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel {
    text-align: left
}

.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
    padding: 0 0 5px 12px
}

.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
    text-align: right
}

.ant-card {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    background: #141414;
    border-radius: 3px
}

.ant-card-rtl {
    direction: rtl
}

.ant-card-hoverable {
    cursor: pointer;
    transition: box-shadow .3s,border-color .3s
}

.ant-card-hoverable:hover {
    border-color: transparent;
    box-shadow: 0 1px 2px -2px #000000a3,0 3px 6px #0000007a,0 5px 12px 4px #0000005c
}

.ant-card-bordered {
    border: 1px solid #303030
}

.ant-card-head {
    min-height: 36px;
    margin-bottom: -1px;
    padding: 0 12px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    background: transparent;
    border-bottom: 1px solid #303030;
    border-radius: 3px 3px 0 0
}

.ant-card-head:before {
    display: table;
    content: ""
}

.ant-card-head:after {
    display: table;
    clear: both;
    content: ""
}

.ant-card-head-wrapper {
    display: flex;
    align-items: center
}

.ant-card-head-title {
    display: inline-block;
    flex: 1 1;
    padding: 8.5px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ant-card-head-title>.ant-typography,.ant-card-head-title>.ant-typography-edit-content {
    left: 0;
    margin-top: 0;
    margin-bottom: 0
}

.ant-card-head .ant-tabs-top {
    clear: both;
    margin-bottom: -9px;
    color: #b4b4b4;
    font-weight: 400;
    font-size: 12px
}

.ant-card-head .ant-tabs-top-bar {
    border-bottom: 1px solid #303030
}

.ant-card-extra {
    float: right;
    margin-left: auto;
    padding: 8.5px 0;
    color: #b4b4b4;
    font-weight: 400;
    font-size: 12px
}

.ant-card-rtl .ant-card-extra {
    margin-right: auto;
    margin-left: 0
}

.ant-card-body {
    padding: 12px
}

.ant-card-body:before {
    display: table;
    content: ""
}

.ant-card-body:after {
    display: table;
    clear: both;
    content: ""
}

.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
    margin: -1px 0 0 -1px;
    padding: 0
}

.ant-card-grid {
    float: left;
    width: 33.33%;
    padding: 12px;
    border: 0;
    border-radius: 0;
    box-shadow: 1px 0 #303030,0 1px #303030,1px 1px #303030,1px 0 #303030 inset,0 1px #303030 inset;
    transition: all .3s
}

.ant-card-rtl .ant-card-grid {
    float: right
}

.ant-card-grid-hoverable:hover {
    position: relative;
    z-index: 1;
    box-shadow: 0 1px 2px -2px #000000a3,0 3px 6px #0000007a,0 5px 12px 4px #0000005c
}

.ant-card-contain-tabs>.ant-card-head .ant-card-head-title {
    min-height: 27.5px;
    padding-bottom: 0
}

.ant-card-contain-tabs>.ant-card-head .ant-card-extra {
    padding-bottom: 0
}

.ant-card-bordered .ant-card-cover {
    margin-top: -1px;
    margin-right: -1px;
    margin-left: -1px
}

.ant-card-cover>* {
    display: block;
    width: 100%
}

.ant-card-cover img {
    border-radius: 3px 3px 0 0
}

.ant-card-actions {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #141414;
    border-top: 1px solid #303030
}

.ant-card-actions:before {
    display: table;
    content: ""
}

.ant-card-actions:after {
    display: table;
    clear: both;
    content: ""
}

.ant-card-actions>li {
    float: left;
    margin: 4px 0;
    color: #969696;
    text-align: center
}

.ant-card-rtl .ant-card-actions>li {
    float: right
}

.ant-card-actions>li>span {
    position: relative;
    display: block;
    min-width: 32px;
    font-size: 12px;
    line-height: 1.66667;
    cursor: pointer
}

.ant-card-actions>li>span:hover {
    color: #00dfb0;
    transition: color .3s
}

.ant-card-actions>li>span a:not(.ant-btn),.ant-card-actions>li>span>.anticon {
    display: inline-block;
    width: 100%;
    color: #969696;
    line-height: 22px;
    transition: color .3s
}

.ant-card-actions>li>span a:not(.ant-btn):hover,.ant-card-actions>li>span>.anticon:hover {
    color: #00dfb0
}

.ant-card-actions>li>span>.anticon {
    font-size: 16px;
    line-height: 22px
}

.ant-card-actions>li:not(:last-child) {
    border-right: 1px solid #303030
}

.ant-card-rtl .ant-card-actions>li:not(:last-child) {
    border-right: none;
    border-left: 1px solid #303030
}

.ant-card-type-inner .ant-card-head {
    padding: 0 12px;
    background: rgba(255,255,255,.04)
}

.ant-card-type-inner .ant-card-head-title {
    padding: 12px 0;
    font-size: 12px
}

.ant-card-type-inner .ant-card-body {
    padding: 16px 12px
}

.ant-card-type-inner .ant-card-extra {
    padding: 13.5px 0
}

.ant-card-meta {
    margin: -4px 0
}

.ant-card-meta:before {
    display: table;
    content: ""
}

.ant-card-meta:after {
    display: table;
    clear: both;
    content: ""
}

.ant-card-meta-avatar {
    float: left;
    padding-right: 16px
}

.ant-card-rtl .ant-card-meta-avatar {
    float: right;
    padding-right: 0;
    padding-left: 16px
}

.ant-card-meta-detail {
    overflow: hidden
}

.ant-card-meta-detail>div:not(:last-child) {
    margin-bottom: 4px
}

.ant-card-meta-title {
    overflow: hidden;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ant-card-meta-description {
    color: #969696
}

.ant-card-loading {
    overflow: hidden
}

.ant-card-loading .ant-card-body {
    user-select: none
}

.ant-card-loading-content p {
    margin: 0
}

.ant-card-loading-block {
    height: 14px;
    margin: 4px 0;
    background: linear-gradient(90deg,rgba(48,48,48,.2),rgba(48,48,48,.4),rgba(48,48,48,.2));
    background-size: 600% 600%;
    border-radius: 3px;
    animation: card-loading 1.4s ease infinite
}

@keyframes card-loading {
    0%,to {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }
}

.ant-card-small>.ant-card-head {
    min-height: 30px;
    padding: 0 12px;
    font-size: 12px
}

.ant-card-small>.ant-card-head>.ant-card-head-wrapper>.ant-card-head-title {
    padding: 6px 0
}

.ant-card-small>.ant-card-head>.ant-card-head-wrapper>.ant-card-extra {
    padding: 6px 0;
    font-size: 12px
}

.ant-card-small>.ant-card-body {
    padding: 12px
}

.ant-carousel {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum"
}

.ant-carousel .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.ant-carousel .slick-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.ant-carousel .slick-list:focus {
    outline: none
}

.ant-carousel .slick-list.dragging {
    cursor: pointer
}

.ant-carousel .slick-list .slick-slide {
    pointer-events: none
}

.ant-carousel .slick-list .slick-slide input.ant-radio-input,.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
    visibility: hidden
}

.ant-carousel .slick-list .slick-slide.slick-active {
    pointer-events: auto
}

.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
    visibility: visible
}

.ant-carousel .slick-list .slick-slide>div>div {
    vertical-align: bottom
}

.ant-carousel .slick-slider .slick-track,.ant-carousel .slick-slider .slick-list {
    transform: translateZ(0);
    touch-action: pan-y
}

.ant-carousel .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.ant-carousel .slick-track:before,.ant-carousel .slick-track:after {
    display: table;
    content: ""
}

.ant-carousel .slick-track:after {
    clear: both
}

.slick-loading .ant-carousel .slick-track {
    visibility: hidden
}

.ant-carousel .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.ant-carousel .slick-slide img {
    display: block
}

.ant-carousel .slick-slide.slick-loading img {
    display: none
}

.ant-carousel .slick-slide.dragging img {
    pointer-events: none
}

.ant-carousel .slick-initialized .slick-slide {
    display: block
}

.ant-carousel .slick-loading .slick-slide {
    visibility: hidden
}

.ant-carousel .slick-vertical .slick-slide {
    display: block;
    height: auto
}

.ant-carousel .slick-arrow.slick-hidden {
    display: none
}

.ant-carousel .slick-prev,.ant-carousel .slick-next {
    position: absolute;
    top: 50%;
    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
}

.ant-carousel .slick-prev:hover,.ant-carousel .slick-next:hover,.ant-carousel .slick-prev:focus,.ant-carousel .slick-next:focus {
    color: transparent;
    background: transparent;
    outline: none
}

.ant-carousel .slick-prev:hover:before,.ant-carousel .slick-next:hover:before,.ant-carousel .slick-prev:focus:before,.ant-carousel .slick-next:focus:before {
    opacity: 1
}

.ant-carousel .slick-prev.slick-disabled:before,.ant-carousel .slick-next.slick-disabled:before {
    opacity: .25
}

.ant-carousel .slick-prev {
    left: -25px
}

.ant-carousel .slick-prev:before {
    content: "\2190"
}

.ant-carousel .slick-next {
    right: -25px
}

.ant-carousel .slick-next:before {
    content: "\2192"
}

.ant-carousel .slick-dots {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex!important;
    justify-content: center;
    margin-right: 15%;
    margin-left: 15%;
    padding-left: 0;
    list-style: none
}

.ant-carousel .slick-dots-bottom {
    bottom: 12px
}

.ant-carousel .slick-dots-top {
    top: 12px;
    bottom: auto
}

.ant-carousel .slick-dots li {
    position: relative;
    display: inline-block;
    flex: 0 1 auto;
    box-sizing: content-box;
    width: 16px;
    height: 3px;
    margin: 0 3px;
    padding: 0;
    text-align: center;
    text-indent: -999px;
    vertical-align: top;
    transition: all .5s
}

.ant-carousel .slick-dots li button {
    display: block;
    width: 100%;
    height: 3px;
    padding: 0;
    color: transparent;
    font-size: 0;
    background: #141414;
    border: 0;
    border-radius: 1px;
    outline: none;
    cursor: pointer;
    opacity: .3;
    transition: all .5s
}

.ant-carousel .slick-dots li button:hover,.ant-carousel .slick-dots li button:focus {
    opacity: .75
}

.ant-carousel .slick-dots li.slick-active {
    width: 24px
}

.ant-carousel .slick-dots li.slick-active button {
    background: #141414;
    opacity: 1
}

.ant-carousel .slick-dots li.slick-active:hover,.ant-carousel .slick-dots li.slick-active:focus {
    opacity: 1
}

.ant-carousel-vertical .slick-dots {
    top: 50%;
    bottom: auto;
    flex-direction: column;
    width: 3px;
    height: auto;
    margin: 0;
    transform: translateY(-50%)
}

.ant-carousel-vertical .slick-dots-left {
    right: auto;
    left: 12px
}

.ant-carousel-vertical .slick-dots-right {
    right: 12px;
    left: auto
}

.ant-carousel-vertical .slick-dots li {
    width: 3px;
    height: 16px;
    margin: 4px 2px;
    vertical-align: baseline
}

.ant-carousel-vertical .slick-dots li button {
    width: 3px;
    height: 16px
}

.ant-carousel-vertical .slick-dots li.slick-active,.ant-carousel-vertical .slick-dots li.slick-active button {
    width: 3px;
    height: 24px
}

.ant-carousel-rtl {
    direction: rtl
}

.ant-carousel-rtl .ant-carousel .slick-track {
    right: 0;
    left: auto
}

.ant-carousel-rtl .ant-carousel .slick-prev {
    right: -25px;
    left: auto
}

.ant-carousel-rtl .ant-carousel .slick-prev:before {
    content: "\2192"
}

.ant-carousel-rtl .ant-carousel .slick-next {
    right: auto;
    left: -25px
}

.ant-carousel-rtl .ant-carousel .slick-next:before {
    content: "\2190"
}

.ant-carousel-rtl.ant-carousel .slick-dots {
    flex-direction: row-reverse
}

.ant-carousel-rtl.ant-carousel-vertical .slick-dots {
    flex-direction: column
}

@keyframes antCheckboxEffect {
    0% {
        transform: scale(1);
        opacity: .5
    }

    to {
        transform: scale(1.6);
        opacity: 0
    }
}

.ant-cascader-checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    top: .2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer
}

.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner,.ant-cascader-checkbox:hover .ant-cascader-checkbox-inner,.ant-cascader-checkbox-input:focus+.ant-cascader-checkbox-inner {
    border-color: #00dfb0
}

.ant-cascader-checkbox-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #00DFB0;
    border-radius: 3px;
    visibility: hidden;
    animation: antCheckboxEffect .36s ease-in-out;
    animation-fill-mode: backwards;
    content: ""
}

.ant-cascader-checkbox:hover:after,.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox:after {
    visibility: visible
}

.ant-cascader-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    direction: ltr;
    background-color: transparent;
    border: 1px solid #4B4B4B;
    border-radius: 3px;
    border-collapse: separate;
    transition: all .3s
}

.ant-cascader-checkbox-inner:after {
    position: absolute;
    top: 50%;
    left: 21.5%;
    display: table;
    width: 4.28571429px;
    height: 6.85714286px;
    border: 2px solid #000000;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-50%,-50%);
    opacity: 0;
    transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
    content: " "
}

.ant-cascader-checkbox-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner:after {
    position: absolute;
    display: table;
    border: 2px solid #000000;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate(-50%,-50%);
    opacity: 1;
    transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
    content: " "
}

.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner {
    background-color: #00dfb0;
    border-color: #00dfb0
}

.ant-cascader-checkbox-disabled {
    cursor: not-allowed
}

.ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner:after {
    border-color: #4b4b4b;
    animation-name: none
}

.ant-cascader-checkbox-disabled .ant-cascader-checkbox-input {
    cursor: not-allowed;
    pointer-events: none
}

.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner {
    background-color: #191919;
    border-color: #4b4b4b!important
}

.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner:after {
    border-color: #191919;
    border-collapse: separate;
    animation-name: none
}

.ant-cascader-checkbox-disabled+span {
    color: #4b4b4b;
    cursor: not-allowed
}

.ant-cascader-checkbox-disabled:hover:after,.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-disabled:after {
    visibility: hidden
}

.ant-cascader-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    display: inline-flex;
    align-items: baseline;
    line-height: unset;
    cursor: pointer
}

.ant-cascader-checkbox-wrapper:after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: "\a0"
}

.ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-disabled {
    cursor: not-allowed
}

.ant-cascader-checkbox-wrapper+.ant-cascader-checkbox-wrapper {
    margin-left: 8px
}

.ant-cascader-checkbox+span {
    padding-right: 8px;
    padding-left: 8px
}

.ant-cascader-checkbox-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    display: inline-block
}

.ant-cascader-checkbox-group-item {
    margin-right: 6px
}

.ant-cascader-checkbox-group-item:last-child {
    margin-right: 0
}

.ant-cascader-checkbox-group-item+.ant-cascader-checkbox-group-item {
    margin-left: 0
}

.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner {
    background-color: transparent;
    border-color: #4b4b4b
}

.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner:after {
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    background-color: #00dfb0;
    border: 0;
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
    content: " "
}

.ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner:after {
    background-color: #4b4b4b;
    border-color: #4b4b4b
}

.ant-cascader-checkbox-rtl {
    direction: rtl
}

.ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item {
    margin-right: 0;
    margin-left: 6px
}

.ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item:last-child {
    margin-left: 0!important
}

.ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item+.ant-cascader-checkbox-group-item {
    margin-left: 6px
}

.ant-cascader {
    width: 184px
}

.ant-cascader-checkbox {
    top: 0;
    margin-right: 4px
}

.ant-cascader-menus {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start
}

.ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu {
    width: 100%;
    height: auto
}

.ant-cascader-menu {
    min-width: 111px;
    height: 180px;
    margin: -5px 0;
    padding: 5px 0;
    overflow: auto;
    vertical-align: top;
    list-style: none;
    border-right: 1px solid #303030;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.ant-cascader-menu-item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0 8px;
    overflow: hidden;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: all .3s
}

.ant-cascader-menu-item:hover {
    background: rgba(255,255,255,.08)
}

.ant-cascader-menu-item-disabled {
    color: #4b4b4b;
    cursor: not-allowed
}

.ant-cascader-menu-item-disabled:hover {
    background: transparent
}

.ant-cascader-menu-empty .ant-cascader-menu-item {
    color: #4b4b4b;
    cursor: default;
    pointer-events: none
}

.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
    font-weight: 600;
    background-color: #112724
}

.ant-cascader-menu-item-content {
    flex: auto
}

.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,.ant-cascader-menu-item-loading-icon {
    margin-left: 0;
    color: #969696;
    font-size: 10px
}

.ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,.ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon {
    color: #4b4b4b
}

.ant-cascader-menu-item-keyword {
    color: #a61d24
}

.ant-cascader-rtl .ant-cascader-menu-item-expand-icon,.ant-cascader-rtl .ant-cascader-menu-item-loading-icon {
    margin-right: 0;
    margin-left: 0
}

.ant-cascader-rtl .ant-cascader-checkbox {
    top: 0;
    margin-right: 0;
    margin-left: 4px
}

.ant-checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    top: .2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer
}

.ant-checkbox-wrapper:hover .ant-checkbox-inner,.ant-checkbox:hover .ant-checkbox-inner,.ant-checkbox-input:focus+.ant-checkbox-inner {
    border-color: #00dfb0
}

.ant-checkbox-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #00DFB0;
    border-radius: 3px;
    visibility: hidden;
    animation: antCheckboxEffect .36s ease-in-out;
    animation-fill-mode: backwards;
    content: ""
}

.ant-checkbox:hover:after,.ant-checkbox-wrapper:hover .ant-checkbox:after {
    visibility: visible
}

.ant-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    direction: ltr;
    background-color: transparent;
    border: 1px solid #4B4B4B;
    border-radius: 3px;
    border-collapse: separate;
    transition: all .3s
}

.ant-checkbox-inner:after {
    position: absolute;
    top: 50%;
    left: 21.5%;
    display: table;
    width: 4.28571429px;
    height: 6.85714286px;
    border: 2px solid #000000;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-50%,-50%);
    opacity: 0;
    transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
    content: " "
}

.ant-checkbox-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.ant-checkbox-checked .ant-checkbox-inner:after {
    position: absolute;
    display: table;
    border: 2px solid #000000;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate(-50%,-50%);
    opacity: 1;
    transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
    content: " "
}

.ant-checkbox-checked .ant-checkbox-inner {
    background-color: #00dfb0;
    border-color: #00dfb0
}

.ant-checkbox-disabled {
    cursor: not-allowed
}

.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {
    border-color: #4b4b4b;
    animation-name: none
}

.ant-checkbox-disabled .ant-checkbox-input {
    cursor: not-allowed;
    pointer-events: none
}

.ant-checkbox-disabled .ant-checkbox-inner {
    background-color: #191919;
    border-color: #4b4b4b!important
}

.ant-checkbox-disabled .ant-checkbox-inner:after {
    border-color: #191919;
    border-collapse: separate;
    animation-name: none
}

.ant-checkbox-disabled+span {
    color: #4b4b4b;
    cursor: not-allowed
}

.ant-checkbox-disabled:hover:after,.ant-checkbox-wrapper:hover .ant-checkbox-disabled:after {
    visibility: hidden
}

.ant-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    display: inline-flex;
    align-items: baseline;
    line-height: unset;
    cursor: pointer
}

.ant-checkbox-wrapper:after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: "\a0"
}

.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
    cursor: not-allowed
}

.ant-checkbox-wrapper+.ant-checkbox-wrapper {
    margin-left: 8px
}

.ant-checkbox+span {
    padding-right: 8px;
    padding-left: 8px
}

.ant-checkbox-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    display: inline-block
}

.ant-checkbox-group-item {
    margin-right: 6px
}

.ant-checkbox-group-item:last-child {
    margin-right: 0
}

.ant-checkbox-group-item+.ant-checkbox-group-item {
    margin-left: 0
}

.ant-checkbox-indeterminate .ant-checkbox-inner {
    background-color: transparent;
    border-color: #4b4b4b
}

.ant-checkbox-indeterminate .ant-checkbox-inner:after {
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    background-color: #00dfb0;
    border: 0;
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
    content: " "
}

.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after {
    background-color: #4b4b4b;
    border-color: #4b4b4b
}

.ant-checkbox-rtl {
    direction: rtl
}

.ant-checkbox-group-rtl .ant-checkbox-group-item {
    margin-right: 0;
    margin-left: 6px
}

.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
    margin-left: 0!important
}

.ant-checkbox-group-rtl .ant-checkbox-group-item+.ant-checkbox-group-item {
    margin-left: 6px
}

.ant-collapse {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    background-color: #ffffff0a;
    border: 1px solid #4B4B4B;
    border-bottom: 0;
    border-radius: 3px
}

.ant-collapse>.ant-collapse-item {
    border-bottom: 1px solid #4B4B4B
}

.ant-collapse>.ant-collapse-item:last-child,.ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header {
    border-radius: 0 0 3px 3px
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 8px;
    color: #fff;
    line-height: 1.66667;
    cursor: pointer;
    transition: all .3s,visibility 0s
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow {
    display: inline-block;
    margin-right: 8px;
    font-size: 12px;
    vertical-align: -1px
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg {
    transition: transform .24s
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-extra {
    margin-left: auto
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header:focus {
    outline: none
}

.ant-collapse>.ant-collapse-item .ant-collapse-header-collapsible-only {
    cursor: default
}

.ant-collapse>.ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
    cursor: pointer
}

.ant-collapse>.ant-collapse-item.ant-collapse-no-arrow>.ant-collapse-header {
    padding-left: 8px
}

.ant-collapse-icon-position-right>.ant-collapse-item>.ant-collapse-header {
    position: relative;
    padding: 8px 40px 8px 8px
}

.ant-collapse-icon-position-right>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow {
    position: absolute;
    top: 50%;
    right: 8px;
    left: auto;
    margin: 0;
    transform: translateY(-50%)
}

.ant-collapse-content {
    color: #b4b4b4;
    background-color: #141414;
    border-top: 1px solid #4B4B4B
}

.ant-collapse-content>.ant-collapse-content-box {
    padding: 8px 16px
}

.ant-collapse-content-hidden {
    display: none
}

.ant-collapse-item:last-child>.ant-collapse-content {
    border-radius: 0 0 3px 3px
}

.ant-collapse-borderless {
    background-color: #ffffff0a;
    border: 0
}

.ant-collapse-borderless>.ant-collapse-item {
    border-bottom: 1px solid #4B4B4B
}

.ant-collapse-borderless>.ant-collapse-item:last-child,.ant-collapse-borderless>.ant-collapse-item:last-child .ant-collapse-header {
    border-radius: 0
}

.ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content {
    background-color: transparent;
    border-top: 0
}

.ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box {
    padding-top: 4px
}

.ant-collapse-ghost {
    background-color: transparent;
    border: 0
}

.ant-collapse-ghost>.ant-collapse-item {
    border-bottom: 0
}

.ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content {
    background-color: transparent;
    border-top: 0
}

.ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box {
    padding-top: 12px;
    padding-bottom: 12px
}

.ant-collapse .ant-collapse-item-disabled>.ant-collapse-header,.ant-collapse .ant-collapse-item-disabled>.ant-collapse-header>.arrow {
    color: #4b4b4b;
    cursor: not-allowed
}

.ant-collapse-rtl {
    direction: rtl
}

.ant-collapse-rtl .ant-collapse>.ant-collapse-item>.ant-collapse-header {
    padding: 8px 40px 8px 8px
}

.ant-collapse-rtl.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow {
    margin-right: 0;
    margin-left: 8px
}

.ant-collapse-rtl.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg {
    transform: rotate(180deg)
}

.ant-collapse-rtl.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-extra {
    margin-right: auto;
    margin-left: 0
}

.ant-collapse-rtl.ant-collapse>.ant-collapse-item.ant-collapse-no-arrow>.ant-collapse-header {
    padding-right: 8px;
    padding-left: 0
}

.ant-comment {
    position: relative;
    background-color: transparent
}

.ant-comment-inner {
    display: flex;
    padding: 8px 0
}

.ant-comment-avatar {
    position: relative;
    flex-shrink: 0;
    margin-right: 8px;
    cursor: pointer
}

.ant-comment-avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.ant-comment-content {
    position: relative;
    flex: 1 1 auto;
    min-width: 1px;
    font-size: 12px;
    word-wrap: break-word
}

.ant-comment-content-author {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 0;
    font-size: 12px
}

.ant-comment-content-author>a,.ant-comment-content-author>span {
    padding-right: 4px;
    font-size: 12px;
    line-height: 18px
}

.ant-comment-content-author-name {
    color: #969696;
    font-size: 12px;
    transition: color .3s
}

.ant-comment-content-author-name>* {
    color: #969696
}

.ant-comment-content-author-name>*:hover {
    color: #969696
}

.ant-comment-content-author-time {
    color: #ffffff4d;
    white-space: nowrap;
    cursor: auto
}

.ant-comment-content-detail p {
    margin-bottom: 0;
    white-space: pre-wrap
}

.ant-comment-actions {
    margin-top: 4px;
    margin-bottom: 0;
    padding-left: 0
}

.ant-comment-actions>li {
    display: inline-block;
    color: #969696
}

.ant-comment-actions>li>span {
    margin-right: 10px;
    color: #969696;
    font-size: 12px;
    cursor: pointer;
    transition: color .3s;
    user-select: none
}

.ant-comment-actions>li>span:hover {
    color: #ffffffa6
}

.ant-comment-nested {
    margin-left: 44px
}

.ant-comment-rtl {
    direction: rtl
}

.ant-comment-rtl .ant-comment-avatar {
    margin-right: 0;
    margin-left: 12px
}

.ant-comment-rtl .ant-comment-content-author>a,.ant-comment-rtl .ant-comment-content-author>span {
    padding-right: 0;
    padding-left: 8px
}

.ant-comment-rtl .ant-comment-actions {
    padding-right: 0
}

.ant-comment-rtl .ant-comment-actions>li>span {
    margin-right: 0;
    margin-left: 10px
}

.ant-comment-rtl .ant-comment-nested {
    margin-right: 44px;
    margin-left: 0
}

.ant-picker {
    box-sizing: border-box;
    margin: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    padding: 3px 7px;
    position: relative;
    display: inline-flex;
    align-items: center;
    background: transparent;
    border: 1px solid #4B4B4B;
    border-radius: 3px;
    transition: border .3s,box-shadow .3s
}

.ant-picker:hover,.ant-picker-focused {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-input-rtl .ant-picker:hover,.ant-input-rtl .ant-picker-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-picker-focused {
    border-color: #00dfb0;
    box-shadow: 0 0 0 2px #00dfb033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-input-rtl .ant-picker-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-picker.ant-picker-disabled {
    background: #191919;
    border-color: #4b4b4b;
    cursor: not-allowed
}

.ant-picker.ant-picker-disabled .ant-picker-suffix {
    color: #4b4b4b
}

.ant-picker.ant-picker-borderless {
    background-color: transparent!important;
    border-color: transparent!important;
    box-shadow: none!important
}

.ant-picker-input {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%
}

.ant-picker-input>input {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    color: #b4b4b4;
    font-size: 12px;
    line-height: 1.66667;
    background-color: #1e1e1e;
    background-image: none;
    border: 1px solid #464646;
    border-radius: 3px;
    transition: all .3s;
    flex: auto;
    min-width: 1px;
    height: auto;
    padding: 0;
    background: transparent;
    border: 0
}

.ant-picker-input>input::placeholder {
    color: #646464;
    user-select: none
}

.ant-picker-input>input:placeholder-shown {
    text-overflow: ellipsis
}

.ant-picker-input>input:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-input-rtl .ant-picker-input>input:hover {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-picker-input>input:focus,.ant-picker-input>input-focused {
    border-color: #00dfb0;
    box-shadow: 0 0 0 2px #00dfb033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-input-rtl .ant-picker-input>input:focus,.ant-input-rtl .ant-picker-input>input-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-picker-input>input-disabled {
    color: #4b4b4b;
    background-color: #191919;
    border-color: #464646;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-picker-input>input-disabled:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-picker-input>input[disabled] {
    color: #4b4b4b;
    background-color: #191919;
    border-color: #464646;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-picker-input>input[disabled]:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-picker-input>input-borderless,.ant-picker-input>input-borderless:hover,.ant-picker-input>input-borderless:focus,.ant-picker-input>input-borderless-focused,.ant-picker-input>input-borderless-disabled,.ant-picker-input>input-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.ant-picker-input>input {
    max-width: 100%;
    height: auto;
    min-height: 28px;
    line-height: 1.66667;
    vertical-align: bottom;
    transition: all .3s,height 0s
}

.ant-picker-input>input-lg {
    padding: 7.4px 11px;
    font-size: 14px
}

.ant-picker-input>input-sm {
    padding: 1px 7px
}

.ant-picker-input>input-rtl {
    direction: rtl
}

.ant-picker-input>input:focus {
    box-shadow: none
}

.ant-picker-input>input[disabled] {
    background: transparent
}

.ant-picker-input:hover .ant-picker-clear {
    opacity: 1
}

.ant-picker-input-placeholder>input {
    color: #646464
}

.ant-picker-large {
    padding: 7.5px 11px
}

.ant-picker-large .ant-picker-input>input {
    font-size: 14px
}

.ant-picker-small {
    padding: 1px 7px
}

.ant-picker-suffix {
    align-self: center;
    margin-left: 2px;
    color: #4b4b4b;
    line-height: 1;
    pointer-events: none
}

.ant-picker-suffix>* {
    vertical-align: top
}

.ant-picker-clear {
    position: absolute;
    top: 50%;
    right: 0;
    color: #4b4b4b;
    line-height: 1;
    background: #141414;
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s,color .3s
}

.ant-picker-clear>* {
    vertical-align: top
}

.ant-picker-clear:hover {
    color: #969696
}

.ant-picker-separator {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 14px;
    color: #4b4b4b;
    font-size: 14px;
    vertical-align: top;
    cursor: default
}

.ant-picker-focused .ant-picker-separator {
    color: #969696
}

.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
    cursor: not-allowed
}

.ant-picker-range {
    position: relative;
    display: inline-flex
}

.ant-picker-range .ant-picker-clear {
    right: 7px
}

.ant-picker-range:hover .ant-picker-clear {
    opacity: 1
}

.ant-picker-range .ant-picker-active-bar {
    bottom: -1px;
    height: 2px;
    margin-left: 7px;
    background: #00DFB0;
    opacity: 0;
    transition: all .3s ease-out;
    pointer-events: none
}

.ant-picker-range.ant-picker-focused .ant-picker-active-bar {
    opacity: 1
}

.ant-picker-range-separator {
    align-items: center;
    padding: 0 4px;
    line-height: 1
}

.ant-picker-range.ant-picker-small .ant-picker-clear {
    right: 7px
}

.ant-picker-range.ant-picker-small .ant-picker-active-bar {
    margin-left: 7px
}

.ant-picker-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: absolute;
    z-index: 1050
}

.ant-picker-dropdown-hidden {
    display: none
}

.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
    top: 1.66666667px;
    display: block;
    transform: rotate(-45deg)
}

.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
    bottom: 1.66666667px;
    display: block;
    transform: rotate(135deg)
}

.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft,.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight,.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft,.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight {
    animation-name: antSlideDownIn
}

.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft,.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight,.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft,.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight {
    animation-name: antSlideUpIn
}

.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft,.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight {
    animation-name: antSlideDownOut
}

.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft,.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight {
    animation-name: antSlideUpOut
}

.ant-picker-dropdown-range {
    padding: 6.66666667px 0
}

.ant-picker-dropdown-range-hidden {
    display: none
}

.ant-picker-dropdown .ant-picker-panel>.ant-picker-time-panel {
    padding-top: 2px
}

.ant-picker-ranges {
    margin-bottom: 0;
    padding: 2px 8px;
    overflow: hidden;
    line-height: 28px;
    text-align: left;
    list-style: none
}

.ant-picker-ranges>li {
    display: inline-block
}

.ant-picker-ranges .ant-picker-preset>.ant-tag-blue {
    color: #00dfb0;
    background: #112724;
    border-color: #0e5143;
    cursor: pointer
}

.ant-picker-ranges .ant-picker-ok {
    float: right;
    margin-left: 4px
}

.ant-picker-range-wrapper {
    display: flex
}

.ant-picker-range-arrow {
    position: absolute;
    z-index: 1;
    display: none;
    width: 10px;
    height: 10px;
    margin-left: 10.5px;
    box-shadow: 2px -2px 6px #0000000f;
    transition: left .3s ease-out
}

.ant-picker-range-arrow:after {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 10px;
    height: 10px;
    border: 5px solid #303030;
    border-color: #1f1f1f #1f1f1f transparent transparent;
    content: ""
}

.ant-picker-panel-container {
    overflow: hidden;
    vertical-align: top;
    background: #1f1f1f;
    border-radius: 3px;
    box-shadow: 0 3px 6px -4px #0000007a,0 6px 16px #00000052,0 9px 28px 8px #0003;
    transition: margin .3s
}

.ant-picker-panel-container .ant-picker-panels {
    display: inline-flex;
    flex-wrap: nowrap;
    direction: ltr
}

.ant-picker-panel-container .ant-picker-panel {
    vertical-align: top;
    background: transparent;
    border-width: 0 0 1px 0;
    border-radius: 0
}

.ant-picker-panel-container .ant-picker-panel .ant-picker-content,.ant-picker-panel-container .ant-picker-panel table {
    text-align: center
}

.ant-picker-panel-container .ant-picker-panel-focused {
    border-color: #303030
}

.ant-picker-panel {
    display: inline-flex;
    flex-direction: column;
    text-align: center;
    background: #1f1f1f;
    border: 1px solid #303030;
    border-radius: 3px;
    outline: none
}

.ant-picker-panel-focused {
    border-color: #00dfb0
}

.ant-picker-decade-panel,.ant-picker-year-panel,.ant-picker-quarter-panel,.ant-picker-month-panel,.ant-picker-week-panel,.ant-picker-date-panel,.ant-picker-time-panel {
    display: flex;
    flex-direction: column;
    width: 244px
}

.ant-picker-header {
    display: flex;
    padding: 0 4px;
    color: #fff;
    border-bottom: 1px solid #303030
}

.ant-picker-header>* {
    flex: none
}

.ant-picker-header button {
    padding: 0;
    color: #4b4b4b;
    line-height: 32px;
    background: transparent;
    border: 0;
    cursor: pointer;
    transition: color .3s
}

.ant-picker-header>button {
    min-width: 1.6em;
    font-size: 12px
}

.ant-picker-header>button:hover {
    color: #b4b4b4
}

.ant-picker-header-view {
    flex: auto;
    font-weight: 500;
    line-height: 32px
}

.ant-picker-header-view button {
    color: inherit;
    font-weight: inherit
}

.ant-picker-header-view button:not(:first-child) {
    margin-left: 4px
}

.ant-picker-header-view button:hover {
    color: #00dfb0
}

.ant-picker-prev-icon,.ant-picker-next-icon,.ant-picker-super-prev-icon,.ant-picker-super-next-icon {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 7px
}

.ant-picker-prev-icon:before,.ant-picker-next-icon:before,.ant-picker-super-prev-icon:before,.ant-picker-super-next-icon:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 0 solid currentcolor;
    border-width: 1.5px 0 0 1.5px;
    content: ""
}

.ant-picker-super-prev-icon:after,.ant-picker-super-next-icon:after {
    position: absolute;
    top: 4px;
    left: 4px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 0 solid currentcolor;
    border-width: 1.5px 0 0 1.5px;
    content: ""
}

.ant-picker-prev-icon,.ant-picker-super-prev-icon {
    transform: rotate(-45deg)
}

.ant-picker-next-icon,.ant-picker-super-next-icon {
    transform: rotate(135deg)
}

.ant-picker-content {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse
}

.ant-picker-content th,.ant-picker-content td {
    position: relative;
    min-width: 24px;
    font-weight: 400
}

.ant-picker-content th {
    height: 30px;
    color: #b4b4b4;
    line-height: 30px
}

.ant-picker-cell {
    padding: 3px 0;
    color: #4b4b4b;
    cursor: pointer
}

.ant-picker-cell-in-view {
    color: #b4b4b4
}

.ant-picker-cell:before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 1;
    height: 22px;
    transform: translateY(-50%);
    transition: all .3s;
    content: ""
}

.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
    background: rgba(255,255,255,.08)
}

.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 1px solid #00DFB0;
    border-radius: 3px;
    content: ""
}

.ant-picker-cell-in-view.ant-picker-cell-in-range {
    position: relative
}

.ant-picker-cell-in-view.ant-picker-cell-in-range:before {
    background: #112724
}

.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
    color: #fff;
    background: #00DFB0
}

.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):before,.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):before {
    background: #112724
}

.ant-picker-cell-in-view.ant-picker-cell-range-start:before {
    left: 50%
}

.ant-picker-cell-in-view.ant-picker-cell-range-end:before {
    right: 50%
}

.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single:after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover:after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover:after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single:after,.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range):after {
    position: absolute;
    top: 50%;
    z-index: 0;
    height: 24px;
    border-top: 1px dashed #00795f;
    border-bottom: 1px dashed #00795f;
    transform: translateY(-50%);
    transition: all .3s;
    content: ""
}

.ant-picker-cell-range-hover-start:after,.ant-picker-cell-range-hover-end:after,.ant-picker-cell-range-hover:after {
    right: 0;
    left: 2px
}

.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover:before,.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover:before,.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover:before,.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start:before,.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end:before,.ant-picker-panel>:not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start:before,.ant-picker-panel>:not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end:before {
    background: #002d23
}

.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
    border-radius: 3px 0 0 3px
}

.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
    border-radius: 0 3px 3px 0
}

.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner:after,.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner:after {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: #002d23;
    transition: all .3s;
    content: ""
}

.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner:after {
    right: -6px;
    left: 0
}

.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner:after {
    right: 0;
    left: -6px
}

.ant-picker-cell-range-hover.ant-picker-cell-range-start:after {
    right: 50%
}

.ant-picker-cell-range-hover.ant-picker-cell-range-end:after {
    left: 50%
}

tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child:after,tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child:after,.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range:after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range):after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:after {
    left: 6px;
    border-left: 1px dashed #00795f;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child:after,tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child:after,.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range:after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range):after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:after {
    right: 6px;
    border-right: 1px dashed #00795f;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.ant-picker-cell-disabled {
    color: #4b4b4b;
    pointer-events: none
}

.ant-picker-cell-disabled .ant-picker-cell-inner {
    background: transparent
}

.ant-picker-cell-disabled:before {
    background: #303030
}

.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner:before {
    border-color: #4b4b4b
}

.ant-picker-decade-panel .ant-picker-content,.ant-picker-year-panel .ant-picker-content,.ant-picker-quarter-panel .ant-picker-content,.ant-picker-month-panel .ant-picker-content {
    height: 192px
}

.ant-picker-decade-panel .ant-picker-cell-inner,.ant-picker-year-panel .ant-picker-cell-inner,.ant-picker-quarter-panel .ant-picker-cell-inner,.ant-picker-month-panel .ant-picker-cell-inner {
    padding: 0 4px
}

.ant-picker-quarter-panel .ant-picker-content {
    height: 56px
}

.ant-picker-footer {
    width: min-content;
    min-width: 100%;
    line-height: 30px;
    text-align: center;
    border-bottom: 1px solid transparent
}

.ant-picker-panel .ant-picker-footer {
    border-top: 1px solid #303030
}

.ant-picker-footer-extra {
    padding: 0 8px;
    line-height: 30px;
    text-align: left
}

.ant-picker-footer-extra:not(:last-child) {
    border-bottom: 1px solid #303030
}

.ant-picker-now {
    text-align: left
}

.ant-picker-today-btn {
    color: #00dfb0
}

.ant-picker-today-btn:hover {
    color: #079879
}

.ant-picker-today-btn:active {
    color: #24d6a9
}

.ant-picker-today-btn.ant-picker-today-btn-disabled {
    color: #4b4b4b;
    cursor: not-allowed
}

.ant-picker-decade-panel .ant-picker-cell-inner {
    padding: 0 2px
}

.ant-picker-decade-panel .ant-picker-cell:before {
    display: none
}

.ant-picker-year-panel .ant-picker-body,.ant-picker-quarter-panel .ant-picker-body,.ant-picker-month-panel .ant-picker-body {
    padding: 0 4px
}

.ant-picker-year-panel .ant-picker-cell-inner,.ant-picker-quarter-panel .ant-picker-cell-inner,.ant-picker-month-panel .ant-picker-cell-inner {
    width: 60px
}

.ant-picker-year-panel .ant-picker-cell-range-hover-start:after,.ant-picker-quarter-panel .ant-picker-cell-range-hover-start:after,.ant-picker-month-panel .ant-picker-cell-range-hover-start:after {
    left: 9.33333333px;
    border-left: 1px dashed #00795f;
    border-radius: 3px 0 0 3px
}

.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start:after,.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start:after,.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start:after {
    right: 9.33333333px;
    border-right: 1px dashed #00795f;
    border-radius: 0 3px 3px 0
}

.ant-picker-year-panel .ant-picker-cell-range-hover-end:after,.ant-picker-quarter-panel .ant-picker-cell-range-hover-end:after,.ant-picker-month-panel .ant-picker-cell-range-hover-end:after {
    right: 9.33333333px;
    border-right: 1px dashed #00795f;
    border-radius: 0 3px 3px 0
}

.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end:after,.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end:after,.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end:after {
    left: 9.33333333px;
    border-left: 1px dashed #00795f;
    border-radius: 3px 0 0 3px
}

.ant-picker-week-panel .ant-picker-body {
    padding: 4px 8px
}

.ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner,.ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,.ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner {
    background: transparent!important
}

.ant-picker-week-panel-row td {
    transition: background .3s
}

.ant-picker-week-panel-row:hover td {
    background: rgba(255,255,255,.08)
}

.ant-picker-week-panel-row-selected td,.ant-picker-week-panel-row-selected:hover td {
    background: #00DFB0
}

.ant-picker-week-panel-row-selected td.ant-picker-cell-week,.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
    color: #ffffff80
}

.ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner:before,.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner:before {
    border-color: #fff
}

.ant-picker-week-panel-row-selected td .ant-picker-cell-inner,.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
    color: #fff
}

.ant-picker-date-panel .ant-picker-body {
    padding: 4px 8px
}

.ant-picker-date-panel .ant-picker-content {
    width: 224px
}

.ant-picker-date-panel .ant-picker-content th {
    width: 32px
}

.ant-picker-datetime-panel {
    display: flex
}

.ant-picker-datetime-panel .ant-picker-time-panel {
    border-left: 1px solid #303030
}

.ant-picker-datetime-panel .ant-picker-date-panel,.ant-picker-datetime-panel .ant-picker-time-panel {
    transition: opacity .3s
}

.ant-picker-datetime-panel-active .ant-picker-date-panel,.ant-picker-datetime-panel-active .ant-picker-time-panel {
    opacity: .3
}

.ant-picker-datetime-panel-active .ant-picker-date-panel-active,.ant-picker-datetime-panel-active .ant-picker-time-panel-active {
    opacity: 1
}

.ant-picker-time-panel {
    width: auto;
    min-width: auto
}

.ant-picker-time-panel .ant-picker-content {
    display: flex;
    flex: auto;
    height: 224px
}

.ant-picker-time-panel-column {
    flex: 1 0 auto;
    width: 56px;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    text-align: left;
    list-style: none;
    transition: background .3s
}

.ant-picker-time-panel-column:after {
    display: block;
    height: 200px;
    content: ""
}

.ant-picker-datetime-panel .ant-picker-time-panel-column:after {
    height: 202px
}

.ant-picker-time-panel-column:not(:first-child) {
    border-left: 1px solid #303030
}

.ant-picker-time-panel-column-active {
    background: rgba(17,39,36,.2)
}

.ant-picker-time-panel-column:hover {
    overflow-y: auto
}

.ant-picker-time-panel-column>li {
    margin: 0;
    padding: 0
}

.ant-picker-time-panel-column>li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
    display: block;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0 0 0 14px;
    color: #b4b4b4;
    line-height: 24px;
    border-radius: 0;
    cursor: pointer;
    transition: background .3s
}

.ant-picker-time-panel-column>li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
    background: rgba(255,255,255,.08)
}

.ant-picker-time-panel-column>li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
    background: #112724
}

.ant-picker-time-panel-column>li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
    color: #4b4b4b;
    background: transparent;
    cursor: not-allowed
}

_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,:root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell {
    padding: 21px 0
}

.ant-picker-rtl {
    direction: rtl
}

.ant-picker-rtl .ant-picker-suffix {
    margin-right: 2px;
    margin-left: 0
}

.ant-picker-rtl .ant-picker-clear {
    right: auto;
    left: 0
}

.ant-picker-rtl .ant-picker-separator {
    transform: rotate(180deg)
}

.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) {
    margin-right: 4px;
    margin-left: 0
}

.ant-picker-rtl.ant-picker-range .ant-picker-clear {
    right: auto;
    left: 7px
}

.ant-picker-rtl.ant-picker-range .ant-picker-active-bar {
    margin-right: 7px;
    margin-left: 0
}

.ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar {
    margin-right: 7px
}

.ant-picker-dropdown-rtl .ant-picker-ranges {
    text-align: right
}

.ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok {
    float: left;
    margin-right: 4px;
    margin-left: 0
}

.ant-picker-panel-rtl {
    direction: rtl
}

.ant-picker-panel-rtl .ant-picker-prev-icon,.ant-picker-panel-rtl .ant-picker-super-prev-icon {
    transform: rotate(135deg)
}

.ant-picker-panel-rtl .ant-picker-next-icon,.ant-picker-panel-rtl .ant-picker-super-next-icon {
    transform: rotate(-45deg)
}

.ant-picker-cell .ant-picker-cell-inner {
    position: relative;
    z-index: 2;
    display: inline-block;
    min-width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 3px;
    transition: background .3s,border .3s
}

.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:before {
    right: 50%;
    left: 0
}

.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:before {
    right: 0;
    left: 50%
}

.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end:before {
    right: 50%;
    left: 50%
}

.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner:after {
    right: 0;
    left: -6px
}

.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner:after {
    right: -6px;
    left: 0
}

.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start:after {
    right: 0;
    left: 50%
}

.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end:after {
    right: 50%;
    left: 0
}

.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
    border-radius: 0 3px 3px 0
}

.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
    border-radius: 3px 0 0 3px
}

.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child:after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range:after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range):after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:after {
    right: 6px;
    left: 0;
    border-right: 1px dashed #00795f;
    border-left: none;
    border-radius: 0 3px 3px 0
}

.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child:after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range:after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range):after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:after {
    right: 0;
    left: 6px;
    border-right: none;
    border-left: 1px dashed #00795f;
    border-radius: 3px 0 0 3px
}

.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child:after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child:after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover):after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover):after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover):after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child:after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child:after {
    right: 6px;
    left: 6px;
    border-right: 1px dashed #00795f;
    border-left: 1px dashed #00795f;
    border-radius: 3px
}

.ant-picker-dropdown-rtl .ant-picker-footer-extra {
    direction: rtl;
    text-align: right
}

.ant-picker-panel-rtl .ant-picker-time-panel {
    direction: ltr
}

.ant-descriptions-header {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.ant-descriptions-title {
    flex: auto;
    overflow: hidden;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.66667;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ant-descriptions-extra {
    margin-left: auto;
    color: #b4b4b4;
    font-size: 12px
}

.ant-descriptions-view {
    width: 100%;
    border-radius: 3px
}

.ant-descriptions-view table {
    width: 100%;
    table-layout: fixed
}

.ant-descriptions-row>th,.ant-descriptions-row>td {
    padding-bottom: 4px
}

.ant-descriptions-row:last-child {
    border-bottom: none
}

.ant-descriptions-item-label {
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.66667;
    text-align: start
}

.ant-descriptions-item-label:after {
    content: ":";
    position: relative;
    top: -.5px;
    margin: 0 8px 0 2px
}

.ant-descriptions-item-label.ant-descriptions-item-no-colon:after {
    content: " "
}

.ant-descriptions-item-no-label:after {
    margin: 0;
    content: ""
}

.ant-descriptions-item-content {
    display: table-cell;
    flex: 1 1;
    color: #b4b4b4;
    font-size: 12px;
    line-height: 1.66667;
    word-break: break-word;
    overflow-wrap: break-word
}

.ant-descriptions-item {
    padding-bottom: 0;
    vertical-align: top
}

.ant-descriptions-item-container {
    display: flex
}

.ant-descriptions-item-container .ant-descriptions-item-label,.ant-descriptions-item-container .ant-descriptions-item-content {
    display: inline-flex;
    align-items: baseline
}

.ant-descriptions-middle .ant-descriptions-row>th,.ant-descriptions-middle .ant-descriptions-row>td {
    padding-bottom: 8px
}

.ant-descriptions-small .ant-descriptions-row>th,.ant-descriptions-small .ant-descriptions-row>td {
    padding-bottom: 4px
}

.ant-descriptions-bordered .ant-descriptions-view {
    border: 1px solid #303030
}

.ant-descriptions-bordered .ant-descriptions-view>table {
    table-layout: auto;
    border-collapse: collapse
}

.ant-descriptions-bordered .ant-descriptions-item-label,.ant-descriptions-bordered .ant-descriptions-item-content {
    padding: 12px 16px;
    border-right: 1px solid #303030
}

.ant-descriptions-bordered .ant-descriptions-item-label:last-child,.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
    border-right: none
}

.ant-descriptions-bordered .ant-descriptions-item-label {
    background-color: #ffffff0a
}

.ant-descriptions-bordered .ant-descriptions-item-label:after {
    display: none
}

.ant-descriptions-bordered .ant-descriptions-row {
    border-bottom: 1px solid #303030
}

.ant-descriptions-bordered .ant-descriptions-row:last-child {
    border-bottom: none
}

.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label,.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content {
    padding: 8px 16px
}

.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label,.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
    padding: 4px 8px
}

.ant-descriptions-rtl {
    direction: rtl
}

.ant-descriptions-rtl .ant-descriptions-item-label:after {
    margin: 0 2px 0 8px
}

.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label,.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content {
    border-right: none;
    border-left: 1px solid #303030
}

.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child,.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
    border-left: none
}

.ant-divider {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    border-top: 1px solid rgba(255,255,255,.12)
}

.ant-divider-vertical {
    position: relative;
    top: -.06em;
    display: inline-block;
    height: .9em;
    margin: 0 8px;
    vertical-align: middle;
    border-top: 0;
    border-left: 1px solid rgba(255,255,255,.12)
}

.ant-divider-horizontal {
    display: flex;
    clear: both;
    width: 100%;
    min-width: 100%;
    margin: 24px 0
}

.ant-divider-horizontal.ant-divider-with-text {
    display: flex;
    margin: 16px 0;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    text-align: center;
    border-top: 0;
    border-top-color: #ffffff1f
}

.ant-divider-horizontal.ant-divider-with-text:before,.ant-divider-horizontal.ant-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: ""
}

.ant-divider-horizontal.ant-divider-with-text-left:before {
    top: 50%;
    width: 5%
}

.ant-divider-horizontal.ant-divider-with-text-left:after {
    top: 50%;
    width: 95%
}

.ant-divider-horizontal.ant-divider-with-text-right:before {
    top: 50%;
    width: 95%
}

.ant-divider-horizontal.ant-divider-with-text-right:after {
    top: 50%;
    width: 5%
}

.ant-divider-inner-text {
    display: inline-block;
    padding: 0 1em
}

.ant-divider-dashed {
    background: none;
    border-color: #ffffff1f;
    border-style: dashed;
    border-width: 1px 0 0
}

.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed:before,.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed:after {
    border-style: dashed none none
}

.ant-divider-vertical.ant-divider-dashed {
    border-width: 0 0 0 1px
}

.ant-divider-plain.ant-divider-with-text {
    color: #b4b4b4;
    font-weight: 400;
    font-size: 12px
}

.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left:before {
    width: 0
}

.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left:after {
    width: 100%
}

.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left .ant-divider-inner-text {
    padding-left: 0
}

.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right:before {
    width: 100%
}

.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right:after {
    width: 0
}

.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right .ant-divider-inner-text {
    padding-right: 0
}

.ant-divider-rtl {
    direction: rtl
}

.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left:before {
    width: 95%
}

.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left:after {
    width: 5%
}

.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right:before {
    width: 5%
}

.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right:after {
    width: 95%
}

.ant-drawer {
    position: fixed;
    z-index: 1000;
    width: 0%;
    height: 100%;
    transition: width 0s ease .3s,height 0s ease .3s
}

.ant-drawer-content-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s cubic-bezier(.23,1,.32,1)
}

.ant-drawer .ant-drawer-content {
    width: 100%;
    height: 100%
}

.ant-drawer-left,.ant-drawer-right {
    top: 0;
    width: 0%;
    height: 100%
}

.ant-drawer-left .ant-drawer-content-wrapper,.ant-drawer-right .ant-drawer-content-wrapper {
    height: 100%
}

.ant-drawer-left.ant-drawer-open,.ant-drawer-right.ant-drawer-open {
    width: 100%;
    transition: transform .3s cubic-bezier(.23,1,.32,1)
}

.ant-drawer-left,.ant-drawer-left .ant-drawer-content-wrapper {
    left: 0
}

.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
    box-shadow: 6px 0 16px -8px #00000052,9px 0 28px #0003,12px 0 48px 16px #0000001f
}

.ant-drawer-right,.ant-drawer-right .ant-drawer-content-wrapper {
    right: 0
}

.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
    box-shadow: -6px 0 16px -8px #00000014,-9px 0 28px #0000000d,-12px 0 48px 16px #00000008
}

.ant-drawer-right.ant-drawer-open.no-mask {
    right: 1px;
    transform: translate(1px)
}

.ant-drawer-top,.ant-drawer-bottom {
    left: 0;
    width: 100%;
    height: 0%
}

.ant-drawer-top .ant-drawer-content-wrapper,.ant-drawer-bottom .ant-drawer-content-wrapper {
    width: 100%
}

.ant-drawer-top.ant-drawer-open,.ant-drawer-bottom.ant-drawer-open {
    height: 100%;
    transition: transform .3s cubic-bezier(.23,1,.32,1)
}

.ant-drawer-top {
    top: 0
}

.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
    box-shadow: 0 6px 16px -8px #00000052,0 9px 28px #0003,0 12px 48px 16px #0000001f
}

.ant-drawer-bottom,.ant-drawer-bottom .ant-drawer-content-wrapper {
    bottom: 0
}

.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
    box-shadow: 0 -6px 16px -8px #00000052,0 -9px 28px #0003,0 -12px 48px 16px #0000001f
}

.ant-drawer-bottom.ant-drawer-open.no-mask {
    bottom: 1px;
    transform: translateY(1px)
}

.ant-drawer.ant-drawer-open .ant-drawer-mask {
    height: 100%;
    opacity: 1;
    transition: none;
    animation: antdDrawerFadeIn .3s cubic-bezier(.23,1,.32,1);
    pointer-events: auto
}

.ant-drawer-title {
    flex: 1 1;
    margin: 0;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px
}

.ant-drawer-content {
    position: relative;
    z-index: 1;
    overflow: auto;
    background-color: #1f1f1f;
    background-clip: padding-box;
    border: 0
}

.ant-drawer-close {
    display: inline-block;
    margin-right: 12px;
    color: #b4b4b4;
    font-weight: 700;
    font-size: 14px;
    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 .3s;
    text-rendering: auto
}

.ant-drawer-close:focus,.ant-drawer-close:hover {
    color: #ffffffbf;
    text-decoration: none
}

.ant-drawer-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 16px;
    color: #b4b4b4;
    background: #1f1f1f;
    border-bottom: 1px solid #303030;
    border-radius: 3px 3px 0 0
}

.ant-drawer-header-title {
    display: flex;
    flex: 1 1;
    align-items: center;
    justify-content: space-between
}

.ant-drawer-header-close-only {
    padding-bottom: 0;
    border: none
}

.ant-drawer-wrapper-body {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    height: 100%
}

.ant-drawer-body {
    flex-grow: 1;
    padding: 16px;
    overflow: auto;
    font-size: 12px;
    line-height: 1.66667;
    word-wrap: break-word
}

.ant-drawer-footer {
    flex-shrink: 0;
    padding: 8px;
    border-top: 1px solid #303030
}

.ant-drawer-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #0009;
    opacity: 0;
    transition: opacity .3s linear,height 0s ease .3s;
    pointer-events: none
}

.ant-drawer .ant-picker-clear {
    background: #1f1f1f
}

@keyframes antdDrawerFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.ant-drawer-rtl {
    direction: rtl
}

.ant-drawer-rtl .ant-drawer-close {
    margin-right: 0;
    margin-left: 12px
}

.ant-drawer .ant-picker-clear,.ant-drawer .ant-slider-handle,.ant-drawer .ant-anchor-wrapper,.ant-drawer .ant-collapse-content,.ant-drawer .ant-timeline-item-head,.ant-drawer .ant-card {
    background-color: #1f1f1f
}

.ant-drawer .ant-transfer-list-header {
    background: #1f1f1f;
    border-bottom: 1px solid #3a3a3a
}

.ant-drawer .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
    background-color: #ffffff14
}

.ant-drawer tr.ant-table-expanded-row>td,.ant-drawer tr.ant-table-expanded-row:hover>td {
    background: #272727
}

.ant-drawer .ant-table.ant-table-small thead>tr>th {
    background-color: #1f1f1f;
    border-bottom: 1px solid #3a3a3a
}

.ant-drawer .ant-table {
    background-color: #1f1f1f
}

.ant-drawer .ant-table .ant-table-row-expand-icon {
    border: 1px solid #3a3a3a
}

.ant-drawer .ant-table tfoot>tr>th,.ant-drawer .ant-table tfoot>tr>td {
    border-bottom: 1px solid #3a3a3a
}

.ant-drawer .ant-table thead>tr>th {
    background-color: #272727;
    border-bottom: 1px solid #3a3a3a
}

.ant-drawer .ant-table tbody>tr>td {
    border-bottom: 1px solid #3a3a3a
}

.ant-drawer .ant-table tbody>tr>td.ant-table-cell-fix-left,.ant-drawer .ant-table tbody>tr>td.ant-table-cell-fix-right {
    background-color: #1f1f1f
}

.ant-drawer .ant-table tbody>tr.ant-table-row:hover>td {
    background: #303030
}

.ant-drawer .ant-table.ant-table-bordered .ant-table-title {
    border: 1px solid #3a3a3a
}

.ant-drawer .ant-table.ant-table-bordered thead>tr>th,.ant-drawer .ant-table.ant-table-bordered tbody>tr>td,.ant-drawer .ant-table.ant-table-bordered tfoot>tr>th,.ant-drawer .ant-table.ant-table-bordered tfoot>tr>td {
    border-right: 1px solid #3a3a3a
}

.ant-drawer .ant-table.ant-table-bordered .ant-table-cell-fix-right-first:after {
    border-right: 1px solid #3a3a3a
}

.ant-drawer .ant-table.ant-table-bordered table thead>tr:not(:last-child)>th {
    border-bottom: 1px solid #303030
}

.ant-drawer .ant-table.ant-table-bordered .ant-table-container {
    border: 1px solid #3a3a3a
}

.ant-drawer .ant-table.ant-table-bordered .ant-table-expanded-row-fixed:after {
    border-right: 1px solid #3a3a3a
}

.ant-drawer .ant-table.ant-table-bordered .ant-table-footer {
    border: 1px solid #3a3a3a
}

.ant-drawer .ant-table .ant-table-filter-trigger-container-open {
    background-color: #525252
}

.ant-drawer .ant-picker-calendar-full,.ant-drawer .ant-picker-calendar-full .ant-picker-panel {
    background-color: #1f1f1f
}

.ant-drawer .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
    border-top: 2px solid #3a3a3a
}

.ant-drawer .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
    background-color: #1f1f1f;
    border-bottom: 1px solid #1f1f1f
}

.ant-drawer .ant-badge-count {
    box-shadow: 0 0 0 1px #1f1f1f
}

.ant-drawer .ant-tree-show-line .ant-tree-switcher {
    background: #1f1f1f
}

.ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
    color: #fc4e00
}

.ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover {
    color: #fff;
    background-color: #fc4e00
}

.ant-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    display: block
}

.ant-dropdown:before {
    position: absolute;
    top: -4px;
    right: 0;
    bottom: -4px;
    left: -7px;
    z-index: -9999;
    opacity: .0001;
    content: " "
}

.ant-dropdown-wrap {
    position: relative
}

.ant-dropdown-wrap .ant-btn>.anticon-down {
    font-size: 10px
}

.ant-dropdown-wrap .anticon-down:before {
    transition: transform .2s
}

.ant-dropdown-wrap-open .anticon-down:before {
    transform: rotate(180deg)
}

.ant-dropdown-hidden,.ant-dropdown-menu-hidden,.ant-dropdown-menu-submenu-hidden {
    display: none
}

.ant-dropdown-show-arrow.ant-dropdown-placement-topCenter,.ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,.ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
    padding-bottom: 10px
}

.ant-dropdown-show-arrow.ant-dropdown-placement-bottomCenter,.ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,.ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
    padding-top: 10px
}

.ant-dropdown-arrow {
    position: absolute;
    z-index: 1;
    display: block;
    width: 8.48528137px;
    height: 8.48528137px;
    background: transparent;
    border-style: solid;
    border-width: 4.24264069px;
    transform: rotate(45deg)
}

.ant-dropdown-placement-topCenter>.ant-dropdown-arrow,.ant-dropdown-placement-topLeft>.ant-dropdown-arrow,.ant-dropdown-placement-topRight>.ant-dropdown-arrow {
    bottom: 6.2px;
    border-color: transparent #1f1f1f #1f1f1f transparent;
    box-shadow: 3px 3px 7px #00000012
}

.ant-dropdown-placement-topCenter>.ant-dropdown-arrow {
    left: 50%;
    transform: translate(-50%) rotate(45deg)
}

.ant-dropdown-placement-topLeft>.ant-dropdown-arrow {
    left: 16px
}

.ant-dropdown-placement-topRight>.ant-dropdown-arrow {
    right: 16px
}

.ant-dropdown-placement-bottomCenter>.ant-dropdown-arrow,.ant-dropdown-placement-bottomLeft>.ant-dropdown-arrow,.ant-dropdown-placement-bottomRight>.ant-dropdown-arrow {
    top: 6px;
    border-color: #1f1f1f transparent transparent #1f1f1f;
    box-shadow: -2px -2px 5px #0000000f
}

.ant-dropdown-placement-bottomCenter>.ant-dropdown-arrow {
    left: 50%;
    transform: translate(-50%) rotate(45deg)
}

.ant-dropdown-placement-bottomLeft>.ant-dropdown-arrow {
    left: 16px
}

.ant-dropdown-placement-bottomRight>.ant-dropdown-arrow {
    right: 16px
}

.ant-dropdown-menu {
    position: relative;
    margin: 0;
    padding: 5px 0;
    text-align: left;
    list-style-type: none;
    background-color: #1e1e1e;
    background-clip: padding-box;
    border-radius: 3px;
    outline: none;
    box-shadow: 0 3px 6px -4px #0000007a,0 6px 16px #00000052,0 9px 28px 8px #0003
}

.ant-dropdown-menu-item-group-title {
    padding: 5px 8px;
    color: #969696;
    transition: all .3s
}

.ant-dropdown-menu-submenu-popup {
    position: absolute;
    z-index: 1050;
    background: transparent;
    box-shadow: none;
    transform-origin: 0 0
}

.ant-dropdown-menu-submenu-popup ul,.ant-dropdown-menu-submenu-popup li {
    list-style: none
}

.ant-dropdown-menu-submenu-popup ul {
    margin-right: .3em;
    margin-left: .3em
}

.ant-dropdown-menu-item {
    position: relative;
    display: flex;
    align-items: center
}

.ant-dropdown-menu-item-icon {
    min-width: 12px;
    margin-right: 8px;
    font-size: 12px
}

.ant-dropdown-menu-title-content {
    flex: auto
}

.ant-dropdown-menu-title-content>a {
    color: inherit;
    transition: all .3s
}

.ant-dropdown-menu-title-content>a:hover {
    color: inherit
}

.ant-dropdown-menu-title-content>a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.ant-dropdown-menu-item,.ant-dropdown-menu-submenu-title {
    clear: both;
    margin: 0;
    padding: 0 8px;
    color: #b4b4b4;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
    transition: all .3s
}

.ant-dropdown-menu-item-selected,.ant-dropdown-menu-submenu-title-selected {
    color: #00dfb0;
    background-color: #112724
}

.ant-dropdown-menu-item:hover,.ant-dropdown-menu-submenu-title:hover {
    background-color: #ffffff14
}

.ant-dropdown-menu-item-disabled,.ant-dropdown-menu-submenu-title-disabled {
    color: #4b4b4b;
    cursor: not-allowed
}

.ant-dropdown-menu-item-disabled:hover,.ant-dropdown-menu-submenu-title-disabled:hover {
    color: #4b4b4b;
    background-color: transparent;
    cursor: not-allowed
}

.ant-dropdown-menu-item-disabled a,.ant-dropdown-menu-submenu-title-disabled a {
    pointer-events: none
}

.ant-dropdown-menu-item-divider,.ant-dropdown-menu-submenu-title-divider {
    height: 1px;
    margin: 4px 0;
    overflow: hidden;
    line-height: 0;
    background-color: #303030
}

.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
    position: absolute;
    right: 4px
}

.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
    margin-right: 0!important;
    color: #969696;
    font-size: 10px;
    font-style: normal
}

.ant-dropdown-menu-item-group-list {
    margin: 0 8px;
    padding: 0;
    list-style: none
}

.ant-dropdown-menu-submenu-title {
    padding-right: 20px
}

.ant-dropdown-menu-submenu-vertical {
    position: relative
}

.ant-dropdown-menu-submenu-vertical>.ant-dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 100%;
    margin-left: 4px;
    transform-origin: 0 0
}

.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
    color: #4b4b4b;
    background-color: transparent;
    cursor: not-allowed
}

.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
    color: #00dfb0
}

.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomCenter,.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomCenter,.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight,.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight {
    animation-name: antSlideUpIn
}

.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft,.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft,.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topCenter,.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topCenter,.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight,.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight {
    animation-name: antSlideDownIn
}

.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomCenter,.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight {
    animation-name: antSlideUpOut
}

.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft,.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topCenter,.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight {
    animation-name: antSlideDownOut
}

.ant-dropdown-trigger>.anticon.anticon-down,.ant-dropdown-link>.anticon.anticon-down,.ant-dropdown-button>.anticon.anticon-down {
    font-size: 10px;
    vertical-align: baseline
}

.ant-dropdown-button {
    white-space: nowrap
}

.ant-dropdown-button.ant-btn-group>.ant-btn-loading,.ant-dropdown-button.ant-btn-group>.ant-btn-loading+.ant-btn {
    cursor: default;
    pointer-events: none
}

.ant-dropdown-button.ant-btn-group>.ant-btn-loading+.ant-btn:before {
    display: block
}

.ant-dropdown-button.ant-btn-group>.ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) {
    padding-right: 4px;
    padding-left: 4px
}

.ant-dropdown-menu-dark,.ant-dropdown-menu-dark .ant-dropdown-menu {
    background: #1f1f1f
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item,.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,.ant-dropdown-menu-dark .ant-dropdown-menu-item>a,.ant-dropdown-menu-dark .ant-dropdown-menu-item>.anticon+span>a {
    color: #ffffffa6
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow:after,.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow:after,.ant-dropdown-menu-dark .ant-dropdown-menu-item>a .ant-dropdown-menu-submenu-arrow:after,.ant-dropdown-menu-dark .ant-dropdown-menu-item>.anticon+span>a .ant-dropdown-menu-submenu-arrow:after {
    color: #ffffffa6
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-item>a:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-item>.anticon+span>a:hover {
    color: #fff;
    background: transparent
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected>a {
    color: #fff;
    background: #00DFB0
}

.ant-dropdown-rtl {
    direction: rtl
}

.ant-dropdown-rtl.ant-dropdown:before {
    right: -7px;
    left: 0
}

.ant-dropdown-menu.ant-dropdown-menu-rtl,.ant-dropdown-rtl .ant-dropdown-menu-item-group-title,.ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title {
    direction: rtl;
    text-align: right
}

.ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl {
    transform-origin: 100% 0
}

.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul,.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li,.ant-dropdown-rtl .ant-dropdown-menu-item,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
    text-align: right
}

.ant-dropdown-rtl .ant-dropdown-menu-item>.anticon:first-child,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title>.anticon:first-child,.ant-dropdown-rtl .ant-dropdown-menu-item>span>.anticon:first-child,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title>span>.anticon:first-child {
    margin-right: 0;
    margin-left: 8px
}

.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
    right: auto;
    left: 4px
}

.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
    margin-left: 0!important;
    transform: scaleX(-1)
}

.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
    padding-right: 8px;
    padding-left: 20px
}

.ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical>.ant-dropdown-menu {
    right: 100%;
    left: 0;
    margin-right: 4px;
    margin-left: 0
}

.ant-empty {
    margin: 0 8px;
    font-size: 12px;
    line-height: 1.66667;
    text-align: center
}

.ant-empty-image {
    height: 100px;
    margin-bottom: 8px
}

.ant-empty-image img {
    height: 100%
}

.ant-empty-image svg {
    height: 100%;
    margin: auto
}

.ant-empty-footer {
    margin-top: 16px
}

.ant-empty-normal {
    margin: 32px 0;
    color: #4b4b4b
}

.ant-empty-normal .ant-empty-image {
    height: 40px
}

.ant-empty-small {
    margin: 8px 0;
    color: #4b4b4b
}

.ant-empty-small .ant-empty-image {
    height: 35px
}

.ant-empty-img-default-ellipse {
    fill: #fff;
    fill-opacity: .08
}

.ant-empty-img-default-path-1 {
    fill: #262626
}

.ant-empty-img-default-path-2 {
    fill: url(#linearGradient-1)
}

.ant-empty-img-default-path-3 {
    fill: #595959
}

.ant-empty-img-default-path-4 {
    fill: #434343
}

.ant-empty-img-default-path-5 {
    fill: #595959
}

.ant-empty-img-default-g {
    fill: #434343
}

.ant-empty-img-simple-ellipse {
    fill: #fff;
    fill-opacity: .08
}

.ant-empty-img-simple-g {
    stroke: #434343
}

.ant-empty-img-simple-path {
    fill: #262626;
    stroke: #434343
}

.ant-empty-rtl {
    direction: rtl
}

.ant-form-item .ant-upload {
    background: transparent
}

.ant-form-item .ant-upload.ant-upload-drag {
    background: rgba(255,255,255,.04)
}

.ant-form-item input[type=radio],.ant-form-item input[type=checkbox] {
    width: 14px;
    height: 14px
}

.ant-form-item .ant-radio-inline,.ant-form-item .ant-checkbox-inline {
    display: inline-block;
    margin-left: 8px;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.ant-form-item .ant-radio-inline:first-child,.ant-form-item .ant-checkbox-inline:first-child {
    margin-left: 0
}

.ant-form-item .ant-checkbox-vertical,.ant-form-item .ant-radio-vertical {
    display: block
}

.ant-form-item .ant-checkbox-vertical+.ant-checkbox-vertical,.ant-form-item .ant-radio-vertical+.ant-radio-vertical {
    margin-left: 0
}

.ant-form-item .ant-input-number+.ant-form-text {
    margin-left: 8px
}

.ant-form-item .ant-input-number-handler-wrap {
    z-index: 2
}

.ant-form-item .ant-select,.ant-form-item .ant-cascader-picker {
    width: 100%
}

.ant-form-item .ant-picker-calendar-year-select,.ant-form-item .ant-picker-calendar-month-select,.ant-form-item .ant-input-group .ant-select,.ant-form-item .ant-input-group .ant-cascader-picker,.ant-form-item .ant-input-number-group .ant-select,.ant-form-item .ant-input-number-group .ant-cascader-picker {
    width: auto
}

.ant-form-inline {
    display: flex;
    flex-wrap: wrap
}

.ant-form-inline .ant-form-item {
    flex: none;
    flex-wrap: nowrap;
    margin-right: 16px;
    margin-bottom: 0
}

.ant-form-inline .ant-form-item-with-help {
    margin-bottom: 16px
}

.ant-form-inline .ant-form-item>.ant-form-item-label,.ant-form-inline .ant-form-item>.ant-form-item-control {
    display: inline-block;
    vertical-align: top
}

.ant-form-inline .ant-form-item>.ant-form-item-label {
    flex: none
}

.ant-form-inline .ant-form-item .ant-form-text,.ant-form-inline .ant-form-item .ant-form-item-has-feedback {
    display: inline-block
}

.ant-form-horizontal .ant-form-item-label {
    flex-grow: 0
}

.ant-form-horizontal .ant-form-item-control {
    flex: 1 1;
    min-width: 0
}

.ant-form-horizontal .ant-form-item-label.ant-col-24+.ant-form-item-control {
    min-width: unset
}

.ant-form-vertical .ant-form-item {
    flex-direction: column
}

.ant-form-vertical .ant-form-item-label>label {
    height: auto
}

.ant-form-vertical .ant-form-item-label,.ant-col-24.ant-form-item-label,.ant-col-xl-24.ant-form-item-label {
    padding: 0 0 4px;
    line-height: 1.66667;
    white-space: initial;
    text-align: left
}

.ant-form-vertical .ant-form-item-label>label,.ant-col-24.ant-form-item-label>label,.ant-col-xl-24.ant-form-item-label>label {
    margin: 0
}

.ant-form-vertical .ant-form-item-label>label:after,.ant-col-24.ant-form-item-label>label:after,.ant-col-xl-24.ant-form-item-label>label:after {
    display: none
}

.ant-form-rtl.ant-form-vertical .ant-form-item-label,.ant-form-rtl.ant-col-24.ant-form-item-label,.ant-form-rtl.ant-col-xl-24.ant-form-item-label {
    text-align: right
}

@media (max-width: 575px) {
    .ant-form-item .ant-form-item-label {
        padding:0 0 4px;
        line-height: 1.66667;
        white-space: initial;
        text-align: left
    }

    .ant-form-item .ant-form-item-label>label {
        margin: 0
    }

    .ant-form-item .ant-form-item-label>label:after {
        display: none
    }

    .ant-form-rtl.ant-form-item .ant-form-item-label {
        text-align: right
    }

    .ant-form .ant-form-item {
        flex-wrap: wrap
    }

    .ant-form .ant-form-item .ant-form-item-label,.ant-form .ant-form-item .ant-form-item-control {
        flex: 0 0 100%;
        max-width: 100%
    }

    .ant-col-xs-24.ant-form-item-label {
        padding: 0 0 4px;
        line-height: 1.66667;
        white-space: initial;
        text-align: left
    }

    .ant-col-xs-24.ant-form-item-label>label {
        margin: 0
    }

    .ant-col-xs-24.ant-form-item-label>label:after {
        display: none
    }

    .ant-form-rtl.ant-col-xs-24.ant-form-item-label {
        text-align: right
    }
}

@media (max-width: 767px) {
    .ant-col-sm-24.ant-form-item-label {
        padding:0 0 4px;
        line-height: 1.66667;
        white-space: initial;
        text-align: left
    }

    .ant-col-sm-24.ant-form-item-label>label {
        margin: 0
    }

    .ant-col-sm-24.ant-form-item-label>label:after {
        display: none
    }

    .ant-form-rtl.ant-col-sm-24.ant-form-item-label {
        text-align: right
    }
}

@media (max-width: 991px) {
    .ant-col-md-24.ant-form-item-label {
        padding:0 0 4px;
        line-height: 1.66667;
        white-space: initial;
        text-align: left
    }

    .ant-col-md-24.ant-form-item-label>label {
        margin: 0
    }

    .ant-col-md-24.ant-form-item-label>label:after {
        display: none
    }

    .ant-form-rtl.ant-col-md-24.ant-form-item-label {
        text-align: right
    }
}

@media (max-width: 1199px) {
    .ant-col-lg-24.ant-form-item-label {
        padding:0 0 4px;
        line-height: 1.66667;
        white-space: initial;
        text-align: left
    }

    .ant-col-lg-24.ant-form-item-label>label {
        margin: 0
    }

    .ant-col-lg-24.ant-form-item-label>label:after {
        display: none
    }

    .ant-form-rtl.ant-col-lg-24.ant-form-item-label {
        text-align: right
    }
}

@media (max-width: 1599px) {
    .ant-col-xl-24.ant-form-item-label {
        padding:0 0 4px;
        line-height: 1.66667;
        white-space: initial;
        text-align: left
    }

    .ant-col-xl-24.ant-form-item-label>label {
        margin: 0
    }

    .ant-col-xl-24.ant-form-item-label>label:after {
        display: none
    }

    .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
        text-align: right
    }
}

.ant-form-item-explain-error {
    color: #fc4e00
}

.ant-form-item-explain-warning {
    color: #ff9800
}

.ant-form-item-has-feedback .ant-input {
    padding-right: 24px
}

.ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
    padding-right: 18px
}

.ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
    right: 28px
}

.ant-form-item-has-feedback .ant-switch {
    margin: 2px 0 4px
}

.ant-form-item-has-feedback>.ant-select .ant-select-arrow,.ant-form-item-has-feedback>.ant-select .ant-select-clear,.ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-arrow,.ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-clear,.ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-arrow,.ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-clear {
    right: 32px
}

.ant-form-item-has-feedback>.ant-select .ant-select-selection-selected-value,.ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection-selected-value,.ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-selection-selected-value {
    padding-right: 42px
}

.ant-form-item-has-feedback .ant-cascader-picker-arrow {
    margin-right: 19px
}

.ant-form-item-has-feedback .ant-cascader-picker-clear {
    right: 32px
}

.ant-form-item-has-feedback .ant-picker {
    padding-right: 22.6px
}

.ant-form-item-has-feedback .ant-picker-large {
    padding-right: 26.6px
}

.ant-form-item-has-feedback .ant-picker-small {
    padding-right: 22.6px
}

.ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,.ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,.ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,.ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    width: 28px;
    height: 20px;
    margin-top: -10px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    visibility: visible;
    animation: zoomIn .3s cubic-bezier(.12,.4,.29,1.46);
    pointer-events: none
}

.ant-form-item-has-success.ant-form-item-has-feedback .ant-form-item-children-icon {
    color: #00dfb0;
    animation-name: diffZoomIn1!important
}

.ant-form-item-has-warning .ant-form-item-split {
    color: #ff9800
}

.ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input,.ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,.ant-form-item-has-warning :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,.ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover,.ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover,.ant-form-item-has-warning :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
    background-color: #1e1e1e;
    border-color: #ff9800
}

.ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,.ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,.ant-form-item-has-warning :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,.ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused,.ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused,.ant-form-item-has-warning :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
    border-color: #ff9800;
    box-shadow: 0 0 0 2px #ff980033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
    border-color: #ff9800;
    box-shadow: 0 0 0 2px #ff980033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-form-item-has-warning .ant-input-prefix,.ant-form-item-has-warning .ant-input-number-prefix {
    color: #ff9800
}

.ant-form-item-has-warning .ant-input-group-addon,.ant-form-item-has-warning .ant-input-number-group-addon {
    color: #ff9800;
    border-color: #ff9800
}

.ant-form-item-has-warning .has-feedback {
    color: #ff9800
}

.ant-form-item-has-warning.ant-form-item-has-feedback .ant-form-item-children-icon {
    color: #ff9800;
    animation-name: diffZoomIn3!important
}

.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
    background-color: #1e1e1e;
    border-color: #ff9800!important
}

.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector,.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector {
    border-color: #ff9800;
    box-shadow: 0 0 0 2px #ff980033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-form-item-has-warning .ant-input-number,.ant-form-item-has-warning .ant-picker {
    background-color: #1e1e1e;
    border-color: #ff9800
}

.ant-form-item-has-warning .ant-input-number-focused,.ant-form-item-has-warning .ant-picker-focused,.ant-form-item-has-warning .ant-input-number:focus,.ant-form-item-has-warning .ant-picker:focus {
    border-color: #ff9800;
    box-shadow: 0 0 0 2px #ff980033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-form-item-has-warning .ant-input-number:not([disabled]):hover,.ant-form-item-has-warning .ant-picker:not([disabled]):hover {
    background-color: #1e1e1e;
    border-color: #ff9800
}

.ant-form-item-has-warning .ant-cascader-picker:focus .ant-cascader-input {
    border-color: #ff9800;
    box-shadow: 0 0 0 2px #ff980033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-form-item-has-error .ant-form-item-split {
    color: #fc4e00
}

.ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input,.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,.ant-form-item-has-error :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,.ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover,.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover,.ant-form-item-has-error :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
    background-color: #1e1e1e;
    border-color: #fc4e00
}

.ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,.ant-form-item-has-error :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,.ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused,.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused,.ant-form-item-has-error :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
    border-color: #fc4e00;
    box-shadow: 0 0 0 2px #fc4e0033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input {
    border-color: #fc4e00;
    box-shadow: 0 0 0 2px #fc4e0033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-form-item-has-error .ant-input-prefix,.ant-form-item-has-error .ant-input-number-prefix {
    color: #fc4e00
}

.ant-form-item-has-error .ant-input-group-addon,.ant-form-item-has-error .ant-input-number-group-addon {
    color: #fc4e00;
    border-color: #fc4e00
}

.ant-form-item-has-error .has-feedback {
    color: #fc4e00
}

.ant-form-item-has-error.ant-form-item-has-feedback .ant-form-item-children-icon {
    color: #fc4e00;
    animation-name: diffZoomIn2!important
}

.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
    background-color: #1e1e1e;
    border-color: #fc4e00!important
}

.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector,.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector {
    border-color: #fc4e00;
    box-shadow: 0 0 0 2px #fc4e0033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-form-item-has-error .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector,.ant-form-item-has-error .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    background-color: inherit;
    border: 0;
    box-shadow: none
}

.ant-form-item-has-error .ant-select.ant-select-auto-complete .ant-input:focus {
    border-color: #fc4e00
}

.ant-form-item-has-error .ant-input-number,.ant-form-item-has-error .ant-picker {
    background-color: #1e1e1e;
    border-color: #fc4e00
}

.ant-form-item-has-error .ant-input-number-focused,.ant-form-item-has-error .ant-picker-focused,.ant-form-item-has-error .ant-input-number:focus,.ant-form-item-has-error .ant-picker:focus {
    border-color: #fc4e00;
    box-shadow: 0 0 0 2px #fc4e0033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-form-item-has-error .ant-input-number:not([disabled]):hover,.ant-form-item-has-error .ant-picker:not([disabled]):hover {
    background-color: #1e1e1e;
    border-color: #fc4e00
}

.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor,.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
    background-color: #1e1e1e;
    border-color: #fc4e00
}

.ant-form-item-has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
    border-color: #fc4e00;
    box-shadow: 0 0 0 2px #fc4e0033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-form-item-has-error .ant-cascader-picker:hover .ant-cascader-picker-label:hover+.ant-cascader-input.ant-input {
    border-color: #fc4e00
}

.ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input {
    background-color: #1e1e1e;
    border-color: #fc4e00;
    box-shadow: 0 0 0 2px #fc4e0033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-form-item-has-error .ant-transfer-list {
    border-color: #fc4e00
}

.ant-form-item-has-error .ant-transfer-list-search:not([disabled]) {
    border-color: #464646
}

.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-input-rtl .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus {
    border-color: #00dfb0;
    box-shadow: 0 0 0 2px #00dfb033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-input-rtl .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-form-item-has-error .ant-radio-button-wrapper {
    border-color: #fc4e00!important
}

.ant-form-item-has-error .ant-radio-button-wrapper:not(:first-child):before {
    background-color: #fc4e00
}

.ant-form-item-has-error .ant-mentions {
    border-color: #fc4e00!important
}

.ant-form-item-has-error .ant-mentions-focused,.ant-form-item-has-error .ant-mentions:focus {
    border-color: #fc4e00;
    box-shadow: 0 0 0 2px #fc4e0033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-form-item-is-validating.ant-form-item-has-feedback .ant-form-item-children-icon {
    display: inline-block;
    color: #00dfb0
}

.ant-form {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum"
}

.ant-form legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
    color: #969696;
    font-size: 14px;
    line-height: inherit;
    border: 0;
    border-bottom: 1px solid #4B4B4B
}

.ant-form label {
    font-size: 12px
}

.ant-form input[type=search] {
    box-sizing: border-box
}

.ant-form input[type=radio],.ant-form input[type=checkbox] {
    line-height: normal
}

.ant-form input[type=file] {
    display: block
}

.ant-form input[type=range] {
    display: block;
    width: 100%
}

.ant-form select[multiple],.ant-form select[size] {
    height: auto
}

.ant-form input[type=file]:focus,.ant-form input[type=radio]:focus,.ant-form input[type=checkbox]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.ant-form output {
    display: block;
    padding-top: 15px;
    color: #b4b4b4;
    font-size: 12px;
    line-height: 1.66667
}

.ant-form .ant-form-text {
    display: inline-block;
    padding-right: 8px
}

.ant-form-small .ant-form-item-label>label {
    height: 24px
}

.ant-form-small .ant-form-item-control-input {
    min-height: 24px
}

.ant-form-large .ant-form-item-label>label {
    height: 40px
}

.ant-form-large .ant-form-item-control-input {
    min-height: 40px
}

.ant-form-item {
    box-sizing: border-box;
    margin: 0 0 16px;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    vertical-align: top;
    transition: margin-bottom .3s 17ms linear
}

.ant-form-item-with-help {
    margin-bottom: 0;
    transition: none
}

.ant-form-item-hidden,.ant-form-item-hidden.ant-row {
    display: none
}

.ant-form-item-label {
    display: inline-block;
    flex-grow: 0;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
    vertical-align: middle
}

.ant-form-item-label-left {
    text-align: left
}

.ant-form-item-label-wrap {
    overflow: unset;
    line-height: 1.41667em;
    white-space: unset
}

.ant-form-item-label>label {
    position: relative;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    height: 28px;
    color: #fff;
    font-size: 12px
}

.ant-form-item-label>label>.anticon {
    font-size: 12px;
    vertical-align: top
}

.ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
    display: inline-block;
    margin-right: 4px;
    color: #a61d24;
    font-size: 12px;
    font-family: SimSun,sans-serif;
    line-height: 1;
    content: "*"
}

.ant-form-hide-required-mark .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
    display: none
}

.ant-form-item-label>label .ant-form-item-optional {
    display: inline-block;
    margin-left: 0;
    color: #969696
}

.ant-form-hide-required-mark .ant-form-item-label>label .ant-form-item-optional {
    display: none
}

.ant-form-item-label>label .ant-form-item-tooltip {
    color: #969696;
    cursor: help;
    writing-mode: horizontal-tb;
    margin-inline-start:0px}

.ant-form-item-label>label:after {
    content: ":";
    position: relative;
    top: -.5px;
    margin: 0 8px 0 2px
}

.ant-form-item-label>label.ant-form-item-no-colon:after {
    content: " "
}

.ant-form-item-control {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.ant-form-item-control:first-child:not([class^="ant-col-"]):not([class*=" ant-col-"]) {
    width: 100%
}

.ant-form-item-control-input {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 28px
}

.ant-form-item-control-input-content {
    flex: auto;
    max-width: 100%
}

.ant-form-item-explain,.ant-form-item-extra {
    clear: both;
    color: #969696;
    font-size: 12px;
    line-height: 1.66667;
    transition: color .3s cubic-bezier(.215,.61,.355,1);
    margin-top: -2px;
    margin-bottom: -2px
}

.ant-form-item-explain-connected {
    height: 0;
    min-height: 0;
    opacity: 0
}

.ant-form-item-extra {
    min-height: 16px
}

.ant-form-item .ant-input-textarea-show-count:after {
    margin-bottom: -22px
}

.ant-form-item-with-help .ant-form-item-explain {
    height: auto;
    min-height: 16px;
    opacity: 1
}

.ant-show-help {
    transition: height .3s linear,min-height .3s linear,margin-bottom .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1)
}

.ant-show-help-leave {
    min-height: 16px
}

.ant-show-help-leave-active {
    min-height: 0
}

.ant-show-help-item {
    overflow: hidden;
    transition: height .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1)!important
}

.ant-show-help-item-appear,.ant-show-help-item-enter {
    transform: translateY(-5px);
    opacity: 0
}

.ant-show-help-item-appear-active,.ant-show-help-item-enter-active {
    transform: translateY(0);
    opacity: 1
}

.ant-show-help-item-leave-active {
    transform: translateY(-5px)
}

@keyframes diffZoomIn1 {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes diffZoomIn2 {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes diffZoomIn3 {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.ant-form-rtl {
    direction: rtl
}

.ant-form-rtl .ant-form-item-label {
    text-align: left
}

.ant-form-rtl .ant-form-item-label>label.ant-form-item-required:before {
    margin-right: 0;
    margin-left: 4px
}

.ant-form-rtl .ant-form-item-label>label:after {
    margin: 0 2px 0 8px
}

.ant-form-rtl .ant-form-item-label>label .ant-form-item-optional {
    margin-right: 0;
    margin-left: 0
}

.ant-col-rtl .ant-form-item-control:first-child {
    width: 100%
}

.ant-form-rtl .ant-form-item-has-feedback .ant-input {
    padding-right: 7px;
    padding-left: 24px
}

.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
    padding-right: 7px;
    padding-left: 18px
}

.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input,.ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number {
    padding: 0
}

.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
    right: auto;
    left: 28px
}

.ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
    padding-left: 18px
}

.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-arrow,.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-clear,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-arrow,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-clear,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-arrow,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-clear {
    right: auto;
    left: 32px
}

.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-selection-selected-value,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection-selected-value,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-selection-selected-value {
    padding-right: 0;
    padding-left: 42px
}

.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
    margin-right: 0;
    margin-left: 19px
}

.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
    right: auto;
    left: 32px
}

.ant-form-rtl .ant-form-item-has-feedback .ant-picker {
    padding-right: 7px;
    padding-left: 22.6px
}

.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
    padding-right: 11px;
    padding-left: 26.6px
}

.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
    padding-right: 7px;
    padding-left: 22.6px
}

.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
    right: auto;
    left: 0
}

.ant-form-rtl.ant-form-inline .ant-form-item {
    margin-right: 0;
    margin-left: 16px
}

.ant-row {
    display: flex;
    flex-flow: row wrap
}

.ant-row:before,.ant-row:after {
    display: flex
}

.ant-row-no-wrap {
    flex-wrap: nowrap
}

.ant-row-start {
    justify-content: flex-start
}

.ant-row-center {
    justify-content: center
}

.ant-row-end {
    justify-content: flex-end
}

.ant-row-space-between {
    justify-content: space-between
}

.ant-row-space-around {
    justify-content: space-around
}

.ant-row-top {
    align-items: flex-start
}

.ant-row-middle {
    align-items: center
}

.ant-row-bottom {
    align-items: flex-end
}

.ant-col {
    position: relative;
    max-width: 100%;
    min-height: 1px
}

.ant-col-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%
}

.ant-col-push-24 {
    left: 100%
}

.ant-col-pull-24 {
    right: 100%
}

.ant-col-offset-24 {
    margin-left: 100%
}

.ant-col-order-24 {
    order: 24
}

.ant-col-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%
}

.ant-col-push-23 {
    left: 95.83333333%
}

.ant-col-pull-23 {
    right: 95.83333333%
}

.ant-col-offset-23 {
    margin-left: 95.83333333%
}

.ant-col-order-23 {
    order: 23
}

.ant-col-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.ant-col-push-22 {
    left: 91.66666667%
}

.ant-col-pull-22 {
    right: 91.66666667%
}

.ant-col-offset-22 {
    margin-left: 91.66666667%
}

.ant-col-order-22 {
    order: 22
}

.ant-col-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%
}

.ant-col-push-21 {
    left: 87.5%
}

.ant-col-pull-21 {
    right: 87.5%
}

.ant-col-offset-21 {
    margin-left: 87.5%
}

.ant-col-order-21 {
    order: 21
}

.ant-col-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.ant-col-push-20 {
    left: 83.33333333%
}

.ant-col-pull-20 {
    right: 83.33333333%
}

.ant-col-offset-20 {
    margin-left: 83.33333333%
}

.ant-col-order-20 {
    order: 20
}

.ant-col-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%
}

.ant-col-push-19 {
    left: 79.16666667%
}

.ant-col-pull-19 {
    right: 79.16666667%
}

.ant-col-offset-19 {
    margin-left: 79.16666667%
}

.ant-col-order-19 {
    order: 19
}

.ant-col-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%
}

.ant-col-push-18 {
    left: 75%
}

.ant-col-pull-18 {
    right: 75%
}

.ant-col-offset-18 {
    margin-left: 75%
}

.ant-col-order-18 {
    order: 18
}

.ant-col-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%
}

.ant-col-push-17 {
    left: 70.83333333%
}

.ant-col-pull-17 {
    right: 70.83333333%
}

.ant-col-offset-17 {
    margin-left: 70.83333333%
}

.ant-col-order-17 {
    order: 17
}

.ant-col-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.ant-col-push-16 {
    left: 66.66666667%
}

.ant-col-pull-16 {
    right: 66.66666667%
}

.ant-col-offset-16 {
    margin-left: 66.66666667%
}

.ant-col-order-16 {
    order: 16
}

.ant-col-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%
}

.ant-col-push-15 {
    left: 62.5%
}

.ant-col-pull-15 {
    right: 62.5%
}

.ant-col-offset-15 {
    margin-left: 62.5%
}

.ant-col-order-15 {
    order: 15
}

.ant-col-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.ant-col-push-14 {
    left: 58.33333333%
}

.ant-col-pull-14 {
    right: 58.33333333%
}

.ant-col-offset-14 {
    margin-left: 58.33333333%
}

.ant-col-order-14 {
    order: 14
}

.ant-col-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%
}

.ant-col-push-13 {
    left: 54.16666667%
}

.ant-col-pull-13 {
    right: 54.16666667%
}

.ant-col-offset-13 {
    margin-left: 54.16666667%
}

.ant-col-order-13 {
    order: 13
}

.ant-col-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%
}

.ant-col-push-12 {
    left: 50%
}

.ant-col-pull-12 {
    right: 50%
}

.ant-col-offset-12 {
    margin-left: 50%
}

.ant-col-order-12 {
    order: 12
}

.ant-col-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%
}

.ant-col-push-11 {
    left: 45.83333333%
}

.ant-col-pull-11 {
    right: 45.83333333%
}

.ant-col-offset-11 {
    margin-left: 45.83333333%
}

.ant-col-order-11 {
    order: 11
}

.ant-col-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.ant-col-push-10 {
    left: 41.66666667%
}

.ant-col-pull-10 {
    right: 41.66666667%
}

.ant-col-offset-10 {
    margin-left: 41.66666667%
}

.ant-col-order-10 {
    order: 10
}

.ant-col-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%
}

.ant-col-push-9 {
    left: 37.5%
}

.ant-col-pull-9 {
    right: 37.5%
}

.ant-col-offset-9 {
    margin-left: 37.5%
}

.ant-col-order-9 {
    order: 9
}

.ant-col-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.ant-col-push-8 {
    left: 33.33333333%
}

.ant-col-pull-8 {
    right: 33.33333333%
}

.ant-col-offset-8 {
    margin-left: 33.33333333%
}

.ant-col-order-8 {
    order: 8
}

.ant-col-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%
}

.ant-col-push-7 {
    left: 29.16666667%
}

.ant-col-pull-7 {
    right: 29.16666667%
}

.ant-col-offset-7 {
    margin-left: 29.16666667%
}

.ant-col-order-7 {
    order: 7
}

.ant-col-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%
}

.ant-col-push-6 {
    left: 25%
}

.ant-col-pull-6 {
    right: 25%
}

.ant-col-offset-6 {
    margin-left: 25%
}

.ant-col-order-6 {
    order: 6
}

.ant-col-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%
}

.ant-col-push-5 {
    left: 20.83333333%
}

.ant-col-pull-5 {
    right: 20.83333333%
}

.ant-col-offset-5 {
    margin-left: 20.83333333%
}

.ant-col-order-5 {
    order: 5
}

.ant-col-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.ant-col-push-4 {
    left: 16.66666667%
}

.ant-col-pull-4 {
    right: 16.66666667%
}

.ant-col-offset-4 {
    margin-left: 16.66666667%
}

.ant-col-order-4 {
    order: 4
}

.ant-col-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.ant-col-push-3 {
    left: 12.5%
}

.ant-col-pull-3 {
    right: 12.5%
}

.ant-col-offset-3 {
    margin-left: 12.5%
}

.ant-col-order-3 {
    order: 3
}

.ant-col-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.ant-col-push-2 {
    left: 8.33333333%
}

.ant-col-pull-2 {
    right: 8.33333333%
}

.ant-col-offset-2 {
    margin-left: 8.33333333%
}

.ant-col-order-2 {
    order: 2
}

.ant-col-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%
}

.ant-col-push-1 {
    left: 4.16666667%
}

.ant-col-pull-1 {
    right: 4.16666667%
}

.ant-col-offset-1 {
    margin-left: 4.16666667%
}

.ant-col-order-1 {
    order: 1
}

.ant-col-0 {
    display: none
}

.ant-col-offset-0 {
    margin-left: 0
}

.ant-col-order-0 {
    order: 0
}

.ant-col-offset-0.ant-col-rtl {
    margin-right: 0
}

.ant-col-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto
}

.ant-col-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%
}

.ant-col-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0
}

.ant-col-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto
}

.ant-col-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%
}

.ant-col-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0
}

.ant-col-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto
}

.ant-col-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%
}

.ant-col-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0
}

.ant-col-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto
}

.ant-col-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%
}

.ant-col-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0
}

.ant-col-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto
}

.ant-col-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%
}

.ant-col-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0
}

.ant-col-push-6.ant-col-rtl {
    right: 25%;
    left: auto
}

.ant-col-pull-6.ant-col-rtl {
    right: auto;
    left: 25%
}

.ant-col-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0
}

.ant-col-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto
}

.ant-col-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%
}

.ant-col-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0
}

.ant-col-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto
}

.ant-col-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%
}

.ant-col-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0
}

.ant-col-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto
}

.ant-col-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%
}

.ant-col-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0
}

.ant-col-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto
}

.ant-col-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%
}

.ant-col-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0
}

.ant-col-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto
}

.ant-col-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%
}

.ant-col-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0
}

.ant-col-push-12.ant-col-rtl {
    right: 50%;
    left: auto
}

.ant-col-pull-12.ant-col-rtl {
    right: auto;
    left: 50%
}

.ant-col-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0
}

.ant-col-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto
}

.ant-col-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%
}

.ant-col-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0
}

.ant-col-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto
}

.ant-col-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%
}

.ant-col-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0
}

.ant-col-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto
}

.ant-col-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%
}

.ant-col-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0
}

.ant-col-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto
}

.ant-col-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%
}

.ant-col-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0
}

.ant-col-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto
}

.ant-col-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%
}

.ant-col-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0
}

.ant-col-push-18.ant-col-rtl {
    right: 75%;
    left: auto
}

.ant-col-pull-18.ant-col-rtl {
    right: auto;
    left: 75%
}

.ant-col-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0
}

.ant-col-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto
}

.ant-col-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%
}

.ant-col-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0
}

.ant-col-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto
}

.ant-col-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%
}

.ant-col-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0
}

.ant-col-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto
}

.ant-col-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%
}

.ant-col-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0
}

.ant-col-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto
}

.ant-col-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%
}

.ant-col-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0
}

.ant-col-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto
}

.ant-col-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%
}

.ant-col-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0
}

.ant-col-push-24.ant-col-rtl {
    right: 100%;
    left: auto
}

.ant-col-pull-24.ant-col-rtl {
    right: auto;
    left: 100%
}

.ant-col-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0
}

.ant-col-xs-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%
}

.ant-col-xs-push-24 {
    left: 100%
}

.ant-col-xs-pull-24 {
    right: 100%
}

.ant-col-xs-offset-24 {
    margin-left: 100%
}

.ant-col-xs-order-24 {
    order: 24
}

.ant-col-xs-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%
}

.ant-col-xs-push-23 {
    left: 95.83333333%
}

.ant-col-xs-pull-23 {
    right: 95.83333333%
}

.ant-col-xs-offset-23 {
    margin-left: 95.83333333%
}

.ant-col-xs-order-23 {
    order: 23
}

.ant-col-xs-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.ant-col-xs-push-22 {
    left: 91.66666667%
}

.ant-col-xs-pull-22 {
    right: 91.66666667%
}

.ant-col-xs-offset-22 {
    margin-left: 91.66666667%
}

.ant-col-xs-order-22 {
    order: 22
}

.ant-col-xs-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%
}

.ant-col-xs-push-21 {
    left: 87.5%
}

.ant-col-xs-pull-21 {
    right: 87.5%
}

.ant-col-xs-offset-21 {
    margin-left: 87.5%
}

.ant-col-xs-order-21 {
    order: 21
}

.ant-col-xs-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.ant-col-xs-push-20 {
    left: 83.33333333%
}

.ant-col-xs-pull-20 {
    right: 83.33333333%
}

.ant-col-xs-offset-20 {
    margin-left: 83.33333333%
}

.ant-col-xs-order-20 {
    order: 20
}

.ant-col-xs-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%
}

.ant-col-xs-push-19 {
    left: 79.16666667%
}

.ant-col-xs-pull-19 {
    right: 79.16666667%
}

.ant-col-xs-offset-19 {
    margin-left: 79.16666667%
}

.ant-col-xs-order-19 {
    order: 19
}

.ant-col-xs-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%
}

.ant-col-xs-push-18 {
    left: 75%
}

.ant-col-xs-pull-18 {
    right: 75%
}

.ant-col-xs-offset-18 {
    margin-left: 75%
}

.ant-col-xs-order-18 {
    order: 18
}

.ant-col-xs-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%
}

.ant-col-xs-push-17 {
    left: 70.83333333%
}

.ant-col-xs-pull-17 {
    right: 70.83333333%
}

.ant-col-xs-offset-17 {
    margin-left: 70.83333333%
}

.ant-col-xs-order-17 {
    order: 17
}

.ant-col-xs-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.ant-col-xs-push-16 {
    left: 66.66666667%
}

.ant-col-xs-pull-16 {
    right: 66.66666667%
}

.ant-col-xs-offset-16 {
    margin-left: 66.66666667%
}

.ant-col-xs-order-16 {
    order: 16
}

.ant-col-xs-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%
}

.ant-col-xs-push-15 {
    left: 62.5%
}

.ant-col-xs-pull-15 {
    right: 62.5%
}

.ant-col-xs-offset-15 {
    margin-left: 62.5%
}

.ant-col-xs-order-15 {
    order: 15
}

.ant-col-xs-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.ant-col-xs-push-14 {
    left: 58.33333333%
}

.ant-col-xs-pull-14 {
    right: 58.33333333%
}

.ant-col-xs-offset-14 {
    margin-left: 58.33333333%
}

.ant-col-xs-order-14 {
    order: 14
}

.ant-col-xs-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%
}

.ant-col-xs-push-13 {
    left: 54.16666667%
}

.ant-col-xs-pull-13 {
    right: 54.16666667%
}

.ant-col-xs-offset-13 {
    margin-left: 54.16666667%
}

.ant-col-xs-order-13 {
    order: 13
}

.ant-col-xs-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%
}

.ant-col-xs-push-12 {
    left: 50%
}

.ant-col-xs-pull-12 {
    right: 50%
}

.ant-col-xs-offset-12 {
    margin-left: 50%
}

.ant-col-xs-order-12 {
    order: 12
}

.ant-col-xs-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%
}

.ant-col-xs-push-11 {
    left: 45.83333333%
}

.ant-col-xs-pull-11 {
    right: 45.83333333%
}

.ant-col-xs-offset-11 {
    margin-left: 45.83333333%
}

.ant-col-xs-order-11 {
    order: 11
}

.ant-col-xs-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.ant-col-xs-push-10 {
    left: 41.66666667%
}

.ant-col-xs-pull-10 {
    right: 41.66666667%
}

.ant-col-xs-offset-10 {
    margin-left: 41.66666667%
}

.ant-col-xs-order-10 {
    order: 10
}

.ant-col-xs-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%
}

.ant-col-xs-push-9 {
    left: 37.5%
}

.ant-col-xs-pull-9 {
    right: 37.5%
}

.ant-col-xs-offset-9 {
    margin-left: 37.5%
}

.ant-col-xs-order-9 {
    order: 9
}

.ant-col-xs-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.ant-col-xs-push-8 {
    left: 33.33333333%
}

.ant-col-xs-pull-8 {
    right: 33.33333333%
}

.ant-col-xs-offset-8 {
    margin-left: 33.33333333%
}

.ant-col-xs-order-8 {
    order: 8
}

.ant-col-xs-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%
}

.ant-col-xs-push-7 {
    left: 29.16666667%
}

.ant-col-xs-pull-7 {
    right: 29.16666667%
}

.ant-col-xs-offset-7 {
    margin-left: 29.16666667%
}

.ant-col-xs-order-7 {
    order: 7
}

.ant-col-xs-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%
}

.ant-col-xs-push-6 {
    left: 25%
}

.ant-col-xs-pull-6 {
    right: 25%
}

.ant-col-xs-offset-6 {
    margin-left: 25%
}

.ant-col-xs-order-6 {
    order: 6
}

.ant-col-xs-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%
}

.ant-col-xs-push-5 {
    left: 20.83333333%
}

.ant-col-xs-pull-5 {
    right: 20.83333333%
}

.ant-col-xs-offset-5 {
    margin-left: 20.83333333%
}

.ant-col-xs-order-5 {
    order: 5
}

.ant-col-xs-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.ant-col-xs-push-4 {
    left: 16.66666667%
}

.ant-col-xs-pull-4 {
    right: 16.66666667%
}

.ant-col-xs-offset-4 {
    margin-left: 16.66666667%
}

.ant-col-xs-order-4 {
    order: 4
}

.ant-col-xs-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.ant-col-xs-push-3 {
    left: 12.5%
}

.ant-col-xs-pull-3 {
    right: 12.5%
}

.ant-col-xs-offset-3 {
    margin-left: 12.5%
}

.ant-col-xs-order-3 {
    order: 3
}

.ant-col-xs-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.ant-col-xs-push-2 {
    left: 8.33333333%
}

.ant-col-xs-pull-2 {
    right: 8.33333333%
}

.ant-col-xs-offset-2 {
    margin-left: 8.33333333%
}

.ant-col-xs-order-2 {
    order: 2
}

.ant-col-xs-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%
}

.ant-col-xs-push-1 {
    left: 4.16666667%
}

.ant-col-xs-pull-1 {
    right: 4.16666667%
}

.ant-col-xs-offset-1 {
    margin-left: 4.16666667%
}

.ant-col-xs-order-1 {
    order: 1
}

.ant-col-xs-0 {
    display: none
}

.ant-col-push-0 {
    left: auto
}

.ant-col-pull-0 {
    right: auto
}

.ant-col-xs-push-0 {
    left: auto
}

.ant-col-xs-pull-0 {
    right: auto
}

.ant-col-xs-offset-0 {
    margin-left: 0
}

.ant-col-xs-order-0 {
    order: 0
}

.ant-col-push-0.ant-col-rtl {
    right: auto
}

.ant-col-pull-0.ant-col-rtl {
    left: auto
}

.ant-col-xs-push-0.ant-col-rtl {
    right: auto
}

.ant-col-xs-pull-0.ant-col-rtl {
    left: auto
}

.ant-col-xs-offset-0.ant-col-rtl {
    margin-right: 0
}

.ant-col-xs-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto
}

.ant-col-xs-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%
}

.ant-col-xs-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0
}

.ant-col-xs-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto
}

.ant-col-xs-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%
}

.ant-col-xs-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0
}

.ant-col-xs-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto
}

.ant-col-xs-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%
}

.ant-col-xs-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0
}

.ant-col-xs-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto
}

.ant-col-xs-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%
}

.ant-col-xs-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0
}

.ant-col-xs-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto
}

.ant-col-xs-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%
}

.ant-col-xs-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0
}

.ant-col-xs-push-6.ant-col-rtl {
    right: 25%;
    left: auto
}

.ant-col-xs-pull-6.ant-col-rtl {
    right: auto;
    left: 25%
}

.ant-col-xs-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0
}

.ant-col-xs-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto
}

.ant-col-xs-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%
}

.ant-col-xs-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0
}

.ant-col-xs-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto
}

.ant-col-xs-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%
}

.ant-col-xs-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0
}

.ant-col-xs-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto
}

.ant-col-xs-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%
}

.ant-col-xs-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0
}

.ant-col-xs-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto
}

.ant-col-xs-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%
}

.ant-col-xs-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0
}

.ant-col-xs-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto
}

.ant-col-xs-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%
}

.ant-col-xs-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0
}

.ant-col-xs-push-12.ant-col-rtl {
    right: 50%;
    left: auto
}

.ant-col-xs-pull-12.ant-col-rtl {
    right: auto;
    left: 50%
}

.ant-col-xs-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0
}

.ant-col-xs-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto
}

.ant-col-xs-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%
}

.ant-col-xs-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0
}

.ant-col-xs-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto
}

.ant-col-xs-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%
}

.ant-col-xs-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0
}

.ant-col-xs-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto
}

.ant-col-xs-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%
}

.ant-col-xs-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0
}

.ant-col-xs-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto
}

.ant-col-xs-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%
}

.ant-col-xs-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0
}

.ant-col-xs-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto
}

.ant-col-xs-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%
}

.ant-col-xs-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0
}

.ant-col-xs-push-18.ant-col-rtl {
    right: 75%;
    left: auto
}

.ant-col-xs-pull-18.ant-col-rtl {
    right: auto;
    left: 75%
}

.ant-col-xs-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0
}

.ant-col-xs-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto
}

.ant-col-xs-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%
}

.ant-col-xs-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0
}

.ant-col-xs-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto
}

.ant-col-xs-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%
}

.ant-col-xs-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0
}

.ant-col-xs-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto
}

.ant-col-xs-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%
}

.ant-col-xs-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0
}

.ant-col-xs-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto
}

.ant-col-xs-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%
}

.ant-col-xs-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0
}

.ant-col-xs-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto
}

.ant-col-xs-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%
}

.ant-col-xs-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0
}

.ant-col-xs-push-24.ant-col-rtl {
    right: 100%;
    left: auto
}

.ant-col-xs-pull-24.ant-col-rtl {
    right: auto;
    left: 100%
}

.ant-col-xs-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0
}

@media (min-width: 576px) {
    .ant-col-sm-24 {
        display:block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ant-col-sm-push-24 {
        left: 100%
    }

    .ant-col-sm-pull-24 {
        right: 100%
    }

    .ant-col-sm-offset-24 {
        margin-left: 100%
    }

    .ant-col-sm-order-24 {
        order: 24
    }

    .ant-col-sm-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .ant-col-sm-push-23 {
        left: 95.83333333%
    }

    .ant-col-sm-pull-23 {
        right: 95.83333333%
    }

    .ant-col-sm-offset-23 {
        margin-left: 95.83333333%
    }

    .ant-col-sm-order-23 {
        order: 23
    }

    .ant-col-sm-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .ant-col-sm-push-22 {
        left: 91.66666667%
    }

    .ant-col-sm-pull-22 {
        right: 91.66666667%
    }

    .ant-col-sm-offset-22 {
        margin-left: 91.66666667%
    }

    .ant-col-sm-order-22 {
        order: 22
    }

    .ant-col-sm-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .ant-col-sm-push-21 {
        left: 87.5%
    }

    .ant-col-sm-pull-21 {
        right: 87.5%
    }

    .ant-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .ant-col-sm-order-21 {
        order: 21
    }

    .ant-col-sm-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .ant-col-sm-push-20 {
        left: 83.33333333%
    }

    .ant-col-sm-pull-20 {
        right: 83.33333333%
    }

    .ant-col-sm-offset-20 {
        margin-left: 83.33333333%
    }

    .ant-col-sm-order-20 {
        order: 20
    }

    .ant-col-sm-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .ant-col-sm-push-19 {
        left: 79.16666667%
    }

    .ant-col-sm-pull-19 {
        right: 79.16666667%
    }

    .ant-col-sm-offset-19 {
        margin-left: 79.16666667%
    }

    .ant-col-sm-order-19 {
        order: 19
    }

    .ant-col-sm-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ant-col-sm-push-18 {
        left: 75%
    }

    .ant-col-sm-pull-18 {
        right: 75%
    }

    .ant-col-sm-offset-18 {
        margin-left: 75%
    }

    .ant-col-sm-order-18 {
        order: 18
    }

    .ant-col-sm-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .ant-col-sm-push-17 {
        left: 70.83333333%
    }

    .ant-col-sm-pull-17 {
        right: 70.83333333%
    }

    .ant-col-sm-offset-17 {
        margin-left: 70.83333333%
    }

    .ant-col-sm-order-17 {
        order: 17
    }

    .ant-col-sm-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .ant-col-sm-push-16 {
        left: 66.66666667%
    }

    .ant-col-sm-pull-16 {
        right: 66.66666667%
    }

    .ant-col-sm-offset-16 {
        margin-left: 66.66666667%
    }

    .ant-col-sm-order-16 {
        order: 16
    }

    .ant-col-sm-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .ant-col-sm-push-15 {
        left: 62.5%
    }

    .ant-col-sm-pull-15 {
        right: 62.5%
    }

    .ant-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .ant-col-sm-order-15 {
        order: 15
    }

    .ant-col-sm-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .ant-col-sm-push-14 {
        left: 58.33333333%
    }

    .ant-col-sm-pull-14 {
        right: 58.33333333%
    }

    .ant-col-sm-offset-14 {
        margin-left: 58.33333333%
    }

    .ant-col-sm-order-14 {
        order: 14
    }

    .ant-col-sm-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .ant-col-sm-push-13 {
        left: 54.16666667%
    }

    .ant-col-sm-pull-13 {
        right: 54.16666667%
    }

    .ant-col-sm-offset-13 {
        margin-left: 54.16666667%
    }

    .ant-col-sm-order-13 {
        order: 13
    }

    .ant-col-sm-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ant-col-sm-push-12 {
        left: 50%
    }

    .ant-col-sm-pull-12 {
        right: 50%
    }

    .ant-col-sm-offset-12 {
        margin-left: 50%
    }

    .ant-col-sm-order-12 {
        order: 12
    }

    .ant-col-sm-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .ant-col-sm-push-11 {
        left: 45.83333333%
    }

    .ant-col-sm-pull-11 {
        right: 45.83333333%
    }

    .ant-col-sm-offset-11 {
        margin-left: 45.83333333%
    }

    .ant-col-sm-order-11 {
        order: 11
    }

    .ant-col-sm-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .ant-col-sm-push-10 {
        left: 41.66666667%
    }

    .ant-col-sm-pull-10 {
        right: 41.66666667%
    }

    .ant-col-sm-offset-10 {
        margin-left: 41.66666667%
    }

    .ant-col-sm-order-10 {
        order: 10
    }

    .ant-col-sm-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .ant-col-sm-push-9 {
        left: 37.5%
    }

    .ant-col-sm-pull-9 {
        right: 37.5%
    }

    .ant-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .ant-col-sm-order-9 {
        order: 9
    }

    .ant-col-sm-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .ant-col-sm-push-8 {
        left: 33.33333333%
    }

    .ant-col-sm-pull-8 {
        right: 33.33333333%
    }

    .ant-col-sm-offset-8 {
        margin-left: 33.33333333%
    }

    .ant-col-sm-order-8 {
        order: 8
    }

    .ant-col-sm-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .ant-col-sm-push-7 {
        left: 29.16666667%
    }

    .ant-col-sm-pull-7 {
        right: 29.16666667%
    }

    .ant-col-sm-offset-7 {
        margin-left: 29.16666667%
    }

    .ant-col-sm-order-7 {
        order: 7
    }

    .ant-col-sm-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ant-col-sm-push-6 {
        left: 25%
    }

    .ant-col-sm-pull-6 {
        right: 25%
    }

    .ant-col-sm-offset-6 {
        margin-left: 25%
    }

    .ant-col-sm-order-6 {
        order: 6
    }

    .ant-col-sm-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .ant-col-sm-push-5 {
        left: 20.83333333%
    }

    .ant-col-sm-pull-5 {
        right: 20.83333333%
    }

    .ant-col-sm-offset-5 {
        margin-left: 20.83333333%
    }

    .ant-col-sm-order-5 {
        order: 5
    }

    .ant-col-sm-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .ant-col-sm-push-4 {
        left: 16.66666667%
    }

    .ant-col-sm-pull-4 {
        right: 16.66666667%
    }

    .ant-col-sm-offset-4 {
        margin-left: 16.66666667%
    }

    .ant-col-sm-order-4 {
        order: 4
    }

    .ant-col-sm-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .ant-col-sm-push-3 {
        left: 12.5%
    }

    .ant-col-sm-pull-3 {
        right: 12.5%
    }

    .ant-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .ant-col-sm-order-3 {
        order: 3
    }

    .ant-col-sm-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .ant-col-sm-push-2 {
        left: 8.33333333%
    }

    .ant-col-sm-pull-2 {
        right: 8.33333333%
    }

    .ant-col-sm-offset-2 {
        margin-left: 8.33333333%
    }

    .ant-col-sm-order-2 {
        order: 2
    }

    .ant-col-sm-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .ant-col-sm-push-1 {
        left: 4.16666667%
    }

    .ant-col-sm-pull-1 {
        right: 4.16666667%
    }

    .ant-col-sm-offset-1 {
        margin-left: 4.16666667%
    }

    .ant-col-sm-order-1 {
        order: 1
    }

    .ant-col-sm-0 {
        display: none
    }

    .ant-col-push-0 {
        left: auto
    }

    .ant-col-pull-0 {
        right: auto
    }

    .ant-col-sm-push-0 {
        left: auto
    }

    .ant-col-sm-pull-0 {
        right: auto
    }

    .ant-col-sm-offset-0 {
        margin-left: 0
    }

    .ant-col-sm-order-0 {
        order: 0
    }

    .ant-col-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-sm-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-sm-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-sm-offset-0.ant-col-rtl {
        margin-right: 0
    }

    .ant-col-sm-push-1.ant-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .ant-col-sm-pull-1.ant-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .ant-col-sm-offset-1.ant-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .ant-col-sm-push-2.ant-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .ant-col-sm-pull-2.ant-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .ant-col-sm-offset-2.ant-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .ant-col-sm-push-3.ant-col-rtl {
        right: 12.5%;
        left: auto
    }

    .ant-col-sm-pull-3.ant-col-rtl {
        right: auto;
        left: 12.5%
    }

    .ant-col-sm-offset-3.ant-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .ant-col-sm-push-4.ant-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .ant-col-sm-pull-4.ant-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .ant-col-sm-offset-4.ant-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .ant-col-sm-push-5.ant-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .ant-col-sm-pull-5.ant-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .ant-col-sm-offset-5.ant-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .ant-col-sm-push-6.ant-col-rtl {
        right: 25%;
        left: auto
    }

    .ant-col-sm-pull-6.ant-col-rtl {
        right: auto;
        left: 25%
    }

    .ant-col-sm-offset-6.ant-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .ant-col-sm-push-7.ant-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .ant-col-sm-pull-7.ant-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .ant-col-sm-offset-7.ant-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .ant-col-sm-push-8.ant-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .ant-col-sm-pull-8.ant-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .ant-col-sm-offset-8.ant-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .ant-col-sm-push-9.ant-col-rtl {
        right: 37.5%;
        left: auto
    }

    .ant-col-sm-pull-9.ant-col-rtl {
        right: auto;
        left: 37.5%
    }

    .ant-col-sm-offset-9.ant-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .ant-col-sm-push-10.ant-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .ant-col-sm-pull-10.ant-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .ant-col-sm-offset-10.ant-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .ant-col-sm-push-11.ant-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .ant-col-sm-pull-11.ant-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .ant-col-sm-offset-11.ant-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .ant-col-sm-push-12.ant-col-rtl {
        right: 50%;
        left: auto
    }

    .ant-col-sm-pull-12.ant-col-rtl {
        right: auto;
        left: 50%
    }

    .ant-col-sm-offset-12.ant-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .ant-col-sm-push-13.ant-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .ant-col-sm-pull-13.ant-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .ant-col-sm-offset-13.ant-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .ant-col-sm-push-14.ant-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .ant-col-sm-pull-14.ant-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .ant-col-sm-offset-14.ant-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .ant-col-sm-push-15.ant-col-rtl {
        right: 62.5%;
        left: auto
    }

    .ant-col-sm-pull-15.ant-col-rtl {
        right: auto;
        left: 62.5%
    }

    .ant-col-sm-offset-15.ant-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .ant-col-sm-push-16.ant-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .ant-col-sm-pull-16.ant-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .ant-col-sm-offset-16.ant-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .ant-col-sm-push-17.ant-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .ant-col-sm-pull-17.ant-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .ant-col-sm-offset-17.ant-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .ant-col-sm-push-18.ant-col-rtl {
        right: 75%;
        left: auto
    }

    .ant-col-sm-pull-18.ant-col-rtl {
        right: auto;
        left: 75%
    }

    .ant-col-sm-offset-18.ant-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .ant-col-sm-push-19.ant-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .ant-col-sm-pull-19.ant-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .ant-col-sm-offset-19.ant-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .ant-col-sm-push-20.ant-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .ant-col-sm-pull-20.ant-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .ant-col-sm-offset-20.ant-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .ant-col-sm-push-21.ant-col-rtl {
        right: 87.5%;
        left: auto
    }

    .ant-col-sm-pull-21.ant-col-rtl {
        right: auto;
        left: 87.5%
    }

    .ant-col-sm-offset-21.ant-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .ant-col-sm-push-22.ant-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .ant-col-sm-pull-22.ant-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .ant-col-sm-offset-22.ant-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .ant-col-sm-push-23.ant-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .ant-col-sm-pull-23.ant-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .ant-col-sm-offset-23.ant-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .ant-col-sm-push-24.ant-col-rtl {
        right: 100%;
        left: auto
    }

    .ant-col-sm-pull-24.ant-col-rtl {
        right: auto;
        left: 100%
    }

    .ant-col-sm-offset-24.ant-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .ant-col-md-24 {
        display:block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ant-col-md-push-24 {
        left: 100%
    }

    .ant-col-md-pull-24 {
        right: 100%
    }

    .ant-col-md-offset-24 {
        margin-left: 100%
    }

    .ant-col-md-order-24 {
        order: 24
    }

    .ant-col-md-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .ant-col-md-push-23 {
        left: 95.83333333%
    }

    .ant-col-md-pull-23 {
        right: 95.83333333%
    }

    .ant-col-md-offset-23 {
        margin-left: 95.83333333%
    }

    .ant-col-md-order-23 {
        order: 23
    }

    .ant-col-md-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .ant-col-md-push-22 {
        left: 91.66666667%
    }

    .ant-col-md-pull-22 {
        right: 91.66666667%
    }

    .ant-col-md-offset-22 {
        margin-left: 91.66666667%
    }

    .ant-col-md-order-22 {
        order: 22
    }

    .ant-col-md-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .ant-col-md-push-21 {
        left: 87.5%
    }

    .ant-col-md-pull-21 {
        right: 87.5%
    }

    .ant-col-md-offset-21 {
        margin-left: 87.5%
    }

    .ant-col-md-order-21 {
        order: 21
    }

    .ant-col-md-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .ant-col-md-push-20 {
        left: 83.33333333%
    }

    .ant-col-md-pull-20 {
        right: 83.33333333%
    }

    .ant-col-md-offset-20 {
        margin-left: 83.33333333%
    }

    .ant-col-md-order-20 {
        order: 20
    }

    .ant-col-md-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .ant-col-md-push-19 {
        left: 79.16666667%
    }

    .ant-col-md-pull-19 {
        right: 79.16666667%
    }

    .ant-col-md-offset-19 {
        margin-left: 79.16666667%
    }

    .ant-col-md-order-19 {
        order: 19
    }

    .ant-col-md-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ant-col-md-push-18 {
        left: 75%
    }

    .ant-col-md-pull-18 {
        right: 75%
    }

    .ant-col-md-offset-18 {
        margin-left: 75%
    }

    .ant-col-md-order-18 {
        order: 18
    }

    .ant-col-md-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .ant-col-md-push-17 {
        left: 70.83333333%
    }

    .ant-col-md-pull-17 {
        right: 70.83333333%
    }

    .ant-col-md-offset-17 {
        margin-left: 70.83333333%
    }

    .ant-col-md-order-17 {
        order: 17
    }

    .ant-col-md-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .ant-col-md-push-16 {
        left: 66.66666667%
    }

    .ant-col-md-pull-16 {
        right: 66.66666667%
    }

    .ant-col-md-offset-16 {
        margin-left: 66.66666667%
    }

    .ant-col-md-order-16 {
        order: 16
    }

    .ant-col-md-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .ant-col-md-push-15 {
        left: 62.5%
    }

    .ant-col-md-pull-15 {
        right: 62.5%
    }

    .ant-col-md-offset-15 {
        margin-left: 62.5%
    }

    .ant-col-md-order-15 {
        order: 15
    }

    .ant-col-md-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .ant-col-md-push-14 {
        left: 58.33333333%
    }

    .ant-col-md-pull-14 {
        right: 58.33333333%
    }

    .ant-col-md-offset-14 {
        margin-left: 58.33333333%
    }

    .ant-col-md-order-14 {
        order: 14
    }

    .ant-col-md-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .ant-col-md-push-13 {
        left: 54.16666667%
    }

    .ant-col-md-pull-13 {
        right: 54.16666667%
    }

    .ant-col-md-offset-13 {
        margin-left: 54.16666667%
    }

    .ant-col-md-order-13 {
        order: 13
    }

    .ant-col-md-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ant-col-md-push-12 {
        left: 50%
    }

    .ant-col-md-pull-12 {
        right: 50%
    }

    .ant-col-md-offset-12 {
        margin-left: 50%
    }

    .ant-col-md-order-12 {
        order: 12
    }

    .ant-col-md-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .ant-col-md-push-11 {
        left: 45.83333333%
    }

    .ant-col-md-pull-11 {
        right: 45.83333333%
    }

    .ant-col-md-offset-11 {
        margin-left: 45.83333333%
    }

    .ant-col-md-order-11 {
        order: 11
    }

    .ant-col-md-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .ant-col-md-push-10 {
        left: 41.66666667%
    }

    .ant-col-md-pull-10 {
        right: 41.66666667%
    }

    .ant-col-md-offset-10 {
        margin-left: 41.66666667%
    }

    .ant-col-md-order-10 {
        order: 10
    }

    .ant-col-md-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .ant-col-md-push-9 {
        left: 37.5%
    }

    .ant-col-md-pull-9 {
        right: 37.5%
    }

    .ant-col-md-offset-9 {
        margin-left: 37.5%
    }

    .ant-col-md-order-9 {
        order: 9
    }

    .ant-col-md-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .ant-col-md-push-8 {
        left: 33.33333333%
    }

    .ant-col-md-pull-8 {
        right: 33.33333333%
    }

    .ant-col-md-offset-8 {
        margin-left: 33.33333333%
    }

    .ant-col-md-order-8 {
        order: 8
    }

    .ant-col-md-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .ant-col-md-push-7 {
        left: 29.16666667%
    }

    .ant-col-md-pull-7 {
        right: 29.16666667%
    }

    .ant-col-md-offset-7 {
        margin-left: 29.16666667%
    }

    .ant-col-md-order-7 {
        order: 7
    }

    .ant-col-md-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ant-col-md-push-6 {
        left: 25%
    }

    .ant-col-md-pull-6 {
        right: 25%
    }

    .ant-col-md-offset-6 {
        margin-left: 25%
    }

    .ant-col-md-order-6 {
        order: 6
    }

    .ant-col-md-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .ant-col-md-push-5 {
        left: 20.83333333%
    }

    .ant-col-md-pull-5 {
        right: 20.83333333%
    }

    .ant-col-md-offset-5 {
        margin-left: 20.83333333%
    }

    .ant-col-md-order-5 {
        order: 5
    }

    .ant-col-md-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .ant-col-md-push-4 {
        left: 16.66666667%
    }

    .ant-col-md-pull-4 {
        right: 16.66666667%
    }

    .ant-col-md-offset-4 {
        margin-left: 16.66666667%
    }

    .ant-col-md-order-4 {
        order: 4
    }

    .ant-col-md-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .ant-col-md-push-3 {
        left: 12.5%
    }

    .ant-col-md-pull-3 {
        right: 12.5%
    }

    .ant-col-md-offset-3 {
        margin-left: 12.5%
    }

    .ant-col-md-order-3 {
        order: 3
    }

    .ant-col-md-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .ant-col-md-push-2 {
        left: 8.33333333%
    }

    .ant-col-md-pull-2 {
        right: 8.33333333%
    }

    .ant-col-md-offset-2 {
        margin-left: 8.33333333%
    }

    .ant-col-md-order-2 {
        order: 2
    }

    .ant-col-md-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .ant-col-md-push-1 {
        left: 4.16666667%
    }

    .ant-col-md-pull-1 {
        right: 4.16666667%
    }

    .ant-col-md-offset-1 {
        margin-left: 4.16666667%
    }

    .ant-col-md-order-1 {
        order: 1
    }

    .ant-col-md-0 {
        display: none
    }

    .ant-col-push-0 {
        left: auto
    }

    .ant-col-pull-0 {
        right: auto
    }

    .ant-col-md-push-0 {
        left: auto
    }

    .ant-col-md-pull-0 {
        right: auto
    }

    .ant-col-md-offset-0 {
        margin-left: 0
    }

    .ant-col-md-order-0 {
        order: 0
    }

    .ant-col-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-md-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-md-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-md-offset-0.ant-col-rtl {
        margin-right: 0
    }

    .ant-col-md-push-1.ant-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .ant-col-md-pull-1.ant-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .ant-col-md-offset-1.ant-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .ant-col-md-push-2.ant-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .ant-col-md-pull-2.ant-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .ant-col-md-offset-2.ant-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .ant-col-md-push-3.ant-col-rtl {
        right: 12.5%;
        left: auto
    }

    .ant-col-md-pull-3.ant-col-rtl {
        right: auto;
        left: 12.5%
    }

    .ant-col-md-offset-3.ant-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .ant-col-md-push-4.ant-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .ant-col-md-pull-4.ant-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .ant-col-md-offset-4.ant-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .ant-col-md-push-5.ant-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .ant-col-md-pull-5.ant-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .ant-col-md-offset-5.ant-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .ant-col-md-push-6.ant-col-rtl {
        right: 25%;
        left: auto
    }

    .ant-col-md-pull-6.ant-col-rtl {
        right: auto;
        left: 25%
    }

    .ant-col-md-offset-6.ant-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .ant-col-md-push-7.ant-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .ant-col-md-pull-7.ant-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .ant-col-md-offset-7.ant-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .ant-col-md-push-8.ant-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .ant-col-md-pull-8.ant-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .ant-col-md-offset-8.ant-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .ant-col-md-push-9.ant-col-rtl {
        right: 37.5%;
        left: auto
    }

    .ant-col-md-pull-9.ant-col-rtl {
        right: auto;
        left: 37.5%
    }

    .ant-col-md-offset-9.ant-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .ant-col-md-push-10.ant-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .ant-col-md-pull-10.ant-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .ant-col-md-offset-10.ant-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .ant-col-md-push-11.ant-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .ant-col-md-pull-11.ant-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .ant-col-md-offset-11.ant-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .ant-col-md-push-12.ant-col-rtl {
        right: 50%;
        left: auto
    }

    .ant-col-md-pull-12.ant-col-rtl {
        right: auto;
        left: 50%
    }

    .ant-col-md-offset-12.ant-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .ant-col-md-push-13.ant-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .ant-col-md-pull-13.ant-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .ant-col-md-offset-13.ant-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .ant-col-md-push-14.ant-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .ant-col-md-pull-14.ant-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .ant-col-md-offset-14.ant-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .ant-col-md-push-15.ant-col-rtl {
        right: 62.5%;
        left: auto
    }

    .ant-col-md-pull-15.ant-col-rtl {
        right: auto;
        left: 62.5%
    }

    .ant-col-md-offset-15.ant-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .ant-col-md-push-16.ant-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .ant-col-md-pull-16.ant-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .ant-col-md-offset-16.ant-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .ant-col-md-push-17.ant-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .ant-col-md-pull-17.ant-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .ant-col-md-offset-17.ant-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .ant-col-md-push-18.ant-col-rtl {
        right: 75%;
        left: auto
    }

    .ant-col-md-pull-18.ant-col-rtl {
        right: auto;
        left: 75%
    }

    .ant-col-md-offset-18.ant-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .ant-col-md-push-19.ant-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .ant-col-md-pull-19.ant-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .ant-col-md-offset-19.ant-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .ant-col-md-push-20.ant-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .ant-col-md-pull-20.ant-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .ant-col-md-offset-20.ant-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .ant-col-md-push-21.ant-col-rtl {
        right: 87.5%;
        left: auto
    }

    .ant-col-md-pull-21.ant-col-rtl {
        right: auto;
        left: 87.5%
    }

    .ant-col-md-offset-21.ant-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .ant-col-md-push-22.ant-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .ant-col-md-pull-22.ant-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .ant-col-md-offset-22.ant-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .ant-col-md-push-23.ant-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .ant-col-md-pull-23.ant-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .ant-col-md-offset-23.ant-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .ant-col-md-push-24.ant-col-rtl {
        right: 100%;
        left: auto
    }

    .ant-col-md-pull-24.ant-col-rtl {
        right: auto;
        left: 100%
    }

    .ant-col-md-offset-24.ant-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .ant-col-lg-24 {
        display:block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ant-col-lg-push-24 {
        left: 100%
    }

    .ant-col-lg-pull-24 {
        right: 100%
    }

    .ant-col-lg-offset-24 {
        margin-left: 100%
    }

    .ant-col-lg-order-24 {
        order: 24
    }

    .ant-col-lg-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .ant-col-lg-push-23 {
        left: 95.83333333%
    }

    .ant-col-lg-pull-23 {
        right: 95.83333333%
    }

    .ant-col-lg-offset-23 {
        margin-left: 95.83333333%
    }

    .ant-col-lg-order-23 {
        order: 23
    }

    .ant-col-lg-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .ant-col-lg-push-22 {
        left: 91.66666667%
    }

    .ant-col-lg-pull-22 {
        right: 91.66666667%
    }

    .ant-col-lg-offset-22 {
        margin-left: 91.66666667%
    }

    .ant-col-lg-order-22 {
        order: 22
    }

    .ant-col-lg-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .ant-col-lg-push-21 {
        left: 87.5%
    }

    .ant-col-lg-pull-21 {
        right: 87.5%
    }

    .ant-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .ant-col-lg-order-21 {
        order: 21
    }

    .ant-col-lg-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .ant-col-lg-push-20 {
        left: 83.33333333%
    }

    .ant-col-lg-pull-20 {
        right: 83.33333333%
    }

    .ant-col-lg-offset-20 {
        margin-left: 83.33333333%
    }

    .ant-col-lg-order-20 {
        order: 20
    }

    .ant-col-lg-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .ant-col-lg-push-19 {
        left: 79.16666667%
    }

    .ant-col-lg-pull-19 {
        right: 79.16666667%
    }

    .ant-col-lg-offset-19 {
        margin-left: 79.16666667%
    }

    .ant-col-lg-order-19 {
        order: 19
    }

    .ant-col-lg-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ant-col-lg-push-18 {
        left: 75%
    }

    .ant-col-lg-pull-18 {
        right: 75%
    }

    .ant-col-lg-offset-18 {
        margin-left: 75%
    }

    .ant-col-lg-order-18 {
        order: 18
    }

    .ant-col-lg-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .ant-col-lg-push-17 {
        left: 70.83333333%
    }

    .ant-col-lg-pull-17 {
        right: 70.83333333%
    }

    .ant-col-lg-offset-17 {
        margin-left: 70.83333333%
    }

    .ant-col-lg-order-17 {
        order: 17
    }

    .ant-col-lg-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .ant-col-lg-push-16 {
        left: 66.66666667%
    }

    .ant-col-lg-pull-16 {
        right: 66.66666667%
    }

    .ant-col-lg-offset-16 {
        margin-left: 66.66666667%
    }

    .ant-col-lg-order-16 {
        order: 16
    }

    .ant-col-lg-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .ant-col-lg-push-15 {
        left: 62.5%
    }

    .ant-col-lg-pull-15 {
        right: 62.5%
    }

    .ant-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .ant-col-lg-order-15 {
        order: 15
    }

    .ant-col-lg-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .ant-col-lg-push-14 {
        left: 58.33333333%
    }

    .ant-col-lg-pull-14 {
        right: 58.33333333%
    }

    .ant-col-lg-offset-14 {
        margin-left: 58.33333333%
    }

    .ant-col-lg-order-14 {
        order: 14
    }

    .ant-col-lg-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .ant-col-lg-push-13 {
        left: 54.16666667%
    }

    .ant-col-lg-pull-13 {
        right: 54.16666667%
    }

    .ant-col-lg-offset-13 {
        margin-left: 54.16666667%
    }

    .ant-col-lg-order-13 {
        order: 13
    }

    .ant-col-lg-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ant-col-lg-push-12 {
        left: 50%
    }

    .ant-col-lg-pull-12 {
        right: 50%
    }

    .ant-col-lg-offset-12 {
        margin-left: 50%
    }

    .ant-col-lg-order-12 {
        order: 12
    }

    .ant-col-lg-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .ant-col-lg-push-11 {
        left: 45.83333333%
    }

    .ant-col-lg-pull-11 {
        right: 45.83333333%
    }

    .ant-col-lg-offset-11 {
        margin-left: 45.83333333%
    }

    .ant-col-lg-order-11 {
        order: 11
    }

    .ant-col-lg-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .ant-col-lg-push-10 {
        left: 41.66666667%
    }

    .ant-col-lg-pull-10 {
        right: 41.66666667%
    }

    .ant-col-lg-offset-10 {
        margin-left: 41.66666667%
    }

    .ant-col-lg-order-10 {
        order: 10
    }

    .ant-col-lg-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .ant-col-lg-push-9 {
        left: 37.5%
    }

    .ant-col-lg-pull-9 {
        right: 37.5%
    }

    .ant-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .ant-col-lg-order-9 {
        order: 9
    }

    .ant-col-lg-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .ant-col-lg-push-8 {
        left: 33.33333333%
    }

    .ant-col-lg-pull-8 {
        right: 33.33333333%
    }

    .ant-col-lg-offset-8 {
        margin-left: 33.33333333%
    }

    .ant-col-lg-order-8 {
        order: 8
    }

    .ant-col-lg-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .ant-col-lg-push-7 {
        left: 29.16666667%
    }

    .ant-col-lg-pull-7 {
        right: 29.16666667%
    }

    .ant-col-lg-offset-7 {
        margin-left: 29.16666667%
    }

    .ant-col-lg-order-7 {
        order: 7
    }

    .ant-col-lg-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ant-col-lg-push-6 {
        left: 25%
    }

    .ant-col-lg-pull-6 {
        right: 25%
    }

    .ant-col-lg-offset-6 {
        margin-left: 25%
    }

    .ant-col-lg-order-6 {
        order: 6
    }

    .ant-col-lg-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .ant-col-lg-push-5 {
        left: 20.83333333%
    }

    .ant-col-lg-pull-5 {
        right: 20.83333333%
    }

    .ant-col-lg-offset-5 {
        margin-left: 20.83333333%
    }

    .ant-col-lg-order-5 {
        order: 5
    }

    .ant-col-lg-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .ant-col-lg-push-4 {
        left: 16.66666667%
    }

    .ant-col-lg-pull-4 {
        right: 16.66666667%
    }

    .ant-col-lg-offset-4 {
        margin-left: 16.66666667%
    }

    .ant-col-lg-order-4 {
        order: 4
    }

    .ant-col-lg-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .ant-col-lg-push-3 {
        left: 12.5%
    }

    .ant-col-lg-pull-3 {
        right: 12.5%
    }

    .ant-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .ant-col-lg-order-3 {
        order: 3
    }

    .ant-col-lg-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .ant-col-lg-push-2 {
        left: 8.33333333%
    }

    .ant-col-lg-pull-2 {
        right: 8.33333333%
    }

    .ant-col-lg-offset-2 {
        margin-left: 8.33333333%
    }

    .ant-col-lg-order-2 {
        order: 2
    }

    .ant-col-lg-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .ant-col-lg-push-1 {
        left: 4.16666667%
    }

    .ant-col-lg-pull-1 {
        right: 4.16666667%
    }

    .ant-col-lg-offset-1 {
        margin-left: 4.16666667%
    }

    .ant-col-lg-order-1 {
        order: 1
    }

    .ant-col-lg-0 {
        display: none
    }

    .ant-col-push-0 {
        left: auto
    }

    .ant-col-pull-0 {
        right: auto
    }

    .ant-col-lg-push-0 {
        left: auto
    }

    .ant-col-lg-pull-0 {
        right: auto
    }

    .ant-col-lg-offset-0 {
        margin-left: 0
    }

    .ant-col-lg-order-0 {
        order: 0
    }

    .ant-col-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-lg-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-lg-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-lg-offset-0.ant-col-rtl {
        margin-right: 0
    }

    .ant-col-lg-push-1.ant-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .ant-col-lg-pull-1.ant-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .ant-col-lg-offset-1.ant-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .ant-col-lg-push-2.ant-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .ant-col-lg-pull-2.ant-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .ant-col-lg-offset-2.ant-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .ant-col-lg-push-3.ant-col-rtl {
        right: 12.5%;
        left: auto
    }

    .ant-col-lg-pull-3.ant-col-rtl {
        right: auto;
        left: 12.5%
    }

    .ant-col-lg-offset-3.ant-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .ant-col-lg-push-4.ant-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .ant-col-lg-pull-4.ant-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .ant-col-lg-offset-4.ant-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .ant-col-lg-push-5.ant-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .ant-col-lg-pull-5.ant-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .ant-col-lg-offset-5.ant-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .ant-col-lg-push-6.ant-col-rtl {
        right: 25%;
        left: auto
    }

    .ant-col-lg-pull-6.ant-col-rtl {
        right: auto;
        left: 25%
    }

    .ant-col-lg-offset-6.ant-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .ant-col-lg-push-7.ant-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .ant-col-lg-pull-7.ant-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .ant-col-lg-offset-7.ant-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .ant-col-lg-push-8.ant-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .ant-col-lg-pull-8.ant-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .ant-col-lg-offset-8.ant-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .ant-col-lg-push-9.ant-col-rtl {
        right: 37.5%;
        left: auto
    }

    .ant-col-lg-pull-9.ant-col-rtl {
        right: auto;
        left: 37.5%
    }

    .ant-col-lg-offset-9.ant-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .ant-col-lg-push-10.ant-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .ant-col-lg-pull-10.ant-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .ant-col-lg-offset-10.ant-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .ant-col-lg-push-11.ant-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .ant-col-lg-pull-11.ant-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .ant-col-lg-offset-11.ant-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .ant-col-lg-push-12.ant-col-rtl {
        right: 50%;
        left: auto
    }

    .ant-col-lg-pull-12.ant-col-rtl {
        right: auto;
        left: 50%
    }

    .ant-col-lg-offset-12.ant-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .ant-col-lg-push-13.ant-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .ant-col-lg-pull-13.ant-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .ant-col-lg-offset-13.ant-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .ant-col-lg-push-14.ant-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .ant-col-lg-pull-14.ant-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .ant-col-lg-offset-14.ant-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .ant-col-lg-push-15.ant-col-rtl {
        right: 62.5%;
        left: auto
    }

    .ant-col-lg-pull-15.ant-col-rtl {
        right: auto;
        left: 62.5%
    }

    .ant-col-lg-offset-15.ant-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .ant-col-lg-push-16.ant-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .ant-col-lg-pull-16.ant-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .ant-col-lg-offset-16.ant-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .ant-col-lg-push-17.ant-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .ant-col-lg-pull-17.ant-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .ant-col-lg-offset-17.ant-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .ant-col-lg-push-18.ant-col-rtl {
        right: 75%;
        left: auto
    }

    .ant-col-lg-pull-18.ant-col-rtl {
        right: auto;
        left: 75%
    }

    .ant-col-lg-offset-18.ant-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .ant-col-lg-push-19.ant-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .ant-col-lg-pull-19.ant-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .ant-col-lg-offset-19.ant-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .ant-col-lg-push-20.ant-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .ant-col-lg-pull-20.ant-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .ant-col-lg-offset-20.ant-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .ant-col-lg-push-21.ant-col-rtl {
        right: 87.5%;
        left: auto
    }

    .ant-col-lg-pull-21.ant-col-rtl {
        right: auto;
        left: 87.5%
    }

    .ant-col-lg-offset-21.ant-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .ant-col-lg-push-22.ant-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .ant-col-lg-pull-22.ant-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .ant-col-lg-offset-22.ant-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .ant-col-lg-push-23.ant-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .ant-col-lg-pull-23.ant-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .ant-col-lg-offset-23.ant-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .ant-col-lg-push-24.ant-col-rtl {
        right: 100%;
        left: auto
    }

    .ant-col-lg-pull-24.ant-col-rtl {
        right: auto;
        left: 100%
    }

    .ant-col-lg-offset-24.ant-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .ant-col-xl-24 {
        display:block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ant-col-xl-push-24 {
        left: 100%
    }

    .ant-col-xl-pull-24 {
        right: 100%
    }

    .ant-col-xl-offset-24 {
        margin-left: 100%
    }

    .ant-col-xl-order-24 {
        order: 24
    }

    .ant-col-xl-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .ant-col-xl-push-23 {
        left: 95.83333333%
    }

    .ant-col-xl-pull-23 {
        right: 95.83333333%
    }

    .ant-col-xl-offset-23 {
        margin-left: 95.83333333%
    }

    .ant-col-xl-order-23 {
        order: 23
    }

    .ant-col-xl-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .ant-col-xl-push-22 {
        left: 91.66666667%
    }

    .ant-col-xl-pull-22 {
        right: 91.66666667%
    }

    .ant-col-xl-offset-22 {
        margin-left: 91.66666667%
    }

    .ant-col-xl-order-22 {
        order: 22
    }

    .ant-col-xl-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .ant-col-xl-push-21 {
        left: 87.5%
    }

    .ant-col-xl-pull-21 {
        right: 87.5%
    }

    .ant-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .ant-col-xl-order-21 {
        order: 21
    }

    .ant-col-xl-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .ant-col-xl-push-20 {
        left: 83.33333333%
    }

    .ant-col-xl-pull-20 {
        right: 83.33333333%
    }

    .ant-col-xl-offset-20 {
        margin-left: 83.33333333%
    }

    .ant-col-xl-order-20 {
        order: 20
    }

    .ant-col-xl-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .ant-col-xl-push-19 {
        left: 79.16666667%
    }

    .ant-col-xl-pull-19 {
        right: 79.16666667%
    }

    .ant-col-xl-offset-19 {
        margin-left: 79.16666667%
    }

    .ant-col-xl-order-19 {
        order: 19
    }

    .ant-col-xl-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ant-col-xl-push-18 {
        left: 75%
    }

    .ant-col-xl-pull-18 {
        right: 75%
    }

    .ant-col-xl-offset-18 {
        margin-left: 75%
    }

    .ant-col-xl-order-18 {
        order: 18
    }

    .ant-col-xl-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .ant-col-xl-push-17 {
        left: 70.83333333%
    }

    .ant-col-xl-pull-17 {
        right: 70.83333333%
    }

    .ant-col-xl-offset-17 {
        margin-left: 70.83333333%
    }

    .ant-col-xl-order-17 {
        order: 17
    }

    .ant-col-xl-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .ant-col-xl-push-16 {
        left: 66.66666667%
    }

    .ant-col-xl-pull-16 {
        right: 66.66666667%
    }

    .ant-col-xl-offset-16 {
        margin-left: 66.66666667%
    }

    .ant-col-xl-order-16 {
        order: 16
    }

    .ant-col-xl-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .ant-col-xl-push-15 {
        left: 62.5%
    }

    .ant-col-xl-pull-15 {
        right: 62.5%
    }

    .ant-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .ant-col-xl-order-15 {
        order: 15
    }

    .ant-col-xl-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .ant-col-xl-push-14 {
        left: 58.33333333%
    }

    .ant-col-xl-pull-14 {
        right: 58.33333333%
    }

    .ant-col-xl-offset-14 {
        margin-left: 58.33333333%
    }

    .ant-col-xl-order-14 {
        order: 14
    }

    .ant-col-xl-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .ant-col-xl-push-13 {
        left: 54.16666667%
    }

    .ant-col-xl-pull-13 {
        right: 54.16666667%
    }

    .ant-col-xl-offset-13 {
        margin-left: 54.16666667%
    }

    .ant-col-xl-order-13 {
        order: 13
    }

    .ant-col-xl-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ant-col-xl-push-12 {
        left: 50%
    }

    .ant-col-xl-pull-12 {
        right: 50%
    }

    .ant-col-xl-offset-12 {
        margin-left: 50%
    }

    .ant-col-xl-order-12 {
        order: 12
    }

    .ant-col-xl-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .ant-col-xl-push-11 {
        left: 45.83333333%
    }

    .ant-col-xl-pull-11 {
        right: 45.83333333%
    }

    .ant-col-xl-offset-11 {
        margin-left: 45.83333333%
    }

    .ant-col-xl-order-11 {
        order: 11
    }

    .ant-col-xl-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .ant-col-xl-push-10 {
        left: 41.66666667%
    }

    .ant-col-xl-pull-10 {
        right: 41.66666667%
    }

    .ant-col-xl-offset-10 {
        margin-left: 41.66666667%
    }

    .ant-col-xl-order-10 {
        order: 10
    }

    .ant-col-xl-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .ant-col-xl-push-9 {
        left: 37.5%
    }

    .ant-col-xl-pull-9 {
        right: 37.5%
    }

    .ant-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .ant-col-xl-order-9 {
        order: 9
    }

    .ant-col-xl-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .ant-col-xl-push-8 {
        left: 33.33333333%
    }

    .ant-col-xl-pull-8 {
        right: 33.33333333%
    }

    .ant-col-xl-offset-8 {
        margin-left: 33.33333333%
    }

    .ant-col-xl-order-8 {
        order: 8
    }

    .ant-col-xl-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .ant-col-xl-push-7 {
        left: 29.16666667%
    }

    .ant-col-xl-pull-7 {
        right: 29.16666667%
    }

    .ant-col-xl-offset-7 {
        margin-left: 29.16666667%
    }

    .ant-col-xl-order-7 {
        order: 7
    }

    .ant-col-xl-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ant-col-xl-push-6 {
        left: 25%
    }

    .ant-col-xl-pull-6 {
        right: 25%
    }

    .ant-col-xl-offset-6 {
        margin-left: 25%
    }

    .ant-col-xl-order-6 {
        order: 6
    }

    .ant-col-xl-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .ant-col-xl-push-5 {
        left: 20.83333333%
    }

    .ant-col-xl-pull-5 {
        right: 20.83333333%
    }

    .ant-col-xl-offset-5 {
        margin-left: 20.83333333%
    }

    .ant-col-xl-order-5 {
        order: 5
    }

    .ant-col-xl-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .ant-col-xl-push-4 {
        left: 16.66666667%
    }

    .ant-col-xl-pull-4 {
        right: 16.66666667%
    }

    .ant-col-xl-offset-4 {
        margin-left: 16.66666667%
    }

    .ant-col-xl-order-4 {
        order: 4
    }

    .ant-col-xl-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .ant-col-xl-push-3 {
        left: 12.5%
    }

    .ant-col-xl-pull-3 {
        right: 12.5%
    }

    .ant-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .ant-col-xl-order-3 {
        order: 3
    }

    .ant-col-xl-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .ant-col-xl-push-2 {
        left: 8.33333333%
    }

    .ant-col-xl-pull-2 {
        right: 8.33333333%
    }

    .ant-col-xl-offset-2 {
        margin-left: 8.33333333%
    }

    .ant-col-xl-order-2 {
        order: 2
    }

    .ant-col-xl-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .ant-col-xl-push-1 {
        left: 4.16666667%
    }

    .ant-col-xl-pull-1 {
        right: 4.16666667%
    }

    .ant-col-xl-offset-1 {
        margin-left: 4.16666667%
    }

    .ant-col-xl-order-1 {
        order: 1
    }

    .ant-col-xl-0 {
        display: none
    }

    .ant-col-push-0 {
        left: auto
    }

    .ant-col-pull-0 {
        right: auto
    }

    .ant-col-xl-push-0 {
        left: auto
    }

    .ant-col-xl-pull-0 {
        right: auto
    }

    .ant-col-xl-offset-0 {
        margin-left: 0
    }

    .ant-col-xl-order-0 {
        order: 0
    }

    .ant-col-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-xl-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-xl-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-xl-offset-0.ant-col-rtl {
        margin-right: 0
    }

    .ant-col-xl-push-1.ant-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .ant-col-xl-pull-1.ant-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .ant-col-xl-offset-1.ant-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .ant-col-xl-push-2.ant-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .ant-col-xl-pull-2.ant-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .ant-col-xl-offset-2.ant-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .ant-col-xl-push-3.ant-col-rtl {
        right: 12.5%;
        left: auto
    }

    .ant-col-xl-pull-3.ant-col-rtl {
        right: auto;
        left: 12.5%
    }

    .ant-col-xl-offset-3.ant-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .ant-col-xl-push-4.ant-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .ant-col-xl-pull-4.ant-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .ant-col-xl-offset-4.ant-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .ant-col-xl-push-5.ant-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .ant-col-xl-pull-5.ant-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .ant-col-xl-offset-5.ant-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .ant-col-xl-push-6.ant-col-rtl {
        right: 25%;
        left: auto
    }

    .ant-col-xl-pull-6.ant-col-rtl {
        right: auto;
        left: 25%
    }

    .ant-col-xl-offset-6.ant-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .ant-col-xl-push-7.ant-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .ant-col-xl-pull-7.ant-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .ant-col-xl-offset-7.ant-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .ant-col-xl-push-8.ant-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .ant-col-xl-pull-8.ant-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .ant-col-xl-offset-8.ant-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .ant-col-xl-push-9.ant-col-rtl {
        right: 37.5%;
        left: auto
    }

    .ant-col-xl-pull-9.ant-col-rtl {
        right: auto;
        left: 37.5%
    }

    .ant-col-xl-offset-9.ant-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .ant-col-xl-push-10.ant-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .ant-col-xl-pull-10.ant-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .ant-col-xl-offset-10.ant-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .ant-col-xl-push-11.ant-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .ant-col-xl-pull-11.ant-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .ant-col-xl-offset-11.ant-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .ant-col-xl-push-12.ant-col-rtl {
        right: 50%;
        left: auto
    }

    .ant-col-xl-pull-12.ant-col-rtl {
        right: auto;
        left: 50%
    }

    .ant-col-xl-offset-12.ant-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .ant-col-xl-push-13.ant-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .ant-col-xl-pull-13.ant-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .ant-col-xl-offset-13.ant-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .ant-col-xl-push-14.ant-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .ant-col-xl-pull-14.ant-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .ant-col-xl-offset-14.ant-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .ant-col-xl-push-15.ant-col-rtl {
        right: 62.5%;
        left: auto
    }

    .ant-col-xl-pull-15.ant-col-rtl {
        right: auto;
        left: 62.5%
    }

    .ant-col-xl-offset-15.ant-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .ant-col-xl-push-16.ant-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .ant-col-xl-pull-16.ant-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .ant-col-xl-offset-16.ant-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .ant-col-xl-push-17.ant-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .ant-col-xl-pull-17.ant-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .ant-col-xl-offset-17.ant-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .ant-col-xl-push-18.ant-col-rtl {
        right: 75%;
        left: auto
    }

    .ant-col-xl-pull-18.ant-col-rtl {
        right: auto;
        left: 75%
    }

    .ant-col-xl-offset-18.ant-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .ant-col-xl-push-19.ant-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .ant-col-xl-pull-19.ant-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .ant-col-xl-offset-19.ant-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .ant-col-xl-push-20.ant-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .ant-col-xl-pull-20.ant-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .ant-col-xl-offset-20.ant-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .ant-col-xl-push-21.ant-col-rtl {
        right: 87.5%;
        left: auto
    }

    .ant-col-xl-pull-21.ant-col-rtl {
        right: auto;
        left: 87.5%
    }

    .ant-col-xl-offset-21.ant-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .ant-col-xl-push-22.ant-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .ant-col-xl-pull-22.ant-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .ant-col-xl-offset-22.ant-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .ant-col-xl-push-23.ant-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .ant-col-xl-pull-23.ant-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .ant-col-xl-offset-23.ant-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .ant-col-xl-push-24.ant-col-rtl {
        right: 100%;
        left: auto
    }

    .ant-col-xl-pull-24.ant-col-rtl {
        right: auto;
        left: 100%
    }

    .ant-col-xl-offset-24.ant-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

@media (min-width: 1600px) {
    .ant-col-xxl-24 {
        display:block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ant-col-xxl-push-24 {
        left: 100%
    }

    .ant-col-xxl-pull-24 {
        right: 100%
    }

    .ant-col-xxl-offset-24 {
        margin-left: 100%
    }

    .ant-col-xxl-order-24 {
        order: 24
    }

    .ant-col-xxl-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .ant-col-xxl-push-23 {
        left: 95.83333333%
    }

    .ant-col-xxl-pull-23 {
        right: 95.83333333%
    }

    .ant-col-xxl-offset-23 {
        margin-left: 95.83333333%
    }

    .ant-col-xxl-order-23 {
        order: 23
    }

    .ant-col-xxl-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .ant-col-xxl-push-22 {
        left: 91.66666667%
    }

    .ant-col-xxl-pull-22 {
        right: 91.66666667%
    }

    .ant-col-xxl-offset-22 {
        margin-left: 91.66666667%
    }

    .ant-col-xxl-order-22 {
        order: 22
    }

    .ant-col-xxl-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .ant-col-xxl-push-21 {
        left: 87.5%
    }

    .ant-col-xxl-pull-21 {
        right: 87.5%
    }

    .ant-col-xxl-offset-21 {
        margin-left: 87.5%
    }

    .ant-col-xxl-order-21 {
        order: 21
    }

    .ant-col-xxl-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .ant-col-xxl-push-20 {
        left: 83.33333333%
    }

    .ant-col-xxl-pull-20 {
        right: 83.33333333%
    }

    .ant-col-xxl-offset-20 {
        margin-left: 83.33333333%
    }

    .ant-col-xxl-order-20 {
        order: 20
    }

    .ant-col-xxl-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .ant-col-xxl-push-19 {
        left: 79.16666667%
    }

    .ant-col-xxl-pull-19 {
        right: 79.16666667%
    }

    .ant-col-xxl-offset-19 {
        margin-left: 79.16666667%
    }

    .ant-col-xxl-order-19 {
        order: 19
    }

    .ant-col-xxl-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ant-col-xxl-push-18 {
        left: 75%
    }

    .ant-col-xxl-pull-18 {
        right: 75%
    }

    .ant-col-xxl-offset-18 {
        margin-left: 75%
    }

    .ant-col-xxl-order-18 {
        order: 18
    }

    .ant-col-xxl-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .ant-col-xxl-push-17 {
        left: 70.83333333%
    }

    .ant-col-xxl-pull-17 {
        right: 70.83333333%
    }

    .ant-col-xxl-offset-17 {
        margin-left: 70.83333333%
    }

    .ant-col-xxl-order-17 {
        order: 17
    }

    .ant-col-xxl-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .ant-col-xxl-push-16 {
        left: 66.66666667%
    }

    .ant-col-xxl-pull-16 {
        right: 66.66666667%
    }

    .ant-col-xxl-offset-16 {
        margin-left: 66.66666667%
    }

    .ant-col-xxl-order-16 {
        order: 16
    }

    .ant-col-xxl-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .ant-col-xxl-push-15 {
        left: 62.5%
    }

    .ant-col-xxl-pull-15 {
        right: 62.5%
    }

    .ant-col-xxl-offset-15 {
        margin-left: 62.5%
    }

    .ant-col-xxl-order-15 {
        order: 15
    }

    .ant-col-xxl-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .ant-col-xxl-push-14 {
        left: 58.33333333%
    }

    .ant-col-xxl-pull-14 {
        right: 58.33333333%
    }

    .ant-col-xxl-offset-14 {
        margin-left: 58.33333333%
    }

    .ant-col-xxl-order-14 {
        order: 14
    }

    .ant-col-xxl-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .ant-col-xxl-push-13 {
        left: 54.16666667%
    }

    .ant-col-xxl-pull-13 {
        right: 54.16666667%
    }

    .ant-col-xxl-offset-13 {
        margin-left: 54.16666667%
    }

    .ant-col-xxl-order-13 {
        order: 13
    }

    .ant-col-xxl-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ant-col-xxl-push-12 {
        left: 50%
    }

    .ant-col-xxl-pull-12 {
        right: 50%
    }

    .ant-col-xxl-offset-12 {
        margin-left: 50%
    }

    .ant-col-xxl-order-12 {
        order: 12
    }

    .ant-col-xxl-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .ant-col-xxl-push-11 {
        left: 45.83333333%
    }

    .ant-col-xxl-pull-11 {
        right: 45.83333333%
    }

    .ant-col-xxl-offset-11 {
        margin-left: 45.83333333%
    }

    .ant-col-xxl-order-11 {
        order: 11
    }

    .ant-col-xxl-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .ant-col-xxl-push-10 {
        left: 41.66666667%
    }

    .ant-col-xxl-pull-10 {
        right: 41.66666667%
    }

    .ant-col-xxl-offset-10 {
        margin-left: 41.66666667%
    }

    .ant-col-xxl-order-10 {
        order: 10
    }

    .ant-col-xxl-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .ant-col-xxl-push-9 {
        left: 37.5%
    }

    .ant-col-xxl-pull-9 {
        right: 37.5%
    }

    .ant-col-xxl-offset-9 {
        margin-left: 37.5%
    }

    .ant-col-xxl-order-9 {
        order: 9
    }

    .ant-col-xxl-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .ant-col-xxl-push-8 {
        left: 33.33333333%
    }

    .ant-col-xxl-pull-8 {
        right: 33.33333333%
    }

    .ant-col-xxl-offset-8 {
        margin-left: 33.33333333%
    }

    .ant-col-xxl-order-8 {
        order: 8
    }

    .ant-col-xxl-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .ant-col-xxl-push-7 {
        left: 29.16666667%
    }

    .ant-col-xxl-pull-7 {
        right: 29.16666667%
    }

    .ant-col-xxl-offset-7 {
        margin-left: 29.16666667%
    }

    .ant-col-xxl-order-7 {
        order: 7
    }

    .ant-col-xxl-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ant-col-xxl-push-6 {
        left: 25%
    }

    .ant-col-xxl-pull-6 {
        right: 25%
    }

    .ant-col-xxl-offset-6 {
        margin-left: 25%
    }

    .ant-col-xxl-order-6 {
        order: 6
    }

    .ant-col-xxl-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .ant-col-xxl-push-5 {
        left: 20.83333333%
    }

    .ant-col-xxl-pull-5 {
        right: 20.83333333%
    }

    .ant-col-xxl-offset-5 {
        margin-left: 20.83333333%
    }

    .ant-col-xxl-order-5 {
        order: 5
    }

    .ant-col-xxl-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .ant-col-xxl-push-4 {
        left: 16.66666667%
    }

    .ant-col-xxl-pull-4 {
        right: 16.66666667%
    }

    .ant-col-xxl-offset-4 {
        margin-left: 16.66666667%
    }

    .ant-col-xxl-order-4 {
        order: 4
    }

    .ant-col-xxl-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .ant-col-xxl-push-3 {
        left: 12.5%
    }

    .ant-col-xxl-pull-3 {
        right: 12.5%
    }

    .ant-col-xxl-offset-3 {
        margin-left: 12.5%
    }

    .ant-col-xxl-order-3 {
        order: 3
    }

    .ant-col-xxl-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .ant-col-xxl-push-2 {
        left: 8.33333333%
    }

    .ant-col-xxl-pull-2 {
        right: 8.33333333%
    }

    .ant-col-xxl-offset-2 {
        margin-left: 8.33333333%
    }

    .ant-col-xxl-order-2 {
        order: 2
    }

    .ant-col-xxl-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .ant-col-xxl-push-1 {
        left: 4.16666667%
    }

    .ant-col-xxl-pull-1 {
        right: 4.16666667%
    }

    .ant-col-xxl-offset-1 {
        margin-left: 4.16666667%
    }

    .ant-col-xxl-order-1 {
        order: 1
    }

    .ant-col-xxl-0 {
        display: none
    }

    .ant-col-push-0 {
        left: auto
    }

    .ant-col-pull-0 {
        right: auto
    }

    .ant-col-xxl-push-0 {
        left: auto
    }

    .ant-col-xxl-pull-0 {
        right: auto
    }

    .ant-col-xxl-offset-0 {
        margin-left: 0
    }

    .ant-col-xxl-order-0 {
        order: 0
    }

    .ant-col-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-xxl-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-xxl-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-xxl-offset-0.ant-col-rtl {
        margin-right: 0
    }

    .ant-col-xxl-push-1.ant-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .ant-col-xxl-pull-1.ant-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .ant-col-xxl-offset-1.ant-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .ant-col-xxl-push-2.ant-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .ant-col-xxl-pull-2.ant-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .ant-col-xxl-offset-2.ant-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .ant-col-xxl-push-3.ant-col-rtl {
        right: 12.5%;
        left: auto
    }

    .ant-col-xxl-pull-3.ant-col-rtl {
        right: auto;
        left: 12.5%
    }

    .ant-col-xxl-offset-3.ant-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .ant-col-xxl-push-4.ant-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .ant-col-xxl-pull-4.ant-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .ant-col-xxl-offset-4.ant-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .ant-col-xxl-push-5.ant-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .ant-col-xxl-pull-5.ant-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .ant-col-xxl-offset-5.ant-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .ant-col-xxl-push-6.ant-col-rtl {
        right: 25%;
        left: auto
    }

    .ant-col-xxl-pull-6.ant-col-rtl {
        right: auto;
        left: 25%
    }

    .ant-col-xxl-offset-6.ant-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .ant-col-xxl-push-7.ant-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .ant-col-xxl-pull-7.ant-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .ant-col-xxl-offset-7.ant-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .ant-col-xxl-push-8.ant-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .ant-col-xxl-pull-8.ant-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .ant-col-xxl-offset-8.ant-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .ant-col-xxl-push-9.ant-col-rtl {
        right: 37.5%;
        left: auto
    }

    .ant-col-xxl-pull-9.ant-col-rtl {
        right: auto;
        left: 37.5%
    }

    .ant-col-xxl-offset-9.ant-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .ant-col-xxl-push-10.ant-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .ant-col-xxl-pull-10.ant-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .ant-col-xxl-offset-10.ant-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .ant-col-xxl-push-11.ant-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .ant-col-xxl-pull-11.ant-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .ant-col-xxl-offset-11.ant-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .ant-col-xxl-push-12.ant-col-rtl {
        right: 50%;
        left: auto
    }

    .ant-col-xxl-pull-12.ant-col-rtl {
        right: auto;
        left: 50%
    }

    .ant-col-xxl-offset-12.ant-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .ant-col-xxl-push-13.ant-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .ant-col-xxl-pull-13.ant-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .ant-col-xxl-offset-13.ant-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .ant-col-xxl-push-14.ant-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .ant-col-xxl-pull-14.ant-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .ant-col-xxl-offset-14.ant-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .ant-col-xxl-push-15.ant-col-rtl {
        right: 62.5%;
        left: auto
    }

    .ant-col-xxl-pull-15.ant-col-rtl {
        right: auto;
        left: 62.5%
    }

    .ant-col-xxl-offset-15.ant-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .ant-col-xxl-push-16.ant-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .ant-col-xxl-pull-16.ant-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .ant-col-xxl-offset-16.ant-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .ant-col-xxl-push-17.ant-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .ant-col-xxl-pull-17.ant-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .ant-col-xxl-offset-17.ant-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .ant-col-xxl-push-18.ant-col-rtl {
        right: 75%;
        left: auto
    }

    .ant-col-xxl-pull-18.ant-col-rtl {
        right: auto;
        left: 75%
    }

    .ant-col-xxl-offset-18.ant-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .ant-col-xxl-push-19.ant-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .ant-col-xxl-pull-19.ant-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .ant-col-xxl-offset-19.ant-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .ant-col-xxl-push-20.ant-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .ant-col-xxl-pull-20.ant-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .ant-col-xxl-offset-20.ant-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .ant-col-xxl-push-21.ant-col-rtl {
        right: 87.5%;
        left: auto
    }

    .ant-col-xxl-pull-21.ant-col-rtl {
        right: auto;
        left: 87.5%
    }

    .ant-col-xxl-offset-21.ant-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .ant-col-xxl-push-22.ant-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .ant-col-xxl-pull-22.ant-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .ant-col-xxl-offset-22.ant-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .ant-col-xxl-push-23.ant-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .ant-col-xxl-pull-23.ant-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .ant-col-xxl-offset-23.ant-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .ant-col-xxl-push-24.ant-col-rtl {
        right: 100%;
        left: auto
    }

    .ant-col-xxl-pull-24.ant-col-rtl {
        right: auto;
        left: 100%
    }

    .ant-col-xxl-offset-24.ant-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

.ant-row-rtl {
    direction: rtl
}

.ant-image {
    position: relative;
    display: inline-block
}

.ant-image-img {
    width: 100%;
    height: auto;
    vertical-align: middle
}

.ant-image-img-placeholder {
    background-color: #f5f5f5;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30%
}

.ant-image-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(0,0,0,.5);
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s
}

.ant-image-mask-info {
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ant-image-mask-info .anticon {
    margin-inline-end:0px}

.ant-image-mask:hover {
    opacity: 1
}

.ant-image-placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.ant-image-preview {
    pointer-events: none;
    height: 100%;
    text-align: center
}

.ant-image-preview.ant-zoom-enter,.ant-image-preview.antzoom-appear {
    transform: none;
    opacity: 0;
    animation-duration: .3s;
    user-select: none
}

.ant-image-preview-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: #0009
}

.ant-image-preview-mask-hidden {
    display: none
}

.ant-image-preview-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    outline: 0;
    -webkit-overflow-scrolling: touch
}

.ant-image-preview-body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.ant-image-preview-img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    transform: scaleZ(1);
    cursor: grab;
    transition: transform .3s cubic-bezier(.215,.61,.355,1) 0s;
    user-select: none;
    pointer-events: auto
}

.ant-image-preview-img-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: transform .3s cubic-bezier(.215,.61,.355,1) 0s
}

.ant-image-preview-img-wrapper:before {
    display: inline-block;
    width: 1px;
    height: 50%;
    margin-right: -1px;
    content: ""
}

.ant-image-preview-moving .ant-image-preview-img {
    cursor: grabbing
}

.ant-image-preview-moving .ant-image-preview-img-wrapper {
    transition-duration: 0s
}

.ant-image-preview-wrap {
    z-index: 1080
}

.ant-image-preview-operations {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    font-feature-settings: tnum,"tnum";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
    color: #ffffffd9;
    list-style: none;
    background: rgba(0,0,0,.1);
    pointer-events: auto
}

.ant-image-preview-operations-operation {
    margin-left: 8px;
    padding: 8px;
    cursor: pointer
}

.ant-image-preview-operations-operation-disabled {
    color: #ffffff40;
    pointer-events: none
}

.ant-image-preview-operations-operation:last-of-type {
    margin-left: 0
}

.ant-image-preview-operations-icon {
    font-size: 18px
}

.ant-image-preview-switch-left,.ant-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: #ffffffd9;
    background: rgba(0,0,0,.1);
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto
}

.ant-image-preview-switch-left-disabled,.ant-image-preview-switch-right-disabled {
    color: #ffffff40;
    cursor: not-allowed
}

.ant-image-preview-switch-left-disabled>.anticon,.ant-image-preview-switch-right-disabled>.anticon {
    cursor: not-allowed
}

.ant-image-preview-switch-left>.anticon,.ant-image-preview-switch-right>.anticon {
    font-size: 18px
}

.ant-image-preview-switch-left {
    left: 10px
}

.ant-image-preview-switch-right {
    right: 10px
}

.ant-input-affix-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 3px 7px;
    color: #b4b4b4;
    font-size: 12px;
    line-height: 1.66667;
    background-color: #1e1e1e;
    background-image: none;
    border: 1px solid #464646;
    border-radius: 3px;
    transition: all .3s;
    display: inline-flex
}

.ant-input-affix-wrapper::placeholder {
    color: #646464;
    user-select: none
}

.ant-input-affix-wrapper:placeholder-shown {
    text-overflow: ellipsis
}

.ant-input-affix-wrapper:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-input-rtl .ant-input-affix-wrapper:hover {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused {
    border-color: #00dfb0;
    box-shadow: 0 0 0 2px #00dfb033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-input-rtl .ant-input-affix-wrapper:focus,.ant-input-rtl .ant-input-affix-wrapper-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-input-affix-wrapper-disabled {
    color: #4b4b4b;
    background-color: #191919;
    border-color: #464646;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-input-affix-wrapper-disabled:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-input-affix-wrapper[disabled] {
    color: #4b4b4b;
    background-color: #191919;
    border-color: #464646;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-input-affix-wrapper[disabled]:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-input-affix-wrapper-borderless,.ant-input-affix-wrapper-borderless:hover,.ant-input-affix-wrapper-borderless:focus,.ant-input-affix-wrapper-borderless-focused,.ant-input-affix-wrapper-borderless-disabled,.ant-input-affix-wrapper-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.ant-input-affix-wrapper {
    max-width: 100%;
    height: auto;
    min-height: 28px;
    line-height: 1.66667;
    vertical-align: bottom;
    transition: all .3s,height 0s
}

.ant-input-affix-wrapper-lg {
    padding: 7.4px 11px;
    font-size: 14px
}

.ant-input-affix-wrapper-sm {
    padding: 1px 7px
}

.ant-input-affix-wrapper-rtl {
    direction: rtl
}

.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
    border-color: #464646;
    border-right-width: 1px!important;
    z-index: 1
}

.ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
    z-index: 0
}

.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus {
    z-index: 1
}

.ant-input-affix-wrapper-disabled .ant-input[disabled] {
    background: transparent
}

.ant-input-affix-wrapper>input.ant-input {
    padding: 0;
    border: none;
    outline: none
}

.ant-input-affix-wrapper>input.ant-input:focus {
    box-shadow: none!important
}

.ant-input-affix-wrapper:before {
    width: 0;
    visibility: hidden;
    content: "\a0"
}

.ant-input-prefix,.ant-input-suffix {
    display: flex;
    flex: none;
    align-items: center
}

.ant-input-show-count-suffix {
    color: #969696
}

.ant-input-show-count-has-suffix {
    margin-right: 2px
}

.ant-input-prefix {
    margin-right: 4px
}

.ant-input-suffix {
    margin-left: 4px
}

.anticon.ant-input-clear-icon {
    margin: 0;
    color: #4b4b4b;
    font-size: 12px;
    vertical-align: -1px;
    cursor: pointer;
    transition: color .3s
}

.anticon.ant-input-clear-icon:hover {
    color: #969696
}

.anticon.ant-input-clear-icon:active {
    color: #b4b4b4
}

.anticon.ant-input-clear-icon-hidden {
    visibility: hidden
}

.anticon.ant-input-clear-icon-has-suffix {
    margin: 0 4px
}

.ant-input-affix-wrapper-textarea-with-clear-btn {
    padding: 0!important;
    border: 0!important
}

.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1
}

.ant-input {
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 3px 7px;
    color: #b4b4b4;
    font-size: 12px;
    line-height: 1.66667;
    background-color: #1e1e1e;
    background-image: none;
    border: 1px solid #464646;
    border-radius: 3px;
    transition: all .3s
}

.ant-input::placeholder {
    color: #646464;
    user-select: none
}

.ant-input:placeholder-shown {
    text-overflow: ellipsis
}

.ant-input:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-input-rtl .ant-input:hover {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-input:focus,.ant-input-focused {
    border-color: #00dfb0;
    box-shadow: 0 0 0 2px #00dfb033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-input-rtl .ant-input:focus,.ant-input-rtl .ant-input-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-input-disabled {
    color: #4b4b4b;
    background-color: #191919;
    border-color: #464646;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-input-disabled:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-input[disabled] {
    color: #4b4b4b;
    background-color: #191919;
    border-color: #464646;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-input[disabled]:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-input-borderless,.ant-input-borderless:hover,.ant-input-borderless:focus,.ant-input-borderless-focused,.ant-input-borderless-disabled,.ant-input-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.ant-input {
    max-width: 100%;
    height: auto;
    min-height: 28px;
    line-height: 1.66667;
    vertical-align: bottom;
    transition: all .3s,height 0s
}

.ant-input-lg {
    padding: 7.4px 11px;
    font-size: 14px
}

.ant-input-sm {
    padding: 1px 7px
}

.ant-input-rtl {
    direction: rtl
}

.ant-input-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.ant-input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.ant-input-group>[class*=col-] {
    padding-right: 8px
}

.ant-input-group>[class*=col-]:last-child {
    padding-right: 0
}

.ant-input-group-addon,.ant-input-group-wrap,.ant-input-group>.ant-input {
    display: table-cell
}

.ant-input-group-addon:not(:first-child):not(:last-child),.ant-input-group-wrap:not(:first-child):not(:last-child),.ant-input-group>.ant-input:not(:first-child):not(:last-child) {
    border-radius: 0
}

.ant-input-group-addon,.ant-input-group-wrap {
    width: 1px;
    white-space: nowrap;
    vertical-align: middle
}

.ant-input-group-wrap>* {
    display: block!important
}

.ant-input-group .ant-input {
    float: left;
    width: 100%;
    margin-bottom: 0;
    text-align: inherit
}

.ant-input-group .ant-input:focus {
    z-index: 1;
    border-right-width: 1px
}

.ant-input-group .ant-input:hover {
    z-index: 1;
    border-right-width: 1px
}

.ant-input-search-with-button .ant-input-group .ant-input:hover {
    z-index: 0
}

.ant-input-group-addon {
    position: relative;
    padding: 0 7px;
    color: #b4b4b4;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    background-color: #ffffff0a;
    border: 1px solid #464646;
    border-radius: 3px;
    transition: all .3s
}

.ant-input-group-addon .ant-select {
    margin: -4px -7px
}

.ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    background-color: inherit;
    border: 1px solid transparent;
    box-shadow: none
}

.ant-input-group-addon .ant-select-open .ant-select-selector,.ant-input-group-addon .ant-select-focused .ant-select-selector {
    color: #00dfb0
}

.ant-input-group-addon .ant-cascader-picker {
    margin: -9px -8px;
    background-color: transparent
}

.ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
    text-align: left;
    border: 0;
    box-shadow: none
}

.ant-input-group>.ant-input:first-child,.ant-input-group-addon:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ant-input-group>.ant-input:first-child .ant-select .ant-select-selector,.ant-input-group-addon:first-child .ant-select .ant-select-selector {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ant-input-group>.ant-input-affix-wrapper:not(:first-child) .ant-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ant-input-group>.ant-input-affix-wrapper:not(:last-child) .ant-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ant-input-group-addon:first-child {
    border-right: 0
}

.ant-input-group-addon:last-child {
    border-left: 0
}

.ant-input-group>.ant-input:last-child,.ant-input-group-addon:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ant-input-group>.ant-input:last-child .ant-select .ant-select-selector,.ant-input-group-addon:last-child .ant-select .ant-select-selector {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ant-input-group-lg .ant-input,.ant-input-group-lg>.ant-input-group-addon {
    padding: 7.4px 11px;
    font-size: 14px
}

.ant-input-group-sm .ant-input,.ant-input-group-sm>.ant-input-group-addon {
    padding: 1px 7px
}

.ant-input-group-lg .ant-select-single .ant-select-selector {
    height: 40px
}

.ant-input-group-sm .ant-select-single .ant-select-selector {
    height: 24px
}

.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.ant-input-group .ant-input-affix-wrapper:not(:first-child),.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ant-input-group.ant-input-group-compact {
    display: block
}

.ant-input-group.ant-input-group-compact:before {
    display: table;
    content: ""
}

.ant-input-group.ant-input-group-compact:after {
    display: table;
    clear: both;
    content: ""
}

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child) {
    border-right-width: 1px
}

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):hover {
    z-index: 1
}

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):focus {
    z-index: 1
}

.ant-input-group.ant-input-group-compact>* {
    display: inline-block;
    float: none;
    vertical-align: top;
    border-radius: 0
}

.ant-input-group.ant-input-group-compact>.ant-input-affix-wrapper {
    display: inline-flex
}

.ant-input-group.ant-input-group-compact>.ant-picker-range {
    display: inline-flex
}

.ant-input-group.ant-input-group-compact>*:not(:last-child) {
    margin-right: -1px;
    border-right-width: 1px
}

.ant-input-group.ant-input-group-compact .ant-input {
    float: none
}

.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input,.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input,.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input {
    border-right-width: 1px;
    border-radius: 0
}

.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector:hover,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:hover,.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:hover,.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:hover {
    z-index: 1
}

.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector:focus,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:focus,.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:focus,.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:focus {
    z-index: 1
}

.ant-input-group.ant-input-group-compact>.ant-select-focused {
    z-index: 1
}

.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-arrow {
    z-index: 1
}

.ant-input-group.ant-input-group-compact>*:first-child,.ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selector,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.ant-input-group.ant-input-group-compact>*:last-child,.ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selector,.ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-cascader-picker-focused:last-child .ant-input {
    border-right-width: 1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input {
    vertical-align: top
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper {
    margin-left: -1px
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper .ant-input-affix-wrapper {
    border-radius: 0
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input-group-addon>.ant-input-search-button {
    border-radius: 0
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input {
    border-radius: 3px 0 0 3px
}

.ant-input-group>.ant-input-rtl:first-child,.ant-input-group-rtl .ant-input-group-addon:first-child {
    border-radius: 0 3px 3px 0
}

.ant-input-group-rtl .ant-input-group-addon:first-child {
    border-right: 1px solid #464646;
    border-left: 0
}

.ant-input-group-rtl .ant-input-group-addon:last-child {
    border-right: 0;
    border-left: 1px solid #464646
}

.ant-input-group-rtl.ant-input-group>.ant-input:last-child,.ant-input-group-rtl.ant-input-group-addon:last-child {
    border-radius: 3px 0 0 3px
}

.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
    border-radius: 3px 0 0 3px
}

.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
    border-radius: 0 3px 3px 0
}

.ant-input-group-rtl.ant-input-group.ant-input-group-compact>*:not(:last-child) {
    margin-right: 0;
    margin-left: -1px;
    border-left-width: 1px
}

.ant-input-group-rtl.ant-input-group.ant-input-group-compact>*:first-child,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selector,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input {
    border-radius: 0 3px 3px 0
}

.ant-input-group-rtl.ant-input-group.ant-input-group-compact>*:last-child,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selector,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:last-child .ant-input,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker-focused:last-child .ant-input {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl+.ant-input-group-wrapper-rtl {
    margin-right: -1px;
    margin-left: 0
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search>.ant-input-group>.ant-input {
    border-radius: 0 3px 3px 0
}

.ant-input-group-wrapper {
    display: inline-block;
    width: 100%;
    text-align: start;
    vertical-align: top
}

.ant-input-password-icon {
    color: #969696;
    cursor: pointer;
    transition: all .3s
}

.ant-input-password-icon:hover {
    color: #ffffffd9
}

.ant-input[type=color] {
    height: 28px
}

.ant-input[type=color].ant-input-lg {
    height: 40px
}

.ant-input[type=color].ant-input-sm {
    height: 24px;
    padding-top: 3px;
    padding-bottom: 3px
}

.ant-input-textarea-show-count>.ant-input {
    height: 100%
}

.ant-input-textarea-show-count:after {
    float: right;
    color: #969696;
    white-space: nowrap;
    content: attr(data-count);
    pointer-events: none
}

.ant-input-search .ant-input:hover,.ant-input-search .ant-input:focus {
    border-color: #464646
}

.ant-input-search .ant-input:hover+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),.ant-input-search .ant-input:focus+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
    border-left-color: #464646
}

.ant-input-search .ant-input-affix-wrapper {
    border-radius: 0
}

.ant-input-search .ant-input-lg {
    line-height: 1.66647
}

.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child {
    left: -1px;
    padding: 0;
    border: 0
}

.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0 3px 3px 0
}

.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
    color: #969696
}

.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.ant-input-search-button {
    height: 28px
}

.ant-input-search-button:hover,.ant-input-search-button:focus {
    z-index: 1
}

.ant-input-search-large .ant-input-search-button {
    height: 40px
}

.ant-input-search-small .ant-input-search-button {
    height: 24px
}

.ant-input-group-wrapper-rtl,.ant-input-group-rtl {
    direction: rtl
}

.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl>input.ant-input {
    border: none;
    outline: none
}

.ant-input-affix-wrapper-rtl .ant-input-prefix {
    margin: 0 0 0 4px
}

.ant-input-affix-wrapper-rtl .ant-input-suffix {
    margin: 0 4px 0 0
}

.ant-input-textarea-rtl {
    direction: rtl
}

.ant-input-textarea-rtl.ant-input-textarea-show-count:after {
    text-align: left
}

.ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
    margin-right: 0;
    margin-left: 4px
}

.ant-input-affix-wrapper-rtl .ant-input-clear-icon {
    right: auto;
    left: 8px
}

.ant-input-search-rtl {
    direction: rtl
}

.ant-input-search-rtl .ant-input:hover+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),.ant-input-search-rtl .ant-input:focus+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
    border-right-color: #464646;
    border-left-color: #4b4b4b
}

.ant-input-search-rtl>.ant-input-group>.ant-input-affix-wrapper:hover,.ant-input-search-rtl>.ant-input-group>.ant-input-affix-wrapper-focused {
    border-right-color: #464646
}

.ant-input-search-rtl>.ant-input-group>.ant-input-group-addon {
    right: -1px;
    left: auto
}

.ant-input-search-rtl>.ant-input-group>.ant-input-group-addon .ant-input-search-button {
    border-radius: 3px 0 0 3px
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ant-input {
        height: 28px
    }

    .ant-input-lg {
        height: 40px
    }

    .ant-input-sm {
        height: 24px
    }

    .ant-input-affix-wrapper>input.ant-input {
        height: auto
    }
}

.ant-input-number-affix-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    color: #b4b4b4;
    font-size: 12px;
    line-height: 1.66667;
    background-color: #1e1e1e;
    background-image: none;
    border: 1px solid #464646;
    border-radius: 3px;
    transition: all .3s;
    position: static;
    display: inline-flex;
    width: 90px;
    padding: 0;
    padding-inline-start:7px}

.ant-input-number-affix-wrapper::placeholder {
    color: #646464;
    user-select: none
}

.ant-input-number-affix-wrapper:placeholder-shown {
    text-overflow: ellipsis
}

.ant-input-number-affix-wrapper:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-input-rtl .ant-input-number-affix-wrapper:hover {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-input-number-affix-wrapper:focus,.ant-input-number-affix-wrapper-focused {
    border-color: #00dfb0;
    box-shadow: 0 0 0 2px #00dfb033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-input-rtl .ant-input-number-affix-wrapper:focus,.ant-input-rtl .ant-input-number-affix-wrapper-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-input-number-affix-wrapper-disabled {
    color: #4b4b4b;
    background-color: #191919;
    border-color: #464646;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-input-number-affix-wrapper-disabled:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-input-number-affix-wrapper[disabled] {
    color: #4b4b4b;
    background-color: #191919;
    border-color: #464646;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-input-number-affix-wrapper[disabled]:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-input-number-affix-wrapper-borderless,.ant-input-number-affix-wrapper-borderless:hover,.ant-input-number-affix-wrapper-borderless:focus,.ant-input-number-affix-wrapper-borderless-focused,.ant-input-number-affix-wrapper-borderless-disabled,.ant-input-number-affix-wrapper-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.ant-input-number-affix-wrapper {
    max-width: 100%;
    height: auto;
    min-height: 28px;
    line-height: 1.66667;
    vertical-align: bottom;
    transition: all .3s,height 0s
}

.ant-input-number-affix-wrapper-lg {
    padding: 7.4px 11px;
    font-size: 14px
}

.ant-input-number-affix-wrapper-sm {
    padding: 1px 7px
}

.ant-input-number-affix-wrapper-rtl {
    direction: rtl
}

.ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
    border-color: #464646;
    border-right-width: 1px!important;
    z-index: 1
}

.ant-input-rtl .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-input-number-affix-wrapper-focused,.ant-input-number-affix-wrapper:focus {
    z-index: 1
}

.ant-input-number-affix-wrapper-disabled .ant-input-number[disabled] {
    background: transparent
}

.ant-input-number-affix-wrapper>div.ant-input-number {
    width: 100%;
    border: none;
    outline: none
}

.ant-input-number-affix-wrapper>div.ant-input-number.ant-input-number-focused {
    box-shadow: none!important
}

.ant-input-number-affix-wrapper input.ant-input-number-input {
    padding: 0
}

.ant-input-number-affix-wrapper:before {
    width: 0;
    visibility: hidden;
    content: "\a0"
}

.ant-input-number-prefix {
    display: flex;
    flex: none;
    align-items: center;
    margin-inline-end:4px}

.ant-input-number-group-wrapper .ant-input-number-affix-wrapper {
    width: 100%
}

.ant-input-number {
    box-sizing: border-box;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    width: 100%;
    min-width: 0;
    color: #b4b4b4;
    font-size: 12px;
    line-height: 1.66667;
    background-color: #1e1e1e;
    background-image: none;
    border: 1px solid #464646;
    transition: all .3s;
    display: inline-block;
    width: 90px;
    margin: 0;
    padding: 0;
    border: 1px solid #4B4B4B;
    border-radius: 3px
}

.ant-input-number::placeholder {
    color: #646464;
    user-select: none
}

.ant-input-number:placeholder-shown {
    text-overflow: ellipsis
}

.ant-input-rtl .ant-input-number:hover {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-input-number:focus,.ant-input-number-focused {
    border-color: #00dfb0;
    box-shadow: 0 0 0 2px #00dfb033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-input-rtl .ant-input-number:focus,.ant-input-rtl .ant-input-number-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-input-number[disabled] {
    color: #4b4b4b;
    background-color: #191919;
    border-color: #464646;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-input-number[disabled]:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-input-number-borderless,.ant-input-number-borderless:hover,.ant-input-number-borderless:focus,.ant-input-number-borderless-focused,.ant-input-number-borderless-disabled,.ant-input-number-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.ant-input-number {
    max-width: 100%;
    height: auto;
    min-height: 28px;
    line-height: 1.66667;
    vertical-align: bottom;
    transition: all .3s,height 0s
}

.ant-input-number-lg {
    padding: 7.4px 11px;
    font-size: 14px
}

.ant-input-number-sm {
    padding: 1px 7px
}

.ant-input-number-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.ant-input-number-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.ant-input-number-group>[class*=col-] {
    padding-right: 8px
}

.ant-input-number-group>[class*=col-]:last-child {
    padding-right: 0
}

.ant-input-number-group-addon,.ant-input-number-group-wrap,.ant-input-number-group>.ant-input-number {
    display: table-cell
}

.ant-input-number-group-addon:not(:first-child):not(:last-child),.ant-input-number-group-wrap:not(:first-child):not(:last-child),.ant-input-number-group>.ant-input-number:not(:first-child):not(:last-child) {
    border-radius: 0
}

.ant-input-number-group-addon,.ant-input-number-group-wrap {
    width: 1px;
    white-space: nowrap;
    vertical-align: middle
}

.ant-input-number-group-wrap>* {
    display: block!important
}

.ant-input-number-group .ant-input-number {
    float: left;
    width: 100%;
    margin-bottom: 0;
    text-align: inherit
}

.ant-input-number-group .ant-input-number:focus {
    z-index: 1;
    border-right-width: 1px
}

.ant-input-number-group .ant-input-number:hover {
    z-index: 1;
    border-right-width: 1px
}

.ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
    z-index: 0
}

.ant-input-number-group-addon {
    position: relative;
    padding: 0 7px;
    color: #b4b4b4;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    background-color: #ffffff0a;
    border: 1px solid #464646;
    border-radius: 3px;
    transition: all .3s
}

.ant-input-number-group-addon .ant-select {
    margin: -4px -7px
}

.ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    background-color: inherit;
    border: 1px solid transparent;
    box-shadow: none
}

.ant-input-number-group-addon .ant-select-open .ant-select-selector,.ant-input-number-group-addon .ant-select-focused .ant-select-selector {
    color: #00dfb0
}

.ant-input-number-group-addon .ant-cascader-picker {
    margin: -9px -8px;
    background-color: transparent
}

.ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
    text-align: left;
    border: 0;
    box-shadow: none
}

.ant-input-number-group>.ant-input-number:first-child,.ant-input-number-group-addon:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ant-input-number-group>.ant-input-number:first-child .ant-select .ant-select-selector,.ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ant-input-number-group>.ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ant-input-number-group>.ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ant-input-number-group-addon:first-child {
    border-right: 0
}

.ant-input-number-group-addon:last-child {
    border-left: 0
}

.ant-input-number-group>.ant-input-number:last-child,.ant-input-number-group-addon:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ant-input-number-group>.ant-input-number:last-child .ant-select .ant-select-selector,.ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ant-input-number-group-lg .ant-input-number,.ant-input-number-group-lg>.ant-input-number-group-addon {
    padding: 7.4px 11px;
    font-size: 14px
}

.ant-input-number-group-sm .ant-input-number,.ant-input-number-group-sm>.ant-input-number-group-addon {
    padding: 1px 7px
}

.ant-input-number-group-lg .ant-select-single .ant-select-selector {
    height: 40px
}

.ant-input-number-group-sm .ant-select-single .ant-select-selector {
    height: 24px
}

.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ant-input-number-group.ant-input-number-group-compact {
    display: block
}

.ant-input-number-group.ant-input-number-group-compact:before {
    display: table;
    content: ""
}

.ant-input-number-group.ant-input-number-group-compact:after {
    display: table;
    clear: both;
    content: ""
}

.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),.ant-input-number-group.ant-input-number-group-compact>.ant-input-number:not(:first-child):not(:last-child) {
    border-right-width: 1px
}

.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,.ant-input-number-group.ant-input-number-group-compact>.ant-input-number:not(:first-child):not(:last-child):hover {
    z-index: 1
}

.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,.ant-input-number-group.ant-input-number-group-compact>.ant-input-number:not(:first-child):not(:last-child):focus {
    z-index: 1
}

.ant-input-number-group.ant-input-number-group-compact>* {
    display: inline-block;
    float: none;
    vertical-align: top;
    border-radius: 0
}

.ant-input-number-group.ant-input-number-group-compact>.ant-input-number-affix-wrapper {
    display: inline-flex
}

.ant-input-number-group.ant-input-number-group-compact>.ant-picker-range {
    display: inline-flex
}

.ant-input-number-group.ant-input-number-group-compact>*:not(:last-child) {
    margin-right: -1px;
    border-right-width: 1px
}

.ant-input-number-group.ant-input-number-group-compact .ant-input-number {
    float: none
}

.ant-input-number-group.ant-input-number-group-compact>.ant-select>.ant-select-selector,.ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete .ant-input,.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker .ant-input,.ant-input-number-group.ant-input-number-group-compact>.ant-input-group-wrapper .ant-input {
    border-right-width: 1px;
    border-radius: 0
}

.ant-input-number-group.ant-input-number-group-compact>.ant-select>.ant-select-selector:hover,.ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete .ant-input:hover,.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker .ant-input:hover,.ant-input-number-group.ant-input-number-group-compact>.ant-input-group-wrapper .ant-input:hover {
    z-index: 1
}

.ant-input-number-group.ant-input-number-group-compact>.ant-select>.ant-select-selector:focus,.ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete .ant-input:focus,.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker .ant-input:focus,.ant-input-number-group.ant-input-number-group-compact>.ant-input-group-wrapper .ant-input:focus {
    z-index: 1
}

.ant-input-number-group.ant-input-number-group-compact>.ant-select-focused {
    z-index: 1
}

.ant-input-number-group.ant-input-number-group-compact>.ant-select>.ant-select-arrow {
    z-index: 1
}

.ant-input-number-group.ant-input-number-group-compact>*:first-child,.ant-input-number-group.ant-input-number-group-compact>.ant-select:first-child>.ant-select-selector,.ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete:first-child .ant-input,.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker:first-child .ant-input {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.ant-input-number-group.ant-input-number-group-compact>*:last-child,.ant-input-number-group.ant-input-number-group-compact>.ant-select:last-child>.ant-select-selector,.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker:last-child .ant-input,.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker-focused:last-child .ant-input {
    border-right-width: 1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete .ant-input {
    vertical-align: top
}

.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper {
    margin-left: -1px
}

.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper .ant-input-affix-wrapper {
    border-radius: 0
}

.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input-group-addon>.ant-input-search-button {
    border-radius: 0
}

.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input {
    border-radius: 3px 0 0 3px
}

.ant-input-number-group>.ant-input-number-rtl:first-child,.ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
    border-radius: 0 3px 3px 0
}

.ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
    border-right: 1px solid #464646;
    border-left: 0
}

.ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
    border-right: 0;
    border-left: 1px solid #464646
}

.ant-input-number-group-rtl.ant-input-number-group>.ant-input-number:last-child,.ant-input-number-group-rtl.ant-input-number-group-addon:last-child {
    border-radius: 3px 0 0 3px
}

.ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
    border-radius: 3px 0 0 3px
}

.ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
    border-radius: 0 3px 3px 0
}

.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact>*:not(:last-child) {
    margin-right: 0;
    margin-left: -1px;
    border-left-width: 1px
}

.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact>*:first-child,.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact>.ant-select:first-child>.ant-select-selector,.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete:first-child .ant-input,.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker:first-child .ant-input {
    border-radius: 0 3px 3px 0
}

.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact>*:last-child,.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact>.ant-select:last-child>.ant-select-selector,.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete:last-child .ant-input,.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker:last-child .ant-input,.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker-focused:last-child .ant-input {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px
}

.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl+.ant-input-group-wrapper-rtl {
    margin-right: -1px;
    margin-left: 0
}

.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search>.ant-input-group>.ant-input {
    border-radius: 0 3px 3px 0
}

.ant-input-number-group-wrapper {
    display: inline-block;
    text-align: start;
    vertical-align: top
}

.ant-input-number-handler {
    position: relative;
    display: block;
    width: 100%;
    height: 50%;
    overflow: hidden;
    color: #969696;
    font-weight: 700;
    line-height: 0;
    text-align: center;
    border-left: 1px solid #464646;
    transition: all .1s linear
}

.ant-input-number-handler:active {
    background: #464646
}

.ant-input-number-handler:hover .ant-input-number-handler-up-inner,.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
    color: #464646
}

.ant-input-number-handler-up-inner,.ant-input-number-handler-down-inner {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 4px;
    width: 12px;
    height: 12px;
    color: #969696;
    line-height: 12px;
    transition: all .1s linear;
    user-select: none
}

.ant-input-number-handler-up-inner>*,.ant-input-number-handler-down-inner>* {
    line-height: 1
}

.ant-input-number-handler-up-inner svg,.ant-input-number-handler-down-inner svg {
    display: inline-block
}

.ant-input-number-handler-up-inner:before,.ant-input-number-handler-down-inner:before {
    display: none
}

.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
    display: block
}

.ant-input-number:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-input-number:hover+.ant-form-item-children-icon {
    opacity: 0;
    transition: opacity .24s linear .24s
}

.ant-input-number-focused {
    border-color: #00dfb0;
    box-shadow: 0 0 0 2px #00dfb033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-input-rtl .ant-input-number-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-input-number-disabled {
    color: #4b4b4b;
    background-color: #191919;
    border-color: #464646;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-input-number-disabled:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-input-number-disabled .ant-input-number-input {
    cursor: not-allowed
}

.ant-input-number-disabled .ant-input-number-handler-wrap,.ant-input-number-readonly .ant-input-number-handler-wrap {
    display: none
}

.ant-input-number-input {
    width: 100%;
    height: 26px;
    padding: 0 7px;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 3px;
    outline: 0;
    transition: all .3s linear;
    -webkit-appearance: textfield!important;
    appearance: textfield!important
}

.ant-input-number-input::placeholder {
    color: #646464;
    user-select: none
}

.ant-input-number-input:placeholder-shown {
    text-overflow: ellipsis
}

.ant-input-number-input[type=number]::-webkit-inner-spin-button,.ant-input-number-input[type=number]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

.ant-input-number-lg {
    padding: 0;
    font-size: 14px
}

.ant-input-number-lg input {
    height: 38px
}

.ant-input-number-sm {
    padding: 0
}

.ant-input-number-sm input {
    height: 22px;
    padding: 0 7px
}

.ant-input-number-handler-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 100%;
    background: #464646;
    border-radius: 0 3px 3px 0;
    opacity: 0;
    transition: opacity .24s linear .1s
}

.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: auto;
    margin-right: 0;
    font-size: 7px
}

.ant-input-number-borderless .ant-input-number-handler-wrap {
    border-left-width: 0
}

.ant-input-number-handler-wrap:hover .ant-input-number-handler {
    height: 40%
}

.ant-input-number:hover .ant-input-number-handler-wrap,.ant-input-number-focused .ant-input-number-handler-wrap {
    opacity: 1
}

.ant-input-number-handler-up {
    border-top-right-radius: 3px;
    cursor: pointer
}

.ant-input-number-handler-up-inner {
    top: 50%;
    margin-top: -5px;
    text-align: center
}

.ant-input-number-handler-up:hover {
    height: 60%!important
}

.ant-input-number-handler-down {
    top: 0;
    border-top: 1px solid #4B4B4B;
    border-bottom-right-radius: 3px;
    cursor: pointer
}

.ant-input-number-handler-down-inner {
    top: 50%;
    text-align: center;
    transform: translateY(-50%)
}

.ant-input-number-handler-down:hover {
    height: 60%!important
}

.ant-input-number-borderless .ant-input-number-handler-down {
    border-top-width: 0
}

.ant-input-number-handler-up-disabled,.ant-input-number-handler-down-disabled {
    cursor: not-allowed
}

.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
    color: #4b4b4b
}

.ant-input-number-borderless {
    box-shadow: none
}

.ant-input-number-out-of-range input {
    color: #fc4e00
}

.ant-input-number-rtl {
    direction: rtl
}

.ant-input-number-rtl .ant-input-number-handler {
    border-right: 1px solid #464646;
    border-left: 0
}

.ant-input-number-rtl .ant-input-number-handler-wrap {
    right: auto;
    left: 0
}

.ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
    border-right-width: 0
}

.ant-input-number-rtl .ant-input-number-handler-up {
    border-top-right-radius: 0
}

.ant-input-number-rtl .ant-input-number-handler-down {
    border-bottom-right-radius: 0
}

.ant-input-number-rtl .ant-input-number-input {
    direction: ltr;
    text-align: right
}

.ant-layout {
    display: flex;
    flex: auto;
    flex-direction: column;
    min-height: 0;
    background: transparent
}

.ant-layout,.ant-layout * {
    box-sizing: border-box
}

.ant-layout.ant-layout-has-sider {
    flex-direction: row
}

.ant-layout.ant-layout-has-sider>.ant-layout,.ant-layout.ant-layout-has-sider>.ant-layout-content {
    width: 0
}

.ant-layout-header,.ant-layout-footer {
    flex: 0 0 auto
}

.ant-layout-header {
    height: 64px;
    padding: 0 50px;
    color: #b4b4b4;
    line-height: 64px;
    background: #1f1f1f
}

.ant-layout-footer {
    padding: 24px 50px;
    color: #b4b4b4;
    font-size: 12px;
    background: transparent
}

.ant-layout-content {
    flex: auto;
    min-height: 0
}

.ant-layout-sider {
    position: relative;
    min-width: 0;
    background: #1f1f1f;
    transition: all .2s
}

.ant-layout-sider-children {
    height: 100%;
    margin-top: -.1px;
    padding-top: .1px
}

.ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed {
    width: auto
}

.ant-layout-sider-has-trigger {
    padding-bottom: 48px
}

.ant-layout-sider-right {
    order: 1
}

.ant-layout-sider-trigger {
    position: fixed;
    bottom: 0;
    z-index: 1;
    height: 48px;
    color: #fff;
    line-height: 48px;
    text-align: center;
    background: #262626;
    cursor: pointer;
    transition: all .2s
}

.ant-layout-sider-zero-width>* {
    overflow: hidden
}

.ant-layout-sider-zero-width-trigger {
    position: absolute;
    top: 64px;
    right: -36px;
    z-index: 1;
    width: 36px;
    height: 42px;
    color: #fff;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    background: #1f1f1f;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    transition: background .3s ease
}

.ant-layout-sider-zero-width-trigger:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: all .3s;
    content: ""
}

.ant-layout-sider-zero-width-trigger:hover:after {
    background: rgba(255,255,255,.1)
}

.ant-layout-sider-zero-width-trigger-right {
    left: -36px;
    border-radius: 3px 0 0 3px
}

.ant-layout-sider-light {
    background: #fff
}

.ant-layout-sider-light .ant-layout-sider-trigger,.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
    color: #b4b4b4;
    background: #fff
}

.ant-layout-rtl {
    direction: rtl
}

.ant-list .ant-card {
    background: transparent
}

.ant-list {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative
}

.ant-list * {
    outline: none
}

.ant-list-pagination {
    margin-top: 16px;
    text-align: right
}

.ant-list-pagination .ant-pagination-options {
    text-align: left
}

.ant-list-more {
    margin-top: 8px;
    text-align: center
}

.ant-list-more button {
    padding-right: 32px;
    padding-left: 32px
}

.ant-list-spin {
    min-height: 40px;
    text-align: center
}

.ant-list-empty-text {
    padding: 8px;
    color: #4b4b4b;
    font-size: 12px;
    text-align: center
}

.ant-list-items {
    margin: 0;
    padding: 0;
    list-style: none
}

.ant-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    color: #b4b4b4
}

.ant-list-item-meta {
    display: flex;
    flex: 1 1;
    align-items: flex-start;
    max-width: 100%
}

.ant-list-item-meta-avatar {
    margin-right: 8px
}

.ant-list-item-meta-content {
    flex: 1 0;
    width: 0;
    color: #b4b4b4
}

.ant-list-item-meta-title {
    margin-bottom: 4px;
    color: #b4b4b4;
    font-size: 12px;
    line-height: 1.66667
}

.ant-list-item-meta-title>a {
    color: #b4b4b4;
    transition: all .3s
}

.ant-list-item-meta-title>a:hover {
    color: #00dfb0
}

.ant-list-item-meta-description {
    color: #969696;
    font-size: 12px;
    line-height: 1.66667
}

.ant-list-item-action {
    flex: 0 0 auto;
    margin-left: 48px;
    padding: 0;
    font-size: 0;
    list-style: none
}

.ant-list-item-action>li {
    position: relative;
    display: inline-block;
    padding: 0 4px;
    color: #969696;
    font-size: 12px;
    line-height: 1.66667;
    text-align: center
}

.ant-list-item-action>li:first-child {
    padding-left: 0
}

.ant-list-item-action-split {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background-color: #303030
}

.ant-list-header,.ant-list-footer {
    background: transparent
}

.ant-list-header,.ant-list-footer {
    padding-top: 8px;
    padding-bottom: 8px
}

.ant-list-empty {
    padding: 8px 0;
    color: #969696;
    font-size: 12px;
    text-align: center
}

.ant-list-split .ant-list-item {
    border-bottom: 1px solid #303030
}

.ant-list-split .ant-list-item:last-child {
    border-bottom: none
}

.ant-list-split .ant-list-header {
    border-bottom: 1px solid #303030
}

.ant-list-split.ant-list-empty .ant-list-footer {
    border-top: 1px solid #303030
}

.ant-list-loading .ant-list-spin-nested-loading {
    min-height: 32px
}

.ant-list-split.ant-list-something-after-last-item .ant-spin-container>.ant-list-items>.ant-list-item:last-child {
    border-bottom: 1px solid #303030
}

.ant-list-lg .ant-list-item {
    padding: 12px 16px
}

.ant-list-sm .ant-list-item {
    padding: 4px 12px
}

.ant-list-vertical .ant-list-item {
    align-items: initial
}

.ant-list-vertical .ant-list-item-main {
    display: block;
    flex: 1 1
}

.ant-list-vertical .ant-list-item-extra {
    margin-left: 40px
}

.ant-list-vertical .ant-list-item-meta {
    margin-bottom: 8px
}

.ant-list-vertical .ant-list-item-meta-title {
    margin-bottom: 8px;
    color: #fff;
    font-size: 14px;
    line-height: 24px
}

.ant-list-vertical .ant-list-item-action {
    margin-top: 8px;
    margin-left: auto
}

.ant-list-vertical .ant-list-item-action>li {
    padding: 0 8px
}

.ant-list-vertical .ant-list-item-action>li:first-child {
    padding-left: 0
}

.ant-list-grid .ant-col>.ant-list-item {
    display: block;
    max-width: 100%;
    margin-bottom: 8px;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none
}

.ant-list-item-no-flex {
    display: block
}

.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
    float: right
}

.ant-list-bordered {
    border: 1px solid #4B4B4B;
    border-radius: 3px
}

.ant-list-bordered .ant-list-header,.ant-list-bordered .ant-list-footer,.ant-list-bordered .ant-list-item {
    padding-right: 16px;
    padding-left: 16px
}

.ant-list-bordered .ant-list-pagination {
    margin: 8px 16px
}

.ant-list-bordered.ant-list-sm .ant-list-item,.ant-list-bordered.ant-list-sm .ant-list-header,.ant-list-bordered.ant-list-sm .ant-list-footer {
    padding: 4px 12px
}

.ant-list-bordered.ant-list-lg .ant-list-item,.ant-list-bordered.ant-list-lg .ant-list-header,.ant-list-bordered.ant-list-lg .ant-list-footer {
    padding: 12px 16px
}

@media screen and (max-width: 768px) {
    .ant-list-item-action,.ant-list-vertical .ant-list-item-extra {
        margin-left:24px
    }
}

@media screen and (max-width: 576px) {
    .ant-list-item {
        flex-wrap:wrap
    }

    .ant-list-item-action {
        margin-left: 12px
    }

    .ant-list-vertical .ant-list-item {
        flex-wrap: wrap-reverse
    }

    .ant-list-vertical .ant-list-item-main {
        min-width: 220px
    }

    .ant-list-vertical .ant-list-item-extra {
        margin: auto auto 16px
    }
}

.ant-list-rtl {
    direction: rtl;
    text-align: right
}

.ant-list-rtl .ReactVirtualized__List .ant-list-item {
    direction: rtl
}

.ant-list-rtl .ant-list-pagination {
    text-align: left
}

.ant-list-rtl .ant-list-item-meta-avatar {
    margin-right: 0;
    margin-left: 8px
}

.ant-list-rtl .ant-list-item-action {
    margin-right: 48px;
    margin-left: 0
}

.ant-list.ant-list-rtl .ant-list-item-action>li:first-child {
    padding-right: 0;
    padding-left: 8px
}

.ant-list-rtl .ant-list-item-action-split {
    right: auto;
    left: 0
}

.ant-list-rtl.ant-list-vertical .ant-list-item-extra {
    margin-right: 40px;
    margin-left: 0
}

.ant-list-rtl.ant-list-vertical .ant-list-item-action {
    margin-right: auto
}

.ant-list-rtl .ant-list-vertical .ant-list-item-action>li:first-child {
    padding-right: 0;
    padding-left: 8px
}

.ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
    float: left
}

@media screen and (max-width: 768px) {
    .ant-list-rtl .ant-list-item-action,.ant-list-rtl .ant-list-vertical .ant-list-item-extra {
        margin-right:24px;
        margin-left: 0
    }
}

@media screen and (max-width: 576px) {
    .ant-list-rtl .ant-list-item-action {
        margin-right:22px;
        margin-left: 0
    }

    .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
        margin: auto auto 16px
    }
}

.ant-mentions {
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    width: 100%;
    min-width: 0;
    color: #b4b4b4;
    font-size: 12px;
    background-color: #1e1e1e;
    background-image: none;
    border: 1px solid #464646;
    border-radius: 3px;
    transition: all .3s;
    position: relative;
    display: inline-block;
    height: auto;
    padding: 0;
    overflow: hidden;
    line-height: 1.66667;
    white-space: pre-wrap;
    vertical-align: bottom
}

.ant-mentions::placeholder {
    color: #646464;
    user-select: none
}

.ant-mentions:placeholder-shown {
    text-overflow: ellipsis
}

.ant-mentions:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-input-rtl .ant-mentions:hover {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-mentions:focus,.ant-mentions-focused {
    border-color: #00dfb0;
    box-shadow: 0 0 0 2px #00dfb033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-input-rtl .ant-mentions:focus,.ant-input-rtl .ant-mentions-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-mentions-disabled {
    color: #4b4b4b;
    background-color: #191919;
    border-color: #464646;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-mentions-disabled:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-mentions[disabled] {
    color: #4b4b4b;
    background-color: #191919;
    border-color: #464646;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-mentions[disabled]:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-mentions-borderless,.ant-mentions-borderless:hover,.ant-mentions-borderless:focus,.ant-mentions-borderless-focused,.ant-mentions-borderless-disabled,.ant-mentions-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.ant-mentions {
    max-width: 100%;
    height: auto;
    min-height: 28px;
    line-height: 1.66667;
    vertical-align: bottom;
    transition: all .3s,height 0s
}

.ant-mentions-lg {
    padding: 7.4px 11px;
    font-size: 14px
}

.ant-mentions-sm {
    padding: 1px 7px
}

.ant-mentions-disabled>textarea {
    color: #4b4b4b;
    background-color: #191919;
    border-color: #464646;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-mentions-disabled>textarea:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-mentions-focused {
    border-color: #00dfb0;
    box-shadow: 0 0 0 2px #00dfb033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-input-rtl .ant-mentions-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-mentions>textarea,.ant-mentions-measure {
    min-height: 26px;
    margin: 0;
    padding: 3px 7px;
    overflow: inherit;
    overflow-x: hidden;
    overflow-y: auto;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    font-style: inherit;
    font-feature-settings: inherit;
    font-variant: inherit;
    font-size-adjust: inherit;
    font-stretch: inherit;
    line-height: inherit;
    direction: inherit;
    letter-spacing: inherit;
    white-space: inherit;
    text-align: inherit;
    vertical-align: top;
    word-wrap: break-word;
    word-break: inherit;
    tab-size: inherit
}

.ant-mentions>textarea {
    width: 100%;
    border: none;
    outline: none;
    resize: none;
    background-color: transparent
}

.ant-mentions>textarea::placeholder {
    color: #646464;
    user-select: none
}

.ant-mentions>textarea:placeholder-shown {
    text-overflow: ellipsis
}

.ant-mentions-measure {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    color: transparent;
    pointer-events: none
}

.ant-mentions-measure>span {
    display: inline-block;
    min-height: 1em
}

.ant-mentions-dropdown {
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum",;
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    box-sizing: border-box;
    font-size: 12px;
    font-variant: initial;
    background-color: #1f1f1f;
    border-radius: 3px;
    outline: none;
    box-shadow: 0 3px 6px -4px #0000007a,0 6px 16px #00000052,0 9px 28px 8px #0003
}

.ant-mentions-dropdown-hidden {
    display: none
}

.ant-mentions-dropdown-menu {
    max-height: 250px;
    margin-bottom: 0;
    padding-left: 0;
    overflow: auto;
    list-style: none;
    outline: none
}

.ant-mentions-dropdown-menu-item {
    position: relative;
    display: block;
    min-width: 100px;
    padding: 5px 8px;
    overflow: hidden;
    color: #b4b4b4;
    font-weight: 400;
    line-height: 1.66667;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: background .3s ease
}

.ant-mentions-dropdown-menu-item:hover {
    background-color: #ffffff14
}

.ant-mentions-dropdown-menu-item:first-child {
    border-radius: 3px 3px 0 0
}

.ant-mentions-dropdown-menu-item:last-child {
    border-radius: 0 0 3px 3px
}

.ant-mentions-dropdown-menu-item-disabled {
    color: #4b4b4b;
    cursor: not-allowed
}

.ant-mentions-dropdown-menu-item-disabled:hover {
    color: #4b4b4b;
    background-color: #1f1f1f;
    cursor: not-allowed
}

.ant-mentions-dropdown-menu-item-selected {
    color: #b4b4b4;
    font-weight: 600;
    background-color: #ffffff0a
}

.ant-mentions-dropdown-menu-item-active {
    background-color: #ffffff14
}

.ant-mentions-rtl {
    direction: rtl
}

.ant-menu-item-danger.ant-menu-item,.ant-menu-item-danger.ant-menu-item:hover,.ant-menu-item-danger.ant-menu-item-active {
    color: #fc4e00
}

.ant-menu-item-danger.ant-menu-item:active {
    background: #2a1215
}

.ant-menu-item-danger.ant-menu-item-selected {
    color: #fc4e00
}

.ant-menu-item-danger.ant-menu-item-selected>a,.ant-menu-item-danger.ant-menu-item-selected>a:hover {
    color: #fc4e00
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
    background-color: #2a1215
}

.ant-menu-inline .ant-menu-item-danger.ant-menu-item:after {
    border-right-color: #fc4e00
}

.ant-menu-dark .ant-menu-item-danger.ant-menu-item,.ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,.ant-menu-dark .ant-menu-item-danger.ant-menu-item>a {
    color: #fc4e00
}

.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
    color: #fff;
    background-color: #fc4e00
}

.ant-menu {
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    line-height: 1.66667;
    font-feature-settings: tnum,"tnum";
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    line-height: 0;
    text-align: left;
    list-style: none;
    background: #141414;
    outline: none;
    box-shadow: 0 3px 6px -4px #0000007a,0 6px 16px #00000052,0 9px 28px 8px #0003;
    transition: background .3s,width .3s cubic-bezier(.2,0,0,1) 0s
}

.ant-menu:before {
    display: table;
    content: ""
}

.ant-menu:after {
    display: table;
    clear: both;
    content: ""
}

.ant-menu.ant-menu-root:focus-visible {
    box-shadow: 0 0 0 2px #0f3d35
}

.ant-menu ul,.ant-menu ol {
    margin: 0;
    padding: 0;
    list-style: none
}

.ant-menu-overflow {
    display: flex
}

.ant-menu-overflow-item {
    flex: none
}

.ant-menu-hidden,.ant-menu-submenu-hidden {
    display: none
}

.ant-menu-item-group-title {
    height: 1.66667;
    padding: 8px 16px;
    color: #969696;
    font-size: 12px;
    line-height: 1.66667;
    transition: all .3s
}

.ant-menu-horizontal .ant-menu-submenu {
    transition: border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1)
}

.ant-menu-submenu,.ant-menu-submenu-inline {
    transition: border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1)
}

.ant-menu-submenu-selected {
    color: #00dfb0
}

.ant-menu-item:active,.ant-menu-submenu-title:active {
    background: #112724
}

.ant-menu-submenu .ant-menu-sub {
    cursor: initial;
    transition: background .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)
}

.ant-menu-title-content {
    transition: color .3s
}

.ant-menu-item a {
    color: #b4b4b4
}

.ant-menu-item a:hover {
    color: #00dfb0
}

.ant-menu-item a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    content: ""
}

.ant-menu-item>.ant-badge a {
    color: #b4b4b4
}

.ant-menu-item>.ant-badge a:hover {
    color: #00dfb0
}

.ant-menu-item-divider {
    overflow: hidden;
    line-height: 0;
    border-color: #303030;
    border-style: solid;
    border-width: 1px 0 0
}

.ant-menu-item-divider-dashed {
    border-style: dashed
}

.ant-menu-horizontal .ant-menu-item,.ant-menu-horizontal .ant-menu-submenu {
    margin-top: -1px
}

.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-submenu .ant-menu-submenu-title:hover {
    background-color: transparent
}

.ant-menu-item-selected,.ant-menu-item-selected a,.ant-menu-item-selected a:hover {
    color: #00dfb0
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: #112724
}

.ant-menu-inline,.ant-menu-vertical,.ant-menu-vertical-left {
    border-right: 1px solid #303030
}

.ant-menu-vertical-right {
    border-left: 1px solid #303030
}

.ant-menu-vertical.ant-menu-sub,.ant-menu-vertical-left.ant-menu-sub,.ant-menu-vertical-right.ant-menu-sub {
    min-width: 160px;
    max-height: calc(100vh - 100px);
    padding: 0;
    overflow: hidden;
    border-right: 0
}

.ant-menu-vertical.ant-menu-sub:not([class*="-active"]),.ant-menu-vertical-left.ant-menu-sub:not([class*="-active"]),.ant-menu-vertical-right.ant-menu-sub:not([class*="-active"]) {
    overflow-x: hidden;
    overflow-y: auto
}

.ant-menu-vertical.ant-menu-sub .ant-menu-item,.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
    left: 0;
    margin-left: 0;
    border-right: 0
}

.ant-menu-vertical.ant-menu-sub .ant-menu-item:after,.ant-menu-vertical-left.ant-menu-sub .ant-menu-item:after,.ant-menu-vertical-right.ant-menu-sub .ant-menu-item:after {
    border-right: 0
}

.ant-menu-vertical.ant-menu-sub>.ant-menu-item,.ant-menu-vertical-left.ant-menu-sub>.ant-menu-item,.ant-menu-vertical-right.ant-menu-sub>.ant-menu-item,.ant-menu-vertical.ant-menu-sub>.ant-menu-submenu,.ant-menu-vertical-left.ant-menu-sub>.ant-menu-submenu,.ant-menu-vertical-right.ant-menu-sub>.ant-menu-submenu {
    transform-origin: 0 0
}

.ant-menu-horizontal.ant-menu-sub {
    min-width: 114px
}

.ant-menu-horizontal .ant-menu-item,.ant-menu-horizontal .ant-menu-submenu-title {
    transition: border-color .3s,background .3s
}

.ant-menu-item,.ant-menu-submenu-title {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 12px;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color .3s,background .3s,padding .3s cubic-bezier(.645,.045,.355,1)
}

.ant-menu-item .ant-menu-item-icon,.ant-menu-submenu-title .ant-menu-item-icon,.ant-menu-item .anticon,.ant-menu-submenu-title .anticon {
    min-width: 14px;
    font-size: 12px;
    transition: font-size .15s cubic-bezier(.215,.61,.355,1),margin .3s cubic-bezier(.645,.045,.355,1),color .3s
}

.ant-menu-item .ant-menu-item-icon+span,.ant-menu-submenu-title .ant-menu-item-icon+span,.ant-menu-item .anticon+span,.ant-menu-submenu-title .anticon+span {
    margin-left: 8px;
    opacity: 1;
    transition: opacity .3s cubic-bezier(.645,.045,.355,1),margin .3s,color .3s
}

.ant-menu-item .ant-menu-item-icon.svg,.ant-menu-submenu-title .ant-menu-item-icon.svg {
    vertical-align: -.125em
}

.ant-menu-item.ant-menu-item-only-child>.anticon,.ant-menu-submenu-title.ant-menu-item-only-child>.anticon,.ant-menu-item.ant-menu-item-only-child>.ant-menu-item-icon,.ant-menu-submenu-title.ant-menu-item-only-child>.ant-menu-item-icon {
    margin-right: 0
}

.ant-menu-item:focus-visible,.ant-menu-submenu-title:focus-visible {
    box-shadow: 0 0 0 2px #0f3d35
}

.ant-menu>.ant-menu-item-divider {
    margin: 1px 0;
    padding: 0
}

.ant-menu-submenu-popup {
    position: absolute;
    z-index: 1050;
    background: transparent;
    border-radius: 3px;
    box-shadow: none;
    transform-origin: 0 0
}

.ant-menu-submenu-popup:before {
    position: absolute;
    top: -7px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: .0001;
    content: " "
}

.ant-menu-submenu-placement-rightTop:before {
    top: 0;
    left: -7px
}

.ant-menu-submenu>.ant-menu {
    background-color: #141414;
    border-radius: 3px
}

.ant-menu-submenu>.ant-menu-submenu-title:after {
    transition: transform .3s cubic-bezier(.645,.045,.355,1)
}

.ant-menu-submenu-popup>.ant-menu {
    background-color: #1f1f1f
}

.ant-menu-submenu-expand-icon,.ant-menu-submenu-arrow {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 10px;
    color: #b4b4b4;
    transform: translateY(-50%);
    transition: transform .3s cubic-bezier(.645,.045,.355,1)
}

.ant-menu-submenu-arrow:before,.ant-menu-submenu-arrow:after {
    position: absolute;
    width: 6px;
    height: 1.5px;
    background-color: currentcolor;
    border-radius: 2px;
    transition: background .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1);
    content: ""
}

.ant-menu-submenu-arrow:before {
    transform: rotate(45deg) translateY(-2.5px)
}

.ant-menu-submenu-arrow:after {
    transform: rotate(-45deg) translateY(2.5px)
}

.ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-expand-icon,.ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow {
    color: #00dfb0
}

.ant-menu-inline-collapsed .ant-menu-submenu-arrow:before,.ant-menu-submenu-inline .ant-menu-submenu-arrow:before {
    transform: rotate(-45deg) translate(2.5px)
}

.ant-menu-inline-collapsed .ant-menu-submenu-arrow:after,.ant-menu-submenu-inline .ant-menu-submenu-arrow:after {
    transform: rotate(45deg) translate(-2.5px)
}

.ant-menu-submenu-horizontal .ant-menu-submenu-arrow {
    display: none
}

.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow {
    transform: translateY(-2px)
}

.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after {
    transform: rotate(-45deg) translate(-2.5px)
}

.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before {
    transform: rotate(45deg) translate(2.5px)
}

.ant-menu-vertical .ant-menu-submenu-selected,.ant-menu-vertical-left .ant-menu-submenu-selected,.ant-menu-vertical-right .ant-menu-submenu-selected {
    color: #00dfb0
}

.ant-menu-horizontal {
    line-height: 38px;
    border: 0;
    border-bottom: 1px solid #303030;
    box-shadow: none
}

.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu {
    margin-top: -1px;
    margin-bottom: 0;
    padding: 0 12px
}

.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected {
    color: #00dfb0
}

.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected:after {
    border-bottom: 2px solid #00DFB0
}

.ant-menu-horizontal>.ant-menu-item,.ant-menu-horizontal>.ant-menu-submenu {
    position: relative;
    top: 1px;
    display: inline-block;
    vertical-align: bottom
}

.ant-menu-horizontal>.ant-menu-item:after,.ant-menu-horizontal>.ant-menu-submenu:after {
    position: absolute;
    right: 20px;
    bottom: 0;
    left: 20px;
    border-bottom: 2px solid transparent;
    transition: border-color .3s cubic-bezier(.645,.045,.355,1);
    content: ""
}

.ant-menu-horizontal>.ant-menu-submenu>.ant-menu-submenu-title {
    padding: 0
}

.ant-menu-horizontal>.ant-menu-item a {
    color: #b4b4b4
}

.ant-menu-horizontal>.ant-menu-item a:hover {
    color: #00dfb0
}

.ant-menu-horizontal>.ant-menu-item a:before {
    bottom: -2px
}

.ant-menu-horizontal>.ant-menu-item-selected a {
    color: #00dfb0
}

.ant-menu-horizontal:after {
    display: block;
    clear: both;
    height: 0;
    content: " "
}

.ant-menu-vertical .ant-menu-item,.ant-menu-vertical-left .ant-menu-item,.ant-menu-vertical-right .ant-menu-item,.ant-menu-inline .ant-menu-item {
    position: relative
}

.ant-menu-vertical .ant-menu-item:after,.ant-menu-vertical-left .ant-menu-item:after,.ant-menu-vertical-right .ant-menu-item:after,.ant-menu-inline .ant-menu-item:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-right: 3px solid #00DFB0;
    transform: scaleY(.0001);
    opacity: 0;
    transition: transform .15s cubic-bezier(.215,.61,.355,1),opacity .15s cubic-bezier(.215,.61,.355,1);
    content: ""
}

.ant-menu-vertical .ant-menu-item,.ant-menu-vertical-left .ant-menu-item,.ant-menu-vertical-right .ant-menu-item,.ant-menu-inline .ant-menu-item,.ant-menu-vertical .ant-menu-submenu-title,.ant-menu-vertical-left .ant-menu-submenu-title,.ant-menu-vertical-right .ant-menu-submenu-title,.ant-menu-inline .ant-menu-submenu-title {
    height: 32px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 16px;
    overflow: hidden;
    line-height: 32px;
    text-overflow: ellipsis
}

.ant-menu-vertical .ant-menu-submenu,.ant-menu-vertical-left .ant-menu-submenu,.ant-menu-vertical-right .ant-menu-submenu,.ant-menu-inline .ant-menu-submenu {
    padding-bottom: .02px
}

.ant-menu-vertical .ant-menu-item:not(:last-child),.ant-menu-vertical-left .ant-menu-item:not(:last-child),.ant-menu-vertical-right .ant-menu-item:not(:last-child),.ant-menu-inline .ant-menu-item:not(:last-child) {
    margin-bottom: 0
}

.ant-menu-vertical>.ant-menu-item,.ant-menu-vertical-left>.ant-menu-item,.ant-menu-vertical-right>.ant-menu-item,.ant-menu-inline>.ant-menu-item,.ant-menu-vertical>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-vertical-left>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-vertical-right>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title {
    height: 32px;
    line-height: 32px
}

.ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,.ant-menu-vertical .ant-menu-submenu-title {
    padding-right: 34px
}

.ant-menu-inline {
    width: 100%
}

.ant-menu-inline .ant-menu-selected:after,.ant-menu-inline .ant-menu-item-selected:after {
    transform: scaleY(1);
    opacity: 1;
    transition: transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1)
}

.ant-menu-inline .ant-menu-item,.ant-menu-inline .ant-menu-submenu-title {
    width: calc(100% + 1px)
}

.ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,.ant-menu-inline .ant-menu-submenu-title {
    padding-right: 34px
}

.ant-menu-inline.ant-menu-root .ant-menu-item,.ant-menu-inline.ant-menu-root .ant-menu-submenu-title {
    display: flex;
    align-items: center;
    transition: border-color .3s,background .3s,padding .1s cubic-bezier(.215,.61,.355,1)
}

.ant-menu-inline.ant-menu-root .ant-menu-item>.ant-menu-title-content,.ant-menu-inline.ant-menu-root .ant-menu-submenu-title>.ant-menu-title-content {
    flex: auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.ant-menu-inline.ant-menu-root .ant-menu-item>*,.ant-menu-inline.ant-menu-root .ant-menu-submenu-title>* {
    flex: none
}

.ant-menu.ant-menu-inline-collapsed {
    width: 80px
}

.ant-menu.ant-menu-inline-collapsed>.ant-menu-item,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title {
    left: 0;
    padding: 0 calc(50% - 7px);
    text-overflow: clip
}

.ant-menu.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-submenu-arrow,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-submenu-arrow,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow {
    opacity: 0
}

.ant-menu.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-item-icon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-item-icon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item .anticon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon {
    margin: 0;
    font-size: 14px;
    line-height: 32px
}

.ant-menu.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-item-icon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-item-icon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item .anticon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span {
    display: inline-block;
    opacity: 0
}

.ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon,.ant-menu.ant-menu-inline-collapsed .anticon {
    display: inline-block
}

.ant-menu.ant-menu-inline-collapsed-tooltip {
    pointer-events: none
}

.ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,.ant-menu.ant-menu-inline-collapsed-tooltip .anticon {
    display: none
}

.ant-menu.ant-menu-inline-collapsed-tooltip a {
    color: #ffffffd9
}

.ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title {
    padding-right: 4px;
    padding-left: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ant-menu-item-group-list {
    margin: 0;
    padding: 0
}

.ant-menu-item-group-list .ant-menu-item,.ant-menu-item-group-list .ant-menu-submenu-title {
    padding: 0 16px 0 28px
}

.ant-menu-root.ant-menu-vertical,.ant-menu-root.ant-menu-vertical-left,.ant-menu-root.ant-menu-vertical-right,.ant-menu-root.ant-menu-inline {
    box-shadow: none
}

.ant-menu-root.ant-menu-inline-collapsed .ant-menu-item>.ant-menu-inline-collapsed-noicon,.ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title>.ant-menu-inline-collapsed-noicon {
    font-size: 14px;
    text-align: center
}

.ant-menu-sub.ant-menu-inline {
    padding: 0;
    background: rgba(255,255,255,.04);
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.ant-menu-sub.ant-menu-inline>.ant-menu-item,.ant-menu-sub.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title {
    height: 32px;
    line-height: 32px;
    list-style-position: inside;
    list-style-type: disc
}

.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
    padding-left: 32px
}

.ant-menu-item-disabled,.ant-menu-submenu-disabled {
    color: #4b4b4b!important;
    background: none;
    cursor: not-allowed
}

.ant-menu-item-disabled:after,.ant-menu-submenu-disabled:after {
    border-color: transparent!important
}

.ant-menu-item-disabled a,.ant-menu-submenu-disabled a {
    color: #4b4b4b!important;
    pointer-events: none
}

.ant-menu-item-disabled>.ant-menu-submenu-title,.ant-menu-submenu-disabled>.ant-menu-submenu-title {
    color: #4b4b4b!important;
    cursor: not-allowed
}

.ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after {
    background: #4B4B4B!important
}

.ant-layout-header .ant-menu {
    line-height: inherit
}

.ant-menu-inline-collapsed-tooltip a,.ant-menu-inline-collapsed-tooltip a:hover {
    color: #fff
}

.ant-menu-light .ant-menu-item:hover,.ant-menu-light .ant-menu-item-active,.ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,.ant-menu-light .ant-menu-submenu-active,.ant-menu-light .ant-menu-submenu-title:hover {
    color: #00dfb0
}

.ant-menu.ant-menu-root:focus-visible {
    box-shadow: 0 0 0 2px #24d6a9
}

.ant-menu-dark .ant-menu-item:focus-visible,.ant-menu-dark .ant-menu-submenu-title:focus-visible {
    box-shadow: 0 0 0 2px #24d6a9
}

.ant-menu.ant-menu-dark,.ant-menu-dark .ant-menu-sub,.ant-menu.ant-menu-dark .ant-menu-sub {
    color: #ffffffa6;
    background: #1f1f1f
}

.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
    opacity: .45;
    transition: all .3s
}

.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:before {
    background: #fff
}

.ant-menu-dark.ant-menu-submenu-popup {
    background: transparent
}

.ant-menu-dark .ant-menu-inline.ant-menu-sub {
    background: #141414
}

.ant-menu-dark.ant-menu-horizontal {
    border-bottom: 0
}

.ant-menu-dark.ant-menu-horizontal>.ant-menu-item,.ant-menu-dark.ant-menu-horizontal>.ant-menu-submenu {
    top: 0;
    margin-top: 0;
    padding: 0 12px;
    border-color: #1f1f1f;
    border-bottom: 0
}

.ant-menu-dark.ant-menu-horizontal>.ant-menu-item:hover {
    background-color: #00dfb0
}

.ant-menu-dark.ant-menu-horizontal>.ant-menu-item>a:before {
    bottom: 0
}

.ant-menu-dark .ant-menu-item,.ant-menu-dark .ant-menu-item-group-title,.ant-menu-dark .ant-menu-item>a,.ant-menu-dark .ant-menu-item>span>a {
    color: #ffffffa6
}

.ant-menu-dark.ant-menu-inline,.ant-menu-dark.ant-menu-vertical,.ant-menu-dark.ant-menu-vertical-left,.ant-menu-dark.ant-menu-vertical-right {
    border-right: 0
}

.ant-menu-dark.ant-menu-inline .ant-menu-item,.ant-menu-dark.ant-menu-vertical .ant-menu-item,.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
    left: 0;
    margin-left: 0;
    border-right: 0
}

.ant-menu-dark.ant-menu-inline .ant-menu-item:after,.ant-menu-dark.ant-menu-vertical .ant-menu-item:after,.ant-menu-dark.ant-menu-vertical-left .ant-menu-item:after,.ant-menu-dark.ant-menu-vertical-right .ant-menu-item:after {
    border-right: 0
}

.ant-menu-dark.ant-menu-inline .ant-menu-item,.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
    width: 100%
}

.ant-menu-dark .ant-menu-item:hover,.ant-menu-dark .ant-menu-item-active,.ant-menu-dark .ant-menu-submenu-active,.ant-menu-dark .ant-menu-submenu-open,.ant-menu-dark .ant-menu-submenu-selected,.ant-menu-dark .ant-menu-submenu-title:hover {
    color: #fff;
    background-color: transparent
}

.ant-menu-dark .ant-menu-item:hover>a,.ant-menu-dark .ant-menu-item-active>a,.ant-menu-dark .ant-menu-submenu-active>a,.ant-menu-dark .ant-menu-submenu-open>a,.ant-menu-dark .ant-menu-submenu-selected>a,.ant-menu-dark .ant-menu-submenu-title:hover>a,.ant-menu-dark .ant-menu-item:hover>span>a,.ant-menu-dark .ant-menu-item-active>span>a,.ant-menu-dark .ant-menu-submenu-active>span>a,.ant-menu-dark .ant-menu-submenu-open>span>a,.ant-menu-dark .ant-menu-submenu-selected>span>a,.ant-menu-dark .ant-menu-submenu-title:hover>span>a {
    color: #fff
}

.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow {
    opacity: 1
}

.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before {
    background: #fff
}

.ant-menu-dark .ant-menu-item:hover {
    background-color: transparent
}

.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: #00dfb0
}

.ant-menu-dark .ant-menu-item-selected {
    color: #fff;
    border-right: 0
}

.ant-menu-dark .ant-menu-item-selected:after {
    border-right: 0
}

.ant-menu-dark .ant-menu-item-selected>a,.ant-menu-dark .ant-menu-item-selected>span>a,.ant-menu-dark .ant-menu-item-selected>a:hover,.ant-menu-dark .ant-menu-item-selected>span>a:hover {
    color: #fff
}

.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,.ant-menu-dark .ant-menu-item-selected .anticon {
    color: #fff
}

.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon+span,.ant-menu-dark .ant-menu-item-selected .anticon+span {
    color: #fff
}

.ant-menu.ant-menu-dark .ant-menu-item-selected,.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
    background-color: #00dfb0
}

.ant-menu-dark .ant-menu-item-disabled,.ant-menu-dark .ant-menu-submenu-disabled,.ant-menu-dark .ant-menu-item-disabled>a,.ant-menu-dark .ant-menu-submenu-disabled>a,.ant-menu-dark .ant-menu-item-disabled>span>a,.ant-menu-dark .ant-menu-submenu-disabled>span>a {
    color: #ffffff4d!important;
    opacity: .8
}

.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title,.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title {
    color: #ffffff4d!important
}

.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after {
    background: rgba(255,255,255,.3)!important
}

.ant-menu.ant-menu-rtl {
    direction: rtl;
    text-align: right
}

.ant-menu-rtl .ant-menu-item-group-title {
    text-align: right
}

.ant-menu-rtl.ant-menu-inline,.ant-menu-rtl.ant-menu-vertical {
    border-right: none;
    border-left: 1px solid #303030
}

.ant-menu-rtl.ant-menu-dark.ant-menu-inline,.ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
    border-left: none
}

.ant-menu-rtl.ant-menu-vertical.ant-menu-sub>.ant-menu-item,.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub>.ant-menu-item,.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub>.ant-menu-item,.ant-menu-rtl.ant-menu-vertical.ant-menu-sub>.ant-menu-submenu,.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub>.ant-menu-submenu,.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub>.ant-menu-submenu {
    transform-origin: top right
}

.ant-menu-rtl .ant-menu-item .ant-menu-item-icon,.ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,.ant-menu-rtl .ant-menu-item .anticon,.ant-menu-rtl .ant-menu-submenu-title .anticon {
    margin-right: auto;
    margin-left: 8px
}

.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child>.ant-menu-item-icon,.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child>.ant-menu-item-icon,.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child>.anticon,.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child>.anticon {
    margin-left: 0
}

.ant-menu-submenu-rtl.ant-menu-submenu-popup {
    transform-origin: 100% 0
}

.ant-menu-rtl .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-rtl .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-rtl .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-rtl .ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow {
    right: auto;
    left: 16px
}

.ant-menu-rtl .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu-rtl .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu-rtl .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow:before {
    transform: rotate(-45deg) translateY(-2px)
}

.ant-menu-rtl .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-rtl .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-rtl .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow:after {
    transform: rotate(45deg) translateY(2px)
}

.ant-menu-rtl.ant-menu-vertical .ant-menu-item:after,.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item:after,.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item:after,.ant-menu-rtl.ant-menu-inline .ant-menu-item:after {
    right: auto;
    left: 0
}

.ant-menu-rtl.ant-menu-vertical .ant-menu-item,.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,.ant-menu-rtl.ant-menu-inline .ant-menu-item,.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,.ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,.ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
    text-align: right
}

.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
    padding-right: 0;
    padding-left: 34px
}

.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
    padding-right: 16px;
    padding-left: 34px
}

.ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title {
    padding: 0 calc(50% - 7px)
}

.ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,.ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
    padding: 0 28px 0 16px
}

.ant-menu-sub.ant-menu-inline {
    border: 0
}

.ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
    padding-right: 32px;
    padding-left: 0
}

.ant-message {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: fixed;
    top: 8px;
    left: 0;
    z-index: 1010;
    width: 100%;
    pointer-events: none
}

.ant-message-notice {
    padding: 8px;
    text-align: center
}

.ant-message-notice-content {
    display: inline-block;
    padding: 8px 16px;
    background: #1f1f1f;
    border-radius: 3px;
    box-shadow: 0 3px 6px -4px #0000007a,0 6px 16px #00000052,0 9px 28px 8px #0003;
    pointer-events: all
}

.ant-message-success .anticon {
    color: #00dfb0
}

.ant-message-error .anticon {
    color: #fc4e00
}

.ant-message-warning .anticon {
    color: #ff9800
}

.ant-message-info .anticon,.ant-message-loading .anticon {
    color: #00dfb0
}

.ant-message .anticon {
    position: relative;
    top: 1px;
    margin-right: 8px;
    font-size: 14px
}

.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active {
    animation-name: MessageMoveOut;
    animation-duration: .3s
}

@keyframes MessageMoveOut {
    0% {
        max-height: 150px;
        padding: 8px;
        opacity: 1
    }

    to {
        max-height: 0;
        padding: 0;
        opacity: 0
    }
}

.ant-message-rtl,.ant-message-rtl span {
    direction: rtl
}

.ant-message-rtl .anticon {
    margin-right: 0;
    margin-left: 8px
}

.ant-modal {
    box-sizing: border-box;
    padding: 0 0 24px;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    pointer-events: none;
    position: relative;
    top: 100px;
    width: auto;
    max-width: calc(100vw - 32px);
    margin: 0 auto
}

.ant-modal.ant-zoom-enter,.ant-modal.antzoom-appear {
    transform: none;
    opacity: 0;
    animation-duration: .3s;
    user-select: none
}

.ant-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: #0009
}

.ant-modal-mask-hidden {
    display: none
}

.ant-modal-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    outline: 0;
    -webkit-overflow-scrolling: touch
}

.ant-modal-wrap {
    z-index: 1000
}

.ant-modal-title {
    margin: 0;
    color: #b4b4b4;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    word-wrap: break-word
}

.ant-modal-content {
    position: relative;
    background-color: #282828;
    background-clip: padding-box;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 3px 6px -4px #0000007a,0 6px 16px #00000052,0 9px 28px 8px #0003;
    pointer-events: auto
}

.ant-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    color: #b4b4b4;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: color .3s
}

.ant-modal-close-x {
    display: block;
    width: 44px;
    height: 44px;
    font-size: 14px;
    font-style: normal;
    line-height: 44px;
    text-align: center;
    text-transform: none;
    text-rendering: auto
}

.ant-modal-close:focus,.ant-modal-close:hover {
    color: #ffffffbf;
    text-decoration: none
}

.ant-modal-header {
    padding: 11px 16px;
    color: #b4b4b4;
    background: #282828;
    border-bottom: 1px solid #323232;
    border-radius: 3px 3px 0 0
}

.ant-modal-body {
    padding: 23px;
    font-size: 12px;
    line-height: 1.66667;
    word-wrap: break-word
}

.ant-modal-footer {
    padding: 16px 24px;
    text-align: right;
    background: transparent;
    border-top: 1px solid #323232;
    border-radius: 0 0 3px 3px
}

.ant-modal-footer .ant-btn+.ant-btn:not(.ant-dropdown-trigger) {
    margin-bottom: 0;
    margin-left: 8px
}

.ant-modal-open {
    overflow: hidden
}

.ant-modal-centered {
    text-align: center
}

.ant-modal-centered:before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.ant-modal-centered .ant-modal {
    top: 0;
    display: inline-block;
    padding-bottom: 0;
    text-align: left;
    vertical-align: middle
}

@media (max-width: 767px) {
    .ant-modal {
        max-width:calc(100vw - 16px);
        margin: 8px auto
    }

    .ant-modal-centered .ant-modal {
        flex: 1 1
    }
}

.ant-modal-confirm .ant-modal-header {
    display: none
}

.ant-modal-confirm .ant-modal-body {
    padding: 24px 24px 16px
}

.ant-modal-confirm-body-wrapper:before {
    display: table;
    content: ""
}

.ant-modal-confirm-body-wrapper:after {
    display: table;
    clear: both;
    content: ""
}

.ant-modal-confirm-body .ant-modal-confirm-title {
    display: block;
    overflow: hidden;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4
}

.ant-modal-confirm-body .ant-modal-confirm-content {
    margin-top: 8px;
    color: #b4b4b4;
    font-size: 12px
}

.ant-modal-confirm-body>.anticon {
    float: left;
    margin-right: 16px;
    font-size: 22px
}

.ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content {
    margin-left: 38px
}

.ant-modal-confirm .ant-modal-confirm-btns {
    float: right;
    margin-top: 24px
}

.ant-modal-confirm .ant-modal-confirm-btns .ant-btn+.ant-btn {
    margin-bottom: 0;
    margin-left: 8px
}

.ant-modal-confirm-error .ant-modal-confirm-body>.anticon {
    color: #fc4e00
}

.ant-modal-confirm-warning .ant-modal-confirm-body>.anticon,.ant-modal-confirm-confirm .ant-modal-confirm-body>.anticon {
    color: #ff9800
}

.ant-modal-confirm-info .ant-modal-confirm-body>.anticon {
    color: #00dfb0
}

.ant-modal-confirm-success .ant-modal-confirm-body>.anticon {
    color: #00dfb0
}

.ant-modal-wrap-rtl {
    direction: rtl
}

.ant-modal-wrap-rtl .ant-modal-close {
    right: initial;
    left: 0
}

.ant-modal-wrap-rtl .ant-modal-footer {
    text-align: left
}

.ant-modal-wrap-rtl .ant-modal-footer .ant-btn+.ant-btn {
    margin-right: 8px;
    margin-left: 0
}

.ant-modal-wrap-rtl .ant-modal-confirm-body {
    direction: rtl
}

.ant-modal-wrap-rtl .ant-modal-confirm-body>.anticon {
    float: right;
    margin-right: 0;
    margin-left: 16px
}

.ant-modal-wrap-rtl .ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content {
    margin-right: 38px;
    margin-left: 0
}

.ant-modal-wrap-rtl .ant-modal-confirm-btns {
    float: left
}

.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn+.ant-btn {
    margin-right: 8px;
    margin-left: 0
}

.ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
    text-align: right
}

.ant-modal .ant-picker-clear,.ant-modal .ant-slider-handle,.ant-modal .ant-anchor-wrapper,.ant-modal .ant-collapse-content,.ant-modal .ant-timeline-item-head,.ant-modal .ant-card {
    background-color: #1f1f1f
}

.ant-modal .ant-transfer-list-header {
    background: #1f1f1f;
    border-bottom: 1px solid #3a3a3a
}

.ant-modal .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
    background-color: #ffffff14
}

.ant-modal tr.ant-table-expanded-row>td,.ant-modal tr.ant-table-expanded-row:hover>td {
    background: #272727
}

.ant-modal .ant-table.ant-table-small thead>tr>th {
    background-color: #1f1f1f;
    border-bottom: 1px solid #3a3a3a
}

.ant-modal .ant-table {
    background-color: #1f1f1f
}

.ant-modal .ant-table .ant-table-row-expand-icon {
    border: 1px solid #3a3a3a
}

.ant-modal .ant-table tfoot>tr>th,.ant-modal .ant-table tfoot>tr>td {
    border-bottom: 1px solid #3a3a3a
}

.ant-modal .ant-table thead>tr>th {
    background-color: #272727;
    border-bottom: 1px solid #3a3a3a
}

.ant-modal .ant-table tbody>tr>td {
    border-bottom: 1px solid #3a3a3a
}

.ant-modal .ant-table tbody>tr>td.ant-table-cell-fix-left,.ant-modal .ant-table tbody>tr>td.ant-table-cell-fix-right {
    background-color: #1f1f1f
}

.ant-modal .ant-table tbody>tr.ant-table-row:hover>td {
    background: #303030
}

.ant-modal .ant-table.ant-table-bordered .ant-table-title {
    border: 1px solid #3a3a3a
}

.ant-modal .ant-table.ant-table-bordered thead>tr>th,.ant-modal .ant-table.ant-table-bordered tbody>tr>td,.ant-modal .ant-table.ant-table-bordered tfoot>tr>th,.ant-modal .ant-table.ant-table-bordered tfoot>tr>td {
    border-right: 1px solid #3a3a3a
}

.ant-modal .ant-table.ant-table-bordered .ant-table-cell-fix-right-first:after {
    border-right: 1px solid #3a3a3a
}

.ant-modal .ant-table.ant-table-bordered table thead>tr:not(:last-child)>th {
    border-bottom: 1px solid #303030
}

.ant-modal .ant-table.ant-table-bordered .ant-table-container {
    border: 1px solid #3a3a3a
}

.ant-modal .ant-table.ant-table-bordered .ant-table-expanded-row-fixed:after {
    border-right: 1px solid #3a3a3a
}

.ant-modal .ant-table.ant-table-bordered .ant-table-footer {
    border: 1px solid #3a3a3a
}

.ant-modal .ant-table .ant-table-filter-trigger-container-open {
    background-color: #525252
}

.ant-modal .ant-picker-calendar-full,.ant-modal .ant-picker-calendar-full .ant-picker-panel {
    background-color: #1f1f1f
}

.ant-modal .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
    border-top: 2px solid #3a3a3a
}

.ant-modal .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
    background-color: #1f1f1f;
    border-bottom: 1px solid #1f1f1f
}

.ant-modal .ant-badge-count {
    box-shadow: 0 0 0 1px #1f1f1f
}

.ant-modal .ant-tree-show-line .ant-tree-switcher {
    background: #1f1f1f
}

.ant-notification .ant-picker-clear,.ant-notification .ant-slider-handle,.ant-notification .ant-anchor-wrapper,.ant-notification .ant-collapse-content,.ant-notification .ant-timeline-item-head,.ant-notification .ant-card {
    background-color: #1f1f1f
}

.ant-notification .ant-transfer-list-header {
    background: #1f1f1f;
    border-bottom: 1px solid #3a3a3a
}

.ant-notification .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
    background-color: #ffffff14
}

.ant-notification tr.ant-table-expanded-row>td,.ant-notification tr.ant-table-expanded-row:hover>td {
    background: #272727
}

.ant-notification .ant-table.ant-table-small thead>tr>th {
    background-color: #1f1f1f;
    border-bottom: 1px solid #3a3a3a
}

.ant-notification .ant-table {
    background-color: #1f1f1f
}

.ant-notification .ant-table .ant-table-row-expand-icon {
    border: 1px solid #3a3a3a
}

.ant-notification .ant-table tfoot>tr>th,.ant-notification .ant-table tfoot>tr>td {
    border-bottom: 1px solid #3a3a3a
}

.ant-notification .ant-table thead>tr>th {
    background-color: #272727;
    border-bottom: 1px solid #3a3a3a
}

.ant-notification .ant-table tbody>tr>td {
    border-bottom: 1px solid #3a3a3a
}

.ant-notification .ant-table tbody>tr>td.ant-table-cell-fix-left,.ant-notification .ant-table tbody>tr>td.ant-table-cell-fix-right {
    background-color: #1f1f1f
}

.ant-notification .ant-table tbody>tr.ant-table-row:hover>td {
    background: #303030
}

.ant-notification .ant-table.ant-table-bordered .ant-table-title {
    border: 1px solid #3a3a3a
}

.ant-notification .ant-table.ant-table-bordered thead>tr>th,.ant-notification .ant-table.ant-table-bordered tbody>tr>td,.ant-notification .ant-table.ant-table-bordered tfoot>tr>th,.ant-notification .ant-table.ant-table-bordered tfoot>tr>td {
    border-right: 1px solid #3a3a3a
}

.ant-notification .ant-table.ant-table-bordered .ant-table-cell-fix-right-first:after {
    border-right: 1px solid #3a3a3a
}

.ant-notification .ant-table.ant-table-bordered table thead>tr:not(:last-child)>th {
    border-bottom: 1px solid #303030
}

.ant-notification .ant-table.ant-table-bordered .ant-table-container {
    border: 1px solid #3a3a3a
}

.ant-notification .ant-table.ant-table-bordered .ant-table-expanded-row-fixed:after {
    border-right: 1px solid #3a3a3a
}

.ant-notification .ant-table.ant-table-bordered .ant-table-footer {
    border: 1px solid #3a3a3a
}

.ant-notification .ant-table .ant-table-filter-trigger-container-open {
    background-color: #525252
}

.ant-notification .ant-picker-calendar-full,.ant-notification .ant-picker-calendar-full .ant-picker-panel {
    background-color: #1f1f1f
}

.ant-notification .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
    border-top: 2px solid #3a3a3a
}

.ant-notification .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
    background-color: #1f1f1f;
    border-bottom: 1px solid #1f1f1f
}

.ant-notification .ant-badge-count {
    box-shadow: 0 0 0 1px #1f1f1f
}

.ant-notification .ant-tree-show-line .ant-tree-switcher {
    background: #1f1f1f
}

.ant-notification {
    box-sizing: border-box;
    margin: 0 24px 0 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: fixed;
    z-index: 1010
}

.ant-notification-topLeft,.ant-notification-bottomLeft {
    margin-right: 0;
    margin-left: 24px
}

.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
    animation-name: NotificationLeftFadeIn
}

.ant-notification-close-icon {
    font-size: 12px;
    cursor: pointer
}

.ant-notification-hook-holder {
    position: relative
}

.ant-notification-notice {
    position: relative;
    width: 384px;
    max-width: calc(100vw - 48px);
    margin-bottom: 16px;
    margin-left: auto;
    padding: 12px 16px;
    overflow: hidden;
    line-height: 1.66667;
    word-wrap: break-word;
    background: #1f1f1f;
    border-radius: 3px;
    box-shadow: 0 3px 6px -4px #0000007a,0 6px 16px #00000052,0 9px 28px 8px #0003
}

.ant-notification-topLeft .ant-notification-notice,.ant-notification-bottomLeft .ant-notification-notice {
    margin-right: auto;
    margin-left: 0
}

.ant-notification-notice-message {
    margin-bottom: 8px;
    color: #fff;
    font-size: 14px;
    line-height: 24px
}

.ant-notification-notice-message-single-line-auto-margin {
    display: block;
    width: calc(280px - 100%);
    max-width: 4px;
    background-color: transparent;
    pointer-events: none
}

.ant-notification-notice-message-single-line-auto-margin:before {
    display: block;
    content: ""
}

.ant-notification-notice-description {
    font-size: 12px
}

.ant-notification-notice-closable .ant-notification-notice-message {
    padding-right: 24px
}

.ant-notification-notice-with-icon .ant-notification-notice-message {
    margin-bottom: 4px;
    margin-left: 48px;
    font-size: 14px
}

.ant-notification-notice-with-icon .ant-notification-notice-description {
    margin-left: 48px;
    font-size: 12px
}

.ant-notification-notice-icon {
    position: absolute;
    margin-left: 4px;
    font-size: 24px;
    line-height: 24px
}

.anticon.ant-notification-notice-icon-success,.anticon.ant-notification-notice-icon-info {
    color: #00dfb0
}

.anticon.ant-notification-notice-icon-warning {
    color: #ff9800
}

.anticon.ant-notification-notice-icon-error {
    color: #fc4e00
}

.ant-notification-notice-close {
    position: absolute;
    top: 16px;
    right: 22px;
    color: #969696;
    outline: none
}

.ant-notification-notice-close:hover {
    color: #ffffffd9
}

.ant-notification-notice-btn {
    float: right;
    margin-top: 16px
}

.ant-notification .notification-fade-effect {
    animation-duration: .24s;
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-fill-mode: both
}

.ant-notification-fade-enter,.ant-notification-fade-appear {
    animation-duration: .24s;
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-fill-mode: both;
    opacity: 0;
    animation-play-state: paused
}

.ant-notification-fade-leave {
    animation-duration: .24s;
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-fill-mode: both;
    animation-duration: .2s;
    animation-play-state: paused
}

.ant-notification-fade-enter.ant-notification-fade-enter-active,.ant-notification-fade-appear.ant-notification-fade-appear-active {
    animation-name: NotificationFadeIn;
    animation-play-state: running
}

.ant-notification-fade-leave.ant-notification-fade-leave-active {
    animation-name: NotificationFadeOut;
    animation-play-state: running
}

@keyframes NotificationFadeIn {
    0% {
        left: 384px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@keyframes NotificationLeftFadeIn {
    0% {
        right: 384px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@keyframes NotificationFadeOut {
    0% {
        max-height: 150px;
        margin-bottom: 16px;
        opacity: 1
    }

    to {
        max-height: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        opacity: 0
    }
}

.ant-notification-rtl {
    direction: rtl
}

.ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message {
    padding-right: 0;
    padding-left: 24px
}

.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message,.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description {
    margin-right: 48px;
    margin-left: 0
}

.ant-notification-rtl .ant-notification-notice-icon {
    margin-right: 4px;
    margin-left: 0
}

.ant-notification-rtl .ant-notification-notice-close {
    right: auto;
    left: 22px
}

.ant-notification-rtl .ant-notification-notice-btn {
    float: left
}

.ant-page-header {
    box-sizing: border-box;
    margin: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    padding: 8px 16px;
    background-color: #141414
}

.ant-page-header-ghost {
    background-color: transparent
}

.ant-page-header.has-breadcrumb {
    padding-top: 8px
}

.ant-page-header.has-footer {
    padding-bottom: 0
}

.ant-page-header-back {
    margin-right: 8px;
    font-size: 16px;
    line-height: 1
}

.ant-page-header-back-button {
    color: #00dfb0;
    text-decoration: none;
    outline: none;
    transition: color .3s;
    color: inherit;
    cursor: pointer
}

.ant-page-header-back-button:focus,.ant-page-header-back-button:hover {
    color: #079879
}

.ant-page-header-back-button:active {
    color: #24d6a9
}

.ant-page-header .ant-divider-vertical {
    height: 14px;
    margin: 0 8px;
    vertical-align: middle
}

.ant-breadcrumb+.ant-page-header-heading {
    margin-top: 4px
}

.ant-page-header-heading {
    display: flex;
    justify-content: space-between
}

.ant-page-header-heading-left {
    display: flex;
    align-items: center;
    margin: 2px 0;
    overflow: hidden
}

.ant-page-header-heading-title {
    margin-right: 8px;
    margin-bottom: 0;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ant-page-header-heading .ant-avatar {
    margin-right: 8px
}

.ant-page-header-heading-sub-title {
    margin-right: 8px;
    color: #969696;
    font-size: 12px;
    line-height: 1.66667;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ant-page-header-heading-extra {
    margin: 2px 0;
    white-space: nowrap
}

.ant-page-header-heading-extra>* {
    margin-left: 8px;
    white-space: unset
}

.ant-page-header-heading-extra>*:first-child {
    margin-left: 0
}

.ant-page-header-content {
    padding-top: 8px
}

.ant-page-header-footer {
    margin-top: 8px
}

.ant-page-header-footer .ant-tabs>.ant-tabs-nav {
    margin: 0
}

.ant-page-header-footer .ant-tabs>.ant-tabs-nav:before {
    border: none
}

.ant-page-header-footer .ant-tabs .ant-tabs-tab {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px
}

.ant-page-header-compact .ant-page-header-heading {
    flex-wrap: wrap
}

.ant-page-header-rtl {
    direction: rtl
}

.ant-page-header-rtl .ant-page-header-back {
    float: right;
    margin-right: 0;
    margin-left: 16px
}

.ant-page-header-rtl .ant-page-header-heading-title,.ant-page-header-rtl .ant-page-header-heading .ant-avatar {
    margin-right: 0;
    margin-left: 8px
}

.ant-page-header-rtl .ant-page-header-heading-sub-title {
    float: right;
    margin-right: 0;
    margin-left: 12px
}

.ant-page-header-rtl .ant-page-header-heading-tags {
    float: right
}

.ant-page-header-rtl .ant-page-header-heading-extra {
    float: left
}

.ant-page-header-rtl .ant-page-header-heading-extra>* {
    margin-right: 8px;
    margin-left: 0
}

.ant-page-header-rtl .ant-page-header-heading-extra>*:first-child {
    margin-right: 0
}

.ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav {
    float: right
}

.ant-pagination {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum"
}

.ant-pagination ul,.ant-pagination ol {
    margin: 0;
    padding: 0;
    list-style: none
}

.ant-pagination:after {
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    content: " "
}

.ant-pagination-total-text {
    display: inline-block;
    height: 30px;
    margin-right: 8px;
    line-height: 28px;
    vertical-align: middle
}

.ant-pagination-item {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    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: 28px;
    text-align: center;
    vertical-align: middle;
    list-style: none;
    background-color: transparent;
    border: 1px solid #4B4B4B;
    border-radius: 3px;
    outline: 0;
    cursor: pointer;
    user-select: none
}

.ant-pagination-item a {
    display: block;
    padding: 0 6px;
    color: #b4b4b4;
    transition: none
}

.ant-pagination-item a:hover {
    text-decoration: none
}

.ant-pagination-item:hover {
    border-color: #00dfb0;
    transition: all .3s
}

.ant-pagination-item:hover a {
    color: #00dfb0
}

.ant-pagination-item:focus-visible {
    border-color: #00dfb0;
    transition: all .3s
}

.ant-pagination-item:focus-visible a {
    color: #00dfb0
}

.ant-pagination-item-active {
    font-weight: 500;
    background: transparent;
    border-color: #00dfb0
}

.ant-pagination-item-active a {
    color: #00dfb0
}

.ant-pagination-item-active:hover {
    border-color: #079879
}

.ant-pagination-item-active:focus-visible {
    border-color: #079879
}

.ant-pagination-item-active:hover a {
    color: #079879
}

.ant-pagination-item-active:focus-visible a {
    color: #079879
}

.ant-pagination-jump-prev,.ant-pagination-jump-next {
    outline: 0
}

.ant-pagination-jump-prev .ant-pagination-item-container,.ant-pagination-jump-next .ant-pagination-item-container {
    position: relative
}

.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
    color: #00dfb0;
    font-size: 12px;
    letter-spacing: -1px;
    opacity: 0;
    transition: all .2s
}

.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    color: #4b4b4b;
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing: 2px;
    text-align: center;
    text-indent: .13em;
    opacity: 1;
    transition: all .2s
}

.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
    opacity: 1
}

.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
    opacity: 0
}

.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon {
    opacity: 1
}

.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis {
    opacity: 0
}

.ant-pagination-prev,.ant-pagination-jump-prev,.ant-pagination-jump-next {
    margin-right: 8px
}

.ant-pagination-prev,.ant-pagination-next,.ant-pagination-jump-prev,.ant-pagination-jump-next {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    color: #b4b4b4;
    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;
    border-radius: 3px;
    cursor: pointer;
    transition: all .3s
}

.ant-pagination-prev,.ant-pagination-next {
    font-family: Arial,Helvetica,sans-serif;
    outline: 0
}

.ant-pagination-prev button,.ant-pagination-next button {
    color: #b4b4b4;
    cursor: pointer;
    user-select: none
}

.ant-pagination-prev:hover button,.ant-pagination-next:hover button {
    border-color: #079879
}

.ant-pagination-prev .ant-pagination-item-link,.ant-pagination-next .ant-pagination-item-link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 12px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #4B4B4B;
    border-radius: 3px;
    outline: none;
    transition: all .3s
}

.ant-pagination-prev:focus-visible .ant-pagination-item-link,.ant-pagination-next:focus-visible .ant-pagination-item-link {
    color: #00dfb0;
    border-color: #00dfb0
}

.ant-pagination-prev:hover .ant-pagination-item-link,.ant-pagination-next:hover .ant-pagination-item-link {
    color: #00dfb0;
    border-color: #00dfb0
}

.ant-pagination-disabled,.ant-pagination-disabled:hover {
    cursor: not-allowed
}

.ant-pagination-disabled .ant-pagination-item-link,.ant-pagination-disabled:hover .ant-pagination-item-link {
    color: #4b4b4b;
    border-color: #4b4b4b;
    cursor: not-allowed
}

.ant-pagination-disabled:focus-visible {
    cursor: not-allowed
}

.ant-pagination-disabled:focus-visible .ant-pagination-item-link {
    color: #4b4b4b;
    border-color: #4b4b4b;
    cursor: not-allowed
}

.ant-pagination-slash {
    margin: 0 10px 0 5px
}

.ant-pagination-options {
    display: inline-block;
    margin-left: 16px;
    vertical-align: middle
}

@media all and (-ms-high-contrast: none) {
    .ant-pagination-options *::-ms-backdrop,.ant-pagination-options {
        vertical-align: top
    }
}

.ant-pagination-options-size-changer.ant-select {
    display: inline-block;
    width: auto
}

.ant-pagination-options-quick-jumper {
    display: inline-block;
    height: 28px;
    margin-left: 4px;
    line-height: 28px;
    vertical-align: top
}

.ant-pagination-options-quick-jumper input {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 3px 7px;
    color: #b4b4b4;
    font-size: 12px;
    line-height: 1.66667;
    background-color: #1e1e1e;
    background-image: none;
    border: 1px solid #464646;
    border-radius: 3px;
    transition: all .3s;
    width: 50px;
    height: 28px;
    margin: 0 8px
}

.ant-pagination-options-quick-jumper input::placeholder {
    color: #646464;
    user-select: none
}

.ant-pagination-options-quick-jumper input:placeholder-shown {
    text-overflow: ellipsis
}

.ant-pagination-options-quick-jumper input:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-input-rtl .ant-pagination-options-quick-jumper input:hover {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-pagination-options-quick-jumper input:focus,.ant-pagination-options-quick-jumper input-focused {
    border-color: #00dfb0;
    box-shadow: 0 0 0 2px #00dfb033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-input-rtl .ant-pagination-options-quick-jumper input:focus,.ant-input-rtl .ant-pagination-options-quick-jumper input-focused {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-pagination-options-quick-jumper input-disabled {
    color: #4b4b4b;
    background-color: #191919;
    border-color: #464646;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-pagination-options-quick-jumper input-disabled:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-pagination-options-quick-jumper input[disabled] {
    color: #4b4b4b;
    background-color: #191919;
    border-color: #464646;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-pagination-options-quick-jumper input[disabled]:hover {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-pagination-options-quick-jumper input-borderless,.ant-pagination-options-quick-jumper input-borderless:hover,.ant-pagination-options-quick-jumper input-borderless:focus,.ant-pagination-options-quick-jumper input-borderless-focused,.ant-pagination-options-quick-jumper input-borderless-disabled,.ant-pagination-options-quick-jumper input-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.ant-pagination-options-quick-jumper input {
    max-width: 100%;
    height: auto;
    min-height: 28px;
    line-height: 1.66667;
    vertical-align: bottom;
    transition: all .3s,height 0s
}

.ant-pagination-options-quick-jumper input-lg {
    padding: 7.4px 11px;
    font-size: 14px
}

.ant-pagination-options-quick-jumper input-sm {
    padding: 1px 7px
}

.ant-pagination-options-quick-jumper input-rtl {
    direction: rtl
}

.ant-pagination-simple .ant-pagination-prev,.ant-pagination-simple .ant-pagination-next {
    height: 22px;
    line-height: 22px;
    vertical-align: top
}

.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
    height: 22px;
    background-color: transparent;
    border: 0
}

.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link:after,.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link:after {
    height: 22px;
    line-height: 22px
}

.ant-pagination-simple .ant-pagination-simple-pager {
    display: inline-block;
    height: 22px;
    margin-right: 8px
}

.ant-pagination-simple .ant-pagination-simple-pager input {
    box-sizing: border-box;
    height: 100%;
    margin-right: 8px;
    padding: 0 6px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #4B4B4B;
    border-radius: 3px;
    outline: none;
    transition: border-color .3s
}

.ant-pagination-simple .ant-pagination-simple-pager input:hover {
    border-color: #00dfb0
}

.ant-pagination-simple .ant-pagination-simple-pager input:focus {
    border-color: #26ebb9;
    box-shadow: 0 0 0 2px #00dfb033
}

.ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
    color: #4b4b4b;
    background: #4B4B4B;
    border-color: #4b4b4b;
    cursor: not-allowed
}

.ant-pagination.mini .ant-pagination-total-text,.ant-pagination.mini .ant-pagination-simple-pager {
    height: 22px;
    line-height: 22px
}

.ant-pagination.mini .ant-pagination-item {
    min-width: 22px;
    height: 22px;
    margin: 0;
    line-height: 20px
}

.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
    background: transparent;
    border-color: transparent
}

.ant-pagination.mini .ant-pagination-prev,.ant-pagination.mini .ant-pagination-next {
    min-width: 22px;
    height: 22px;
    margin: 0;
    line-height: 22px
}

.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
    background: transparent;
    border-color: transparent
}

.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link:after,.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link:after {
    height: 22px;
    line-height: 22px
}

.ant-pagination.mini .ant-pagination-jump-prev,.ant-pagination.mini .ant-pagination-jump-next {
    height: 22px;
    margin-right: 0;
    line-height: 22px
}

.ant-pagination.mini .ant-pagination-options {
    margin-left: 2px
}

.ant-pagination.mini .ant-pagination-options-size-changer {
    top: 1px
}

.ant-pagination.mini .ant-pagination-options-quick-jumper {
    height: 22px;
    line-height: 22px
}

.ant-pagination.mini .ant-pagination-options-quick-jumper input {
    padding: 1px 7px;
    width: 44px;
    height: 24px
}

.ant-pagination.ant-pagination-disabled {
    cursor: not-allowed
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item {
    background: #4B4B4B;
    border-color: #4b4b4b;
    cursor: not-allowed
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
    color: #4b4b4b;
    background: transparent;
    border: none;
    cursor: not-allowed
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
    background: rgba(255,255,255,.25)
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
    color: #000
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
    color: #4b4b4b;
    background: #4B4B4B;
    border-color: #4b4b4b;
    cursor: not-allowed
}

.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
    background: transparent
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon {
    opacity: 0
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis {
    opacity: 1
}

.ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager {
    color: #4b4b4b
}

@media only screen and (max-width: 992px) {
    .ant-pagination-item-after-jump-prev,.ant-pagination-item-before-jump-next {
        display:none
    }
}

@media only screen and (max-width: 576px) {
    .ant-pagination-options {
        display:none
    }
}

.ant-pagination-rtl .ant-pagination-total-text,.ant-pagination-rtl .ant-pagination-item,.ant-pagination-rtl .ant-pagination-prev,.ant-pagination-rtl .ant-pagination-jump-prev,.ant-pagination-rtl .ant-pagination-jump-next {
    margin-right: 0;
    margin-left: 8px
}

.ant-pagination-rtl .ant-pagination-slash {
    margin: 0 5px 0 10px
}

.ant-pagination-rtl .ant-pagination-options {
    margin-right: 16px;
    margin-left: 0
}

.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select {
    margin-right: 0;
    margin-left: 8px
}

.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper {
    margin-left: 0
}

.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager,.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input {
    margin-right: 0;
    margin-left: 8px
}

.ant-pagination-rtl.ant-pagination.mini .ant-pagination-options {
    margin-right: 2px;
    margin-left: 0
}

.ant-popconfirm {
    z-index: 1060
}

.ant-popover {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1030;
    font-weight: 400;
    white-space: normal;
    text-align: left;
    cursor: auto;
    user-select: text
}

.ant-popover:after {
    position: absolute;
    background: rgba(255,255,255,.01);
    content: ""
}

.ant-popover-hidden {
    display: none
}

.ant-popover-placement-top,.ant-popover-placement-topLeft,.ant-popover-placement-topRight {
    padding-bottom: 10px
}

.ant-popover-placement-right,.ant-popover-placement-rightTop,.ant-popover-placement-rightBottom {
    padding-left: 10px
}

.ant-popover-placement-bottom,.ant-popover-placement-bottomLeft,.ant-popover-placement-bottomRight {
    padding-top: 10px
}

.ant-popover-placement-left,.ant-popover-placement-leftTop,.ant-popover-placement-leftBottom {
    padding-right: 10px
}

.ant-popover-inner {
    background-color: #1f1f1f;
    background-clip: padding-box;
    border-radius: 3px;
    box-shadow: 0 3px 6px -4px #0000007a,0 6px 16px #00000052,0 9px 28px 8px #0003;
    box-shadow: 0 0 8px #00000073 \
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ant-popover-inner {
        box-shadow: 0 3px 6px -4px #0000007a,0 6px 16px #00000052,0 9px 28px 8px #0003
    }
}

.ant-popover-title {
    min-width: 177px;
    min-height: 28px;
    margin: 0;
    padding: 5px 12px 4px;
    color: #fff;
    font-weight: 500;
    border-bottom: 1px solid #303030
}

.ant-popover-inner-content {
    padding: 8px 12px;
    color: #b4b4b4
}

.ant-popover-message {
    position: relative;
    padding: 4px 0 12px;
    color: #b4b4b4;
    font-size: 12px
}

.ant-popover-message>.anticon {
    position: absolute;
    top: 8.00002px;
    color: #ff9800;
    font-size: 12px
}

.ant-popover-message-title {
    padding-left: 20px
}

.ant-popover-buttons {
    margin-bottom: 4px;
    text-align: right
}

.ant-popover-buttons button {
    margin-left: 8px
}

.ant-popover-arrow {
    position: absolute;
    display: block;
    width: 8.48528137px;
    height: 8.48528137px;
    overflow: hidden;
    background: transparent;
    pointer-events: none
}

.ant-popover-arrow-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 6px;
    height: 6px;
    margin: auto;
    background-color: #1f1f1f;
    content: "";
    pointer-events: auto
}

.ant-popover-placement-top .ant-popover-arrow,.ant-popover-placement-topLeft .ant-popover-arrow,.ant-popover-placement-topRight .ant-popover-arrow {
    bottom: 1.51471863px
}

.ant-popover-placement-top .ant-popover-arrow-content,.ant-popover-placement-topLeft .ant-popover-arrow-content,.ant-popover-placement-topRight .ant-popover-arrow-content {
    box-shadow: 3px 3px 7px #00000012;
    transform: translateY(-4.24264069px) rotate(45deg)
}

.ant-popover-placement-top .ant-popover-arrow {
    left: 50%;
    transform: translate(-50%)
}

.ant-popover-placement-topLeft .ant-popover-arrow {
    left: 16px
}

.ant-popover-placement-topRight .ant-popover-arrow {
    right: 16px
}

.ant-popover-placement-right .ant-popover-arrow,.ant-popover-placement-rightTop .ant-popover-arrow,.ant-popover-placement-rightBottom .ant-popover-arrow {
    left: 1.51471863px
}

.ant-popover-placement-right .ant-popover-arrow-content,.ant-popover-placement-rightTop .ant-popover-arrow-content,.ant-popover-placement-rightBottom .ant-popover-arrow-content {
    box-shadow: -3px 3px 7px #00000012;
    transform: translate(4.24264069px) rotate(45deg)
}

.ant-popover-placement-right .ant-popover-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.ant-popover-placement-rightTop .ant-popover-arrow {
    top: 12px
}

.ant-popover-placement-rightBottom .ant-popover-arrow {
    bottom: 12px
}

.ant-popover-placement-bottom .ant-popover-arrow,.ant-popover-placement-bottomLeft .ant-popover-arrow,.ant-popover-placement-bottomRight .ant-popover-arrow {
    top: 1.51471863px
}

.ant-popover-placement-bottom .ant-popover-arrow-content,.ant-popover-placement-bottomLeft .ant-popover-arrow-content,.ant-popover-placement-bottomRight .ant-popover-arrow-content {
    box-shadow: -2px -2px 5px #0000000f;
    transform: translateY(4.24264069px) rotate(45deg)
}

.ant-popover-placement-bottom .ant-popover-arrow {
    left: 50%;
    transform: translate(-50%)
}

.ant-popover-placement-bottomLeft .ant-popover-arrow {
    left: 16px
}

.ant-popover-placement-bottomRight .ant-popover-arrow {
    right: 16px
}

.ant-popover-placement-left .ant-popover-arrow,.ant-popover-placement-leftTop .ant-popover-arrow,.ant-popover-placement-leftBottom .ant-popover-arrow {
    right: 1.51471863px
}

.ant-popover-placement-left .ant-popover-arrow-content,.ant-popover-placement-leftTop .ant-popover-arrow-content,.ant-popover-placement-leftBottom .ant-popover-arrow-content {
    box-shadow: 3px -3px 7px #00000012;
    transform: translate(-4.24264069px) rotate(45deg)
}

.ant-popover-placement-left .ant-popover-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.ant-popover-placement-leftTop .ant-popover-arrow {
    top: 12px
}

.ant-popover-placement-leftBottom .ant-popover-arrow {
    bottom: 12px
}

.ant-popover-pink .ant-popover-inner,.ant-popover-pink .ant-popover-arrow-content,.ant-popover-magenta .ant-popover-inner,.ant-popover-magenta .ant-popover-arrow-content {
    background-color: #cb2b83
}

.ant-popover-red .ant-popover-inner,.ant-popover-red .ant-popover-arrow-content {
    background-color: #d32029
}

.ant-popover-volcano .ant-popover-inner,.ant-popover-volcano .ant-popover-arrow-content {
    background-color: #d84a1b
}

.ant-popover-orange .ant-popover-inner,.ant-popover-orange .ant-popover-arrow-content {
    background-color: #d87a16
}

.ant-popover-yellow .ant-popover-inner,.ant-popover-yellow .ant-popover-arrow-content {
    background-color: #d8bd14
}

.ant-popover-gold .ant-popover-inner,.ant-popover-gold .ant-popover-arrow-content {
    background-color: #d89614
}

.ant-popover-cyan .ant-popover-inner,.ant-popover-cyan .ant-popover-arrow-content {
    background-color: #13a8a8
}

.ant-popover-lime .ant-popover-inner,.ant-popover-lime .ant-popover-arrow-content {
    background-color: #8bbb11
}

.ant-popover-green .ant-popover-inner,.ant-popover-green .ant-popover-arrow-content {
    background-color: #49aa19
}

.ant-popover-blue .ant-popover-inner,.ant-popover-blue .ant-popover-arrow-content {
    background-color: #177ddc
}

.ant-popover-geekblue .ant-popover-inner,.ant-popover-geekblue .ant-popover-arrow-content {
    background-color: #2b4acb
}

.ant-popover-purple .ant-popover-inner,.ant-popover-purple .ant-popover-arrow-content {
    background-color: #642ab5
}

.ant-popover-rtl {
    direction: rtl;
    text-align: right
}

.ant-popover-rtl .ant-popover-message-title {
    padding-right: 20px;
    padding-left: 8px
}

.ant-popover-rtl .ant-popover-buttons {
    text-align: left
}

.ant-popover-rtl .ant-popover-buttons button {
    margin-right: 8px;
    margin-left: 0
}

.ant-progress {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    display: inline-block
}

.ant-progress-line {
    position: relative;
    width: 100%;
    font-size: 12px
}

.ant-progress-steps {
    display: inline-block
}

.ant-progress-steps-outer {
    display: flex;
    flex-direction: row;
    align-items: center
}

.ant-progress-steps-item {
    flex-shrink: 0;
    min-width: 2px;
    margin-right: 2px;
    background: rgba(255,255,255,.08);
    transition: all .3s
}

.ant-progress-steps-item-active {
    background: #177ddc
}

.ant-progress-small.ant-progress-line,.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
    font-size: 12px
}

.ant-progress-outer {
    display: inline-block;
    width: 100%;
    margin-right: 0;
    padding-right: 0
}

.ant-progress-show-info .ant-progress-outer {
    margin-right: calc(-2em - 8px);
    padding-right: calc(2em + 8px)
}

.ant-progress-inner {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    vertical-align: middle;
    background-color: #ffffff14;
    border-radius: 100px
}

.ant-progress-circle-trail {
    stroke: #ffffff14
}

.ant-progress-circle-path {
    animation: ant-progress-appear .3s
}

.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
    stroke: #177ddc
}

.ant-progress-success-bg,.ant-progress-bg {
    position: relative;
    background-color: #177ddc;
    border-radius: 100px;
    transition: all .4s cubic-bezier(.08,.82,.17,1) 0s
}

.ant-progress-success-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00dfb0
}

.ant-progress-text {
    display: inline-block;
    width: 2em;
    margin-left: 8px;
    color: #b4b4b4;
    font-size: 1em;
    line-height: 1;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle;
    word-break: normal
}

.ant-progress-text .anticon {
    font-size: 12px
}

.ant-progress-status-active .ant-progress-bg:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #141414;
    border-radius: 10px;
    opacity: 0;
    animation: ant-progress-active 2.4s cubic-bezier(.23,1,.32,1) infinite;
    content: ""
}

.ant-progress-status-exception .ant-progress-bg {
    background-color: #fc4e00
}

.ant-progress-status-exception .ant-progress-text {
    color: #fc4e00
}

.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
    stroke: #fc4e00
}

.ant-progress-status-success .ant-progress-bg {
    background-color: #00dfb0
}

.ant-progress-status-success .ant-progress-text {
    color: #00dfb0
}

.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
    stroke: #00dfb0
}

.ant-progress-circle .ant-progress-inner {
    position: relative;
    line-height: 1;
    background-color: transparent
}

.ant-progress-circle .ant-progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: .833333em;
    line-height: 1;
    white-space: normal;
    text-align: center;
    transform: translate(-50%,-50%)
}

.ant-progress-circle .ant-progress-text .anticon {
    font-size: 1.16666667em
}

.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
    color: #fc4e00
}

.ant-progress-circle.ant-progress-status-success .ant-progress-text {
    color: #00dfb0
}

@keyframes ant-progress-active {
    0% {
        transform: translate(-100%) scaleX(0);
        opacity: .1
    }

    20% {
        transform: translate(-100%) scaleX(0);
        opacity: .5
    }

    to {
        transform: translate(0) scaleX(1);
        opacity: 0
    }
}

.ant-progress-rtl {
    direction: rtl
}

.ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
    margin-right: 0;
    margin-left: calc(-2em - 8px);
    padding-right: 0;
    padding-left: calc(2em + 8px)
}

.ant-progress-rtl .ant-progress-success-bg {
    right: 0;
    left: auto
}

.ant-progress-rtl.ant-progress-line .ant-progress-text,.ant-progress-rtl.ant-progress-steps .ant-progress-text {
    margin-right: 8px;
    margin-left: 0;
    text-align: right
}

.ant-radio-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    display: inline-block;
    font-size: 0
}

.ant-radio-group .ant-badge-count {
    z-index: 1
}

.ant-radio-group>.ant-badge:not(:first-child)>.ant-radio-button-wrapper {
    border-left: none
}

.ant-radio-wrapper {
    box-sizing: border-box;
    margin: 0 6px 0 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    display: inline-flex;
    align-items: baseline;
    cursor: pointer
}

.ant-radio-wrapper-disabled {
    cursor: not-allowed
}

.ant-radio-wrapper:after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: "\a0"
}

.ant-radio {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    top: .2em;
    display: inline-block;
    outline: none;
    cursor: pointer
}

.ant-radio-wrapper:hover .ant-radio,.ant-radio:hover .ant-radio-inner,.ant-radio-input:focus+.ant-radio-inner {
    border-color: #00dfb0
}

.ant-radio-input:focus+.ant-radio-inner {
    box-shadow: 0 0 0 3px #112724
}

.ant-radio-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #00DFB0;
    border-radius: 50%;
    visibility: hidden;
    animation: antRadioEffect .36s ease-in-out;
    animation-fill-mode: both;
    content: ""
}

.ant-radio:hover:after,.ant-radio-wrapper:hover .ant-radio:after {
    visibility: visible
}

.ant-radio-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    background-color: #4b4b4b;
    border-color: #4b4b4b;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    transition: all .3s
}

.ant-radio-inner:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    margin-left: -7px;
    background-color: #00dfb0;
    border-top: 0;
    border-left: 0;
    border-radius: 14px;
    transform: scale(0);
    opacity: 0;
    transition: all .3s cubic-bezier(.78,.14,.15,.86);
    content: " "
}

.ant-radio-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0
}

.ant-radio-checked .ant-radio-inner {
    border-color: #00dfb0
}

.ant-radio-checked .ant-radio-inner:after {
    transform: scale(.42857143);
    opacity: 1;
    transition: all .3s cubic-bezier(.78,.14,.15,.86)
}

.ant-radio-disabled {
    cursor: not-allowed
}

.ant-radio-disabled .ant-radio-inner {
    background-color: #191919;
    border-color: #4b4b4b!important;
    cursor: not-allowed
}

.ant-radio-disabled .ant-radio-inner:after {
    background-color: #fff3
}

.ant-radio-disabled .ant-radio-input {
    cursor: not-allowed
}

.ant-radio-disabled+span {
    color: #4b4b4b;
    cursor: not-allowed
}

span.ant-radio+* {
    padding-right: 8px;
    padding-left: 8px
}

.ant-radio-button-wrapper {
    position: relative;
    display: inline-block;
    height: 30px;
    margin: 0;
    padding: 0 7px;
    color: #b4b4b4;
    font-size: 12px;
    line-height: 28px;
    background: #4B4B4B;
    border: 1px solid #4B4B4B;
    border-top-width: 1.02px;
    border-left-width: 0;
    cursor: pointer;
    transition: color .3s,background .3s,border-color .3s,box-shadow .3s
}

.ant-radio-button-wrapper a {
    color: #b4b4b4
}

.ant-radio-button-wrapper>.ant-radio-button {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

.ant-radio-group-large .ant-radio-button-wrapper {
    height: 40px;
    font-size: 14px;
    line-height: 38px
}

.ant-radio-group-small .ant-radio-button-wrapper {
    height: 24px;
    padding: 0 7px;
    line-height: 22px
}

.ant-radio-button-wrapper:not(:first-child):before {
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    box-sizing: content-box;
    width: 1px;
    height: 100%;
    padding: 1px 0;
    background-color: #4b4b4b;
    transition: background-color .3s;
    content: ""
}

.ant-radio-button-wrapper:first-child {
    border-left: 1px solid #4B4B4B;
    border-radius: 3px 0 0 3px
}

.ant-radio-button-wrapper:last-child {
    border-radius: 0 3px 3px 0
}

.ant-radio-button-wrapper:first-child:last-child {
    border-radius: 3px
}

.ant-radio-button-wrapper:hover {
    position: relative;
    color: #00dfb0
}

.ant-radio-button-wrapper:focus-within {
    box-shadow: 0 0 0 3px #112724
}

.ant-radio-button-wrapper .ant-radio-inner,.ant-radio-button-wrapper input[type=checkbox],.ant-radio-button-wrapper input[type=radio] {
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    z-index: 1;
    color: #00dfb0;
    background: #4B4B4B;
    border-color: #00dfb0
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):before {
    background-color: #00dfb0
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
    border-color: #00dfb0
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
    color: #079879;
    border-color: #079879
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover:before {
    background-color: #079879
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
    color: #24d6a9;
    border-color: #24d6a9
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active:before {
    background-color: #24d6a9
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
    box-shadow: 0 0 0 3px #112724
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    color: #fff;
    background: #00DFB0;
    border-color: #00dfb0
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
    color: #fff;
    background: #079879;
    border-color: #079879
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
    color: #fff;
    background: #24d6a9;
    border-color: #24d6a9
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
    box-shadow: 0 0 0 3px #112724
}

.ant-radio-button-wrapper-disabled {
    color: #4b4b4b;
    background-color: #191919;
    border-color: #4b4b4b;
    cursor: not-allowed
}

.ant-radio-button-wrapper-disabled:first-child,.ant-radio-button-wrapper-disabled:hover {
    color: #4b4b4b;
    background-color: #191919;
    border-color: #4b4b4b
}

.ant-radio-button-wrapper-disabled:first-child {
    border-left-color: #4b4b4b
}

.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
    color: #4b4b4b;
    background-color: #fff3;
    border-color: #4b4b4b;
    box-shadow: none
}

@keyframes antRadioEffect {
    0% {
        transform: scale(1);
        opacity: .5
    }

    to {
        transform: scale(1.6);
        opacity: 0
    }
}

.ant-radio-group.ant-radio-group-rtl {
    direction: rtl
}

.ant-radio-wrapper.ant-radio-wrapper-rtl {
    margin-right: 0;
    margin-left: 6px;
    direction: rtl
}

.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
    border-right-width: 0;
    border-left-width: 1px
}

.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child):before {
    right: -1px;
    left: 0
}

.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
    border-right: 1px solid #4B4B4B;
    border-radius: 0 3px 3px 0
}

.ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]).ant-radio-button-wrapper:first-child {
    border-right-color: #079879
}

.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
    border-radius: 3px 0 0 3px
}

.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
    border-right-color: #4b4b4b
}

.ant-rate {
    box-sizing: border-box;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    font-feature-settings: tnum,"tnum";
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #d8bd14;
    font-size: 16px;
    line-height: unset;
    list-style: none;
    outline: none
}

.ant-rate-disabled .ant-rate-star {
    cursor: default
}

.ant-rate-disabled .ant-rate-star:hover {
    transform: scale(1)
}

.ant-rate-star {
    position: relative;
    display: inline-block;
    color: inherit;
    cursor: pointer
}

.ant-rate-star:not(:last-child) {
    margin-right: 8px
}

.ant-rate-star>div {
    transition: all .3s,outline 0s
}

.ant-rate-star>div:hover {
    transform: scale(1.1)
}

.ant-rate-star>div:focus {
    outline: 0
}

.ant-rate-star>div:focus-visible {
    outline: 1px dashed #d8bd14;
    transform: scale(1.1)
}

.ant-rate-star-first,.ant-rate-star-second {
    color: #ffffff1f;
    transition: all .3s;
    user-select: none
}

.ant-rate-star-first .anticon,.ant-rate-star-second .anticon {
    vertical-align: middle
}

.ant-rate-star-first {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    opacity: 0
}

.ant-rate-star-half .ant-rate-star-first,.ant-rate-star-half .ant-rate-star-second {
    opacity: 1
}

.ant-rate-star-half .ant-rate-star-first,.ant-rate-star-full .ant-rate-star-second {
    color: inherit
}

.ant-rate-text {
    display: inline-block;
    margin: 0 8px;
    font-size: 12px
}

.ant-rate-rtl {
    direction: rtl
}

.ant-rate-rtl .ant-rate-star:not(:last-child) {
    margin-right: 0;
    margin-left: 8px
}

.ant-rate-rtl .ant-rate-star-first {
    right: 0;
    left: auto
}

.ant-result {
    padding: 48px 32px
}

.ant-result-success .ant-result-icon>.anticon {
    color: #00dfb0
}

.ant-result-error .ant-result-icon>.anticon {
    color: #fc4e00
}

.ant-result-info .ant-result-icon>.anticon {
    color: #00dfb0
}

.ant-result-warning .ant-result-icon>.anticon {
    color: #ff9800
}

.ant-result-image {
    width: 250px;
    height: 295px;
    margin: auto
}

.ant-result-icon {
    margin-bottom: 24px;
    text-align: center
}

.ant-result-icon>.anticon {
    font-size: 64px
}

.ant-result-title {
    color: #fff;
    font-size: 20px;
    line-height: 1.8;
    text-align: center
}

.ant-result-subtitle {
    color: #969696;
    font-size: 12px;
    line-height: 1.6;
    text-align: center
}

.ant-result-extra {
    margin: 24px 0 0;
    text-align: center
}

.ant-result-extra>* {
    margin-right: 8px
}

.ant-result-extra>*:last-child {
    margin-right: 0
}

.ant-result-content {
    margin-top: 24px;
    padding: 24px 40px;
    background-color: #ffffff0a
}

.ant-result-rtl {
    direction: rtl
}

.ant-result-rtl .ant-result-extra>* {
    margin-right: 0;
    margin-left: 8px
}

.ant-result-rtl .ant-result-extra>*:last-child {
    margin-left: 0
}

.ant-select-single .ant-select-selector {
    display: flex
}

.ant-select-single .ant-select-selector .ant-select-selection-search {
    position: absolute;
    top: 0;
    right: 7px;
    bottom: 0;
    left: 7px
}

.ant-select-single .ant-select-selector .ant-select-selection-search-input {
    width: 100%
}

.ant-select-single .ant-select-selector .ant-select-selection-item,.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    padding: 0;
    line-height: 26px;
    transition: all .3s
}

@supports (-moz-appearance: meterbar) {
    .ant-select-single .ant-select-selector .ant-select-selection-item,.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
        line-height:26px
    }
}

.ant-select-single .ant-select-selector .ant-select-selection-item {
    position: relative;
    user-select: none
}

.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    transition: none;
    pointer-events: none
}

.ant-select-single .ant-select-selector:after,.ant-select-single .ant-select-selector .ant-select-selection-item:after,.ant-select-single .ant-select-selector .ant-select-selection-placeholder:after {
    display: inline-block;
    width: 0;
    visibility: hidden;
    content: "\a0"
}

.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
    right: 19px
}

.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    padding-right: 15px
}

.ant-select-single.ant-select-open .ant-select-selection-item {
    color: #646464
}

.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    width: 100%;
    height: 28px;
    padding: 0 7px
}

.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
    height: 26px
}

.ant-select-single:not(.ant-select-customize-input) .ant-select-selector:after {
    line-height: 26px
}

.ant-select-single.ant-select-customize-input .ant-select-selector:after {
    display: none
}

.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
    position: static;
    width: 100%
}

.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
    position: absolute;
    right: 0;
    left: 0;
    padding: 0 7px
}

.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder:after {
    display: none
}

.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
    height: 32px
}

.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector:after,.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
    line-height: 30px
}

.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
    height: 30px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
    height: 24px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector:after,.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
    line-height: 22px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
    height: 22px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
    right: 7px;
    left: 7px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
    padding: 0 7px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
    right: 25px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
    padding-right: 18px
}

.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
    padding: 0 11px
}

.ant-select-selection-overflow {
    position: relative;
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    max-width: 100%
}

.ant-select-selection-overflow-item {
    flex: none;
    align-self: center;
    max-width: 100%
}

.ant-select-multiple .ant-select-selector {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 3px
}

.ant-select-show-search.ant-select-multiple .ant-select-selector {
    cursor: text
}

.ant-select-disabled.ant-select-multiple .ant-select-selector {
    background: #141414;
    cursor: not-allowed
}

.ant-select-multiple .ant-select-selector:after {
    display: inline-block;
    width: 0;
    margin: 3px 0;
    line-height: 20px;
    content: "\a0"
}

.ant-select-multiple.ant-select-show-arrow .ant-select-selector,.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
    padding-right: 20px
}

.ant-select-multiple .ant-select-selection-item {
    position: relative;
    display: flex;
    flex: none;
    box-sizing: border-box;
    max-width: 100%;
    height: 20px;
    margin-top: 3px;
    margin-bottom: 3px;
    line-height: 18px;
    background: rgba(255,255,255,.08);
    border: 1px solid #303030;
    border-radius: 3px;
    cursor: default;
    transition: font-size .3s,line-height .3s,height .3s;
    user-select: none;
    margin-inline-end:3px;padding-inline-start:4px;padding-inline-end:2px}

.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
    color: #595959;
    border-color: #1f1f1f;
    cursor: not-allowed
}

.ant-select-multiple .ant-select-selection-item-content {
    display: inline-block;
    margin-right: 2px;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis
}

.ant-select-multiple .ant-select-selection-item-remove {
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    color: #969696;
    font-weight: 700;
    font-size: 10px;
    line-height: inherit;
    cursor: pointer
}

.ant-select-multiple .ant-select-selection-item-remove>* {
    line-height: 1
}

.ant-select-multiple .ant-select-selection-item-remove svg {
    display: inline-block
}

.ant-select-multiple .ant-select-selection-item-remove:before {
    display: none
}

.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
    display: block
}

.ant-select-multiple .ant-select-selection-item-remove>.anticon {
    vertical-align: -.2em
}

.ant-select-multiple .ant-select-selection-item-remove:hover {
    color: #ffffffbf
}

.ant-select-multiple .ant-select-selection-overflow-item+.ant-select-selection-overflow-item .ant-select-selection-search {
    margin-inline-start:0}

.ant-select-multiple .ant-select-selection-search {
    position: relative;
    max-width: 100%;
    margin-inline-start:4px}

.ant-select-multiple .ant-select-selection-search-input,.ant-select-multiple .ant-select-selection-search-mirror {
    height: 20px;
    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: 20px;
    transition: all .3s
}

.ant-select-multiple .ant-select-selection-search-input {
    width: 100%;
    min-width: 4.1px
}

.ant-select-multiple .ant-select-selection-search-mirror {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    white-space: pre;
    visibility: hidden
}

.ant-select-multiple .ant-select-selection-placeholder {
    position: absolute;
    top: 50%;
    right: 7px;
    left: 7px;
    transform: translateY(-50%);
    transition: all .3s
}

.ant-select-multiple.ant-select-lg .ant-select-selector:after {
    line-height: 34px
}

.ant-select-multiple.ant-select-lg .ant-select-selection-item {
    height: 34px;
    line-height: 32px
}

.ant-select-multiple.ant-select-lg .ant-select-selection-search {
    height: 34px;
    line-height: 34px
}

.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
    height: 34px;
    line-height: 32px
}

.ant-select-multiple.ant-select-sm .ant-select-selector:after {
    line-height: 18px
}

.ant-select-multiple.ant-select-sm .ant-select-selection-item {
    height: 18px;
    line-height: 16px
}

.ant-select-multiple.ant-select-sm .ant-select-selection-search {
    height: 18px;
    line-height: 18px
}

.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
    height: 18px;
    line-height: 16px
}

.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
    left: 7px
}

.ant-select-multiple.ant-select-sm .ant-select-selection-search {
    margin-inline-start:3px}

.ant-select-multiple.ant-select-lg .ant-select-selection-item {
    height: 24px;
    line-height: 24px
}

.ant-select-disabled .ant-select-selection-item-remove {
    display: none
}

.ant-select {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    display: inline-block;
    cursor: pointer
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    position: relative;
    background-color: transparent;
    border: 1px solid #4B4B4B;
    border-radius: 3px;
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
    cursor: pointer
}

.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    cursor: text
}

.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
    cursor: auto
}

.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border-color: #00dfb0;
    box-shadow: 0 0 0 2px #00dfb033;
    border-right-width: 1px!important;
    outline: 0
}

.ant-input-rtl .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    color: #4b4b4b;
    background: #191919;
    cursor: not-allowed
}

.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    background: #141414
}

.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
    cursor: not-allowed
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
    -webkit-appearance: none;
    appearance: none
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
    display: none;
    -webkit-appearance: none
}

.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
    border-color: #464646;
    border-right-width: 1px!important
}

.ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
    border-right-width: 0;
    border-left-width: 1px!important
}

.ant-select-selection-item {
    flex: 1 1;
    overflow: hidden;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media all and (-ms-high-contrast: none) {
    .ant-select-selection-item *::-ms-backdrop,.ant-select-selection-item {
        flex: auto
    }
}

.ant-select-selection-placeholder {
    flex: 1 1;
    overflow: hidden;
    color: #646464;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}

@media all and (-ms-high-contrast: none) {
    .ant-select-selection-placeholder *::-ms-backdrop,.ant-select-selection-placeholder {
        flex: auto
    }
}

.ant-select-arrow {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: 7px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    color: #4b4b4b;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    pointer-events: none
}

.ant-select-arrow>* {
    line-height: 1
}

.ant-select-arrow svg {
    display: inline-block
}

.ant-select-arrow:before {
    display: none
}

.ant-select-arrow .ant-select-arrow-icon {
    display: block
}

.ant-select-arrow .anticon {
    vertical-align: top;
    transition: transform .3s
}

.ant-select-arrow .anticon>svg {
    vertical-align: top
}

.ant-select-arrow .anticon:not(.ant-select-suffix) {
    pointer-events: auto
}

.ant-select-disabled .ant-select-arrow {
    cursor: not-allowed
}

.ant-select-clear {
    position: absolute;
    top: 50%;
    right: 7px;
    z-index: 1;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    color: #4b4b4b;
    font-size: 12px;
    font-style: normal;
    line-height: 1;
    text-align: center;
    text-transform: none;
    background: #141414;
    cursor: pointer;
    opacity: 0;
    transition: color .3s ease,opacity .15s ease;
    text-rendering: auto
}

.ant-select-clear:before {
    display: block
}

.ant-select-clear:hover {
    color: #969696
}

.ant-select:hover .ant-select-clear {
    opacity: 1
}

.ant-select-dropdown {
    margin: 0;
    color: #b4b4b4;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum",;
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    box-sizing: border-box;
    padding: 5px 0;
    overflow: hidden;
    font-size: 12px;
    font-variant: initial;
    background-color: #1f1f1f;
    border-radius: 3px;
    outline: none;
    box-shadow: 0 3px 6px -4px #0000007a,0 6px 16px #00000052,0 9px 28px 8px #0003
}

.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
    animation-name: antSlideUpIn
}

.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
    animation-name: antSlideDownIn
}

.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
    animation-name: antSlideUpOut
}

.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
    animation-name: antSlideDownOut
}

.ant-select-dropdown-hidden {
    display: none
}

.ant-select-dropdown-empty {
    color: #4b4b4b
}

.ant-select-item-empty {
    position: relative;
    display: block;
    min-height: 30px;
    padding: 0 8px;
    color: #b4b4b4;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #4b4b4b
}

.ant-select-item {
    position: relative;
    display: block;
    min-height: 30px;
    padding: 0 8px;
    color: #b4b4b4;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
    transition: background .3s ease
}

.ant-select-item-group {
    color: #969696;
    font-size: 12px;
    cursor: default
}

.ant-select-item-option {
    display: flex
}

.ant-select-item-option-content {
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ant-select-item-option-state {
    flex: none
}

.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
    background-color: #ffffff14
}

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    color: #b4b4b4;
    font-weight: 600;
    background-color: #112724
}

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
    color: #00dfb0
}

.ant-select-item-option-disabled {
    color: #4b4b4b;
    cursor: not-allowed
}

.ant-select-item-option-disabled.ant-select-item-option-selected {
    background-color: #141414
}

.ant-select-item-option-grouped {
    padding-left: 16px
}

.ant-select-lg {
    font-size: 14px
}

.ant-select-borderless .ant-select-selector {
    background-color: transparent!important;
    border-color: transparent!important;
    box-shadow: none!important
}

.ant-select-rtl {
    direction: rtl
}

.ant-select-rtl .ant-select-arrow,.ant-select-rtl .ant-select-clear {
    right: initial;
    left: 7px
}

.ant-select-dropdown-rtl {
    direction: rtl
}

.ant-select-dropdown-rtl .ant-select-item-option-grouped {
    padding-right: 16px;
    padding-left: 8px
}

.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
    padding-right: 3px;
    padding-left: 20px
}

.ant-select-rtl.ant-select-multiple .ant-select-selection-item {
    text-align: right
}

.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
    margin-right: 0;
    margin-left: 2px;
    text-align: right
}

.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
    right: 0;
    left: auto
}

.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
    right: 7px;
    left: auto
}

.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
    right: 7px
}

.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    right: 0;
    left: 9px;
    text-align: right
}

.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
    right: 7px;
    left: 19px
}

.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    padding-right: 0;
    padding-left: 15px
}

.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
    right: 6px
}

.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
    padding-right: 0;
    padding-left: 18px
}

.ant-skeleton {
    display: table;
    width: 100%
}

.ant-skeleton-header {
    display: table-cell;
    padding-right: 8px;
    vertical-align: top
}

.ant-skeleton-header .ant-skeleton-avatar {
    display: inline-block;
    vertical-align: top;
    background: rgba(190,190,190,.2);
    width: 28px;
    height: 28px;
    line-height: 28px
}

.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
    border-radius: 50%
}

.ant-skeleton-header .ant-skeleton-avatar-lg {
    width: 32px;
    height: 32px;
    line-height: 32px
}

.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
    border-radius: 50%
}

.ant-skeleton-header .ant-skeleton-avatar-sm {
    width: 22px;
    height: 22px;
    line-height: 22px
}

.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
    border-radius: 50%
}

.ant-skeleton-content {
    display: table-cell;
    width: 100%;
    vertical-align: top
}

.ant-skeleton-content .ant-skeleton-title {
    width: 100%;
    height: 14px;
    margin-top: 8px;
    background: rgba(190,190,190,.2);
    border-radius: 4px
}

.ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph {
    margin-top: 20px
}

.ant-skeleton-content .ant-skeleton-paragraph {
    padding: 0
}

.ant-skeleton-content .ant-skeleton-paragraph>li {
    width: 100%;
    height: 14px;
    list-style: none;
    background: rgba(190,190,190,.2);
    border-radius: 4px
}

.ant-skeleton-content .ant-skeleton-paragraph>li:last-child:not(:first-child):not(:nth-child(2)) {
    width: 61%
}

.ant-skeleton-content .ant-skeleton-paragraph>li+li {
    margin-top: 12px
}

.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
    margin-top: 8px
}

.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph {
    margin-top: 20px
}

.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title,.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph>li {
    border-radius: 100px
}

.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li {
    background: linear-gradient(90deg,rgba(190,190,190,.2) 25%,rgba(255,255,255,.16) 37%,rgba(190,190,190,.2) 63%);
    background-size: 400% 100%;
    animation: ant-skeleton-loading 1.4s ease infinite
}

.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,.ant-skeleton.ant-skeleton-active .ant-skeleton-button,.ant-skeleton.ant-skeleton-active .ant-skeleton-input,.ant-skeleton.ant-skeleton-active .ant-skeleton-image {
    background: linear-gradient(90deg,rgba(190,190,190,.2) 25%,rgba(255,255,255,.16) 37%,rgba(190,190,190,.2) 63%);
    background-size: 400% 100%;
    animation: ant-skeleton-loading 1.4s ease infinite
}

.ant-skeleton.ant-skeleton-block,.ant-skeleton.ant-skeleton-block .ant-skeleton-button {
    width: 100%
}

.ant-skeleton-element {
    display: inline-block;
    width: auto
}

.ant-skeleton-element .ant-skeleton-button {
    display: inline-block;
    vertical-align: top;
    background: rgba(190,190,190,.2);
    border-radius: 3px;
    width: 60px;
    min-width: 60px;
    height: 30px;
    line-height: 30px
}

.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
    width: 30px;
    min-width: 30px;
    border-radius: 50%
}

.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
    border-radius: 30px
}

.ant-skeleton-element .ant-skeleton-button-lg {
    width: 80px;
    min-width: 80px;
    height: 40px;
    line-height: 40px
}

.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
    width: 40px;
    min-width: 40px;
    border-radius: 50%
}

.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
    border-radius: 40px
}

.ant-skeleton-element .ant-skeleton-button-sm {
    width: 48px;
    min-width: 48px;
    height: 24px;
    line-height: 24px
}

.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
    width: 24px;
    min-width: 24px;
    border-radius: 50%
}

.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
    border-radius: 24px
}

.ant-skeleton-element .ant-skeleton-avatar {
    display: inline-block;
    vertical-align: top;
    background: rgba(190,190,190,.2);
    width: 28px;
    height: 28px;
    line-height: 28px
}

.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
    border-radius: 50%
}

.ant-skeleton-element .ant-skeleton-avatar-lg {
    width: 32px;
    height: 32px;
    line-height: 32px
}

.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
    border-radius: 50%
}

.ant-skeleton-element .ant-skeleton-avatar-sm {
    width: 22px;
    height: 22px;
    line-height: 22px
}

.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
    border-radius: 50%
}

.ant-skeleton-element .ant-skeleton-input {
    display: inline-block;
    vertical-align: top;
    background: rgba(190,190,190,.2);
    width: 100%;
    height: 28px;
    line-height: 28px
}

.ant-skeleton-element .ant-skeleton-input-lg {
    width: 100%;
    height: 40px;
    line-height: 40px
}

.ant-skeleton-element .ant-skeleton-input-sm {
    width: 100%;
    height: 24px;
    line-height: 24px
}

.ant-skeleton-element .ant-skeleton-image {
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    background: rgba(190,190,190,.2);
    width: 96px;
    height: 96px;
    line-height: 96px
}

.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle {
    border-radius: 50%
}

.ant-skeleton-element .ant-skeleton-image-path {
    fill: #bfbfbf
}

.ant-skeleton-element .ant-skeleton-image-svg {
    width: 48px;
    height: 48px;
    line-height: 48px;
    max-width: 192px;
    max-height: 192px
}

.ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle {
    border-radius: 50%
}

@keyframes ant-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.ant-skeleton-rtl {
    direction: rtl
}

.ant-skeleton-rtl .ant-skeleton-header {
    padding-right: 0;
    padding-left: 16px
}

.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li {
    animation-name: ant-skeleton-loading-rtl
}

.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
    animation-name: ant-skeleton-loading-rtl
}

@keyframes ant-skeleton-loading-rtl {
    0% {
        background-position: 0% 50%
    }

    to {
        background-position: 100% 50%
    }
}

.ant-slider {
    box-sizing: border-box;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    height: 12px;
    margin: 10px 6px;
    padding: 4px 0;
    cursor: pointer;
    touch-action: none
}

.ant-slider-vertical {
    width: 12px;
    height: 100%;
    margin: 6px 10px;
    padding: 0 4px
}

.ant-slider-vertical .ant-slider-rail {
    width: 4px;
    height: 100%
}

.ant-slider-vertical .ant-slider-track {
    width: 4px
}

.ant-slider-vertical .ant-slider-handle {
    margin-top: -6px;
    margin-left: -5px
}

.ant-slider-vertical .ant-slider-mark {
    top: 0;
    left: 12px;
    width: 18px;
    height: 100%
}

.ant-slider-vertical .ant-slider-mark-text {
    left: 4px;
    white-space: nowrap
}

.ant-slider-vertical .ant-slider-step {
    width: 4px;
    height: 100%
}

.ant-slider-vertical .ant-slider-dot {
    top: auto;
    left: 2px;
    margin-bottom: -4px
}

.ant-slider-tooltip .ant-tooltip-inner {
    min-width: unset
}

.ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
    margin-right: -5px;
    margin-left: 0
}

.ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
    right: 12px;
    left: auto
}

.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
    right: 4px;
    left: auto
}

.ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
    right: 2px;
    left: auto
}

.ant-slider-with-marks {
    margin-bottom: 28px
}

.ant-slider-rail {
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #4b4b4b;
    border-radius: 3px;
    transition: background-color .3s
}

.ant-slider-track {
    position: absolute;
    height: 4px;
    background-color: #4b4b4b;
    border-radius: 3px;
    transition: background-color .3s
}

.ant-slider-handle {
    position: absolute;
    width: 10px;
    height: 10px;
    margin-top: -4px;
    background-color: #282828;
    border: solid 2px #B4B4B4;
    border-radius: 50%;
    box-shadow: 0;
    cursor: pointer;
    transition: border-color .3s,box-shadow .6s,transform .3s cubic-bezier(.18,.89,.32,1.28)
}

.ant-slider-handle-dragging.ant-slider-handle-dragging.ant-slider-handle-dragging {
    border-color: #fff;
    box-shadow: 0 0 0 5px transparent
}

.ant-slider-handle:focus {
    border-color: #fff;
    outline: none;
    box-shadow: 0 0 0 5px transparent
}

.ant-slider-handle.ant-tooltip-open {
    border-color: #fff
}

.ant-slider:hover .ant-slider-rail,.ant-slider:hover .ant-slider-track {
    background-color: #4b4b4b
}

.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
    border-color: #fff
}

.ant-slider-mark {
    position: absolute;
    top: 14px;
    left: 0;
    width: 100%;
    font-size: 12px
}

.ant-slider-mark-text {
    position: absolute;
    display: inline-block;
    color: #969696;
    text-align: center;
    word-break: keep-all;
    cursor: pointer;
    user-select: none
}

.ant-slider-mark-text-active {
    color: #b4b4b4
}

.ant-slider-step {
    position: absolute;
    width: 100%;
    height: 4px;
    background: transparent
}

.ant-slider-dot {
    position: absolute;
    top: -2px;
    width: 8px;
    height: 8px;
    margin-left: -4px;
    background-color: #141414;
    border: 2px solid #4B4B4B;
    border-radius: 50%;
    cursor: pointer
}

.ant-slider-dot:first-child {
    margin-left: -4px
}

.ant-slider-dot:last-child {
    margin-left: -4px
}

.ant-slider-dot-active {
    border-color: #4b4b4b
}

.ant-slider-disabled {
    cursor: not-allowed
}

.ant-slider-disabled .ant-slider-rail,.ant-slider-disabled .ant-slider-track {
    background-color: #4b4b4b!important
}

.ant-slider-disabled .ant-slider-handle,.ant-slider-disabled .ant-slider-dot {
    background-color: #141414;
    border-color: #4b4b4b!important;
    box-shadow: none;
    cursor: not-allowed
}

.ant-slider-disabled .ant-slider-mark-text,.ant-slider-disabled .ant-slider-dot {
    cursor: not-allowed!important
}

.ant-slider-rtl {
    direction: rtl
}

.ant-slider-rtl .ant-slider-mark {
    right: 0;
    left: auto
}

.ant-slider-rtl .ant-slider-dot,.ant-slider-rtl .ant-slider-dot:first-child {
    margin-right: -4px;
    margin-left: 0
}

.ant-slider-rtl .ant-slider-dot:last-child {
    margin-right: -4px;
    margin-left: 0
}

.ant-space {
    display: inline-flex
}

.ant-space-vertical {
    flex-direction: column
}

.ant-space-align-center {
    align-items: center
}

.ant-space-align-start {
    align-items: flex-start
}

.ant-space-align-end {
    align-items: flex-end
}

.ant-space-align-baseline {
    align-items: baseline
}

.ant-space-item:empty {
    display: none
}

.ant-space-rtl {
    direction: rtl
}

.ant-spin {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: absolute;
    display: none;
    color: #00dfb0;
    text-align: center;
    vertical-align: middle;
    opacity: 0;
    transition: transform .3s cubic-bezier(.78,.14,.15,.86)
}

.ant-spin-spinning {
    position: static;
    display: inline-block;
    opacity: 1
}

.ant-spin-nested-loading {
    position: relative
}

.ant-spin-nested-loading>div>.ant-spin {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 400px
}

.ant-spin-nested-loading>div>.ant-spin .ant-spin-dot {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px
}

.ant-spin-nested-loading>div>.ant-spin .ant-spin-text {
    position: absolute;
    top: 50%;
    width: 100%;
    padding-top: 6px;
    text-shadow: 0 1px 2px #141414
}

.ant-spin-nested-loading>div>.ant-spin.ant-spin-show-text .ant-spin-dot {
    margin-top: -20px
}

.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-dot {
    margin: -7px
}

.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-text {
    padding-top: 3px
}

.ant-spin-nested-loading>div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot {
    margin-top: -17px
}

.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-dot {
    margin: -16px
}

.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-text {
    padding-top: 12px
}

.ant-spin-nested-loading>div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot {
    margin-top: -26px
}

.ant-spin-container {
    position: relative;
    transition: opacity .3s
}

.ant-spin-container:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: none \ ;
    width: 100%;
    height: 100%;
    background: #141414;
    opacity: 0;
    transition: all .3s;
    content: "";
    pointer-events: none
}

.ant-spin-blur {
    clear: both;
    opacity: .5;
    user-select: none;
    pointer-events: none
}

.ant-spin-blur:after {
    opacity: .4;
    pointer-events: auto
}

.ant-spin-tip {
    color: #969696
}

.ant-spin-dot {
    position: relative;
    display: inline-block;
    font-size: 20px;
    width: 1em;
    height: 1em
}

.ant-spin-dot-item {
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    background-color: #00dfb0;
    border-radius: 100%;
    transform: scale(.75);
    transform-origin: 50% 50%;
    opacity: .3;
    animation: antSpinMove 1s infinite linear alternate
}

.ant-spin-dot-item:nth-child(1) {
    top: 0;
    left: 0
}

.ant-spin-dot-item:nth-child(2) {
    top: 0;
    right: 0;
    animation-delay: .4s
}

.ant-spin-dot-item:nth-child(3) {
    right: 0;
    bottom: 0;
    animation-delay: .8s
}

.ant-spin-dot-item:nth-child(4) {
    bottom: 0;
    left: 0;
    animation-delay: 1.2s
}

.ant-spin-dot-spin {
    transform: rotate(45deg);
    animation: antRotate 1.2s infinite linear
}

.ant-spin-sm .ant-spin-dot {
    font-size: 14px
}

.ant-spin-sm .ant-spin-dot i {
    width: 6px;
    height: 6px
}

.ant-spin-lg .ant-spin-dot {
    font-size: 32px
}

.ant-spin-lg .ant-spin-dot i {
    width: 14px;
    height: 14px
}

.ant-spin.ant-spin-show-text .ant-spin-text {
    display: block
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .ant-spin-blur {
        background: #141414;
        opacity: .5
    }
}

@keyframes antSpinMove {
    to {
        opacity: 1
    }
}

@keyframes antRotate {
    to {
        transform: rotate(405deg)
    }
}

.ant-spin-rtl {
    direction: rtl
}

.ant-spin-rtl .ant-spin-dot-spin {
    transform: rotate(-45deg);
    animation-name: antRotateRtl
}

@keyframes antRotateRtl {
    to {
        transform: rotate(-405deg)
    }
}

.ant-statistic {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum"
}

.ant-statistic-title {
    margin-bottom: 0;
    color: #969696;
    font-size: 12px
}

.ant-statistic-content {
    color: #fff;
    font-size: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"
}

.ant-statistic-content-value {
    display: inline-block;
    direction: ltr
}

.ant-statistic-content-prefix,.ant-statistic-content-suffix {
    display: inline-block
}

.ant-statistic-content-prefix {
    margin-right: 4px
}

.ant-statistic-content-suffix {
    margin-left: 4px
}

.ant-statistic-rtl {
    direction: rtl
}

.ant-statistic-rtl .ant-statistic-content-prefix {
    margin-right: 0;
    margin-left: 4px
}

.ant-statistic-rtl .ant-statistic-content-suffix {
    margin-right: 4px;
    margin-left: 0
}

.ant-steps {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    display: flex;
    width: 100%;
    font-size: 0;
    text-align: initial
}

.ant-steps-item {
    position: relative;
    display: inline-block;
    flex: 1 1;
    overflow: hidden;
    vertical-align: top
}

.ant-steps-item-container {
    outline: none
}

.ant-steps-item:last-child {
    flex: none
}

.ant-steps-item:last-child>.ant-steps-item-container>.ant-steps-item-tail,.ant-steps-item:last-child>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title:after {
    display: none
}

.ant-steps-item-icon,.ant-steps-item-content {
    display: inline-block;
    vertical-align: top
}

.ant-steps-item-icon {
    width: 24px;
    height: 24px;
    margin: 2px 8px 2px 0;
    font-size: 12px;
    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;
    text-align: center;
    border: 1px solid #4B4B4B;
    border-radius: 24px;
    transition: background-color .3s,border-color .3s
}

.ant-steps-item-icon .ant-steps-icon {
    position: relative;
    top: 0px;
    color: #00dfb0;
    line-height: 1
}

.ant-steps-item-tail {
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    padding: 0 10px
}

.ant-steps-item-tail:after {
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #303030;
    border-radius: 1px;
    transition: background .3s;
    content: ""
}

.ant-steps-item-title {
    position: relative;
    display: inline-block;
    padding-right: 16px;
    color: #b4b4b4;
    font-size: 14px;
    line-height: 30px
}

.ant-steps-item-title:after {
    position: absolute;
    top: 15px;
    left: 100%;
    display: block;
    width: 9999px;
    height: 1px;
    background: #303030;
    content: ""
}

.ant-steps-item-subtitle {
    display: inline;
    margin-left: 8px;
    color: #969696;
    font-weight: 400;
    font-size: 12px
}

.ant-steps-item-description {
    color: #969696;
    font-size: 12px
}

.ant-steps-item-wait .ant-steps-item-icon {
    background-color: transparent;
    border-color: #4b4b4b
}

.ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon {
    color: #4b4b4b
}

.ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot {
    background: #4B4B4B
}

.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
    color: #969696
}

.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title:after {
    background-color: #303030
}

.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description {
    color: #969696
}

.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-tail:after {
    background-color: #303030
}

.ant-steps-item-process .ant-steps-item-icon {
    background-color: transparent;
    border-color: #00dfb0
}

.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon {
    color: #00dfb0
}

.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot {
    background: #00DFB0
}

.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
    color: #fff
}

.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title:after {
    background-color: #303030
}

.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description {
    color: #b4b4b4
}

.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-tail:after {
    background-color: #303030
}

.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-icon {
    background: #00DFB0
}

.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-icon .ant-steps-icon {
    color: #fff
}

.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-title {
    font-weight: 500
}

.ant-steps-item-finish .ant-steps-item-icon {
    background-color: transparent;
    border-color: #00dfb0
}

.ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon {
    color: #00dfb0
}

.ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot {
    background: #00DFB0
}

.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
    color: #b4b4b4
}

.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title:after {
    background-color: #00dfb0
}

.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description {
    color: #969696
}

.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-tail:after {
    background-color: #00dfb0
}

.ant-steps-item-error .ant-steps-item-icon {
    background-color: transparent;
    border-color: #fc4e00
}

.ant-steps-item-error .ant-steps-item-icon>.ant-steps-icon {
    color: #fc4e00
}

.ant-steps-item-error .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot {
    background: #fc4e00
}

.ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
    color: #fc4e00
}

.ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title:after {
    background-color: #303030
}

.ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description {
    color: #fc4e00
}

.ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-tail:after {
    background-color: #303030
}

.ant-steps-item.ant-steps-next-error .ant-steps-item-title:after {
    background: #fc4e00
}

.ant-steps-item-disabled {
    cursor: not-allowed
}

.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] {
    cursor: pointer
}

.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-title,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-subtitle,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-description,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-icon .ant-steps-icon {
    transition: color .3s
}

.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]:hover .ant-steps-item-title,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]:hover .ant-steps-item-subtitle,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]:hover .ant-steps-item-description {
    color: #00dfb0
}

.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)>.ant-steps-item-container[role=button]:hover .ant-steps-item-icon {
    border-color: #00dfb0
}

.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)>.ant-steps-item-container[role=button]:hover .ant-steps-item-icon .ant-steps-icon {
    color: #00dfb0
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
    padding-left: 16px;
    white-space: nowrap
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
    padding-left: 0
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
    padding-right: 0
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
    display: none
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
    max-width: 140px;
    white-space: normal
}

.ant-steps-item-custom>.ant-steps-item-container>.ant-steps-item-icon {
    height: auto;
    background: none;
    border: 0
}

.ant-steps-item-custom>.ant-steps-item-container>.ant-steps-item-icon>.ant-steps-icon {
    top: 2px;
    left: .5px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px
}

.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon {
    color: #00dfb0
}

.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
    width: auto;
    background: none
}

.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
    padding-left: 12px
}

.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
    padding-left: 0
}

.ant-steps-small .ant-steps-item-icon {
    width: 20px;
    height: 20px;
    margin: 0 8px 0 0;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    border-radius: 20px
}

.ant-steps-small .ant-steps-item-title {
    padding-right: 12px;
    font-size: 12px;
    line-height: 20px
}

.ant-steps-small .ant-steps-item-title:after {
    top: 10px
}

.ant-steps-small .ant-steps-item-description {
    color: #969696;
    font-size: 12px
}

.ant-steps-small .ant-steps-item-tail {
    top: 8px
}

.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
    width: inherit;
    height: inherit;
    line-height: inherit;
    background: none;
    border: 0;
    border-radius: 0
}

.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon {
    font-size: 20px;
    line-height: 20px;
    transform: none
}

.ant-steps-vertical {
    display: flex;
    flex-direction: column
}

.ant-steps-vertical>.ant-steps-item {
    display: block;
    flex: 1 0 auto;
    padding-left: 0;
    overflow: visible
}

.ant-steps-vertical>.ant-steps-item .ant-steps-item-icon {
    float: left;
    margin-right: 12px
}

.ant-steps-vertical>.ant-steps-item .ant-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden
}

.ant-steps-vertical>.ant-steps-item .ant-steps-item-title {
    line-height: 24px
}

.ant-steps-vertical>.ant-steps-item .ant-steps-item-description {
    padding-bottom: 12px
}

.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 12px;
    width: 1px;
    height: 100%;
    padding: 30px 0 6px
}

.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail:after {
    width: 1px;
    height: 100%
}

.ant-steps-vertical>.ant-steps-item:not(:last-child)>.ant-steps-item-container>.ant-steps-item-tail {
    display: block
}

.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title:after {
    display: none
}

.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 10px;
    padding: 26px 0 6px
}

.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
    line-height: 20px
}

.ant-steps-label-vertical .ant-steps-item {
    overflow: visible
}

.ant-steps-label-vertical .ant-steps-item-tail {
    margin-left: 58px;
    padding: 3.5px 24px
}

.ant-steps-label-vertical .ant-steps-item-content {
    display: block;
    width: 108px;
    margin-top: 8px;
    text-align: center
}

.ant-steps-label-vertical .ant-steps-item-icon {
    display: inline-block;
    margin-left: 42px
}

.ant-steps-label-vertical .ant-steps-item-title {
    padding-right: 0;
    padding-left: 0
}

.ant-steps-label-vertical .ant-steps-item-title:after {
    display: none
}

.ant-steps-label-vertical .ant-steps-item-subtitle {
    display: block;
    margin-bottom: 4px;
    margin-left: 0;
    line-height: 1.66667
}

.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
    margin-left: 46px
}

.ant-steps-dot .ant-steps-item-title,.ant-steps-dot.ant-steps-small .ant-steps-item-title {
    line-height: 1.66667
}

.ant-steps-dot .ant-steps-item-tail,.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
    top: 4px;
    width: 100%;
    margin: 0 0 0 70px;
    padding: 0
}

.ant-steps-dot .ant-steps-item-tail:after,.ant-steps-dot.ant-steps-small .ant-steps-item-tail:after {
    width: calc(100% - 20px);
    height: 3px;
    margin-left: 12px
}

.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
    left: 2px
}

.ant-steps-dot .ant-steps-item-icon,.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
    width: 8px;
    height: 8px;
    margin-left: 67px;
    padding-right: 0;
    line-height: 8px;
    background: transparent;
    border: 0
}

.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    transition: all .3s
}

.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot:after,.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot:after {
    position: absolute;
    top: -12px;
    left: -26px;
    width: 60px;
    height: 32px;
    background: rgba(0,0,0,.001);
    content: ""
}

.ant-steps-dot .ant-steps-item-content,.ant-steps-dot.ant-steps-small .ant-steps-item-content {
    width: 140px
}

.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
    position: relative;
    top: -1px;
    width: 10px;
    height: 10px;
    line-height: 10px;
    background: none
}

.ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot,.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot {
    left: 0
}

.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
    margin-top: 13px;
    margin-left: 0;
    background: none
}

.ant-steps-vertical.ant-steps-dot .ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail {
    top: 6.5px;
    left: -9px;
    margin: 0;
    padding: 22px 0 4px
}

.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
    left: 0
}

.ant-steps-vertical.ant-steps-dot .ant-steps-item-content {
    width: inherit
}

.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot {
    top: -1px;
    left: -1px
}

.ant-steps-navigation {
    padding-top: 12px
}

.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
    margin-left: -12px
}

.ant-steps-navigation .ant-steps-item {
    overflow: visible;
    text-align: center
}

.ant-steps-navigation .ant-steps-item-container {
    display: inline-block;
    height: 100%;
    margin-left: -16px;
    padding-bottom: 12px;
    text-align: left;
    transition: opacity .3s
}

.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
    max-width: auto
}

.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
    max-width: 100%;
    padding-right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title:after {
    display: none
}

.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role=button] {
    cursor: pointer
}

.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role=button]:hover {
    opacity: .85
}

.ant-steps-navigation .ant-steps-item:last-child {
    flex: 1 1
}

.ant-steps-navigation .ant-steps-item:last-child:after {
    display: none
}

.ant-steps-navigation .ant-steps-item:after {
    position: absolute;
    top: 50%;
    left: 100%;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: -14px;
    margin-left: -2px;
    border: 1px solid rgba(255,255,255,.2);
    border-bottom: none;
    border-left: none;
    transform: rotate(45deg);
    content: ""
}

.ant-steps-navigation .ant-steps-item:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: inline-block;
    width: 0;
    height: 2px;
    background-color: #00dfb0;
    transition: width .3s,left .3s;
    transition-timing-function: ease-out;
    content: ""
}

.ant-steps-navigation .ant-steps-item.ant-steps-item-active:before {
    left: 0;
    width: 100%
}

.ant-steps-navigation.ant-steps-vertical>.ant-steps-item {
    margin-right: 0!important
}

.ant-steps-navigation.ant-steps-vertical>.ant-steps-item:before {
    display: none
}

.ant-steps-navigation.ant-steps-vertical>.ant-steps-item.ant-steps-item-active:before {
    top: 0;
    right: 0;
    left: unset;
    display: block;
    width: 3px;
    height: calc(100% - 24px)
}

.ant-steps-navigation.ant-steps-vertical>.ant-steps-item:after {
    position: relative;
    top: -2px;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-bottom: 8px;
    text-align: center;
    transform: rotate(135deg)
}

.ant-steps-navigation.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail {
    visibility: hidden
}

.ant-steps-navigation.ant-steps-horizontal>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail {
    visibility: hidden
}

.ant-steps-rtl {
    direction: rtl
}

.ant-steps.ant-steps-rtl .ant-steps-item-icon {
    margin-right: 0;
    margin-left: 8px
}

.ant-steps-rtl .ant-steps-item-tail {
    right: 0;
    left: auto
}

.ant-steps-rtl .ant-steps-item-title {
    padding-right: 0;
    padding-left: 16px
}

.ant-steps-rtl .ant-steps-item-title:after {
    right: 100%;
    left: auto
}

.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
    padding-right: 16px;
    padding-left: 0
}

.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
    padding-right: 0
}

.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
    padding-left: 0
}

.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon {
    right: .5px;
    left: auto
}

.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
    margin-right: -12px;
    margin-left: 0
}

.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
    margin-right: -16px;
    margin-left: 0;
    text-align: right
}

.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
    padding-left: 0
}

.ant-steps-rtl.ant-steps-navigation .ant-steps-item:after {
    right: 100%;
    left: auto;
    margin-right: -2px;
    margin-left: 0;
    transform: rotate(225deg)
}

.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
    padding-right: 12px;
    padding-left: 0
}

.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
    padding-right: 0
}

.ant-steps-rtl.ant-steps-small .ant-steps-item-title {
    padding-right: 0;
    padding-left: 12px
}

.ant-steps-rtl.ant-steps-vertical>.ant-steps-item .ant-steps-item-icon {
    float: right;
    margin-right: 0;
    margin-left: 12px
}

.ant-steps-rtl.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail {
    right: 12px;
    left: auto
}

.ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
    right: 10px;
    left: auto
}

.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
    padding-left: 0
}

.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
    margin: 0 70px 0 0
}

.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail:after,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail:after {
    margin-right: 12px;
    margin-left: 0
}

.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
    right: 2px;
    left: auto
}

.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
    margin-right: 67px;
    margin-left: 0
}

.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
    float: right
}

.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot:after,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot:after {
    right: -26px;
    left: auto
}

.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
    margin-right: 0;
    margin-left: 16px
}

.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail {
    right: -9px;
    left: auto
}

.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
    right: 0;
    left: auto
}

.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
    right: -2px;
    left: auto
}

.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active {
    padding-right: 4px
}

.ant-steps-with-progress .ant-steps-item {
    padding-top: 4px
}

.ant-steps-with-progress .ant-steps-item .ant-steps-item-tail {
    top: 4px!important
}

.ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child {
    padding-bottom: 4px;
    padding-left: 4px
}

.ant-steps-with-progress .ant-steps-item-icon {
    position: relative
}

.ant-steps-with-progress .ant-steps-item-icon .ant-progress {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px
}

.ant-switch {
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 40px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    background-color: #4b4b4b;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    transition: all .2s;
    user-select: none
}

.ant-switch:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #4b4b4b1a
}

.ant-switch-checked:focus {
    box-shadow: 0 0 0 2px #112724
}

.ant-switch:focus:hover {
    box-shadow: none
}

.ant-switch-checked {
    background-color: #00dfb0
}

.ant-switch-loading,.ant-switch-disabled {
    cursor: not-allowed;
    opacity: .4
}

.ant-switch-loading *,.ant-switch-disabled * {
    box-shadow: none;
    cursor: not-allowed
}

.ant-switch-inner {
    display: block;
    margin: 0 4px 0 22px;
    color: #fff;
    font-size: 12px;
    transition: margin .2s
}

.ant-switch-checked .ant-switch-inner {
    margin: 0 22px 0 4px
}

.ant-switch-handle {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    transition: all .2s ease-in-out
}

.ant-switch-handle:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px #00230b33;
    transition: all .2s ease-in-out;
    content: ""
}

.ant-switch-checked .ant-switch-handle {
    left: calc(100% - 18px)
}

.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle:before {
    right: -30%;
    left: 0
}

.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle:before {
    right: 0;
    left: -30%
}

.ant-switch-loading-icon.anticon {
    position: relative;
    top: 2px;
    color: #000000a6;
    vertical-align: top
}

.ant-switch-checked .ant-switch-loading-icon {
    color: #00dfb0
}

.ant-switch-small {
    min-width: 24px;
    height: 14px;
    line-height: 14px
}

.ant-switch-small .ant-switch-inner {
    margin: 0 5px 0 16px;
    font-size: 12px
}

.ant-switch-small .ant-switch-handle {
    width: 10px;
    height: 10px
}

.ant-switch-small .ant-switch-loading-icon {
    top: .5px;
    font-size: 9px
}

.ant-switch-small.ant-switch-checked .ant-switch-inner {
    margin: 0 16px 0 5px
}

.ant-switch-small.ant-switch-checked .ant-switch-handle {
    left: calc(100% - 12px)
}

.ant-switch-rtl {
    direction: rtl
}

.ant-switch-rtl .ant-switch-inner {
    margin: 0 22px 0 4px
}

.ant-switch-rtl .ant-switch-handle {
    right: 2px;
    left: auto
}

.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle:before {
    right: 0;
    left: -30%
}

.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle:before {
    right: -30%;
    left: 0
}

.ant-switch-rtl.ant-switch-checked .ant-switch-inner {
    margin: 0 4px 0 22px
}

.ant-switch-rtl.ant-switch-checked .ant-switch-handle {
    right: calc(100% - 18px)
}

.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
    right: calc(100% - 12px)
}

.ant-table.ant-table-middle {
    font-size: 12px
}

.ant-table.ant-table-middle .ant-table-title,.ant-table.ant-table-middle .ant-table-footer,.ant-table.ant-table-middle .ant-table-thead>tr>th,.ant-table.ant-table-middle .ant-table-tbody>tr>td,.ant-table.ant-table-middle tfoot>tr>th,.ant-table.ant-table-middle tfoot>tr>td {
    padding: 8px
}

.ant-table.ant-table-middle .ant-table-filter-trigger {
    margin-right: -4px
}

.ant-table.ant-table-middle .ant-table-expanded-row-fixed {
    margin: -8px
}

.ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
    margin: -8px -8px -8px 25px
}

.ant-table.ant-table-small {
    font-size: 12px
}

.ant-table.ant-table-small .ant-table-title,.ant-table.ant-table-small .ant-table-footer,.ant-table.ant-table-small .ant-table-thead>tr>th,.ant-table.ant-table-small .ant-table-tbody>tr>td,.ant-table.ant-table-small tfoot>tr>th,.ant-table.ant-table-small tfoot>tr>td {
    padding: 4px
}

.ant-table.ant-table-small .ant-table-filter-trigger {
    margin-right: -2px
}

.ant-table.ant-table-small .ant-table-expanded-row-fixed {
    margin: -4px
}

.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
    margin: -4px -4px -4px 21px
}

.ant-table-small .ant-table-thead>tr>th {
    background-color: #1d1d1d
}

.ant-table-small .ant-table-selection-column {
    width: 46px;
    min-width: 46px
}

.ant-table.ant-table-bordered>.ant-table-title {
    border: 1px solid #303030;
    border-bottom: 0
}

.ant-table.ant-table-bordered>.ant-table-container {
    border-left: 1px solid #303030
}

.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tfoot>tr>td {
    border-right: 1px solid #303030
}

.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr:not(:last-child)>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr:not(:last-child)>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr:not(:last-child)>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr:not(:last-child)>th {
    border-bottom: 1px solid #303030
}

.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th:before,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>th:before,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>th:before,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr>th:before {
    background-color: transparent!important
}

.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>.ant-table-cell-fix-right-first:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tfoot>tr>.ant-table-cell-fix-right-first:after {
    border-right: 1px solid #303030
}

.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>td>.ant-table-expanded-row-fixed {
    margin: -12px -9px
}

.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td>.ant-table-expanded-row-fixed:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed:after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>td>.ant-table-expanded-row-fixed:after {
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 0;
    border-right: 1px solid #303030;
    content: ""
}

.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table {
    border-top: 1px solid #303030
}

.ant-table.ant-table-bordered.ant-table-scroll-horizontal>.ant-table-container>.ant-table-body>table>tbody>tr.ant-table-expanded-row>td,.ant-table.ant-table-bordered.ant-table-scroll-horizontal>.ant-table-container>.ant-table-body>table>tbody>tr.ant-table-placeholder>td {
    border-right: 0
}

.ant-table.ant-table-bordered.ant-table-middle>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered.ant-table-middle>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed {
    margin: -8px -9px
}

.ant-table.ant-table-bordered.ant-table-small>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered.ant-table-small>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed {
    margin: -4px -5px
}

.ant-table.ant-table-bordered>.ant-table-footer {
    border: 1px solid #303030;
    border-top: 0
}

.ant-table-cell .ant-table-container:first-child {
    border-top: 0
}

.ant-table-cell-scrollbar {
    box-shadow: 0 1px 0 1px #1d1d1d
}

.ant-table-wrapper {
    clear: both;
    max-width: 100%
}

.ant-table-wrapper:before {
    display: table;
    content: ""
}

.ant-table-wrapper:after {
    display: table;
    clear: both;
    content: ""
}

.ant-table {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    font-size: 12px;
    background: #141414;
    border-radius: 3px
}

.ant-table table {
    width: 100%;
    text-align: left;
    border-radius: 3px 3px 0 0;
    border-collapse: separate;
    border-spacing: 0
}

.ant-table-thead>tr>th,.ant-table-tbody>tr>td,.ant-table tfoot>tr>th,.ant-table tfoot>tr>td {
    position: relative;
    padding: 12px 8px;
    overflow-wrap: break-word
}

.ant-table-cell-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all
}

.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,.ant-table-cell-ellipsis.ant-table-cell-fix-right-first {
    overflow: visible
}

.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.ant-table-cell-ellipsis .ant-table-column-title {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all
}

.ant-table-title {
    padding: 12px 8px
}

.ant-table-footer {
    padding: 12px 8px;
    color: #fff;
    background: rgba(255,255,255,.04)
}

.ant-table-thead>tr>th {
    position: relative;
    color: #fff;
    font-weight: 500;
    text-align: left;
    background: #1d1d1d;
    border-bottom: 1px solid #303030;
    transition: background .3s ease
}

.ant-table-thead>tr>th[colspan]:not([colspan="1"]) {
    text-align: center
}

.ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 1.6em;
    background-color: #ffffff14;
    transform: translateY(-50%);
    transition: background-color .3s;
    content: ""
}

.ant-table-thead>tr:not(:last-child)>th[colspan] {
    border-bottom: 0
}

.ant-table-tbody>tr>td {
    border-bottom: 1px solid #303030;
    transition: background .3s
}

.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table,.ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table {
    margin: -12px -8px -12px 25px
}

.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td,.ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td {
    border-bottom: 0
}

.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:first-child,.ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:first-child,.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:last-child,.ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:last-child {
    border-radius: 0
}

.ant-table-tbody>tr.ant-table-row:hover>td,.ant-table-tbody>tr>td.ant-table-cell-row-hover {
    background: #262626
}

.ant-table-tbody>tr.ant-table-row-selected>td {
    background: #112724;
    border-color: #00000008
}

.ant-table-tbody>tr.ant-table-row-selected:hover>td {
    background: #0e201d
}

.ant-table-summary {
    position: relative;
    z-index: 2;
    background: #141414
}

div.ant-table-summary {
    box-shadow: 0 -1px #303030
}

.ant-table-summary>tr>th,.ant-table-summary>tr>td {
    border-bottom: 1px solid #303030
}

.ant-table-pagination.ant-pagination {
    margin: 16px 0
}

.ant-table-pagination {
    display: flex;
    flex-wrap: wrap;
    row-gap: 4px
}

.ant-table-pagination>* {
    flex: none
}

.ant-table-pagination-left {
    justify-content: flex-start
}

.ant-table-pagination-center {
    justify-content: center
}

.ant-table-pagination-right {
    justify-content: flex-end
}

.ant-table-thead th.ant-table-column-has-sorters {
    cursor: pointer;
    transition: all .3s
}

.ant-table-thead th.ant-table-column-has-sorters:hover {
    background: #303030
}

.ant-table-thead th.ant-table-column-has-sorters:hover:before {
    background-color: transparent!important
}

.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover {
    background: #222
}

.ant-table-thead th.ant-table-column-sort {
    background: #262626
}

.ant-table-thead th.ant-table-column-sort:before {
    background-color: transparent!important
}

td.ant-table-column-sort {
    background: rgba(255,255,255,.01)
}

.ant-table-column-title {
    position: relative;
    z-index: 1;
    flex: 1 1
}

.ant-table-column-sorters {
    display: flex;
    flex: auto;
    align-items: center;
    justify-content: space-between
}

.ant-table-column-sorters:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.ant-table-column-sorter {
    margin-left: 4px;
    color: #bfbfbf;
    font-size: 0;
    transition: color .3s
}

.ant-table-column-sorter-inner {
    display: inline-flex;
    flex-direction: column;
    align-items: center
}

.ant-table-column-sorter-up,.ant-table-column-sorter-down {
    font-size: 11px
}

.ant-table-column-sorter-up.active,.ant-table-column-sorter-down.active {
    color: #00dfb0
}

.ant-table-column-sorter-up+.ant-table-column-sorter-down {
    margin-top: -.3em
}

.ant-table-column-sorters:hover .ant-table-column-sorter {
    color: #a6a6a6
}

.ant-table-filter-column {
    display: flex;
    justify-content: space-between
}

.ant-table-filter-trigger {
    position: relative;
    display: flex;
    align-items: center;
    margin: -4px -4px -4px 4px;
    padding: 0 4px;
    color: #bfbfbf;
    font-size: 12px;
    border-radius: 3px;
    cursor: pointer;
    transition: all .3s
}

.ant-table-filter-trigger:hover {
    color: #969696;
    background: #434343
}

.ant-table-filter-trigger.active {
    color: #00dfb0
}

.ant-table-filter-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    min-width: 120px;
    background-color: #1f1f1f;
    border-radius: 3px;
    box-shadow: 0 3px 6px -4px #0000007a,0 6px 16px #00000052,0 9px 28px 8px #0003
}

.ant-table-filter-dropdown .ant-dropdown-menu {
    max-height: 264px;
    overflow-x: hidden;
    border: 0;
    box-shadow: none
}

.ant-table-filter-dropdown .ant-dropdown-menu:empty:after {
    display: block;
    padding: 8px 0;
    color: #4b4b4b;
    font-size: 12px;
    text-align: center;
    content: "Not Found"
}

.ant-table-filter-dropdown-tree {
    padding: 8px 8px 0
}

.ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
    background-color: #ffffff14
}

.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper,.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover {
    background-color: #0f3d35
}

.ant-table-filter-dropdown-search {
    padding: 8px;
    border-bottom: 1px #303030 solid
}

.ant-table-filter-dropdown-search-input input {
    min-width: 140px
}

.ant-table-filter-dropdown-search-input .anticon {
    color: #4b4b4b
}

.ant-table-filter-dropdown-checkall {
    width: 100%;
    margin-bottom: 4px;
    margin-left: 4px
}

.ant-table-filter-dropdown-submenu>ul {
    max-height: calc(100vh - 130px);
    overflow-x: hidden;
    overflow-y: auto
}

.ant-table-filter-dropdown .ant-checkbox-wrapper+span,.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span {
    padding-left: 8px
}

.ant-table-filter-dropdown-btns {
    display: flex;
    justify-content: space-between;
    padding: 7px 8px;
    overflow: hidden;
    background-color: #1f1f1f;
    border-top: 1px solid #303030
}

.ant-table-selection-col {
    width: 32px
}

.ant-table-bordered .ant-table-selection-col {
    width: 50px
}

table tr th.ant-table-selection-column,table tr td.ant-table-selection-column {
    padding-right: 4px;
    padding-left: 4px;
    text-align: center
}

table tr th.ant-table-selection-column .ant-radio-wrapper,table tr td.ant-table-selection-column .ant-radio-wrapper {
    margin-right: 0
}

table tr th.ant-table-selection-column.ant-table-cell-fix-left {
    z-index: 3
}

table tr th.ant-table-selection-column:after {
    background-color: transparent!important
}

.ant-table-selection {
    position: relative;
    display: inline-flex;
    flex-direction: column
}

.ant-table-selection-extra {
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
    transition: all .3s;
    margin-inline-start:100%;padding-inline-start:0px}

.ant-table-selection-extra .anticon {
    color: #bfbfbf;
    font-size: 10px
}

.ant-table-selection-extra .anticon:hover {
    color: #a6a6a6
}

.ant-table-expand-icon-col {
    width: 48px
}

.ant-table-row-expand-icon-cell {
    text-align: center
}

.ant-table-row-indent {
    float: left;
    height: 1px
}

.ant-table-row-expand-icon {
    color: #00dfb0;
    text-decoration: none;
    cursor: pointer;
    transition: color .3s;
    position: relative;
    display: inline-flex;
    float: left;
    box-sizing: border-box;
    width: 17px;
    height: 17px;
    padding: 0;
    color: inherit;
    line-height: 17px;
    background: transparent;
    border: 1px solid #303030;
    border-radius: 3px;
    outline: none;
    transform: scale(.70588235);
    transition: all .3s;
    user-select: none
}

.ant-table-row-expand-icon:focus,.ant-table-row-expand-icon:hover {
    color: #079879
}

.ant-table-row-expand-icon:active {
    color: #24d6a9
}

.ant-table-row-expand-icon:focus,.ant-table-row-expand-icon:hover,.ant-table-row-expand-icon:active {
    border-color: currentcolor
}

.ant-table-row-expand-icon:before,.ant-table-row-expand-icon:after {
    position: absolute;
    background: currentcolor;
    transition: transform .3s ease-out;
    content: ""
}

.ant-table-row-expand-icon:before {
    top: 7px;
    right: 3px;
    left: 3px;
    height: 1px
}

.ant-table-row-expand-icon:after {
    top: 3px;
    bottom: 3px;
    left: 7px;
    width: 1px;
    transform: rotate(90deg)
}

.ant-table-row-expand-icon-collapsed:before {
    transform: rotate(-180deg)
}

.ant-table-row-expand-icon-collapsed:after {
    transform: rotate(0)
}

.ant-table-row-expand-icon-spaced {
    background: transparent;
    border: 0;
    visibility: hidden
}

.ant-table-row-expand-icon-spaced:before,.ant-table-row-expand-icon-spaced:after {
    display: none;
    content: none
}

.ant-table-row-indent+.ant-table-row-expand-icon {
    margin-top: 1.50002px;
    margin-right: 4px
}

tr.ant-table-expanded-row>td,tr.ant-table-expanded-row:hover>td {
    background: #1d1d1d
}

tr.ant-table-expanded-row .ant-descriptions-view {
    display: flex
}

tr.ant-table-expanded-row .ant-descriptions-view table {
    flex: auto;
    width: auto
}

.ant-table .ant-table-expanded-row-fixed {
    position: relative;
    margin: -12px -8px;
    padding: 12px 8px
}

.ant-table-tbody>tr.ant-table-placeholder {
    text-align: center
}

.ant-table-empty .ant-table-tbody>tr.ant-table-placeholder {
    color: #4b4b4b
}

.ant-table-tbody>tr.ant-table-placeholder:hover>td {
    background: #141414
}

.ant-table-cell-fix-left,.ant-table-cell-fix-right {
    position: sticky!important;
    z-index: 2;
    background: #141414
}

.ant-table-cell-fix-left-first:after,.ant-table-cell-fix-left-last:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    width: 30px;
    transform: translate(100%);
    transition: box-shadow .3s;
    content: "";
    pointer-events: none
}

.ant-table-cell-fix-right-first:after,.ant-table-cell-fix-right-last:after {
    position: absolute;
    top: 0;
    bottom: -1px;
    left: 0;
    width: 30px;
    transform: translate(-100%);
    transition: box-shadow .3s;
    content: "";
    pointer-events: none
}

.ant-table .ant-table-container:before,.ant-table .ant-table-container:after {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 30px;
    transition: box-shadow .3s;
    content: "";
    pointer-events: none
}

.ant-table .ant-table-container:before {
    left: 0
}

.ant-table .ant-table-container:after {
    right: 0
}

.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container {
    position: relative
}

.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container:before {
    box-shadow: inset 10px 0 8px -8px #00000073
}

.ant-table-ping-left .ant-table-cell-fix-left-first:after,.ant-table-ping-left .ant-table-cell-fix-left-last:after {
    box-shadow: inset 10px 0 8px -8px #00000073
}

.ant-table-ping-left .ant-table-cell-fix-left-last:before {
    background-color: transparent!important
}

.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container {
    position: relative
}

.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container:after {
    box-shadow: inset -10px 0 8px -8px #00000073
}

.ant-table-ping-right .ant-table-cell-fix-right-first:after,.ant-table-ping-right .ant-table-cell-fix-right-last:after {
    box-shadow: inset -10px 0 8px -8px #00000073
}

.ant-table-sticky-holder {
    position: sticky;
    z-index: 3;
    background: #141414
}

.ant-table-sticky-scroll {
    position: sticky;
    bottom: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    background: #fcfcfc;
    border-top: 1px solid #303030;
    opacity: .6
}

.ant-table-sticky-scroll:hover {
    transform-origin: center bottom
}

.ant-table-sticky-scroll-bar {
    height: 8px;
    background-color: #00000059;
    border-radius: 4px
}

.ant-table-sticky-scroll-bar:hover,.ant-table-sticky-scroll-bar-active {
    background-color: #000c
}

@media all and (-ms-high-contrast: none) {
    .ant-table-ping-left .ant-table-cell-fix-left-last:after {
        box-shadow: none!important
    }

    .ant-table-ping-right .ant-table-cell-fix-right-first:after {
        box-shadow: none!important
    }
}

.ant-table-title {
    border-radius: 3px 3px 0 0
}

.ant-table-title+.ant-table-container {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ant-table-title+.ant-table-container table>thead>tr:first-child th:first-child {
    border-radius: 0
}

.ant-table-title+.ant-table-container table>thead>tr:first-child th:last-child {
    border-radius: 0
}

.ant-table-container {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.ant-table-container table>thead>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.ant-table-container table>thead>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.ant-table-footer {
    border-radius: 0 0 3px 3px
}

.ant-table-wrapper-rtl,.ant-table-rtl {
    direction: rtl
}

.ant-table-wrapper-rtl .ant-table table {
    text-align: right
}

.ant-table-wrapper-rtl .ant-table-thead>tr>th[colspan]:not([colspan="1"]) {
    text-align: center
}

.ant-table-wrapper-rtl .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before {
    right: auto;
    left: 0
}

.ant-table-wrapper-rtl .ant-table-thead>tr>th {
    text-align: right
}

.ant-table-tbody>tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl {
    margin: -12px 25px -12px -8px
}

.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left {
    justify-content: flex-end
}

.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right {
    justify-content: flex-start
}

.ant-table-wrapper-rtl .ant-table-column-sorter {
    margin-right: 4px;
    margin-left: 0
}

.ant-table-wrapper-rtl .ant-table-filter-column-title {
    padding: 12px 8px 12px 2.3em
}

.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title {
    padding: 0 0 0 2.3em
}

.ant-table-wrapper-rtl .ant-table-filter-trigger {
    margin: -4px 4px -4px -4px
}

.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper+span,.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span,.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper+span,.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span {
    padding-right: 8px;
    padding-left: 0
}

.ant-table-wrapper-rtl .ant-table-selection {
    text-align: center
}

.ant-table-wrapper-rtl .ant-table-row-indent,.ant-table-wrapper-rtl .ant-table-row-expand-icon {
    float: right
}

.ant-table-wrapper-rtl .ant-table-row-indent+.ant-table-row-expand-icon {
    margin-right: 0;
    margin-left: 4px
}

.ant-table-wrapper-rtl .ant-table-row-expand-icon:after {
    transform: rotate(-90deg)
}

.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed:before {
    transform: rotate(180deg)
}

.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed:after {
    transform: rotate(0)
}

.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab {
    padding: 4px 0;
    font-size: 12px
}

.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab {
    padding: 8px 0;
    font-size: 14px
}

.ant-tabs-card.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab {
    padding: 6px 8px
}

.ant-tabs-card.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab {
    padding: 7px 8px 6px
}

.ant-tabs-rtl {
    direction: rtl
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
    margin: 0 0 0 32px
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
    margin-left: 0
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
    margin-right: 0;
    margin-left: 8px
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
    margin-right: 4px;
    margin-left: 0
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
    margin: 0
}

.ant-tabs-rtl.ant-tabs-left>.ant-tabs-nav {
    order: 1
}

.ant-tabs-rtl.ant-tabs-left>.ant-tabs-content-holder {
    order: 0
}

.ant-tabs-rtl.ant-tabs-right>.ant-tabs-nav {
    order: 0
}

.ant-tabs-rtl.ant-tabs-right>.ant-tabs-content-holder {
    order: 1
}

.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
    margin-right: 2px;
    margin-left: 0
}

.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-add {
    margin-right: 2px;
    margin-left: 0
}

.ant-tabs-dropdown-rtl {
    direction: rtl
}

.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
    text-align: right
}

.ant-tabs-top,.ant-tabs-bottom {
    flex-direction: column
}

.ant-tabs-top>.ant-tabs-nav,.ant-tabs-bottom>.ant-tabs-nav,.ant-tabs-top>div>.ant-tabs-nav,.ant-tabs-bottom>div>.ant-tabs-nav {
    margin: 0 0 8px
}

.ant-tabs-top>.ant-tabs-nav:before,.ant-tabs-bottom>.ant-tabs-nav:before,.ant-tabs-top>div>.ant-tabs-nav:before,.ant-tabs-bottom>div>.ant-tabs-nav:before {
    position: absolute;
    right: 0;
    left: 0;
    border-bottom: 1px solid #303030;
    content: ""
}

.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar {
    height: 2px
}

.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar-animated {
    transition: width .3s,left .3s,right .3s
}

.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:after {
    top: 0;
    bottom: 0;
    width: 30px
}

.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:before {
    left: 0;
    box-shadow: inset 10px 0 8px -8px #00000014
}

.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:after {
    right: 0;
    box-shadow: inset -10px 0 8px -8px #00000014
}

.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before {
    opacity: 1
}

.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after {
    opacity: 1
}

.ant-tabs-top>.ant-tabs-nav:before,.ant-tabs-top>div>.ant-tabs-nav:before {
    bottom: 0
}

.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar {
    bottom: 0
}

.ant-tabs-bottom>.ant-tabs-nav,.ant-tabs-bottom>div>.ant-tabs-nav {
    order: 1;
    margin-top: 8px;
    margin-bottom: 0
}

.ant-tabs-bottom>.ant-tabs-nav:before,.ant-tabs-bottom>div>.ant-tabs-nav:before {
    top: 0
}

.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar {
    top: 0
}

.ant-tabs-bottom>.ant-tabs-content-holder,.ant-tabs-bottom>div>.ant-tabs-content-holder {
    order: 0
}

.ant-tabs-left>.ant-tabs-nav,.ant-tabs-right>.ant-tabs-nav,.ant-tabs-left>div>.ant-tabs-nav,.ant-tabs-right>div>.ant-tabs-nav {
    flex-direction: column;
    min-width: 50px
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab {
    padding: 4px 16px;
    text-align: center
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
    margin: 8px 0 0
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap {
    flex-direction: column
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:after {
    right: 0;
    left: 0;
    height: 30px
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:before {
    top: 0;
    box-shadow: inset 0 10px 8px -8px #00000014
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:after {
    bottom: 0;
    box-shadow: inset 0 -10px 8px -8px #00000014
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before {
    opacity: 1
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after {
    opacity: 1
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar {
    width: 2px
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar-animated {
    transition: height .3s,top .3s
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-operations {
    flex: 1 0 auto;
    flex-direction: column
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar {
    right: 0
}

.ant-tabs-left>.ant-tabs-content-holder,.ant-tabs-left>div>.ant-tabs-content-holder {
    margin-left: -1px;
    border-left: 1px solid #303030
}

.ant-tabs-left>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane,.ant-tabs-left>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane {
    padding-left: 16px
}

.ant-tabs-right>.ant-tabs-nav,.ant-tabs-right>div>.ant-tabs-nav {
    order: 1
}

.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar {
    left: 0
}

.ant-tabs-right>.ant-tabs-content-holder,.ant-tabs-right>div>.ant-tabs-content-holder {
    order: 0;
    margin-right: -1px;
    border-right: 1px solid #303030
}

.ant-tabs-right>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane,.ant-tabs-right>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane {
    padding-right: 16px
}

.ant-tabs-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    display: block
}

.ant-tabs-dropdown-hidden {
    display: none
}

.ant-tabs-dropdown-menu {
    max-height: 200px;
    margin: 0;
    padding: 5px 0;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
    list-style-type: none;
    background-color: #1e1e1e;
    background-clip: padding-box;
    border-radius: 3px;
    outline: none;
    box-shadow: 0 3px 6px -4px #0000007a,0 6px 16px #00000052,0 9px 28px 8px #0003
}

.ant-tabs-dropdown-menu-item {
    display: flex;
    align-items: center;
    min-width: 120px;
    margin: 0;
    padding: 0 8px;
    overflow: hidden;
    color: #b4b4b4;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: all .3s
}

.ant-tabs-dropdown-menu-item>span {
    flex: 1 1;
    white-space: nowrap
}

.ant-tabs-dropdown-menu-item-remove {
    flex: none;
    margin-left: 8px;
    color: #969696;
    font-size: 12px;
    background: transparent;
    border: 0;
    cursor: pointer
}

.ant-tabs-dropdown-menu-item-remove:hover {
    color: #079879
}

.ant-tabs-dropdown-menu-item:hover {
    background: rgba(255,255,255,.08)
}

.ant-tabs-dropdown-menu-item-disabled,.ant-tabs-dropdown-menu-item-disabled:hover {
    color: #4b4b4b;
    background: transparent;
    cursor: not-allowed
}

.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab {
    margin: 0;
    padding: 4px 8px;
    background: rgba(255,255,255,.04);
    border: 1px solid #303030;
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active {
    color: #00dfb0;
    background: #141414
}

.ant-tabs-card>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-ink-bar {
    visibility: hidden
}

.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
    margin-left: 2px
}

.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab {
    border-radius: 3px 3px 0 0
}

.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab-active {
    border-bottom-color: #141414
}

.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab {
    border-radius: 0 0 3px 3px
}

.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab-active {
    border-top-color: #141414
}

.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
    margin-top: 2px
}

.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab {
    border-radius: 3px 0 0 3px
}

.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab-active {
    border-right-color: #141414
}

.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab {
    border-radius: 0 3px 3px 0
}

.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab-active {
    border-left-color: #141414
}

.ant-tabs {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    display: flex;
    overflow: hidden
}

.ant-tabs>.ant-tabs-nav,.ant-tabs>div>.ant-tabs-nav {
    position: relative;
    display: flex;
    flex: none;
    align-items: center
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap {
    position: relative;
    display: inline-block;
    display: flex;
    flex: auto;
    align-self: stretch;
    overflow: hidden;
    white-space: nowrap;
    transform: translate(0)
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap:after {
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity .3s;
    content: "";
    pointer-events: none
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-list {
    position: relative;
    display: flex;
    transition: transform .3s
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations {
    display: flex;
    align-self: stretch
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations-hidden,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations-hidden {
    position: absolute;
    visibility: hidden;
    pointer-events: none
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-more,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more {
    position: relative;
    padding: 4px 8px;
    background: transparent;
    border: 0
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-more:after,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 5px;
    transform: translateY(100%);
    content: ""
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add {
    min-width: 40px;
    margin-left: 2px;
    padding: 0 4px;
    background: rgba(255,255,255,.04);
    border: 1px solid #303030;
    border-radius: 3px 3px 0 0;
    outline: none;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:hover,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:hover {
    color: #079879
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:active,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:active,.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:focus,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:focus {
    color: #24d6a9
}

.ant-tabs-extra-content {
    flex: none
}

.ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*="ant-tabs-nav-wrap-ping"]),.ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*="ant-tabs-nav-wrap-ping"]) {
    justify-content: center
}

.ant-tabs-ink-bar {
    position: absolute;
    background: #00DFB0;
    pointer-events: none
}

.ant-tabs-tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 8px 0;
    font-size: 12px;
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer
}

.ant-tabs-tab-btn:focus,.ant-tabs-tab-remove:focus,.ant-tabs-tab-btn:active,.ant-tabs-tab-remove:active {
    color: #24d6a9
}

.ant-tabs-tab-btn {
    outline: none;
    transition: all .3s
}

.ant-tabs-tab-remove {
    flex: none;
    margin-right: 0;
    margin-left: 4px;
    color: #969696;
    font-size: 12px;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all .3s
}

.ant-tabs-tab-remove:hover {
    color: #fff
}

.ant-tabs-tab:hover {
    color: #079879
}

.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #00dfb0;
    text-shadow: 0 0 .25px currentcolor
}

.ant-tabs-tab.ant-tabs-tab-disabled {
    color: #4b4b4b;
    cursor: not-allowed
}

.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
    color: #4b4b4b
}

.ant-tabs-tab .ant-tabs-tab-remove .anticon {
    margin: 0
}

.ant-tabs-tab .anticon {
    margin-right: 8px
}

.ant-tabs-tab+.ant-tabs-tab {
    margin: 0 0 0 32px
}

.ant-tabs-content {
    display: flex;
    width: 100%
}

.ant-tabs-content-holder {
    flex: auto;
    min-width: 0;
    min-height: 0
}

.ant-tabs-content-animated {
    transition: margin .3s
}

.ant-tabs-tabpane {
    flex: none;
    width: 100%;
    outline: none
}

.ant-tag {
    box-sizing: border-box;
    margin: 0 8px 0 0;
    color: #b4b4b4;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    display: inline-block;
    height: auto;
    padding: 0 7px;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
    background: rgba(255,255,255,.04);
    border: 1px solid #4B4B4B;
    border-radius: 3px;
    opacity: 1;
    transition: all .3s
}

.ant-tag,.ant-tag a,.ant-tag a:hover {
    color: #b4b4b4
}

.ant-tag>a:first-child:last-child {
    display: inline-block;
    margin: 0 -8px;
    padding: 0 8px
}

.ant-tag-close-icon {
    margin-left: 3px;
    color: #969696;
    font-size: 10px;
    cursor: pointer;
    transition: all .3s
}

.ant-tag-close-icon:hover {
    color: #fff
}

.ant-tag-has-color {
    border-color: transparent
}

.ant-tag-has-color,.ant-tag-has-color a,.ant-tag-has-color a:hover,.ant-tag-has-color .anticon-close,.ant-tag-has-color .anticon-close:hover {
    color: #fff
}

.ant-tag-checkable {
    background-color: transparent;
    border-color: transparent;
    cursor: pointer
}

.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
    color: #00dfb0
}

.ant-tag-checkable:active,.ant-tag-checkable-checked {
    color: #fff
}

.ant-tag-checkable-checked {
    background-color: #00dfb0
}

.ant-tag-checkable:active {
    background-color: #24d6a9
}

.ant-tag-hidden {
    display: none
}

.ant-tag-pink {
    color: #e0529c;
    background: #291321;
    border-color: #551c3b
}

.ant-tag-pink-inverse {
    color: #fff;
    background: #cb2b83;
    border-color: #cb2b83
}

.ant-tag-magenta {
    color: #e0529c;
    background: #291321;
    border-color: #551c3b
}

.ant-tag-magenta-inverse {
    color: #fff;
    background: #cb2b83;
    border-color: #cb2b83
}

.ant-tag-red {
    color: #e84749;
    background: #2a1215;
    border-color: #58181c
}

.ant-tag-red-inverse {
    color: #fff;
    background: #d32029;
    border-color: #d32029
}

.ant-tag-volcano {
    color: #e87040;
    background: #2b1611;
    border-color: #592716
}

.ant-tag-volcano-inverse {
    color: #fff;
    background: #d84a1b;
    border-color: #d84a1b
}

.ant-tag-orange {
    color: #e89a3c;
    background: #2b1d11;
    border-color: #593815
}

.ant-tag-orange-inverse {
    color: #fff;
    background: #d87a16;
    border-color: #d87a16
}

.ant-tag-yellow {
    color: #e8d639;
    background: #2b2611;
    border-color: #595014
}

.ant-tag-yellow-inverse {
    color: #fff;
    background: #d8bd14;
    border-color: #d8bd14
}

.ant-tag-gold {
    color: #e8b339;
    background: #2b2111;
    border-color: #594214
}

.ant-tag-gold-inverse {
    color: #fff;
    background: #d89614;
    border-color: #d89614
}

.ant-tag-cyan {
    color: #33bcb7;
    background: #112123;
    border-color: #144848
}

.ant-tag-cyan-inverse {
    color: #fff;
    background: #13a8a8;
    border-color: #13a8a8
}

.ant-tag-lime {
    color: #a9d134;
    background: #1f2611;
    border-color: #3e4f13
}

.ant-tag-lime-inverse {
    color: #fff;
    background: #8bbb11;
    border-color: #8bbb11
}

.ant-tag-green {
    color: #6abe39;
    background: #162312;
    border-color: #274916
}

.ant-tag-green-inverse {
    color: #fff;
    background: #49aa19;
    border-color: #49aa19
}

.ant-tag-blue {
    color: #3c9ae8;
    background: #111d2c;
    border-color: #15395b
}

.ant-tag-blue-inverse {
    color: #fff;
    background: #177ddc;
    border-color: #177ddc
}

.ant-tag-geekblue {
    color: #5273e0;
    background: #131629;
    border-color: #1c2755
}

.ant-tag-geekblue-inverse {
    color: #fff;
    background: #2b4acb;
    border-color: #2b4acb
}

.ant-tag-purple {
    color: #854eca;
    background: #1a1325;
    border-color: #301c4d
}

.ant-tag-purple-inverse {
    color: #fff;
    background: #642ab5;
    border-color: #642ab5
}

.ant-tag-success {
    color: #00dfb0;
    background: #162312;
    border-color: #274916
}

.ant-tag-processing {
    color: #00dfb0;
    background: #112724;
    border-color: #0e5143
}

.ant-tag-error {
    color: #fc4e00;
    background: #2a1215;
    border-color: #58181c
}

.ant-tag-warning {
    color: #ff9800;
    background: #2b1d11;
    border-color: #593815
}

.ant-tag>.anticon+span,.ant-tag>span+.anticon {
    margin-left: 7px
}

.ant-tag.ant-tag-rtl {
    margin-right: 0;
    margin-left: 8px;
    direction: rtl;
    text-align: right
}

.ant-tag-rtl .ant-tag-close-icon {
    margin-right: 3px;
    margin-left: 0
}

.ant-tag-rtl.ant-tag>.anticon+span,.ant-tag-rtl.ant-tag>span+.anticon {
    margin-right: 7px;
    margin-left: 0
}

.ant-timeline {
    box-sizing: border-box;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    font-feature-settings: tnum,"tnum";
    margin: 0;
    padding: 0;
    list-style: none
}

.ant-timeline-item {
    position: relative;
    margin: 0;
    padding-bottom: 20px;
    font-size: 12px;
    list-style: none
}

.ant-timeline-item-tail {
    position: absolute;
    top: 10px;
    left: 4px;
    height: calc(100% - 10px);
    border-left: 2px solid #303030
}

.ant-timeline-item-pending .ant-timeline-item-head {
    font-size: 12px;
    background-color: transparent
}

.ant-timeline-item-pending .ant-timeline-item-tail {
    display: none
}

.ant-timeline-item-head {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #141414;
    border: 2px solid transparent;
    border-radius: 100px
}

.ant-timeline-item-head-blue {
    color: #00dfb0;
    border-color: #00dfb0
}

.ant-timeline-item-head-red {
    color: #fc4e00;
    border-color: #fc4e00
}

.ant-timeline-item-head-green {
    color: #00dfb0;
    border-color: #00dfb0
}

.ant-timeline-item-head-gray {
    color: #4b4b4b;
    border-color: #4b4b4b
}

.ant-timeline-item-head-custom {
    position: absolute;
    top: 5.5px;
    left: 5px;
    width: auto;
    height: auto;
    margin-top: 0;
    padding: 3px 1px;
    line-height: 1;
    text-align: center;
    border: 0;
    border-radius: 0;
    transform: translate(-50%,-50%)
}

.ant-timeline-item-content {
    position: relative;
    top: -7.00004px;
    margin: 0 0 0 18px;
    word-break: break-word
}

.ant-timeline-item-last>.ant-timeline-item-tail {
    display: none
}

.ant-timeline-item-last>.ant-timeline-item-content {
    min-height: 48px
}

.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,.ant-timeline.ant-timeline-right .ant-timeline-item-tail,.ant-timeline.ant-timeline-label .ant-timeline-item-tail,.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,.ant-timeline.ant-timeline-right .ant-timeline-item-head,.ant-timeline.ant-timeline-label .ant-timeline-item-head,.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
    left: 50%
}

.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,.ant-timeline.ant-timeline-right .ant-timeline-item-head,.ant-timeline.ant-timeline-label .ant-timeline-item-head {
    margin-left: -4px
}

.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
    margin-left: 1px
}

.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
    left: calc(50% - 4px);
    width: calc(50% - 14px);
    text-align: left
}

.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
    width: calc(50% - 12px);
    margin: 0;
    text-align: right
}

.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
    left: calc(100% - 6px)
}

.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
    width: calc(100% - 18px)
}

.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
    display: block;
    height: calc(100% - 14px);
    border-left: 2px dotted #303030
}

.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
    display: none
}

.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
    top: 15px;
    display: block;
    height: calc(100% - 15px);
    border-left: 2px dotted #303030
}

.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
    min-height: 48px
}

.ant-timeline.ant-timeline-label .ant-timeline-item-label {
    position: absolute;
    top: -7.00004px;
    width: calc(50% - 12px);
    text-align: right
}

.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
    left: calc(50% + 14px);
    width: calc(50% - 14px);
    text-align: left
}

.ant-timeline-rtl {
    direction: rtl
}

.ant-timeline-rtl .ant-timeline-item-tail {
    right: 4px;
    left: auto;
    border-right: 2px solid #303030;
    border-left: none
}

.ant-timeline-rtl .ant-timeline-item-head-custom {
    right: 5px;
    left: auto;
    transform: translate(50%,-50%)
}

.ant-timeline-rtl .ant-timeline-item-content {
    margin: 0 18px 0 0
}

.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail,.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
    right: 50%;
    left: auto
}

.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head {
    margin-right: -4px;
    margin-left: 0
}

.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
    margin-right: 1px;
    margin-left: 0
}

.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
    right: calc(50% - 4px);
    left: auto;
    text-align: right
}

.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
    text-align: left
}

.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
    right: 0;
    left: auto
}

.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
    width: 100%;
    margin-right: 18px;
    text-align: right
}

.ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail,.ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
    border-right: 2px dotted #303030;
    border-left: none
}

.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label {
    text-align: left
}

.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
    right: calc(50% + 14px);
    text-align: right
}

.ant-tooltip {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: absolute;
    z-index: 1070;
    display: block;
    width: max-content;
    max-width: 250px;
    visibility: visible
}

.ant-tooltip-hidden {
    display: none
}

.ant-tooltip-placement-top,.ant-tooltip-placement-topLeft,.ant-tooltip-placement-topRight {
    padding-bottom: 4px
}

.ant-tooltip-placement-right,.ant-tooltip-placement-rightTop,.ant-tooltip-placement-rightBottom {
    padding-left: 4px
}

.ant-tooltip-placement-bottom,.ant-tooltip-placement-bottomLeft,.ant-tooltip-placement-bottomRight {
    padding-top: 4px
}

.ant-tooltip-placement-left,.ant-tooltip-placement-leftTop,.ant-tooltip-placement-leftBottom {
    padding-right: 4px
}

.ant-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: #434343;
    border-radius: 3px;
    box-shadow: 0 3px 6px -4px #0000007a,0 6px 16px #00000052,0 9px 28px 8px #0003
}

.ant-tooltip-arrow {
    position: absolute;
    display: block;
    width: 13.07106781px;
    height: 13.07106781px;
    overflow: hidden;
    background: transparent;
    pointer-events: none
}

.ant-tooltip-arrow-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    background-color: #434343;
    content: "";
    pointer-events: auto
}

.ant-tooltip-placement-top .ant-tooltip-arrow,.ant-tooltip-placement-topLeft .ant-tooltip-arrow,.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    bottom: -9.07106781px
}

.ant-tooltip-placement-top .ant-tooltip-arrow-content,.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,.ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
    box-shadow: 3px 3px 7px #00000012;
    transform: translateY(-6.53553391px) rotate(45deg)
}

.ant-tooltip-placement-top .ant-tooltip-arrow {
    left: 50%;
    transform: translate(-50%)
}

.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
    left: 13px
}

.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    right: 13px
}

.ant-tooltip-placement-right .ant-tooltip-arrow,.ant-tooltip-placement-rightTop .ant-tooltip-arrow,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
    left: -9.07106781px
}

.ant-tooltip-placement-right .ant-tooltip-arrow-content,.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
    box-shadow: -3px 3px 7px #00000012;
    transform: translate(6.53553391px) rotate(45deg)
}

.ant-tooltip-placement-right .ant-tooltip-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
    top: 5px
}

.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
    bottom: 5px
}

.ant-tooltip-placement-left .ant-tooltip-arrow,.ant-tooltip-placement-leftTop .ant-tooltip-arrow,.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
    right: -9.07106781px
}

.ant-tooltip-placement-left .ant-tooltip-arrow-content,.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
    box-shadow: 3px -3px 7px #00000012;
    transform: translate(-6.53553391px) rotate(45deg)
}

.ant-tooltip-placement-left .ant-tooltip-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
    top: 5px
}

.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
    bottom: 5px
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow,.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
    top: -9.07106781px
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
    box-shadow: -3px -3px 7px #00000012;
    transform: translateY(6.53553391px) rotate(45deg)
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow {
    left: 50%;
    transform: translate(-50%)
}

.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
    left: 13px
}

.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
    right: 13px
}

.ant-tooltip-pink .ant-tooltip-inner,.ant-tooltip-pink .ant-tooltip-arrow-content,.ant-tooltip-magenta .ant-tooltip-inner,.ant-tooltip-magenta .ant-tooltip-arrow-content {
    background-color: #cb2b83
}

.ant-tooltip-red .ant-tooltip-inner,.ant-tooltip-red .ant-tooltip-arrow-content {
    background-color: #d32029
}

.ant-tooltip-volcano .ant-tooltip-inner,.ant-tooltip-volcano .ant-tooltip-arrow-content {
    background-color: #d84a1b
}

.ant-tooltip-orange .ant-tooltip-inner,.ant-tooltip-orange .ant-tooltip-arrow-content {
    background-color: #d87a16
}

.ant-tooltip-yellow .ant-tooltip-inner,.ant-tooltip-yellow .ant-tooltip-arrow-content {
    background-color: #d8bd14
}

.ant-tooltip-gold .ant-tooltip-inner,.ant-tooltip-gold .ant-tooltip-arrow-content {
    background-color: #d89614
}

.ant-tooltip-cyan .ant-tooltip-inner,.ant-tooltip-cyan .ant-tooltip-arrow-content {
    background-color: #13a8a8
}

.ant-tooltip-lime .ant-tooltip-inner,.ant-tooltip-lime .ant-tooltip-arrow-content {
    background-color: #8bbb11
}

.ant-tooltip-green .ant-tooltip-inner,.ant-tooltip-green .ant-tooltip-arrow-content {
    background-color: #49aa19
}

.ant-tooltip-blue .ant-tooltip-inner,.ant-tooltip-blue .ant-tooltip-arrow-content {
    background-color: #177ddc
}

.ant-tooltip-geekblue .ant-tooltip-inner,.ant-tooltip-geekblue .ant-tooltip-arrow-content {
    background-color: #2b4acb
}

.ant-tooltip-purple .ant-tooltip-inner,.ant-tooltip-purple .ant-tooltip-arrow-content {
    background-color: #642ab5
}

.ant-tooltip-rtl {
    direction: rtl
}

.ant-tooltip-rtl .ant-tooltip-inner {
    text-align: right
}

.ant-transfer-customize-list .ant-transfer-list {
    flex: 1 1 50%;
    width: auto;
    height: auto;
    min-height: 200px
}

.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
    border: 0;
    border-radius: 0
}

.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-selection-column {
    width: 40px;
    min-width: 40px
}

.ant-transfer-customize-list .ant-table-wrapper .ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-thead>tr>th {
    background: #1d1d1d
}

.ant-transfer-customize-list .ant-table-wrapper .ant-table-small>.ant-table-content .ant-table-row:last-child td {
    border-bottom: 1px solid #303030
}

.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body {
    margin: 0
}

.ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination {
    margin: 16px 0 4px
}

.ant-transfer-customize-list .ant-input[disabled] {
    background-color: transparent
}

.ant-transfer {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    display: flex;
    align-items: stretch
}

.ant-transfer-disabled .ant-transfer-list {
    background: #4B4B4B
}

.ant-transfer-list {
    display: flex;
    flex-direction: column;
    width: 180px;
    height: 200px;
    border: 1px solid #4B4B4B;
    border-radius: 3px
}

.ant-transfer-list-with-pagination {
    width: 250px;
    height: auto
}

.ant-transfer-list-search .anticon-search {
    color: #4b4b4b
}

.ant-transfer-list-header {
    display: flex;
    flex: none;
    align-items: center;
    height: 36px;
    padding: 7px 8px 8px;
    color: #b4b4b4;
    background: #141414;
    border-bottom: 1px solid #303030;
    border-radius: 3px 3px 0 0
}

.ant-transfer-list-header>*:not(:last-child) {
    margin-right: 4px
}

.ant-transfer-list-header>* {
    flex: none
}

.ant-transfer-list-header-title {
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
    text-overflow: ellipsis
}

.ant-transfer-list-header-dropdown {
    font-size: 10px;
    transform: translateY(10%);
    cursor: pointer
}

.ant-transfer-list-header-dropdown[disabled] {
    cursor: not-allowed
}

.ant-transfer-list-body {
    display: flex;
    flex: auto;
    flex-direction: column;
    overflow: hidden;
    font-size: 12px
}

.ant-transfer-list-body-search-wrapper {
    position: relative;
    flex: none;
    padding: 8px
}

.ant-transfer-list-content {
    flex: auto;
    margin: 0;
    padding: 0;
    overflow: auto;
    list-style: none
}

.ant-transfer-list-content-item {
    display: flex;
    align-items: center;
    min-height: 30px;
    padding: 3px 8px;
    line-height: 24px;
    transition: all .3s
}

.ant-transfer-list-content-item>*:not(:last-child) {
    margin-right: 8px
}

.ant-transfer-list-content-item>* {
    flex: none
}

.ant-transfer-list-content-item-text {
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ant-transfer-list-content-item-remove {
    color: #00dfb0;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    transition: color .3s;
    position: relative;
    color: #4b4b4b
}

.ant-transfer-list-content-item-remove:focus,.ant-transfer-list-content-item-remove:hover {
    color: #079879
}

.ant-transfer-list-content-item-remove:active {
    color: #24d6a9
}

.ant-transfer-list-content-item-remove:after {
    position: absolute;
    top: -3px;
    right: -50%;
    bottom: -3px;
    left: -50%;
    content: ""
}

.ant-transfer-list-content-item-remove:hover {
    color: #079879
}

.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
    background-color: #262626;
    cursor: pointer
}

.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover {
    background-color: #0e201d
}

.ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
    background: transparent;
    cursor: default
}

.ant-transfer-list-content-item-checked {
    background-color: #112724
}

.ant-transfer-list-content-item-disabled {
    color: #646464;
    cursor: not-allowed
}

.ant-transfer-list-pagination {
    padding: 4px 0;
    text-align: right;
    border-top: 1px solid #303030
}

.ant-transfer-list-body-not-found {
    flex: none;
    width: 100%;
    margin: auto 0;
    color: #4b4b4b;
    text-align: center
}

.ant-transfer-list-footer {
    border-top: 1px solid #303030
}

.ant-transfer-operation {
    display: flex;
    flex: none;
    flex-direction: column;
    align-self: center;
    margin: 0 8px;
    vertical-align: middle
}

.ant-transfer-operation .ant-btn {
    display: block
}

.ant-transfer-operation .ant-btn:first-child {
    margin-bottom: 4px
}

.ant-transfer-operation .ant-btn .anticon {
    font-size: 12px
}

.ant-transfer .ant-empty-image {
    max-height: -4px
}

.ant-transfer-rtl {
    direction: rtl
}

.ant-transfer-rtl .ant-transfer-list-search {
    padding-right: 8px;
    padding-left: 24px
}

.ant-transfer-rtl .ant-transfer-list-search-action {
    right: auto;
    left: 12px
}

.ant-transfer-rtl .ant-transfer-list-header>*:not(:last-child) {
    margin-right: 0;
    margin-left: 4px
}

.ant-transfer-rtl .ant-transfer-list-header {
    right: 0;
    left: auto
}

.ant-transfer-rtl .ant-transfer-list-header-title {
    text-align: left
}

.ant-transfer-rtl .ant-transfer-list-content-item>*:not(:last-child) {
    margin-right: 0;
    margin-left: 8px
}

.ant-transfer-rtl .ant-transfer-list-pagination {
    text-align: left
}

.ant-transfer-rtl .ant-transfer-list-footer {
    right: 0;
    left: auto
}

@keyframes ant-tree-node-fx-do-not-use {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.ant-tree.ant-tree-directory .ant-tree-treenode {
    position: relative
}

.ant-tree.ant-tree-directory .ant-tree-treenode:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 4px;
    left: 0;
    transition: background-color .3s;
    content: "";
    pointer-events: none
}

.ant-tree.ant-tree-directory .ant-tree-treenode:hover:before {
    background: rgba(255,255,255,.08)
}

.ant-tree.ant-tree-directory .ant-tree-treenode>* {
    z-index: 1
}

.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
    transition: color .3s
}

.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
    border-radius: 0;
    user-select: none
}

.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
    background: transparent
}

.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected {
    color: #fff;
    background: transparent
}

.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover:before,.ant-tree.ant-tree-directory .ant-tree-treenode-selected:before {
    background: #00DFB0
}

.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
    color: #fff
}

.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper {
    color: #fff;
    background: transparent
}

.ant-tree-checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    top: .2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer
}

.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,.ant-tree-checkbox:hover .ant-tree-checkbox-inner,.ant-tree-checkbox-input:focus+.ant-tree-checkbox-inner {
    border-color: #00dfb0
}

.ant-tree-checkbox-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #00DFB0;
    border-radius: 3px;
    visibility: hidden;
    animation: antCheckboxEffect .36s ease-in-out;
    animation-fill-mode: backwards;
    content: ""
}

.ant-tree-checkbox:hover:after,.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox:after {
    visibility: visible
}

.ant-tree-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    direction: ltr;
    background-color: transparent;
    border: 1px solid #4B4B4B;
    border-radius: 3px;
    border-collapse: separate;
    transition: all .3s
}

.ant-tree-checkbox-inner:after {
    position: absolute;
    top: 50%;
    left: 21.5%;
    display: table;
    width: 4.28571429px;
    height: 6.85714286px;
    border: 2px solid #000000;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-50%,-50%);
    opacity: 0;
    transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
    content: " "
}

.ant-tree-checkbox-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
    position: absolute;
    display: table;
    border: 2px solid #000000;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate(-50%,-50%);
    opacity: 1;
    transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
    content: " "
}

.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
    background-color: #00dfb0;
    border-color: #00dfb0
}

.ant-tree-checkbox-disabled {
    cursor: not-allowed
}

.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
    border-color: #4b4b4b;
    animation-name: none
}

.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
    cursor: not-allowed;
    pointer-events: none
}

.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
    background-color: #191919;
    border-color: #4b4b4b!important
}

.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after {
    border-color: #191919;
    border-collapse: separate;
    animation-name: none
}

.ant-tree-checkbox-disabled+span {
    color: #4b4b4b;
    cursor: not-allowed
}

.ant-tree-checkbox-disabled:hover:after,.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled:after {
    visibility: hidden
}

.ant-tree-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    display: inline-flex;
    align-items: baseline;
    line-height: unset;
    cursor: pointer
}

.ant-tree-checkbox-wrapper:after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: "\a0"
}

.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
    cursor: not-allowed
}

.ant-tree-checkbox-wrapper+.ant-tree-checkbox-wrapper {
    margin-left: 8px
}

.ant-tree-checkbox+span {
    padding-right: 8px;
    padding-left: 8px
}

.ant-tree-checkbox-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    display: inline-block
}

.ant-tree-checkbox-group-item {
    margin-right: 6px
}

.ant-tree-checkbox-group-item:last-child {
    margin-right: 0
}

.ant-tree-checkbox-group-item+.ant-tree-checkbox-group-item {
    margin-left: 0
}

.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
    background-color: transparent;
    border-color: #4b4b4b
}

.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner:after {
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    background-color: #00dfb0;
    border: 0;
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
    content: " "
}

.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after {
    background-color: #4b4b4b;
    border-color: #4b4b4b
}

.ant-tree-checkbox-rtl {
    direction: rtl
}

.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item {
    margin-right: 0;
    margin-left: 6px
}

.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item:last-child {
    margin-left: 0!important
}

.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item+.ant-tree-checkbox-group-item {
    margin-left: 6px
}

.ant-tree {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    background: transparent;
    border-radius: 3px;
    transition: background-color .3s
}

.ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
    background: #112724
}

.ant-tree-list-holder-inner {
    align-items: flex-start
}

.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
    align-items: stretch
}

.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper {
    flex: auto
}

.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging {
    position: relative
}

.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 2px;
    left: 0;
    border: 1px solid #00DFB0;
    opacity: 0;
    animation: ant-tree-node-fx-do-not-use .3s;
    animation-play-state: running;
    animation-fill-mode: forwards;
    content: "";
    pointer-events: none
}

.ant-tree .ant-tree-treenode {
    display: flex;
    align-items: flex-start;
    padding: 0 0 2px;
    outline: none
}

.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
    color: #4b4b4b;
    cursor: not-allowed
}

.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
    background: transparent
}

.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
    background: rgba(255,255,255,.08)
}

.ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title {
    color: inherit;
    font-weight: 500
}

.ant-tree-indent {
    align-self: stretch;
    white-space: nowrap;
    user-select: none
}

.ant-tree-indent-unit {
    display: inline-block;
    width: 20px
}

.ant-tree-draggable-icon {
    width: 20px;
    line-height: 20px;
    text-align: center;
    opacity: .2;
    transition: opacity .3s
}

.ant-tree-treenode:hover .ant-tree-draggable-icon {
    opacity: .45
}

.ant-tree-switcher {
    position: relative;
    flex: none;
    align-self: stretch;
    width: 20px;
    margin: 0;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    user-select: none
}

.ant-tree-switcher .ant-tree-switcher-icon,.ant-tree-switcher .ant-select-tree-switcher-icon {
    display: inline-block;
    font-size: 10px;
    vertical-align: baseline
}

.ant-tree-switcher .ant-tree-switcher-icon svg,.ant-tree-switcher .ant-select-tree-switcher-icon svg {
    transition: transform .3s
}

.ant-tree-switcher-noop {
    cursor: default
}

.ant-tree-switcher_close .ant-tree-switcher-icon svg {
    transform: rotate(-90deg)
}

.ant-tree-switcher-loading-icon {
    color: #00dfb0
}

.ant-tree-switcher-leaf-line {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    height: 100%
}

.ant-tree-switcher-leaf-line:before {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: -2px;
    margin-left: -1px;
    border-right: 1px solid #d9d9d9;
    content: " "
}

.ant-tree-switcher-leaf-line:after {
    position: absolute;
    width: 6px;
    height: 10px;
    border-bottom: 1px solid #d9d9d9;
    content: " "
}

.ant-tree-checkbox {
    top: initial;
    margin: 4px 8px 0 0
}

.ant-tree .ant-tree-node-content-wrapper {
    position: relative;
    z-index: auto;
    min-height: 20px;
    margin: 0;
    padding: 0 4px;
    color: inherit;
    line-height: 20px;
    background: transparent;
    border-radius: 3px;
    cursor: pointer;
    transition: all .3s,border 0s,line-height 0s,box-shadow 0s
}

.ant-tree .ant-tree-node-content-wrapper:hover {
    background-color: #ffffff14
}

.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
    background-color: #0f3d35
}

.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: top
}

.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty {
    display: none
}

.ant-tree-unselectable .ant-tree-node-content-wrapper:hover {
    background-color: transparent
}

.ant-tree-node-content-wrapper {
    line-height: 20px;
    user-select: none
}

.ant-tree-node-content-wrapper .ant-tree-drop-indicator {
    position: absolute;
    z-index: 1;
    height: 2px;
    background-color: #00dfb0;
    border-radius: 1px;
    pointer-events: none
}

.ant-tree-node-content-wrapper .ant-tree-drop-indicator:after {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 8px;
    height: 8px;
    background-color: transparent;
    border: 2px solid #00DFB0;
    border-radius: 50%;
    content: ""
}

.ant-tree .ant-tree-treenode.drop-container>[draggable] {
    box-shadow: 0 0 0 2px #00dfb0
}

.ant-tree-show-line .ant-tree-indent-unit {
    position: relative;
    height: 100%
}

.ant-tree-show-line .ant-tree-indent-unit:before {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: -2px;
    border-right: 1px solid #4B4B4B;
    content: ""
}

.ant-tree-show-line .ant-tree-indent-unit-end:before {
    display: none
}

.ant-tree-show-line .ant-tree-switcher {
    background: #141414
}

.ant-tree-show-line .ant-tree-switcher-line-icon {
    vertical-align: -.15em
}

.ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line:before {
    top: auto!important;
    bottom: auto!important;
    height: 10px!important
}

.ant-tree-rtl {
    direction: rtl
}

.ant-tree-rtl .ant-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator:after {
    right: -6px;
    left: unset
}

.ant-tree .ant-tree-treenode-rtl {
    direction: rtl
}

.ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg {
    transform: rotate(90deg)
}

.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit:before {
    right: auto;
    left: -11px;
    border-right: none;
    border-left: 1px solid #4B4B4B
}

.ant-tree-rtl.ant-tree-checkbox,.ant-tree-select-dropdown-rtl .ant-select-tree-checkbox {
    margin: 4px 0 0 8px
}

.ant-select-tree-checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    position: relative;
    top: .2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer
}

.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,.ant-select-tree-checkbox-input:focus+.ant-select-tree-checkbox-inner {
    border-color: #00dfb0
}

.ant-select-tree-checkbox-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #00DFB0;
    border-radius: 3px;
    visibility: hidden;
    animation: antCheckboxEffect .36s ease-in-out;
    animation-fill-mode: backwards;
    content: ""
}

.ant-select-tree-checkbox:hover:after,.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox:after {
    visibility: visible
}

.ant-select-tree-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    direction: ltr;
    background-color: transparent;
    border: 1px solid #4B4B4B;
    border-radius: 3px;
    border-collapse: separate;
    transition: all .3s
}

.ant-select-tree-checkbox-inner:after {
    position: absolute;
    top: 50%;
    left: 21.5%;
    display: table;
    width: 4.28571429px;
    height: 6.85714286px;
    border: 2px solid #000000;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-50%,-50%);
    opacity: 0;
    transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
    content: " "
}

.ant-select-tree-checkbox-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
    position: absolute;
    display: table;
    border: 2px solid #000000;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate(-50%,-50%);
    opacity: 1;
    transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
    content: " "
}

.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
    background-color: #00dfb0;
    border-color: #00dfb0
}

.ant-select-tree-checkbox-disabled {
    cursor: not-allowed
}

.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
    border-color: #4b4b4b;
    animation-name: none
}

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
    cursor: not-allowed;
    pointer-events: none
}

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
    background-color: #191919;
    border-color: #4b4b4b!important
}

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after {
    border-color: #191919;
    border-collapse: separate;
    animation-name: none
}

.ant-select-tree-checkbox-disabled+span {
    color: #4b4b4b;
    cursor: not-allowed
}

.ant-select-tree-checkbox-disabled:hover:after,.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled:after {
    visibility: hidden
}

.ant-select-tree-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    display: inline-flex;
    align-items: baseline;
    line-height: unset;
    cursor: pointer
}

.ant-select-tree-checkbox-wrapper:after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: "\a0"
}

.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
    cursor: not-allowed
}

.ant-select-tree-checkbox-wrapper+.ant-select-tree-checkbox-wrapper {
    margin-left: 8px
}

.ant-select-tree-checkbox+span {
    padding-right: 8px;
    padding-left: 8px
}

.ant-select-tree-checkbox-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    display: inline-block
}

.ant-select-tree-checkbox-group-item {
    margin-right: 6px
}

.ant-select-tree-checkbox-group-item:last-child {
    margin-right: 0
}

.ant-select-tree-checkbox-group-item+.ant-select-tree-checkbox-group-item {
    margin-left: 0
}

.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
    background-color: transparent;
    border-color: #4b4b4b
}

.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner:after {
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    background-color: #00dfb0;
    border: 0;
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
    content: " "
}

.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after {
    background-color: #4b4b4b;
    border-color: #4b4b4b
}

.ant-select-tree-checkbox-rtl {
    direction: rtl
}

.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item {
    margin-right: 0;
    margin-left: 6px
}

.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item:last-child {
    margin-left: 0!important
}

.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item+.ant-select-tree-checkbox-group-item {
    margin-left: 6px
}

.ant-tree-select-dropdown {
    padding: 4px 2px
}

.ant-tree-select-dropdown-rtl {
    direction: rtl
}

.ant-tree-select-dropdown .ant-select-tree {
    border-radius: 0
}

.ant-tree-select-dropdown .ant-select-tree-list-holder-inner {
    align-items: stretch
}

.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
    flex: auto
}

.ant-select-tree {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    background: transparent;
    border-radius: 3px;
    transition: background-color .3s
}

.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
    background: #112724
}

.ant-select-tree-list-holder-inner {
    align-items: flex-start
}

.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner {
    align-items: stretch
}

.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper {
    flex: auto
}

.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging {
    position: relative
}

.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 2px;
    left: 0;
    border: 1px solid #00DFB0;
    opacity: 0;
    animation: ant-tree-node-fx-do-not-use .3s;
    animation-play-state: running;
    animation-fill-mode: forwards;
    content: "";
    pointer-events: none
}

.ant-select-tree .ant-select-tree-treenode {
    display: flex;
    align-items: flex-start;
    padding: 0 0 2px;
    outline: none
}

.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
    color: #4b4b4b;
    cursor: not-allowed
}

.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover {
    background: transparent
}

.ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper {
    background: rgba(255,255,255,.08)
}

.ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title {
    color: inherit;
    font-weight: 500
}

.ant-select-tree-indent {
    align-self: stretch;
    white-space: nowrap;
    user-select: none
}

.ant-select-tree-indent-unit {
    display: inline-block;
    width: 20px
}

.ant-select-tree-draggable-icon {
    width: 20px;
    line-height: 20px;
    text-align: center;
    opacity: .2;
    transition: opacity .3s
}

.ant-select-tree-treenode:hover .ant-select-tree-draggable-icon {
    opacity: .45
}

.ant-select-tree-switcher {
    position: relative;
    flex: none;
    align-self: stretch;
    width: 20px;
    margin: 0;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    user-select: none
}

.ant-select-tree-switcher .ant-tree-switcher-icon,.ant-select-tree-switcher .ant-select-tree-switcher-icon {
    display: inline-block;
    font-size: 10px;
    vertical-align: baseline
}

.ant-select-tree-switcher .ant-tree-switcher-icon svg,.ant-select-tree-switcher .ant-select-tree-switcher-icon svg {
    transition: transform .3s
}

.ant-select-tree-switcher-noop {
    cursor: default
}

.ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
    transform: rotate(-90deg)
}

.ant-select-tree-switcher-loading-icon {
    color: #00dfb0
}

.ant-select-tree-switcher-leaf-line {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    height: 100%
}

.ant-select-tree-switcher-leaf-line:before {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: -2px;
    margin-left: -1px;
    border-right: 1px solid #d9d9d9;
    content: " "
}

.ant-select-tree-switcher-leaf-line:after {
    position: absolute;
    width: 6px;
    height: 10px;
    border-bottom: 1px solid #d9d9d9;
    content: " "
}

.ant-select-tree-checkbox {
    top: initial;
    margin: 4px 8px 0 0
}

.ant-select-tree .ant-select-tree-node-content-wrapper {
    position: relative;
    z-index: auto;
    min-height: 20px;
    margin: 0;
    padding: 0 4px;
    color: inherit;
    line-height: 20px;
    background: transparent;
    border-radius: 3px;
    cursor: pointer;
    transition: all .3s,border 0s,line-height 0s,box-shadow 0s
}

.ant-select-tree .ant-select-tree-node-content-wrapper:hover {
    background-color: #ffffff14
}

.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
    background-color: #0f3d35
}

.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: top
}

.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty {
    display: none
}

.ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover {
    background-color: transparent
}

.ant-select-tree-node-content-wrapper {
    line-height: 20px;
    user-select: none
}

.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator {
    position: absolute;
    z-index: 1;
    height: 2px;
    background-color: #00dfb0;
    border-radius: 1px;
    pointer-events: none
}

.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator:after {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 8px;
    height: 8px;
    background-color: transparent;
    border: 2px solid #00DFB0;
    border-radius: 50%;
    content: ""
}

.ant-select-tree .ant-select-tree-treenode.drop-container>[draggable] {
    box-shadow: 0 0 0 2px #00dfb0
}

.ant-select-tree-show-line .ant-select-tree-indent-unit {
    position: relative;
    height: 100%
}

.ant-select-tree-show-line .ant-select-tree-indent-unit:before {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: -2px;
    border-right: 1px solid #4B4B4B;
    content: ""
}

.ant-select-tree-show-line .ant-select-tree-indent-unit-end:before {
    display: none
}

.ant-select-tree-show-line .ant-select-tree-switcher {
    background: #141414
}

.ant-select-tree-show-line .ant-select-tree-switcher-line-icon {
    vertical-align: -.15em
}

.ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line:before {
    top: auto!important;
    bottom: auto!important;
    height: 10px!important
}

.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
    transform: rotate(90deg)
}

.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon {
    transform: scaleY(-1)
}

.ant-typography {
    color: #b4b4b4;
    overflow-wrap: break-word
}

.ant-typography.ant-typography-secondary {
    color: #969696
}

.ant-typography.ant-typography-success {
    color: #00dfb0
}

.ant-typography.ant-typography-warning {
    color: #ff9800
}

.ant-typography.ant-typography-danger {
    color: #fc4e00
}

a.ant-typography.ant-typography-danger:active,a.ant-typography.ant-typography-danger:focus,a.ant-typography.ant-typography-danger:hover {
    color: #ff7429
}

.ant-typography.ant-typography-disabled {
    color: #4b4b4b;
    cursor: not-allowed;
    user-select: none
}

div.ant-typography,.ant-typography p {
    margin-bottom: 1em
}

h1.ant-typography,.ant-typography h1 {
    margin-bottom: .5em;
    color: #fff;
    font-weight: 600;
    font-size: 33px;
    line-height: 1.23
}

h2.ant-typography,.ant-typography h2 {
    margin-bottom: .5em;
    color: #fff;
    font-weight: 600;
    font-size: 26px;
    line-height: 1.35
}

h3.ant-typography,.ant-typography h3 {
    margin-bottom: .5em;
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    line-height: 1.35
}

h4.ant-typography,.ant-typography h4 {
    margin-bottom: .5em;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4
}

h5.ant-typography,.ant-typography h5 {
    margin-bottom: .5em;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5
}

.ant-typography+h1.ant-typography,.ant-typography+h2.ant-typography,.ant-typography+h3.ant-typography,.ant-typography+h4.ant-typography,.ant-typography+h5.ant-typography {
    margin-top: 1.2em
}

.ant-typography div+h1,.ant-typography ul+h1,.ant-typography li+h1,.ant-typography p+h1,.ant-typography h1+h1,.ant-typography h2+h1,.ant-typography h3+h1,.ant-typography h4+h1,.ant-typography h5+h1,.ant-typography div+h2,.ant-typography ul+h2,.ant-typography li+h2,.ant-typography p+h2,.ant-typography h1+h2,.ant-typography h2+h2,.ant-typography h3+h2,.ant-typography h4+h2,.ant-typography h5+h2,.ant-typography div+h3,.ant-typography ul+h3,.ant-typography li+h3,.ant-typography p+h3,.ant-typography h1+h3,.ant-typography h2+h3,.ant-typography h3+h3,.ant-typography h4+h3,.ant-typography h5+h3,.ant-typography div+h4,.ant-typography ul+h4,.ant-typography li+h4,.ant-typography p+h4,.ant-typography h1+h4,.ant-typography h2+h4,.ant-typography h3+h4,.ant-typography h4+h4,.ant-typography h5+h4,.ant-typography div+h5,.ant-typography ul+h5,.ant-typography li+h5,.ant-typography p+h5,.ant-typography h1+h5,.ant-typography h2+h5,.ant-typography h3+h5,.ant-typography h4+h5,.ant-typography h5+h5 {
    margin-top: 1.2em
}

a.ant-typography-ellipsis,span.ant-typography-ellipsis {
    display: inline-block;
    max-width: 100%
}

a.ant-typography,.ant-typography a {
    color: #00dfb0;
    outline: none;
    cursor: pointer;
    transition: color .3s;
    text-decoration: none
}

a.ant-typography:focus,.ant-typography a:focus,a.ant-typography:hover,.ant-typography a:hover {
    color: #079879
}

a.ant-typography:active,.ant-typography a:active {
    color: #24d6a9
}

a.ant-typography:active,.ant-typography a:active,a.ant-typography:hover,.ant-typography a:hover {
    text-decoration: none
}

a.ant-typography[disabled],.ant-typography a[disabled],a.ant-typography.ant-typography-disabled,.ant-typography a.ant-typography-disabled {
    color: #4b4b4b;
    cursor: not-allowed
}

a.ant-typography[disabled]:active,.ant-typography a[disabled]:active,a.ant-typography.ant-typography-disabled:active,.ant-typography a.ant-typography-disabled:active,a.ant-typography[disabled]:hover,.ant-typography a[disabled]:hover,a.ant-typography.ant-typography-disabled:hover,.ant-typography a.ant-typography-disabled:hover {
    color: #4b4b4b
}

a.ant-typography[disabled]:active,.ant-typography a[disabled]:active,a.ant-typography.ant-typography-disabled:active,.ant-typography a.ant-typography-disabled:active {
    pointer-events: none
}

.ant-typography code {
    margin: 0 .2em;
    padding: .2em .4em .1em;
    font-size: 85%;
    background: rgba(150,150,150,.1);
    border: 1px solid rgba(100,100,100,.2);
    border-radius: 3px
}

.ant-typography kbd {
    margin: 0 .2em;
    padding: .15em .4em .1em;
    font-size: 90%;
    background: rgba(150,150,150,.06);
    border: 1px solid rgba(100,100,100,.2);
    border-bottom-width: 2px;
    border-radius: 3px
}

.ant-typography mark {
    padding: 0;
    background-color: #594214
}

.ant-typography u,.ant-typography ins {
    text-decoration: underline;
    text-decoration-skip-ink: auto
}

.ant-typography s,.ant-typography del {
    text-decoration: line-through
}

.ant-typography strong {
    font-weight: 600
}

.ant-typography-expand,.ant-typography-edit,.ant-typography-copy {
    color: #00dfb0;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    transition: color .3s;
    margin-left: 4px
}

.ant-typography-expand:focus,.ant-typography-edit:focus,.ant-typography-copy:focus,.ant-typography-expand:hover,.ant-typography-edit:hover,.ant-typography-copy:hover {
    color: #079879
}

.ant-typography-expand:active,.ant-typography-edit:active,.ant-typography-copy:active {
    color: #24d6a9
}

.ant-typography-copy-success,.ant-typography-copy-success:hover,.ant-typography-copy-success:focus {
    color: #00dfb0
}

.ant-typography-edit-content {
    position: relative
}

div.ant-typography-edit-content {
    left: -8px;
    margin-top: -4px;
    margin-bottom: calc(1em - 4px)
}

.ant-typography-edit-content-confirm {
    position: absolute;
    right: 10px;
    bottom: 8px;
    color: #969696;
    pointer-events: none
}

.ant-typography-edit-content textarea {
    -moz-transition: none
}

.ant-typography ul,.ant-typography ol {
    margin: 0 0 1em;
    padding: 0
}

.ant-typography ul li,.ant-typography ol li {
    margin: 0 0 0 20px;
    padding: 0 0 0 4px
}

.ant-typography ul {
    list-style-type: circle
}

.ant-typography ul ul {
    list-style-type: disc
}

.ant-typography ol {
    list-style-type: decimal
}

.ant-typography pre,.ant-typography blockquote {
    margin: 1em 0
}

.ant-typography pre {
    padding: .4em .6em;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: rgba(150,150,150,.1);
    border: 1px solid rgba(100,100,100,.2);
    border-radius: 3px
}

.ant-typography pre code {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    background: transparent;
    border: 0
}

.ant-typography blockquote {
    padding: 0 0 0 .6em;
    border-left: 4px solid rgba(100,100,100,.2);
    opacity: .85
}

.ant-typography-single-line {
    white-space: nowrap
}

.ant-typography-ellipsis-single-line {
    overflow: hidden;
    text-overflow: ellipsis
}

a.ant-typography-ellipsis-single-line,span.ant-typography-ellipsis-single-line {
    vertical-align: bottom
}

.ant-typography-ellipsis-multiple-line {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.ant-typography-rtl {
    direction: rtl
}

.ant-typography-rtl .ant-typography-expand,.ant-typography-rtl .ant-typography-edit,.ant-typography-rtl .ant-typography-copy {
    margin-right: 4px;
    margin-left: 0
}

.ant-typography-rtl .ant-typography-expand {
    float: left
}

div.ant-typography-edit-content.ant-typography-rtl {
    right: -8px;
    left: auto
}

.ant-typography-rtl .ant-typography-edit-content-confirm {
    right: auto;
    left: 10px
}

.ant-typography-rtl.ant-typography ul li,.ant-typography-rtl.ant-typography ol li {
    margin: 0 20px 0 0;
    padding: 0 4px 0 0
}

.ant-upload {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    outline: 0
}

.ant-upload p {
    margin: 0
}

.ant-upload-btn {
    display: block;
    width: 100%;
    outline: none
}

.ant-upload input[type=file] {
    cursor: pointer
}

.ant-upload.ant-upload-select {
    display: inline-block
}

.ant-upload.ant-upload-disabled {
    cursor: not-allowed
}

.ant-upload.ant-upload-select-picture-card {
    width: 104px;
    height: 104px;
    margin-right: 8px;
    margin-bottom: 8px;
    text-align: center;
    vertical-align: top;
    background-color: #ffffff0a;
    border: 1px dashed #4B4B4B;
    border-radius: 3px;
    cursor: pointer;
    transition: border-color .3s
}

.ant-upload.ant-upload-select-picture-card>.ant-upload {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center
}

.ant-upload.ant-upload-select-picture-card:hover {
    border-color: #00dfb0
}

.ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
    border-color: #4b4b4b
}

.ant-upload.ant-upload-drag {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(255,255,255,.04);
    border: 1px dashed #4B4B4B;
    border-radius: 3px;
    cursor: pointer;
    transition: border-color .3s
}

.ant-upload.ant-upload-drag .ant-upload {
    padding: 8px 0
}

.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
    border-color: #24d6a9
}

.ant-upload.ant-upload-drag.ant-upload-disabled {
    cursor: not-allowed
}

.ant-upload.ant-upload-drag .ant-upload-btn {
    display: table;
    height: 100%
}

.ant-upload.ant-upload-drag .ant-upload-drag-container {
    display: table-cell;
    vertical-align: middle
}

.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
    border-color: #079879
}

.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
    margin-bottom: 20px
}

.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
    color: #079879;
    font-size: 48px
}

.ant-upload.ant-upload-drag p.ant-upload-text {
    margin: 0 0 4px;
    color: #fff;
    font-size: 14px
}

.ant-upload.ant-upload-drag p.ant-upload-hint {
    color: #969696;
    font-size: 12px
}

.ant-upload.ant-upload-drag .anticon-plus {
    color: #4b4b4b;
    font-size: 30px;
    transition: all .3s
}

.ant-upload.ant-upload-drag .anticon-plus:hover,.ant-upload.ant-upload-drag:hover .anticon-plus {
    color: #969696
}

.ant-upload-picture-card-wrapper {
    display: inline-block;
    width: 100%
}

.ant-upload-picture-card-wrapper:before {
    display: table;
    content: ""
}

.ant-upload-picture-card-wrapper:after {
    display: table;
    clear: both;
    content: ""
}

.ant-upload-list {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #b4b4b4;
    font-size: 12px;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: tnum,"tnum";
    line-height: 1.66667
}

.ant-upload-list:before {
    display: table;
    content: ""
}

.ant-upload-list:after {
    display: table;
    clear: both;
    content: ""
}

.ant-upload-list-item {
    position: relative;
    height: 20.00004px;
    margin-top: 4px;
    font-size: 12px
}

.ant-upload-list-item-name {
    display: inline-block;
    width: 100%;
    padding-left: 20px;
    overflow: hidden;
    line-height: 1.66667;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ant-upload-list-item-card-actions {
    position: absolute;
    right: 0
}

.ant-upload-list-item-card-actions-btn {
    opacity: 0
}

.ant-upload-list-item-card-actions-btn.ant-btn-sm {
    height: 20px;
    line-height: 1
}

.ant-upload-list-item-card-actions.picture {
    top: 22px;
    line-height: 0
}

.ant-upload-list-item-card-actions-btn:focus,.ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn {
    opacity: 1
}

.ant-upload-list-item-card-actions .anticon {
    color: #969696
}

.ant-upload-list-item-info {
    height: 100%;
    padding: 0 4px;
    transition: background-color .3s
}

.ant-upload-list-item-info>span {
    display: block;
    width: 100%;
    height: 100%
}

.ant-upload-list-item-info .anticon-loading .anticon,.ant-upload-list-item-info .ant-upload-text-icon .anticon {
    position: absolute;
    top: 4px;
    color: #969696;
    font-size: 12px
}

.ant-upload-list-item .anticon-close {
    position: absolute;
    top: 6px;
    right: 4px;
    color: #969696;
    font-size: 10px;
    line-height: 0;
    cursor: pointer;
    opacity: 0;
    transition: all .3s
}

.ant-upload-list-item .anticon-close:hover {
    color: #b4b4b4
}

.ant-upload-list-item:hover .ant-upload-list-item-info {
    background-color: #ffffff14
}

.ant-upload-list-item:hover .anticon-close,.ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
    opacity: 1
}

.ant-upload-list-item-error,.ant-upload-list-item-error .ant-upload-text-icon>.anticon,.ant-upload-list-item-error .ant-upload-list-item-name {
    color: #fc4e00
}

.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
    color: #fc4e00
}

.ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
    opacity: 1
}

.ant-upload-list-item-progress {
    position: absolute;
    bottom: -12px;
    width: 100%;
    padding-left: 24px;
    font-size: 12px;
    line-height: 0
}

.ant-upload-list-picture .ant-upload-list-item,.ant-upload-list-picture-card .ant-upload-list-item {
    position: relative;
    height: 66px;
    padding: 4px;
    border: 1px solid #4B4B4B;
    border-radius: 3px
}

.ant-upload-list-picture .ant-upload-list-item:hover,.ant-upload-list-picture-card .ant-upload-list-item:hover {
    background: transparent
}

.ant-upload-list-picture .ant-upload-list-item-error,.ant-upload-list-picture-card .ant-upload-list-item-error {
    border-color: #fc4e00
}

.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
    background: transparent
}

.ant-upload-list-picture .ant-upload-list-item-uploading,.ant-upload-list-picture-card .ant-upload-list-item-uploading {
    border-style: dashed
}

.ant-upload-list-picture .ant-upload-list-item-thumbnail,.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
    width: 48px;
    height: 48px;
    line-height: 60px;
    text-align: center;
    opacity: .8
}

.ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,.ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
    font-size: 26px
}

.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill="#e6f7ff"],.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill="#e6f7ff"] {
    fill: #2a1215
}

.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill="#1890ff"],.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill="#1890ff"] {
    fill: #fc4e00
}

.ant-upload-list-picture .ant-upload-list-item-icon,.ant-upload-list-picture-card .ant-upload-list-item-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 26px;
    transform: translate(-50%,-50%)
}

.ant-upload-list-picture .ant-upload-list-item-icon .anticon,.ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
    font-size: 26px
}

.ant-upload-list-picture .ant-upload-list-item-image,.ant-upload-list-picture-card .ant-upload-list-item-image {
    max-width: 100%
}

.ant-upload-list-picture .ant-upload-list-item-thumbnail img,.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
    display: block;
    width: 48px;
    height: 48px;
    overflow: hidden
}

.ant-upload-list-picture .ant-upload-list-item-name,.ant-upload-list-picture-card .ant-upload-list-item-name {
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 0 0 8px;
    padding-right: 8px;
    padding-left: 48px;
    overflow: hidden;
    line-height: 44px;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .3s
}

.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
    margin-bottom: 12px
}

.ant-upload-list-picture .ant-upload-list-item-progress,.ant-upload-list-picture-card .ant-upload-list-item-progress {
    bottom: 14px;
    width: calc(100% - 24px);
    margin-top: 0;
    padding-left: 56px
}

.ant-upload-list-picture .anticon-close,.ant-upload-list-picture-card .anticon-close {
    position: absolute;
    top: 8px;
    right: 8px;
    line-height: 1;
    opacity: 1
}

.ant-upload-list-picture-card-container {
    display: inline-block;
    width: 104px;
    height: 104px;
    margin: 0 4px 4px 0;
    vertical-align: top
}

.ant-upload-list-picture-card.ant-upload-list:after {
    display: none
}

.ant-upload-list-picture-card .ant-upload-list-item {
    height: 100%;
    margin: 0
}

.ant-upload-list-picture-card .ant-upload-list-item-info {
    position: relative;
    height: 100%;
    overflow: hidden
}

.ant-upload-list-picture-card .ant-upload-list-item-info:before {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    opacity: 0;
    transition: all .3s;
    content: " "
}

.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info:before {
    opacity: 1
}

.ant-upload-list-picture-card .ant-upload-list-item-actions {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    white-space: nowrap;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: all .3s
}

.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
    z-index: 10;
    width: 16px;
    margin: 0 4px;
    color: #ffffffd9;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s
}

.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
    color: #fff
}

.ant-upload-list-picture-card .ant-upload-list-item-info:hover+.ant-upload-list-item-actions,.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
    opacity: 1
}

.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.ant-upload-list-picture-card .ant-upload-list-item-name {
    display: none;
    margin: 8px 0 0;
    padding: 0;
    line-height: 1.66667;
    text-align: center
}

.ant-upload-list-picture-card .ant-upload-list-item-file+.ant-upload-list-item-name {
    position: absolute;
    bottom: 10px;
    display: block
}

.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
    background-color: #ffffff0a
}

.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
    height: auto
}

.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info:before,.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
    display: none
}

.ant-upload-list-picture-card .ant-upload-list-item-progress {
    bottom: 32px;
    width: calc(100% - 14px);
    padding-left: 0
}

.ant-upload-list-text-container,.ant-upload-list-picture-container {
    transition: opacity .3s,height .3s
}

.ant-upload-list-text-container:before,.ant-upload-list-picture-container:before {
    display: table;
    width: 0;
    height: 0;
    content: ""
}

.ant-upload-list-text-container .ant-upload-span,.ant-upload-list-picture-container .ant-upload-span {
    display: block;
    flex: auto
}

.ant-upload-list-text .ant-upload-span,.ant-upload-list-picture .ant-upload-span {
    display: flex;
    align-items: center
}

.ant-upload-list-text .ant-upload-span>*,.ant-upload-list-picture .ant-upload-span>* {
    flex: none
}

.ant-upload-list-text .ant-upload-list-item-name,.ant-upload-list-picture .ant-upload-list-item-name {
    flex: auto;
    margin: 0;
    padding: 0 4px
}

.ant-upload-list-text .ant-upload-list-item-card-actions,.ant-upload-list-picture .ant-upload-list-item-card-actions,.ant-upload-list-text .ant-upload-text-icon .anticon {
    position: static
}

.ant-upload-list .ant-upload-animate-inline-appear,.ant-upload-list .ant-upload-animate-inline-enter,.ant-upload-list .ant-upload-animate-inline-leave {
    animation-duration: .3s;
    animation-fill-mode: cubic-bezier(.78,.14,.15,.86)
}

.ant-upload-list .ant-upload-animate-inline-appear,.ant-upload-list .ant-upload-animate-inline-enter {
    animation-name: uploadAnimateInlineIn
}

.ant-upload-list .ant-upload-animate-inline-leave {
    animation-name: uploadAnimateInlineOut
}

@keyframes uploadAnimateInlineIn {
    0% {
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 0
    }
}

@keyframes uploadAnimateInlineOut {
    to {
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 0
    }
}

.ant-upload-rtl {
    direction: rtl
}

.ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
    margin-right: auto;
    margin-left: 8px
}

.ant-upload-list-rtl {
    direction: rtl
}

.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
    padding-right: 22px;
    padding-left: 14px
}

.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
    padding-right: 22px;
    padding-left: 28px
}

.ant-upload-list-rtl .ant-upload-list-item-name {
    padding-right: 20px;
    padding-left: 0
}

.ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
    padding-left: 14px
}

.ant-upload-list-rtl .ant-upload-list-item-card-actions {
    right: auto;
    left: 0
}

.ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
    padding-right: 0;
    padding-left: 5px
}

.ant-upload-list-rtl .ant-upload-list-item-info {
    padding: 0 4px 0 12px
}

.ant-upload-list-rtl .ant-upload-list-item .anticon-close {
    right: auto;
    left: 4px
}

.ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
    padding-right: 0;
    padding-left: 5px
}

.ant-upload-list-rtl .ant-upload-list-item-progress {
    padding-right: 24px;
    padding-left: 0
}

.ant-upload-list-picture .ant-upload-list-item-info,.ant-upload-list-picture-card .ant-upload-list-item-info {
    padding: 0
}

.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
    right: 8px;
    left: auto
}

.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
    right: 50%;
    left: auto;
    transform: translate(50%,-50%)
}

.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
    margin: 0 8px 0 0;
    padding-right: 48px;
    padding-left: 8px
}

.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
    padding-right: 48px;
    padding-left: 18px
}

.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
    padding-right: 48px;
    padding-left: 36px
}

.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
    padding-right: 0;
    padding-left: 0
}

.ant-upload-list-rtl.ant-upload-list-picture .anticon-close,.ant-upload-list-rtl.ant-upload-list-picture-card .anticon-close {
    right: auto;
    left: 8px
}

.ant-upload-list-rtl .ant-upload-list-picture-card-container {
    margin: 0 0 4px 4px
}

.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
    right: 50%;
    left: auto;
    transform: translate(50%,-50%)
}

.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file+.ant-upload-list-item-name {
    margin: 8px 0 0;
    padding: 0
}

.login_modal___t_tHY {
    color: gray;
    padding-bottom: 0!important
}

.login_modal___t_tHY .ant-modal-content {
    background-color: #fff;
    box-shadow: none;
    border: 0;
    height: 500px;
    overflow: hidden
}

.login_modal___t_tHY .ant-modal-body {
    border-radius: 8px;
    padding: 0
}

.login_modal___t_tHY .ant-modal-confirm-body .ant-modal-confirm-content {
    margin-top: 0;
    padding-bottom: 0;
    color: #4d4d4d;
    font-size: 14px;
    line-height: 20px
}

.login_modal___t_tHY .ant-modal-close {
    right: 0px;
    top: 0px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: gray
}

.login_modal___t_tHY .ant-modal-close:hover {
    opacity: .8;
    color: gray
}

.login_modal___t_tHY .ant-modal-close:focus {
    opacity: 1;
    color: gray
}

.login_modal___t_tHY .ant-modal-close-x {
    width: 22px;
    height: 22px;
    line-height: 0;
    font-size: 22px;
    background: none!important
}

.login_modal___t_tHY .anticon-exclamation-circle,.login_modal___t_tHY .ant-modal-confirm-btns {
    display: none!important
}

.login_tabs___nDjo3 {
    padding-top: 8px;
    overflow: visible
}

.login_tabs___nDjo3 .ant-tabs-nav-operations {
    display: none!important
}

.login_tabs___nDjo3 .ant-tabs-tab {
    height: 52px;
    padding: 0;
    align-items: flex-start;
    white-space: nowrap
}

.login_tabs___nDjo3 .ant-tabs-tab+.ant-tabs-tab {
    margin-left: 0
}

.login_tabs___nDjo3 .ant-tabs-tab:nth-child(1) {
    position: absolute;
    right: 100%;
    top: 0;
    margin-right: 40px
}

.login_tabs___nDjo3 .ant-tabs-tab:nth-child(3) {
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 40px
}

.login_tabs___nDjo3 .ant-tabs-nav-wrap {
    display: flex;
    justify-content: center
}

.login_tabs___nDjo3 .ant-tabs-nav {
    margin: 0 -40px
}

.login_tabs___nDjo3 .ant-tabs-nav:before {
    height: 1px;
    background-color: #f5f5f5;
    border-bottom: 0
}

.login_tabs___nDjo3 .ant-tabs-tab-btn {
    font-size: 20px;
    line-height: 26px;
    color: gray!important;
    user-select: none!important
}

.login_tabs___nDjo3 .ant-tabs-ink-bar {
    background-color: #191919!important
}

.login_tabs___nDjo3 .ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #191919!important
}

.login_form___yU0st {
    width: 360px;
    margin-left: auto;
    margin-right: auto
}

.login_form___yU0st .ant-form-item {
    height: 72px;
    margin-bottom: 0
}

.login_form___yU0st .ant-input {
    padding: 7px 15px;
    font-size: 14px;
    color: #191919;
    font-weight: 400;
    background: #F5F5F5;
    border-color: #f5f5f5;
    caret-color: #00cca2;
    border-radius: 4px
}

.login_form___yU0st .ant-input:hover {
    border-color: #e0e0e0
}

.login_form___yU0st .ant-input:focus {
    color: #191919;
    background: #F5F5F5;
    border-color: #e0e0e0;
    box-shadow: none
}

.login_form___yU0st .ant-input::selection {
    background: rgba(0,204,162,.4)
}

.login_form___yU0st .ant-input-affix-wrapper {
    color: #b4b4b4!important;
    padding: 7px 15px;
    background: #F5F5F5;
    border-color: #f5f5f5;
    border-radius: 4px
}

.login_form___yU0st .ant-input-affix-wrapper:hover {
    border-color: #e0e0e0
}

.login_form___yU0st .ant-form-item-has-error .ant-input,.login_form___yU0st .ant-form-item-has-error .ant-input-affix-wrapper {
    color: #f5584c!important;
    background: rgba(245,88,76,.08)!important;
    border-color: #f5584c!important
}

.login_form___yU0st .ant-form-item-has-error .ant-input-affix-wrapper .ant-input {
    background: none!important
}

.login_form___yU0st .ant-btn-primary {
    font-size: 14px;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    background: #00cca2;
    border-color: #00cca2
}

.login_form___yU0st .ant-btn-primary:hover {
    color: #fff;
    background: #00cca2;
    border-color: #00cca2;
    opacity: .8
}

.login_form___yU0st .ant-btn-primary:focus,.login_form___yU0st .ant-btn-primary:active {
    color: #fff;
    background: #00cca2;
    border-color: #00cca2;
    opacity: 1
}

.login_form___yU0st .ant-btn-primary[disabled] {
    color: #fff;
    background: #00cca2;
    border-color: #00cca2;
    opacity: .4;
    pointer-events: none
}

.login___w0SC4 .ant-tabs-nav:before {
    border-bottom: none
}

.login___w0SC4 .ant-modal-body {
    padding: 24px 40px
}

.login___w0SC4 .ant-tabs-tab-btn {
    font-size: 20px;
    line-height: 26px
}

.login___w0SC4 .ant-tabs-nav {
    margin-bottom: 48px
}

.login___w0SC4 .ant-form-item {
    height: 60px;
    margin-bottom: 4px
}

.login___w0SC4 .ant-btn-primary {
    font-size: 14px;
    border-radius: 4px
}

.login___w0SC4 .anticon-exclamation-circle,.login___w0SC4 .ant-modal-confirm-btns {
    display: none!important
}

.login___w0SC4 .tip1___HrMPs {
    margin-top: -8px;
    text-align: center;
    color: gray;
    font-size: 12px
}

.login___w0SC4 .tip2___F5YzO {
    text-align: center;
    margin-top: 46px;
    color: gray;
    font-size: 12px
}

.login___w0SC4 .tip2___F5YzO>a {
    font-weight: 500
}

.link_captcha___MHqoX {
    color: #4d4d4d;
    font-size: 14px;
    cursor: pointer;
    user-select: none
}

.link_captcha___MHqoX:hover {
    opacity: .8
}

.link_captcha___MHqoX:active {
    opacity: 1
}

.link_captcha___MHqoX.disabled___QVmE4 {
    color: #b3b3b3;
    cursor: not-allowed
}

.login_container___WjxzQ {
    display: flex;
    flex-direction: column;
    height: 500px;
    overflow: hidden
}

.login_container___WjxzQ .password_login_btn___eiSWl {
    text-align: center;
    display: block;
    line-height: 18px;
    font-weight: 500;
    font-size: 12px;
    margin-right: 32px
}

.login_container___WjxzQ .tel_login_btn___CH3R_ {
    text-align: center;
    display: block;
    line-height: 18px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 32px
}

.login_container___WjxzQ .footer___Um5B9 {
    border-top: 1px solid #F5F5F5;
    display: flex;
    height: 66px;
    align-items: center;
    justify-content: space-between
}

.login_container___WjxzQ .tip1___HrMPs {
    text-align: center;
    color: gray;
    font-size: 12px;
    line-height: 24px;
    background-color: #fff;
    margin-top: 5px
}

.login_container___WjxzQ .tip2___F5YzO {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: gray;
    font-size: 12px;
    line-height: 18px;
    box-sizing: content-box;
    margin-left: 32px
}

.login_container___WjxzQ .tip2___F5YzO>a {
    font-weight: 500
}

.login_body___bLfxW {
    flex: 1 1;
    min-height: 100px;
    max-height: 100%;
    padding: 24px 40px
}

.sms_login___B7vDW {
    margin-top: 54px
}

.password_login___qz7Ct .title___ddH8j {
    display: block;
    position: relative;
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    color: #191919;
    font-weight: 500;
    height: 52px;
    margin-top: 8px;
    margin-bottom: 54px
}

.password_login___qz7Ct .title___ddH8j:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #f5f5f5
}

.qqLogin___b9QxI {
    height: 341px;
    width: 700px;
    margin-top: 5px;
    margin-left: -40px;
    margin-bottom: 30px;
    overflow: hidden
}

.qqLogin___b9QxI .iframe___yU7_0 {
    width: 770px;
    height: 400px;
    margin-top: -50px;
    margin-left: -67px
}

.wxLogin___qNGQO {
    width: 700px;
    height: 341px;
    margin-left: -40px;
    margin-top: 25px;
    margin-bottom: 0;
    overflow: hidden
}

.wxLogin___qNGQO iframe {
    width: 720px;
    height: 400px;
    margin-top: -30px;
    margin-left: -10px
}

.workLogin___V22RW {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 412px;
    padding: 40px
}

.workLogin_modal___lZlaY .ant-modal-content {
    height: 412px
}

.workLogin___V22RW>h2 {
    flex-shrink: 0;
    margin: 0;
    color: #191919;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px
}

.workLogin___V22RW>article {
    flex: 1 1;
    min-height: 100px;
    max-height: 100%;
    padding-top: 48px
}

.workLogin___V22RW>footer {
    flex-shrink: 0;
    margin-bottom: -16px;
    text-align: center;
    color: gray;
    font-size: 12px;
    line-height: 18px
}

.workLogin___V22RW>footer>a {
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
    font-weight: 500
}

.workLogin___V22RW [class^=sms_login] {
    margin: 0!important
}

.workLogin___V22RW [class^=sms_login] form {
    width: auto!important
}

.wx_public_account_login_container___Km6Y0 {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 350px
}

.wx_public_account_login_container___Km6Y0 .qrcode_container___j8DI3 {
    position: relative
}

.wx_public_account_login_container___Km6Y0 .qrcode_container___j8DI3.no_border___YZBEs {
    padding: 15px;
    border: 1px solid #e2e2e2
}

.wx_public_account_login_container___Km6Y0 .qrcode_container___j8DI3 .qrcode_mask___ANrjX {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: hsla(0,0%,100%,.98);
    font-size: 20px
}

.wx_public_account_login_container___Km6Y0 .qrcode_container___j8DI3 .qrcode_mask___ANrjX .qrcode_mask_refresh___H4q_K {
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    opacity: 1;
    background: rgba(0,0,0,.4)
}

.wx_public_account_login_container___Km6Y0 .text___vx5_O {
    margin-top: 7px;
    padding: 7px 14px;
    font-size: 13px
}

.wx_public_account_login_container___Km6Y0 .text___vx5_O p {
    margin: 0;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
    color: #373737
}

.modal___WwlM1 .anticon-exclamation-circle {
    display: none
}

.modal___WwlM1 .ant-modal-body {
    border-radius: 8px;
    padding: 24px 24px 16px
}

.modal___WwlM1 .ant-modal-confirm-body {
    padding-bottom: 0
}

.modal___WwlM1 .ant-modal-confirm-btns {
    display: none!important
}

.modal___WwlM1 .ant-modal-confirm-title {
    text-align: center
}

.modal___WwlM1 .ant-modal-confirm-content {
    padding-bottom: 0;
    margin-left: 0!important;
    padding-top: 15px
}

.modalV2___HnKRg {
    padding-bottom: 0
}

.modalV2___HnKRg .anticon-exclamation-circle {
    display: none
}

.modalV2___HnKRg .ant-modal-close {
    right: 0px;
    top: 0px
}

.modalV2___HnKRg .ant-modal-body {
    border-radius: 8px;
    padding: 32px 48px 48px
}

.modalV2___HnKRg .ant-modal-confirm-body {
    padding-bottom: 0
}

.modalV2___HnKRg .ant-modal-confirm-body .ant-modal-confirm-title {
    font-size: 20px;
    line-height: 26px
}

.modalV2___HnKRg .ant-modal-confirm-btns {
    display: none!important
}

.modalV2___HnKRg .ant-modal-confirm-title {
    text-align: center
}

.modalV2___HnKRg .ant-modal-confirm-content {
    padding-bottom: 0;
    margin-left: 0!important;
    padding-top: 15px
}

.modalV2___HnKRg .ant-form-item-explain-error {
    margin-top: -3px;
    position: absolute;
    font-size: 20px;
    width: 200%;
    left: -50%;
    transform: scale(.5)
}

.notice___h19jL .content___LZHXm {
    line-height: 24px;
    margin-bottom: 16px
}

.notice___h19jL .tips___DI9RP {
    line-height: 24px;
    margin-bottom: 24px
}

.footer___ToXnw {
    display: flex;
    justify-content: flex-end;
    margin-top: 24px
}

.button__cancel___VsAcr,.button__submit___FHUyH {
    width: 92px;
    height: 32px;
    border-radius: 20px;
    font-size: 14px
}

.button__submit___FHUyH {
    margin-left: 16px
}

.bind_telephone___zduW5 {
    margin-top: -13px;
    margin-bottom: -8px
}

.bind_telephone___zduW5 .ant-tabs-top {
    display: flex;
    align-items: center
}

.bind_telephone___zduW5 .ant-tabs-nav {
    width: 360px;
    margin-top: 8px
}

.bind_telephone___zduW5 .ant-tabs-nav:before {
    border-bottom: none
}

.bind_telephone___zduW5 .ant-tabs-tab-btn {
    font-size: 20px;
    line-height: 26px
}

.bind_telephone___zduW5 .ant-form-item {
    height: 72px;
    margin-bottom: 0
}

.bind_telephone___zduW5 .ant-btn-primary {
    font-size: 14px;
    border-radius: 4px
}

.bind_telephone___zduW5 .back___CjEe7 {
    position: absolute;
    display: flex;
    top: 27px;
    left: 36px;
    transform: scaleX(-1);
    cursor: pointer
}

.bind_telephone___zduW5 .back___CjEe7 svg {
    width: 35px;
    height: 35px;
    fill: #4d4d4d
}

.bind_telephone___zduW5 .tip___uRoJE {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: gray;
    margin-bottom: 36px
}

.link_captcha___HKDqM {
    color: #4d4d4d;
    font-size: 14px;
    cursor: pointer
}

.link_captcha___HKDqM:hover {
    opacity: .8
}

.link_captcha___HKDqM:active {
    opacity: 1
}

.link_captcha___HKDqM.disabled___BwyLO {
    color: #b3b3b3;
    cursor: not-allowed
}

.phone_exist_modal___HS_AO .anticon-exclamation-circle {
    display: none
}

.phone_exist_modal___HS_AO .ant-modal-confirm-content {
    margin-left: 0!important
}

.phone_exist_modal___HS_AO .ant-btn {
    width: 92px
}

.grail-btn-type-default {
    --grail-btn-color: #4D4D4D;
    --grail-btn-icon-color: #4D4D4D;
    --grail-btn-border-color: #E0E0E0;
    --grail-btn-background-color: #ffffff;
    --grail-btn-hover-color: #717171;
    --grail-btn-hover-icon-color: #717171;
    --grail-btn-hover-border-color: #E6E6E6;
    --grail-btn-hover-background-color: #ffffff;
    --grail-btn-active-color: #4D4D4D;
    --grail-btn-active-icon-color: #4D4D4D;
    --grail-btn-active-border-color: #E0E0E0;
    --grail-btn-active-background-color: #ffffff;
    --grail-btn-loading-color: #4D4D4D;
    --grail-btn-loading-icon-color: #4D4D4D;
    --grail-btn-loading-border-color: #E0E0E0;
    --grail-btn-loading-background-color: #ffffff;
    --grail-btn-disabled-color: #B3B3B3;
    --grail-btn-disabled-icon-color: #B3B3B3;
    --grail-btn-disabled-border-color: #E0E0E0;
    --grail-btn-disabled-background-color: #F5F5F5
}

.grail-btn-type-normal {
    --grail-btn-color: #4D4D4D;
    --grail-btn-icon-color: #4D4D4D;
    --grail-btn-border-color: #f5f5f5;
    --grail-btn-background-color: #f5f5f5;
    --grail-btn-hover-color: #717171;
    --grail-btn-hover-icon-color: #717171;
    --grail-btn-hover-border-color: #f5f5f5;
    --grail-btn-hover-background-color: #f5f5f5;
    --grail-btn-active-color: #4D4D4D;
    --grail-btn-active-icon-color: #4D4D4D;
    --grail-btn-active-border-color: #f5f5f5;
    --grail-btn-active-background-color: #f5f5f5;
    --grail-btn-loading-color: #4D4D4D;
    --grail-btn-loading-icon-color: #4D4D4D;
    --grail-btn-loading-border-color: #f5f5f5;
    --grail-btn-loading-background-color: #f5f5f5;
    --grail-btn-disabled-color: #B3B3B3;
    --grail-btn-disabled-icon-color: #B3B3B3;
    --grail-btn-disabled-border-color: #F5F5F5;
    --grail-btn-disabled-background-color: #F5F5F5
}

.grail-btn-type-primary {
    --grail-btn-color: #ffffff;
    --grail-btn-icon-color: #ffffff;
    --grail-btn-border-color: #00CCA2;
    --grail-btn-background-color: #00CCA2;
    --grail-btn-hover-color: #ffffff;
    --grail-btn-hover-icon-color: #ffffff;
    --grail-btn-hover-border-color: #19D1AB;
    --grail-btn-hover-background-color: #19D1AB;
    --grail-btn-active-color: #ffffff;
    --grail-btn-active-icon-color: #ffffff;
    --grail-btn-active-border-color: #00B892;
    --grail-btn-active-background-color: #00B892;
    --grail-btn-loading-color: #ffffff;
    --grail-btn-loading-icon-color: #ffffff;
    --grail-btn-loading-border-color: #00CCA2;
    --grail-btn-loading-background-color: #00CCA2;
    --grail-btn-disabled-color: #ffffff;
    --grail-btn-disabled-icon-color: #ffffff;
    --grail-btn-disabled-border-color: #99EBDA;
    --grail-btn-disabled-background-color: #99EBDA
}

.grail-btn-type-secondary {
    --grail-btn-color: #ffffff;
    --grail-btn-icon-color: #ffffff;
    --grail-btn-border-color: #6156F0;
    --grail-btn-background-color: #6156F0;
    --grail-btn-hover-color: #ffffff;
    --grail-btn-hover-icon-color: #ffffff;
    --grail-btn-hover-border-color: #5a50e0;
    --grail-btn-hover-background-color: #5a50e0;
    --grail-btn-active-color: #ffffff;
    --grail-btn-active-icon-color: #ffffff;
    --grail-btn-active-border-color: #6668FF;
    --grail-btn-active-background-color: #6668FF;
    --grail-btn-loading-color: #ffffff;
    --grail-btn-loading-icon-color: #ffffff;
    --grail-btn-loading-border-color: #6156F0;
    --grail-btn-loading-background-color: #6156F0;
    --grail-btn-disabled-color: #ffffff;
    --grail-btn-disabled-icon-color: #ffffff;
    --grail-btn-disabled-border-color: #585adc;
    --grail-btn-disabled-background-color: #585adc
}

.grail-btn-type-danger {
    --grail-btn-color: #ffffff;
    --grail-btn-icon-color: #ffffff;
    --grail-btn-border-color: #F5584C;
    --grail-btn-background-color: #F5584C;
    --grail-btn-hover-color: #ffffff;
    --grail-btn-hover-icon-color: #ffffff;
    --grail-btn-hover-border-color: #F6695E;
    --grail-btn-hover-background-color: #F6695E;
    --grail-btn-active-color: #ffffff;
    --grail-btn-active-icon-color: #ffffff;
    --grail-btn-active-border-color: #DC4F44;
    --grail-btn-active-background-color: #DC4F44;
    --grail-btn-loading-color: #ffffff;
    --grail-btn-loading-icon-color: #ffffff;
    --grail-btn-loading-border-color: #F5584C;
    --grail-btn-loading-background-color: #F5584C;
    --grail-btn-disabled-color: #ffffff;
    --grail-btn-disabled-icon-color: #ffffff;
    --grail-btn-disabled-border-color: #FBBCB7;
    --grail-btn-disabled-background-color: #FBBCB7
}

.grail-btn-type-vip {
    --grail-btn-color: #553B29;
    --grail-btn-icon-color: #553B29;
    --grail-btn-border-color: transparent;
    --grail-btn-background-color: linear-gradient(107.15deg, #FFECAD, #FFC670);
    --grail-btn-hover-color: #553B29;
    --grail-btn-hover-icon-color: #553B29;
    --grail-btn-hover-border-color: transparent;
    --grail-btn-hover-background-color: linear-gradient(107.15deg, #FFE8BA, #FFD699);
    --grail-btn-active-color: #553B29;
    --grail-btn-active-icon-color: #553B29;
    --grail-btn-active-border-color: transparent;
    --grail-btn-active-background-color: linear-gradient(107.15deg, #EDD697, #EFBF6D);
    --grail-btn-loading-color: #553B29;
    --grail-btn-loading-icon-color: #553B29;
    --grail-btn-loading-border-color: transparent;
    --grail-btn-loading-background-color: linear-gradient(107.15deg, #FFECAD, #FFC670);
    --grail-btn-disabled-color: #553B29;
    --grail-btn-disabled-icon-color: #553B29;
    --grail-btn-disabled-border-color: transparent;
    --grail-btn-disabled-background-color: linear-gradient(107.15deg, #e1d3a4, #f4d091)
}

.grail-btn-type-vip_pro {
    --grail-btn-color: linear-gradient(107.15deg, #ffecad, #ffc670);
    --grail-btn-icon-color: #ffecad;
    --grail-btn-border-color: transparent;
    --grail-btn-background-color: linear-gradient(107.15deg, #3E434D, #282B33);
    --grail-btn-hover-color: linear-gradient(107.15deg, #ffecad, #ffc670);
    --grail-btn-hover-icon-color: #ffecad;
    --grail-btn-hover-border-color: transparent;
    --grail-btn-hover-background-color: linear-gradient(107.15deg, #50555D, #3F424A);
    --grail-btn-active-color: linear-gradient(107.15deg, #ffecad, #ffc670);
    --grail-btn-active-icon-color: #ffecad;
    --grail-btn-active-border-color: transparent;
    --grail-btn-active-background-color: linear-gradient(107.15deg, #393E46, #282B33);
    --grail-btn-loading-color: linear-gradient(107.15deg, #ffecad, #ffc670);
    --grail-btn-loading-icon-color: #ffecad;
    --grail-btn-loading-border-color: transparent;
    --grail-btn-loading-background-color: linear-gradient(107.15deg, #3E434D, #282B33);
    --grail-btn-disabled-color: linear-gradient(107.15deg, #ffecad, #ffc670);
    --grail-btn-disabled-icon-color: #ffecad;
    --grail-btn-disabled-border-color: transparent;
    --grail-btn-disabled-background-color: linear-gradient(107.15deg, #606163, #4a4b4f)
}

.grail-btn-type-half_opacity {
    --grail-btn-color: #ffffff;
    --grail-btn-icon-color: #ffffff;
    --grail-btn-border-color: transparent;
    --grail-btn-background-color: rgba(0, 0, 0, .6);
    --grail-btn-hover-color: #ffffff;
    --grail-btn-hover-icon-color: #ffffff;
    --grail-btn-hover-border-color: transparent;
    --grail-btn-hover-background-color: rgba(0, 0, 0, .48);
    --grail-btn-active-color: #ffffff;
    --grail-btn-active-icon-color: #ffffff;
    --grail-btn-active-border-color: transparent;
    --grail-btn-active-background-color: rgba(0, 0, 0, .54);
    --grail-btn-loading-color: #ffffff;
    --grail-btn-loading-icon-color: #ffffff;
    --grail-btn-loading-border-color: transparent;
    --grail-btn-loading-background-color: rgba(0, 0, 0, .6);
    --grail-btn-disabled-color: #646464;
    --grail-btn-disabled-icon-color: #646464;
    --grail-btn-disabled-border-color: transparent;
    --grail-btn-disabled-background-color: #3c3c3c
}

.grail-btn-type-literature_half {
    --grail-btn-color: rgba(255, 255, 255, .92);
    --grail-btn-icon-color: rgba(255, 255, 255, .92);
    --grail-btn-border-color: transparent;
    --grail-btn-background-color: rgba(20, 30, 41, .49);
    --grail-btn-hover-color: rgba(255, 255, 255, .92);
    --grail-btn-hover-icon-color: rgba(255, 255, 255, .92);
    --grail-btn-hover-border-color: transparent;
    --grail-btn-hover-background-color: rgba(20, 30, 41, .76);
    --grail-btn-active-color: rgba(255, 255, 255, .92);
    --grail-btn-active-icon-color: rgba(255, 255, 255, .92);
    --grail-btn-active-border-color: transparent;
    --grail-btn-active-background-color: rgba(20, 30, 41, .76);
    --grail-btn-loading-color: rgba(255, 255, 255, .92);
    --grail-btn-loading-icon-color: rgba(255, 255, 255, .92);
    --grail-btn-loading-border-color: transparent;
    --grail-btn-loading-background-color: rgba(20, 30, 41, .49);
    --grail-btn-disabled-color: #646464;
    --grail-btn-disabled-icon-color: #646464;
    --grail-btn-disabled-border-color: transparent;
    --grail-btn-disabled-background-color: rgba(20, 30, 41, .3)
}

.grail-btn-type-text {
    --grail-btn-color: #4D4D4D;
    --grail-btn-icon-color: #4D4D4D;
    --grail-btn-border-color: transparent;
    --grail-btn-background-color: transparent;
    --grail-btn-hover-color: #717171;
    --grail-btn-hover-icon-color: #717171;
    --grail-btn-hover-border-color: transparent;
    --grail-btn-hover-background-color: #f5f5f5;
    --grail-btn-active-color: #4D4D4D;
    --grail-btn-active-icon-color: #4D4D4D;
    --grail-btn-active-border-color: transparent;
    --grail-btn-active-background-color: #f5f5f5;
    --grail-btn-loading-color: #4D4D4D;
    --grail-btn-loading-icon-color: #4D4D4D;
    --grail-btn-loading-border-color: transparent;
    --grail-btn-loading-background-color: #F5F5F5;
    --grail-btn-disabled-color: #B3B3B3;
    --grail-btn-disabled-icon-color: #B3B3B3;
    --grail-btn-disabled-border-color: transparent;
    --grail-btn-disabled-background-color: transparent
}

.grail-btn-type-link_fill_primary {
    --grail-btn-color: #00CCA2;
    --grail-btn-icon-color: #00CCA2;
    --grail-btn-border-color: transparent;
    --grail-btn-background-color: transparent;
    --grail-btn-hover-color: #00CCA2;
    --grail-btn-hover-icon-color: #00CCA2;
    --grail-btn-hover-border-color: transparent;
    --grail-btn-hover-background-color: rgba(0, 204, 162, .1);
    --grail-btn-active-color: #00CCA2;
    --grail-btn-active-icon-color: #00CCA2;
    --grail-btn-active-border-color: transparent;
    --grail-btn-active-background-color: rgba(0, 204, 162, .2);
    --grail-btn-loading-color: #4D4D4D;
    --grail-btn-loading-icon-color: #4D4D4D;
    --grail-btn-loading-border-color: transparent;
    --grail-btn-loading-background-color: #F5F5F5;
    --grail-btn-disabled-color: #B3B3B3;
    --grail-btn-disabled-icon-color: #B3B3B3;
    --grail-btn-disabled-border-color: transparent;
    --grail-btn-disabled-background-color: transparent
}

.grail-btn-type-special {
    --grail-btn-color: #ffffff;
    --grail-btn-icon-color: #ffffff;
    --grail-btn-border-color: transparent;
    --grail-btn-background-color: linear-gradient(90deg, #8081FF 0%, #46BFE6 49.48%, #00E0A7 100%);
    --grail-btn-hover-color: #ffffff;
    --grail-btn-hover-icon-color: #ffffff;
    --grail-btn-hover-border-color: transparent;
    --grail-btn-hover-background-color: linear-gradient(90deg, #8081FF 0%, #46BFE6 49.48%, #00E0A7 100%);
    --grail-btn-active-color: #ffffff;
    --grail-btn-active-icon-color: #ffffff;
    --grail-btn-active-border-color: transparent;
    --grail-btn-active-background-color: linear-gradient(90deg, #6667cc 0%, #3b97b8 49.48%, #0cb386 100%);
    --grail-btn-loading-color: #ffffff;
    --grail-btn-loading-icon-color: #ffffff;
    --grail-btn-loading-border-color: transparent;
    --grail-btn-loading-background-color: linear-gradient(90deg, #8081FF 0%, #46BFE6 49.48%, #00E0A7 100%);
    --grail-btn-disabled-color: #ffffff;
    --grail-btn-disabled-icon-color: #ffffff;
    --grail-btn-disabled-border-color: transparent;
    --grail-btn-disabled-background-color: linear-gradient(90deg, #cbcdff 0%, #bbe5f5 49.48%, #b5f3dc 100%)
}

.grail-btn-type-literature {
    --grail-btn-color: #ffffff;
    --grail-btn-icon-color: #ffffff;
    --grail-btn-border-color: #1E71EF;
    --grail-btn-background-color: #1E71EF;
    --grail-btn-hover-color: #ffffff;
    --grail-btn-hover-icon-color: #ffffff;
    --grail-btn-hover-border-color: #1E71EF;
    --grail-btn-hover-background-color: #1E71EF;
    --grail-btn-active-color: #ffffff;
    --grail-btn-active-icon-color: #ffffff;
    --grail-btn-active-border-color: #1E71EF;
    --grail-btn-active-background-color: #1E71EF;
    --grail-btn-loading-color: #ffffff;
    --grail-btn-loading-icon-color: #ffffff;
    --grail-btn-loading-border-color: rgba(30, 113, 239, 0);
    --grail-btn-loading-background-color: rgba(30, 113, 239, .4);
    --grail-btn-disabled-color: #ffffff;
    --grail-btn-disabled-icon-color: #ffffff;
    --grail-btn-disabled-border-color: rgba(30, 113, 239, 0);
    --grail-btn-disabled-background-color: rgba(30, 113, 239, .6)
}

.grail-btn-type-literature_activity {
    --grail-btn-color: #E56F00;
    --grail-btn-icon-color: #ffffff;
    --grail-btn-border-color: rgba(20, 30, 41, .12);
    --grail-btn-background-color: rgba(255, 255, 255, .92);
    --grail-btn-hover-color: #E56F00;
    --grail-btn-hover-icon-color: #ffffff;
    --grail-btn-hover-border-color: rgba(20, 30, 41, .12);
    --grail-btn-hover-background-color: rgba(255, 255, 255, .7);
    --grail-btn-active-color: #E56F00;
    --grail-btn-active-icon-color: #ffffff;
    --grail-btn-active-border-color: rgba(20, 30, 41, .12);
    --grail-btn-active-background-color: rgba(255, 255, 255, .7);
    --grail-btn-loading-color: #E56F00;
    --grail-btn-loading-icon-color: #ffffff;
    --grail-btn-loading-border-color: rgba(20, 30, 41, .12);
    --grail-btn-loading-background-color: rgba(255, 255, 255, .7);
    --grail-btn-disabled-color: #E56F00;
    --grail-btn-disabled-icon-color: #ffffff;
    --grail-btn-disabled-border-color: rgba(20, 30, 41, .12);
    --grail-btn-disabled-background-color: rgba(255, 255, 255, .7)
}

.grail-btn {
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: none;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    outline: none;
    color: var(--grail-btn-color);
    background: var(--grail-btn-background-color);
    box-shadow: 0 0 0 1px var(--grail-btn-border-color) inset
}

.grail-btn:after {
    display: none!important
}

.grail-btn>span {
    display: inline-block
}

.grail-btn[disabled] {
    pointer-events: none;
    cursor: not-allowed
}

.grail-btn>span:not(.grail-btn-inner-icon) {
    color: var(--grail-btn-icon-color)
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .grail-btn>span:not(.grail-btn-inner-icon) {
        background:var(--grail-btn-color);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        text-fill-color: transparent
    }
}

.grail-btn .grail-btn-inner-icon {
    color: var(--grail-btn-icon-color)
}

.grail-btn:hover:not([disabled]):not(.grail-btn-loading) {
    background: var(--grail-btn-hover-background-color);
    box-shadow: 0 0 0 1px var(--grail-btn-hover-border-color) inset
}

.grail-btn:hover:not([disabled]):not(.grail-btn-loading)>span:not(.grail-btn-inner-icon) {
    color: var(--grail-btn-hover-icon-color)
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .grail-btn:hover:not([disabled]):not(.grail-btn-loading)>span:not(.grail-btn-inner-icon) {
        background:var(--grail-btn-hover-color);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        text-fill-color: transparent
    }
}

.grail-btn:hover:not([disabled]):not(.grail-btn-loading) .grail-btn-inner-icon {
    color: var(--grail-btn-hover-icon-color)
}

.grail-btn:active:not([disabled]):not(.grail-btn-loading) {
    background: var(--grail-btn-active-background-color);
    box-shadow: 0 0 0 1px var(--grail-btn-active-border-color) inset
}

.grail-btn:active:not([disabled]):not(.grail-btn-loading)>span:not(.grail-btn-inner-icon) {
    color: var(--grail-btn-active-icon-color)
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .grail-btn:active:not([disabled]):not(.grail-btn-loading)>span:not(.grail-btn-inner-icon) {
        background:var(--grail-btn-active-color);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        text-fill-color: transparent
    }
}

.grail-btn:active:not([disabled]):not(.grail-btn-loading) .grail-btn-inner-icon {
    color: var(--grail-btn-active-icon-color)
}

.grail-btn[disabled] {
    background: var(--grail-btn-disabled-background-color);
    box-shadow: 0 0 0 1px var(--grail-btn-disabled-border-color) inset
}

.grail-btn[disabled]>span:not(.grail-btn-inner-icon) {
    color: var(--grail-btn-disabled-icon-color)
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .grail-btn[disabled]>span:not(.grail-btn-inner-icon) {
        background:var(--grail-btn-disabled-color);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        text-fill-color: transparent
    }
}

.grail-btn[disabled] .grail-btn-inner-icon {
    color: var(--grail-btn-disabled-icon-color)
}

.grail-btn-loading {
    background: var(--grail-btn-loading-background-color);
    box-shadow: 0 0 0 1px var(--grail-btn-loading-border-color) inset
}

.grail-btn-loading>span:not(.grail-btn-inner-icon) {
    color: var(--grail-btn-loading-icon-color)
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .grail-btn-loading>span:not(.grail-btn-inner-icon) {
        background:var(--grail-btn-loading-color);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        text-fill-color: transparent
    }
}

.grail-btn-loading .grail-btn-inner-icon {
    color: var(--grail-btn-loading-icon-color)
}

.grail-btn-block {
    width: 100%;
    display: flex
}

.grail-btn>.grail-btn-inner-icon {
    display: inline-flex;
    font-size: 22px;
    margin: 0 -8px
}

.grail-btn>.grail-btn-inner-icon .grail-icon[grail-type="20-4"],.grail-btn>.grail-btn-inner-icon[grail-type="20-4"] {
    font-size: 22px
}

.grail-btn>.grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-btn>.grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 22px
}

.grail-btn>.grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-btn>.grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((22 - 4 * 2) / 22) / ((20 - 4 * 2) / 20)))
}

.grail-btn>.grail-btn-inner-icon .grail-icon[grail-type="22-4"],.grail-btn>.grail-btn-inner-icon[grail-type="22-4"] {
    font-size: 22px
}

.grail-btn>.grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-btn>.grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 22px
}

.grail-btn>.grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-btn>.grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-btn>.grail-btn-inner-icon .grail-icon[grail-type="24-3"],.grail-btn>.grail-btn-inner-icon[grail-type="24-3"] {
    font-size: 22px
}

.grail-btn>.grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-btn>.grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 22px
}

.grail-btn>.grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-btn>.grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: calc(100% * (((22 - 4 * 2) / 22) / ((24 - 3 * 2) / 24)))
}

.grail-btn>.grail-btn-inner-icon .grail-icon[grail-type="30-8"],.grail-btn>.grail-btn-inner-icon[grail-type="30-8"] {
    font-size: 22px
}

.grail-btn>.grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-btn>.grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 22px
}

.grail-btn>.grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-btn>.grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((22 - 4 * 2) / 22) / ((30 - 8 * 2) / 30)))
}

.grail-btn>.grail-btn-inner-icon .grail-icon[grail-type="40-0"],.grail-btn>.grail-btn-inner-icon[grail-type="40-0"] {
    font-size: 22px
}

.grail-btn>.grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-btn>.grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 22px
}

.grail-btn>.grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-btn>.grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((22 - 4 * 2) / 22) / ((40 - 0 * 2) / 40)))
}

.grail-btn>.grail-btn-inner-icon .grail-icon[grail-type="48-2"],.grail-btn>.grail-btn-inner-icon[grail-type="48-2"] {
    font-size: 22px
}

.grail-btn>.grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-btn>.grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 22px
}

.grail-btn>.grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-btn>.grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((22 - 4 * 2) / 22) / ((48 - 2 * 2) / 48)))
}

.grail-btn>.grail-btn-inner-icon+span {
    margin-left: 12px
}

.grail-btn-shape-default {
    border-radius: 3px
}

.grail-btn-shape-no-radius {
    border-radius: 0
}

.grail-btn-size-xs {
    font-size: 12px;
    line-height: 20px;
    padding: 4px 20px;
    min-width: 76px;
    min-height: 28px
}

.grail-btn-size-xs.grail-btn-shape-round {
    border-radius: 28px
}

.grail-btn-size-small {
    font-size: 14px;
    line-height: 20px;
    padding: 4px 20px;
    min-width: 76px;
    min-height: 28px
}

.grail-btn-size-small.grail-btn-shape-round {
    border-radius: 28px
}

.grail-btn-size-middle {
    font-size: 14px;
    line-height: 20px;
    padding: 6px 24px;
    min-width: 92px;
    min-height: 32px
}

.grail-btn-size-middle.grail-btn-shape-round {
    border-radius: 32px
}

.grail-btn-size-large {
    font-size: 16px;
    line-height: 22px;
    padding: 9px 28px;
    min-width: 112px;
    min-height: 40px
}

.grail-btn-size-large.grail-btn-shape-round {
    border-radius: 40px
}

.grail-btn-loading {
    position: relative;
    cursor: default
}

.grail-btn-loading>span[class$=loading-icon] {
    display: none!important
}

.grail-btn-loading>span:not([class$="loading-icon"]) {
    visibility: hidden
}

.grail-btn-loading-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    font-size: 22px;
    display: flex
}

.grail-btn-loading-white,.grail-btn-loading-black {
    display: none
}

.grail-btn-type-default .grail-btn-loading-white {
    color: #4d4d4d;
    display: none
}

.grail-btn-type-default .grail-btn-loading-black {
    color: #4d4d4d;
    display: inline-block
}

.grail-btn-type-normal .grail-btn-loading-white {
    color: #4d4d4d;
    display: none
}

.grail-btn-type-normal .grail-btn-loading-black {
    color: #4d4d4d;
    display: inline-block
}

.grail-btn-type-primary .grail-btn-loading-white {
    color: #fff;
    display: inline-block
}

.grail-btn-type-primary .grail-btn-loading-black {
    color: #fff;
    display: none
}

.grail-btn-type-secondary .grail-btn-loading-white {
    color: #fff;
    display: inline-block
}

.grail-btn-type-secondary .grail-btn-loading-black {
    color: #fff;
    display: none
}

.grail-btn-type-danger .grail-btn-loading-white {
    color: #fff;
    display: inline-block
}

.grail-btn-type-danger .grail-btn-loading-black {
    color: #fff;
    display: none
}

.grail-btn-type-vip .grail-btn-loading-white {
    color: #553b29;
    display: none
}

.grail-btn-type-vip .grail-btn-loading-black {
    color: #553b29;
    display: inline-block
}

.grail-btn-type-vip_pro .grail-btn-loading-white {
    color: #ffecad;
    display: inline-block
}

.grail-btn-type-vip_pro .grail-btn-loading-black {
    color: #ffecad;
    display: none
}

.grail-btn-type-half_opacity .grail-btn-loading-white {
    color: #fff;
    display: inline-block
}

.grail-btn-type-half_opacity .grail-btn-loading-black {
    color: #fff;
    display: none
}

.grail-btn-type-literature_half .grail-btn-loading-white {
    color: #ffffffeb;
    display: inline-block
}

.grail-btn-type-literature_half .grail-btn-loading-black {
    color: #ffffffeb;
    display: none
}

.grail-btn-type-text .grail-btn-loading-white {
    color: #4d4d4d;
    display: none
}

.grail-btn-type-text .grail-btn-loading-black {
    color: #4d4d4d;
    display: inline-block
}

.grail-btn-type-link_fill_primary .grail-btn-loading-white {
    color: #00cca2;
    display: none
}

.grail-btn-type-link_fill_primary .grail-btn-loading-black {
    color: #00cca2;
    display: inline-block
}

.grail-btn-type-special .grail-btn-loading-white {
    color: #fff;
    display: inline-block
}

.grail-btn-type-special .grail-btn-loading-black {
    color: #fff;
    display: none
}

.grail-btn-type-literature .grail-btn-loading-white {
    color: #fff;
    display: inline-block
}

.grail-btn-type-literature .grail-btn-loading-black {
    color: #fff;
    display: none
}

.grail-btn-type-literature_activity .grail-btn-loading-white {
    color: #fff;
    display: inline-block
}

.grail-btn-type-literature_activity .grail-btn-loading-black {
    color: #fff;
    display: none
}

body.theme-dark .grail-btn-type-default {
    --grail-btn-color: #B4B4B4;
    --grail-btn-icon-color: #B4B4B4;
    --grail-btn-border-color: #4B4B4B;
    --grail-btn-background-color: #4B4B4B;
    --grail-btn-hover-color: #B4B4B4;
    --grail-btn-hover-icon-color: #B4B4B4;
    --grail-btn-hover-border-color: #4B4B4B;
    --grail-btn-hover-background-color: #4B4B4B;
    --grail-btn-active-color: #B4B4B4;
    --grail-btn-active-icon-color: #B4B4B4;
    --grail-btn-active-border-color: #3C3C3C;
    --grail-btn-active-background-color: #3C3C3C;
    --grail-btn-loading-color: #B4B4B4;
    --grail-btn-loading-icon-color: #B4B4B4;
    --grail-btn-loading-border-color: #4B4B4B;
    --grail-btn-loading-background-color: #4B4B4B;
    --grail-btn-disabled-color: #646464;
    --grail-btn-disabled-icon-color: #646464;
    --grail-btn-disabled-border-color: #3C3C3C;
    --grail-btn-disabled-background-color: #3C3C3C
}

body.theme-dark .grail-btn-type-default .grail-btn-loading-white {
    color: #b4b4b4;
    display: inline-block
}

body.theme-dark .grail-btn-type-default .grail-btn-loading-black {
    color: #b4b4b4;
    display: none
}

body.theme-dark .grail-btn-type-normal {
    --grail-btn-color: #B4B4B4;
    --grail-btn-icon-color: #B4B4B4;
    --grail-btn-border-color: #4B4B4B;
    --grail-btn-background-color: #4B4B4B;
    --grail-btn-hover-color: #B4B4B4;
    --grail-btn-hover-icon-color: #B4B4B4;
    --grail-btn-hover-border-color: #4B4B4B;
    --grail-btn-hover-background-color: #4B4B4B;
    --grail-btn-active-color: #B4B4B4;
    --grail-btn-active-icon-color: #B4B4B4;
    --grail-btn-active-border-color: #3C3C3C;
    --grail-btn-active-background-color: #3C3C3C;
    --grail-btn-loading-color: #B4B4B4;
    --grail-btn-loading-icon-color: #B4B4B4;
    --grail-btn-loading-border-color: #4B4B4B;
    --grail-btn-loading-background-color: #4B4B4B;
    --grail-btn-disabled-color: #646464;
    --grail-btn-disabled-icon-color: #646464;
    --grail-btn-disabled-border-color: #3C3C3C;
    --grail-btn-disabled-background-color: #3C3C3C
}

body.theme-dark .grail-btn-type-normal .grail-btn-loading-white {
    color: #b4b4b4;
    display: inline-block
}

body.theme-dark .grail-btn-type-normal .grail-btn-loading-black {
    color: #b4b4b4;
    display: none
}

body.theme-dark .grail-btn-type-text {
    --grail-btn-color: #B4B4B4;
    --grail-btn-icon-color: #B4B4B4;
    --grail-btn-border-color: #4B4B4B;
    --grail-btn-background-color: #4B4B4B;
    --grail-btn-hover-color: #B4B4B4;
    --grail-btn-hover-icon-color: #B4B4B4;
    --grail-btn-hover-border-color: #4B4B4B;
    --grail-btn-hover-background-color: #4B4B4B;
    --grail-btn-active-color: #B4B4B4;
    --grail-btn-active-icon-color: #B4B4B4;
    --grail-btn-active-border-color: #3C3C3C;
    --grail-btn-active-background-color: #3C3C3C;
    --grail-btn-loading-color: #B4B4B4;
    --grail-btn-loading-icon-color: #B4B4B4;
    --grail-btn-loading-border-color: #4B4B4B;
    --grail-btn-loading-background-color: #4B4B4B;
    --grail-btn-disabled-color: #646464;
    --grail-btn-disabled-icon-color: #646464;
    --grail-btn-disabled-border-color: #3C3C3C;
    --grail-btn-disabled-background-color: #3C3C3C
}

body.theme-dark .grail-btn-type-text .grail-btn-loading-white {
    color: #b4b4b4;
    display: inline-block
}

body.theme-dark .grail-btn-type-text .grail-btn-loading-black {
    color: #b4b4b4;
    display: none
}

body.theme-dark .grail-btn-type-primary {
    --grail-btn-color: #191919;
    --grail-btn-icon-color: #191919;
    --grail-btn-border-color: #00DFB0;
    --grail-btn-background-color: #00DFB0;
    --grail-btn-hover-color: #191919;
    --grail-btn-hover-icon-color: #191919;
    --grail-btn-hover-border-color: #00DFB0;
    --grail-btn-hover-background-color: #00DFB0;
    --grail-btn-active-color: #191919;
    --grail-btn-active-icon-color: #191919;
    --grail-btn-active-border-color: #00C79D;
    --grail-btn-active-background-color: #00C79D;
    --grail-btn-loading-color: #191919;
    --grail-btn-loading-icon-color: #191919;
    --grail-btn-loading-border-color: #00DFB0;
    --grail-btn-loading-background-color: #00DFB0;
    --grail-btn-disabled-color: #646464;
    --grail-btn-disabled-icon-color: #646464;
    --grail-btn-disabled-border-color: #3C3C3C;
    --grail-btn-disabled-background-color: #3C3C3C
}

body.theme-dark .grail-btn-type-primary .grail-btn-loading-white {
    color: #191919;
    display: none
}

body.theme-dark .grail-btn-type-primary .grail-btn-loading-black {
    color: #191919;
    display: inline-block
}

body.theme-dark .grail-btn-type-link_fill_primary {
    --grail-btn-color: #00DFB0;
    --grail-btn-icon-color: #00DFB0;
    --grail-btn-border-color: transparent;
    --grail-btn-background-color: transparent;
    --grail-btn-hover-color: #00DFB0;
    --grail-btn-hover-icon-color: #00DFB0;
    --grail-btn-hover-border-color: transparent;
    --grail-btn-hover-background-color: rgba(0, 223, 176, .2);
    --grail-btn-active-color: #00DFB0;
    --grail-btn-active-icon-color: #00DFB0;
    --grail-btn-active-border-color: transparent;
    --grail-btn-active-background-color: rgba(0, 223, 176, .4);
    --grail-btn-loading-color: #B4B4B4;
    --grail-btn-loading-icon-color: #B4B4B4;
    --grail-btn-loading-border-color: #4B4B4B;
    --grail-btn-loading-background-color: #4B4B4B;
    --grail-btn-disabled-color: #646464;
    --grail-btn-disabled-icon-color: #646464;
    --grail-btn-disabled-border-color: #3C3C3C;
    --grail-btn-disabled-background-color: #3C3C3C
}

body.theme-dark .grail-btn-type-link_fill_primary .grail-btn-loading-white {
    color: #b4b4b4;
    display: inline-block
}

body.theme-dark .grail-btn-type-link_fill_primary .grail-btn-loading-black {
    color: #b4b4b4;
    display: none
}

body.theme-dark .grail-btn-type-default,body.theme-dark .grail-btn-type-normal,body.theme-dark .grail-btn-type-primary,body.theme-dark .grail-btn-type-secondary,body.theme-dark .grail-btn-type-danger,body.theme-dark .grail-btn-type-vip,body.theme-dark .grail-btn-type-vip_pro,body.theme-dark .grail-btn-type-half_opacity,body.theme-dark .grail-btn-type-literature_half,body.theme-dark .grail-btn-type-text,body.theme-dark .grail-btn-type-link_fill_primary,body.theme-dark .grail-btn-type-special,body.theme-dark .grail-btn-type-literature,body.theme-dark .grail-btn-type-literature_activity {
    --grail-btn-disabled-color: #646464;
    --grail-btn-disabled-icon-color: #646464;
    --grail-btn-disabled-border-color: #3C3C3C;
    --grail-btn-disabled-background-color: #3C3C3C
}

body.theme-dark .grail-btn-type-text {
    --grail-btn-background-color: transparent;
    --grail-btn-border-color: transparent;
    --grail-btn-hover-border-color: transparent;
    --grail-btn-active-border-color: transparent;
    --grail-btn-disabled-border-color: transparent;
    --grail-btn-disabled-background-color: transparent
}

body.theme-dark .grail-btn-type-half_opacity {
    --grail-btn-color: #ffffff;
    --grail-btn-icon-color: #ffffff;
    --grail-btn-border-color: transparent;
    --grail-btn-background-color: rgba(0, 0, 0, .6);
    --grail-btn-hover-color: #ffffff;
    --grail-btn-hover-icon-color: #ffffff;
    --grail-btn-hover-border-color: transparent;
    --grail-btn-hover-background-color: rgba(0, 0, 0, .48);
    --grail-btn-active-color: #ffffff;
    --grail-btn-active-icon-color: #ffffff;
    --grail-btn-active-border-color: transparent;
    --grail-btn-active-background-color: rgba(0, 0, 0, .54);
    --grail-btn-loading-color: #ffffff;
    --grail-btn-loading-icon-color: #ffffff;
    --grail-btn-loading-border-color: transparent;
    --grail-btn-loading-background-color: rgba(0, 0, 0, .6);
    --grail-btn-disabled-color: #646464;
    --grail-btn-disabled-icon-color: #646464;
    --grail-btn-disabled-border-color: transparent;
    --grail-btn-disabled-background-color: #3c3c3c
}

body.theme-dark .grail-btn-type-half_opacity .grail-btn-loading-white {
    color: #fff;
    display: inline-block
}

body.theme-dark .grail-btn-type-half_opacity .grail-btn-loading-black {
    color: #fff;
    display: none
}

body .theme-aigc .grail-btn .grail-btn-type-default,body.theme-aigc .grail-btn .grail-btn-type-default,body .theme-aigc.grail-btn .grail-btn-type-default {
    --grail-btn-color: rgba(0, 0, 0, .6);
    --grail-btn-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-border-color: rgba(0, 0, 0, .06);
    --grail-btn-background-color: transparent;
    --grail-btn-hover-color: rgba(0, 0, 0, .6);
    --grail-btn-hover-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-hover-border-color: rgba(0, 0, 0, .06);
    --grail-btn-hover-background-color: #F5F5F5;
    --grail-btn-active-color: rgba(0, 0, 0, .6);
    --grail-btn-active-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-active-border-color: rgba(0, 0, 0, .06);
    --grail-btn-active-background-color: #EBEBEB;
    --grail-btn-loading-color: rgba(0, 0, 0, .6);
    --grail-btn-loading-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-loading-border-color: rgba(0, 0, 0, .06);
    --grail-btn-loading-background-color: #ffffff;
    --grail-btn-disabled-color: rgba(0, 0, 0, .2);
    --grail-btn-disabled-icon-color: rgba(0, 0, 0, .2);
    --grail-btn-disabled-border-color: rgba(0, 0, 0, .06);
    --grail-btn-disabled-background-color: transparent
}

body .theme-aigc .grail-btn .grail-btn-type-default .grail-btn-loading-white,body.theme-aigc .grail-btn .grail-btn-type-default .grail-btn-loading-white,body .theme-aigc.grail-btn .grail-btn-type-default .grail-btn-loading-white {
    color: #0009;
    display: none
}

body .theme-aigc .grail-btn .grail-btn-type-default .grail-btn-loading-black,body.theme-aigc .grail-btn .grail-btn-type-default .grail-btn-loading-black,body .theme-aigc.grail-btn .grail-btn-type-default .grail-btn-loading-black {
    color: #0009;
    display: inline-block
}

body .theme-aigc .grail-btn .grail-btn-type-normal,body.theme-aigc .grail-btn .grail-btn-type-normal,body .theme-aigc.grail-btn .grail-btn-type-normal {
    --grail-btn-color: rgba(0, 0, 0, .6);
    --grail-btn-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-border-color: #F5F5F5;
    --grail-btn-background-color: #F5F5F5;
    --grail-btn-hover-color: rgba(0, 0, 0, .6);
    --grail-btn-hover-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-hover-border-color: #EBEBEB;
    --grail-btn-hover-background-color: #EBEBEB;
    --grail-btn-active-color: rgba(0, 0, 0, .6);
    --grail-btn-active-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-active-border-color: #E0E0E0;
    --grail-btn-active-background-color: #E0E0E0;
    --grail-btn-loading-color: rgba(0, 0, 0, .6);
    --grail-btn-loading-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-loading-border-color: #F5F5F5;
    --grail-btn-loading-background-color: #F5F5F5;
    --grail-btn-disabled-color: rgba(0, 0, 0, .2);
    --grail-btn-disabled-icon-color: rgba(0, 0, 0, .2);
    --grail-btn-disabled-border-color: #F5F5F5;
    --grail-btn-disabled-background-color: #F5F5F5
}

body .theme-aigc .grail-btn .grail-btn-type-normal .grail-btn-loading-white,body.theme-aigc .grail-btn .grail-btn-type-normal .grail-btn-loading-white,body .theme-aigc.grail-btn .grail-btn-type-normal .grail-btn-loading-white {
    color: #0009;
    display: none
}

body .theme-aigc .grail-btn .grail-btn-type-normal .grail-btn-loading-black,body.theme-aigc .grail-btn .grail-btn-type-normal .grail-btn-loading-black,body .theme-aigc.grail-btn .grail-btn-type-normal .grail-btn-loading-black {
    color: #0009;
    display: inline-block
}

body .theme-aigc .grail-btn .grail-btn-type-text,body.theme-aigc .grail-btn .grail-btn-type-text,body .theme-aigc.grail-btn .grail-btn-type-text {
    --grail-btn-color: rgba(0, 0, 0, .6);
    --grail-btn-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-border-color: rgba(0, 0, 0, .06);
    --grail-btn-background-color: transparent;
    --grail-btn-hover-color: rgba(0, 0, 0, .6);
    --grail-btn-hover-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-hover-border-color: rgba(0, 0, 0, .06);
    --grail-btn-hover-background-color: #F5F5F5;
    --grail-btn-active-color: rgba(0, 0, 0, .6);
    --grail-btn-active-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-active-border-color: rgba(0, 0, 0, .06);
    --grail-btn-active-background-color: #EBEBEB;
    --grail-btn-loading-color: rgba(0, 0, 0, .6);
    --grail-btn-loading-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-loading-border-color: rgba(0, 0, 0, .06);
    --grail-btn-loading-background-color: #ffffff;
    --grail-btn-disabled-color: rgba(0, 0, 0, .2);
    --grail-btn-disabled-icon-color: rgba(0, 0, 0, .2);
    --grail-btn-disabled-border-color: rgba(0, 0, 0, .06);
    --grail-btn-disabled-background-color: transparent
}

body .theme-aigc .grail-btn .grail-btn-type-text .grail-btn-loading-white,body.theme-aigc .grail-btn .grail-btn-type-text .grail-btn-loading-white,body .theme-aigc.grail-btn .grail-btn-type-text .grail-btn-loading-white {
    color: #0009;
    display: none
}

body .theme-aigc .grail-btn .grail-btn-type-text .grail-btn-loading-black,body.theme-aigc .grail-btn .grail-btn-type-text .grail-btn-loading-black,body .theme-aigc.grail-btn .grail-btn-type-text .grail-btn-loading-black {
    color: #0009;
    display: inline-block
}

body .theme-aigc .grail-btn-type-text,body.theme-aigc .grail-btn-type-text,body .theme-aigc.grail-btn-type-text {
    --grail-btn-background-color: transparent;
    --grail-btn-border-color: transparent;
    --grail-btn-hover-border-color: transparent;
    --grail-btn-active-border-color: transparent;
    --grail-btn-disabled-border-color: transparent;
    --grail-btn-disabled-background-color: transparent
}

body .theme-aigc .grail-btn .grail-btn-type-primary,body.theme-aigc .grail-btn .grail-btn-type-primary,body .theme-aigc.grail-btn .grail-btn-type-primary {
    --grail-btn-color: #ffffff;
    --grail-btn-icon-color: #ffffff;
    --grail-btn-border-color: #00CCA2;
    --grail-btn-background-color: #00CCA2;
    --grail-btn-hover-color: #ffffff;
    --grail-btn-hover-icon-color: #ffffff;
    --grail-btn-hover-border-color: #00B28E;
    --grail-btn-hover-background-color: #00B28E;
    --grail-btn-active-color: #ffffff;
    --grail-btn-active-icon-color: #ffffff;
    --grail-btn-active-border-color: #00997A;
    --grail-btn-active-background-color: #00997A;
    --grail-btn-loading-color: #ffffff;
    --grail-btn-loading-icon-color: #ffffff;
    --grail-btn-loading-border-color: #00CCA2;
    --grail-btn-loading-background-color: #00CCA2;
    --grail-btn-disabled-color: #ffffff;
    --grail-btn-disabled-icon-color: #ffffff;
    --grail-btn-disabled-border-color: #b3ebda;
    --grail-btn-disabled-background-color: #b3ebda
}

body .theme-aigc .grail-btn .grail-btn-type-primary .grail-btn-loading-white,body.theme-aigc .grail-btn .grail-btn-type-primary .grail-btn-loading-white,body .theme-aigc.grail-btn .grail-btn-type-primary .grail-btn-loading-white {
    color: #fff;
    display: inline-block
}

body .theme-aigc .grail-btn .grail-btn-type-primary .grail-btn-loading-black,body.theme-aigc .grail-btn .grail-btn-type-primary .grail-btn-loading-black,body .theme-aigc.grail-btn .grail-btn-type-primary .grail-btn-loading-black {
    color: #fff;
    display: none
}

body .theme-aigc .grail-btn .grail-btn-type-half_opacity,body.theme-aigc .grail-btn .grail-btn-type-half_opacity,body .theme-aigc.grail-btn .grail-btn-type-half_opacity {
    --grail-btn-color: rgba(255, 255, 255, .6);
    --grail-btn-icon-color: rgba(255, 255, 255, .6);
    --grail-btn-border-color: transparent;
    --grail-btn-background-color: rgba(0, 0, 0, .2);
    --grail-btn-hover-color: #ffffff;
    --grail-btn-hover-icon-color: #ffffff;
    --grail-btn-hover-border-color: transparent;
    --grail-btn-hover-background-color: rgba(0, 0, 0, .2);
    --grail-btn-active-color: #ffffff;
    --grail-btn-active-icon-color: #ffffff;
    --grail-btn-active-border-color: transparent;
    --grail-btn-active-background-color: rgba(0, 0, 0, .3);
    --grail-btn-loading-color: #ffffff;
    --grail-btn-loading-icon-color: #ffffff;
    --grail-btn-loading-border-color: transparent;
    --grail-btn-loading-background-color: rgba(0, 0, 0, .2);
    --grail-btn-disabled-color: rgba(255, 255, 255, .2);
    --grail-btn-disabled-icon-color: rgba(255, 255, 255, .2);
    --grail-btn-disabled-border-color: transparent;
    --grail-btn-disabled-background-color: rgba(0, 0, 0, .2)
}

body .theme-aigc .grail-btn .grail-btn-type-half_opacity .grail-btn-loading-white,body.theme-aigc .grail-btn .grail-btn-type-half_opacity .grail-btn-loading-white,body .theme-aigc.grail-btn .grail-btn-type-half_opacity .grail-btn-loading-white {
    color: #fff9;
    display: inline-block
}

body .theme-aigc .grail-btn .grail-btn-type-half_opacity .grail-btn-loading-black,body.theme-aigc .grail-btn .grail-btn-type-half_opacity .grail-btn-loading-black,body .theme-aigc.grail-btn .grail-btn-type-half_opacity .grail-btn-loading-black {
    color: #fff9;
    display: none
}

body .theme-aigc .grail-btn .grail-btn-type-link_fill_primary,body.theme-aigc .grail-btn .grail-btn-type-link_fill_primary,body .theme-aigc.grail-btn .grail-btn-type-link_fill_primary {
    --grail-btn-color: #00CCA2;
    --grail-btn-icon-color: #00CCA2;
    --grail-btn-border-color: transparent;
    --grail-btn-background-color: transparent;
    --grail-btn-hover-color: #00CCA2;
    --grail-btn-hover-icon-color: #00CCA2;
    --grail-btn-hover-border-color: transparent;
    --grail-btn-hover-background-color: rgba(0, 204, 162, .1);
    --grail-btn-active-color: #00CCA2;
    --grail-btn-active-icon-color: #00CCA2;
    --grail-btn-active-border-color: transparent;
    --grail-btn-active-background-color: rgba(0, 204, 162, .2);
    --grail-btn-loading-color: #00CCA2;
    --grail-btn-loading-icon-color: #00CCA2;
    --grail-btn-loading-border-color: rgba(0, 0, 0, .06);
    --grail-btn-loading-background-color: transparent;
    --grail-btn-disabled-color: rgba(0, 204, 162, .4);
    --grail-btn-disabled-icon-color: rgba(0, 204, 162, .4);
    --grail-btn-disabled-border-color: transparent;
    --grail-btn-disabled-background-color: transparent
}

body .theme-aigc .grail-btn .grail-btn-type-link_fill_primary .grail-btn-loading-white,body.theme-aigc .grail-btn .grail-btn-type-link_fill_primary .grail-btn-loading-white,body .theme-aigc.grail-btn .grail-btn-type-link_fill_primary .grail-btn-loading-white {
    color: #00cca2;
    display: none
}

body .theme-aigc .grail-btn .grail-btn-type-link_fill_primary .grail-btn-loading-black,body.theme-aigc .grail-btn .grail-btn-type-link_fill_primary .grail-btn-loading-black,body .theme-aigc.grail-btn .grail-btn-type-link_fill_primary .grail-btn-loading-black {
    color: #00cca2;
    display: inline-block
}

body .theme-aigc .grail-btn-type-half_opacity,body.theme-aigc .grail-btn-type-half_opacity,body .theme-aigc.grail-btn-type-half_opacity {
    backdrop-filter: blur(10px)
}

body .theme-aigc .grail-btn-shape-default,body.theme-aigc .grail-btn-shape-default,body .theme-aigc.grail-btn-shape-default {
    border-radius: 6px
}

body .theme-aigc .grail-btn-size-xs,body.theme-aigc .grail-btn-size-xs,body .theme-aigc.grail-btn-size-xs {
    padding: 2px 8px;
    min-width: 40px;
    min-height: 24px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

body .theme-aigc .grail-btn-size-xs.grail-btn-shape-default,body.theme-aigc .grail-btn-size-xs.grail-btn-shape-default,body .theme-aigc.grail-btn-size-xs.grail-btn-shape-default {
    border-radius: 4px
}

body .theme-aigc .grail-btn-size-xs.grail-btn-shape-round,body.theme-aigc .grail-btn-size-xs.grail-btn-shape-round,body .theme-aigc.grail-btn-size-xs.grail-btn-shape-round {
    border-radius: 24px
}

body .theme-aigc .grail-btn-size-small,body.theme-aigc .grail-btn-size-small,body .theme-aigc.grail-btn-size-small {
    padding: 5px 16px;
    min-width: 76px;
    min-height: 32px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

body .theme-aigc .grail-btn-size-small.grail-btn-shape-default,body.theme-aigc .grail-btn-size-small.grail-btn-shape-default,body .theme-aigc.grail-btn-size-small.grail-btn-shape-default {
    border-radius: 6px
}

body .theme-aigc .grail-btn-size-small.grail-btn-shape-round,body.theme-aigc .grail-btn-size-small.grail-btn-shape-round,body .theme-aigc.grail-btn-size-small.grail-btn-shape-round {
    border-radius: 32px
}

body .theme-aigc .grail-btn-size-middle,body.theme-aigc .grail-btn-size-middle,body .theme-aigc.grail-btn-size-middle {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    padding: 9px 16px;
    min-width: 92px;
    min-height: 40px
}

body .theme-aigc .grail-btn-size-middle.grail-btn-shape-default,body.theme-aigc .grail-btn-size-middle.grail-btn-shape-default,body .theme-aigc.grail-btn-size-middle.grail-btn-shape-default {
    border-radius: 8px
}

body .theme-aigc .grail-btn-size-middle.grail-btn-shape-round,body.theme-aigc .grail-btn-size-middle.grail-btn-shape-round,body .theme-aigc.grail-btn-size-middle.grail-btn-shape-round {
    border-radius: 40px
}

body .theme-aigc .grail-btn-size-large,body.theme-aigc .grail-btn-size-large,body .theme-aigc.grail-btn-size-large {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    padding: 13px 16px;
    min-width: 112px;
    min-height: 48px
}

body .theme-aigc .grail-btn-size-large.grail-btn-shape-default,body.theme-aigc .grail-btn-size-large.grail-btn-shape-default,body .theme-aigc.grail-btn-size-large.grail-btn-shape-default {
    border-radius: 8px
}

body .theme-aigc .grail-btn-size-large.grail-btn-shape-round,body.theme-aigc .grail-btn-size-large.grail-btn-shape-round,body .theme-aigc.grail-btn-size-large.grail-btn-shape-round {
    border-radius: 48px
}

body .theme-aigc .grail-btn-inner-icon,body.theme-aigc .grail-btn-inner-icon,body .theme-aigc.grail-btn-inner-icon {
    font-size: 20px;
    margin: 0
}

body .theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="20-4"],body.theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="20-4"],body .theme-aigc.grail-btn-inner-icon .grail-icon[grail-type="20-4"],body .theme-aigc .grail-btn-inner-icon[grail-type="20-4"],body.theme-aigc .grail-btn-inner-icon[grail-type="20-4"],body .theme-aigc.grail-btn-inner-icon[grail-type="20-4"] {
    font-size: 20px
}

body .theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body .theme-aigc.grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body .theme-aigc .grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale]),body .theme-aigc.grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 20px
}

body .theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body .theme-aigc.grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body .theme-aigc .grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale])>span,body .theme-aigc.grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body .theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="22-4"],body.theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="22-4"],body .theme-aigc.grail-btn-inner-icon .grail-icon[grail-type="22-4"],body .theme-aigc .grail-btn-inner-icon[grail-type="22-4"],body.theme-aigc .grail-btn-inner-icon[grail-type="22-4"],body .theme-aigc.grail-btn-inner-icon[grail-type="22-4"] {
    font-size: 20px
}

body .theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body .theme-aigc.grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body .theme-aigc .grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale]),body .theme-aigc.grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 20px
}

body .theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body .theme-aigc.grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body .theme-aigc .grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale])>span,body .theme-aigc.grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body .theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="24-3"],body.theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="24-3"],body .theme-aigc.grail-btn-inner-icon .grail-icon[grail-type="24-3"],body .theme-aigc .grail-btn-inner-icon[grail-type="24-3"],body.theme-aigc .grail-btn-inner-icon[grail-type="24-3"],body .theme-aigc.grail-btn-inner-icon[grail-type="24-3"] {
    font-size: 20px
}

body .theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body .theme-aigc.grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body .theme-aigc .grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale]),body .theme-aigc.grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 20px
}

body .theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body .theme-aigc.grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body .theme-aigc .grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale])>span,body .theme-aigc.grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body .theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="30-8"],body.theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="30-8"],body .theme-aigc.grail-btn-inner-icon .grail-icon[grail-type="30-8"],body .theme-aigc .grail-btn-inner-icon[grail-type="30-8"],body.theme-aigc .grail-btn-inner-icon[grail-type="30-8"],body .theme-aigc.grail-btn-inner-icon[grail-type="30-8"] {
    font-size: 20px
}

body .theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body .theme-aigc.grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body .theme-aigc .grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale]),body .theme-aigc.grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 20px
}

body .theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body .theme-aigc.grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body .theme-aigc .grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale])>span,body .theme-aigc.grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body .theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="40-0"],body.theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="40-0"],body .theme-aigc.grail-btn-inner-icon .grail-icon[grail-type="40-0"],body .theme-aigc .grail-btn-inner-icon[grail-type="40-0"],body.theme-aigc .grail-btn-inner-icon[grail-type="40-0"],body .theme-aigc.grail-btn-inner-icon[grail-type="40-0"] {
    font-size: 20px
}

body .theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body .theme-aigc.grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body .theme-aigc .grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale]),body .theme-aigc.grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 20px
}

body .theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body .theme-aigc.grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body .theme-aigc .grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale])>span,body .theme-aigc.grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body .theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="48-2"],body.theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="48-2"],body .theme-aigc.grail-btn-inner-icon .grail-icon[grail-type="48-2"],body .theme-aigc .grail-btn-inner-icon[grail-type="48-2"],body.theme-aigc .grail-btn-inner-icon[grail-type="48-2"],body .theme-aigc.grail-btn-inner-icon[grail-type="48-2"] {
    font-size: 20px
}

body .theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body .theme-aigc.grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body .theme-aigc .grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale]),body .theme-aigc.grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 20px
}

body .theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body .theme-aigc.grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body .theme-aigc .grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale])>span,body .theme-aigc.grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body .theme-aigc .grail-btn-inner-icon+span,body.theme-aigc .grail-btn-inner-icon+span,body .theme-aigc.grail-btn-inner-icon+span {
    margin-left: 4px
}

body .theme-aigc .grail-btn-icon-direction-right,body.theme-aigc .grail-btn-icon-direction-right,body .theme-aigc.grail-btn-icon-direction-right {
    flex-direction: row-reverse
}

body .theme-aigc .grail-btn-icon-direction-right .grail-btn-inner-icon+span,body.theme-aigc .grail-btn-icon-direction-right .grail-btn-inner-icon+span,body .theme-aigc.grail-btn-icon-direction-right .grail-btn-inner-icon+span {
    margin-left: 0;
    margin-right: 4px
}

body.theme-literature .grail-btn .grail-btn-type-default {
    --grail-btn-color: rgba(0, 0, 0, .6);
    --grail-btn-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-border-color: rgba(0, 0, 0, .06);
    --grail-btn-background-color: transparent;
    --grail-btn-hover-color: rgba(0, 0, 0, .6);
    --grail-btn-hover-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-hover-border-color: rgba(0, 0, 0, .06);
    --grail-btn-hover-background-color: #F5F5F5;
    --grail-btn-active-color: rgba(0, 0, 0, .6);
    --grail-btn-active-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-active-border-color: rgba(0, 0, 0, .06);
    --grail-btn-active-background-color: #EBEBEB;
    --grail-btn-loading-color: rgba(0, 0, 0, .6);
    --grail-btn-loading-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-loading-border-color: rgba(0, 0, 0, .06);
    --grail-btn-loading-background-color: #ffffff;
    --grail-btn-disabled-color: rgba(0, 0, 0, .2);
    --grail-btn-disabled-icon-color: rgba(0, 0, 0, .2);
    --grail-btn-disabled-border-color: rgba(0, 0, 0, .06);
    --grail-btn-disabled-background-color: transparent
}

body.theme-literature .grail-btn .grail-btn-type-default .grail-btn-loading-white {
    color: #0009;
    display: none
}

body.theme-literature .grail-btn .grail-btn-type-default .grail-btn-loading-black {
    color: #0009;
    display: inline-block
}

body.theme-literature .grail-btn .grail-btn-type-normal {
    --grail-btn-color: rgba(0, 0, 0, .6);
    --grail-btn-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-border-color: #F5F5F5;
    --grail-btn-background-color: #F5F5F5;
    --grail-btn-hover-color: rgba(0, 0, 0, .6);
    --grail-btn-hover-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-hover-border-color: #EBEBEB;
    --grail-btn-hover-background-color: #EBEBEB;
    --grail-btn-active-color: rgba(0, 0, 0, .6);
    --grail-btn-active-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-active-border-color: #E0E0E0;
    --grail-btn-active-background-color: #E0E0E0;
    --grail-btn-loading-color: rgba(0, 0, 0, .6);
    --grail-btn-loading-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-loading-border-color: #F5F5F5;
    --grail-btn-loading-background-color: #F5F5F5;
    --grail-btn-disabled-color: rgba(0, 0, 0, .2);
    --grail-btn-disabled-icon-color: rgba(0, 0, 0, .2);
    --grail-btn-disabled-border-color: #F5F5F5;
    --grail-btn-disabled-background-color: #F5F5F5
}

body.theme-literature .grail-btn .grail-btn-type-normal .grail-btn-loading-white {
    color: #0009;
    display: none
}

body.theme-literature .grail-btn .grail-btn-type-normal .grail-btn-loading-black {
    color: #0009;
    display: inline-block
}

body.theme-literature .grail-btn .grail-btn-type-text {
    --grail-btn-color: rgba(0, 0, 0, .6);
    --grail-btn-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-border-color: rgba(0, 0, 0, .06);
    --grail-btn-background-color: transparent;
    --grail-btn-hover-color: rgba(0, 0, 0, .6);
    --grail-btn-hover-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-hover-border-color: rgba(0, 0, 0, .06);
    --grail-btn-hover-background-color: #F5F5F5;
    --grail-btn-active-color: rgba(0, 0, 0, .6);
    --grail-btn-active-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-active-border-color: rgba(0, 0, 0, .06);
    --grail-btn-active-background-color: #EBEBEB;
    --grail-btn-loading-color: rgba(0, 0, 0, .6);
    --grail-btn-loading-icon-color: rgba(0, 0, 0, .6);
    --grail-btn-loading-border-color: rgba(0, 0, 0, .06);
    --grail-btn-loading-background-color: #ffffff;
    --grail-btn-disabled-color: rgba(0, 0, 0, .2);
    --grail-btn-disabled-icon-color: rgba(0, 0, 0, .2);
    --grail-btn-disabled-border-color: rgba(0, 0, 0, .06);
    --grail-btn-disabled-background-color: transparent
}

body.theme-literature .grail-btn .grail-btn-type-text .grail-btn-loading-white {
    color: #0009;
    display: none
}

body.theme-literature .grail-btn .grail-btn-type-text .grail-btn-loading-black {
    color: #0009;
    display: inline-block
}

body.theme-literature .grail-btn-type-text {
    --grail-btn-background-color: transparent;
    --grail-btn-border-color: transparent;
    --grail-btn-hover-border-color: transparent;
    --grail-btn-active-border-color: transparent;
    --grail-btn-disabled-border-color: transparent;
    --grail-btn-disabled-background-color: transparent
}

body.theme-literature .grail-btn .grail-btn-type-primary {
    --grail-btn-color: #ffffff;
    --grail-btn-icon-color: #ffffff;
    --grail-btn-border-color: #00CCA2;
    --grail-btn-background-color: #00CCA2;
    --grail-btn-hover-color: #ffffff;
    --grail-btn-hover-icon-color: #ffffff;
    --grail-btn-hover-border-color: #00B28E;
    --grail-btn-hover-background-color: #00B28E;
    --grail-btn-active-color: #ffffff;
    --grail-btn-active-icon-color: #ffffff;
    --grail-btn-active-border-color: #00997A;
    --grail-btn-active-background-color: #00997A;
    --grail-btn-loading-color: #ffffff;
    --grail-btn-loading-icon-color: #ffffff;
    --grail-btn-loading-border-color: #00CCA2;
    --grail-btn-loading-background-color: #00CCA2;
    --grail-btn-disabled-color: #ffffff;
    --grail-btn-disabled-icon-color: #ffffff;
    --grail-btn-disabled-border-color: #b3ebda;
    --grail-btn-disabled-background-color: #b3ebda
}

body.theme-literature .grail-btn .grail-btn-type-primary .grail-btn-loading-white {
    color: #fff;
    display: inline-block
}

body.theme-literature .grail-btn .grail-btn-type-primary .grail-btn-loading-black {
    color: #fff;
    display: none
}

body.theme-literature .grail-btn .grail-btn-type-half_opacity {
    --grail-btn-color: rgba(255, 255, 255, .6);
    --grail-btn-icon-color: rgba(255, 255, 255, .6);
    --grail-btn-border-color: transparent;
    --grail-btn-background-color: rgba(0, 0, 0, .2);
    --grail-btn-hover-color: #ffffff;
    --grail-btn-hover-icon-color: #ffffff;
    --grail-btn-hover-border-color: transparent;
    --grail-btn-hover-background-color: rgba(0, 0, 0, .2);
    --grail-btn-active-color: #ffffff;
    --grail-btn-active-icon-color: #ffffff;
    --grail-btn-active-border-color: transparent;
    --grail-btn-active-background-color: rgba(0, 0, 0, .3);
    --grail-btn-loading-color: #ffffff;
    --grail-btn-loading-icon-color: #ffffff;
    --grail-btn-loading-border-color: transparent;
    --grail-btn-loading-background-color: rgba(0, 0, 0, .2);
    --grail-btn-disabled-color: rgba(255, 255, 255, .2);
    --grail-btn-disabled-icon-color: rgba(255, 255, 255, .2);
    --grail-btn-disabled-border-color: transparent;
    --grail-btn-disabled-background-color: rgba(0, 0, 0, .2)
}

body.theme-literature .grail-btn .grail-btn-type-half_opacity .grail-btn-loading-white {
    color: #fff9;
    display: inline-block
}

body.theme-literature .grail-btn .grail-btn-type-half_opacity .grail-btn-loading-black {
    color: #fff9;
    display: none
}

body.theme-literature .grail-btn .grail-btn-type-link_fill_primary {
    --grail-btn-color: #00CCA2;
    --grail-btn-icon-color: #00CCA2;
    --grail-btn-border-color: transparent;
    --grail-btn-background-color: transparent;
    --grail-btn-hover-color: #00CCA2;
    --grail-btn-hover-icon-color: #00CCA2;
    --grail-btn-hover-border-color: transparent;
    --grail-btn-hover-background-color: rgba(0, 204, 162, .1);
    --grail-btn-active-color: #00CCA2;
    --grail-btn-active-icon-color: #00CCA2;
    --grail-btn-active-border-color: transparent;
    --grail-btn-active-background-color: rgba(0, 204, 162, .2);
    --grail-btn-loading-color: #00CCA2;
    --grail-btn-loading-icon-color: #00CCA2;
    --grail-btn-loading-border-color: rgba(0, 0, 0, .06);
    --grail-btn-loading-background-color: transparent;
    --grail-btn-disabled-color: rgba(0, 204, 162, .4);
    --grail-btn-disabled-icon-color: rgba(0, 204, 162, .4);
    --grail-btn-disabled-border-color: transparent;
    --grail-btn-disabled-background-color: transparent
}

body.theme-literature .grail-btn .grail-btn-type-link_fill_primary .grail-btn-loading-white {
    color: #00cca2;
    display: none
}

body.theme-literature .grail-btn .grail-btn-type-link_fill_primary .grail-btn-loading-black {
    color: #00cca2;
    display: inline-block
}

body.theme-literature .grail-btn-type-half_opacity {
    backdrop-filter: blur(10px)
}

body.theme-literature .grail-btn-shape-default {
    border-radius: 6px
}

body.theme-literature .grail-btn-size-xs {
    padding: 2px;
    min-width: 48px;
    min-height: 22px;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px
}

body.theme-literature .grail-btn-size-xs.grail-btn-shape-default {
    border-radius: 4px
}

body.theme-literature .grail-btn-size-xs.grail-btn-shape-round {
    border-radius: 24px
}

body.theme-literature .grail-btn-size-small {
    padding: 3px 6px;
    min-width: 60px;
    min-height: 22px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

body.theme-literature .grail-btn-size-small.grail-btn-shape-default {
    border-radius: 4px
}

body.theme-literature .grail-btn-size-small.grail-btn-shape-round {
    border-radius: 32px
}

body.theme-literature .grail-btn-size-middle {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    padding: 9px 16px;
    min-width: 92px;
    min-height: 32px
}

body.theme-literature .grail-btn-size-middle.grail-btn-shape-default {
    border-radius: 4px
}

body.theme-literature .grail-btn-size-middle.grail-btn-shape-round {
    border-radius: 32px
}

body.theme-literature .grail-btn-size-large {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 5px 16px;
    min-width: 80px;
    min-height: 32px
}

body.theme-literature .grail-btn-size-large.grail-btn-shape-default {
    border-radius: 4px
}

body.theme-literature .grail-btn-size-large.grail-btn-shape-round {
    border-radius: 48px
}

body.theme-literature .grail-btn-inner-icon {
    font-size: 14px;
    margin: 0
}

body.theme-literature .grail-btn-inner-icon .grail-icon[grail-type="20-4"],body.theme-literature .grail-btn-inner-icon[grail-type="20-4"] {
    font-size: 14px
}

body.theme-literature .grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-literature .grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 14px
}

body.theme-literature .grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-literature .grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-literature .grail-btn-inner-icon .grail-icon[grail-type="22-4"],body.theme-literature .grail-btn-inner-icon[grail-type="22-4"] {
    font-size: 14px
}

body.theme-literature .grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-literature .grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 14px
}

body.theme-literature .grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-literature .grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-literature .grail-btn-inner-icon .grail-icon[grail-type="24-3"],body.theme-literature .grail-btn-inner-icon[grail-type="24-3"] {
    font-size: 14px
}

body.theme-literature .grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-literature .grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 14px
}

body.theme-literature .grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-literature .grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-literature .grail-btn-inner-icon .grail-icon[grail-type="30-8"],body.theme-literature .grail-btn-inner-icon[grail-type="30-8"] {
    font-size: 14px
}

body.theme-literature .grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-literature .grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 14px
}

body.theme-literature .grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-literature .grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-literature .grail-btn-inner-icon .grail-icon[grail-type="40-0"],body.theme-literature .grail-btn-inner-icon[grail-type="40-0"] {
    font-size: 14px
}

body.theme-literature .grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-literature .grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 14px
}

body.theme-literature .grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-literature .grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-literature .grail-btn-inner-icon .grail-icon[grail-type="48-2"],body.theme-literature .grail-btn-inner-icon[grail-type="48-2"] {
    font-size: 14px
}

body.theme-literature .grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-literature .grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 14px
}

body.theme-literature .grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-literature .grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-literature .grail-btn-inner-icon+span {
    margin-left: 4px
}

body.theme-literature .grail-btn-icon-direction-right {
    flex-direction: row-reverse
}

body.theme-literature .grail-btn-icon-direction-right .grail-btn-inner-icon+span {
    margin-left: 0;
    margin-right: 4px
}

.grail-icon-btn {
    --grail-icon-btn-actived-color: #00CCA2;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: none;
    box-shadow: none
}

.grail-icon-btn>.grail-btn-inner-icon {
    margin: 0
}

.grail-icon-btn>.grail-btn-inner-icon+span {
    margin: 0
}

.grail-icon-btn:active:not([disabled]):not(.grail-btn-loading),.grail-icon-btn:hover:not([disabled]):not(.grail-btn-loading) {
    box-shadow: none
}

.grail-icon-btn-type-inner {
    --grail-icon-type-inner-color: #4D4D4D;
    --grail-icon-type-inner-hover-color: rgba(77, 77, 77, .8);
    --grail-icon-type-inner-active-color: rgba(77, 77, 77, .8);
    --grail-icon-type-inner-disabled-color: #B3B3B3
}

.grail-icon-btn-type-inner,.grail-icon-btn-type-inner[disabled],.grail-icon-btn-type-inner:active,.grail-icon-btn-type-inner:hover {
    background: transparent!important;
    box-shadow: none
}

.grail-icon-btn-type-inner .grail-btn-inner-icon {
    color: var(--grail-icon-type-inner-color)
}

.grail-icon-btn-type-inner span.grail-icon-btn-text:not(.grail-btn-inner-icon) {
    background: var(--grail-icon-type-inner-color);
    -webkit-background-clip: text;
    background-clip: text
}

.grail-icon-btn-type-inner:hover:not([disabled]):not(.grail-btn-loading) .grail-btn-inner-icon {
    color: var(--grail-icon-type-inner-hover-color)
}

.grail-icon-btn-type-inner:hover:not([disabled]):not(.grail-btn-loading) span.grail-icon-btn-text:not(.grail-btn-inner-icon) {
    background: var(--grail-icon-type-inner-hover-color);
    -webkit-background-clip: text;
    background-clip: text
}

.grail-icon-btn-type-inner:active:not([disabled]):not(.grail-btn-loading) .grail-btn-inner-icon {
    color: var(--grail-icon-type-inner-active-color)
}

.grail-icon-btn-type-inner:active:not([disabled]):not(.grail-btn-loading) span.grail-icon-btn-text:not(.grail-btn-inner-icon) {
    background: var(--grail-icon-type-inner-active-color);
    -webkit-background-clip: text;
    background-clip: text
}

.grail-icon-btn-type-inner[disabled] .grail-btn-inner-icon {
    color: var(--grail-icon-type-inner-disabled-color)
}

.grail-icon-btn-type-inner[disabled] span.grail-icon-btn-text:not(.grail-btn-inner-icon) {
    background: var(--grail-icon-type-inner-disabled-color);
    -webkit-background-clip: text;
    background-clip: text
}

.grail-icon-btn-actived .grail-btn-inner-icon {
    color: var(--grail-icon-btn-actived-color)
}

.grail-icon-btn-actived span.grail-icon-btn-text:not(.grail-btn-inner-icon) {
    background: var(--grail-icon-btn-actived-color);
    -webkit-background-clip: text;
    background-clip: text
}

.grail-icon-btn-actived:hover:not([disabled]):not(.grail-btn-loading) .grail-btn-inner-icon {
    color: var(--grail-icon-btn-actived-color)
}

.grail-icon-btn-actived:hover:not([disabled]):not(.grail-btn-loading) span.grail-icon-btn-text:not(.grail-btn-inner-icon) {
    background: var(--grail-icon-btn-actived-color);
    -webkit-background-clip: text;
    background-clip: text
}

.grail-icon-btn-actived:active:not([disabled]):not(.grail-btn-loading) .grail-btn-inner-icon {
    color: var(--grail-icon-btn-actived-color)
}

.grail-icon-btn-actived:active:not([disabled]):not(.grail-btn-loading) span.grail-icon-btn-text:not(.grail-btn-inner-icon) {
    background: var(--grail-icon-btn-actived-color);
    -webkit-background-clip: text;
    background-clip: text
}

.grail-icon-btn .grail-icon-btn-text {
    line-height: auto
}

.grail-icon-btn-size-minimum {
    padding: 0;
    width: auto;
    height: 20px;
    min-width: 20px;
    min-height: 20px
}

.grail-icon-btn-size-minimum .grail-btn-inner-icon,.grail-icon-btn-size-minimum .grail-btn-inner-icon .grail-icon[grail-type="20-4"],.grail-icon-btn-size-minimum .grail-btn-inner-icon[grail-type="20-4"] {
    font-size: 20px
}

.grail-icon-btn-size-minimum .grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-icon-btn-size-minimum .grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-icon-btn-size-minimum .grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-icon-btn-size-minimum .grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-icon-btn-size-minimum .grail-btn-inner-icon .grail-icon[grail-type="22-4"],.grail-icon-btn-size-minimum .grail-btn-inner-icon[grail-type="22-4"] {
    font-size: 20px
}

.grail-icon-btn-size-minimum .grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-icon-btn-size-minimum .grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-icon-btn-size-minimum .grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-icon-btn-size-minimum .grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((22 - 4 * 2) / 22)))
}

.grail-icon-btn-size-minimum .grail-btn-inner-icon .grail-icon[grail-type="24-3"],.grail-icon-btn-size-minimum .grail-btn-inner-icon[grail-type="24-3"] {
    font-size: 20px
}

.grail-icon-btn-size-minimum .grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-icon-btn-size-minimum .grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-icon-btn-size-minimum .grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-icon-btn-size-minimum .grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 80%
}

.grail-icon-btn-size-minimum .grail-btn-inner-icon .grail-icon[grail-type="30-8"],.grail-icon-btn-size-minimum .grail-btn-inner-icon[grail-type="30-8"] {
    font-size: 20px
}

.grail-icon-btn-size-minimum .grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-icon-btn-size-minimum .grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-icon-btn-size-minimum .grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-icon-btn-size-minimum .grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((30 - 8 * 2) / 30)))
}

.grail-icon-btn-size-minimum .grail-btn-inner-icon .grail-icon[grail-type="40-0"],.grail-icon-btn-size-minimum .grail-btn-inner-icon[grail-type="40-0"] {
    font-size: 20px
}

.grail-icon-btn-size-minimum .grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-icon-btn-size-minimum .grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-icon-btn-size-minimum .grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-icon-btn-size-minimum .grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((40 - 0 * 2) / 40)))
}

.grail-icon-btn-size-minimum .grail-btn-inner-icon .grail-icon[grail-type="48-2"],.grail-icon-btn-size-minimum .grail-btn-inner-icon[grail-type="48-2"] {
    font-size: 20px
}

.grail-icon-btn-size-minimum .grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-icon-btn-size-minimum .grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-icon-btn-size-minimum .grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-icon-btn-size-minimum .grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((48 - 2 * 2) / 48)))
}

.grail-icon-btn-size-minimum .grail-icon-btn-text {
    font-size: 12px;
    padding-right: 4px;
    margin-left: 2px
}

@supports (zoom: 1) {
    .grail-icon-btn-size-minimum .grail-icon-btn-text {
        line-height: 1;
        font-size: 12px;
        zoom:1}
}

.grail-icon-btn-size-small {
    padding: 0;
    width: auto;
    height: 22px;
    min-width: 22px;
    min-height: 22px
}

.grail-icon-btn-size-small .grail-btn-inner-icon,.grail-icon-btn-size-small .grail-btn-inner-icon .grail-icon[grail-type="20-4"],.grail-icon-btn-size-small .grail-btn-inner-icon[grail-type="20-4"] {
    font-size: 22px
}

.grail-icon-btn-size-small .grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-icon-btn-size-small .grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 22px
}

.grail-icon-btn-size-small .grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-icon-btn-size-small .grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((22 - 4 * 2) / 22) / ((20 - 4 * 2) / 20)))
}

.grail-icon-btn-size-small .grail-btn-inner-icon .grail-icon[grail-type="22-4"],.grail-icon-btn-size-small .grail-btn-inner-icon[grail-type="22-4"] {
    font-size: 22px
}

.grail-icon-btn-size-small .grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-icon-btn-size-small .grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 22px
}

.grail-icon-btn-size-small .grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-icon-btn-size-small .grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-icon-btn-size-small .grail-btn-inner-icon .grail-icon[grail-type="24-3"],.grail-icon-btn-size-small .grail-btn-inner-icon[grail-type="24-3"] {
    font-size: 22px
}

.grail-icon-btn-size-small .grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-icon-btn-size-small .grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 22px
}

.grail-icon-btn-size-small .grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-icon-btn-size-small .grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: calc(100% * (((22 - 4 * 2) / 22) / ((24 - 3 * 2) / 24)))
}

.grail-icon-btn-size-small .grail-btn-inner-icon .grail-icon[grail-type="30-8"],.grail-icon-btn-size-small .grail-btn-inner-icon[grail-type="30-8"] {
    font-size: 22px
}

.grail-icon-btn-size-small .grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-icon-btn-size-small .grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 22px
}

.grail-icon-btn-size-small .grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-icon-btn-size-small .grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((22 - 4 * 2) / 22) / ((30 - 8 * 2) / 30)))
}

.grail-icon-btn-size-small .grail-btn-inner-icon .grail-icon[grail-type="40-0"],.grail-icon-btn-size-small .grail-btn-inner-icon[grail-type="40-0"] {
    font-size: 22px
}

.grail-icon-btn-size-small .grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-icon-btn-size-small .grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 22px
}

.grail-icon-btn-size-small .grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-icon-btn-size-small .grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((22 - 4 * 2) / 22) / ((40 - 0 * 2) / 40)))
}

.grail-icon-btn-size-small .grail-btn-inner-icon .grail-icon[grail-type="48-2"],.grail-icon-btn-size-small .grail-btn-inner-icon[grail-type="48-2"] {
    font-size: 22px
}

.grail-icon-btn-size-small .grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-icon-btn-size-small .grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 22px
}

.grail-icon-btn-size-small .grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-icon-btn-size-small .grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((22 - 4 * 2) / 22) / ((48 - 2 * 2) / 48)))
}

.grail-icon-btn-size-small .grail-icon-btn-text {
    font-size: 12px;
    padding-right: 6px;
    margin-left: 2px
}

@supports (zoom: 1) {
    .grail-icon-btn-size-small .grail-icon-btn-text {
        line-height: 1;
        font-size: 12px;
        zoom:1}
}

.grail-icon-btn-size-middle {
    padding: 0;
    width: auto;
    height: 30px;
    min-width: 30px;
    min-height: 30px
}

.grail-icon-btn-size-middle .grail-btn-inner-icon,.grail-icon-btn-size-middle .grail-btn-inner-icon .grail-icon[grail-type="20-4"],.grail-icon-btn-size-middle .grail-btn-inner-icon[grail-type="20-4"] {
    font-size: 30px
}

.grail-icon-btn-size-middle .grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-icon-btn-size-middle .grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-icon-btn-size-middle .grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-icon-btn-size-middle .grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((20 - 4 * 2) / 20)))
}

.grail-icon-btn-size-middle .grail-btn-inner-icon .grail-icon[grail-type="22-4"],.grail-icon-btn-size-middle .grail-btn-inner-icon[grail-type="22-4"] {
    font-size: 30px
}

.grail-icon-btn-size-middle .grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-icon-btn-size-middle .grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-icon-btn-size-middle .grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-icon-btn-size-middle .grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((22 - 4 * 2) / 22)))
}

.grail-icon-btn-size-middle .grail-btn-inner-icon .grail-icon[grail-type="24-3"],.grail-icon-btn-size-middle .grail-btn-inner-icon[grail-type="24-3"] {
    font-size: 30px
}

.grail-icon-btn-size-middle .grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-icon-btn-size-middle .grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-icon-btn-size-middle .grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-icon-btn-size-middle .grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((24 - 3 * 2) / 24)))
}

.grail-icon-btn-size-middle .grail-btn-inner-icon .grail-icon[grail-type="30-8"],.grail-icon-btn-size-middle .grail-btn-inner-icon[grail-type="30-8"] {
    font-size: 30px
}

.grail-icon-btn-size-middle .grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-icon-btn-size-middle .grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-icon-btn-size-middle .grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-icon-btn-size-middle .grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-icon-btn-size-middle .grail-btn-inner-icon .grail-icon[grail-type="40-0"],.grail-icon-btn-size-middle .grail-btn-inner-icon[grail-type="40-0"] {
    font-size: 30px
}

.grail-icon-btn-size-middle .grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-icon-btn-size-middle .grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-icon-btn-size-middle .grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-icon-btn-size-middle .grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((40 - 0 * 2) / 40)))
}

.grail-icon-btn-size-middle .grail-btn-inner-icon .grail-icon[grail-type="48-2"],.grail-icon-btn-size-middle .grail-btn-inner-icon[grail-type="48-2"] {
    font-size: 30px
}

.grail-icon-btn-size-middle .grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-icon-btn-size-middle .grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-icon-btn-size-middle .grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-icon-btn-size-middle .grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((48 - 2 * 2) / 48)))
}

.grail-icon-btn-size-middle .grail-icon-btn-text {
    font-size: 14px;
    padding-right: 8px;
    margin-left: 2px
}

@supports (zoom: 1) {
    .grail-icon-btn-size-middle .grail-icon-btn-text {
        line-height: 1;
        font-size: 12px;
        zoom:calc(14 / 12)}
}

.grail-icon-btn-size-large {
    width: auto;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    padding: 0 5px
}

.grail-icon-btn-size-large .grail-btn-inner-icon,.grail-icon-btn-size-large .grail-btn-inner-icon .grail-icon[grail-type="20-4"],.grail-icon-btn-size-large .grail-btn-inner-icon[grail-type="20-4"] {
    font-size: 30px
}

.grail-icon-btn-size-large .grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-icon-btn-size-large .grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-icon-btn-size-large .grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-icon-btn-size-large .grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((20 - 4 * 2) / 20)))
}

.grail-icon-btn-size-large .grail-btn-inner-icon .grail-icon[grail-type="22-4"],.grail-icon-btn-size-large .grail-btn-inner-icon[grail-type="22-4"] {
    font-size: 30px
}

.grail-icon-btn-size-large .grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-icon-btn-size-large .grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-icon-btn-size-large .grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-icon-btn-size-large .grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((22 - 4 * 2) / 22)))
}

.grail-icon-btn-size-large .grail-btn-inner-icon .grail-icon[grail-type="24-3"],.grail-icon-btn-size-large .grail-btn-inner-icon[grail-type="24-3"] {
    font-size: 30px
}

.grail-icon-btn-size-large .grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-icon-btn-size-large .grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-icon-btn-size-large .grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-icon-btn-size-large .grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((24 - 3 * 2) / 24)))
}

.grail-icon-btn-size-large .grail-btn-inner-icon .grail-icon[grail-type="30-8"],.grail-icon-btn-size-large .grail-btn-inner-icon[grail-type="30-8"] {
    font-size: 30px
}

.grail-icon-btn-size-large .grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-icon-btn-size-large .grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-icon-btn-size-large .grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-icon-btn-size-large .grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-icon-btn-size-large .grail-btn-inner-icon .grail-icon[grail-type="40-0"],.grail-icon-btn-size-large .grail-btn-inner-icon[grail-type="40-0"] {
    font-size: 30px
}

.grail-icon-btn-size-large .grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-icon-btn-size-large .grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-icon-btn-size-large .grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-icon-btn-size-large .grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((40 - 0 * 2) / 40)))
}

.grail-icon-btn-size-large .grail-btn-inner-icon .grail-icon[grail-type="48-2"],.grail-icon-btn-size-large .grail-btn-inner-icon[grail-type="48-2"] {
    font-size: 30px
}

.grail-icon-btn-size-large .grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-icon-btn-size-large .grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-icon-btn-size-large .grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-icon-btn-size-large .grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((48 - 2 * 2) / 48)))
}

.grail-icon-btn-size-large .grail-icon-btn-text {
    font-size: 14px;
    padding-right: 8px;
    margin-left: 2px
}

@supports (zoom: 1) {
    .grail-icon-btn-size-large .grail-icon-btn-text {
        line-height: 1;
        font-size: 12px;
        zoom:calc(14 / 12)}
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum,.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="20-4"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="20-4"] {
    font-size: 18px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 18px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="22-4"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="22-4"] {
    font-size: 18px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 18px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="24-3"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="24-3"] {
    font-size: 18px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 18px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="30-8"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="30-8"] {
    font-size: 18px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 18px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="40-0"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="40-0"] {
    font-size: 18px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 18px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="48-2"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="48-2"] {
    font-size: 18px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 18px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-small,.grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="20-4"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="20-4"] {
    font-size: 24px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 24px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="22-4"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="22-4"] {
    font-size: 24px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 24px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="24-3"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="24-3"] {
    font-size: 24px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 24px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="30-8"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="30-8"] {
    font-size: 24px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 24px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="40-0"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="40-0"] {
    font-size: 24px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 24px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="48-2"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="48-2"] {
    font-size: 24px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 24px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle,.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="20-4"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="20-4"] {
    font-size: 32px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 32px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="22-4"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="22-4"] {
    font-size: 32px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 32px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="24-3"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="24-3"] {
    font-size: 32px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 32px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="30-8"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="30-8"] {
    font-size: 32px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 32px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="40-0"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="40-0"] {
    font-size: 32px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 32px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="48-2"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="48-2"] {
    font-size: 32px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 32px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-large,.grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="20-4"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="20-4"] {
    font-size: 40px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 40px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="22-4"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="22-4"] {
    font-size: 40px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 40px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="24-3"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="24-3"] {
    font-size: 40px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 40px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="30-8"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="30-8"] {
    font-size: 40px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 40px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="40-0"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="40-0"] {
    font-size: 40px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 40px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="48-2"],.grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="48-2"] {
    font-size: 40px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 40px
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

.grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon-btn-text {
    padding-right: 0
}

body.theme-dark .grail-icon-btn {
    --grail-icon-btn-actived-color: #00DFB0
}

body.theme-dark .grail-icon-btn-type-inner {
    --grail-icon-type-inner-color: #B4B4B4;
    --grail-icon-type-inner-hover-color: rgba(180, 180, 180, .8);
    --grail-icon-type-inner-active-color: rgba(180, 180, 180, .8);
    --grail-icon-type-inner-disabled-color: #646464
}

body.theme-dark .grail-icon-btn-size-large {
    padding: 0 8px;
    width: auto;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    font-size: 24px
}

body.theme-dark .grail-icon-btn-size-large .grail-icon[grail-type="20-4"],body.theme-dark .grail-icon-btn-size-large[grail-type="20-4"] {
    font-size: 24px
}

body.theme-dark .grail-icon-btn-size-large .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-dark .grail-icon-btn-size-large[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-dark .grail-icon-btn-size-large .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-dark .grail-icon-btn-size-large[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-dark .grail-icon-btn-size-large .grail-icon[grail-type="22-4"],body.theme-dark .grail-icon-btn-size-large[grail-type="22-4"] {
    font-size: 24px
}

body.theme-dark .grail-icon-btn-size-large .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-dark .grail-icon-btn-size-large[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-dark .grail-icon-btn-size-large .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-dark .grail-icon-btn-size-large[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-dark .grail-icon-btn-size-large .grail-icon[grail-type="24-3"],body.theme-dark .grail-icon-btn-size-large[grail-type="24-3"] {
    font-size: 24px
}

body.theme-dark .grail-icon-btn-size-large .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-dark .grail-icon-btn-size-large[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-dark .grail-icon-btn-size-large .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-dark .grail-icon-btn-size-large[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-dark .grail-icon-btn-size-large .grail-icon[grail-type="30-8"],body.theme-dark .grail-icon-btn-size-large[grail-type="30-8"] {
    font-size: 24px
}

body.theme-dark .grail-icon-btn-size-large .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-dark .grail-icon-btn-size-large[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-dark .grail-icon-btn-size-large .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-dark .grail-icon-btn-size-large[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-dark .grail-icon-btn-size-large .grail-icon[grail-type="40-0"],body.theme-dark .grail-icon-btn-size-large[grail-type="40-0"] {
    font-size: 24px
}

body.theme-dark .grail-icon-btn-size-large .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-dark .grail-icon-btn-size-large[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-dark .grail-icon-btn-size-large .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-dark .grail-icon-btn-size-large[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-dark .grail-icon-btn-size-large .grail-icon[grail-type="48-2"],body.theme-dark .grail-icon-btn-size-large[grail-type="48-2"] {
    font-size: 24px
}

body.theme-dark .grail-icon-btn-size-large .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-dark .grail-icon-btn-size-large[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-dark .grail-icon-btn-size-large .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-dark .grail-icon-btn-size-large[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-dark .grail-icon-btn-size-large .grail-icon-btn-text {
    font-size: 14px;
    padding-right: 6px;
    margin-left: 2px
}

@supports (zoom: 1) {
    body.theme-dark .grail-icon-btn-size-large .grail-icon-btn-text {
        line-height: 1;
        font-size: 12px;
        zoom:calc(14 / 12)}
}

body.theme-aigc .grail-icon-btn {
    --grail-icon-btn-actived-color: #00CCA2
}

body.theme-aigc .grail-icon-btn-size-minimum {
    padding: 0 2px;
    width: auto;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    font-size: 14px
}

body.theme-aigc .grail-icon-btn-size-minimum .grail-icon[grail-type="20-4"],body.theme-aigc .grail-icon-btn-size-minimum[grail-type="20-4"] {
    font-size: 14px
}

body.theme-aigc .grail-icon-btn-size-minimum .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-minimum[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 14px
}

body.theme-aigc .grail-icon-btn-size-minimum .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-minimum[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-icon-btn-size-minimum .grail-icon[grail-type="22-4"],body.theme-aigc .grail-icon-btn-size-minimum[grail-type="22-4"] {
    font-size: 14px
}

body.theme-aigc .grail-icon-btn-size-minimum .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-minimum[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 14px
}

body.theme-aigc .grail-icon-btn-size-minimum .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-minimum[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-icon-btn-size-minimum .grail-icon[grail-type="24-3"],body.theme-aigc .grail-icon-btn-size-minimum[grail-type="24-3"] {
    font-size: 14px
}

body.theme-aigc .grail-icon-btn-size-minimum .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-minimum[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 14px
}

body.theme-aigc .grail-icon-btn-size-minimum .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-minimum[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-icon-btn-size-minimum .grail-icon[grail-type="30-8"],body.theme-aigc .grail-icon-btn-size-minimum[grail-type="30-8"] {
    font-size: 14px
}

body.theme-aigc .grail-icon-btn-size-minimum .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-minimum[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 14px
}

body.theme-aigc .grail-icon-btn-size-minimum .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-minimum[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-icon-btn-size-minimum .grail-icon[grail-type="40-0"],body.theme-aigc .grail-icon-btn-size-minimum[grail-type="40-0"] {
    font-size: 14px
}

body.theme-aigc .grail-icon-btn-size-minimum .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-minimum[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 14px
}

body.theme-aigc .grail-icon-btn-size-minimum .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-minimum[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-icon-btn-size-minimum .grail-icon[grail-type="48-2"],body.theme-aigc .grail-icon-btn-size-minimum[grail-type="48-2"] {
    font-size: 14px
}

body.theme-aigc .grail-icon-btn-size-minimum .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-minimum[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 14px
}

body.theme-aigc .grail-icon-btn-size-minimum .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-minimum[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-aigc .grail-icon-btn-size-minimum .grail-icon-btn-text {
    font-size: 12px;
    padding-right: 2px;
    margin-left: 2px
}

@supports (zoom: 1) {
    body.theme-aigc .grail-icon-btn-size-minimum .grail-icon-btn-text {
        line-height: 1;
        font-size: 12px;
        zoom:1}
}

body.theme-aigc .grail-icon-btn-size-small {
    padding: 0 4px;
    width: auto;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    font-size: 16px
}

body.theme-aigc .grail-icon-btn-size-small .grail-icon[grail-type="20-4"],body.theme-aigc .grail-icon-btn-size-small[grail-type="20-4"] {
    font-size: 16px
}

body.theme-aigc .grail-icon-btn-size-small .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-small[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-aigc .grail-icon-btn-size-small .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-small[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-icon-btn-size-small .grail-icon[grail-type="22-4"],body.theme-aigc .grail-icon-btn-size-small[grail-type="22-4"] {
    font-size: 16px
}

body.theme-aigc .grail-icon-btn-size-small .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-small[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-aigc .grail-icon-btn-size-small .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-small[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-icon-btn-size-small .grail-icon[grail-type="24-3"],body.theme-aigc .grail-icon-btn-size-small[grail-type="24-3"] {
    font-size: 16px
}

body.theme-aigc .grail-icon-btn-size-small .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-small[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-aigc .grail-icon-btn-size-small .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-small[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-icon-btn-size-small .grail-icon[grail-type="30-8"],body.theme-aigc .grail-icon-btn-size-small[grail-type="30-8"] {
    font-size: 16px
}

body.theme-aigc .grail-icon-btn-size-small .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-small[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-aigc .grail-icon-btn-size-small .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-small[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-icon-btn-size-small .grail-icon[grail-type="40-0"],body.theme-aigc .grail-icon-btn-size-small[grail-type="40-0"] {
    font-size: 16px
}

body.theme-aigc .grail-icon-btn-size-small .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-small[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-aigc .grail-icon-btn-size-small .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-small[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-icon-btn-size-small .grail-icon[grail-type="48-2"],body.theme-aigc .grail-icon-btn-size-small[grail-type="48-2"] {
    font-size: 16px
}

body.theme-aigc .grail-icon-btn-size-small .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-small[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-aigc .grail-icon-btn-size-small .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-small[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-aigc .grail-icon-btn-size-small .grail-icon-btn-text {
    font-size: 12px;
    padding-right: 2px;
    margin-left: 2px
}

@supports (zoom: 1) {
    body.theme-aigc .grail-icon-btn-size-small .grail-icon-btn-text {
        line-height: 1;
        font-size: 12px;
        zoom:1}
}

body.theme-aigc .grail-icon-btn-size-middle {
    padding: 0 6px;
    width: auto;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    font-size: 20px
}

body.theme-aigc .grail-icon-btn-size-middle .grail-icon[grail-type="20-4"],body.theme-aigc .grail-icon-btn-size-middle[grail-type="20-4"] {
    font-size: 20px
}

body.theme-aigc .grail-icon-btn-size-middle .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-middle[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-icon-btn-size-middle .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-middle[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-icon-btn-size-middle .grail-icon[grail-type="22-4"],body.theme-aigc .grail-icon-btn-size-middle[grail-type="22-4"] {
    font-size: 20px
}

body.theme-aigc .grail-icon-btn-size-middle .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-middle[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-icon-btn-size-middle .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-middle[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-icon-btn-size-middle .grail-icon[grail-type="24-3"],body.theme-aigc .grail-icon-btn-size-middle[grail-type="24-3"] {
    font-size: 20px
}

body.theme-aigc .grail-icon-btn-size-middle .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-middle[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-icon-btn-size-middle .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-middle[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-icon-btn-size-middle .grail-icon[grail-type="30-8"],body.theme-aigc .grail-icon-btn-size-middle[grail-type="30-8"] {
    font-size: 20px
}

body.theme-aigc .grail-icon-btn-size-middle .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-middle[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-icon-btn-size-middle .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-middle[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-icon-btn-size-middle .grail-icon[grail-type="40-0"],body.theme-aigc .grail-icon-btn-size-middle[grail-type="40-0"] {
    font-size: 20px
}

body.theme-aigc .grail-icon-btn-size-middle .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-middle[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-icon-btn-size-middle .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-middle[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-icon-btn-size-middle .grail-icon[grail-type="48-2"],body.theme-aigc .grail-icon-btn-size-middle[grail-type="48-2"] {
    font-size: 20px
}

body.theme-aigc .grail-icon-btn-size-middle .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-middle[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-icon-btn-size-middle .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-middle[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-aigc .grail-icon-btn-size-middle .grail-icon-btn-text {
    font-size: 14px;
    padding-right: 4px;
    margin-left: 2px
}

@supports (zoom: 1) {
    body.theme-aigc .grail-icon-btn-size-middle .grail-icon-btn-text {
        line-height: 1;
        font-size: 12px;
        zoom:calc(14 / 12)}
}

body.theme-aigc .grail-icon-btn-size-large {
    padding: 0 8px;
    width: auto;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-size-large .grail-icon[grail-type="20-4"],body.theme-aigc .grail-icon-btn-size-large[grail-type="20-4"] {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-size-large .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-large[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-size-large .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-large[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-icon-btn-size-large .grail-icon[grail-type="22-4"],body.theme-aigc .grail-icon-btn-size-large[grail-type="22-4"] {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-size-large .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-large[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-size-large .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-large[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-icon-btn-size-large .grail-icon[grail-type="24-3"],body.theme-aigc .grail-icon-btn-size-large[grail-type="24-3"] {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-size-large .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-large[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-size-large .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-large[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-icon-btn-size-large .grail-icon[grail-type="30-8"],body.theme-aigc .grail-icon-btn-size-large[grail-type="30-8"] {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-size-large .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-large[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-size-large .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-large[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-icon-btn-size-large .grail-icon[grail-type="40-0"],body.theme-aigc .grail-icon-btn-size-large[grail-type="40-0"] {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-size-large .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-large[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-size-large .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-large[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-icon-btn-size-large .grail-icon[grail-type="48-2"],body.theme-aigc .grail-icon-btn-size-large[grail-type="48-2"] {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-size-large .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-size-large[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-size-large .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-size-large[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-aigc .grail-icon-btn-size-large .grail-icon-btn-text {
    font-size: 14px;
    padding-right: 6px;
    margin-left: 2px
}

@supports (zoom: 1) {
    body.theme-aigc .grail-icon-btn-size-large .grail-icon-btn-text {
        line-height: 1;
        font-size: 12px;
        zoom:calc(14 / 12)}
}

body.theme-aigc .grail-icon-btn-type-default {
    --grail-icon-btn-actived-color: rgba(0, 0, 0, .9)
}

body.theme-aigc .grail-icon-btn-type-light {
    --grail-btn-icon-color: rgba(0, 0, 0, .4);
    --grail-btn-hover-icon-color: rgba(0, 0, 0, .4);
    --grail-icon-btn-actived-color: rgba(0, 0, 0, .9)
}

body.theme-aigc .grail-icon-btn-type-inner {
    --grail-icon-type-inner-color: rgba(0, 0, 0, .6);
    --grail-icon-type-inner-hover-color: rgba(0, 0, 0, .7);
    --grail-icon-type-inner-active-color: rgba(0, 0, 0, .9);
    --grail-icon-type-inner-disabled-color: rgba(0, 0, 0, .2)
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="20-4"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="20-4"] {
    font-size: 18px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="22-4"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="22-4"] {
    font-size: 18px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="24-3"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="24-3"] {
    font-size: 18px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="30-8"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="30-8"] {
    font-size: 18px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="40-0"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="40-0"] {
    font-size: 18px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="48-2"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="48-2"] {
    font-size: 18px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-minimum[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="20-4"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="20-4"] {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="22-4"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="22-4"] {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="24-3"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="24-3"] {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="30-8"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="30-8"] {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="40-0"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="40-0"] {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="48-2"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="48-2"] {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-small[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="20-4"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="20-4"] {
    font-size: 32px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 32px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="22-4"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="22-4"] {
    font-size: 32px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 32px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="24-3"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="24-3"] {
    font-size: 32px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 32px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="30-8"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="30-8"] {
    font-size: 32px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 32px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="40-0"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="40-0"] {
    font-size: 32px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 32px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="48-2"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="48-2"] {
    font-size: 32px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 32px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-middle[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="20-4"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="20-4"] {
    font-size: 40px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 40px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="22-4"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="22-4"] {
    font-size: 40px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 40px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="24-3"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="24-3"] {
    font-size: 40px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 40px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="30-8"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="30-8"] {
    font-size: 40px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 40px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="40-0"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="40-0"] {
    font-size: 40px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 40px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="48-2"],body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="48-2"] {
    font-size: 40px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 40px
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-aigc .grail-icon-btn-inner-size-full.grail-icon-btn-size-large .grail-icon-btn-text {
    padding-right: 0
}

body[class] .grail-vertical-btn {
    padding: var(--grail-vertical-btn-padding);
    font-size: var(--grail-vertical-btn-size);
    line-height: var(--grail-vertical-btn-line-height);
    flex-direction: column;
    min-width: var(--grail-vertical-btn-min-width);
    min-height: var(--grail-vertical-btn-min-height);
    font-weight: 400
}

body[class] .grail-vertical-btn-size-middle {
    --grail-vertical-btn-padding: 0 12px 6px 12px;
    --grail-vertical-btn-size: 12px;
    --grail-vertical-btn-line-height: 14px;
    --grail-vertical-btn-min-width: 54px;
    --grail-vertical-btn-min-height: 50px
}

body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon {
    font-size: 30px
}

body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="20-4"],body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="20-4"] {
    font-size: 30px
}

body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 30px
}

body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((20 - 4 * 2) / 20)))
}

body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="22-4"],body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="22-4"] {
    font-size: 30px
}

body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 30px
}

body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((22 - 4 * 2) / 22)))
}

body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="24-3"],body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="24-3"] {
    font-size: 30px
}

body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 30px
}

body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((24 - 3 * 2) / 24)))
}

body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="30-8"],body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="30-8"] {
    font-size: 30px
}

body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 30px
}

body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: 100%
}

body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="40-0"],body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="40-0"] {
    font-size: 30px
}

body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 30px
}

body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((40 - 0 * 2) / 40)))
}

body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="48-2"],body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="48-2"] {
    font-size: 30px
}

body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 30px
}

body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body[class] .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((48 - 2 * 2) / 48)))
}

body[class] .grail-vertical-btn-size-small {
    --grail-vertical-btn-padding: 2px 8px;
    --grail-vertical-btn-size: 12px;
    --grail-vertical-btn-line-height: 20px;
    --grail-vertical-btn-min-width: 64px;
    --grail-vertical-btn-min-height: 48px
}

body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon {
    font-size: 24px
}

body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="20-4"],body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="20-4"] {
    font-size: 24px
}

body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 24px
}

body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="22-4"],body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="22-4"] {
    font-size: 24px
}

body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 24px
}

body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="24-3"],body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="24-3"] {
    font-size: 24px
}

body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 24px
}

body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="30-8"],body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="30-8"] {
    font-size: 24px
}

body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 24px
}

body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="40-0"],body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="40-0"] {
    font-size: 24px
}

body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 24px
}

body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="48-2"],body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="48-2"] {
    font-size: 24px
}

body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 24px
}

body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body[class] .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body[class] .grail-vertical-btn>.grail-btn-inner-icon+span {
    margin-left: 0
}

body[class] .grail-vertical-btn-loading {
    pointer-events: none
}

body.theme-aigc .grail-vertical-btn-size-middle {
    --grail-vertical-btn-padding: 8px 12px;
    --grail-vertical-btn-size: 12px;
    --grail-vertical-btn-line-height: 20px;
    --grail-vertical-btn-min-width: 72px;
    --grail-vertical-btn-min-height: 60px
}

body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon {
    font-size: 24px;
    margin-bottom: 0
}

body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="20-4"],body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="20-4"] {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="22-4"],body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="22-4"] {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="24-3"],body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="24-3"] {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="30-8"],body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="30-8"] {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="40-0"],body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="40-0"] {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="48-2"],body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="48-2"] {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-vertical-btn-size-middle>.grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-aigc .grail-vertical-btn-size-small {
    --grail-vertical-btn-padding: 2px 8px;
    --grail-vertical-btn-size: 12px;
    --grail-vertical-btn-line-height: 20px;
    --grail-vertical-btn-min-width: 64px;
    --grail-vertical-btn-min-height: 48px
}

body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="20-4"],body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="20-4"] {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="22-4"],body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="22-4"] {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="24-3"],body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="24-3"] {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="30-8"],body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="30-8"] {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="40-0"],body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="40-0"] {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="48-2"],body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="48-2"] {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-vertical-btn-size-small>.grail-btn-inner-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

.grail-text-link {
    --grail-text-link-type-text-color: #4D4D4D;
    --grail-text-link-type-text-hover-color: rgba(77, 77, 77, .8);
    --grail-text-link-type-text-active-color: rgba(77, 77, 77, .8);
    --grail-text-link-type-text-disabled-color: #B3B3B3;
    --grail-text-link-type-link-color: #00CCA2;
    --grail-text-link-type-link-hover-color: rgba(0, 204, 162, .8);
    --grail-text-link-type-link-active-color: rgba(0, 204, 162, .8);
    --grail-text-link-type-link-disabled-color: #B3B3B3;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    color: inherit;
    cursor: default;
    white-space: nowrap;
    opacity: 1
}

.grail-text-link:hover {
    opacity: 1
}

.grail-text-link-click {
    cursor: pointer
}

.grail-text-link-disabled {
    opacity: 1;
    cursor: not-allowed
}

.grail-text-link-type-text {
    color: var(--grail-text-link-type-text-color)
}

.grail-text-link-type-text:hover:not(.grail-text-link-disabled) {
    color: var(--grail-text-link-type-text-hover-color)
}

.grail-text-link-type-text:active:not(.grail-text-link-disabled) {
    color: var(--grail-text-link-type-text-hover-color)
}

.grail-text-link-type-text.grail-text-link-disabled {
    color: var(--grail-text-link-type-text-disabled-color)
}

.grail-text-link-type-link {
    color: var(--grail-text-link-type-link-color)
}

.grail-text-link-type-link:hover:not(.grail-text-link-disabled) {
    color: var(--grail-text-link-type-link-hover-color)
}

.grail-text-link-type-link:active:not(.grail-text-link-disabled) {
    color: var(--grail-text-link-type-link-hover-color)
}

.grail-text-link-type-link.grail-text-link-disabled {
    color: var(--grail-text-link-type-link-disabled-color)
}

.grail-text-link-size-small {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    padding: 7px 24px
}

.grail-text-link-size-small .grail-icon {
    height: 18px;
    overflow: hidden;
    font-size: 20px
}

.grail-text-link-size-small .grail-icon .grail-icon[grail-type="20-4"],.grail-text-link-size-small .grail-icon[grail-type="20-4"] {
    font-size: 20px
}

.grail-text-link-size-small .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-text-link-size-small .grail-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-text-link-size-small .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-text-link-size-small .grail-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-text-link-size-small .grail-icon .grail-icon[grail-type="22-4"],.grail-text-link-size-small .grail-icon[grail-type="22-4"] {
    font-size: 20px
}

.grail-text-link-size-small .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-text-link-size-small .grail-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-text-link-size-small .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-text-link-size-small .grail-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((22 - 4 * 2) / 22)))
}

.grail-text-link-size-small .grail-icon .grail-icon[grail-type="24-3"],.grail-text-link-size-small .grail-icon[grail-type="24-3"] {
    font-size: 20px
}

.grail-text-link-size-small .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-text-link-size-small .grail-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-text-link-size-small .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-text-link-size-small .grail-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 80%
}

.grail-text-link-size-small .grail-icon .grail-icon[grail-type="30-8"],.grail-text-link-size-small .grail-icon[grail-type="30-8"] {
    font-size: 20px
}

.grail-text-link-size-small .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-text-link-size-small .grail-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-text-link-size-small .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-text-link-size-small .grail-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((30 - 8 * 2) / 30)))
}

.grail-text-link-size-small .grail-icon .grail-icon[grail-type="40-0"],.grail-text-link-size-small .grail-icon[grail-type="40-0"] {
    font-size: 20px
}

.grail-text-link-size-small .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-text-link-size-small .grail-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-text-link-size-small .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-text-link-size-small .grail-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((40 - 0 * 2) / 40)))
}

.grail-text-link-size-small .grail-icon .grail-icon[grail-type="48-2"],.grail-text-link-size-small .grail-icon[grail-type="48-2"] {
    font-size: 20px
}

.grail-text-link-size-small .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-text-link-size-small .grail-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-text-link-size-small .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-text-link-size-small .grail-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((48 - 2 * 2) / 48)))
}

.grail-text-link-size-middle {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 24px
}

.grail-text-link-size-middle .grail-icon,.grail-text-link-size-middle .grail-icon .grail-icon[grail-type="20-4"],.grail-text-link-size-middle .grail-icon[grail-type="20-4"] {
    font-size: 20px
}

.grail-text-link-size-middle .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-text-link-size-middle .grail-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-text-link-size-middle .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-text-link-size-middle .grail-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-text-link-size-middle .grail-icon .grail-icon[grail-type="22-4"],.grail-text-link-size-middle .grail-icon[grail-type="22-4"] {
    font-size: 20px
}

.grail-text-link-size-middle .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-text-link-size-middle .grail-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-text-link-size-middle .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-text-link-size-middle .grail-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((22 - 4 * 2) / 22)))
}

.grail-text-link-size-middle .grail-icon .grail-icon[grail-type="24-3"],.grail-text-link-size-middle .grail-icon[grail-type="24-3"] {
    font-size: 20px
}

.grail-text-link-size-middle .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-text-link-size-middle .grail-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-text-link-size-middle .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-text-link-size-middle .grail-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 80%
}

.grail-text-link-size-middle .grail-icon .grail-icon[grail-type="30-8"],.grail-text-link-size-middle .grail-icon[grail-type="30-8"] {
    font-size: 20px
}

.grail-text-link-size-middle .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-text-link-size-middle .grail-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-text-link-size-middle .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-text-link-size-middle .grail-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((30 - 8 * 2) / 30)))
}

.grail-text-link-size-middle .grail-icon .grail-icon[grail-type="40-0"],.grail-text-link-size-middle .grail-icon[grail-type="40-0"] {
    font-size: 20px
}

.grail-text-link-size-middle .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-text-link-size-middle .grail-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-text-link-size-middle .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-text-link-size-middle .grail-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((40 - 0 * 2) / 40)))
}

.grail-text-link-size-middle .grail-icon .grail-icon[grail-type="48-2"],.grail-text-link-size-middle .grail-icon[grail-type="48-2"] {
    font-size: 20px
}

.grail-text-link-size-middle .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-text-link-size-middle .grail-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-text-link-size-middle .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-text-link-size-middle .grail-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((48 - 2 * 2) / 48)))
}

body.theme-dark .grail-text-link {
    --grail-text-link-type-text-color: #b4b4b4;
    --grail-text-link-type-text-hover-color: #b4b4b4;
    --grail-text-link-type-text-active-color: #b4b4b4;
    --grail-text-link-type-text-disabled-color: #464646;
    --grail-text-link-type-link-color: #00DFB0;
    --grail-text-link-type-link-hover-color: rgba(0, 223, 176, .8);
    --grail-text-link-type-link-active-color: rgba(0, 223, 176, .8);
    --grail-text-link-type-link-disabled-color: #464646
}

body.theme-aigc .grail-text-link {
    --grail-text-link-type-text-color: rgba(0, 0, 0, .6);
    --grail-text-link-type-text-hover-color: rgba(0, 0, 0, .4);
    --grail-text-link-type-text-active-color: rgba(0, 0, 0, .4);
    --grail-text-link-type-text-disabled-color: rgba(0, 0, 0, .2);
    --grail-text-link-type-link-disabled-color: rgba(0, 0, 0, .2)
}

body.theme-aigc .grail-text-link-size-small .grail-icon,body.theme-aigc .grail-text-link-size-small .grail-icon .grail-icon[grail-type="20-4"],body.theme-aigc .grail-text-link-size-small .grail-icon[grail-type="20-4"] {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-small .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-text-link-size-small .grail-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-small .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-text-link-size-small .grail-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-text-link-size-small .grail-icon .grail-icon[grail-type="22-4"],body.theme-aigc .grail-text-link-size-small .grail-icon[grail-type="22-4"] {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-small .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-text-link-size-small .grail-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-small .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-text-link-size-small .grail-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-text-link-size-small .grail-icon .grail-icon[grail-type="24-3"],body.theme-aigc .grail-text-link-size-small .grail-icon[grail-type="24-3"] {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-small .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-text-link-size-small .grail-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-small .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-text-link-size-small .grail-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-text-link-size-small .grail-icon .grail-icon[grail-type="30-8"],body.theme-aigc .grail-text-link-size-small .grail-icon[grail-type="30-8"] {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-small .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-text-link-size-small .grail-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-small .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-text-link-size-small .grail-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-text-link-size-small .grail-icon .grail-icon[grail-type="40-0"],body.theme-aigc .grail-text-link-size-small .grail-icon[grail-type="40-0"] {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-small .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-text-link-size-small .grail-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-small .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-text-link-size-small .grail-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-text-link-size-small .grail-icon .grail-icon[grail-type="48-2"],body.theme-aigc .grail-text-link-size-small .grail-icon[grail-type="48-2"] {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-small .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-text-link-size-small .grail-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-small .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-text-link-size-small .grail-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-aigc .grail-text-link-size-middle .grail-icon,body.theme-aigc .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="20-4"],body.theme-aigc .grail-text-link-size-middle .grail-icon[grail-type="20-4"] {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-text-link-size-middle .grail-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-text-link-size-middle .grail-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="22-4"],body.theme-aigc .grail-text-link-size-middle .grail-icon[grail-type="22-4"] {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-text-link-size-middle .grail-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-text-link-size-middle .grail-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="24-3"],body.theme-aigc .grail-text-link-size-middle .grail-icon[grail-type="24-3"] {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-text-link-size-middle .grail-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-text-link-size-middle .grail-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="30-8"],body.theme-aigc .grail-text-link-size-middle .grail-icon[grail-type="30-8"] {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-text-link-size-middle .grail-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-text-link-size-middle .grail-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="40-0"],body.theme-aigc .grail-text-link-size-middle .grail-icon[grail-type="40-0"] {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-text-link-size-middle .grail-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-text-link-size-middle .grail-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="48-2"],body.theme-aigc .grail-text-link-size-middle .grail-icon[grail-type="48-2"] {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-text-link-size-middle .grail-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-text-link-size-middle .grail-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-literature .grail-text-link {
    --grail-text-link-type-text-color: rgba(0, 0, 0, .6);
    --grail-text-link-type-text-hover-color: rgba(0, 0, 0, .4);
    --grail-text-link-type-text-active-color: rgba(0, 0, 0, .4);
    --grail-text-link-type-text-disabled-color: rgba(0, 0, 0, .2);
    --grail-text-link-type-link-color: #1E71EF;
    --grail-text-link-type-link-hover-color: rgba(30, 113, 239, .8);
    --grail-text-link-type-link-active-color: rgba(30, 113, 239, .8);
    --grail-text-link-type-link-disabled-color: rgba(0, 0, 0, .2)
}

body.theme-literature .grail-text-link-size-small .grail-icon,body.theme-literature .grail-text-link-size-small .grail-icon .grail-icon[grail-type="20-4"],body.theme-literature .grail-text-link-size-small .grail-icon[grail-type="20-4"] {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-small .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-literature .grail-text-link-size-small .grail-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-small .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-literature .grail-text-link-size-small .grail-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-literature .grail-text-link-size-small .grail-icon .grail-icon[grail-type="22-4"],body.theme-literature .grail-text-link-size-small .grail-icon[grail-type="22-4"] {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-small .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-literature .grail-text-link-size-small .grail-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-small .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-literature .grail-text-link-size-small .grail-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-literature .grail-text-link-size-small .grail-icon .grail-icon[grail-type="24-3"],body.theme-literature .grail-text-link-size-small .grail-icon[grail-type="24-3"] {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-small .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-literature .grail-text-link-size-small .grail-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-small .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-literature .grail-text-link-size-small .grail-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-literature .grail-text-link-size-small .grail-icon .grail-icon[grail-type="30-8"],body.theme-literature .grail-text-link-size-small .grail-icon[grail-type="30-8"] {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-small .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-literature .grail-text-link-size-small .grail-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-small .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-literature .grail-text-link-size-small .grail-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-literature .grail-text-link-size-small .grail-icon .grail-icon[grail-type="40-0"],body.theme-literature .grail-text-link-size-small .grail-icon[grail-type="40-0"] {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-small .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-literature .grail-text-link-size-small .grail-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-small .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-literature .grail-text-link-size-small .grail-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-literature .grail-text-link-size-small .grail-icon .grail-icon[grail-type="48-2"],body.theme-literature .grail-text-link-size-small .grail-icon[grail-type="48-2"] {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-small .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-literature .grail-text-link-size-small .grail-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-small .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-literature .grail-text-link-size-small .grail-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-literature .grail-text-link-size-middle .grail-icon,body.theme-literature .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="20-4"],body.theme-literature .grail-text-link-size-middle .grail-icon[grail-type="20-4"] {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-literature .grail-text-link-size-middle .grail-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-literature .grail-text-link-size-middle .grail-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-literature .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="22-4"],body.theme-literature .grail-text-link-size-middle .grail-icon[grail-type="22-4"] {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-literature .grail-text-link-size-middle .grail-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-literature .grail-text-link-size-middle .grail-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-literature .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="24-3"],body.theme-literature .grail-text-link-size-middle .grail-icon[grail-type="24-3"] {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-literature .grail-text-link-size-middle .grail-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-literature .grail-text-link-size-middle .grail-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-literature .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="30-8"],body.theme-literature .grail-text-link-size-middle .grail-icon[grail-type="30-8"] {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-literature .grail-text-link-size-middle .grail-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-literature .grail-text-link-size-middle .grail-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-literature .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="40-0"],body.theme-literature .grail-text-link-size-middle .grail-icon[grail-type="40-0"] {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-literature .grail-text-link-size-middle .grail-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-literature .grail-text-link-size-middle .grail-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-literature .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="48-2"],body.theme-literature .grail-text-link-size-middle .grail-icon[grail-type="48-2"] {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-literature .grail-text-link-size-middle .grail-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-literature .grail-text-link-size-middle .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-literature .grail-text-link-size-middle .grail-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

.grail-tab-title-card {
    --grail-tab-title-card-actived-background: #fff;
    --grail-tab-title-card-actived-color: #191919;
    --grail-tab-title-card-color: #191919;
    --grail-tab-title-card-actions-space: 0;
    display: flex
}

.grail-tab-title-card-actions.grail-space {
    padding-right: 10px;
    gap: var(--grail-tab-title-card-actions-space)
}

.grail-tab-title-card-box {
    flex: 1 1;
    position: relative
}

.grail-tab-title-card-bottom-list-wrap,.grail-tab-title-card-top-list-wrap {
    height: 35px;
    overflow: hidden
}

.grail-tab-title-card-bottom-list-wrap-inner,.grail-tab-title-card-top-list-wrap-inner {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0
}

.grail-tab-title-card-bottom-list-wrap-inner li,.grail-tab-title-card-top-list-wrap-inner li {
    padding: 9px 19px;
    line-height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: var(--grail-tab-title-card-color)
}

.grail-tab-title-card-bottom-list-wrap {
    opacity: 0
}

.grail-tab-title-card-top-list-wrap {
    height: 35px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    min-width: 100%
}

.grail-tab-title-card-top-list-wrap-inner .grail-tab-title-card-top-list-item-actived {
    background: var(--grail-tab-title-card-actived-background);
    color: var(--grail-tab-title-card-actived-color)
}

.grail-tab-title-card-fold-btn {
    position: relative
}

.grail-tab-title-card-fold-btn-select {
    opacity: 0;
    position: absolute!important;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

body.theme-dark .grail-tab-title-card {
    --grail-tab-title-card-actived-background: #282828;
    --grail-tab-title-card-actived-color: #fff;
    --grail-tab-title-card-color: #b4b4b4
}

body.theme-aigc .grail-tab-title-card {
    --grail-tab-title-card-actived-background: transparent;
    --grail-tab-title-card-actived-color: rgba(0, 0, 0, .9);
    --grail-tab-title-card-color: rgba(0, 0, 0, .6);
    --grail-tab-title-card-actions-space: 0;
    display: flex;
    padding-left: 16px
}

body.theme-aigc .grail-tab-title-card-actions.grail-space {
    gap: var(--grail-tab-title-card-actions-space)
}

body.theme-aigc .grail-tab-title-card-bottom-list-wrap,body.theme-aigc .grail-tab-title-card-top-list-wrap {
    height: 40px
}

body.theme-aigc .grail-tab-title-card-bottom-list-wrap-inner,body.theme-aigc .grail-tab-title-card-top-list-wrap-inner {
    gap: 24px
}

body.theme-aigc .grail-tab-title-card-bottom-list-wrap-inner li,body.theme-aigc .grail-tab-title-card-top-list-wrap-inner li {
    padding: 9px 0;
    font-size: 14px;
    line-height: 22px
}

body.theme-aigc .grail-tab-title-card-top-list-wrap-inner {
    cursor: default
}

body.theme-aigc .grail-tab-title-card-top-list-wrap-inner li {
    cursor: pointer;
    position: relative
}

body.theme-aigc .grail-tab-title-card-top-list-wrap-inner .grail-tab-title-card-top-list-item-actived {
    font-weight: 500
}

body.theme-aigc .grail-tab-title-card-top-list-wrap-inner .grail-tab-title-card-top-list-item-actived:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    background-color: var(--grail-tab-title-card-actived-color);
    bottom: 0
}

.grail-tab-title {
    width: 100%;
    --grail-tab-title-btn-align-margin-right: -10px;
    --grail-tab-title-actions-space: 0px
}

.grail-tab-title-level-first {
    --grail-tab-title-item-color: #4D4D4D;
    --grail-tab-title-item-background: transparent;
    --grail-tab-title-item-hover-color: #4D4D4D;
    --grail-tab-title-item-hover-background: transparent;
    --grail-tab-title-item-actived-color: #00CCA2;
    --grail-tab-title-item-actived-background: rgba(0, 204, 162, .1);
    --grail-tab-title-item-row-height: 36px;
    --grail-tab-title-item-row-gap: 8px;
    --grail-tab-title-item-column-gap: 2px;
    --grail-tab-title-item-font-size: 14px;
    --grail-tab-title-item-line-height: 20px;
    --grail-tab-title-item-width: 88px;
    --grail-tab-title-item-padding: 8px;
    --grail-tab-title-item-font-weight: 400;
    --grail-tab-title-item-actived-font-weight: 500;
    --grail-tab-title-item-radius: 3px;
    --grail-tab-title-group-row-gap: 16px
}

.grail-tab-title-level-second {
    --grail-tab-title-item-color: #4D4D4D;
    --grail-tab-title-item-background: transparent;
    --grail-tab-title-item-hover-color: #4D4D4D;
    --grail-tab-title-item-hover-background: transparent;
    --grail-tab-title-item-actived-color: #4D4D4D;
    --grail-tab-title-item-actived-background: #F5F5F5;
    --grail-tab-title-item-row-height: 30px;
    --grail-tab-title-item-row-gap: 8px;
    --grail-tab-title-item-column-gap: 8px;
    --grail-tab-title-item-font-size: 12px;
    --grail-tab-title-item-line-height: 18px;
    --grail-tab-title-item-width: 64px;
    --grail-tab-title-item-padding: 6px;
    --grail-tab-title-item-font-weight: 400;
    --grail-tab-title-item-actived-font-weight: 500;
    --grail-tab-title-item-radius: 3px;
    --grail-tab-title-group-row-gap: 16px
}

.grail-tab-title-actions {
    float: right
}

.grail-tab-title-actions.grail-tab-title-align-right {
    margin-right: var(--grail-tab-title-btn-align-margin-right)
}

.grail-tab-title-actions.grail-space {
    gap: var(--grail-tab-title-actions-space);
    height: var(--grail-tab-title-item-row-height);
    margin-left: var(--grail-tab-title-item-column-gap)
}

.grail-tab-title-list {
    font-size: 0;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: var(--grail-tab-title-group-row-gap);
    margin-bottom: calc(-1 * var(--grail-tab-title-item-row-gap));
    margin-right: calc(-1 * var(--grail-tab-title-item-column-gap))
}

.grail-tab-title-list:first-of-type {
    margin-top: 0
}

.grail-tab-title-list-wrap-hide {
    overflow: hidden;
    height: var(--grail-tab-title-item-row-height)
}

.grail-tab-title-item {
    display: inline-block;
    margin-right: var(--grail-tab-title-item-column-gap);
    margin-bottom: var(--grail-tab-title-item-row-gap);
    list-style: none;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    border-radius: var(--grail-tab-title-item-radius);
    font-weight: var(--grail-tab-title-item-font-weight);
    font-size: var(--grail-tab-title-item-font-size);
    line-height: var(--grail-tab-title-item-line-height);
    width: var(--grail-tab-title-item-width);
    padding: var(--grail-tab-title-item-padding);
    color: var(--grail-tab-title-item-color);
    background-color: var(--grail-tab-title-item-background)
}

.grail-tab-title-item-actived {
    cursor: default;
    color: var(--grail-tab-title-item-actived-color);
    background-color: var(--grail-tab-title-item-actived-background);
    font-weight: var(--grail-tab-title-item-actived-font-weight)
}

.grail-tab-title-item:not(.grail-tab-title-item-actived):hover {
    color: var(--grail-tab-title-item-hover-color);
    background-color: var(--grail-tab-title-item-hover-background)
}

.grail-tab-title-fold-icon {
    transition: transform .3s;
    transform: rotate(0)
}

.grail-tab-title-fold-icon-unfold {
    transform: rotate(180deg)
}

.grail-tab-title-auto-width .grail-tab-title-item {
    width: auto
}

body.theme-dark .grail-tab-title-level-first {
    --grail-tab-title-item-color: #969696;
    --grail-tab-title-item-background: transparent;
    --grail-tab-title-item-hover-color: #969696;
    --grail-tab-title-item-hover-background: transparent;
    --grail-tab-title-item-actived-color: #00DFB0;
    --grail-tab-title-item-actived-background: #191919
}

body.theme-dark .grail-tab-title-level-second {
    --grail-tab-title-item-color: #969696;
    --grail-tab-title-item-background: transparent;
    --grail-tab-title-item-hover-color: #969696;
    --grail-tab-title-item-hover-background: transparent;
    --grail-tab-title-item-actived-color: #B4B4B4;
    --grail-tab-title-item-actived-background: #191919
}

body.theme-aigc .grail-tab-title {
    --grail-tab-title-btn-align-margin-right: -8px;
    --grail-tab-title-actions-space: 0px
}

body.theme-aigc .grail-tab-title-level-second,body.theme-aigc .grail-tab-title-level-first {
    --grail-tab-title-item-color: rgba(0, 0, 0, .6);
    --grail-tab-title-item-background: transparent;
    --grail-tab-title-item-hover-color: rgba(0, 0, 0, .6);
    --grail-tab-title-item-hover-background: #F5F5F5;
    --grail-tab-title-item-actived-color: rgba(0, 0, 0, .9);
    --grail-tab-title-item-actived-background: #F5F5F5;
    --grail-tab-title-item-row-height: 32px;
    --grail-tab-title-item-row-gap: 8px;
    --grail-tab-title-item-column-gap: 8px;
    --grail-tab-title-item-font-size: 14px;
    --grail-tab-title-item-line-height: 22px;
    --grail-tab-title-item-width: 72px;
    --grail-tab-title-item-padding: 5px 8px;
    --grail-tab-title-item-font-weight: 400;
    --grail-tab-title-item-actived-font-weight: 500;
    --grail-tab-title-item-radius: 4px;
    --grail-tab-title-group-row-gap: 16px
}

body.theme-aigc .grail-tab-title-actions.grail-space {
    gap: var(--grail-tab-title-actions-space)
}

.grail-tab-full {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column
}

.grail-tab-full .grail-tab-content {
    flex: 1 1;
    min-height: 0
}

.grail-modal {
    position: relative;
    top: 100px;
    font-size: var(--grail-modal-font-size);
    line-height: 1.66667;
    max-width: calc(100vw - 32px);
    margin: 0 16px;
    width: auto;
    pointer-events: none;
    transform-origin: none!important;
    color: var(--grail-model-color);
    white-space: initial
}

.grail-modal-root {
    --grail-modal-mask-background: rgba(0, 0, 0, .4);
    --grail-modal-border-color: #F5F5F5;
    --grail-modal-content-background: #fff;
    --grail-modal-content-shadow-color: transparent;
    --grail-modal-header-color: #191919;
    --grail-model-color: #808080;
    --grail-modal-font-size: 12px;
    --grail-modal-header-font-weight: 500;
    --grail-modal-header-font-size: 16px;
    --grail-modal-header-line-height: 22px;
    --grail-modal-confirm-title-font-weight: 500;
    --grail-modal-confirm-title-font-size: 14px;
    --grail-modal-confirm-title-line-height: 20px;
    --grail-modal-confirm-title-margin-bottom: 8px;
    --grail-modal-footer-padding: 16px 24px
}

.grail-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: var(--grail-modal-mask-background)
}

.grail-modal-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    outline: 0;
    z-index: 1000;
    white-space: nowrap
}

.grail-modal-centered {
    text-align: center
}

.grail-modal-centered:before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.grail-modal-centered .grail-modal {
    top: 0;
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.grail-modal-content {
    pointer-events: auto;
    background-color: var(--grail-modal-content-background);
    border-radius: 8px;
    box-shadow: none;
    background-clip: padding-box;
    border: 1px solid var(--grail-modal-border-color);
    box-shadow: 0 0 40px var(--grail-modal-content-shadow-color);
    position: relative
}

.grail-modal-header {
    font-weight: var(--grail-modal-header-font-weight);
    font-size: var(--grail-modal-header-font-size);
    line-height: var(--grail-modal-header-line-height);
    text-align: center;
    color: var(--grail-modal-header-color);
    padding: 14px 24px;
    border-bottom: 1px solid var(--grail-modal-border-color)
}

.grail-modal-close {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    font-size: 30px;
    height: 50px;
    width: 50px;
    border: none;
    background: transparent;
    padding: 0 12px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer
}

.grail-modal-close>span {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.grail-modal-close:hover {
    opacity: .8
}

.grail-modal-body {
    padding: 24px;
    overflow: auto;
    position: relative;
    z-index: 0
}

.grail-modal-footer {
    padding: var(--grail-modal-footer-padding);
    border-top: 1px solid var(--grail-modal-border-color);
    text-align: right
}

.grail-modal-confirm-title {
    font-weight: var(--grail-modal-confirm-title-font-weight);
    font-size: var(--grail-modal-confirm-title-font-size);
    line-height: var(--grail-modal-confirm-title-line-height);
    margin-bottom: var(--grail-modal-confirm-title-margin-bottom);
    color: var(--grail-modal-header-color)
}

body.theme-dark .grail-modal-root {
    --grail-modal-mask-background: rgba(0, 0, 0, .6);
    --grail-modal-border-color: #323232;
    --grail-modal-content-background: #282828;
    --grail-modal-content-shadow-color: rgba(0, 0, 0, .6);
    --grail-modal-header-color: #B4B4B4;
    --grail-model-color: #969696
}

body.theme-aigc .grail-modal-root {
    --grail-modal-mask-background: rgba(0, 0, 0, .4);
    --grail-modal-border-color: #F5F5F5;
    --grail-modal-content-background: #fff;
    --grail-modal-content-shadow-color: transparent;
    --grail-modal-header-color: #000000;
    --grail-model-color: rgba(0, 0, 0, .4);
    --grail-modal-font-size: 14px;
    --grail-modal-header-font-weight: 500;
    --grail-modal-header-font-size: 16px;
    --grail-modal-header-line-height: 22px;
    --grail-modal-confirm-title-font-weight: 500;
    --grail-modal-confirm-title-font-size: 16px;
    --grail-modal-confirm-title-line-height: 22px;
    --grail-modal-confirm-title-margin-bottom: 8px
}

.grail-tooltip {
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    z-index: 1070;
    display: block;
    width: max-content;
    max-width: var(--grail-tooltip-max-width);
    --grail-tooltip-background: #fff;
    --grail-tooltip-color: #191919;
    --grail-tooltip-border-color: #E0E0E0;
    --grail-tooltip-arrow-content-width: 6px;
    --grail-tooltip-arrow-content-height: 6px;
    --grail-tooltip-inner-margin-top: 0px;
    --grail-tooltip-arrow-content-display: block;
    --grail-tooltip-inner-padding: 5px 10px
}

.grail-tooltip-content {
    position: relative
}

.grail-tooltip-hidden {
    display: none
}

.grail-tooltip-arrow {
    position: absolute
}

.grail-tooltip-arrow-content {
    display: var(--grail-tooltip-arrow-content-display);
    width: var(--grail-tooltip-arrow-content-width);
    height: var(--grail-tooltip-arrow-content-height);
    background-color: var(--grail-tooltip-background);
    border-left: 1px solid var(--grail-tooltip-border-color);
    border-top: 1px solid var(--grail-tooltip-border-color);
    border-top-left-radius: 2px
}

.grail-tooltip-arrow:before {
    position: absolute
}

.grail-tooltip-inner {
    word-wrap: break-word;
    background-color: var(--grail-tooltip-background);
    color: var(--grail-tooltip-color);
    padding: var(--grail-tooltip-inner-padding);
    border-radius: 3px;
    border: 1px solid var(--grail-tooltip-border-color);
    margin-top: var(--grail-tooltip-inner-margin-top)
}

.grail-tooltip-placement-bottom,.grail-tooltip-placement-bottomLeft,.grail-tooltip-placement-bottomRight {
    padding-top: 2px
}

.grail-tooltip-placement-bottom .grail-tooltip-arrow,.grail-tooltip-placement-bottomLeft .grail-tooltip-arrow,.grail-tooltip-placement-bottomRight .grail-tooltip-arrow {
    left: 50%;
    transform: translate(-50%);
    top: 0
}

.grail-tooltip-placement-bottom .grail-tooltip-arrow-content,.grail-tooltip-placement-bottomLeft .grail-tooltip-arrow-content,.grail-tooltip-placement-bottomRight .grail-tooltip-arrow-content {
    transform: translateY(-50%) rotate(45deg)
}

.grail-tooltip-placement-top,.grail-tooltip-placement-topLeft,.grail-tooltip-placement-topRight {
    padding-bottom: 2px
}

.grail-tooltip-placement-top .grail-tooltip-arrow,.grail-tooltip-placement-topLeft .grail-tooltip-arrow,.grail-tooltip-placement-topRight .grail-tooltip-arrow {
    left: 50%;
    bottom: 0;
    transform: translate(-50%)
}

.grail-tooltip-placement-top .grail-tooltip-arrow-content,.grail-tooltip-placement-topLeft .grail-tooltip-arrow-content,.grail-tooltip-placement-topRight .grail-tooltip-arrow-content {
    transform: translateY(50%) rotate(225deg)
}

.grail-tooltip-placement-left,.grail-tooltip-placement-leftTop,.grail-tooltip-placement-leftBottom {
    padding-right: 4px
}

.grail-tooltip-placement-left .grail-tooltip-arrow,.grail-tooltip-placement-leftTop .grail-tooltip-arrow,.grail-tooltip-placement-leftBottom .grail-tooltip-arrow {
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.grail-tooltip-placement-left .grail-tooltip-arrow-content,.grail-tooltip-placement-leftTop .grail-tooltip-arrow-content,.grail-tooltip-placement-leftBottom .grail-tooltip-arrow-content {
    transform: translate(50%) rotate(135deg)
}

.grail-tooltip-placement-right,.grail-tooltip-placement-rightTop,.grail-tooltip-placement-rightBottom {
    padding-left: 2px
}

.grail-tooltip-placement-right .grail-tooltip-arrow,.grail-tooltip-placement-rightTop .grail-tooltip-arrow,.grail-tooltip-placement-rightBottom .grail-tooltip-arrow {
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.grail-tooltip-placement-right .grail-tooltip-arrow-content,.grail-tooltip-placement-rightTop .grail-tooltip-arrow-content,.grail-tooltip-placement-rightBottom .grail-tooltip-arrow-content {
    transform: translate(-50%) rotate(-45deg)
}

.grail-tooltip-placement-rightBottom .grail-tooltip-arrow,.grail-tooltip-placement-leftBottom .grail-tooltip-arrow {
    bottom: 5px;
    transform: none
}

.grail-tooltip-placement-rightTop .grail-tooltip-arrow,.grail-tooltip-placement-leftTop .grail-tooltip-arrow {
    top: 5px;
    transform: none
}

.grail-tooltip-placement-topLeft .grail-tooltip-arrow,.grail-tooltip-placement-bottomLeft .grail-tooltip-arrow {
    left: 13px;
    transform: none;
    right: auto
}

.grail-tooltip-placement-topRight .grail-tooltip-arrow,.grail-tooltip-placement-bottomRight .grail-tooltip-arrow {
    right: 13px;
    transform: none;
    left: auto
}

body.theme-dark .grail-tooltip {
    --grail-tooltip-background: #323232;
    --grail-tooltip-color: #B4B4B4;
    --grail-tooltip-border-color: #323232
}

body.theme-aigc .grail-tooltip {
    --grail-tooltip-background: #FFFFFF;
    --grail-tooltip-color: rgba(0, 0, 0, .9);
    --grail-tooltip-border-color: #EBEBEB;
    --grail-tooltip-inner-padding: 8px 16px;
    font-size: 14px;
    line-height: 22px
}

body.theme-aigc .grail-tooltip-inner {
    padding: var(--grail-tooltip-inner-padding);
    border-radius: 8px
}

body.theme-aigc .grail-tooltip[class*=grail-tooltip-placement-top] .grail-tooltip-inner {
    box-shadow: 0 2px 24px #0000001a,0 2px 16px #0000000f
}

body.theme-aigc .grail-tooltip[class*=grail-tooltip-placement-bottom] .grail-tooltip-inner {
    box-shadow: 0 -2px 24px #0000001a,0 -2px 16px #0000000f
}

body.theme-aigc .grail-tooltip[class*=grail-tooltip-placement-right] .grail-tooltip-inner {
    box-shadow: -2px 0 24px #0000001a,-2px 0 16px #0000000f
}

body.theme-aigc .grail-tooltip[class*=grail-tooltip-placement-left] .grail-tooltip-inner {
    box-shadow: 2px 0 24px #0000001a,2px 0 16px #0000000f
}

body.theme-literature .grail-tooltip {
    --grail-tooltip-background: #FFFFFF;
    --grail-tooltip-color: rgba(0, 0, 0, .9);
    --grail-tooltip-border-color: #EBEBEB;
    --grail-tooltip-arrow-content-width: 8px;
    --grail-tooltip-arrow-content-height: 8px;
    --grail-tooltip-arrow-content-translateY: 0px;
    --grail-tooltip-inner-padding: 12px 16px;
    font-size: 14px;
    line-height: 22px
}

body.theme-literature .grail-tooltip-inner {
    padding: var(--grail-tooltip-inner-padding);
    border-radius: 8px;
    border: 0
}

body.theme-literature .grail-tooltip-arrow-content {
    border-left: 0;
    border-top: 0
}

body.theme-literature .grail-tooltip-placement-rightTop .grail-tooltip-arrow-content {
    transform: translate(-50%) translateY(var(--grail-tooltip-arrow-content-translateY)) rotate(-45deg)
}

body.theme-literature .grail-tooltip[class*=grail-tooltip-placement-top] .grail-tooltip-inner {
    box-shadow: 0 2px 24px #0000001a,0 2px 16px #0000000f
}

body.theme-literature .grail-tooltip[class*=grail-tooltip-placement-bottom] .grail-tooltip-inner {
    box-shadow: 0 -2px 24px #0000001a,0 -2px 16px #0000000f
}

body.theme-literature .grail-tooltip[class*=grail-tooltip-placement-right] .grail-tooltip-inner {
    box-shadow: 0 4px 16px #00000024
}

body.theme-literature .grail-tooltip[class*=grail-tooltip-placement-left] .grail-tooltip-inner {
    box-shadow: 2px 0 24px #0000001a,2px 0 16px #0000000f
}

.grail-box-level-default {
    --grail-box-background: #ffffff;
    --grail-box-text-color: #4d4d4d;
    --grail-box-extra-text-color: #808080
}

.grail-box-level-secondary,.grail-box-level-background {
    --grail-box-background: #f5f5f5;
    --grail-box-text-color: #B3B3B3;
    --grail-box-extra-text-color: #B3B3B3
}

.grail-box {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: inherit;
    --grail-box-text-size: 12px;
    --grail-box-text-font-weight: 400;
    --grail-box-text-line-height: 18px;
    --grail-box-extra-text-size: 12px;
    --grail-box-extra-line-height: 17px;
    --grail-box-extra-font-weight: 400;
    --grail-box-loading-icon-size: 40px;
    --grail-box-loading-text-space: 26px;
    --grail-box-text-extra-space: 8px;
    --grail-box-retry-font-weight: 400;
    background-color: var(--grail-box-background)
}

.grail-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: inherit
}

.grail-box-has-ratio {
    height: 0;
    padding-bottom: calc(1 / var(--grail-box-ratio) * 100%)
}

.grail-box-has-ratio .grail-box-inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.grail-box-content {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto
}

.grail-box-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    background: var(--grail-box-background);
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center
}

.grail-box-cover-inner {
    text-align: center;
    display: inline-block;
    color: var(--grail-box-text-color)
}

.grail-box-text {
    font-size: var(--grail-box-text-size);
    font-weight: var(--grail-box-text-font-weight);
    color: var(--grail-box-text-color);
    line-height: var(--grail-box-text-line-height)
}

.grail-box-extra-text {
    font-size: var(--grail-box-extra-text-size);
    line-height: var(--grail-box-extra-line-height);
    font-weight: var(--grail-box-extra-font-weight);
    color: var(--grail-box-extra-text-color)
}

.grail-box-loading-icon {
    pointer-events: none;
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: var(--grail-box-loading-icon-size)
}

.grail-box-loading-icon+.grail-box-extra-text,.grail-box-loading-icon+.grail-box-text {
    margin-top: var(--grail-box-loading-text-space)
}

.grail-box-text+.grail-box-extra-text {
    margin-top: var(--grail-box-text-extra-space)
}

.grail-box-retry {
    font-weight: var(--grail-box-retry-font-weight)!important;
    font-size: var(--grail-box-text-size)!important;
    padding: 0!important;
    min-width: auto!important
}

body.theme-dark .grail-box-level-default {
    --grail-box-background: #282828;
    --grail-box-text-color: #B4B4B4;
    --grail-box-extra-text-color: #808080
}

body.theme-dark .grail-box-level-secondary {
    --grail-box-background: #323232;
    --grail-box-text-color: #B4B4B4;
    --grail-box-extra-text-color: #808080
}

body.theme-dark .grail-box-level-background {
    --grail-box-background: #191919;
    --grail-box-text-color: #B4B4B4;
    --grail-box-extra-text-color: #808080
}

body.theme-aigc .grail-box-level-default {
    --grail-box-background: #ffffff;
    --grail-box-text-color: rgba(0, 0, 0, .4);
    --grail-box-extra-text-color: rgba(0, 0, 0, .2)
}

body.theme-aigc .grail-box-level-secondary,body.theme-aigc .grail-box-level-background {
    --grail-box-background: #f5f5f5;
    --grail-box-text-color: rgba(0, 0, 0, .6);
    --grail-box-extra-text-color: rgba(0, 0, 0, .6)
}

body.theme-aigc .grail-box {
    --grail-box-text-size: 14px;
    --grail-box-text-font-weight: 400;
    --grail-box-text-line-height: 22px;
    --grail-box-extra-text-size: 12px;
    --grail-box-extra-line-height: 20px;
    --grail-box-extra-font-weight: 400;
    --grail-box-loading-icon-size: 40px;
    --grail-box-loading-text-space: 20px;
    --grail-box-text-extra-space: 4px;
    --grail-box-retry-font-weight: 400
}

body.theme-literature .grail-box-level-default {
    --grail-box-background: #ffffff;
    --grail-box-text-color: rgba(20, 30, 41, .92);
    --grail-box-extra-text-color: rgba(20, 30, 41, .4)
}

body.theme-literature .grail-box-level-secondary,body.theme-literature .grail-box-level-background {
    --grail-box-background: #f5f5f5;
    --grail-box-text-color: rgba(0, 0, 0, .6);
    --grail-box-extra-text-color: rgba(0, 0, 0, .6)
}

body.theme-literature .grail-box {
    --grail-box-text-size: 14px;
    --grail-box-text-font-weight: 500;
    --grail-box-text-line-height: 22px;
    --grail-box-extra-text-size: 12px;
    --grail-box-extra-line-height: 20px;
    --grail-box-extra-font-weight: 400;
    --grail-box-loading-icon-size: 40px;
    --grail-box-loading-text-space: 12px;
    --grail-box-text-extra-space: 4px;
    --grail-box-retry-font-weight: 400
}

.grail-load-more {
    position: relative;
    width: 100%;
    height: auto;
    --grail-box-loading-icon-size: 20px;
    --grail-box-loading-text-space: 0;
    --grail-box-text-line-height: 20px;
    --grail-load-more-icon-space: 4px;
    padding-top: var(--grail-load-more-padding-top);
    padding-bottom: var(--grail-load-more-padding-bottom)
}

.grail-load-more .grail-box-cover {
    position: relative
}

.grail-load-more .grail-box-cover-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--grail-load-more-icon-space)
}

.grail-load-more-padding-top-size-none {
    --grail-load-more-padding-top: 0
}

.grail-load-more-padding-bottom-size-none {
    --grail-load-more-padding-bottom: 0
}

.grail-load-more-padding-top-size-small {
    --grail-load-more-padding-top: 16px
}

.grail-load-more-padding-bottom-size-small {
    --grail-load-more-padding-bottom: 16px
}

.grail-load-more-padding-top-size-middle {
    --grail-load-more-padding-top: 20px
}

.grail-load-more-padding-bottom-size-middle {
    --grail-load-more-padding-bottom: 20px
}

.grail-load-more-padding-top-size-large {
    --grail-load-more-padding-top: 24px
}

.grail-load-more-padding-bottom-size-large {
    --grail-load-more-padding-bottom: 24px
}

body.theme-aigc .grail-load-more {
    --grail-box-loading-icon-size: 20px;
    --grail-box-loading-text-space: 0;
    --grail-load-more-icon-space: 4px
}

body.theme-aigc .grail-load-more-padding-top-size-none {
    --grail-load-more-padding-top: 0
}

body.theme-aigc .grail-load-more-padding-bottom-size-none {
    --grail-load-more-padding-bottom: 0
}

body.theme-aigc .grail-load-more-padding-top-size-small {
    --grail-load-more-padding-top: 8px
}

body.theme-aigc .grail-load-more-padding-bottom-size-small {
    --grail-load-more-padding-bottom: 8px
}

body.theme-aigc .grail-load-more-padding-top-size-middle {
    --grail-load-more-padding-top: 16px
}

body.theme-aigc .grail-load-more-padding-bottom-size-middle {
    --grail-load-more-padding-bottom: 16px
}

body.theme-aigc .grail-load-more-padding-top-size-large {
    --grail-load-more-padding-top: 24px
}

body.theme-aigc .grail-load-more-padding-bottom-size-large {
    --grail-load-more-padding-bottom: 24px
}

body .ant-message-notice.grail-message {
    --grail-message-font-size: 12px;
    --grail-message-font-weight: 400;
    --grail-message-border-width: 1px;
    --grail-message-box-shadow: none;
    --grail-message-color: #191919;
    --grail-message-border-color: #E0E0E0;
    --grail-message-background-color: #fff;
    --grail-message-success-icon-color: #00CCA2;
    --grail-message-info-icon-color: #00CCA2;
    --grail-message-warning-icon-color: #ff9800;
    --grail-message-error-icon-color: #F5584C;
    --grail-message-line-height: 20px;
    --grail-message-icon-gap: 4px;
    --grail-message-padding: 9px 16px;
    --grail-message-radius: 4px;
    --grail-message-icon-font-size: 20px
}

body .ant-message-notice.grail-message .ant-message-notice-content {
    padding: 0;
    background: none;
    box-shadow: none
}

body .ant-message-notice.grail-message .ant-message-custom-content {
    display: flex;
    text-align: left;
    align-items: center;
    box-shadow: var(--grail-message-box-shadow);
    background-color: var(--grail-message-background-color);
    border: var(--grail-message-border-width) solid var(--grail-message-border-color);
    border-radius: var(--grail-message-radius);
    color: var(--grail-message-color);
    font-size: var(--grail-message-font-size);
    padding: var(--grail-message-padding);
    line-height: var(--grail-message-line-height);
    gap: var(--grail-message-icon-gap);
    font-weight: var(--grail-message-font-weight);
    word-break: break-all
}

body .ant-message-notice.grail-message .ant-message-custom-content>.grail-icon {
    font-size: var(--grail-message-icon-font-size)
}

body .ant-message-notice.grail-message .ant-message-custom-content>.grail-icon .anticon {
    margin: 0;
    font-size: inherit!important;
    line-height: initial!important;
    top: 50%;
    width: auto!important;
    height: auto!important;
    background: none!important
}

body .ant-message-notice.grail-message .ant-message-custom-content>.grail-icon .anticon svg {
    display: inline-block!important;
    opacity: 1!important;
    pointer-events: auto!important
}

body .ant-message-notice.grail-message .ant-message-custom-content.ant-message-success>.grail-icon .anticon {
    color: var(--grail-message-success-icon-color)
}

body .ant-message-notice.grail-message .ant-message-custom-content.ant-message-info>.grail-icon .anticon {
    color: var(--grail-message-info-icon-color)
}

body .ant-message-notice.grail-message .ant-message-custom-content.ant-message-warning>.grail-icon .anticon {
    color: var(--grail-message-warning-icon-color)
}

body .ant-message-notice.grail-message .ant-message-custom-content.ant-message-error>.grail-icon .anticon {
    color: var(--grail-message-error-icon-color)
}

body.theme-dark .ant-message-notice.grail-message {
    --grail-message-color: #B4B4B4;
    --grail-message-border-color: #323232;
    --grail-message-background-color: #323232;
    --grail-message-success-icon-color: #00DFB0;
    --grail-message-info-icon-color: #00DFB0;
    --grail-message-warning-icon-color: #ff9800;
    --grail-message-error-icon-color: #fb4e00
}

body.theme-aigc .ant-message-notice.grail-message {
    --grail-message-font-size: 14px;
    --grail-message-font-weight: 500;
    --grail-message-border-width: 0;
    --grail-message-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .06), 0px 2px 12px 0px rgba(0, 0, 0, .1);
    --grail-message-color: rgba(0, 0, 0, .6);
    --grail-message-background-color: #fff;
    --grail-message-success-icon-color: #00CCA2;
    --grail-message-info-icon-color: #00CCA2;
    --grail-message-warning-icon-color: #ff9900;
    --grail-message-error-icon-color: #ff5c67;
    --grail-message-line-height: 22px;
    --grail-message-icon-gap: 8px;
    --grail-message-padding: 13px 24px;
    --grail-message-radius: 8px
}

body.theme-literature .ant-message-notice.grail-message {
    --grail-message-font-size: 14px;
    --grail-message-font-weight: 400;
    --grail-message-border-width: 1px;
    --grail-message-color: rgba(20, 30, 41, .92);
    --grail-message-border-color: rgba(20, 30, 41, .08);
    --grail-message-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .06), 0px 2px 12px 0px rgba(0, 0, 0, .1);
    --grail-message-success-icon-color: #30C157;
    --grail-message-info-icon-color: #1E71EF;
    --grail-message-warning-icon-color: #F4BB00;
    --grail-message-error-icon-color: #EA3447;
    --grail-message-loading-icon-color: #1E71EF;
    --grail-message-line-height: 20px;
    --grail-message-icon-gap: 3px;
    --grail-message-padding: 7px 15px;
    --grail-message-radius: 4px;
    --grail-message-icon-font-size: 24px
}

body.theme-literature .ant-message-notice.grail-message.ant-message-loading>.grail-icon .anticon {
    color: var(--grail-message-loading-icon-color)
}

.grail-alert {
    --grail-alert-message-font-size: 14px;
    --grail-alert-message-font-weight: 400;
    --grail-alert-message-line-height: 16px;
    --grail-alert-description-font-size: 12px;
    --grail-alert-description-font-weight: 400;
    --grail-alert-description-line-height: 16px;
    --grail-alert-description-margin-top: 4px;
    --grail-alert-message-color: #4d4d4d;
    --grail-alert-description-color: #808080;
    --grail-alert-close-icon-color: #808080;
    --grail-alert-default-border-color: #e0e0e0;
    --grail-alert-default-background: #fff;
    --grail-alert-default-icon-color: #4d4d4d;
    --grail-alert-success-border-color: #e0e0e0;
    --grail-alert-success-background: #fff;
    --grail-alert-success-icon-color: #00CCA2;
    --grail-alert-warning-border-color: #e0e0e0;
    --grail-alert-warning-background: #fff;
    --grail-alert-warning-icon-color: #ff9800;
    --grail-alert-error-border-color: #e0e0e0;
    --grail-alert-error-background: #fff;
    --grail-alert-error-icon-color: #F5584C;
    --grail-alert-shadow: none;
    --grail-alert-padding: 14px 16px 12px 16px;
    --grail-alert-radius: 5px;
    --grail-alert-border-width: 1px;
    --grail-alert-icon-right: 10px;
    --grail-alert-action-left: 10px;
    position: relative;
    display: flex;
    align-items: center;
    padding: var(--grail-alert-padding);
    word-wrap: break-word;
    border-radius: var(--grail-alert-radius);
    display: var(--grail-alert-display);
    align-items: flex-start;
    border: var(--grail-alert-border-width) solid;
    box-shadow: var(--grail-alert-shadow);
    color: var(--grail-alert-message-color)
}

.grail-alert-content {
    flex: 1 1
}

.grail-alert-default {
    background-color: var(--grail-alert-default-background);
    border-color: var(--grail-alert-default-border-color)
}

.grail-alert-default .grail-alert-icon {
    color: var(--grail-alert-default-icon-color)
}

.grail-alert-success {
    background-color: var(--grail-alert-success-background);
    border-color: var(--grail-alert-success-border-color)
}

.grail-alert-success .grail-alert-icon {
    color: var(--grail-alert-success-icon-color)
}

.grail-alert-warning {
    background-color: var(--grail-alert-warning-background);
    border-color: var(--grail-alert-warning-border-color)
}

.grail-alert-warning .grail-alert-icon {
    color: var(--grail-alert-warning-icon-color)
}

.grail-alert-error {
    background-color: var(--grail-alert-error-background);
    border-color: var(--grail-alert-error-border-color)
}

.grail-alert-error .grail-alert-icon {
    color: var(--grail-alert-error-icon-color)
}

.grail-alert-icon {
    font-size: 20px;
    margin-right: var(--grail-alert-icon-right);
    line-height: var(--grail-alert-message-line-height);
    height: var(--grail-alert-message-line-height);
    display: flex;
    align-items: center
}

.grail-alert-icon .grail-icon[grail-type="20-4"],.grail-alert-icon[grail-type="20-4"] {
    font-size: 20px
}

.grail-alert-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-alert-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-alert-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-alert-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-alert-icon .grail-icon[grail-type="22-4"],.grail-alert-icon[grail-type="22-4"] {
    font-size: 20px
}

.grail-alert-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-alert-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-alert-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-alert-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((22 - 4 * 2) / 22)))
}

.grail-alert-icon .grail-icon[grail-type="24-3"],.grail-alert-icon[grail-type="24-3"] {
    font-size: 20px
}

.grail-alert-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-alert-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-alert-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-alert-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 80%
}

.grail-alert-icon .grail-icon[grail-type="30-8"],.grail-alert-icon[grail-type="30-8"] {
    font-size: 20px
}

.grail-alert-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-alert-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-alert-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-alert-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((30 - 8 * 2) / 30)))
}

.grail-alert-icon .grail-icon[grail-type="40-0"],.grail-alert-icon[grail-type="40-0"] {
    font-size: 20px
}

.grail-alert-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-alert-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-alert-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-alert-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((40 - 0 * 2) / 40)))
}

.grail-alert-icon .grail-icon[grail-type="48-2"],.grail-alert-icon[grail-type="48-2"] {
    font-size: 20px
}

.grail-alert-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-alert-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-alert-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-alert-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((48 - 2 * 2) / 48)))
}

.grail-alert-close-icon {
    margin: -5px -10px -10px 10px;
    border: none;
    background: none;
    padding: 0;
    line-height: var(--grail-alert-message-line-height);
    font-size: 30px;
    cursor: pointer;
    color: var(--grail-alert-close-icon-color)
}

.grail-alert-close-icon .grail-icon[grail-type="20-4"],.grail-alert-close-icon[grail-type="20-4"] {
    font-size: 30px
}

.grail-alert-close-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-alert-close-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-alert-close-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-alert-close-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((20 - 4 * 2) / 20)))
}

.grail-alert-close-icon .grail-icon[grail-type="22-4"],.grail-alert-close-icon[grail-type="22-4"] {
    font-size: 30px
}

.grail-alert-close-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-alert-close-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-alert-close-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-alert-close-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((22 - 4 * 2) / 22)))
}

.grail-alert-close-icon .grail-icon[grail-type="24-3"],.grail-alert-close-icon[grail-type="24-3"] {
    font-size: 30px
}

.grail-alert-close-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-alert-close-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-alert-close-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-alert-close-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((24 - 3 * 2) / 24)))
}

.grail-alert-close-icon .grail-icon[grail-type="30-8"],.grail-alert-close-icon[grail-type="30-8"] {
    font-size: 30px
}

.grail-alert-close-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-alert-close-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-alert-close-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-alert-close-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-alert-close-icon .grail-icon[grail-type="40-0"],.grail-alert-close-icon[grail-type="40-0"] {
    font-size: 30px
}

.grail-alert-close-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-alert-close-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-alert-close-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-alert-close-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((40 - 0 * 2) / 40)))
}

.grail-alert-close-icon .grail-icon[grail-type="48-2"],.grail-alert-close-icon[grail-type="48-2"] {
    font-size: 30px
}

.grail-alert-close-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-alert-close-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-alert-close-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-alert-close-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((48 - 2 * 2) / 48)))
}

.grail-alert-close-icon:hover {
    opacity: .8
}

.grail-alert-action {
    line-height: var(--grail-alert-message-line-height);
    font-size: var(--grail-alert-message-font-size);
    margin-left: var(--grail-alert-action-left);
    display: flex;
    min-height: var(--grail-alert-message-line-height);
    align-items: center
}

.grail-alert-message {
    font-size: var(--grail-alert-message-font-size);
    font-weight: var(--grail-alert-message-font-weight);
    line-height: var(--grail-alert-message-line-height);
    color: var(--grail-alert-message-color)
}

.grail-alert-description {
    font-weight: var(--grail-alert-description-font-weight);
    font-size: var(--grail-alert-description-font-size);
    line-height: var(--grail-alert-description-line-height);
    color: var(--grail-alert-description-color)
}

.grail-alert-message+.grail-alert-description {
    margin-top: var(--grail-alert-description-margin-top)
}

.grail-alert-motion-leave {
    overflow: hidden;
    opacity: 1;
    transition: all .3s ease-in-out
}

.grail-alert-motion-leave-active {
    max-height: 0;
    margin-bottom: 0!important;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0
}

body.theme-dark .grail-alert {
    --grail-alert-message-color: #B4B4B4;
    --grail-alert-description-color: #646464;
    --grail-alert-close-icon-color: #B4B4B4;
    --grail-alert-default-border-color: #e0e0e0;
    --grail-alert-default-background: #fff;
    --grail-alert-default-icon-color: #B4B4B4;
    --grail-alert-success-border-color: #264D44;
    --grail-alert-success-background: #1F2625;
    --grail-alert-success-icon-color: #00DFB0;
    --grail-alert-warning-border-color: #5C4625;
    --grail-alert-warning-background: #29251F;
    --grail-alert-warning-icon-color: #ff9800;
    --grail-alert-error-border-color: #66351F;
    --grail-alert-error-background: #282320;
    --grail-alert-error-icon-color: #fb4e00
}

body.theme-aigc .grail-alert {
    --grail-alert-message-font-size: 14px;
    --grail-alert-message-line-height: 22px;
    --grail-alert-message-font-weight: 500;
    --grail-alert-description-font-size: 14px;
    --grail-alert-description-line-height: 22px;
    --grail-alert-description-font-weight: 400;
    --grail-alert-description-margin-top: 4px;
    --grail-alert-message-color: rgba(0, 0, 0, .6);
    --grail-alert-description-color: rgba(0, 0, 0, .4);
    --grail-alert-close-icon-color: rgba(0, 0, 0, .6);
    --grail-alert-default-border-color: #e0e0e0;
    --grail-alert-default-background: #fff;
    --grail-alert-default-icon-color: rgba(0, 0, 0, .6);
    --grail-alert-success-border-color: transparent;
    --grail-alert-success-background: #fff;
    --grail-alert-success-icon-color: #00CCA2;
    --grail-alert-warning-border-color: transparent;
    --grail-alert-warning-background: #fff;
    --grail-alert-warning-icon-color: #ff9900;
    --grail-alert-error-border-color: transparent;
    --grail-alert-error-background: #fff;
    --grail-alert-error-icon-color: #ff5c67;
    --grail-alert-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .06), 0px 2px 12px 0px rgba(0, 0, 0, .1);
    --grail-alert-padding: 13px 24px;
    --grail-alert-radius: 8px;
    --grail-alert-border-width: 0px;
    --grail-alert-icon-right: 8px;
    --grail-alert-action-left: 8px
}

body.theme-aigc .grail-alert-close-icon {
    margin: -4px -10px -10px 10px;
    border: none;
    background: none;
    padding: 0;
    line-height: var(--grail-alert-message-line-height);
    font-size: 30px;
    cursor: pointer;
    color: var(--grail-alert-close-icon-color)
}

body.theme-aigc .grail-alert-close-icon .grail-icon[grail-type="20-4"],body.theme-aigc .grail-alert-close-icon[grail-type="20-4"] {
    font-size: 30px
}

body.theme-aigc .grail-alert-close-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-alert-close-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 30px
}

body.theme-aigc .grail-alert-close-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-alert-close-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((20 - 4 * 2) / 20)))
}

body.theme-aigc .grail-alert-close-icon .grail-icon[grail-type="22-4"],body.theme-aigc .grail-alert-close-icon[grail-type="22-4"] {
    font-size: 30px
}

body.theme-aigc .grail-alert-close-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-alert-close-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 30px
}

body.theme-aigc .grail-alert-close-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-alert-close-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-alert-close-icon .grail-icon[grail-type="24-3"],body.theme-aigc .grail-alert-close-icon[grail-type="24-3"] {
    font-size: 30px
}

body.theme-aigc .grail-alert-close-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-alert-close-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 30px
}

body.theme-aigc .grail-alert-close-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-alert-close-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((24 - 3 * 2) / 24)))
}

body.theme-aigc .grail-alert-close-icon .grail-icon[grail-type="30-8"],body.theme-aigc .grail-alert-close-icon[grail-type="30-8"] {
    font-size: 30px
}

body.theme-aigc .grail-alert-close-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-alert-close-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 30px
}

body.theme-aigc .grail-alert-close-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-alert-close-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-alert-close-icon .grail-icon[grail-type="40-0"],body.theme-aigc .grail-alert-close-icon[grail-type="40-0"] {
    font-size: 30px
}

body.theme-aigc .grail-alert-close-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-alert-close-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 30px
}

body.theme-aigc .grail-alert-close-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-alert-close-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((40 - 0 * 2) / 40)))
}

body.theme-aigc .grail-alert-close-icon .grail-icon[grail-type="48-2"],body.theme-aigc .grail-alert-close-icon[grail-type="48-2"] {
    font-size: 30px
}

body.theme-aigc .grail-alert-close-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-alert-close-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 30px
}

body.theme-aigc .grail-alert-close-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-alert-close-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((48 - 2 * 2) / 48)))
}

body.theme-aigc .grail-alert-close-icon:hover {
    opacity: .8
}

.grail-status-tip {
    --grail-status-tip-font-size: 12px;
    --grail-status-tip-message-line-height: 20px;
    --grail-status-tip-padding: 8px 0;
    --grail-status-tip-color: #808080;
    --grail-status-tip-icon-default-color: #808080;
    --grail-status-tip-icon-success-color: #00CCA2;
    --grail-status-tip-icon-error-color: #F5584C;
    padding: var(--grail-status-tip-padding)
}

.grail-status-tip-message {
    font-size: var(--grail-status-tip-font-size);
    color: var(--grail-status-tip-color);
    line-height: var(--grail-status-tip-message-line-height)
}

.grail-status-tip-type-default>.grail-status-tip-icon {
    color: var(--grail-status-tip-icon-default-color)
}

.grail-status-tip-type-success>.grail-status-tip-icon {
    color: var(--grail-status-tip-icon-success-color)
}

.grail-status-tip-type-error>.grail-status-tip-icon {
    color: var(--grail-status-tip-icon-error-color)
}

.grail-status-tip>.grail-status-tip-icon {
    font-size: 20px
}

.grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="20-4"],.grail-status-tip>.grail-status-tip-icon[grail-type="20-4"] {
    font-size: 20px
}

.grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-status-tip>.grail-status-tip-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-status-tip>.grail-status-tip-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="22-4"],.grail-status-tip>.grail-status-tip-icon[grail-type="22-4"] {
    font-size: 20px
}

.grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-status-tip>.grail-status-tip-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-status-tip>.grail-status-tip-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((22 - 4 * 2) / 22)))
}

.grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="24-3"],.grail-status-tip>.grail-status-tip-icon[grail-type="24-3"] {
    font-size: 20px
}

.grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-status-tip>.grail-status-tip-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-status-tip>.grail-status-tip-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 80%
}

.grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="30-8"],.grail-status-tip>.grail-status-tip-icon[grail-type="30-8"] {
    font-size: 20px
}

.grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-status-tip>.grail-status-tip-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-status-tip>.grail-status-tip-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((30 - 8 * 2) / 30)))
}

.grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="40-0"],.grail-status-tip>.grail-status-tip-icon[grail-type="40-0"] {
    font-size: 20px
}

.grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-status-tip>.grail-status-tip-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-status-tip>.grail-status-tip-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((40 - 0 * 2) / 40)))
}

.grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="48-2"],.grail-status-tip>.grail-status-tip-icon[grail-type="48-2"] {
    font-size: 20px
}

.grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-status-tip>.grail-status-tip-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-status-tip>.grail-status-tip-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((48 - 2 * 2) / 48)))
}

body.theme-dark .grail-status-tip {
    --grail-status-tip-color: #969696;
    --grail-status-tip-icon-default-color: #b4b4b4;
    --grail-status-tip-icon-success-color: #00DFB0;
    --grail-status-tip-icon-error-color: #FC4E00
}

body.theme-aigc .grail-status-tip {
    --grail-status-tip-font-size: 14px;
    --grail-status-tip-message-line-height: 22px;
    --grail-status-tip-padding: 5px 8px;
    --grail-status-tip-color: rgba(0, 0, 0, .4);
    --grail-status-tip-icon-default-color: rgba(0, 0, 0, .4);
    --grail-status-tip-icon-success-color: #00e0a7;
    --grail-status-tip-icon-error-color: #ff5c67
}

body.theme-aigc .grail-status-tip>.grail-status-tip-icon {
    font-size: 20px
}

body.theme-aigc .grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="20-4"],body.theme-aigc .grail-status-tip>.grail-status-tip-icon[grail-type="20-4"] {
    font-size: 20px
}

body.theme-aigc .grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-status-tip>.grail-status-tip-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-status-tip>.grail-status-tip-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="22-4"],body.theme-aigc .grail-status-tip>.grail-status-tip-icon[grail-type="22-4"] {
    font-size: 20px
}

body.theme-aigc .grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-status-tip>.grail-status-tip-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-status-tip>.grail-status-tip-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="24-3"],body.theme-aigc .grail-status-tip>.grail-status-tip-icon[grail-type="24-3"] {
    font-size: 20px
}

body.theme-aigc .grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-status-tip>.grail-status-tip-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-status-tip>.grail-status-tip-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="30-8"],body.theme-aigc .grail-status-tip>.grail-status-tip-icon[grail-type="30-8"] {
    font-size: 20px
}

body.theme-aigc .grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-status-tip>.grail-status-tip-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-status-tip>.grail-status-tip-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="40-0"],body.theme-aigc .grail-status-tip>.grail-status-tip-icon[grail-type="40-0"] {
    font-size: 20px
}

body.theme-aigc .grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-status-tip>.grail-status-tip-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-status-tip>.grail-status-tip-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="48-2"],body.theme-aigc .grail-status-tip>.grail-status-tip-icon[grail-type="48-2"] {
    font-size: 20px
}

body.theme-aigc .grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-status-tip>.grail-status-tip-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-status-tip>.grail-status-tip-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-status-tip>.grail-status-tip-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

.grail-mask-state {
    --grail-mask-state-background-color: rgba(0, 0, 0, .4);
    --grail-mask-state-padding: 8px;
    --grail-mask-state-line-height: 20px;
    --grail-mask-state-color: #fff;
    --grail-mask-state-font-size: 12px;
    --grail-mask-state-font-weight: 400;
    --grail-mask-state-error-icon-color: #ff5c67;
    position: relative;
    width: 100%;
    height: 100%
}

.grail-mask-state-mask {
    user-select: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    background-color: var(--grail-mask-state-background-color);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: var(--grail-mask-state-padding);
    line-height: var(--grail-mask-state-line-height);
    color: var(--grail-mask-state-color);
    font-size: var(--grail-mask-state-font-size);
    font-weight: var(--grail-mask-state-font-weight)
}

.grail-mask-state-mask .grail-icon,.grail-mask-state-mask .grail-icon .grail-icon[grail-type="20-4"],.grail-mask-state-mask .grail-icon[grail-type="20-4"] {
    font-size: 16px
}

.grail-mask-state-mask .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-mask-state-mask .grail-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-mask-state-mask .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-mask-state-mask .grail-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

.grail-mask-state-mask .grail-icon .grail-icon[grail-type="22-4"],.grail-mask-state-mask .grail-icon[grail-type="22-4"] {
    font-size: 16px
}

.grail-mask-state-mask .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-mask-state-mask .grail-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-mask-state-mask .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-mask-state-mask .grail-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

.grail-mask-state-mask .grail-icon .grail-icon[grail-type="24-3"],.grail-mask-state-mask .grail-icon[grail-type="24-3"] {
    font-size: 16px
}

.grail-mask-state-mask .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-mask-state-mask .grail-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-mask-state-mask .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-mask-state-mask .grail-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-mask-state-mask .grail-icon .grail-icon[grail-type="30-8"],.grail-mask-state-mask .grail-icon[grail-type="30-8"] {
    font-size: 16px
}

.grail-mask-state-mask .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-mask-state-mask .grail-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-mask-state-mask .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-mask-state-mask .grail-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

.grail-mask-state-mask .grail-icon .grail-icon[grail-type="40-0"],.grail-mask-state-mask .grail-icon[grail-type="40-0"] {
    font-size: 16px
}

.grail-mask-state-mask .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-mask-state-mask .grail-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-mask-state-mask .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-mask-state-mask .grail-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

.grail-mask-state-mask .grail-icon .grail-icon[grail-type="48-2"],.grail-mask-state-mask .grail-icon[grail-type="48-2"] {
    font-size: 16px
}

.grail-mask-state-mask .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-mask-state-mask .grail-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-mask-state-mask .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-mask-state-mask .grail-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

.grail-mask-state-retry {
    padding: 0;
    font-size: var(--grail-mask-state-font-size)
}

.grail-mask-state-error-icon.grail-icon {
    color: var(--grail-mask-state-error-icon-color)
}

body.theme-aigc .grail-mask-state {
    --grail-mask-state-background-color: rgba(0, 0, 0, .4);
    --grail-mask-state-padding: 8px;
    --grail-mask-state-line-height: 20px;
    --grail-mask-state-color: #fff;
    --grail-mask-state-font-size: 12px;
    --grail-mask-state-font-weight: 400;
    --grail-mask-state-error-icon-color: #ff5c67
}

.grail-panel-level-1 {
    --grail-panel-background-color: #f5f5f5;
    --grail-panel-color: #808080;
    --grail-panel-border-color: #e0e0e0;
    --grail-panel-shadow: none
}

.grail-panel-level-2 {
    --grail-panel-background-color: #ffffff;
    --grail-panel-color: #191919;
    --grail-panel-border-color: #f5f5f5;
    --grail-panel-shadow: 0 0 8px 0 rgba(0, 0, 0, .04)
}

.grail-panel {
    --grail-panel-radius: 3px;
    background: var(--grail-panel-background-color);
    color: var(--grail-panel-color);
    position: relative
}

.grail-panel-hover-show-scroll:not(.grail-panel:hover) {
    --grail-scrollbar-track-bg: transparent;
    --grail-scrollbar-thumb-bg: transparent
}

.grail-panel-size-none {
    --grail-panel-padding-top: 0;
    --grail-panel-padding-right: 0;
    --grail-panel-padding-bottom: 0;
    --grail-panel-padding-left: 0
}

.grail-panel-size-small {
    --grail-panel-padding-top: 16px;
    --grail-panel-padding-right: 16px;
    --grail-panel-padding-bottom: 16px;
    --grail-panel-padding-left: 16px
}

.grail-panel-size-middle {
    --grail-panel-padding-top: 20px;
    --grail-panel-padding-right: 20px;
    --grail-panel-padding-bottom: 20px;
    --grail-panel-padding-left: 20px
}

.grail-panel-size-large {
    --grail-panel-padding-top: 24px;
    --grail-panel-padding-right: 24px;
    --grail-panel-padding-bottom: 24px;
    --grail-panel-padding-left: 24px
}

.grail-panel-padding-top-size-none {
    --grail-panel-padding-top: 0
}

.grail-panel-padding-bottom-size-none {
    --grail-panel-padding-bottom: 0
}

.grail-panel-padding-top-size-small {
    --grail-panel-padding-top: 16px
}

.grail-panel-padding-bottom-size-small {
    --grail-panel-padding-bottom: 16px
}

.grail-panel-padding-top-size-middle {
    --grail-panel-padding-top: 20px
}

.grail-panel-padding-bottom-size-middle {
    --grail-panel-padding-bottom: 20px
}

.grail-panel-padding-top-size-large {
    --grail-panel-padding-top: 24px
}

.grail-panel-padding-bottom-size-large {
    --grail-panel-padding-bottom: 24px
}

.grail-panel-full {
    width: 100%;
    height: 100%
}

.grail-panel-content-visibility {
    content-visibility: auto
}

.grail-panel-padding-enable {
    padding: 0 var(--grail-panel-padding-right) var(--grail-panel-padding-bottom) var(--grail-panel-padding-left)
}

.grail-panel-padding-enable .grail-divider-full-to-panel:not(.grail-divider-vertical) {
    margin-left: calc(-1 * var(--grail-panel-padding-left));
    margin-right: calc(-1 * var(--grail-panel-padding-right))
}

@supports (scrollbar-gutter: stable) {
    .grail-panel-padding-enable:not(.grail-panel-size-none) {
        overflow-y: auto;
        scrollbar-gutter: stable;
        padding-right: calc(var(--grail-panel-padding-right) - var(--grail-scrollbar-width))
    }

    .grail-panel-padding-enable:not(.grail-panel-size-none) .grail-divider-full-to-panel:not(.grail-divider-vertical) {
        margin-right: calc(-1 * (var(--grail-panel-padding-right) - var(--grail-scrollbar-width)))
    }
}

.grail-panel-top-padding-enable {
    padding-top: var(--grail-panel-padding-top)
}

.grail-panel-inner {
    height: 100%
}

.grail-panel-radius {
    border-radius: var(--grail-panel-radius)
}

.grail-panel-border {
    border: 1px solid var(--grail-panel-border-color)
}

.grail-panel-border-left {
    border-left: 1px solid var(--grail-panel-border-color)
}

.grail-panel-border-right {
    border-right: 1px solid var(--grail-panel-border-color)
}

.grail-panel-border-top {
    border-top: 1px solid var(--grail-panel-border-color)
}

.grail-panel-border-bottom {
    border-bottom: 1px solid var(--grail-panel-border-color)
}

.grail-panel-shadow {
    box-shadow: var(--grail-panel-shadow)
}

.grail-panel-hide {
    display: none
}

body.theme-dark .grail-panel-level-1 {
    --grail-panel-background-color: #191919;
    --grail-panel-color: #b4b4b4;
    --grail-panel-border-color: #191919;
    --grail-panel-shadow: none
}

body.theme-dark .grail-panel-level-2 {
    --grail-panel-background-color: #282828;
    --grail-panel-color: #b4b4b4;
    --grail-panel-border-color: #323232;
    --grail-panel-shadow: none
}

body.theme-aigc .grail-panel {
    --grail-panel-radius: 8px
}

body.theme-aigc .grail-panel-size-none {
    --grail-panel-padding-top: 0;
    --grail-panel-padding-right: 0;
    --grail-panel-padding-bottom: 0;
    --grail-panel-padding-left: 0
}

body.theme-aigc .grail-panel-size-small {
    --grail-panel-padding-top: 8px;
    --grail-panel-padding-right: 8px;
    --grail-panel-padding-bottom: 8px;
    --grail-panel-padding-left: 8px
}

body.theme-aigc .grail-panel-size-middle {
    --grail-panel-padding-top: 16px;
    --grail-panel-padding-right: 16px;
    --grail-panel-padding-bottom: 16px;
    --grail-panel-padding-left: 16px
}

body.theme-aigc .grail-panel-size-large {
    --grail-panel-padding-top: 24px;
    --grail-panel-padding-right: 24px;
    --grail-panel-padding-bottom: 24px;
    --grail-panel-padding-left: 24px
}

body.theme-aigc .grail-panel-padding-top-size-none {
    --grail-panel-padding-top: 0
}

body.theme-aigc .grail-panel-padding-bottom-size-none {
    --grail-panel-padding-bottom: 0
}

body.theme-aigc .grail-panel-padding-top-size-small {
    --grail-panel-padding-top: 8px
}

body.theme-aigc .grail-panel-padding-bottom-size-small {
    --grail-panel-padding-bottom: 8px
}

body.theme-aigc .grail-panel-padding-top-size-middle {
    --grail-panel-padding-top: 16px
}

body.theme-aigc .grail-panel-padding-bottom-size-middle {
    --grail-panel-padding-bottom: 16px
}

body.theme-aigc .grail-panel-padding-top-size-large {
    --grail-panel-padding-top: 24px
}

body.theme-aigc .grail-panel-padding-bottom-size-large {
    --grail-panel-padding-bottom: 24px
}

body.theme-aigc .grail-panel-level-1 {
    --grail-panel-background-color: #f5f5f5;
    --grail-panel-color: rgba(0, 0, 0, .4);
    --grail-panel-border-color: #ebebeb;
    --grail-panel-shadow: none
}

body.theme-aigc .grail-panel-level-2 {
    --grail-panel-background-color: #ffffff;
    --grail-panel-color: rgba(0, 0, 0, .4);
    --grail-panel-border-color: #ebebeb;
    --grail-panel-shadow: none
}

body.theme-literature .grail-panel {
    --grail-panel-radius: 8px
}

body.theme-literature .grail-panel-size-none {
    --grail-panel-padding-top: 0;
    --grail-panel-padding-right: 0;
    --grail-panel-padding-bottom: 0;
    --grail-panel-padding-left: 0
}

body.theme-literature .grail-panel-size-small {
    --grail-panel-padding-top: 8px;
    --grail-panel-padding-right: 8px;
    --grail-panel-padding-bottom: 8px;
    --grail-panel-padding-left: 8px
}

body.theme-literature .grail-panel-size-middle {
    --grail-panel-padding-top: 12px;
    --grail-panel-padding-right: 16px;
    --grail-panel-padding-bottom: 12px;
    --grail-panel-padding-left: 16px
}

body.theme-literature .grail-panel-size-large {
    --grail-panel-padding-top: 24px;
    --grail-panel-padding-right: 24px;
    --grail-panel-padding-bottom: 24px;
    --grail-panel-padding-left: 24px
}

body.theme-literature .grail-panel-padding-top-size-none {
    --grail-panel-padding-top: 0
}

body.theme-literature .grail-panel-padding-bottom-size-none {
    --grail-panel-padding-bottom: 0
}

body.theme-literature .grail-panel-padding-top-size-small {
    --grail-panel-padding-top: 8px
}

body.theme-literature .grail-panel-padding-bottom-size-small {
    --grail-panel-padding-bottom: 8px
}

body.theme-literature .grail-panel-padding-top-size-middle {
    --grail-panel-padding-top: 12px
}

body.theme-literature .grail-panel-padding-bottom-size-middle {
    --grail-panel-padding-bottom: 12px
}

body.theme-literature .grail-panel-padding-top-size-large {
    --grail-panel-padding-top: 24px
}

body.theme-literature .grail-panel-padding-bottom-size-large {
    --grail-panel-padding-bottom: 24px
}

body.theme-literature .grail-panel-level-1 {
    --grail-panel-background-color: #f9f9fa;
    --grail-panel-color: rgba(0, 0, 0, .4);
    --grail-panel-border-color: rgba(20, 30, 41, .12);
    --grail-panel-shadow: none
}

body.theme-literature .grail-panel-level-2 {
    --grail-panel-background-color: #ffffff;
    --grail-panel-color: rgba(0, 0, 0, .4);
    --grail-panel-border-color: rgba(20, 30, 41, .12);
    --grail-panel-shadow: none
}

.grail-dropdown {
    --grail-dropdown-color: #4d4d4d;
    --grail-dropdown-font-size: 12px;
    --grail-dropdown-padding: 6px;
    --grail-dropdown-border-color: #e0e0e0;
    --grail-dropdown-box-shadow: 0 0 8px #0000000a;
    --grail-dropdown-background-color: #fff;
    --grail-dropdown-radius: 3px;
    --grail-dropdown-menu-max-height: 300px;
    --grail-dropdown-menu-margin-bottom: 1em;
    --grail-dropdown-item-line-height: 20px;
    --grail-dropdown-item-gap: 5px;
    --grail-dropdown-item-padding: 0 12px;
    --grail-dropdown-item-radius: 3px;
    --grail-dropdown-item-hover-background-color: #fff;
    --grail-dropdown-item-hover-color: rgba(77, 77, 77, .8);
    --grail-dropdown-item-selected-color: #4d4d4d;
    --grail-dropdown-item-selected-background: #fff;
    --grail-dropdown-item-selected-font-weight: 500;
    --grail-dropdown-item-selected-padding: 0 12px 0 20px;
    --grail-dropdown-item-disabled-color: #ccc;
    --grail-dropdown-item-disabled-background: #fff;
    position: absolute;
    user-select: none;
    z-index: 1001;
    color: var(--grail-dropdown-color);
    font-size: var(--grail-dropdown-font-size)
}

.grail-dropdown ul,.grail-dropdown li {
    list-style: none
}

.grail-dropdown-pure-menu {
    border: 1px solid var(--grail-dropdown-border-color);
    box-shadow: var(--grail-dropdown-box-shadow);
    background: var(--grail-dropdown-background-color);
    border-radius: var(--grail-dropdown-radius);
    padding: 0;
    display: flex;
    justify-content: center;
    overflow: hidden
}

.grail-dropdown-menu {
    padding: var(--grail-dropdown-padding);
    border: 1px solid var(--grail-dropdown-border-color);
    box-shadow: var(--grail-dropdown-box-shadow);
    background: var(--grail-dropdown-background-color);
    border-radius: var(--grail-dropdown-radius);
    margin-bottom: var(--grail-dropdown-menu-margin-bottom)
}

.grail-dropdown-menu-max-height-scroll {
    max-height: var(--grail-dropdown-menu-max-height);
    overflow-y: auto
}

.grail-dropdown-menu-item {
    line-height: var(--grail-dropdown-item-line-height);
    margin-bottom: var(--grail-dropdown-item-gap);
    padding: var(--grail-dropdown-item-padding);
    border-radius: var(--grail-dropdown-item-radius);
    cursor: pointer
}

.grail-dropdown-menu-item:last-of-type {
    margin-bottom: 0
}

.grail-dropdown-menu-item:hover:not(.grail-dropdown-menu-item-disabled):not(.grail-dropdown-menu-item-disableduse):not(.grail-dropdown-menu-item-selected) {
    background-color: var(--grail-dropdown-item-hover-background-color);
    color: var(--grail-dropdown-item-hover-color)
}

.grail-dropdown-menu-item-selected {
    color: var(--grail-dropdown-item-selected-color);
    background-color: var(--grail-dropdown-item-selected-background);
    font-weight: var(--grail-dropdown-item-selected-font-weight);
    position: relative
}

.grail-dropdown-menu-item-selected:after,.grail-dropdown-menu-item-selected:before {
    position: absolute;
    content: "";
    background: var(--grail-dropdown-item-selected-color);
    border-top-left-radius: 1.5px;
    border-top-right-radius: 1.5px
}

.grail-dropdown-menu-item-selected:after {
    width: 1.5px;
    height: 5px;
    transform: rotate(-45deg) translateY(-50%);
    left: 9px;
    top: 50%
}

.grail-dropdown-menu-item-selected:before {
    width: 1.5px;
    height: 8px;
    transform: rotate(45deg) translateY(-50%) translateY(-1px);
    left: 8px;
    top: 50%
}

.grail-dropdown-menu-item-disabled {
    cursor: not-allowed;
    color: var(--grail-dropdown-item-disabled-color);
    background-color: var(--grail-dropdown-background-color)
}

.grail-dropdown-menu-item-disabled-normal-style {
    cursor: default;
    color: var(--grail-dropdown-item-color);
    background-color: var(--grail-dropdown-background-color)
}

.grail-dropdown-menu-item-disableduse {
    cursor: not-allowed;
    color: var(--grail-dropdown-item-disabled-color);
    background-color: var(--grail-dropdown-background-color)
}

.grail-dropdown-menu-item-disableduse-normal-style {
    cursor: default;
    color: var(--grail-dropdown-item-color);
    background-color: var(--grail-dropdown-background-color)
}

.grail-dropdown-menu-has-selected .grail-dropdown-menu-item {
    padding: var(--grail-dropdown-item-selected-padding)
}

.grail-dropdown-hidden {
    display: none
}

body.theme-dark .grail-dropdown {
    --grail-dropdown-color: #B4B4B4;
    --grail-dropdown-border-color: #464646;
    --grail-dropdown-box-shadow: none;
    --grail-dropdown-background-color: #1E1E1E;
    --grail-dropdown-item-hover-background-color: #6668FF;
    --grail-dropdown-item-hover-color: #fff;
    --grail-dropdown-item-selected-color: #B4B4B4;
    --grail-dropdown-item-selected-background: #1E1E1E;
    --grail-dropdown-item-selected-font-weight: 400;
    --grail-dropdown-item-disabled-color: #646464;
    --grail-dropdown-item-disabled-background: #1E1E1E
}

body.theme-dark .grail-dropdown-menu-item-selected:not(body.theme-dark .grail-dropdown-disabled):not(body.theme-dark .grail-dropdown-disableduse):hover {
    background-color: var(--grail-dropdown-item-hover-background-color);
    color: var(--grail-dropdown-item-hover-color)
}

body.theme-dark .grail-dropdown-menu-item-selected:not(body.theme-dark .grail-dropdown-disabled):not(body.theme-dark .grail-dropdown-disableduse):hover:after,body.theme-dark .grail-dropdown-menu-item-selected:not(body.theme-dark .grail-dropdown-disabled):not(body.theme-dark .grail-dropdown-disableduse):hover:before {
    background: var(--grail-dropdown-item-hover-color)
}

body.theme-aigc .grail-dropdown,body .theme-aigc.grail-dropdown {
    --grail-dropdown-color: rgba(0, 0, 0, .6);
    --grail-dropdown-font-size: 14px;
    --grail-dropdown-padding: 8px;
    --grail-dropdown-border-color: #EBEBEB;
    --grail-dropdown-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .06), 0px 2px 12px 0px rgba(0, 0, 0, .1);
    --grail-dropdown-background-color: #fff;
    --grail-dropdown-radius: 8px;
    --grail-dropdown-item-line-height: 30px;
    --grail-dropdown-item-gap: 4px;
    --grail-dropdown-item-padding: 4px 8px;
    --grail-dropdown-item-radius: 4px;
    --grail-dropdown-item-hover-color: rgba(0, 0, 0, .6);
    --grail-dropdown-item-hover-background-color: #f5f5f5;
    --grail-dropdown-item-selected-color: rgba(0, 0, 0, .9);
    --grail-dropdown-item-selected-background: #f5f5f5;
    --grail-dropdown-item-selected-font-weight: 400;
    --grail-dropdown-item-selected-padding: 0 8px;
    --grail-dropdown-item-disabled-color: rgba(0, 0, 0, .2);
    --grail-dropdown-item-disabled-background: #fff;
    --grail-dropdown-menu-item-danger-background: rgba(255, 92, 103, .1);
    --grail-dropdown-menu-item-danger-color: #FF5C67
}

body.theme-aigc .grail-dropdown-menu-item-danger,body .theme-aigc.grail-dropdown-menu-item-danger {
    color: var(--grail-dropdown-menu-item-danger-color)
}

body.theme-aigc .grail-dropdown-menu-item-danger:hover:not(body.theme-aigc .grail-dropdown-menu-item-danger-disabled):not(body.theme-aigc .grail-dropdown-menu-item-danger-disableduse):not(body.theme-aigc .grail-dropdown-menu-item-danger-selected),body .theme-aigc.grail-dropdown-menu-item-danger:hover:not(body.theme-aigc .grail-dropdown-menu-item-danger-disabled):not(body.theme-aigc .grail-dropdown-menu-item-danger-disableduse):not(body.theme-aigc .grail-dropdown-menu-item-danger-selected),body.theme-aigc .grail-dropdown-menu-item-danger:hover:not(body .theme-aigc.grail-dropdown-menu-item-danger-disabled):not(body.theme-aigc .grail-dropdown-menu-item-danger-disableduse):not(body.theme-aigc .grail-dropdown-menu-item-danger-selected),body .theme-aigc.grail-dropdown-menu-item-danger:hover:not(body .theme-aigc.grail-dropdown-menu-item-danger-disabled):not(body.theme-aigc .grail-dropdown-menu-item-danger-disableduse):not(body.theme-aigc .grail-dropdown-menu-item-danger-selected),body.theme-aigc .grail-dropdown-menu-item-danger:hover:not(body.theme-aigc .grail-dropdown-menu-item-danger-disabled):not(body .theme-aigc.grail-dropdown-menu-item-danger-disableduse):not(body.theme-aigc .grail-dropdown-menu-item-danger-selected),body .theme-aigc.grail-dropdown-menu-item-danger:hover:not(body.theme-aigc .grail-dropdown-menu-item-danger-disabled):not(body .theme-aigc.grail-dropdown-menu-item-danger-disableduse):not(body.theme-aigc .grail-dropdown-menu-item-danger-selected),body.theme-aigc .grail-dropdown-menu-item-danger:hover:not(body .theme-aigc.grail-dropdown-menu-item-danger-disabled):not(body .theme-aigc.grail-dropdown-menu-item-danger-disableduse):not(body.theme-aigc .grail-dropdown-menu-item-danger-selected),body .theme-aigc.grail-dropdown-menu-item-danger:hover:not(body .theme-aigc.grail-dropdown-menu-item-danger-disabled):not(body .theme-aigc.grail-dropdown-menu-item-danger-disableduse):not(body.theme-aigc .grail-dropdown-menu-item-danger-selected),body.theme-aigc .grail-dropdown-menu-item-danger:hover:not(body.theme-aigc .grail-dropdown-menu-item-danger-disabled):not(body.theme-aigc .grail-dropdown-menu-item-danger-disableduse):not(body .theme-aigc.grail-dropdown-menu-item-danger-selected),body .theme-aigc.grail-dropdown-menu-item-danger:hover:not(body.theme-aigc .grail-dropdown-menu-item-danger-disabled):not(body.theme-aigc .grail-dropdown-menu-item-danger-disableduse):not(body .theme-aigc.grail-dropdown-menu-item-danger-selected),body.theme-aigc .grail-dropdown-menu-item-danger:hover:not(body .theme-aigc.grail-dropdown-menu-item-danger-disabled):not(body.theme-aigc .grail-dropdown-menu-item-danger-disableduse):not(body .theme-aigc.grail-dropdown-menu-item-danger-selected),body .theme-aigc.grail-dropdown-menu-item-danger:hover:not(body .theme-aigc.grail-dropdown-menu-item-danger-disabled):not(body.theme-aigc .grail-dropdown-menu-item-danger-disableduse):not(body .theme-aigc.grail-dropdown-menu-item-danger-selected),body.theme-aigc .grail-dropdown-menu-item-danger:hover:not(body.theme-aigc .grail-dropdown-menu-item-danger-disabled):not(body .theme-aigc.grail-dropdown-menu-item-danger-disableduse):not(body .theme-aigc.grail-dropdown-menu-item-danger-selected),body .theme-aigc.grail-dropdown-menu-item-danger:hover:not(body.theme-aigc .grail-dropdown-menu-item-danger-disabled):not(body .theme-aigc.grail-dropdown-menu-item-danger-disableduse):not(body .theme-aigc.grail-dropdown-menu-item-danger-selected),body.theme-aigc .grail-dropdown-menu-item-danger:hover:not(body .theme-aigc.grail-dropdown-menu-item-danger-disabled):not(body .theme-aigc.grail-dropdown-menu-item-danger-disableduse):not(body .theme-aigc.grail-dropdown-menu-item-danger-selected),body .theme-aigc.grail-dropdown-menu-item-danger:hover:not(body .theme-aigc.grail-dropdown-menu-item-danger-disabled):not(body .theme-aigc.grail-dropdown-menu-item-danger-disableduse):not(body .theme-aigc.grail-dropdown-menu-item-danger-selected) {
    background-color: var(--grail-dropdown-menu-item-danger-background);
    color: var(--grail-dropdown-menu-item-danger-color)
}

body.theme-aigc .grail-dropdown-menu-item-selected:after,body .theme-aigc.grail-dropdown-menu-item-selected:after,body.theme-aigc .grail-dropdown-menu-item-selected:before,body .theme-aigc.grail-dropdown-menu-item-selected:before {
    content: none
}

body.theme-aigc.theme-dark .grail-dropdown,body .theme-aigc.theme-dark.grail-dropdown {
    --grail-dropdown-color: #B4B4B4;
    --grail-dropdown-border-color: #464646;
    --grail-dropdown-box-shadow: none;
    --grail-dropdown-background-color: #1E1E1E;
    --grail-dropdown-item-hover-background-color: #6668FF;
    --grail-dropdown-item-hover-color: #fff;
    --grail-dropdown-item-selected-color: #B4B4B4;
    --grail-dropdown-item-selected-background: #1E1E1E;
    --grail-dropdown-item-selected-font-weight: 400;
    --grail-dropdown-item-disabled-color: #646464;
    --grail-dropdown-item-disabled-background: #1E1E1E
}

body.theme-aigc.theme-dark .grail-dropdown-menu-item-selected:not(body.theme-aigc.theme-dark .grail-dropdown-disabled):not(body.theme-aigc.theme-dark .grail-dropdown-disableduse):hover,body .theme-aigc.theme-dark.grail-dropdown-menu-item-selected:not(body.theme-aigc.theme-dark .grail-dropdown-disabled):not(body.theme-aigc.theme-dark .grail-dropdown-disableduse):hover,body.theme-aigc.theme-dark .grail-dropdown-menu-item-selected:not(body .theme-aigc.theme-dark.grail-dropdown-disabled):not(body.theme-aigc.theme-dark .grail-dropdown-disableduse):hover,body .theme-aigc.theme-dark.grail-dropdown-menu-item-selected:not(body .theme-aigc.theme-dark.grail-dropdown-disabled):not(body.theme-aigc.theme-dark .grail-dropdown-disableduse):hover,body.theme-aigc.theme-dark .grail-dropdown-menu-item-selected:not(body.theme-aigc.theme-dark .grail-dropdown-disabled):not(body .theme-aigc.theme-dark.grail-dropdown-disableduse):hover,body .theme-aigc.theme-dark.grail-dropdown-menu-item-selected:not(body.theme-aigc.theme-dark .grail-dropdown-disabled):not(body .theme-aigc.theme-dark.grail-dropdown-disableduse):hover,body.theme-aigc.theme-dark .grail-dropdown-menu-item-selected:not(body .theme-aigc.theme-dark.grail-dropdown-disabled):not(body .theme-aigc.theme-dark.grail-dropdown-disableduse):hover,body .theme-aigc.theme-dark.grail-dropdown-menu-item-selected:not(body .theme-aigc.theme-dark.grail-dropdown-disabled):not(body .theme-aigc.theme-dark.grail-dropdown-disableduse):hover {
    background-color: var(--grail-dropdown-item-hover-background-color);
    color: var(--grail-dropdown-item-hover-color)
}

body.theme-aigc.theme-dark .grail-dropdown-menu-item-selected:not(body.theme-aigc.theme-dark .grail-dropdown-disabled):not(body.theme-aigc.theme-dark .grail-dropdown-disableduse):hover:after,body .theme-aigc.theme-dark.grail-dropdown-menu-item-selected:not(body.theme-aigc.theme-dark .grail-dropdown-disabled):not(body.theme-aigc.theme-dark .grail-dropdown-disableduse):hover:after,body.theme-aigc.theme-dark .grail-dropdown-menu-item-selected:not(body .theme-aigc.theme-dark.grail-dropdown-disabled):not(body.theme-aigc.theme-dark .grail-dropdown-disableduse):hover:after,body .theme-aigc.theme-dark.grail-dropdown-menu-item-selected:not(body .theme-aigc.theme-dark.grail-dropdown-disabled):not(body.theme-aigc.theme-dark .grail-dropdown-disableduse):hover:after,body.theme-aigc.theme-dark .grail-dropdown-menu-item-selected:not(body.theme-aigc.theme-dark .grail-dropdown-disabled):not(body .theme-aigc.theme-dark.grail-dropdown-disableduse):hover:after,body .theme-aigc.theme-dark.grail-dropdown-menu-item-selected:not(body.theme-aigc.theme-dark .grail-dropdown-disabled):not(body .theme-aigc.theme-dark.grail-dropdown-disableduse):hover:after,body.theme-aigc.theme-dark .grail-dropdown-menu-item-selected:not(body .theme-aigc.theme-dark.grail-dropdown-disabled):not(body .theme-aigc.theme-dark.grail-dropdown-disableduse):hover:after,body .theme-aigc.theme-dark.grail-dropdown-menu-item-selected:not(body .theme-aigc.theme-dark.grail-dropdown-disabled):not(body .theme-aigc.theme-dark.grail-dropdown-disableduse):hover:after,body.theme-aigc.theme-dark .grail-dropdown-menu-item-selected:not(body.theme-aigc.theme-dark .grail-dropdown-disabled):not(body.theme-aigc.theme-dark .grail-dropdown-disableduse):hover:before,body .theme-aigc.theme-dark.grail-dropdown-menu-item-selected:not(body.theme-aigc.theme-dark .grail-dropdown-disabled):not(body.theme-aigc.theme-dark .grail-dropdown-disableduse):hover:before,body.theme-aigc.theme-dark .grail-dropdown-menu-item-selected:not(body .theme-aigc.theme-dark.grail-dropdown-disabled):not(body.theme-aigc.theme-dark .grail-dropdown-disableduse):hover:before,body .theme-aigc.theme-dark.grail-dropdown-menu-item-selected:not(body .theme-aigc.theme-dark.grail-dropdown-disabled):not(body.theme-aigc.theme-dark .grail-dropdown-disableduse):hover:before,body.theme-aigc.theme-dark .grail-dropdown-menu-item-selected:not(body.theme-aigc.theme-dark .grail-dropdown-disabled):not(body .theme-aigc.theme-dark.grail-dropdown-disableduse):hover:before,body .theme-aigc.theme-dark.grail-dropdown-menu-item-selected:not(body.theme-aigc.theme-dark .grail-dropdown-disabled):not(body .theme-aigc.theme-dark.grail-dropdown-disableduse):hover:before,body.theme-aigc.theme-dark .grail-dropdown-menu-item-selected:not(body .theme-aigc.theme-dark.grail-dropdown-disabled):not(body .theme-aigc.theme-dark.grail-dropdown-disableduse):hover:before,body .theme-aigc.theme-dark.grail-dropdown-menu-item-selected:not(body .theme-aigc.theme-dark.grail-dropdown-disabled):not(body .theme-aigc.theme-dark.grail-dropdown-disableduse):hover:before {
    background: var(--grail-dropdown-item-hover-color)
}

.grail-input {
    outline: none;
    color: inherit;
    font-size: var(--grail-input-font-size);
    line-height: var(--grail-input-line-height);
    background-color: var(--grail-input-background-color);
    caret-color: var(--grail-pure-ssml-editor-caret-color)
}

.grail-input,.grail-input-textarea,.grail-input-affix-wrapper {
    --grail-input-border-radius: 3px;
    --grail-input-border-color: #f5f5f5;
    --grail-input-background-color: #f5f5f5;
    --grail-input-padding: 5px 7px;
    --grail-input-padding-bottom: 5px;
    --grail-input-color: #191919;
    --grail-input-font-size: 12px;
    --grail-input-line-height: 16px;
    --grail-input-suffix-space: 4px;
    --grail-input-suffix-color: #808080;
    --grail-input-placeholder-color: #808080;
    --grail-input-caret-color: #00cca2;
    --grail-input-hover-border-color: #e0e0e0;
    --grail-input-hover-background-color: #f5f5f5;
    --grail-input-hover-color: #191919;
    --grail-input-focus-border-color: #e0e0e0;
    --grail-input-focus-background-color: #f5f5f5;
    --grail-input-focus-color: #191919;
    --grail-input-disabled-border-color: #f5f5f5;
    --grail-input-disabled-background-color: #f5f5f5;
    --grail-input-disabled-color: #ccc;
    --grail-input-error-color: #f5584c;
    --grail-input-error-placeholder-color: #f5584c;
    --grail-input-error-border-color: #f5584c;
    --grail-input-error-background-color: rgba(245, 88, 76, .08)
}

.grail-input-style-type-show_text .grail-input,.grail-input-style-type-show_text {
    --grail-input-border-color: transparent;
    --grail-input-background-color: transparent;
    --grail-input-hover-background-color: transparent;
    --grail-input-focus-background-color: transparent;
    --grail-input-disabled-background-color: transparent;
    --grail-input-color: var(--grail-input-suffix-color)
}

.grail-input-affix-wrapper .grail-input {
    border: none;
    padding: 0
}

.grail-input-affix-wrapper,.grail-input-prefix,.grail-input-suffix {
    display: inline-flex;
    align-items: center;
    line-height: var(--grail-input-line-height);
    font-size: var(--grail-input-font-size);
    color: var(--grail-input-suffix-color)
}

.grail-input-prefix {
    margin-right: var(--grail-input-suffix-space)
}

.grail-input-prefix .grail-icon,.grail-input-prefix .grail-icon .grail-icon[grail-type="20-4"],.grail-input-prefix .grail-icon[grail-type="20-4"] {
    font-size: 16px
}

.grail-input-prefix .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-input-prefix .grail-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-input-prefix .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-input-prefix .grail-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-input-prefix .grail-icon .grail-icon[grail-type="22-4"],.grail-input-prefix .grail-icon[grail-type="22-4"] {
    font-size: 16px
}

.grail-input-prefix .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-input-prefix .grail-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-input-prefix .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-input-prefix .grail-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((22 - 4 * 2) / 22)))
}

.grail-input-prefix .grail-icon .grail-icon[grail-type="24-3"],.grail-input-prefix .grail-icon[grail-type="24-3"] {
    font-size: 16px
}

.grail-input-prefix .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-input-prefix .grail-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-input-prefix .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-input-prefix .grail-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 80%
}

.grail-input-prefix .grail-icon .grail-icon[grail-type="30-8"],.grail-input-prefix .grail-icon[grail-type="30-8"] {
    font-size: 16px
}

.grail-input-prefix .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-input-prefix .grail-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-input-prefix .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-input-prefix .grail-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((30 - 8 * 2) / 30)))
}

.grail-input-prefix .grail-icon .grail-icon[grail-type="40-0"],.grail-input-prefix .grail-icon[grail-type="40-0"] {
    font-size: 16px
}

.grail-input-prefix .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-input-prefix .grail-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-input-prefix .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-input-prefix .grail-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((40 - 0 * 2) / 40)))
}

.grail-input-prefix .grail-icon .grail-icon[grail-type="48-2"],.grail-input-prefix .grail-icon[grail-type="48-2"] {
    font-size: 16px
}

.grail-input-prefix .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-input-prefix .grail-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-input-prefix .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-input-prefix .grail-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((48 - 2 * 2) / 48)))
}

.grail-input-suffix {
    margin-left: var(--grail-input-suffix-space)
}

.grail-input-suffix .grail-icon,.grail-input-suffix .grail-icon .grail-icon[grail-type="20-4"],.grail-input-suffix .grail-icon[grail-type="20-4"] {
    font-size: 16px
}

.grail-input-suffix .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-input-suffix .grail-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-input-suffix .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-input-suffix .grail-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-input-suffix .grail-icon .grail-icon[grail-type="22-4"],.grail-input-suffix .grail-icon[grail-type="22-4"] {
    font-size: 16px
}

.grail-input-suffix .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-input-suffix .grail-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-input-suffix .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-input-suffix .grail-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((22 - 4 * 2) / 22)))
}

.grail-input-suffix .grail-icon .grail-icon[grail-type="24-3"],.grail-input-suffix .grail-icon[grail-type="24-3"] {
    font-size: 16px
}

.grail-input-suffix .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-input-suffix .grail-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-input-suffix .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-input-suffix .grail-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 80%
}

.grail-input-suffix .grail-icon .grail-icon[grail-type="30-8"],.grail-input-suffix .grail-icon[grail-type="30-8"] {
    font-size: 16px
}

.grail-input-suffix .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-input-suffix .grail-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-input-suffix .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-input-suffix .grail-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((30 - 8 * 2) / 30)))
}

.grail-input-suffix .grail-icon .grail-icon[grail-type="40-0"],.grail-input-suffix .grail-icon[grail-type="40-0"] {
    font-size: 16px
}

.grail-input-suffix .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-input-suffix .grail-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-input-suffix .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-input-suffix .grail-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((40 - 0 * 2) / 40)))
}

.grail-input-suffix .grail-icon .grail-icon[grail-type="48-2"],.grail-input-suffix .grail-icon[grail-type="48-2"] {
    font-size: 16px
}

.grail-input-suffix .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-input-suffix .grail-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-input-suffix .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-input-suffix .grail-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((48 - 2 * 2) / 48)))
}

.grail-input input,.grail-input::placeholder {
    color: var(--grail-input-placeholder-color)
}

.grail-input-affix-wrapper,.grail-input:not(.grail-input-affix-wrapper .grail-input) {
    border: 1px solid var(--grail-input-border-color);
    padding: var(--grail-input-padding);
    border-radius: var(--grail-input-border-radius);
    background-color: var(--grail-input-background-color);
    color: var(--grail-input-color);
    font-size: var(--grail-input-font-size)
}

.grail-input:not(.grail-input-affix-wrapper .grail-input):hover:not([disabled]):not(:focus),.grail-input-affix-wrapper:hover:not(.grail-input-affix-wrapper-disabled):not(.grail-input-affix-wrapper-focused) {
    border-color: var(--grail-input-hover-border-color);
    background-color: var(--grail-input-hover-background-color);
    color: var(--grail-input-hover-color)
}

.grail-input:not(.grail-input-affix-wrapper .grail-input):focus,.grail-input-affix-wrapper-focused {
    border-color: var(--grail-input-focus-border-color);
    background-color: var(--grail-input-focus-background-color);
    color: var(--grail-input-focus-color)
}

.grail-input:not(.grail-input-affix-wrapper .grail-input):disabled,.grail-input-affix-wrapper-disabled {
    border-color: var(--grail-input-disabled-border-color);
    background-color: var(--grail-input-disabled-background-color);
    color: var(--grail-input-disabled-color)
}

.grail-input-affix-wrapper input {
    flex: 1 1;
    min-width: 0
}

.grail-input-block {
    display: flex;
    width: 100%
}

.grail-input-block input {
    flex: 1 1
}

.grail-form-item-has-error .grail-input-affix-wrapper,.grail-form-item-has-error .grail-input:not(.grail-form-item-has-error .grail-input-affix-wrapper .grail-form-item-has-error .grail-input),.grail-form-item-has-error .grail-input:not(.grail-form-item-has-error .grail-input-affix-wrapper .grail-form-item-has-error .grail-input):hover:not([disabled]),.grail-form-item-has-error .grail-input-affix-wrapper:hover:not(.grail-form-item-has-error .grail-input-affix-wrapper-disabled),.grail-form-item-has-error .grail-input:not(.grail-form-item-has-error .grail-input-affix-wrapper .grail-form-item-has-error .grail-input):focus:not([disabled]),.grail-form-item-has-error .grail-input-affix-wrapper:focus:not(.grail-form-item-has-error .grail-input-affix-wrapper-disabled) {
    border: 1px solid var(--grail-input-error-border-color);
    background-color: var(--grail-input-error-background-color);
    color: var(--grail-input-error-color)
}

.grail-form-item-has-error .grail-input input,.grail-form-item-has-error .grail-input::placeholder {
    color: var(--grail-input-error-placeholder-color)
}

body.theme-dark .grail-input,body.theme-dark .grail-input-textarea,body.theme-dark .grail-input-affix-wrapper {
    --grail-input-border-color: #464646;
    --grail-input-background-color: #1E1E1E;
    --grail-input-color: #B4B4B4;
    --grail-input-suffix-color: #464646;
    --grail-input-placeholder-color: #646464;
    --grail-input-caret-color: #00dfb0;
    --grail-input-hover-border-color: #464646;
    --grail-input-hover-background-color: #1E1E1E;
    --grail-input-hover-color: #B4B4B4;
    --grail-input-focus-border-color: #464646;
    --grail-input-focus-background-color: #1E1E1E;
    --grail-input-focus-color: #fff;
    --grail-input-disabled-border-color: #464646;
    --grail-input-disabled-background-color: #1E1E1E;
    --grail-input-disabled-color: #4B4B4B;
    --grail-input-error-color: #fc4e00;
    --grail-input-error-placeholder-color: #fc4e00;
    --grail-input-error-border-color: #fc4e00;
    --grail-input-error-background-color: #1E1E1E
}

body.theme-dark .grail-input-style-type-show_text .grail-input,body.theme-dark .grail-input-style-type-show_text {
    --grail-input-border-color: transparent;
    --grail-input-background-color: transparent;
    --grail-input-hover-background-color: transparent;
    --grail-input-focus-background-color: transparent;
    --grail-input-disabled-background-color: transparent;
    --grail-input-color: #B4B4B4;
    --grail-input-suffix-color: #B4B4B4
}

body.theme-aigc .grail-input,body.theme-aigc .grail-input-textarea,body.theme-aigc .grail-input-affix-wrapper {
    --grail-input-border-radius: 6px;
    --grail-input-border-color: #F5F5F5;
    --grail-input-background-color: #F5F5F5;
    --grail-input-padding: 4px 7px;
    --grail-input-padding-bottom: 4px;
    --grail-input-color: rgba(0, 0, 0, .9);
    --grail-input-font-size: 14px;
    --grail-input-line-height: 22px;
    --grail-input-suffix-space: 4px;
    --grail-input-suffix-color: rgba(0, 0, 0, .4);
    --grail-input-placeholder-color: rgba(0, 0, 0, .4);
    --grail-input-caret-color: #00cca2;
    --grail-input-hover-border-color: rgba(0, 0, 0, .06);
    --grail-input-hover-background-color: #f5f5f5;
    --grail-input-hover-color: rgba(0, 0, 0, .9);
    --grail-input-focus-border-color: #00CCA2;
    --grail-input-focus-background-color: #f5f5f5;
    --grail-input-focus-color: rgba(0, 0, 0, .9);
    --grail-input-disabled-border-color: #f5f5f5;
    --grail-input-disabled-background-color: #f5f5f5;
    --grail-input-disabled-color: rgba(0, 0, 0, .2);
    --grail-input-error-color: rgba(0, 0, 0, .9);
    --grail-input-error-placeholder-color: rgba(0, 0, 0, .4);
    --grail-input-error-border-color: #FF5C67;
    --grail-input-error-background-color: #F5F5F5
}

body.theme-aigc .grail-input-style-type-show_text .grail-input,body.theme-aigc .grail-input-style-type-show_text {
    --grail-input-border-color: transparent;
    --grail-input-hover-border-color: #EBEBEB;
    --grail-input-background-color: transparent;
    --grail-input-hover-background-color: transparent;
    --grail-input-focus-background-color: transparent;
    --grail-input-disabled-background-color: transparent;
    --grail-input-color: var(--grail-input-suffix-color)
}

body.theme-aigc .grail-input-prefix .grail-icon,body.theme-aigc .grail-input-prefix .grail-icon .grail-icon[grail-type="20-4"],body.theme-aigc .grail-input-prefix .grail-icon[grail-type="20-4"] {
    font-size: 18px
}

body.theme-aigc .grail-input-prefix .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-input-prefix .grail-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-input-prefix .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-input-prefix .grail-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-input-prefix .grail-icon .grail-icon[grail-type="22-4"],body.theme-aigc .grail-input-prefix .grail-icon[grail-type="22-4"] {
    font-size: 18px
}

body.theme-aigc .grail-input-prefix .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-input-prefix .grail-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-input-prefix .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-input-prefix .grail-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-input-prefix .grail-icon .grail-icon[grail-type="24-3"],body.theme-aigc .grail-input-prefix .grail-icon[grail-type="24-3"] {
    font-size: 18px
}

body.theme-aigc .grail-input-prefix .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-input-prefix .grail-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-input-prefix .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-input-prefix .grail-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-input-prefix .grail-icon .grail-icon[grail-type="30-8"],body.theme-aigc .grail-input-prefix .grail-icon[grail-type="30-8"] {
    font-size: 18px
}

body.theme-aigc .grail-input-prefix .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-input-prefix .grail-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-input-prefix .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-input-prefix .grail-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-input-prefix .grail-icon .grail-icon[grail-type="40-0"],body.theme-aigc .grail-input-prefix .grail-icon[grail-type="40-0"] {
    font-size: 18px
}

body.theme-aigc .grail-input-prefix .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-input-prefix .grail-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-input-prefix .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-input-prefix .grail-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-input-prefix .grail-icon .grail-icon[grail-type="48-2"],body.theme-aigc .grail-input-prefix .grail-icon[grail-type="48-2"] {
    font-size: 18px
}

body.theme-aigc .grail-input-prefix .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-input-prefix .grail-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-input-prefix .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-input-prefix .grail-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-aigc .grail-input-suffix .grail-icon,body.theme-aigc .grail-input-suffix .grail-icon .grail-icon[grail-type="20-4"],body.theme-aigc .grail-input-suffix .grail-icon[grail-type="20-4"] {
    font-size: 18px
}

body.theme-aigc .grail-input-suffix .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-input-suffix .grail-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-input-suffix .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-input-suffix .grail-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-input-suffix .grail-icon .grail-icon[grail-type="22-4"],body.theme-aigc .grail-input-suffix .grail-icon[grail-type="22-4"] {
    font-size: 18px
}

body.theme-aigc .grail-input-suffix .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-input-suffix .grail-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-input-suffix .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-input-suffix .grail-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-input-suffix .grail-icon .grail-icon[grail-type="24-3"],body.theme-aigc .grail-input-suffix .grail-icon[grail-type="24-3"] {
    font-size: 18px
}

body.theme-aigc .grail-input-suffix .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-input-suffix .grail-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-input-suffix .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-input-suffix .grail-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-input-suffix .grail-icon .grail-icon[grail-type="30-8"],body.theme-aigc .grail-input-suffix .grail-icon[grail-type="30-8"] {
    font-size: 18px
}

body.theme-aigc .grail-input-suffix .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-input-suffix .grail-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-input-suffix .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-input-suffix .grail-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-input-suffix .grail-icon .grail-icon[grail-type="40-0"],body.theme-aigc .grail-input-suffix .grail-icon[grail-type="40-0"] {
    font-size: 18px
}

body.theme-aigc .grail-input-suffix .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-input-suffix .grail-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-input-suffix .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-input-suffix .grail-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-input-suffix .grail-icon .grail-icon[grail-type="48-2"],body.theme-aigc .grail-input-suffix .grail-icon[grail-type="48-2"] {
    font-size: 18px
}

body.theme-aigc .grail-input-suffix .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-input-suffix .grail-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-input-suffix .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-input-suffix .grail-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

.grail-textarea {
    --grail-textarea-width: 175px;
    --grail-textarea-border-radius: 3px;
    --grail-textarea-padding: 5px 7px;
    --grail-textarea-padding-bottom: 5px;
    --grail-textarea-extra-padding-top: 0px;
    --grail-textarea-font-size: 12px;
    --grail-textarea-line-height: 16px;
    --grail-textarea-caret-color: #00cca2;
    --grail-textarea-placeholder-color: #808080;
    --grail-textarea-border-gradient: linear-gradient(#f5f5f5, #f5f5f5);
    --grail-textarea-background-color: #f5f5f5;
    --grail-textarea-color: #191919;
    --grail-textarea-hover-border-gradient: linear-gradient(#e0e0e0, #e0e0e0);
    --grail-textarea-hover-background-color: #f5f5f5;
    --grail-textarea-hover-color: #191919;
    --grail-textarea-focus-border-gradient: linear-gradient(#e0e0e0, #e0e0e0);
    --grail-textarea-focus-background-color: #f5f5f5;
    --grail-textarea-focus-color: #191919;
    --grail-textarea-disabled-border-gradient: linear-gradient(#f5f5f5, #f5f5f5);
    --grail-textarea-disabled-background-color: #f5f5f5;
    --grail-textarea-disabled-color: #ccc;
    --grail-textarea-error-color: #f5584c;
    --grail-textarea-error-border-gradient: linear-gradient(#f5584c, #f5584c);
    --grail-textarea-error-background-color: rgba(245, 88, 76, .08);
    --grail-textarea-error-placeholder-color: #f5584c;
    --grail-textarea-show-count-color: #808080;
    --grail-textarea-count-line-height: 16px;
    display: inline-flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    width: var(--grail-textarea-width);
    font-size: var(--grail-textarea-font-size);
    color: var(--grail-textarea-color);
    line-height: var(--grail-textarea-line-height);
    caret-color: var(--grail-textarea-caret-color);
    border-radius: var(--grail-textarea-border-radius);
    border: 1px solid transparent;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: linear-gradient(var(--grail-textarea-background-color),var(--grail-textarea-background-color)),var(--grail-textarea-border-gradient)
}

.grail-textarea textarea {
    resize: none;
    outline: none;
    padding: 0;
    border: none;
    background: transparent!important;
    width: 100%;
    padding: var(--grail-textarea-padding)
}

.grail-textarea textarea::placeholder {
    color: var(--grail-textarea-placeholder-color)
}

.grail-textarea-block {
    width: 100%;
    display: flex
}

.grail-textarea-extra {
    position: absolute;
    padding: var(--grail-textarea-padding);
    padding-top: var(--grail-textarea-extra-padding-top);
    bottom: 0;
    left: 0;
    width: var(--grail-textarea-client-width);
    border-bottom-left-radius: var(--grail-textarea-border-radius);
    border-bottom-right-radius: var(--grail-textarea-border-radius);
    background: var(--grail-textarea-background-color)
}

.grail-textarea-has-extra textarea {
    scroll-padding: var(--grail-textarea-extra-height);
    padding-bottom: var(--grail-textarea-extra-height)
}

.grail-textarea-count {
    line-height: var(--grail-textarea-count-line-height);
    color: var(--grail-textarea-show-count-color);
    font-size: var(--grail-textarea-font-size);
    text-align: right
}

.grail-textarea:hover:not(.grail-textarea-disabled):not(.grail-textarea-focused) {
    color: var(--grail-textarea-hover-color);
    background-image: linear-gradient(var(--grail-textarea-hover-background-color),var(--grail-textarea-hover-background-color)),var(--grail-textarea-hover-border-gradient)
}

.grail-textarea:hover:not(.grail-textarea-disabled):not(.grail-textarea-focused) -extra {
    background-color: var(--grail-textarea-hover-background-color)
}

.grail-textarea-focused {
    color: var(--grail-textarea-focus-color);
    background-image: linear-gradient(var(--grail-textarea-focus-background-color),var(--grail-textarea-focus-background-color)),var(--grail-textarea-focus-border-gradient)
}

.grail-textarea-focused-extra {
    background-color: var(--grail-textarea-focus-background-color)
}

.grail-textarea-disabled {
    color: var(--grail-textarea-disabled-color);
    background-image: linear-gradient(var(--grail-textarea-disabled-background-color),var(--grail-textarea-disabled-background-color)),var(--grail-textarea-disabled-border-gradient)
}

.grail-textarea-disabled-extra {
    background-color: var(--grail-textarea-disabled-background-color)
}

.grail-form-item-has-error .grail-textarea:hover:not(.grail-form-item-has-error .grail-textarea-disbaled),.grail-form-item-has-error .grail-textarea:not(.grail-form-item-has-error .grail-textarea-disabled) {
    color: var(--grail-textarea-error-color);
    background-image: linear-gradient(var(--grail-textarea-error-background-color),var(--grail-textarea-error-background-color)),var(--grail-textarea-error-border-gradient)
}

.grail-form-item-has-error .grail-textarea:hover:not(.grail-form-item-has-error .grail-textarea-disbaled) textarea::placeholder,.grail-form-item-has-error .grail-textarea:not(.grail-form-item-has-error .grail-textarea-disabled) textarea::placeholder {
    color: var(--grail-textarea-error-placeholder-color)
}

.grail-form-item-has-error .grail-textarea:hover:not(.grail-form-item-has-error .grail-textarea-disbaled) -extra,.grail-form-item-has-error .grail-textarea:not(.grail-form-item-has-error .grail-textarea-disabled) -extra {
    background-color: var(--grail-textarea-error-background-color)
}

body.theme-dark .grail-textarea {
    --grail-textarea-caret-color: #00dfb0;
    --grail-textarea-placeholder-color: #646464;
    --grail-textarea-border-gradient: linear-gradient(#464646, #464646);
    --grail-textarea-background-color: #1E1E1E;
    --grail-textarea-color: #B4B4B4;
    --grail-textarea-hover-border-gradient: linear-gradient(#464646, #464646);
    --grail-textarea-hover-background-color: #1E1E1E;
    --grail-textarea-hover-color: #B4B4B4;
    --grail-textarea-focus-border-gradient: linear-gradient(#464646, #464646);
    --grail-textarea-focus-background-color: #1E1E1E;
    --grail-textarea-focus-color: #fff;
    --grail-textarea-disabled-border-gradient: linear-gradient(#464646, #464646);
    --grail-textarea-disabled-background-color: #1E1E1E;
    --grail-textarea-disabled-color: #4B4B4B;
    --grail-textarea-error-color: #fc4e00;
    --grail-textarea-error-border-gradient: linear-gradient(#fc4e00, #fc4e00);
    --grail-textarea-error-background-color: #1E1E1E;
    --grail-textarea-error-placeholder-color: #fc4e00;
    --grail-textarea-show-count-color: #969696
}

body.theme-aigc .grail-textarea {
    --grail-textarea-border-radius: 6px;
    --grail-textarea-padding: 12px;
    --grail-textarea-padding-bottom: 12px;
    --grail-textarea-padding-right: 12px;
    --grail-textarea-extra-padding-top: 8px;
    --grail-textarea-font-size: 14px;
    --grail-textarea-line-height: 22px;
    --grail-textarea-caret-color: #00cca2;
    --grail-textarea-placeholder-color: rgba(0, 0, 0, .4);
    --grail-textarea-border-gradient: linear-gradient(#F5F5F5, #F5F5F5);
    --grail-textarea-background-color: #F5F5F5;
    --grail-textarea-color: rgba(0, 0, 0, .9);
    --grail-textarea-hover-border-gradient: linear-gradient(rgba(0, 0, 0, .06), rgba(0, 0, 0, .06));
    --grail-textarea-hover-background-color: #f5f5f5;
    --grail-textarea-hover-color: rgba(0, 0, 0, .9);
    --grail-textarea-focus-border-gradient: linear-gradient(#00CCA2, #00CCA2);
    --grail-textarea-focus-background-color: #f5f5f5;
    --grail-textarea-focus-color: rgba(0, 0, 0, .9);
    --grail-textarea-disabled-border-gradient: linear-gradient(#f5f5f5, #f5f5f5);
    --grail-textarea-disabled-background-color: #f5f5f5;
    --grail-textarea-disabled-color: rgba(0, 0, 0, .2);
    --grail-textarea-error-color: rgba(0, 0, 0, .9);
    --grail-textarea-error-placeholder-color: rgba(0, 0, 0, .4);
    --grail-textarea-error-border-gradient: linear-gradient(#FF5C67, #FF5C67);
    --grail-textarea-error-background-color: #F5F5F5;
    --grail-textarea-show-count-color: rgba(0, 0, 0, .4);
    --grail-textarea-count-line-height: 1
}

body.theme-aigc .grail-textarea-type-ai {
    --grail-textarea-border-gradient: linear-gradient(#EBEBEB, #EBEBEB);
    --grail-textarea-background-color: #fff;
    --grail-textarea-hover-border-gradient: linear-gradient(#EBEBEB, #EBEBEB);
    --grail-textarea-hover-background-color: #fff;
    --grail-textarea-focus-border-gradient: linear-gradient(90deg, #8081FF -14.39%, #46BFE5 42.21%, #00E0A7 100%);
    --grail-textarea-focus-background-color: #fff;
    --grail-textarea-disabled-border-gradient: linear-gradient(#EBEBEB, #EBEBEB);
    --grail-textarea-disabled-background-color: #fff;
    --grail-textarea-error-background-color: #fff
}

@supports (scrollbar-gutter: stable) {
    body.theme-aigc .grail-textarea textarea {
        scrollbar-gutter: stable;
        padding-right: calc(var(--grail-textarea-padding-right) - var(--grail-scrollbar-width))
    }
}

body.theme-aigc .grail-textarea-has-extra {
    padding-bottom: var(--grail-textarea-extra-height)
}

body.theme-aigc .grail-textarea-has-extra textarea {
    padding-bottom: 0;
    scroll-padding: initial
}

body.theme-literature .grail-textarea {
    --grail-textarea-border-radius: 4px;
    --grail-textarea-padding: 6px 8px;
    --grail-textarea-padding-bottom: 0px;
    --grail-textarea-padding-right: 8px;
    --grail-textarea-extra-padding-top: 2px;
    --grail-textarea-font-size: 14px;
    --grail-textarea-line-height: 20px;
    --grail-textarea-caret-color: rgba(20, 30, 41, .12);
    --grail-textarea-placeholder-color: rgba(20, 30, 41, .34);
    --grail-textarea-border-gradient: linear-gradient(rgba(20, 30, 41, .12), rgba(20, 30, 41, .12));
    --grail-textarea-background-color: #fbfbfc;
    --grail-textarea-color: rgba(20, 30, 41, .76);
    --grail-textarea-hover-border-gradient: linear-gradient(rgba(20, 30, 41, .12), rgba(20, 30, 41, .12));
    --grail-textarea-hover-background-color: #fbfbfc;
    --grail-textarea-hover-color: rgba(20, 30, 41, .76);
    --grail-textarea-focus-border-gradient: linear-gradient(rgba(20, 30, 41, .12), rgba(20, 30, 41, .12));
    --grail-textarea-focus-background-color: #fbfbfc;
    --grail-textarea-focus-color: rgba(20, 30, 41, .76);
    --grail-textarea-disabled-border-gradient: linear-gradient(rgba(20, 30, 41, .12), rgba(20, 30, 41, .12));
    --grail-textarea-disabled-background-color: #fbfbfc;
    --grail-textarea-disabled-color: rgba(0, 0, 0, .2);
    --grail-textarea-error-color: rgba(0, 0, 0, .9);
    --grail-textarea-error-placeholder-color: rgba(0, 0, 0, .4);
    --grail-textarea-error-border-gradient: linear-gradient(#FF5C67, #FF5C67);
    --grail-textarea-error-background-color: #fbfbfc;
    --grail-textarea-show-count-color: rgba(0, 0, 0, .4);
    --grail-textarea-show-cound-color-used: rgba(20, 30, 41, .92);
    --grail-textarea-count-line-height: 1;
    --grail-textarea-extra-font-size: 12px;
    --grail-textarea-extra-count-height: 22px
}

body.theme-literature .grail-textarea-count {
    height: var(--grail-textarea-extra-count-height);
    line-height: var(--grail-textarea-extra-count-height);
    font-size: var(--grail-textarea-extra-font-size)
}

body.theme-literature .grail-textarea-count-used {
    color: var(--grail-textarea-show-cound-color-used)
}

body.theme-literature .grail-textarea textarea {
    caret-color: #1e71ef
}

@supports (scrollbar-gutter: stable) {
    body.theme-literature .grail-textarea textarea {
        scrollbar-gutter: stable;
        padding-right: calc(var(--grail-textarea-padding-right) - var(--grail-scrollbar-width))
    }
}

body.theme-literature .grail-textarea-extra {
    position: absolute;
    padding: var(--grail-textarea-padding);
    padding-top: var(--grail-textarea-extra-padding-top);
    width: 100%;
    bottom: 0;
    left: 0;
    background: var(--grail-textarea-background-color)
}

body.theme-literature .grail-textarea-has-extra {
    padding-bottom: var(--grail-textarea-extra-height)
}

body.theme-literature .grail-textarea-has-extra textarea {
    padding-bottom: 0;
    scroll-padding: initial
}

.grail-input-search-size-large {
    --grail-input-border-radius: 8px;
    --grail-input-line-height: 22px;
    --grail-input-padding: 8px 16px
}

.grail-input-search-size-large .grail-input {
    --grail-input-font-size: 14px
}

.grail-input-search-size-large .grail-input-suffix .grail-icon,.grail-input-search-size-large .grail-input-prefix .grail-icon,.grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="20-4"],.grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="20-4"],.grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="20-4"],.grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="20-4"] {
    font-size: 22px
}

.grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 22px
}

.grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

.grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="22-4"],.grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="22-4"],.grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="22-4"],.grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="22-4"] {
    font-size: 22px
}

.grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 22px
}

.grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

.grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="24-3"],.grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="24-3"],.grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="24-3"],.grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="24-3"] {
    font-size: 22px
}

.grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 22px
}

.grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="30-8"],.grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="30-8"],.grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="30-8"],.grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="30-8"] {
    font-size: 22px
}

.grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 22px
}

.grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

.grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="40-0"],.grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="40-0"],.grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="40-0"],.grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="40-0"] {
    font-size: 22px
}

.grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 22px
}

.grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

.grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="48-2"],.grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="48-2"],.grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="48-2"],.grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="48-2"] {
    font-size: 22px
}

.grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 22px
}

.grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-aigc .grail-input-search-size-large {
    --grail-input-border-radius: 8px;
    --grail-input-padding: 7px 9px
}

body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon,body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon,body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="20-4"],body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="20-4"],body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="20-4"],body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="20-4"] {
    font-size: 24px
}

body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="22-4"],body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="22-4"],body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="22-4"],body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="22-4"] {
    font-size: 24px
}

body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="24-3"],body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="24-3"],body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="24-3"],body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="24-3"] {
    font-size: 24px
}

body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="30-8"],body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="30-8"],body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="30-8"],body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="30-8"] {
    font-size: 24px
}

body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="40-0"],body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="40-0"],body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="40-0"],body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="40-0"] {
    font-size: 24px
}

body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="48-2"],body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="48-2"],body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="48-2"],body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="48-2"] {
    font-size: 24px
}

body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-input-search-size-large .grail-input-suffix .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-input-search-size-large .grail-input-prefix .grail-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

.grail-input-number-custom-wrap:not(.grail-input-number-custom-wrap .grail-input-number-custom-wrap) {
    --grail-input-number-border-color: #f5f5f5;
    --grail-input-number-hover-border-color: #e0e0e0;
    --grail-input-number-disabled-border-color: #f5f5f5;
    --grail-input-number-background: #f5f5f5;
    --grail-input-number-color: #191919;
    --grail-input-number-disabled-color: #ccc;
    --grail-input-number-focused-color: #191919;
    --grail-input-number-focused-border-color: #e0e0e0;
    --grail-input-number-placeholder: #808080;
    --grail-input-number-handler-background: #e0e0e0;
    --grail-input-number-handler-color: #191919;
    --grail-input-number-handler-actived-background: #e0e0e0;
    --grail-input-number-handler-disabled-background: #e0e0e0;
    --grail-input-number-handler-disabled-color: #ccc;
    --grail-input-number-addon-color: #808080;
    width: var(--grail-input-number-width);
    height: 28px;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    border: 1px solid var(--grail-input-number-border-color);
    background-color: var(--grail-input-number-background);
    justify-content: center
}

.grail-input-number-custom-wrap:not(.grail-input-number-custom-wrap .grail-input-number-custom-wrap):hover {
    border-color: var(--grail-input-number-hover-border-color)
}

.grail-input-number-custom-wrap:not(.grail-input-number-custom-wrap .grail-input-number-custom-wrap):hover .grail-input-number-handler-wrap+.grail-input-number-input-wrap {
    padding-right: 12px
}

.grail-input-number-custom-wrap:not(.grail-input-number-custom-wrap .grail-input-number-custom-wrap):hover .grail-input-number-handler-wrap {
    display: flex
}

.grail-input-number-custom-wrap:not(.grail-input-number-custom-wrap .grail-input-number-custom-wrap):hover input {
    padding-right: 0
}

.grail-input-number-custom-wrap:not(.grail-input-number-custom-wrap .grail-input-number-custom-wrap).grail-input-number-custom-focused {
    border-color: var(--grail-input-number-focused-border-color)
}

.grail-input-number-custom-wrap:not(.grail-input-number-custom-wrap .grail-input-number-custom-wrap).grail-input-number-custom-focused:hover {
    border-color: var(--grail-input-number-focused-border-color)
}

.grail-input-number-custom-wrap:not(.grail-input-number-custom-wrap .grail-input-number-custom-wrap).grail-input-number-custom-focused .grail-input-number-input-wrap {
    color: var(--grail-input-number-focused-color)
}

.grail-input-number-input-wrap {
    height: 100%;
    color: var(--grail-input-number-color)
}

.grail-input-number-input-wrap input {
    width: 100%;
    height: 100%;
    padding: 6px 8px;
    border: none;
    outline: none;
    font-size: 12px;
    background: none
}

.grail-input-number-input-wrap input::placeholder {
    color: var(--grail-input-number-placeholder)
}

.grail-input-number-handler-wrap {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    flex-direction: column;
    justify-content: space-between;
    display: none;
    z-index: 1
}

.grail-input-number-handler-up,.grail-input-number-handler-down {
    position: relative;
    display: block;
    width: 12px;
    height: 12px;
    background: var(--grail-input-number-handler-background);
    cursor: pointer
}

.grail-input-number-handler-up-inner,.grail-input-number-handler-down-inner {
    display: none!important
}

.grail-input-number-handler-up:after,.grail-input-number-handler-down:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 5px solid var(--grail-input-number-handler-color)
}

.grail-input-number-handler-up:active,.grail-input-number-handler-down:active {
    background: var(--grail-input-number-handler-actived-background)
}

.grail-input-number-handler-up-disabled,.grail-input-number-handler-down-disabled {
    cursor: not-allowed;
    background: var(--grail-input-number-handler-disabled-background)
}

.grail-input-number-handler-up-disabled:active,.grail-input-number-handler-down-disabled:active {
    background: var(--grail-input-number-handler-disabled-background)
}

.grail-input-number-handler-up-disabled:after,.grail-input-number-handler-down-disabled:after {
    border-bottom-color: var(--grail-input-number-handler-disabled-color)
}

.grail-input-number-handler-down:after {
    transform: translate3d(-50%,-50%,0) rotate(180deg)
}

.grail-input-number-group {
    height: 100%;
    display: flex
}

.grail-input-number-group-addon {
    opacity: 1;
    line-height: 26px;
    font-size: 12px;
    padding-left: 7px;
    color: var(--grail-input-number-addon-color)
}

.grail-input-number-group-wrapper:hover:not(.grail-input-number-custom-disabled) .grail-input-number+.grail-input-number-group-addon {
    opacity: 0;
    margin-left: -12px
}

.grail-input-number-group-wrapper .grail-input-number+.grail-input-number-group-addon {
    padding-left: 0;
    padding-right: 7px
}

.grail-input-number-custom-disabled,.grail-input-number-custom-disabled * {
    cursor: not-allowed
}

.grail-input-number-custom-disabled .grail-input-number-input-wrap {
    color: var(--grail-input-number-disabled-color)
}

.grail-input-number-custom-disabled .grail-input-number-input-wrap input::placeholder {
    color: var(--grail-input-number-disabled-color)
}

.grail-input-number-custom-disabled:hover {
    border-color: var(--grail-input-number-disabled-border-color)!important
}

.grail-input-number-custom-disabled:hover .grail-input-number-handler-wrap {
    display: none!important
}

body.theme-dark .grail-input-number-custom-wrap:not(.grail-input-number-custom-wrap .grail-input-number-custom-wrap) {
    --grail-input-number-border-color: #464646;
    --grail-input-number-hover-border-color: #464646;
    --grail-input-number-disabled-border-color: #464646;
    --grail-input-number-background: #1E1E1E;
    --grail-input-number-color: #B4B4B4;
    --grail-input-number-disabled-color: #4B4B4B;
    --grail-input-number-focused-color: #fff;
    --grail-input-number-focused-border-color: #464646;
    --grail-input-number-placeholder: #646464;
    --grail-input-number-handler-background: #464646;
    --grail-input-number-handler-color: #B4B4B4;
    --grail-input-number-handler-actived-background: #191919;
    --grail-input-number-handler-disabled-background: #464646;
    --grail-input-number-handler-disabled-color: #4B4B4B;
    --grail-input-number-addon-color: #464646
}

body.theme-dark .grail-input-number-custom-wrap:not(.grail-input-number-custom-wrap .grail-input-number-custom-wrap) .grail-input-number-input-wrap input {
    font-weight: 500
}

body.theme-dark .grail-input-number-custom-wrap:not(.grail-input-number-custom-wrap .grail-input-number-custom-wrap) .grail-input-number-input-wrap input::placeholder {
    font-weight: 400
}

body.theme-aigc .grail-input-number-custom-wrap:not(.grail-input-number-custom-wrap .grail-input-number-custom-wrap) {
    --grail-input-number-border-color: #F5F5F5;
    --grail-input-number-hover-border-color: rgba(0, 0, 0, .06);
    --grail-input-number-disabled-border-color: #F5F5F5;
    --grail-input-number-background: #F5F5F5;
    --grail-input-number-color: rgba(0, 0, 0, .9);
    --grail-input-number-disabled-color: rgba(0, 0, 0, .2);
    --grail-input-number-focused-color: rgba(0, 0, 0, .9);
    --grail-input-number-focused-border-color: #00cca2;
    --grail-input-number-placeholder: rgba(0, 0, 0, .2);
    --grail-input-number-handler-background: transparent;
    --grail-input-number-handler-color: rgba(0, 0, 0, .4);
    --grail-input-number-handler-actived-background: #E0E0E0;
    --grail-input-number-handler-disabled-background: transparent;
    --grail-input-number-handler-disabled-color: rgba(0, 0, 0, .2);
    --grail-input-number-addon-color: rgba(0, 0, 0, .2);
    height: 32px;
    font-weight: 400
}

body.theme-aigc .grail-input-number-custom-wrap:not(.grail-input-number-custom-wrap .grail-input-number-custom-wrap):hover .grail-input-number-handler-wrap+.grail-input-number-input-wrap {
    padding-right: 26px
}

body.theme-aigc .grail-input-number-input-wrap input {
    padding: 5px 8px;
    font-size: 14px
}

body.theme-aigc .grail-input-number-handler-up,body.theme-aigc .grail-input-number-handler-down {
    position: relative;
    display: block;
    width: 26px;
    height: 15px
}

body.theme-aigc .grail-input-number-handler-up:after,body.theme-aigc .grail-input-number-handler-down:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    border-radius: 3px;
    transform: translate3d(-50%,-50%,0);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 4px solid var(--grail-input-number-handler-color)
}

body.theme-aigc .grail-input-number-handler-down:after {
    transform: translate3d(-50%,-50%,0) rotate(180deg)
}

body.theme-aigc .grail-input-number .grail-input-number-input-wrap input {
    font-weight: 400
}

body.theme-aigc .grail-input-number .grail-input-number-input-wrap input::placeholder {
    font-weight: 400
}

body.theme-aigc .grail-input-number-group-addon {
    line-height: 30px
}

body.theme-aigc .grail-input-number-wrapper:hover:not(.grail-input-number-custom-disabled) .grail-input-number+.grail-input-number-group-addon {
    opacity: 0;
    margin-left: -26px
}

body.theme-aigc .grail-input-number-wrapper .grail-input-number+.grail-input-number-group-addon {
    padding-left: 0;
    padding-right: 7px
}

.grail-slider {
    position: relative;
    height: 100%;
    width: 100%
}

.grail-slider-wrap {
    --grail-slider-rail-background: #f5f5f5;
    --grail-slider-track-background: #ccc;
    --grail-slider-rail-disabled-background: #f5f5f5;
    --grail-slider-track-disabled-background: #f5f5f5;
    --grail-slider-handle-background: #fff;
    --grail-slider-handle-inner-background: #808080;
    --grail-slider-handle-inner-actived-background: #808080;
    --grail-slider-handle-inner-disabled-background: #ccc;
    --grail-slider-handle-width: 14px;
    --grail-slider-handle-height: 14px;
    --grail-slider-vertical-width: 28px;
    --grail-slider-vertical-rail-width: 2px
}

.grail-slider-wrap {
    position: relative;
    height: 28px;
    width: 100%
}

.grail-slider-rail,.grail-slider-track {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    height: 2px
}

.grail-slider-rail {
    background: var(--grail-slider-rail-background)
}

.grail-slider-track {
    background: var(--grail-slider-track-background)
}

.grail-slider-handle {
    position: absolute;
    width: var(--grail-slider-handle-width);
    height: var(--grail-slider-handle-height);
    background: var(--grail-slider-handle-background);
    margin-top: 7px;
    border: 2px solid var(--grail-slider-handle-background);
    border-radius: 100%;
    outline: none;
    cursor: pointer
}

.grail-slider-handle:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 2px solid var(--grail-slider-handle-inner-background);
    border-radius: 100%
}

.grail-slider-handle-click-focused:after {
    border-color: var(--grail-slider-handle-inner-actived-background)
}

.grail-slider-vertical {
    height: 100%;
    width: var(--grail-slider-vertical-width)
}

.grail-slider-vertical .grail-slider-rail {
    height: 100%;
    width: var(--grail-slider-vertical-rail-width);
    top: 0;
    left: 50%!important;
    transform: translate(-50%)
}

.grail-slider-vertical .grail-slider-track {
    width: var(--grail-slider-vertical-rail-width);
    top: 0;
    left: 50%;
    transform: translate(-50%)!important
}

.grail-slider-vertical .grail-slider-handle {
    margin-left: 7px;
    margin-top: 0
}

.grail-slider-disabled .grail-slider-rail,.grail-slider-disabled .grail-slider-track {
    background-color: var(--grail-slider-track-disabled-background)
}

.grail-slider-disabled .grail-slider-handle {
    cursor: not-allowed
}

.grail-slider-disabled .grail-slider-handle:after {
    border-color: var(--grail-slider-handle-inner-disabled-background)!important
}

.grail-slider-handle-inner {
    padding: 0 calc(var(--grail-slider-handle-width) / 2)
}

.grail-slider-handle-inner .grail-slider-rail {
    left: calc(var(--grail-slider-handle-width) / -2);
    right: calc(var(--grail-slider-handle-width) / -2)
}

.grail-slider-handle-inner .grail-slider-track {
    transform: translate(calc(var(--grail-slider-handle-width) / -2)) translateY(-50%)
}

body.theme-dark .grail-slider {
    --grail-slider-rail-background: #4B4B4B;
    --grail-slider-track-background: #969696;
    --grail-slider-rail-disabled-background: #4B4B4B;
    --grail-slider-track-disabled-background: #4B4B4B;
    --grail-slider-handle-background: #282828;
    --grail-slider-handle-inner-background: #B4B4B4;
    --grail-slider-handle-inner-actived-background: #fff;
    --grail-slider-handle-inner-disabled-background: #4B4B4B
}

body.theme-aigc .grail-slider-wrap {
    --grail-slider-rail-background: #EBEBEB;
    --grail-slider-track-background: rgba(0, 0, 0, .6);
    --grail-slider-rail-disabled-background: #cccccc;
    --grail-slider-track-disabled-background: #cccccc;
    --grail-slider-handle-background: rgba(0, 0, 0, .9);
    --grail-slider-handle-inner-background: #fff;
    --grail-slider-handle-inner-actived-background: #f5f5f5;
    --grail-slider-handle-disabled-background: #a3a3a3;
    --grail-slider-handle-inner-disabled-background: #f5f5f5
}

body.theme-aigc .grail-slider-handle:after {
    background-color: var(--grail-slider-handle-inner-background)
}

body.theme-aigc .grail-slider-handle-click-focused:after {
    background-color: var(--grail-slider-handle-inner-actived-background);
    border-color: var(--grail-slider-handle-inner-actived-background)
}

body.theme-aigc .grail-slider-disabled .grail-slider-handle {
    border-color: var(--grail-slider-handle-disabled-background);
    background-color: var(--grail-slider-handle-disabled-background)
}

body.theme-aigc .grail-slider-disabled .grail-slider-handle:after {
    background-color: var(--grail-slider-handle-inner-disabled-background);
    border-color: var(--grail-slider-handle-inner-disabled-background)
}

.grail-select {
    --grail-select-color: #191919;
    --grail-select-background: #f5f5f5;
    --grail-select-border-color: #f5f5f5;
    --grail-select-icon-color: #808080;
    --grail-select-placeholder-color: #808080;
    --grail-select-hover-color: #191919;
    --grail-select-hover-background: #f5f5f5;
    --grail-select-hover-border-color: #e0e0e0;
    --grail-select-hover-icon-color: #808080;
    --grail-select-focused-color: #191919;
    --grail-select-focused-background: #f5f5f5;
    --grail-select-focused-border-color: #e0e0e0;
    --grail-select-disabled-color: #ccc;
    --grail-select-disabled-icon-color: #ccc;
    --grail-select-disabled-border-color: #f5f5f5;
    --grail-select-disabled-background: #f5f5f5;
    --grail-select-arrow-width: 12px;
    --grail-select-arrow-font-size: 12px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    color: var(--grail-select-color)
}

.grail-select-dropdown {
    --grail-select-dropdown-border-color: #e0e0e0;
    --grail-select-dropdown-background: #fff;
    --grail-select-item-color: #4d4d4d;
    --grail-select-item-hover-color: #fff;
    --grail-select-item-actived-color: #4d4d4d;
    --grail-select-item-hover-background: #6668FF;
    --grail-select-item-actived-background: transparent;
    --grail-select-item-disabled-color: #ccc;
    --grail-select-item-disabled-background: #fff;
    --grail-select-dropdown-padding: 0 5px;
    --grail-select-dropdown-radius: 3px;
    --grail-select-dropdown-item-radius: 3px
}

.grail-select-block {
    width: 100%
}

.grail-select-selector {
    position: relative;
    background-color: var(--grail-select-background);
    border: 1px solid var(--grail-select-border-color);
    border-radius: 3px;
    height: 28px;
    padding: 0 13px;
    font-size: 12px;
    cursor: pointer
}

.grail-select-selection-search {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    padding: 0 13px
}

.grail-select-selection-search input {
    padding: 0;
    border: none;
    margin: 0;
    outline: none;
    height: 100%;
    width: 100%;
    cursor: pointer
}

.grail-select-selection-placeholder,.grail-select-selection-item {
    height: 100%;
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 26px
}

.grail-select-selection-placeholder {
    color: var(--grail-select-placeholder-color);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.grail-select-show-clear .grail-select-selection-item,.grail-select-show-arrow .grail-select-selection-item {
    padding-right: 18px
}

.grail-select-show-clear .grail-select-selection-placeholder,.grail-select-show-arrow .grail-select-selection-placeholder {
    min-width: 10px;
    height: 100%;
    padding-right: 18px
}

.grail-select-clear,.grail-select-arrow {
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    font-size: var(--grail-select-arrow-width);
    pointer-events: none;
    max-height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--grail-select-arrow-font-size);
    color: var(--grail-select-icon-color)
}

.grail-select-clear {
    pointer-events: initial;
    background-color: var(--grail-select-background);
    cursor: pointer;
    display: none
}

.grail-select-clear:hover>span {
    opacity: .8
}

.grail-select-dropdown {
    border: 1px solid var(--grail-select-dropdown-border-color);
    background: var(--grail-select-dropdown-background);
    border-radius: var(--grail-select-dropdown-radius);
    display: inline-block;
    z-index: 1050
}

.grail-select-dropdown .rc-virtual-list-holder {
    padding: var(--grail-select-dropdown-padding)
}

.grail-select-dropdown .rc-virtual-list-scrollbar {
    width: var(--grail-scrollbar-width)!important;
    background-color: var(--grail-scrollbar-track-bg)!important
}

.grail-select-dropdown .rc-virtual-list-scrollbar-thumb {
    left: auto!important;
    right: var(--grail-scrollbar-border-width)!important;
    width: calc(var(--grail-scrollbar-width) - 2 * var(--grail-scrollbar-border-width))!important;
    border-radius: var(--grail-scrollbar-border-radius)!important;
    background-color: var(--grail-scrollbar-thumb-bg)!important
}

.grail-select-dropdown-hidden {
    display: none
}

.grail-select-item {
    padding: 3.5px 0;
    cursor: pointer
}

.grail-select-item-option-content {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 5px;
    height: 20px;
    line-height: 20px;
    border-radius: var(--grail-select-dropdown-item-radius);
    color: var(--grail-select-item-color)
}

.grail-select-item-option-selected .grail-select-item-option-content {
    color: var(--grail-select-item-actived-color);
    background: var(--grail-select-item-actived-background);
    position: relative
}

.grail-select-item-option-selected .grail-select-item-option-content:after {
    position: absolute;
    content: "";
    width: 1.5px;
    height: 5px;
    background: var(--grail-select-item-actived-color);
    border-top-left-radius: 1.5px;
    border-top-right-radius: 1.5px;
    transform: rotate(-45deg) translateY(-50%);
    left: 9px;
    top: 50%
}

.grail-select-item-option-selected .grail-select-item-option-content:before {
    position: absolute;
    content: "";
    width: 1.5px;
    height: 8px;
    background: var(--grail-select-item-actived-color);
    border-top-left-radius: 1.5px;
    border-top-right-radius: 1.5px;
    transform: rotate(45deg) translateY(-50%) translateY(-1px);
    left: 8px;
    top: 50%
}

.grail-select-item:hover:not(.grail-select-item-option-disabled) .grail-select-item-option-content {
    background-color: var(--grail-select-item-hover-background);
    color: var(--grail-select-item-hover-color)
}

.grail-select-item:hover:not(.grail-select-item-option-disabled) .grail-select-item-option-content:after,.grail-select-item:hover:not(.grail-select-item-option-disabled) .grail-select-item-option-content:before {
    background: var(--grail-select-item-hover-color)
}

.grail-select-item-option-disabled {
    cursor: not-allowed
}

.grail-select-item-option-disabled .grail-select-item-option-content {
    background-color: var(--grail-select-item-disabled-background);
    color: var(--grail-select-item-disabled-color)
}

.grail-select-item-option-disabled .grail-select-item-option-content:after,.grail-select-item-option-disabled .grail-select-item-option-content:before {
    background: var(--grail-select-item-disabled-color)
}

.grail-select-item:first-of-type {
    padding-top: 7px
}

.grail-select-item:last-of-type {
    padding-bottom: 7px
}

.grail-select:hover:not(.grail-select-disabled):not(.grail-select-open) {
    color: var(--grail-select-hover-color)
}

.grail-select:hover:not(.grail-select-disabled):not(.grail-select-open) .grail-select-selector {
    border-color: var(--grail-select-hover-border-color);
    background-color: var(--grail-select-hover-background)
}

.grail-select:hover:not(.grail-select-disabled):not(.grail-select-open) .grail-select-clear {
    display: flex;
    background-color: var(--grail-select-hover-background)
}

.grail-select-open {
    color: var(--grail-select-focused-color)
}

.grail-select-open .grail-select-selector {
    border-color: var(--grail-select-focused-border-color);
    background-color: var(--grail-select-focused-background)
}

.grail-select-open .grail-select-clear {
    display: flex;
    background-color: var(--grail-select-focused-background)
}

.grail-select-disabled {
    color: var(--grail-select-disabled-color);
    cursor: not-allowed
}

.grail-select-disabled .grail-select-selection-placeholder {
    color: var(--grail-select-disabled-color)
}

.grail-select-disabled .grail-select-selector {
    background: var(--grail-select-disabled-background);
    border-color: var(--grail-select-disabled-border-color)
}

.grail-select-disabled *,.grail-select-disabled input {
    cursor: not-allowed
}

.grail-select-disabled .grail-select-clear,.grail-select-disabled .grail-select-arrow {
    color: var(--grail-select-disabled-icon-color)
}

.grail-select-disabled .grail-select-clear {
    display: flex;
    background-color: var(--grail-select-disabled-background)
}

body.theme-dark .grail-select {
    --grail-select-color: #B4B4B4;
    --grail-select-icon-color: #B4B4B4;
    --grail-select-background: #1E1E1E;
    --grail-select-border-color: #464646;
    --grail-select-placeholder-color: #646464;
    --grail-select-hover-color: #B4B4B4;
    --grail-select-hover-icon-color: #B4B4B4;
    --grail-select-hover-background: #1E1E1E;
    --grail-select-hover-border-color: #464646;
    --grail-select-focused-color: #B4B4B4;
    --grail-select-focused-background: #1E1E1E;
    --grail-select-focused-border-color: #464646;
    --grail-select-disabled-color: #4B4B4B;
    --grail-select-disabled-icon-color: #4B4B4B;
    --grail-select-disabled-background: #191919;
    --grail-select-disabled-border-color: #464646
}

body.theme-dark .grail-select-dropdown {
    --grail-select-dropdown-border-color: #464646;
    --grail-select-dropdown-background: #1E1E1E;
    --grail-select-item-color: #b4b4b4;
    --grail-select-item-hover-color: #fff;
    --grail-select-item-actived-color: #fff;
    --grail-select-item-hover-background: #6668FF;
    --grail-select-item-actived-background: transparent;
    --grail-select-item-disabled-color: #4B4B4B;
    --grail-select-item-disabled-background: transparent
}

body.theme-dark .grail-select-selection-item {
    font-weight: 500
}

body.theme-dark .grail-select-selection-search input {
    background-color: transparent
}

body.theme-aigc .grail-select {
    --grail-select-color: rgba(0, 0, 0, .9);
    --grail-select-background: #F5F5F5;
    --grail-select-border-color: #F5F5F5;
    --grail-select-icon-color: rgba(0, 0, 0, .4);
    --grail-select-placeholder-color: rgba(0, 0, 0, .4);
    --grail-select-hover-color: rgba(0, 0, 0, .9);
    --grail-select-hover-background: #F5F5F5;
    --grail-select-hover-border-color: rgba(0, 0, 0, .06);
    --grail-select-hover-icon-color: rgba(0, 0, 0, .4);
    --grail-select-focused-color: rgba(0, 0, 0, .9);
    --grail-select-focused-background: #EBEBEB;
    --grail-select-focused-border-color: rgba(0, 0, 0, .06);
    --grail-select-disabled-color: rgba(0, 0, 0, .2);
    --grail-select-disabled-icon-color: rgba(0, 0, 0, .2);
    --grail-select-disabled-border-color: #F5F5F5;
    --grail-select-disabled-background: #F5F5F5
}

body.theme-aigc .grail-select-dropdown {
    --grail-select-dropdown-border-color: #EBEBEB;
    --grail-select-dropdown-background: #F5F5F5;
    --grail-select-item-color: rgba(0, 0, 0, .6);
    --grail-select-item-hover-color: rgba(0, 0, 0, .6);
    --grail-select-item-actived-color: rgba(0, 0, 0, .9);
    --grail-select-item-hover-background: #FFFFFF;
    --grail-select-item-actived-background: #FFFFFF;
    --grail-select-item-disabled-color: rgba(0, 0, 0, .2);
    --grail-select-item-disabled-background: transparent;
    --grail-select-dropdown-padding: 0 8px;
    --grail-select-dropdown-radius: 4px;
    --grail-select-dropdown-item-radius: 4px
}

body.theme-aigc .grail-select-selector {
    border-radius: 4px;
    font-size: 14px;
    height: 32px
}

body.theme-aigc .grail-select-selection-placeholder,body.theme-aigc .grail-select-selection-item {
    line-height: 30px
}

body.theme-aigc .grail-select-item {
    padding: 2px 0
}

body.theme-aigc .grail-select-item:last-of-type {
    padding-bottom: 8px
}

body.theme-aigc .grail-select-item:first-of-type {
    padding-top: 8px
}

body.theme-aigc .grail-select-item-option-content {
    font-size: 14px;
    padding: 0 8px;
    height: 24px;
    line-height: 24px
}

body.theme-aigc .grail-select-item-option-content:before,body.theme-aigc .grail-select-item-option-content:after {
    display: none
}

body.theme-aigc .grail-select-item-option-selected:hover:not(body.theme-aigc .grail-select-item-option-disabled) .grail-select-item-option-content {
    color: var(--grail-select-item-actived-color)!important;
    background: var(--grail-select-item-actived-background)!important
}

body.theme-literature .grail-select {
    --grail-select-color: rgba(20, 30, 41, .92);
    --grail-select-background: #fbfbfc;
    --grail-select-border-color: rgba(20, 30, 41, .12);
    --grail-select-icon-color: rgba(0, 0, 0, .4);
    --grail-select-placeholder-color: rgba(0, 0, 0, .4);
    --grail-select-hover-color: rgba(20, 30, 41, .92);
    --grail-select-hover-background: #fbfbfc;
    --grail-select-hover-border-color: rgba(20, 30, 41, .12);
    --grail-select-hover-icon-color: rgba(0, 0, 0, .4);
    --grail-select-focused-color: rgba(20, 30, 41, .92);
    --grail-select-focused-background: #fbfbfc;
    --grail-select-focused-border-color: rgba(20, 30, 41, .12);
    --grail-select-disabled-color: rgba(20, 30, 41, .34);
    --grail-select-disabled-icon-color: rgba(20, 30, 41, .34);
    --grail-select-disabled-border-color: rgba(20, 30, 41, .12);
    --grail-select-disabled-background: rgba(20, 30, 41, .04);
    --grail-selector-font-size: 14px;
    --grail-selector-height: 36px;
    --grail-selection-item-line-height: 30px;
    --grail-selector-padding-left: 10px;
    --grail-selector-padding-right: 10px;
    --grail-selection-item-padding-right: 18px;
    --grail-select-selection-arrow-right: 13px
}

body.theme-literature .grail-select-dropdown {
    --grail-select-dropdown-border-color: #fff;
    --grail-select-dropdown-background: #fff;
    --grail-select-item-color: rgba(20, 30, 41, .92);
    --grail-select-item-hover-color: rgba(20, 30, 41, .92);
    --grail-select-item-actived-color: #1E71EF;
    --grail-select-item-hover-background: rgba(20, 30, 41, .04);
    --grail-select-item-actived-background: #FFFFFF;
    --grail-select-item-disabled-color: rgba(0, 0, 0, .2);
    --grail-select-item-disabled-background: transparent;
    --grail-select-dropdown-padding: 4px;
    --grail-select-dropdown-radius: 8px;
    --grail-select-dropdown-item-radius: 6px;
    --grail-select-item-option-content-height: 36px;
    --grail-select-item-option-content-line-height: 36px;
    --grail-select-item-option-content-font-size: 12px;
    box-shadow: 0 4px 16px #00000024
}

body.theme-literature .grail-select-selector {
    border-radius: 4px;
    font-size: var(--grail-selector-font-size);
    height: var(--grail-selector-height);
    padding-left: var(--grail-selector-padding-left);
    padding-right: var(--grail-selector-padding-right)
}

body.theme-literature .grail-select-selection-placeholder,body.theme-literature .grail-select-selection-item {
    line-height: var(--grail-selection-item-line-height);
    padding-right: var(--grail-selection-item-padding-right)
}

body.theme-literature .grail-select-item {
    padding: 0
}

body.theme-literature .grail-select-item:last-of-type {
    padding-bottom: 8px
}

body.theme-literature .grail-select-item:first-of-type {
    padding-top: 0
}

body.theme-literature .grail-select-item-option-content {
    font-size: var(--grail-select-item-option-content-font-size);
    height: var(--grail-select-item-option-content-height);
    line-height: var(--grail-select-item-option-content-line-height)
}

body.theme-literature .grail-select-item-option-content:before,body.theme-literature .grail-select-item-option-content:after {
    display: none
}

body.theme-literature .grail-select-item-option-selected {
    position: relative
}

body.theme-literature .grail-select-item-option-selected svg {
    color: var(--grail-select-item-actived-color);
    fill: var(--grail-select-item-actived-color)
}

body.theme-literature .grail-select-item-option-selected:after {
    position: absolute;
    height: 16px;
    right: 8px;
    top: 9px;
    content: url(./static/select_drop_check.e1c1f0cc.svg)
}

body.theme-literature .grail-select-item-option-selected:hover:not(body.theme-literature .grail-select-item-option-disabled) .grail-select-item-option-content {
    color: var(--grail-select-item-actived-color)!important;
    background: var(--grail-select-item-actived-background)!important
}

body.theme-literature .grail-select-arrow {
    right: var(--grail-select-selection-arrow-right)
}

body.theme-aigc .grail-d-select.grail-select {
    --grail-select-color: rgba(0, 0, 0, .6);
    --grail-select-background: #fff;
    --grail-select-border-color: #fff;
    --grail-select-icon-color: rgba(0, 0, 0, .4);
    --grail-select-placeholder-color: rgba(0, 0, 0, .2);
    --grail-select-hover-color: rgba(0, 0, 0, .6);
    --grail-select-hover-background: #fff;
    --grail-select-hover-border-color: #EBEBEB;
    --grail-select-hover-icon-color: rgba(0, 0, 0, .2);
    --grail-select-focused-color: rgba(0, 0, 0, .9);
    --grail-select-focused-background: #fff;
    --grail-select-focused-border-color: #EBEBEB;
    --grail-select-disabled-color: rgba(0, 0, 0, .2);
    --grail-select-disabled-icon-color: rgba(0, 0, 0, .2);
    --grail-select-disabled-border-color: #fff;
    --grail-select-disabled-background: #fff
}

body.theme-aigc .grail-d-select-dropdown.grail-select-dropdown {
    --grail-select-dropdown-border-color: #EBEBEB;
    --grail-select-dropdown-background: #fff;
    --grail-select-item-color: rgba(0, 0, 0, .6);
    --grail-select-item-hover-color: rgba(0, 0, 0, .6);
    --grail-select-item-actived-color: rgba(0, 0, 0, .9);
    --grail-select-item-hover-background: #f5f5f5;
    --grail-select-item-actived-background: #f5f5f5;
    --grail-select-item-disabled-color: rgba(0, 0, 0, .2);
    --grail-select-item-disabled-background: transparent
}

body.theme-aigc-dropdown {
    box-shadow: 0 2px 4px #0000000f,0 2px 12px #0000001a
}

.grail-divider {
    --grail-divider-margin: 18px 0;
    --grail-divider-type-default-color: #f5f5f5;
    --grail-divider-type-second-color: #e0e0e0;
    min-width: 100%;
    height: 1px;
    display: block;
    margin: var(--grail-divider-margin)
}

.grail-divider-type-default {
    background-color: var(--grail-divider-type-default-color)
}

.grail-divider-type-second {
    background-color: var(--grail-divider-type-second-color)
}

.grail-divider-vertical {
    min-width: 0;
    width: 1px;
    height: .9em;
    display: inline-block;
    vertical-align: middle;
    margin: 0 18px
}

body.theme-dark .grail-divider {
    --grail-divider-margin: 18px 0;
    --grail-divider-type-default-color: #323232;
    --grail-divider-type-second-color: #191919
}

body.theme-aigc .grail-divider {
    --grail-divider-margin: 8px 0;
    --grail-divider-type-default-color: #F5F5F5
}

.grail-header {
    --grail-header-logo-height: 30px;
    --grail-header-padding: 0 24px;
    --grail-header-title-color: #191919;
    --grail-header-background-color: #fff;
    --grail-border-bottom-color: #ebebeb;
    height: var(--grail-header-height);
    padding: var(--grail-header-padding);
    background-color: var(--grail-header-background-color);
    border-bottom: 1px solid var(--grail-border-bottom-color)
}

.grail-header-inner {
    display: flex;
    width: 100%;
    height: 100%;
    align-content: center;
    justify-content: space-between
}

.grail-header-left {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 100%;
    margin-right: 24px
}

.grail-header-left-empty {
    margin-right: 0
}

.grail-header-left-logo {
    user-select: none;
    display: flex;
    align-items: center
}

.grail-header-left-logo-default {
    display: block;
    pointer-events: none
}

.grail-header-left-logo-default img {
    height: var(--grail-header-logo-height);
    vertical-align: middle
}

.grail-header-left-logo-default:hover {
    opacity: 1
}

.grail-header-left-logo-default-redirect {
    pointer-events: initial
}

.grail-header-left-title {
    font-weight: 500;
    font-size: 16px;
    color: var(--grail-header-title-color)
}

.grail-header-left-title+.grail-header-left-extra,.grail-header-left-logo+.grail-header-left-extra {
    margin-left: 8px
}

.grail-header-left-extra {
    flex: 1 1;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.grail-header-content {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.grail-header:not(.grail-header-has-center) .grail-header-content {
    flex: 1 1;
    max-width: 100%
}

.grail-header-has-center .grail-header-content {
    flex-shrink: 0;
    margin-left: 24px
}

.grail-header-has-center .grail-header-center {
    flex: 1 1;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

body.theme-dark .grail-header {
    --grail-header-title-color: #B4B4B4;
    --grail-header-background-color: #282828;
    --grail-border-bottom-color: #282828
}

.grail-label-wrap {
    --grail-label-main-min-height: 30px;
    --grail-label-main-color: #191919;
    --grail-label-secondary-min-height: 44px;
    --grail-label-secondary-color: #808080;
    --grail-label-extra-color: #b3b3b3;
    --grail-label-disabled-color: #ccc
}

.grail-label {
    min-height: var(--grail-label-main-min-height);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.grail-label-left {
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 12px;
    width: var(--grail-label-label-width)
}

.grail-label-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: var(--grail-label-main-color)
}

.grail-label-extra {
    vertical-align: bottom;
    font-size: 20px;
    transform: scale(.5) translate(-50%) translateY(2px);
    color: var(--grail-label-extra-color);
    position: relative;
    display: inline-block;
    margin-left: 8px
}

.grail-label-type-secondary {
    min-height: var(--grail-label-secondary-min-height)
}

.grail-label-type-secondary .grail-label-title {
    font-weight: 400;
    color: var(--grail-label-secondary-color)
}

.grail-label-wrap-disabled .grail-label-title,.grail-label-wrap-disabled .grail-label-extra {
    color: var(--grail-label-disabled-color)
}

.grail-label-left+.grail-label-actions {
    margin-left: var(--grail-label-actions-margin-left)
}

.grail-label-actions {
    justify-content: var(--grail-label-actions-justify-content);
    flex: 1 1;
    display: flex;
    min-width: 0
}

.grail-label-actions+.grail-label-fold {
    margin-left: var(--grail-label-actions-margin-right)
}

.grail-label-fold {
    margin-left: 8px;
    margin-right: -10px
}

.grail-label-fold-icon {
    transition: transform .3s;
    transform: rotate(0)
}

.grail-label-fold-icon-unfold {
    transform: rotate(180deg)
}

.grail-label-content-hide {
    display: none
}

body.theme-dark .grail-label-wrap {
    --grail-label-main-min-height: 30px;
    --grail-label-main-color: #B4B4B4;
    --grail-label-secondary-min-height: 44px;
    --grail-label-secondary-color: #B4B4B4;
    --grail-label-extra-color: #646464;
    --grail-label-disabled-color: #4b4b4b
}

body.theme-aigc .grail-label-wrap {
    --grail-label-main-min-height: 40px;
    --grail-label-main-color: rgba(0, 0, 0, .9);
    --grail-label-secondary-min-height: 48px;
    --grail-label-secondary-color: rgba(0, 0, 0, .4);
    --grail-label-extra-color: rgba(0, 0, 0, .4);
    --grail-label-disabled-color: rgba(0, 0, 0, .2)
}

body.theme-aigc .grail-label-left {
    font-size: 14px;
    line-height: 22px
}

body.theme-aigc .grail-label-title {
    font-size: 14px
}

body.theme-aigc .grail-label-fold {
    margin-right: -8px
}

body.theme-literature .grail-label-wrap {
    --grail-label-main-min-height: 20px;
    --grail-label-main-color: rgba(20, 30, 41, .92);
    --grail-label-secondary-min-height: 20px;
    --grail-label-secondary-color: rgba(0, 0, 0, .4);
    --grail-label-extra-color: rgba(0, 0, 0, .4);
    --grail-label-disabled-color: rgba(0, 0, 0, .2)
}

body.theme-literature .grail-label-left {
    font-size: 14px;
    line-height: 20px
}

body.theme-literature .grail-label-title {
    font-size: 14px
}

body.theme-literature .grail-label-fold {
    margin-right: -8px
}

.grail-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    color: inherit;
    overflow: hidden;
    position: relative
}

.grail-icon-delete-fill [fill]:not([style]) {
    fill: currentColor!important
}

.grail-icon-delete-fill [stroke]:not([style]) {
    stroke: currentColor!important
}

.grail-icon-inner,.grail-icon-inner.anticon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    color: inherit;
    font-size: inherit
}

.grail-switch {
    --grail-switch-background-color: #E0E0E0;
    --grail-switch-border-color: #E0E0E0;
    --grail-switch-handle-color: #fff;
    --grail-switch-checked-background-color: #00CCA2;
    --grail-switch-checked-border-color: #00CCA2;
    --grail-switch-checked-handle-color: #fff;
    --grail-switch-hover-background-color: #E0E0E0;
    --grail-switch-hover-border-color: #E0E0E0;
    --grail-switch-hover-handle-color: #fff;
    --grail-switch-hover-checked-background-color: #00CCA2;
    --grail-switch-hover-checked-border-color: #00CCA2;
    --grail-switch-hover-checked-handle-color: #fff;
    --grail-switch-disabled-background-color: #F5F5F5;
    --grail-switch-disabled-border-color: #F5F5F5;
    --grail-switch-disabled-handle-color: #fff;
    --grail-switch-disabled-checked-background-color: #99EBDA;
    --grail-switch-disabled-checked-border-color: #99EBDA;
    --grail-switch-disabled-checked-handle-color: #fff;
    --grail-switch-handle-width: 12px;
    --grail-switch-handle-height: 12px;
    min-width: 28px;
    height: 16px;
    border-radius: 16px;
    box-shadow: none;
    outline: none;
    border: none;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    background: var(--grail-switch-background-color);
    border: 1px solid var(--grail-switch-border-color)
}

.grail-switch .ant-click-animating-node,.grail-switch:after {
    display: none!important
}

.grail-switch-handle {
    width: var(--grail-switch-handle-width);
    height: var(--grail-switch-handle-height);
    border-radius: 100%;
    background: var(--grail-switch-handle-color);
    color: var(--grail-switch-background-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 1px;
    transform: translateY(-50%);
    transition: all .2s ease-in-out
}

.grail-switch-checked {
    background: var(--grail-switch-checked-background-color);
    border-color: var(--grail-switch-checked-border-color)
}

.grail-switch-checked .grail-switch-handle {
    color: var(--grail-switch-checked-background-color);
    background: var(--grail-switch-checked-handle-color);
    left: calc(100% - var(--grail-switch-handle-width) - 1px)
}

.grail-switch:hover:not(.grail-switch-disabled) {
    background: var(--grail-switch-hover-background-color);
    border-color: var(--grail-switch-hover-border-color)
}

.grail-switch:hover:not(.grail-switch-disabled) .grail-switch-handle {
    color: var(--grail-switch-hover-background-color);
    background: var(--grail-switch-hover-handle-color)
}

.grail-switch:hover:not(.grail-switch-disabled).grail-switch-checked {
    background: var(--grail-switch-hover-checked-background-color);
    border-color: var(--grail-switch-hover-checked-border-color)
}

.grail-switch:hover:not(.grail-switch-disabled).grail-switch-checked .grail-switch-handle {
    color: var(--grail-switch-hover-checked-background-color);
    background: var(--grail-switch-hover-checked-handle-color)
}

.grail-switch-disabled {
    cursor: not-allowed;
    background: var(--grail-switch-disabled-background-color);
    border-color: var(--grail-switch-disabled-border-color)
}

.grail-switch-disabled .grail-switch-handle {
    color: var(--grail-switch-disabled-background-color);
    background: var(--grail-switch-disabled-handle-color)
}

.grail-switch-disabled.grail-switch-checked {
    background: var(--grail-switch-disabled-checked-background-color);
    border-color: var(--grail-switch-disabled-checked-border-color)
}

.grail-switch-disabled.grail-switch-checked .grail-switch-handle {
    color: var(--grail-switch-disabled-checked-background-color);
    background: var(--grail-switch-disabled-checked-handle-color)
}

body.theme-dark .grail-switch {
    --grail-switch-background-color: #646464;
    --grail-switch-border-color: #646464;
    --grail-switch-handle-color: #282828;
    --grail-switch-checked-background-color: #00DFB0;
    --grail-switch-checked-border-color: #00DFB0;
    --grail-switch-checked-handle-color: #282828;
    --grail-switch-hover-background-color: #646464;
    --grail-switch-hover-border-color: #646464;
    --grail-switch-hover-handle-color: #282828;
    --grail-switch-hover-checked-background-color: #00DFB0;
    --grail-switch-hover-checked-border-color: #00DFB0;
    --grail-switch-hover-checked-handle-color: #282828;
    --grail-switch-disabled-background-color: #3C3C3C;
    --grail-switch-disabled-border-color: #3C3C3C;
    --grail-switch-disabled-handle-color: #282828;
    --grail-switch-disabled-checked-background-color: #3C3C3C;
    --grail-switch-disabled-checked-border-color: #3C3C3C;
    --grail-switch-disabled-checked-handle-color: #282828
}

body.theme-aigc .grail-switch {
    --grail-switch-background-color: #f5f5f5;
    --grail-switch-border-color: #f5f5f5;
    --grail-switch-handle-color: rgba(0, 0, 0, .6);
    --grail-switch-checked-background-color: #00CCA2;
    --grail-switch-checked-border-color: #00CCA2;
    --grail-switch-checked-handle-color: #fff;
    --grail-switch-hover-background-color: #f5f5f5;
    --grail-switch-hover-border-color: #e0e0e0;
    --grail-switch-hover-handle-color: rgba(0, 0, 0, .6);
    --grail-switch-hover-checked-background-color: #00CCA2;
    --grail-switch-hover-checked-border-color: #e0e0e0;
    --grail-switch-hover-checked-handle-color: #fff;
    --grail-switch-disabled-background-color: #f5f5f5;
    --grail-switch-disabled-border-color: #f5f5f5;
    --grail-switch-disabled-handle-color: rgba(0, 0, 0, .2);
    --grail-switch-disabled-checked-background-color: #00CCA2;
    --grail-switch-disabled-checked-border-color: #00CCA2;
    --grail-switch-disabled-checked-handle-color: rgba(255, 255, 255, .4);
    --grail-switch-handle-width: 16px;
    --grail-switch-handle-height: 16px;
    min-width: 32px;
    height: 20px;
    border-radius: 20px
}

body.theme-aigc .grail-switch-type-secondary {
    --grail-switch-background-color: #fff;
    --grail-switch-border-color: #fff;
    --grail-switch-hover-background-color: #fff;
    --grail-switch-hover-border-color: rgba(0, 0, 0, .06);
    --grail-switch-hover-checked-border-color: rgba(0, 0, 0, .06);
    --grail-switch-disabled-background-color: #fff;
    --grail-switch-disabled-border-color: #fff
}

.grail-button-group {
    --grail-button-group-divider-color: #fff;
    --grail-button-group-background: #f5f5f5;
    --grail-button-group-color: #808080;
    --grail-button-group-hover-background: #f5f5f5;
    --grail-button-group-hover-color: #808080;
    --grail-button-group-selected-background: #f5f5f5;
    --grail-button-group-selected-color: #191919;
    --grail-button-group-disabled-background: #f5f5f5;
    --grail-button-group-disabled-color: #ccc;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    overflow: hidden;
    font-size: 12px
}

.grail-button-group-item {
    padding: 0 16px;
    height: 100%;
    line-height: 28px;
    color: var(--grail-button-group-color);
    background-color: var(--grail-button-group-background);
    cursor: default;
    position: relative
}

.grail-button-group-item:hover:not(.grail-button-group-item-disabled):not(.grail-button-group-item-selected) {
    color: var(--grail-button-group-hover-color);
    background-color: var(--grail-button-group-hover-background)
}

.grail-button-group-item-selected {
    color: var(--grail-button-group-selected-color);
    background-color: var(--grail-button-group-selected-background);
    font-weight: 500
}

.grail-button-group-item-disabled {
    color: var(--grail-button-group-disabled-color);
    background-color: var(--grail-button-group-disabled-background)
}

.grail-button-group-item-disabled {
    cursor: not-allowed
}

.grail-button-group-item-clickable {
    cursor: pointer
}

.grail-button-group-item:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 1px;
    background: var(--grail-button-group-divider-color);
    right: -.5px;
    top: 8px
}

.grail-button-group-item:last-of-type:before {
    display: none
}

.grail-button-group-item-content {
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.grail-button-group-item-seat {
    font-weight: 500;
    opacity: 0
}

.grail-button-group-item .grail-icon,.grail-button-group-item .grail-icon .grail-icon[grail-type="20-4"],.grail-button-group-item .grail-icon[grail-type="20-4"] {
    font-size: 30px
}

.grail-button-group-item .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-button-group-item .grail-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-button-group-item .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-button-group-item .grail-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((20 - 4 * 2) / 20)))
}

.grail-button-group-item .grail-icon .grail-icon[grail-type="22-4"],.grail-button-group-item .grail-icon[grail-type="22-4"] {
    font-size: 30px
}

.grail-button-group-item .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-button-group-item .grail-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-button-group-item .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-button-group-item .grail-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((22 - 4 * 2) / 22)))
}

.grail-button-group-item .grail-icon .grail-icon[grail-type="24-3"],.grail-button-group-item .grail-icon[grail-type="24-3"] {
    font-size: 30px
}

.grail-button-group-item .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-button-group-item .grail-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-button-group-item .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-button-group-item .grail-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((24 - 3 * 2) / 24)))
}

.grail-button-group-item .grail-icon .grail-icon[grail-type="30-8"],.grail-button-group-item .grail-icon[grail-type="30-8"] {
    font-size: 30px
}

.grail-button-group-item .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-button-group-item .grail-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-button-group-item .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-button-group-item .grail-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-button-group-item .grail-icon .grail-icon[grail-type="40-0"],.grail-button-group-item .grail-icon[grail-type="40-0"] {
    font-size: 30px
}

.grail-button-group-item .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-button-group-item .grail-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-button-group-item .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-button-group-item .grail-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((40 - 0 * 2) / 40)))
}

.grail-button-group-item .grail-icon .grail-icon[grail-type="48-2"],.grail-button-group-item .grail-icon[grail-type="48-2"] {
    font-size: 30px
}

.grail-button-group-item .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-button-group-item .grail-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-button-group-item .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-button-group-item .grail-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((48 - 2 * 2) / 48)))
}

.grail-button-group-block {
    width: 100%
}

.grail-button-group-block .grail-button-group-item {
    padding: 0;
    text-align: center;
    flex: 1 1
}

body.theme-dark .grail-button-group {
    --grail-button-group-divider-color: #282828;
    --grail-button-group-background: #191919;
    --grail-button-group-color: #7D7D7D;
    --grail-button-group-hover-background: #191919;
    --grail-button-group-hover-color: #7D7D7D;
    --grail-button-group-selected-background: #191919;
    --grail-button-group-selected-color: #B4B4B4;
    --grail-button-group-disabled-background: #191919;
    --grail-button-group-disabled-color: #4B4B4B
}

body.theme-aigc .grail-button-group {
    --grail-button-group-divider-color: rgba(0, 0, 0, .08);
    --grail-button-group-background: #F5F5F5;
    --grail-button-group-color: rgba(0, 0, 0, .6);
    --grail-button-group-hover-background: #EBEBEB;
    --grail-button-group-hover-color: rgba(0, 0, 0, .9);
    --grail-button-group-selected-background: #E0E0E0;
    --grail-button-group-selected-color: rgba(0, 0, 0, .9);
    --grail-button-group-disabled-background: #F5F5F5;
    --grail-button-group-disabled-color: rgba(0, 0, 0, .2);
    height: 32px;
    border-radius: 4px;
    font-size: 14px
}

body.theme-aigc .grail-button-group-item {
    line-height: 32px
}

body.theme-aigc .grail-button-group-item:before {
    height: 16px;
    top: 8px
}

body.theme-aigc .grail-button-group-item:hover:not(body.theme-aigc .grail-button-group-item-disabled):not(body.theme-aigc .grail-button-group-item-selected) {
    font-weight: 500
}

body.theme-aigc .grail-button-group-item-selected {
    font-weight: 500
}

body.theme-aigc .grail-button-group-item .grail-icon,body.theme-aigc .grail-button-group-item .grail-icon .grail-icon[grail-type="20-4"],body.theme-aigc .grail-button-group-item .grail-icon[grail-type="20-4"] {
    font-size: 20px
}

body.theme-aigc .grail-button-group-item .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-button-group-item .grail-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-button-group-item .grail-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-button-group-item .grail-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-button-group-item .grail-icon .grail-icon[grail-type="22-4"],body.theme-aigc .grail-button-group-item .grail-icon[grail-type="22-4"] {
    font-size: 20px
}

body.theme-aigc .grail-button-group-item .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-button-group-item .grail-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-button-group-item .grail-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-button-group-item .grail-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-button-group-item .grail-icon .grail-icon[grail-type="24-3"],body.theme-aigc .grail-button-group-item .grail-icon[grail-type="24-3"] {
    font-size: 20px
}

body.theme-aigc .grail-button-group-item .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-button-group-item .grail-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-button-group-item .grail-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-button-group-item .grail-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-button-group-item .grail-icon .grail-icon[grail-type="30-8"],body.theme-aigc .grail-button-group-item .grail-icon[grail-type="30-8"] {
    font-size: 20px
}

body.theme-aigc .grail-button-group-item .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-button-group-item .grail-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-button-group-item .grail-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-button-group-item .grail-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-button-group-item .grail-icon .grail-icon[grail-type="40-0"],body.theme-aigc .grail-button-group-item .grail-icon[grail-type="40-0"] {
    font-size: 20px
}

body.theme-aigc .grail-button-group-item .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-button-group-item .grail-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-button-group-item .grail-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-button-group-item .grail-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-button-group-item .grail-icon .grail-icon[grail-type="48-2"],body.theme-aigc .grail-button-group-item .grail-icon[grail-type="48-2"] {
    font-size: 20px
}

body.theme-aigc .grail-button-group-item .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-button-group-item .grail-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-button-group-item .grail-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-button-group-item .grail-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

.grail-checkbox {
    display: inline-flex;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.grail-checkbox-wrapper {
    position: relative;
    --grail-checkbox-border-color: #B3B3B3;
    --grail-checkbox-background-color: transparent;
    --grail-checkbox-checked-icon-color: #fff;
    --grail-checkbox-checked-border-color: #00CCA2;
    --grail-checkbox-checked-background-color: #00CCA2;
    --grail-checkbox-hover-border-color: #B3B3B3;
    --grail-checkbox-hover-background-color: transparent;
    --grail-checkbox-hover-checked-icon-color: #fff;
    --grail-checkbox-hover-checked-border-color: #00CCA2;
    --grail-checkbox-hover-checked-background-color: #00CCA2;
    --grail-checkbox-disabled-border-color: #B3B3B3;
    --grail-checkbox-disabled-background-color: #E0E0E0;
    --grail-checkbox-disabled-checked-icon-color: #B3B3B3;
    --grail-checkbox-disabled-checked-border-color: #E0E0E0;
    --grail-checkbox-disabled-checked-background-color: #E0E0E0
}

.grail-checkbox:after {
    content: "";
    position: relative;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    border: 1px solid var(--grail-checkbox-border-color);
    background: var(--grail-checkbox-background-color);
    cursor: pointer
}

.grail-checkbox-input {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0
}

.grail-checkbox-icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 12px;
    color: var(--grail-checkbox-checked-icon-color);
    display: none
}

.grail-checkbox-icon .grail-icon[grail-type="20-4"],.grail-checkbox-icon[grail-type="20-4"] {
    font-size: 12px
}

.grail-checkbox-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-checkbox-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 12px
}

.grail-checkbox-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-checkbox-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((20 - 4 * 2) / 20)))
}

.grail-checkbox-icon .grail-icon[grail-type="22-4"],.grail-checkbox-icon[grail-type="22-4"] {
    font-size: 12px
}

.grail-checkbox-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-checkbox-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 12px
}

.grail-checkbox-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-checkbox-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((22 - 4 * 2) / 22)))
}

.grail-checkbox-icon .grail-icon[grail-type="24-3"],.grail-checkbox-icon[grail-type="24-3"] {
    font-size: 12px
}

.grail-checkbox-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-checkbox-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 12px
}

.grail-checkbox-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-checkbox-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((24 - 3 * 2) / 24)))
}

.grail-checkbox-icon .grail-icon[grail-type="30-8"],.grail-checkbox-icon[grail-type="30-8"] {
    font-size: 12px
}

.grail-checkbox-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-checkbox-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 12px
}

.grail-checkbox-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-checkbox-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-checkbox-icon .grail-icon[grail-type="40-0"],.grail-checkbox-icon[grail-type="40-0"] {
    font-size: 12px
}

.grail-checkbox-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-checkbox-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 12px
}

.grail-checkbox-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-checkbox-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((40 - 0 * 2) / 40)))
}

.grail-checkbox-icon .grail-icon[grail-type="48-2"],.grail-checkbox-icon[grail-type="48-2"] {
    font-size: 12px
}

.grail-checkbox-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-checkbox-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 12px
}

.grail-checkbox-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-checkbox-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((48 - 2 * 2) / 48)))
}

.grail-checkbox-checked:after {
    background: var(--grail-checkbox-checked-background-color);
    border-color: var(--grail-checkbox-checked-border-color)
}

.grail-checkbox-checked+span .grail-checkbox-icon {
    display: inline-flex
}

.grail-checkbox+span {
    padding-left: 12px
}

.grail-checkbox:hover:not(.grail-checkbox-disabled):after {
    background: var(--grail-checkbox-hover-background-color);
    border-color: var(--grail-checkbox-hover-border-color)
}

.grail-checkbox:hover:not(.grail-checkbox-disabled).grail-checkbox-checked:after {
    background: var(--grail-checkbox-hover-checked-background-color);
    border-color: var(--grail-checkbox-hover-checked-border-color)
}

.grail-checkbox:hover:not(.grail-checkbox-disabled).grail-checkbox-checked+span .grail-checkbox-icon {
    color: var(--grail-checkbox-hover-checked-icon-color)
}

.grail-checkbox-disabled:after {
    background: var(--grail-checkbox-disabled-background-color);
    border-color: var(--grail-checkbox-disabled-border-color);
    cursor: not-allowed
}

.grail-checkbox-disabled.grail-checkbox-checked:after {
    background: var(--grail-checkbox-disabled-checked-background-color);
    border-color: var(--grail-checkbox-disabled-checked-border-color)
}

.grail-checkbox-disabled.grail-checkbox-checked+span .grail-checkbox-icon {
    color: var(--grail-checkbox-disabled-checked-icon-color)
}

body.theme-dark .grail-checkbox-wrapper {
    --grail-checkbox-border-color: #464646;
    --grail-checkbox-background-color: #1E1E1E;
    --grail-checkbox-checked-icon-color: #191919;
    --grail-checkbox-checked-border-color: #00DFB0;
    --grail-checkbox-checked-background-color: #00DFB0;
    --grail-checkbox-hover-border-color: #464646;
    --grail-checkbox-hover-background-color: #1E1E1E;
    --grail-checkbox-hover-checked-icon-color: #191919;
    --grail-checkbox-hover-checked-border-color: #00DFB0;
    --grail-checkbox-hover-checked-background-color: #00DFB0;
    --grail-checkbox-disabled-border-color: #3C3C3C;
    --grail-checkbox-disabled-background-color: #3C3C3C;
    --grail-checkbox-disabled-checked-icon-color: #282828;
    --grail-checkbox-disabled-checked-border-color: #3C3C3C;
    --grail-checkbox-disabled-checked-background-color: #3C3C3C
}

body.theme-aigc .grail-checkbox-wrapper {
    --grail-checkbox-border-color: rgba(0, 0, 0, .06);
    --grail-checkbox-background-color: #F5F5F5;
    --grail-checkbox-checked-icon-color: rgba(0, 0, 0, .9);
    --grail-checkbox-checked-border-color: rgba(0, 0, 0, .06);
    --grail-checkbox-checked-background-color: #F5F5F5;
    --grail-checkbox-hover-border-color: rgba(0, 0, 0, .06);
    --grail-checkbox-hover-background-color: #EBEBEB;
    --grail-checkbox-hover-checked-icon-color: rgba(0, 0, 0, .9);
    --grail-checkbox-hover-checked-border-color: rgba(0, 0, 0, .06);
    --grail-checkbox-hover-checked-background-color: #F5F5F5;
    --grail-checkbox-disabled-border-color: #F5F5F5;
    --grail-checkbox-disabled-background-color: #F5F5F5;
    --grail-checkbox-disabled-checked-icon-color: rgba(0, 0, 0, .2);
    --grail-checkbox-disabled-checked-border-color: #F5F5F5;
    --grail-checkbox-disabled-checked-background-color: #F5F5F5
}

body.theme-aigc .grail-checkbox:after {
    width: 20px;
    height: 20px;
    border-radius: 4px
}

body.theme-aigc .grail-checkbox-icon,body.theme-aigc .grail-checkbox-icon .grail-icon[grail-type="20-4"],body.theme-aigc .grail-checkbox-icon[grail-type="20-4"] {
    font-size: 20px
}

body.theme-aigc .grail-checkbox-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-checkbox-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-checkbox-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-checkbox-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-checkbox-icon .grail-icon[grail-type="22-4"],body.theme-aigc .grail-checkbox-icon[grail-type="22-4"] {
    font-size: 20px
}

body.theme-aigc .grail-checkbox-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-checkbox-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-checkbox-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-checkbox-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-checkbox-icon .grail-icon[grail-type="24-3"],body.theme-aigc .grail-checkbox-icon[grail-type="24-3"] {
    font-size: 20px
}

body.theme-aigc .grail-checkbox-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-checkbox-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-checkbox-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-checkbox-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-checkbox-icon .grail-icon[grail-type="30-8"],body.theme-aigc .grail-checkbox-icon[grail-type="30-8"] {
    font-size: 20px
}

body.theme-aigc .grail-checkbox-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-checkbox-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-checkbox-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-checkbox-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-checkbox-icon .grail-icon[grail-type="40-0"],body.theme-aigc .grail-checkbox-icon[grail-type="40-0"] {
    font-size: 20px
}

body.theme-aigc .grail-checkbox-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-checkbox-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-checkbox-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-checkbox-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-checkbox-icon .grail-icon[grail-type="48-2"],body.theme-aigc .grail-checkbox-icon[grail-type="48-2"] {
    font-size: 20px
}

body.theme-aigc .grail-checkbox-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-checkbox-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 20px
}

body.theme-aigc .grail-checkbox-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-checkbox-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-aigc .grail-checkbox+span {
    padding-left: 20px
}

body.theme-literature .grail-checkbox-wrapper {
    --grail-checkbox-border-color: rgba(20, 30, 41, .34);
    --grail-checkbox-background-color: #ffffff;
    --grail-checkbox-checked-icon-color: #fff;
    --grail-checkbox-checked-border-color: #2067d7;
    --grail-checkbox-checked-background-color: #1e71ef;
    --grail-checkbox-hover-border-color: rgba(0, 0, 0, .06);
    --grail-checkbox-hover-background-color: #F5F5F5;
    --grail-checkbox-hover-checked-icon-color: #fff;
    --grail-checkbox-hover-checked-border-color: #2067d7;
    --grail-checkbox-hover-checked-background-color: #1e71ef;
    --grail-checkbox-disabled-border-color: #F5F5F5;
    --grail-checkbox-disabled-background-color: #F5F5F5;
    --grail-checkbox-disabled-checked-icon-color: rgba(0, 0, 0, .2);
    --grail-checkbox-disabled-checked-border-color: #F5F5F5;
    --grail-checkbox-disabled-checked-background-color: #F5F5F5
}

body.theme-literature .grail-checkbox:after {
    width: 16px;
    height: 16px;
    border-radius: 2px
}

body.theme-literature .grail-checkbox-icon,body.theme-literature .grail-checkbox-icon .grail-icon[grail-type="20-4"],body.theme-literature .grail-checkbox-icon[grail-type="20-4"] {
    font-size: 16px
}

body.theme-literature .grail-checkbox-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-literature .grail-checkbox-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-literature .grail-checkbox-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-literature .grail-checkbox-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-literature .grail-checkbox-icon .grail-icon[grail-type="22-4"],body.theme-literature .grail-checkbox-icon[grail-type="22-4"] {
    font-size: 16px
}

body.theme-literature .grail-checkbox-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-literature .grail-checkbox-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-literature .grail-checkbox-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-literature .grail-checkbox-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-literature .grail-checkbox-icon .grail-icon[grail-type="24-3"],body.theme-literature .grail-checkbox-icon[grail-type="24-3"] {
    font-size: 16px
}

body.theme-literature .grail-checkbox-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-literature .grail-checkbox-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-literature .grail-checkbox-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-literature .grail-checkbox-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-literature .grail-checkbox-icon .grail-icon[grail-type="30-8"],body.theme-literature .grail-checkbox-icon[grail-type="30-8"] {
    font-size: 16px
}

body.theme-literature .grail-checkbox-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-literature .grail-checkbox-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-literature .grail-checkbox-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-literature .grail-checkbox-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-literature .grail-checkbox-icon .grail-icon[grail-type="40-0"],body.theme-literature .grail-checkbox-icon[grail-type="40-0"] {
    font-size: 16px
}

body.theme-literature .grail-checkbox-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-literature .grail-checkbox-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-literature .grail-checkbox-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-literature .grail-checkbox-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-literature .grail-checkbox-icon .grail-icon[grail-type="48-2"],body.theme-literature .grail-checkbox-icon[grail-type="48-2"] {
    font-size: 16px
}

body.theme-literature .grail-checkbox-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-literature .grail-checkbox-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-literature .grail-checkbox-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-literature .grail-checkbox-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-literature .grail-checkbox+span {
    padding-left: 16px
}

.grail-radio {
    display: inline-flex;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.grail-radio-wrapper {
    position: relative;
    --grail-radio-border-color: #B3B3B3;
    --grail-radio-background-color: transparent;
    --grail-radio-checked-icon-color: #fff;
    --grail-radio-checked-border-color: #00CCA2;
    --grail-radio-checked-background-color: #00CCA2;
    --grail-radio-hover-border-color: #B3B3B3;
    --grail-radio-hover-background-color: transparent;
    --grail-radio-hover-checked-icon-color: #fff;
    --grail-radio-hover-checked-border-color: #00CCA2;
    --grail-radio-hover-checked-background-color: #00CCA2;
    --grail-radio-disabled-border-color: #B3B3B3;
    --grail-radio-disabled-background-color: #E0E0E0;
    --grail-radio-disabled-checked-icon-color: #B3B3B3;
    --grail-radio-disabled-checked-border-color: #E0E0E0;
    --grail-radio-disabled-checked-background-color: #E0E0E0;
    --grail-radio-text-color: #191919
}

.grail-radio:after {
    content: "";
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid var(--grail-radio-border-color);
    background: var(--grail-radio-background-color);
    cursor: pointer
}

.grail-radio-input {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0
}

.grail-radio-icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 16px;
    color: var(--grail-radio-checked-icon-color);
    display: none
}

.grail-radio-icon .grail-icon[grail-type="20-4"],.grail-radio-icon[grail-type="20-4"] {
    font-size: 16px
}

.grail-radio-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-radio-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-radio-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-radio-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((20 - 4 * 2) / 20)))
}

.grail-radio-icon .grail-icon[grail-type="22-4"],.grail-radio-icon[grail-type="22-4"] {
    font-size: 16px
}

.grail-radio-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-radio-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-radio-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-radio-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((22 - 4 * 2) / 22)))
}

.grail-radio-icon .grail-icon[grail-type="24-3"],.grail-radio-icon[grail-type="24-3"] {
    font-size: 16px
}

.grail-radio-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-radio-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-radio-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-radio-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((24 - 3 * 2) / 24)))
}

.grail-radio-icon .grail-icon[grail-type="30-8"],.grail-radio-icon[grail-type="30-8"] {
    font-size: 16px
}

.grail-radio-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-radio-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-radio-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-radio-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-radio-icon .grail-icon[grail-type="40-0"],.grail-radio-icon[grail-type="40-0"] {
    font-size: 16px
}

.grail-radio-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-radio-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-radio-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-radio-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((40 - 0 * 2) / 40)))
}

.grail-radio-icon .grail-icon[grail-type="48-2"],.grail-radio-icon[grail-type="48-2"] {
    font-size: 16px
}

.grail-radio-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-radio-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-radio-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-radio-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((48 - 2 * 2) / 48)))
}

.grail-radio-checked:after {
    background: var(--grail-radio-checked-background-color);
    border-color: var(--grail-radio-checked-border-color)
}

.grail-radio-checked+span .grail-radio-icon {
    display: inline-flex
}

.grail-radio+span {
    padding-left: 20px;
    color: var(--grail-radio-text-color)
}

.grail-radio:hover:not(.grail-radio-disabled):after {
    background: var(--grail-radio-hover-background-color);
    border-color: var(--grail-radio-hover-border-color)
}

.grail-radio:hover:not(.grail-radio-disabled).grail-radio-checked:after {
    background: var(--grail-radio-hover-checked-background-color);
    border-color: var(--grail-radio-hover-checked-border-color)
}

.grail-radio:hover:not(.grail-radio-disabled).grail-radio-checked+span .grail-radio-icon {
    color: var(--grail-radio-hover-checked-icon-color)
}

.grail-radio-disabled:after {
    background: var(--grail-radio-disabled-background-color);
    border-color: var(--grail-radio-disabled-border-color);
    cursor: not-allowed
}

.grail-radio-disabled.grail-radio-checked:after {
    background: var(--grail-radio-disabled-checked-background-color);
    border-color: var(--grail-radio-disabled-checked-border-color)
}

.grail-radio-disabled.grail-radio-checked+span .grail-radio-icon {
    color: var(--grail-radio-disabled-checked-icon-color)
}

body.theme-dark .grail-radio-wrapper {
    --grail-radio-border-color: #464646;
    --grail-radio-background-color: #1E1E1E;
    --grail-radio-checked-icon-color: #191919;
    --grail-radio-checked-border-color: #00DFB0;
    --grail-radio-checked-background-color: #00DFB0;
    --grail-radio-hover-border-color: #464646;
    --grail-radio-hover-background-color: #1E1E1E;
    --grail-radio-hover-checked-icon-color: #191919;
    --grail-radio-hover-checked-border-color: #00DFB0;
    --grail-radio-hover-checked-background-color: #00DFB0;
    --grail-radio-disabled-border-color: #3C3C3C;
    --grail-radio-disabled-background-color: #3C3C3C;
    --grail-radio-disabled-checked-icon-color: #282828;
    --grail-radio-disabled-checked-border-color: #3C3C3C;
    --grail-radio-disabled-checked-background-color: #3C3C3C;
    --grail-radio-text-color: #fff
}

body.theme-aigc .grail-radio-wrapper {
    --grail-radio-text-color: #191919;
    --grail-radio-border-color: rgba(0, 0, 0, .06);
    --grail-radio-background-color: #F5F5F5;
    --grail-radio-checked-icon-color: rgba(0, 0, 0, .9);
    --grail-radio-checked-border-color: rgba(0, 0, 0, .06);
    --grail-radio-checked-background-color: #F5F5F5;
    --grail-radio-hover-border-color: rgba(0, 0, 0, .06);
    --grail-radio-hover-background-color: #EBEBEB;
    --grail-radio-hover-checked-icon-color: rgba(0, 0, 0, .9);
    --grail-radio-hover-checked-border-color: rgba(0, 0, 0, .06);
    --grail-radio-hover-checked-background-color: #F5F5F5;
    --grail-radio-disabled-border-color: #F5F5F5;
    --grail-radio-disabled-background-color: #F5F5F5;
    --grail-radio-disabled-checked-icon-color: rgba(0, 0, 0, .2);
    --grail-radio-disabled-checked-border-color: #F5F5F5;
    --grail-radio-disabled-checked-background-color: #F5F5F5
}

body.theme-aigc .grail-radio:after {
    width: 16px;
    height: 16px;
    border-radius: 50%
}

body.theme-aigc .grail-radio-icon,body.theme-aigc .grail-radio-icon .grail-icon[grail-type="20-4"],body.theme-aigc .grail-radio-icon[grail-type="20-4"] {
    font-size: 16px
}

body.theme-aigc .grail-radio-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-radio-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-aigc .grail-radio-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-radio-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-radio-icon .grail-icon[grail-type="22-4"],body.theme-aigc .grail-radio-icon[grail-type="22-4"] {
    font-size: 16px
}

body.theme-aigc .grail-radio-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-radio-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-aigc .grail-radio-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-radio-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-radio-icon .grail-icon[grail-type="24-3"],body.theme-aigc .grail-radio-icon[grail-type="24-3"] {
    font-size: 16px
}

body.theme-aigc .grail-radio-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-radio-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-aigc .grail-radio-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-radio-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-radio-icon .grail-icon[grail-type="30-8"],body.theme-aigc .grail-radio-icon[grail-type="30-8"] {
    font-size: 16px
}

body.theme-aigc .grail-radio-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-radio-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-aigc .grail-radio-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-radio-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-radio-icon .grail-icon[grail-type="40-0"],body.theme-aigc .grail-radio-icon[grail-type="40-0"] {
    font-size: 16px
}

body.theme-aigc .grail-radio-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-radio-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-aigc .grail-radio-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-radio-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-radio-icon .grail-icon[grail-type="48-2"],body.theme-aigc .grail-radio-icon[grail-type="48-2"] {
    font-size: 16px
}

body.theme-aigc .grail-radio-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-radio-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-aigc .grail-radio-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-radio-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-aigc .grail-radio+span {
    padding-left: 20px
}

.grail-slider-number {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.grail-slider-number>div:first-of-type {
    flex: 1 1
}

.grail-slider-seeker {
    --grail-slider-seeker-width: 9px;
    --grail-slider-seeker-height: 10px;
    --grail-slider-seeker-line-width: 1px;
    --grail-slider-seeker-color: #00CCA2;
    --grail-slider-seeker-seeker-square-height: 6px;
    --grail-slider-seeker-track-height: 4px;
    --grail-slider-seeker-track-background-color: #00CCA2;
    --grail-slider-seeker-rail-background-color: #e0e0e0;
    --grail-slider-seeker-left-color: #fff;
    --grail-slider-seeker-line-height: 9999px;
    height: calc(var(--grail-slider-seeker-height) + var(--grail-slider-seeker-height));
    margin-bottom: calc(-1 * var(--grail-slider-seeker-height));
    --p2x: calc((var(--grail-slider-seeker-width) - var(--grail-slider-seeker-line-width)) / 2);
    --p5x: calc(var(--p2x) + var(--grail-slider-seeker-line-width))
}

.grail-slider-seeker-type-track {
    --grail-slider-seeker-left-color: transparent!important;
    --grail-slider-seeker-track-background-color: transparent!important;
    --grail-slider-seeker-rail-background-color: transparent!important
}

.grail-slider-seeker-type-player {
    --grail-slider-seeker-line-height: var(--grail-slider-seeker-height)!important
}

.grail-slider-seeker .grail-slider-step {
    display: none
}

.grail-slider-seeker .grail-slider-track {
    height: var(--grail-slider-seeker-track-height);
    background: var(--grail-slider-seeker-track-background-color);
    border-radius: var(--grail-slider-seeker-track-height)
}

.grail-slider-seeker .grail-slider-rail {
    height: var(--grail-slider-seeker-track-height);
    background-color: var(--grail-slider-seeker-rail-background-color);
    border-radius: var(--grail-slider-seeker-track-height)
}

.grail-slider-seeker .grail-slider-track,.grail-slider-seeker .grail-slider-rail {
    transform: translateZ(0);
    bottom: var(--grail-slider-seeker-height);
    top: auto
}

.grail-slider-seeker .grail-slider-handle {
    display: none
}

.grail-slider-seeker .grail-slider-track:before,.grail-slider-seeker .grail-slider-track:after {
    content: "";
    height: var(--grail-slider-seeker-line-height);
    top: calc((var(--grail-slider-seeker-height) - var(--grail-slider-seeker-track-height)) * -1);
    position: absolute;
    right: 0;
    transform: translate3d(50%,0,0);
    cursor: pointer
}

.grail-slider-seeker .grail-slider-track:before {
    z-index: 1;
    width: var(--grail-slider-seeker-width);
    background: linear-gradient(to bottom,var(--grail-slider-seeker-color),var(--grail-slider-seeker-color));
    clip-path: polygon(0 0,0 var(--grail-slider-seeker-seeker-square-height),var(--p2x) var(--grail-slider-seeker-height),var(--p2x) var(--grail-slider-seeker-line-height),var(--p5x) var(--grail-slider-seeker-line-height),var(--p5x) var(--grail-slider-seeker-height),var(--grail-slider-seeker-width) var(--grail-slider-seeker-seeker-square-height),var(--grail-slider-seeker-width) 0)
}

.grail-slider-seeker .grail-slider-track:after {
    width: var(--grail-slider-seeker-width);
    background: linear-gradient(to bottom,var(--grail-slider-seeker-left-color),var(--grail-slider-seeker-left-color) var(--grail-slider-seeker-height),transparent var(--grail-slider-seeker-height),transparent);
    transform: translate3d(50%,0,0) translate3d(-1px,0,0);
    clip-path: polygon(0 0,0 var(--grail-slider-seeker-seeker-square-height),var(--p2x) var(--grail-slider-seeker-height),var(--p2x) calc(var(--grail-slider-seeker-height) + 1px),0 calc(var(--grail-slider-seeker-height) + 1px),0 var(--grail-slider-seeker-line-height),var(--grail-slider-seeker-width) var(--grail-slider-seeker-line-height),var(--grail-slider-seeker-width) calc(var(--grail-slider-seeker-height) + 1px),var(--p5x) calc(var(--grail-slider-seeker-height) + 1px),var(--p5x) var(--grail-slider-seeker-height),var(--grail-slider-seeker-width) var(--grail-slider-seeker-seeker-square-height),var(--grail-slider-seeker-width) 0)
}

body.theme-dark .grail-slider-seeker {
    --grail-slider-seeker-color: #00dfb0;
    --grail-slider-seeker-track-background-color: #4B4B4B;
    --grail-slider-seeker-rail-background-color: #323232;
    --grail-slider-seeker-left-color: transparent
}

body.theme-aigc .grail-slider-seeker {
    --grail-slider-seeker-width: 13px;
    --grail-slider-seeker-height: 15px;
    --grail-slider-seeker-seeker-square-height: 9px;
    --grail-slider-seeker-line-width: 1px;
    --grail-slider-seeker-color: rgba(0, 0, 0, .6);
    --grail-slider-seeker-track-height: 4px;
    --grail-slider-seeker-track-background-color: #00CCA2;
    --grail-slider-seeker-rail-background-color: #e0e0e0;
    --grail-slider-seeker-left-color: #fff
}

body.theme-aigc .grail-slider-seeker-type-player {
    --grail-slider-seeker-line-height: var(--grail-slider-seeker-height)!important;
    --grail-slider-seeker-color: #00CCA2
}

.grail-color-selector-body-disabled {
    pointer-events: none!important
}

.grail-color-selector {
    --grail-color-selector-label-color: #191919;
    --grail-color-selector-border-color: #f5f5f5;
    --grail-color-selector-background-color: #f5f5f5;
    --grail-color-selector-hover-label-color: #191919;
    --grail-color-selector-hover-border-color: #e0e0e0;
    --grail-color-selector-hover-background-color: #f5f5f5;
    --grail-color-selector-focused-label-color: #191919;
    --grail-color-selector-focused-border-color: #e0e0e0;
    --grail-color-selector-focused-background-color: #f5f5f5;
    --grail-color-selector-disabled-label-color: #ccc;
    --grail-color-selector-disabled-border-color: #f5f5f5;
    --grail-color-selector-disabled-background-color: #f5f5f5;
    width: 100px;
    height: 28px;
    border: 1px solid var(--grail-color-selector-border-color);
    background-color: var(--grail-color-selector-background-color);
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
    position: relative
}

.grail-color-selector-color {
    width: 100%;
    height: 100%;
    display: block;
    background-color: var(--grail-color-selector-value-color);
    position: relative;
    z-index: 1;
    pointer-events: none
}

.grail-color-selector-label {
    color: var(--grail-color-selector-label-color);
    display: none
}

.grail-color-selector input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: -5px;
    bottom: 0;
    right: 0;
    cursor: pointer;
    width: 100%;
    height: calc(100% + 10px)
}

.grail-color-selector-focused input {
    pointer-events: auto
}

.grail-color-selector:hover:not(.grail-color-selector-disabled):not(.grail-color-selector-focused) {
    border-color: var(--grail-color-selector-hover-border-color);
    background-color: var(--grail-color-selector-hover-background-color)
}

.grail-color-selector:hover:not(.grail-color-selector-disabled):not(.grail-color-selector-focused) .grail-color-selector-label {
    color: var(--grail-color-selector-hover-label-color)
}

.grail-color-selector-focused:not(.grail-color-selector-disabled) {
    border-color: var(--grail-color-selector-focused-border-color);
    background-color: var(--grail-color-selector-focused-background-color)
}

.grail-color-selector-focused:not(.grail-color-selector-disabled) .grail-color-selector-label {
    color: var(--grail-color-selector-focused-label-color)
}

.grail-color-selector-disabled {
    cursor: not-allowed;
    border-color: var(--grail-color-selector-disabled-border-color);
    background-color: var(--grail-color-selector-disabled-background-color)
}

.grail-color-selector-disabled input {
    pointer-events: none;
    cursor: not-allowed
}

.grail-color-selector-disabled .grail-color-selector-label {
    color: var(--grail-color-selector-disabled-label-color)
}

body.theme-dark .grail-color-selector {
    color-scheme: dark;
    --grail-color-selector-label-color: #b4b4b4;
    --grail-color-selector-border-color: #4b4b4b;
    --grail-color-selector-background-color: #1e1e1e;
    --grail-color-selector-hover-label-color: #b4b4b4;
    --grail-color-selector-hover-border-color: #4b4b4b;
    --grail-color-selector-hover-background-color: #1e1e1e;
    --grail-color-selector-focused-label-color: #b4b4b4;
    --grail-color-selector-focused-border-color: #4b4b4b;
    --grail-color-selector-focused-background-color: #1e1e1e;
    --grail-color-selector-disabled-label-color: #4B4B4B;
    --grail-color-selector-disabled-border-color: #4b4b4b;
    --grail-color-selector-disabled-background-color: #191919
}

body.theme-aigc .grail-color-selector {
    --grail-color-selector-label-color: rgba(0, 0, 0, .9);
    --grail-color-selector-border-color: #f5f5f5;
    --grail-color-selector-background-color: #f5f5f5;
    --grail-color-selector-hover-label-color: rgba(0, 0, 0, .9);
    --grail-color-selector-hover-border-color: rgba(0, 0, 0, .06);
    --grail-color-selector-hover-background-color: #f5f5f5;
    --grail-color-selector-focused-label-color: rgba(0, 0, 0, .9);
    --grail-color-selector-focused-border-color: rgba(0, 0, 0, .06);
    --grail-color-selector-focused-background-color: #EBEBEB;
    --grail-color-selector-disabled-label-color: rgba(0, 0, 0, .2);
    --grail-color-selector-disabled-border-color: #f5f5f5;
    --grail-color-selector-disabled-background-color: #F5F5F5;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    width: auto;
    height: 32px
}

body.theme-aigc .grail-color-selector-color {
    width: 18px;
    height: 18px;
    border-radius: 4px
}

body.theme-aigc .grail-color-selector-label {
    display: block;
    font-size: 14px;
    min-width: 60px;
    margin-left: 8px
}

.grail-box-select-size-small {
    --grail-box-select-item-width: 32px;
    --grail-box-select-gap-row: 12px;
    --grail-box-select-gap-column: 12px
}

.grail-box-select-size-middle {
    --grail-box-select-item-width: 80px;
    --grail-box-select-gap-row: 22px;
    --grail-box-select-gap-column: 12px
}

.grail-box-select-size-large,.grail-box-select-size-xl {
    --grail-box-select-item-width: 120px;
    --grail-box-select-gap-row: 22px;
    --grail-box-select-gap-column: 12px
}

.grail-box-select-size-block {
    --grail-box-select-item-width: 1fr;
    --grail-box-select-gap-row: 22px;
    --grail-box-select-gap-column: 12px
}

.grail-box-select-scene-size-ttv {
    --grail-box-select-item-width: 256px;
    --grail-box-select-gap-row: 16px;
    --grail-box-select-gap-column: 16px
}

.grail-box-select-nowrap {
    grid-template-columns: repeat(auto-fit,minmax(0,1fr))!important
}

.grail-box-select {
    overflow: hidden
}

.grail-box-select-inner {
    display: grid;
    margin-right: calc(-1 * var(--grail-box-select-gap-column));
    margin-bottom: calc(-1 * var(--grail-box-select-gap-row));
    grid-template-columns: repeat(2, 1fr);
}

.grail-box-select-inner>* {
    margin-right: var(--grail-box-select-gap-column);
    margin-bottom: var(--grail-box-select-gap-row);
    width: auto!important
}

.grail-box-select-waterfall .grail-box-select-inner {
    grid-auto-rows: 1px;
    column-gap: var(--grail-box-select-gap-column);
    margin-right: 0!important
}

.grail-box-select-waterfall-item {
    grid-row-start: auto;
    margin-right: 0!important;
    margin-bottom: 0!important
}

.grail-box-select-waterfall-item-inner {
    width: 100%!important;
    padding-bottom: var(--grail-box-select-gap-row)!important
}

.grail-box-select-waterfall-item-inner>* {
    width: 100%!important
}

body.theme-aigc .grail-box-select-size-small {
    --grail-box-select-item-width: 46px;
    --grail-box-select-gap-row: 8px;
    --grail-box-select-gap-column: 8px;
    --grail-box-select-item-radius: 4px
}

body.theme-aigc .grail-box-select-size-middle {
    --grail-box-select-item-width: 53px;
    --grail-box-select-gap-row: 8px;
    --grail-box-select-gap-column: 8px;
    --grail-box-select-item-radius: 8px
}

body.theme-aigc .grail-box-select-size-large {
    --grail-box-select-item-width: 68px;
    --grail-box-select-gap-row: 8px;
    --grail-box-select-gap-column: 8px;
    --grail-box-select-item-radius: 8px
}

body.theme-aigc .grail-box-select-size-xl {
    --grail-box-select-item-width: 100px;
    --grail-box-select-gap-row: 8px;
    --grail-box-select-gap-column: 8px;
    --grail-box-select-item-radius: 8px
}

body.theme-aigc .grail-box-select-scene-size-ttv {
    --grail-box-select-item-width: 256px;
    --grail-box-select-gap-row: 16px;
    --grail-box-select-gap-column: 16px
}

body.theme-aigc .grail-box-select-size-block {
    --grail-box-select-item-width: 1fr;
    --grail-box-select-gap-column: 8px;
    --grail-box-select-item-radius: 8px
}

body.theme-aigc .grail-box-select>.grail-box-item {
    --grail-box-item-radius: var(--grail-box-select-item-radius)
}

.grail-multiple-box-select-size-small {
    --grail-multiple-box-select-item-width: 32px;
    --grail-multiple-box-select-gap-row: 12px;
    --grail-multiple-box-select-gap-column: 12px
}

.grail-multiple-box-select-size-middle {
    --grail-multiple-box-select-item-width: 80px;
    --grail-multiple-box-select-gap-row: 22px;
    --grail-multiple-box-select-gap-column: 12px
}

.grail-multiple-box-select-size-large,.grail-multiple-box-select-size-xl {
    --grail-multiple-box-select-item-width: 120px;
    --grail-multiple-box-select-gap-row: 22px;
    --grail-multiple-box-select-gap-column: 12px
}

.grail-multiple-box-select-size-block {
    --grail-multiple-box-select-item-width: 1fr;
    --grail-multiple-box-select-gap-row: 22px;
    --grail-multiple-box-select-gap-column: 12px
}

.grail-multiple-box-select-scene-size-ttv {
    --grail-multiple-box-select-item-width: 256px;
    --grail-multiple-box-select-gap-row: 16px;
    --grail-multiple-box-select-gap-column: 16px
}

.grail-multiple-box-select-nowrap {
    grid-template-columns: repeat(auto-fit,minmax(0,1fr))!important
}

.grail-multiple-box-select {
    overflow: hidden
}

.grail-multiple-box-select-inner {
    display: grid;
    margin-right: calc(-1 * var(--grail-multiple-box-select-gap-column));
    margin-bottom: calc(-1 * var(--grail-multiple-box-select-gap-row));
    grid-template-columns: repeat(auto-fill,minmax(var(--grail-multiple-box-select-item-width),1fr))
}

.grail-multiple-box-select-inner>* {
    margin-right: var(--grail-multiple-box-select-gap-column);
    margin-bottom: var(--grail-multiple-box-select-gap-row);
    width: auto!important
}

.grail-multiple-box-select-waterfall .grail-multiple-box-select-inner {
    grid-auto-rows: 1px;
    column-gap: var(--grail-multiple-box-select-gap-column);
    margin-right: 0!important
}

.grail-multiple-box-select-waterfall-item {
    grid-row-start: auto;
    margin-right: 0!important;
    margin-bottom: 0!important
}

.grail-multiple-box-select-waterfall-item-inner {
    width: 100%!important;
    padding-bottom: var(--grail-multiple-box-select-gap-row)!important
}

.grail-multiple-box-select-waterfall-item-inner>* {
    width: 100%!important
}

body.theme-aigc .grail-multiple-box-select-size-small {
    --grail-multiple-box-select-item-width: 46px;
    --grail-multiple-box-select-gap-row: 8px;
    --grail-multiple-box-select-gap-column: 8px;
    --grail-multiple-box-select-item-radius: 4px
}

body.theme-aigc .grail-multiple-box-select-size-middle {
    --grail-multiple-box-select-item-width: 53px;
    --grail-multiple-box-select-gap-row: 8px;
    --grail-multiple-box-select-gap-column: 8px;
    --grail-multiple-box-select-item-radius: 8px
}

body.theme-aigc .grail-multiple-box-select-size-large {
    --grail-multiple-box-select-item-width: 68px;
    --grail-multiple-box-select-gap-row: 8px;
    --grail-multiple-box-select-gap-column: 8px;
    --grail-multiple-box-select-item-radius: 8px
}

body.theme-aigc .grail-multiple-box-select-size-xl {
    --grail-multiple-box-select-item-width: 100px;
    --grail-multiple-box-select-gap-row: 8px;
    --grail-multiple-box-select-gap-column: 8px;
    --grail-multiple-box-select-item-radius: 8px
}

body.theme-aigc .grail-multiple-box-select-scene-size-ttv {
    --grail-multiple-box-select-item-width: 256px;
    --grail-multiple-box-select-gap-row: 16px;
    --grail-multiple-box-select-gap-column: 16px
}

body.theme-aigc .grail-multiple-box-select-size-block {
    --grail-multiple-box-select-item-width: 1fr;
    --grail-multiple-box-select-gap-column: 8px;
    --grail-multiple-box-select-item-radius: 8px
}

body.theme-aigc .grail-multiple-box-select>.grail-box-item {
    --grail-box-item-radius: var(--grail-multiple-box-select-item-radius)
}

.grail-box-item {
    --grail-box-item-radius: 3px;
    --grail-box-item-background-color: #f5f5f5;
    --grail-box-item-left-top-left: 6px;
    --grail-box-item-left-top-top: 6px;
    --grail-box-item-right-top-right: 6px;
    --grail-box-item-right-top-top: 6px;
    --grail-box-item-border-color: #f5f5f5;
    --grail-box-item-selected-color: #00CCA2;
    --grail-box-item-loading-mask: rgba(255, 255, 255, .6);
    --grail-box-item-left-bottom-text-left: 5px;
    --grail-box-item-left-bottom-text-bottom: 3px;
    --grail-box-item-left-bottom-text-color: #fff;
    --grail-box-item-left-bottom-text-font-weight: 600;
    --grail-box-item-left-bottom-text-font-size: 12px;
    --grail-box-item-left-bottom-text-line-height: 14px;
    --grail-box-item-left-bottom-text-shadow: 0 0 2px rgba(0, 0, 0, .5);
    --grail-box-item-left-bottom-icon-left: 0px;
    --grail-box-item-left-bottom-icon-bottom: 0px;
    --grail-box-item-left-bottom-icon-color: #fff;
    --grail-box-item-title-default-color: #191919;
    --grail-box-item-title-default-margin-top: 6px;
    --grail-box-item-title-default-line-height: 16px;
    --grail-box-item-title-default-font-size: 12px;
    --grail-box-item-title-default-font-weight: 400;
    --grail-box-item-title-compound-color: #808080;
    --grail-box-item-title-compound-padding: 6px;
    --grail-box-item-title-compound-line-height: 16px;
    --grail-box-item-title-compound-font-size: 12px;
    --grail-box-item-title-compound-font-weight: 400;
    --grail-box-item-title-compound-desc-color: #808080;
    --grail-box-item-title-compound-desc-line-height: 16px;
    --grail-box-item-title-compound-desc-font-size: 10;
    --grail-box-item-title-compound-desc-font-weight: 400;
    --grail-box-item-title-float-color: #fff;
    --grail-box-item-title-float-filter: blur(4px);
    --grail-box-item-title-float-background-color: rgba(255, 255, 255, .6);
    --grail-box-item-title-float-padding: 6px 10px;
    --grail-box-item-title-float-line-height: 18px;
    --grail-box-item-title-float-font-size: 12px;
    --grail-box-item-title-float-font-weight: 500;
    --grail-box-item-content-icon-color: #4d4d4d;
    width: 200px;
    position: relative;
    border-radius: var(--grail-box-item-radius);
    overflow: hidden
}

.grail-box-item-top {
    width: 100%;
    height: 0;
    padding-bottom: calc(1 / var(--grail-box-item-ratio) * 100%);
    position: relative;
    background-color: var(--grail-box-item-background-color);
    overflow: hidden
}

.grail-box-item-top-inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.grail-box-item-lock-height>.grail-box-item-inner>.grail-box-item-top {
    padding-bottom: 0;
    height: calc(var(--grail-box-item-content-height) * 1px)
}

.grail-box-item-auto-height>.grail-box-item-inner>.grail-box-item-top {
    padding-bottom: 0;
    height: auto
}

.grail-box-item-auto-height>.grail-box-item-inner>.grail-box-item-top>.grail-box-item-top-inner {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto
}

.grail-box-item:not(.grail-box-item-title-position-compound) .grail-box-item-top {
    border-radius: var(--grail-box-item-radius)
}

.grail-box-item-left-top {
    display: flex;
    position: absolute;
    left: var(--grail-box-item-left-top-left);
    top: var(--grail-box-item-left-top-top)
}

.grail-box-item-left-top-hover-show .grail-box-item-left-top {
    display: none
}

.grail-box-item-left-top-hover-show .grail-box-item-top:hover .grail-box-item-left-top {
    display: flex
}

.grail-box-item-right-top {
    display: flex;
    position: absolute;
    right: var(--grail-box-item-right-top-right);
    top: var(--grail-box-item-right-top-top)
}

.grail-box-item-right-top-hover-show .grail-box-item-right-top {
    display: none
}

.grail-box-item-right-top-hover-show .grail-box-item-top:hover .grail-box-item-right-top {
    display: flex
}

.grail-box-item-left-bottom-text {
    position: absolute;
    left: var(--grail-box-item-left-bottom-text-left);
    bottom: var(--grail-box-item-left-bottom-text-bottom);
    font-size: var(--grail-box-item-left-bottom-text-font-size);
    line-height: var(--grail-box-item-left-bottom-text-line-height);
    color: var(--grail-box-item-left-bottom-text-color);
    text-shadow: var(--grail-box-item-left-bottom-text-shadow);
    right: var(--grail-box-item-left-bottom-text-left);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.grail-box-item-left-bottom-text-hover-show .grail-box-item-left-bottom-text {
    display: none
}

.grail-box-item-left-bottom-text-hover-show .grail-box-item-top:hover .grail-box-item-left-bottom-text {
    display: block
}

.grail-box-item-left-bottom-icon {
    position: absolute;
    left: var(--grail-box-item-left-bottom-icon-left);
    bottom: var(--grail-box-item-left-bottom-icon-bottom);
    color: var(--grail-box-item-left-bottom-icon-color);
    font-size: 20px
}

.grail-box-item-left-bottom-icon .grail-icon[grail-type="20-4"],.grail-box-item-left-bottom-icon[grail-type="20-4"] {
    font-size: 20px
}

.grail-box-item-left-bottom-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-box-item-left-bottom-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-box-item-left-bottom-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-box-item-left-bottom-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((20 - 4 * 2) / 20)))
}

.grail-box-item-left-bottom-icon .grail-icon[grail-type="22-4"],.grail-box-item-left-bottom-icon[grail-type="22-4"] {
    font-size: 20px
}

.grail-box-item-left-bottom-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-box-item-left-bottom-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-box-item-left-bottom-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-box-item-left-bottom-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((22 - 4 * 2) / 22)))
}

.grail-box-item-left-bottom-icon .grail-icon[grail-type="24-3"],.grail-box-item-left-bottom-icon[grail-type="24-3"] {
    font-size: 20px
}

.grail-box-item-left-bottom-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-box-item-left-bottom-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-box-item-left-bottom-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-box-item-left-bottom-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((24 - 3 * 2) / 24)))
}

.grail-box-item-left-bottom-icon .grail-icon[grail-type="30-8"],.grail-box-item-left-bottom-icon[grail-type="30-8"] {
    font-size: 20px
}

.grail-box-item-left-bottom-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-box-item-left-bottom-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-box-item-left-bottom-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-box-item-left-bottom-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-box-item-left-bottom-icon .grail-icon[grail-type="40-0"],.grail-box-item-left-bottom-icon[grail-type="40-0"] {
    font-size: 20px
}

.grail-box-item-left-bottom-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-box-item-left-bottom-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-box-item-left-bottom-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-box-item-left-bottom-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((40 - 0 * 2) / 40)))
}

.grail-box-item-left-bottom-icon .grail-icon[grail-type="48-2"],.grail-box-item-left-bottom-icon[grail-type="48-2"] {
    font-size: 20px
}

.grail-box-item-left-bottom-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-box-item-left-bottom-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 20px
}

.grail-box-item-left-bottom-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-box-item-left-bottom-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((48 - 2 * 2) / 48)))
}

.grail-box-item-left-bottom-icon-hover-show .grail-box-item-left-bottom-icon {
    display: none
}

.grail-box-item-left-bottom-icon-hover-show .grail-box-item-top:hover .grail-box-item-left-bottom-icon {
    display: block
}

.grail-box-item-border .grail-box-item-top-inner {
    border: 2px solid var(--grail-box-item-border-color)
}

.grail-box-item-loading {
    position: absolute;
    left: -2px;
    right: -2px;
    bottom: -2px;
    top: -2px;
    background: var(--grail-box-item-loading-mask);
    z-index: 2;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.grail-box-item-loading .grail-icon[grail-type="20-4"],.grail-box-item-loading[grail-type="20-4"] {
    font-size: 30px
}

.grail-box-item-loading .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-box-item-loading[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-box-item-loading .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-box-item-loading[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((20 - 4 * 2) / 20)))
}

.grail-box-item-loading .grail-icon[grail-type="22-4"],.grail-box-item-loading[grail-type="22-4"] {
    font-size: 30px
}

.grail-box-item-loading .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-box-item-loading[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-box-item-loading .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-box-item-loading[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((22 - 4 * 2) / 22)))
}

.grail-box-item-loading .grail-icon[grail-type="24-3"],.grail-box-item-loading[grail-type="24-3"] {
    font-size: 30px
}

.grail-box-item-loading .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-box-item-loading[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-box-item-loading .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-box-item-loading[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((24 - 3 * 2) / 24)))
}

.grail-box-item-loading .grail-icon[grail-type="30-8"],.grail-box-item-loading[grail-type="30-8"] {
    font-size: 30px
}

.grail-box-item-loading .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-box-item-loading[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-box-item-loading .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-box-item-loading[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-box-item-loading .grail-icon[grail-type="40-0"],.grail-box-item-loading[grail-type="40-0"] {
    font-size: 30px
}

.grail-box-item-loading .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-box-item-loading[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-box-item-loading .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-box-item-loading[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((40 - 0 * 2) / 40)))
}

.grail-box-item-loading .grail-icon[grail-type="48-2"],.grail-box-item-loading[grail-type="48-2"] {
    font-size: 30px
}

.grail-box-item-loading .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-box-item-loading[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-box-item-loading .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-box-item-loading[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((48 - 2 * 2) / 48)))
}

.grail-box-item-mask {
    position: absolute;
    left: -2px;
    right: -2px;
    bottom: -2px;
    top: -2px;
    background: var(--grail-box-item-loading-mask);
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px
}

.grail-box-item-selected .grail-box-item-top:after {
    pointer-events: none;
    position: absolute;
    content: "";
    z-index: 3;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--grail-box-item-radius);
    box-shadow: 0 0 0 2px var(--grail-box-item-selected-color) inset
}

.grail-box-item-title {
    text-align: var(--grail-box-item-title-text-align);
    pointer-events: none
}

.grail-box-item-title>span:first-of-type {
    pointer-events: inherit;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@supports (-webkit-line-clamp: 1) {
    .grail-box-item-title>span:first-of-type {
        white-space: initial;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: var(--grail-box-item-title-max-row);
        overflow-wrap: anywhere
    }
}

.grail-box-item-title-desc {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.grail-box-item-title-position-default .grail-box-item-title {
    font-weight: var(--grail-box-item-title-default-font-weight);
    margin-top: var(--grail-box-item-title-default-margin-top);
    font-size: var(--grail-box-item-title-default-font-size);
    line-height: var(--grail-box-item-title-default-line-height);
    color: var(--grail-box-item-title-default-color)
}

.grail-box-item-content {
    width: 100%;
    height: 100%;
    display: flex;
    border-radius: var(--grail-box-item-radius);
    overflow: hidden
}

.grail-box-item-content-icon {
    color: var(--grail-box-item-content-icon-color);
    justify-content: center;
    align-items: center;
    font-size: 32px
}

.grail-box-item-content-icon .grail-icon[grail-type="20-4"],.grail-box-item-content-icon[grail-type="20-4"] {
    font-size: 32px
}

.grail-box-item-content-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-box-item-content-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 32px
}

.grail-box-item-content-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-box-item-content-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

.grail-box-item-content-icon .grail-icon[grail-type="22-4"],.grail-box-item-content-icon[grail-type="22-4"] {
    font-size: 32px
}

.grail-box-item-content-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-box-item-content-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 32px
}

.grail-box-item-content-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-box-item-content-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

.grail-box-item-content-icon .grail-icon[grail-type="24-3"],.grail-box-item-content-icon[grail-type="24-3"] {
    font-size: 32px
}

.grail-box-item-content-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-box-item-content-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 32px
}

.grail-box-item-content-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-box-item-content-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-box-item-content-icon .grail-icon[grail-type="30-8"],.grail-box-item-content-icon[grail-type="30-8"] {
    font-size: 32px
}

.grail-box-item-content-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-box-item-content-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 32px
}

.grail-box-item-content-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-box-item-content-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

.grail-box-item-content-icon .grail-icon[grail-type="40-0"],.grail-box-item-content-icon[grail-type="40-0"] {
    font-size: 32px
}

.grail-box-item-content-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-box-item-content-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 32px
}

.grail-box-item-content-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-box-item-content-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

.grail-box-item-content-icon .grail-icon[grail-type="48-2"],.grail-box-item-content-icon[grail-type="48-2"] {
    font-size: 32px
}

.grail-box-item-content-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-box-item-content-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 32px
}

.grail-box-item-content-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-box-item-content-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

.grail-box-item-title-position-compound.grail-box-item-selected:after {
    pointer-events: none;
    position: absolute;
    content: "";
    z-index: 3;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--grail-box-item-radius);
    box-shadow: 0 0 0 2px var(--grail-box-item-selected-color) inset
}

.grail-box-item-title-position-compound.grail-box-item-selected .grail-box-item-top:after {
    content: none
}

.grail-box-item-title-position-compound.grail-box-item-border .grail-box-item-inner {
    border: 2px solid var(--grail-box-item-border-color)
}

.grail-box-item-title-position-compound.grail-box-item-border .grail-box-item-top-inner {
    border: none
}

.grail-box-item-title-position-compound .grail-box-item-title {
    font-weight: var(--grail-box-item-title-compound-font-weight);
    background-color: var(--grail-box-item-background-color);
    font-size: var(--grail-box-item-title-compound-font-size);
    color: var(--grail-box-item-title-compound-color);
    padding: var(--grail-box-item-title-compound-padding)
}

.grail-box-item-title-position-compound .grail-box-item-title-desc {
    font-size: calc(var(--grail-box-item-title-compound-desc-font-size) * 1px);
    color: var(--grail-box-item-title-compound-desc-color);
    line-height: var(--grail-box-item-title-compound-desc-line-height);
    font-weight: var(--grail-box-item-title-compound-desc-font-weight)
}

@supports (zoom: 1) {
    .grail-box-item-title-position-compound .grail-box-item-title-desc {
        line-height: 1;
        font-size: 12px;
        zoom:calc(var(--grail-box-item-title-compound-desc-font-size) / 12)}
}

.grail-box-item-title-position-compound .grail-box-item-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.grail-box-item-title-position-float .grail-box-item-title {
    font-weight: var(--grail-box-item-title-float-font-weight);
    background-color: var(--grail-box-item-title-float-background-color);
    font-size: var(--grail-box-item-title-float-font-size);
    color: var(--grail-box-item-title-float-color);
    padding: var(--grail-box-item-title-float-padding);
    backdrop-filter: var(--grail-box-item-title-float-filter);
    line-height: var(--grail-box-item-title-float-line-height);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.grail-box-item-clickable .grail-box-item-top,.grail-box-item-title-position-compound.grail-box-item-clickable {
    cursor: pointer
}

body.theme-dark .grail-box-item {
    --grail-box-item-background-color: #323232;
    --grail-box-item-border-color: #323232;
    --grail-box-item-selected-color: #00dfb0;
    --grail-box-item-loading-mask: rgba(0, 0, 0, .4);
    --grail-box-item-left-bottom-text-color: #fff;
    --grail-box-item-left-bottom-text-shadow: 0 0 3px rgba(0, 0, 0, .75);
    --grail-box-item-title-default-color: #b4b4b4;
    --grail-box-item-title-compound-color: #b4b4b4;
    --grail-box-item-title-float-color: #fff;
    --grail-box-item-title-float-background-color: rgba(0, 0, 0, .4);
    --grail-box-item-content-icon-color: #b4b4b4
}

body.theme-aigc .grail-box-item {
    --grail-box-item-radius: 8px;
    --grail-box-item-background-color: #f5f5f5;
    --grail-box-item-left-top-left: 4px;
    --grail-box-item-left-top-top: 4px;
    --grail-box-item-right-top-right: 4px;
    --grail-box-item-right-top-top: 4px;
    --grail-box-item-border-color: rgba(0, 0, 0, .06);
    --grail-box-item-selected-color: #000000;
    --grail-box-item-loading-mask: rgba(255, 255, 255, .6);
    --grail-box-item-left-bottom-text-left: 8px;
    --grail-box-item-left-bottom-text-bottom: 4px;
    --grail-box-item-left-bottom-text-color: #fff;
    --grail-box-item-left-bottom-text-font-weight: 400;
    --grail-box-item-left-bottom-text-font-size: 10px;
    --grail-box-item-left-bottom-text-line-height: 16px;
    --grail-box-item-left-bottom-text-shadow: none;
    --grail-box-item-left-bottom-icon-left: 8px;
    --grail-box-item-left-bottom-icon-bottom: 4px;
    --grail-box-item-left-bottom-icon-color: #fff;
    --grail-box-item-title-default-color: rgba(0, 0, 0, .6);
    --grail-box-item-title-default-margin-top: 4px;
    --grail-box-item-title-default-line-height: 20px;
    --grail-box-item-title-default-font-size: 12px;
    --grail-box-item-title-default-font-weight: 400;
    --grail-box-item-title-compound-color: rgba(0, 0, 0, .6);
    --grail-box-item-title-compound-padding: 4px 8px 8px 8px;
    --grail-box-item-title-compound-line-height: 20px;
    --grail-box-item-title-compound-font-size: 12px;
    --grail-box-item-title-compound-font-weight: 400;
    --grail-box-item-title-compound-desc-color: rgba(0, 0, 0, .4);
    --grail-box-item-title-compound-desc-line-height: 16px;
    --grail-box-item-title-compound-desc-font-size: 10;
    --grail-box-item-title-compound-desc-font-weight: 400;
    --grail-box-item-title-float-color: rgba(0, 0, 0, .6);
    --grail-box-item-title-float-filter: blur(20px);
    --grail-box-item-title-float-background-color: rgba(245, 245, 245, .5);
    --grail-box-item-title-float-padding: 2px 4px 4px 4px;
    --grail-box-item-title-float-line-height: 22px;
    --grail-box-item-title-float-font-size: 12px;
    --grail-box-item-title-float-font-weight: 400;
    --grail-box-item-content-icon-color: rgba(0, 0, 0, .4)
}

body.theme-aigc .grail-box-item-content-icon,body.theme-aigc .grail-box-item-content-icon .grail-icon[grail-type="20-4"],body.theme-aigc .grail-box-item-content-icon[grail-type="20-4"] {
    font-size: 32px
}

body.theme-aigc .grail-box-item-content-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-box-item-content-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 32px
}

body.theme-aigc .grail-box-item-content-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-box-item-content-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-box-item-content-icon .grail-icon[grail-type="22-4"],body.theme-aigc .grail-box-item-content-icon[grail-type="22-4"] {
    font-size: 32px
}

body.theme-aigc .grail-box-item-content-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-box-item-content-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 32px
}

body.theme-aigc .grail-box-item-content-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-box-item-content-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-box-item-content-icon .grail-icon[grail-type="24-3"],body.theme-aigc .grail-box-item-content-icon[grail-type="24-3"] {
    font-size: 32px
}

body.theme-aigc .grail-box-item-content-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-box-item-content-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 32px
}

body.theme-aigc .grail-box-item-content-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-box-item-content-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-box-item-content-icon .grail-icon[grail-type="30-8"],body.theme-aigc .grail-box-item-content-icon[grail-type="30-8"] {
    font-size: 32px
}

body.theme-aigc .grail-box-item-content-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-box-item-content-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 32px
}

body.theme-aigc .grail-box-item-content-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-box-item-content-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-box-item-content-icon .grail-icon[grail-type="40-0"],body.theme-aigc .grail-box-item-content-icon[grail-type="40-0"] {
    font-size: 32px
}

body.theme-aigc .grail-box-item-content-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-box-item-content-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 32px
}

body.theme-aigc .grail-box-item-content-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-box-item-content-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-box-item-content-icon .grail-icon[grail-type="48-2"],body.theme-aigc .grail-box-item-content-icon[grail-type="48-2"] {
    font-size: 32px
}

body.theme-aigc .grail-box-item-content-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-box-item-content-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 32px
}

body.theme-aigc .grail-box-item-content-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-box-item-content-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-aigc .grail-box-item-left-bottom-icon,body.theme-aigc .grail-box-item-left-bottom-icon .grail-icon[grail-type="20-4"],body.theme-aigc .grail-box-item-left-bottom-icon[grail-type="20-4"] {
    font-size: 16px
}

body.theme-aigc .grail-box-item-left-bottom-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-box-item-left-bottom-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-aigc .grail-box-item-left-bottom-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-box-item-left-bottom-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-box-item-left-bottom-icon .grail-icon[grail-type="22-4"],body.theme-aigc .grail-box-item-left-bottom-icon[grail-type="22-4"] {
    font-size: 16px
}

body.theme-aigc .grail-box-item-left-bottom-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-box-item-left-bottom-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-aigc .grail-box-item-left-bottom-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-box-item-left-bottom-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-box-item-left-bottom-icon .grail-icon[grail-type="24-3"],body.theme-aigc .grail-box-item-left-bottom-icon[grail-type="24-3"] {
    font-size: 16px
}

body.theme-aigc .grail-box-item-left-bottom-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-box-item-left-bottom-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-aigc .grail-box-item-left-bottom-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-box-item-left-bottom-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-box-item-left-bottom-icon .grail-icon[grail-type="30-8"],body.theme-aigc .grail-box-item-left-bottom-icon[grail-type="30-8"] {
    font-size: 16px
}

body.theme-aigc .grail-box-item-left-bottom-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-box-item-left-bottom-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-aigc .grail-box-item-left-bottom-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-box-item-left-bottom-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-box-item-left-bottom-icon .grail-icon[grail-type="40-0"],body.theme-aigc .grail-box-item-left-bottom-icon[grail-type="40-0"] {
    font-size: 16px
}

body.theme-aigc .grail-box-item-left-bottom-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-box-item-left-bottom-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-aigc .grail-box-item-left-bottom-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-box-item-left-bottom-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-box-item-left-bottom-icon .grail-icon[grail-type="48-2"],body.theme-aigc .grail-box-item-left-bottom-icon[grail-type="48-2"] {
    font-size: 16px
}

body.theme-aigc .grail-box-item-left-bottom-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-box-item-left-bottom-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 16px
}

body.theme-aigc .grail-box-item-left-bottom-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-box-item-left-bottom-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

body.theme-aigc .grail-box-item-border .grail-box-item-top-inner {
    border: none
}

body.theme-aigc .grail-box-item-border .grail-box-item-top-inner:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 1px solid var(--grail-box-item-border-color);
    pointer-events: none;
    border-radius: var(--grail-box-item-radius);
    z-index: 3
}

body.theme-aigc .grail-box-item-title-position-compound.grail-box-item-border .grail-box-item-inner {
    border: none
}

body.theme-aigc .grail-box-item-title-position-compound.grail-box-item-border .grail-box-item-top-inner:before {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.grail-space {
    display: flex
}

.grail-space-column {
    width: 100%
}

.grail-space-column>.grail-space-item {
    display: block;
    width: 100%;
    min-height: 0
}

.grail-space-column.grail-space-size-middle {
    gap: 8px
}

.grail-space-full {
    width: 100%;
    height: 100%
}

.grail-space-size-small {
    gap: 4px
}

.grail-space-size-middle {
    gap: 10px
}

.grail-space-size-large {
    gap: 16px
}

.grail-space-size-xl {
    gap: 20px
}

.grail-space-size-xxl {
    gap: 24px
}

body.theme-aigc .grail-space-size-small {
    gap: 4px
}

body.theme-aigc .grail-space-size-middle {
    gap: 8px
}

body.theme-aigc .grail-space-size-large {
    gap: 16px
}

body.theme-aigc .grail-space-size-xl {
    gap: 20px
}

body.theme-aigc .grail-space-size-xxl {
    gap: 24px
}

.grail-page-loading {
    --grail-page-loading-background: #f5f5f5;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: var(--grail-page-loading-background);
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 48px;
    z-index: 1999
}

body.theme-dark .grail-page-loading {
    --grail-page-loading-background: #191919
}

.grail-handle {
    --grail-handle-background-color: #fff;
    --grail-handle-border-color: #e0e0e0;
    --grail-handle-text-color: #4D4D4D;
    display: inline-flex;
    position: relative;
    z-index: 1
}

.grail-handle-content {
    display: inline-flex;
    color: var(--grail-handle-text-color);
    align-items: center;
    gap: 4px;
    padding: 0 26px 0 28px;
    height: 20px
}

.grail-handle-content .grail-handle-icon {
    font-size: 16px;
    display: flex;
    position: relative;
    transition: all .2s;
    transform: rotate(0)
}

.grail-handle-content .grail-handle-icon .grail-icon[grail-type="20-4"],.grail-handle-content .grail-handle-icon[grail-type="20-4"] {
    font-size: 16px
}

.grail-handle-content .grail-handle-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-handle-content .grail-handle-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-handle-content .grail-handle-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-handle-content .grail-handle-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

.grail-handle-content .grail-handle-icon .grail-icon[grail-type="22-4"],.grail-handle-content .grail-handle-icon[grail-type="22-4"] {
    font-size: 16px
}

.grail-handle-content .grail-handle-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-handle-content .grail-handle-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-handle-content .grail-handle-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-handle-content .grail-handle-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

.grail-handle-content .grail-handle-icon .grail-icon[grail-type="24-3"],.grail-handle-content .grail-handle-icon[grail-type="24-3"] {
    font-size: 16px
}

.grail-handle-content .grail-handle-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-handle-content .grail-handle-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-handle-content .grail-handle-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-handle-content .grail-handle-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-handle-content .grail-handle-icon .grail-icon[grail-type="30-8"],.grail-handle-content .grail-handle-icon[grail-type="30-8"] {
    font-size: 16px
}

.grail-handle-content .grail-handle-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-handle-content .grail-handle-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-handle-content .grail-handle-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-handle-content .grail-handle-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

.grail-handle-content .grail-handle-icon .grail-icon[grail-type="40-0"],.grail-handle-content .grail-handle-icon[grail-type="40-0"] {
    font-size: 16px
}

.grail-handle-content .grail-handle-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-handle-content .grail-handle-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-handle-content .grail-handle-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-handle-content .grail-handle-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

.grail-handle-content .grail-handle-icon .grail-icon[grail-type="48-2"],.grail-handle-content .grail-handle-icon[grail-type="48-2"] {
    font-size: 16px
}

.grail-handle-content .grail-handle-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-handle-content .grail-handle-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 16px
}

.grail-handle-content .grail-handle-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-handle-content .grail-handle-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

.grail-handle-content .grail-handle-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.grail-handle-bk {
    border-radius: 10px 10px 0 0;
    background: var(--grail-handle-background-color);
    border: 2px solid var(--grail-handle-border-color);
    border-bottom: none;
    position: relative;
    transform-origin: center bottom;
    transform: perspective(80px) rotateX(30deg)
}

.grail-handle-bk:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: 0px;
    left: -10px;
    background: radial-gradient(circle at 0 0,transparent 8px 0,var(--grail-handle-border-color) 8px 0,var(--grail-handle-border-color) 10px 0,var(--grail-handle-background-color) 10px 0)
}

.grail-handle-bk:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: 0px;
    right: -10px;
    background: radial-gradient(circle at 100% 0,transparent 8px 0,var(--grail-handle-border-color) 8px 0,var(--grail-handle-border-color) 10px 0,var(--grail-handle-background-color) 10px 0)
}

.grail-handle-bk .grail-handle-content {
    opacity: 0;
    padding-top: 24px
}

.grail-handle-content-wrap {
    display: flex;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 4px;
    white-space: nowrap
}

.grail-handle-direction-bottom {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%) translateY(100%) rotate(180deg)
}

.grail-handle-direction-bottom .grail-handle-content-wrap {
    transform: rotate(180deg);
    transform-origin: 25% center
}

.grail-handle-direction-top {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%) translateY(-100%)
}

.grail-handle-direction-left .grail-handle-content,.grail-handle-direction-right .grail-handle-content {
    gap: 8px
}

.grail-handle-direction-left .grail-handle-content .grail-handle-text,.grail-handle-direction-right .grail-handle-content .grail-handle-text {
    position: relative;
    transform: rotate(-90deg);
    writing-mode: tb-rl
}

.grail-handle-direction-left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) translate(-100%) translate(21px) rotate(-90deg);
    transform-origin: center
}

.grail-handle-direction-right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) translate(100%) translate(9px) rotate(90deg);
    transform-origin: 25% 0
}

.grail-handle-size-small .grail-handle-content {
    display: inline-flex;
    gap: 0;
    padding: 0 34px;
    height: 12px
}

.grail-handle-size-small .grail-handle-content .grail-handle-icon {
    font-size: 12px;
    display: flex
}

.grail-handle-size-small .grail-handle-content .grail-handle-icon .grail-icon[grail-type="20-4"],.grail-handle-size-small .grail-handle-content .grail-handle-icon[grail-type="20-4"] {
    font-size: 12px
}

.grail-handle-size-small .grail-handle-content .grail-handle-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-handle-size-small .grail-handle-content .grail-handle-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 12px
}

.grail-handle-size-small .grail-handle-content .grail-handle-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-handle-size-small .grail-handle-content .grail-handle-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

.grail-handle-size-small .grail-handle-content .grail-handle-icon .grail-icon[grail-type="22-4"],.grail-handle-size-small .grail-handle-content .grail-handle-icon[grail-type="22-4"] {
    font-size: 12px
}

.grail-handle-size-small .grail-handle-content .grail-handle-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-handle-size-small .grail-handle-content .grail-handle-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 12px
}

.grail-handle-size-small .grail-handle-content .grail-handle-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-handle-size-small .grail-handle-content .grail-handle-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

.grail-handle-size-small .grail-handle-content .grail-handle-icon .grail-icon[grail-type="24-3"],.grail-handle-size-small .grail-handle-content .grail-handle-icon[grail-type="24-3"] {
    font-size: 12px
}

.grail-handle-size-small .grail-handle-content .grail-handle-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-handle-size-small .grail-handle-content .grail-handle-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 12px
}

.grail-handle-size-small .grail-handle-content .grail-handle-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-handle-size-small .grail-handle-content .grail-handle-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-handle-size-small .grail-handle-content .grail-handle-icon .grail-icon[grail-type="30-8"],.grail-handle-size-small .grail-handle-content .grail-handle-icon[grail-type="30-8"] {
    font-size: 12px
}

.grail-handle-size-small .grail-handle-content .grail-handle-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-handle-size-small .grail-handle-content .grail-handle-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 12px
}

.grail-handle-size-small .grail-handle-content .grail-handle-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-handle-size-small .grail-handle-content .grail-handle-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

.grail-handle-size-small .grail-handle-content .grail-handle-icon .grail-icon[grail-type="40-0"],.grail-handle-size-small .grail-handle-content .grail-handle-icon[grail-type="40-0"] {
    font-size: 12px
}

.grail-handle-size-small .grail-handle-content .grail-handle-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-handle-size-small .grail-handle-content .grail-handle-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 12px
}

.grail-handle-size-small .grail-handle-content .grail-handle-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-handle-size-small .grail-handle-content .grail-handle-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

.grail-handle-size-small .grail-handle-content .grail-handle-icon .grail-icon[grail-type="48-2"],.grail-handle-size-small .grail-handle-content .grail-handle-icon[grail-type="48-2"] {
    font-size: 12px
}

.grail-handle-size-small .grail-handle-content .grail-handle-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-handle-size-small .grail-handle-content .grail-handle-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 12px
}

.grail-handle-size-small .grail-handle-content .grail-handle-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-handle-size-small .grail-handle-content .grail-handle-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

.grail-handle-size-small .grail-handle-content .grail-handle-text {
    display: none
}

.grail-handle-size-small .grail-handle-bk {
    transform: perspective(80px) rotateX(50deg)
}

.grail-handle-size-small .grail-handle-bk .grail-handle-content {
    padding-top: 30px
}

.grail-handle-size-small.grail-handle-direction-left {
    transform: translateY(-50%) translate(-100%) translate(20px) rotate(-90deg)
}

.grail-handle-size-small.grail-handle-direction-right {
    transform: translateY(-50%) translate(100%) translate(23px) rotate(90deg)
}

.grail-handle-direction-bottom .grail-handle-icon,.grail-handle-fold .grail-handle-icon {
    transform: rotate(180deg)
}

.grail-handle-fold.grail-handle-direction-bottom .grail-handle-icon {
    transform: rotate(0)
}

.grail-handle-bk:hover {
    --grail-handle-background-color: #f5f5f5;
    cursor: pointer
}

.grail-handle-content-wrap {
    pointer-events: none
}

body.theme-dark .grail-handle {
    --grail-handle-background-color: #282828;
    --grail-handle-border-color: #323232;
    --grail-handle-text-color: #b4b4b4
}

body.theme-dark .grail-handle-bk:hover {
    --grail-handle-background-color: #323232;
    cursor: pointer
}

body.theme-aigc .grail-handle {
    --grail-handle-background-color: #fff;
    --grail-handle-border-color: #EBEBEB;
    --grail-handle-text-color: rgba(0, 0, 0, .4)
}

.grail-nav {
    --grail-nav-width: 108px;
    --grail-nav-padding: 20px 12px;
    --grail-nav-background-color: #fff;
    --grail-nav-item-hover-background-color: #f5f5f5;
    --grail-nav-item-actived-background-color: #f5f5f5;
    --grail-nav-item-actived-color: #00CCA2;
    --grail-nav-item-disabled-background-color: #fff;
    --grail-nav-item-disabled-color: #ccc;
    --grail-nav-item-space: 4px;
    --grail-nav-item-color: #4d4d4d;
    --grail-nav-item-border-radius: 6px;
    width: var(--grail-nav-width);
    height: 100%;
    padding: var(--grail-nav-padding);
    background-color: var(--grail-nav-background-color);
    overflow-y: auto;
    overflow-x: hidden;
    user-select: none
}

.grail-nav::-webkit-scrollbar {
    display: none
}

.grail-nav-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: var(--grail-nav-item-space)
}

.grail-nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 15px 0;
    border-radius: var(--grail-nav-item-border-radius);
    color: var(--grail-nav-item-color)
}

.grail-nav-item-icon {
    display: inline-flex;
    font-size: 30px
}

.grail-nav-item-icon .grail-icon[grail-type="20-4"],.grail-nav-item-icon[grail-type="20-4"] {
    font-size: 30px
}

.grail-nav-item-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-nav-item-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-nav-item-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-nav-item-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((20 - 4 * 2) / 20)))
}

.grail-nav-item-icon .grail-icon[grail-type="22-4"],.grail-nav-item-icon[grail-type="22-4"] {
    font-size: 30px
}

.grail-nav-item-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-nav-item-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-nav-item-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-nav-item-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((22 - 4 * 2) / 22)))
}

.grail-nav-item-icon .grail-icon[grail-type="24-3"],.grail-nav-item-icon[grail-type="24-3"] {
    font-size: 30px
}

.grail-nav-item-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-nav-item-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-nav-item-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-nav-item-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((24 - 3 * 2) / 24)))
}

.grail-nav-item-icon .grail-icon[grail-type="30-8"],.grail-nav-item-icon[grail-type="30-8"] {
    font-size: 30px
}

.grail-nav-item-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-nav-item-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-nav-item-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-nav-item-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-nav-item-icon .grail-icon[grail-type="40-0"],.grail-nav-item-icon[grail-type="40-0"] {
    font-size: 30px
}

.grail-nav-item-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-nav-item-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-nav-item-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-nav-item-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((40 - 0 * 2) / 40)))
}

.grail-nav-item-icon .grail-icon[grail-type="48-2"],.grail-nav-item-icon[grail-type="48-2"] {
    font-size: 30px
}

.grail-nav-item-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-nav-item-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-nav-item-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-nav-item-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((48 - 2 * 2) / 48)))
}

.grail-nav-item-text {
    font-size: 12px;
    line-height: 20px
}

.grail-nav-item:hover:not(.grail-nav-item-disabled) {
    cursor: pointer;
    background-color: var(--grail-nav-item-hover-background-color)
}

.grail-nav-item-actived {
    background-color: var(--grail-nav-item-actived-background-color);
    color: var(--grail-nav-item-actived-color)
}

.grail-nav-item-disabled {
    cursor: not-allowed;
    background-color: var(--grail-nav-item-disabled-background-color);
    color: var(--grail-nav-item-disabled-color)
}

body.theme-dark .grail-nav {
    --grail-nav-background-color: #282828;
    --grail-nav-item-hover-background-color: #3c3c3c;
    --grail-nav-item-actived-background-color: #1A1B1B;
    --grail-nav-item-disabled-background-color: #282828;
    --grail-nav-item-disabled-color: #3C3C3C;
    --grail-nav-item-actived-color: #00DFB0;
    --grail-nav-item-color: #B4B4B4
}

body.theme-aigc .grail-nav {
    --grail-nav-width: 88px;
    --grail-nav-padding: 8px;
    --grail-nav-background-color: #f5f5f5;
    --grail-nav-item-hover-background-color: #fff;
    --grail-nav-item-actived-background-color: #fff;
    --grail-nav-item-actived-color: #00CCA2;
    --grail-nav-item-disabled-background-color: #f5f5f5;
    --grail-nav-item-disabled-color: rgba(0, 0, 0, .2);
    --grail-nav-item-space: 8px;
    --grail-nav-item-color: rgba(0, 0, 0, .6);
    --grail-nav-item-border-radius: 8px
}

body.theme-aigc .grail-nav-item {
    padding: 8px 0
}

body.theme-aigc .grail-nav-item-icon {
    font-size: 28px;
    margin-bottom: 4px
}

body.theme-aigc .grail-nav-item-icon .grail-icon[grail-type="20-4"],body.theme-aigc .grail-nav-item-icon[grail-type="20-4"] {
    font-size: 28px
}

body.theme-aigc .grail-nav-item-icon .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-nav-item-icon[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 28px
}

body.theme-aigc .grail-nav-item-icon .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-nav-item-icon[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-nav-item-icon .grail-icon[grail-type="22-4"],body.theme-aigc .grail-nav-item-icon[grail-type="22-4"] {
    font-size: 28px
}

body.theme-aigc .grail-nav-item-icon .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-nav-item-icon[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 28px
}

body.theme-aigc .grail-nav-item-icon .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-nav-item-icon[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-nav-item-icon .grail-icon[grail-type="24-3"],body.theme-aigc .grail-nav-item-icon[grail-type="24-3"] {
    font-size: 28px
}

body.theme-aigc .grail-nav-item-icon .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-nav-item-icon[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 28px
}

body.theme-aigc .grail-nav-item-icon .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-nav-item-icon[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-nav-item-icon .grail-icon[grail-type="30-8"],body.theme-aigc .grail-nav-item-icon[grail-type="30-8"] {
    font-size: 28px
}

body.theme-aigc .grail-nav-item-icon .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-nav-item-icon[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 28px
}

body.theme-aigc .grail-nav-item-icon .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-nav-item-icon[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-nav-item-icon .grail-icon[grail-type="40-0"],body.theme-aigc .grail-nav-item-icon[grail-type="40-0"] {
    font-size: 28px
}

body.theme-aigc .grail-nav-item-icon .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-nav-item-icon[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 28px
}

body.theme-aigc .grail-nav-item-icon .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-nav-item-icon[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-nav-item-icon .grail-icon[grail-type="48-2"],body.theme-aigc .grail-nav-item-icon[grail-type="48-2"] {
    font-size: 28px
}

body.theme-aigc .grail-nav-item-icon .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-nav-item-icon[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 28px
}

body.theme-aigc .grail-nav-item-icon .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-nav-item-icon[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

.grail-tag {
    --grail-tag-border-radius: 3px;
    --grail-tag-min-width: 26px;
    --grail-tag-close-icon-margin-left: 4px;
    --grail-tag-default-color: #6668ff;
    --grail-tag-default-background-color: #fff;
    --grail-tag-vip-color: #fff;
    --grail-tag-vip-background-color: #E6C181;
    --grail-tag-gray-color: #fff;
    --grail-tag-gray-background-color: rgba(0, 0, 0, .2);
    --grail-tag-expired-color: #FF5C67;
    --grail-tag-expired-background-color: #fff;
    --grail-tag-expired-border-color: #FF5C67;
    --grail-tag-new-color: #ffffff;
    --grail-tag-new-background-color: #FF5C67;
    --grail-tag-new-border-color: #FF5C67;
    --grail-tag-pay-color: #ffffff;
    --grail-tag-pay-background-color: linear-gradient(250deg, #6B6BB8 0%, #8F8FD1 99.69%);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    vertical-align: middle;
    border-radius: var(--grail-tag-border-radius);
    height: var(--grail-tag-height);
    min-width: var(--grail-tag-min-width);
    padding: var(--grail-tag-padding);
    font-size: 18px;
    font-weight: 500
}

.grail-tag-size-mini {
    --grail-tag-font-size: 10;
    --grail-tag-height: 16px;
    --grail-tag-padding: 0 4px
}

.grail-tag-size-md {
    --grail-tag-font-size: 12;
    --grail-tag-height: 20px;
    --grail-tag-padding: 0 5px
}

.grail-tag .grail-icon[grail-type="20-4"],.grail-tag[grail-type="20-4"] {
    font-size: 18px
}

.grail-tag .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-tag[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 18px
}

.grail-tag .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-tag[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

.grail-tag .grail-icon[grail-type="22-4"],.grail-tag[grail-type="22-4"] {
    font-size: 18px
}

.grail-tag .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-tag[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 18px
}

.grail-tag .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-tag[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

.grail-tag .grail-icon[grail-type="24-3"],.grail-tag[grail-type="24-3"] {
    font-size: 18px
}

.grail-tag .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-tag[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 18px
}

.grail-tag .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-tag[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-tag .grail-icon[grail-type="30-8"],.grail-tag[grail-type="30-8"] {
    font-size: 18px
}

.grail-tag .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-tag[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 18px
}

.grail-tag .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-tag[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

.grail-tag .grail-icon[grail-type="40-0"],.grail-tag[grail-type="40-0"] {
    font-size: 18px
}

.grail-tag .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-tag[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 18px
}

.grail-tag .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-tag[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

.grail-tag .grail-icon[grail-type="48-2"],.grail-tag[grail-type="48-2"] {
    font-size: 18px
}

.grail-tag .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-tag[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 18px
}

.grail-tag .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-tag[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

.grail-tag-font {
    font-size: calc(var(--grail-tag-font-size) * 1px)
}

@supports (zoom: 1) {
    .grail-tag-font {
        line-height: 1;
        font-size: 12px;
        zoom:calc(var(--grail-tag-font-size) / 12)}
}

.grail-tag-type-default {
    color: var(--grail-tag-default-color);
    background: var(--grail-tag-default-background-color)
}

.grail-tag-type-vip {
    color: var(--grail-tag-vip-color);
    background: var(--grail-tag-vip-background-color)
}

.grail-tag-type-pay {
    color: var(--grail-tag-pay-color);
    background: var(--grail-tag-pay-background-color)
}

.grail-tag-type-expired {
    color: var(--grail-tag-expired-color);
    background: var(--grail-tag-expired-background-color);
    border: .5px solid var(--grail-tag-expired-border-color)
}

.grail-tag-type-new {
    color: var(--grail-tag-new-color);
    background: var(--grail-tag-new-background-color);
    border: .5px solid var(--grail-tag-new-border-color)
}

.grail-tag-type-gray {
    color: var(--grail-tag-gray-color);
    background: var(--grail-tag-gray-background-color)
}

.grail-tag-vip-icon {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 32px
}

.grail-tag-close-icon {
    margin-left: var(--grail-tag-close-icon-margin-left)
}

.grail-tag-close-icon:hover {
    opacity: .8
}

body.theme-dark .grail-tag {
    --grail-tag-default-color: #b4b4b4;
    --grail-tag-default-background-color: #323232;
    --grail-tag-expired-color: #FF5C67;
    --grail-tag-expired-background-color: rgba(255, 99, 99, .08);
    --grail-tag-expired-border-color: #FF5C67
}

body.theme-aigc .grail-tag {
    --grail-tag-border-radius: 4px;
    --grail-tag-min-width: 26px;
    --grail-tag-default-color: rgba(0, 0, 0, .6);
    --grail-tag-default-background-color: #fff;
    --grail-tag-vip-color: #fff;
    --grail-tag-vip-background-color: #E6C181;
    --grail-tag-gray-color: #fff;
    --grail-tag-gray-background-color: rgba(0, 0, 0, .2);
    --grail-tag-expired-color: #FF5C67;
    --grail-tag-expired-background-color: #fff;
    --grail-tag-expired-border-color: #FF5C67;
    --grail-tag-new-color: #ffffff;
    --grail-tag-new-background-color: #FF5C67;
    --grail-tag-new-border-color: #FF5C67;
    --grail-tag-pay-color: #ffffff;
    --grail-tag-pay-background-color: linear-gradient(250deg, #6B6BB8 0%, #8F8FD1 99.69%);
    font-size: 18px
}

body.theme-aigc .grail-tag-size-mini {
    --grail-tag-font-size: 12;
    --grail-tag-height: 18px;
    --grail-tag-padding: 0 4px
}

body.theme-aigc .grail-tag-size-md {
    --grail-tag-font-size: 12;
    --grail-tag-height: 20px;
    --grail-tag-padding: 0 5px
}

body.theme-aigc .grail-tag .grail-icon[grail-type="20-4"],body.theme-aigc .grail-tag[grail-type="20-4"] {
    font-size: 18px
}

body.theme-aigc .grail-tag .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-tag[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-tag .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-tag[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-tag .grail-icon[grail-type="22-4"],body.theme-aigc .grail-tag[grail-type="22-4"] {
    font-size: 18px
}

body.theme-aigc .grail-tag .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-tag[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-tag .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-tag[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-tag .grail-icon[grail-type="24-3"],body.theme-aigc .grail-tag[grail-type="24-3"] {
    font-size: 18px
}

body.theme-aigc .grail-tag .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-tag[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-tag .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-tag[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-tag .grail-icon[grail-type="30-8"],body.theme-aigc .grail-tag[grail-type="30-8"] {
    font-size: 18px
}

body.theme-aigc .grail-tag .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-tag[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-tag .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-tag[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-tag .grail-icon[grail-type="40-0"],body.theme-aigc .grail-tag[grail-type="40-0"] {
    font-size: 18px
}

body.theme-aigc .grail-tag .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-tag[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-tag .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-tag[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-tag .grail-icon[grail-type="48-2"],body.theme-aigc .grail-tag[grail-type="48-2"] {
    font-size: 18px
}

body.theme-aigc .grail-tag .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-tag[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 18px
}

body.theme-aigc .grail-tag .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-tag[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

.grail-tts-item {
    --grail-tts-item-selected-color: #00CCA2;
    --grail-tts-item-padding: 12px 16px;
    --grail-tts-item-padding-thin: 12px 16px;
    --grail-tts-item-avatar-width: 44px;
    --grail-tts-item-avatar-radius: 100%;
    --grail-tts-item-avatar-shadow-color: rgba(0, 0, 0, 0);
    --grail-tts-item-rate-width: 2px;
    --grail-tts-item-background-color: #f5f5f5;
    --grail-tts-item-rate-background-color: #fff;
    --grail-tts-item-rate-actived-color: #00CCA2;
    --grail-tts-item-space: 16px;
    --grail-tts-item-right-padding: 0 0;
    --grail-tts-item-name-color: #191919;
    --grail-tts-item-name-line-height: 22px;
    --grail-tts-item-name-font-size: 16px;
    --grail-tts-item-name-margin-bottom: 4px;
    --grail-tts-item-desc-color: #808080;
    --grail-tts-item-desc-line-height: 18px;
    --grail-tts-item-desc-font-size: 12px;
    --grail-tts-item-tag-left: 12px;
    --grail-tts-item-state-mask: rgba(0, 0, 0, .5);
    --grail-tts-item-state-color: #fff;
    width: 250px;
    display: flex;
    background-color: var(--grail-tts-item-background-color);
    border-radius: var(--grail-tts-item-radius)
}

.grail-tts-item-shape-square {
    --grail-tts-item-radius: 3px
}

.grail-tts-item-shape-no-radius {
    --grail-tts-item-radius: 0
}

.grail-tts-item-avatar-shape-no-radius {
    --grail-tts-item-avatar-radius: 0
}

.grail-tts-item-avatar-shape-circle {
    --grail-tts-item-avatar-radius: 100%
}

.grail-tts-item-avatar-shape-square {
    --grail-tts-item-avatar-radius: 3px
}

.grail-tts-item-size-default {
    padding: var(--grail-tts-item-padding)
}

.grail-tts-item-size-thin {
    padding: var(--grail-tts-item-padding-thin)
}

.grail-tts-item-hover-show-bk {
    background-color: transparent
}

.grail-tts-item-hover-show-bk:hover {
    background-color: var(--grail-tts-item-background-color)
}

.grail-tts-item-block {
    width: 100%
}

.grail-tts-item-click-position-all,.grail-tts-item-click-position-avatar .grail-tts-item-rate {
    cursor: pointer
}

.grail-tts-item-left {
    margin-right: var(--grail-tts-item-space);
    display: flex;
    align-items: center
}

.grail-tts-item-right {
    flex: 1 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: var(--grail-tts-item-right-padding)
}

.grail-tts-item-rate {
    width: calc(var(--grail-tts-item-avatar-width) + var(--grail-tts-item-rate-width));
    height: calc(var(--grail-tts-item-avatar-width) + var(--grail-tts-item-rate-width));
    position: relative;
    border-radius: var(--grail-tts-item-avatar-radius);
    overflow: hidden;
    background: conic-gradient(var(--grail-tts-item-rate-actived-color) 0,var(--grail-tts-item-rate-actived-color) calc(var(--grail-tts-item-rate) * 100%),var(--grail-tts-item-rate-background-color) calc(var(--grail-tts-item-rate) * 100%),var(--grail-tts-item-rate-background-color))
}

.grail-tts-item-no-rate .grail-tts-item-rate {
    background: transparent
}

.grail-tts-item-avatar {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    width: var(--grail-tts-item-avatar-width);
    height: var(--grail-tts-item-avatar-width);
    border-radius: var(--grail-tts-item-avatar-radius);
    background: var(--grail-tts-item-background-color);
    box-shadow: 0 0 0 1px var(--grail-tts-item-avatar-shadow-color) inset
}

.grail-tts-item-name {
    display: flex;
    gap: var(--grail-tts-item-tag-left);
    font-size: var(--grail-tts-item-name-font-size);
    color: var(--grail-tts-item-name-color);
    margin-bottom: var(--grail-tts-item-name-margin-bottom);
    line-height: var(--grail-tts-item-name-line-height);
    align-items: center
}

.grail-tts-item-name-content {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.grail-tts-item-tag {
    flex: 1 1;
    white-space: nowrap
}

.grail-tts-item-desc {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: var(--grail-tts-item-desc-font-size);
    color: var(--grail-tts-item-desc-color);
    line-height: var(--grail-tts-item-name-desc-height)
}

.grail-tts-item-selected {
    box-shadow: 0 0 0 2px var(--grail-tts-item-selected-color) inset
}

.grail-tts-item-vip-pro {
    background: url(./static/major_tag.762d0aad.svg) var(--grail-tts-item-background-color) 0 0 no-repeat
}

.grail-tts-item-vip-senior {
    background: url(./static/senior_tag.8b64f7bc.svg) var(--grail-tts-item-background-color) 0 0 no-repeat
}

.grail-tts-item-vip-purchased {
    background: url(./static/purchased_tag.d3950172.svg) var(--grail-tts-item-background-color) 0 0 no-repeat
}

.grail-tts-item-default-play {
    display: none
}

.grail-tts-item-state-hover,.grail-tts-item-state {
    font-size: 24px;
    color: var(--grail-tts-item-state-color);
    position: absolute;
    background-color: var(--grail-tts-item-state-mask);
    width: var(--grail-tts-item-avatar-width);
    height: var(--grail-tts-item-avatar-width);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0)
}

.grail-tts-item-state-hover .grail-icon[grail-type="20-4"],.grail-tts-item-state .grail-icon[grail-type="20-4"],.grail-tts-item-state-hover[grail-type="20-4"],.grail-tts-item-state[grail-type="20-4"] {
    font-size: 24px
}

.grail-tts-item-state-hover .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-tts-item-state .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-tts-item-state-hover[grail-type="20-4"]:not([ignore-scale]),.grail-tts-item-state[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 24px
}

.grail-tts-item-state-hover .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-tts-item-state .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-tts-item-state-hover[grail-type="20-4"]:not([ignore-scale])>span,.grail-tts-item-state[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-tts-item-state-hover .grail-icon[grail-type="22-4"],.grail-tts-item-state .grail-icon[grail-type="22-4"],.grail-tts-item-state-hover[grail-type="22-4"],.grail-tts-item-state[grail-type="22-4"] {
    font-size: 24px
}

.grail-tts-item-state-hover .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-tts-item-state .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-tts-item-state-hover[grail-type="22-4"]:not([ignore-scale]),.grail-tts-item-state[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 24px
}

.grail-tts-item-state-hover .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-tts-item-state .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-tts-item-state-hover[grail-type="22-4"]:not([ignore-scale])>span,.grail-tts-item-state[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((22 - 4 * 2) / 22)))
}

.grail-tts-item-state-hover .grail-icon[grail-type="24-3"],.grail-tts-item-state .grail-icon[grail-type="24-3"],.grail-tts-item-state-hover[grail-type="24-3"],.grail-tts-item-state[grail-type="24-3"] {
    font-size: 24px
}

.grail-tts-item-state-hover .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-tts-item-state .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-tts-item-state-hover[grail-type="24-3"]:not([ignore-scale]),.grail-tts-item-state[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 24px
}

.grail-tts-item-state-hover .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-tts-item-state .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-tts-item-state-hover[grail-type="24-3"]:not([ignore-scale])>span,.grail-tts-item-state[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 80%
}

.grail-tts-item-state-hover .grail-icon[grail-type="30-8"],.grail-tts-item-state .grail-icon[grail-type="30-8"],.grail-tts-item-state-hover[grail-type="30-8"],.grail-tts-item-state[grail-type="30-8"] {
    font-size: 24px
}

.grail-tts-item-state-hover .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-tts-item-state .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-tts-item-state-hover[grail-type="30-8"]:not([ignore-scale]),.grail-tts-item-state[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 24px
}

.grail-tts-item-state-hover .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-tts-item-state .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-tts-item-state-hover[grail-type="30-8"]:not([ignore-scale])>span,.grail-tts-item-state[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((30 - 8 * 2) / 30)))
}

.grail-tts-item-state-hover .grail-icon[grail-type="40-0"],.grail-tts-item-state .grail-icon[grail-type="40-0"],.grail-tts-item-state-hover[grail-type="40-0"],.grail-tts-item-state[grail-type="40-0"] {
    font-size: 24px
}

.grail-tts-item-state-hover .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-tts-item-state .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-tts-item-state-hover[grail-type="40-0"]:not([ignore-scale]),.grail-tts-item-state[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 24px
}

.grail-tts-item-state-hover .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-tts-item-state .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-tts-item-state-hover[grail-type="40-0"]:not([ignore-scale])>span,.grail-tts-item-state[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((40 - 0 * 2) / 40)))
}

.grail-tts-item-state-hover .grail-icon[grail-type="48-2"],.grail-tts-item-state .grail-icon[grail-type="48-2"],.grail-tts-item-state-hover[grail-type="48-2"],.grail-tts-item-state[grail-type="48-2"] {
    font-size: 24px
}

.grail-tts-item-state-hover .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-tts-item-state .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-tts-item-state-hover[grail-type="48-2"]:not([ignore-scale]),.grail-tts-item-state[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 24px
}

.grail-tts-item-state-hover .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-tts-item-state .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-tts-item-state-hover[grail-type="48-2"]:not([ignore-scale])>span,.grail-tts-item-state[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((48 - 2 * 2) / 48)))
}

.grail-tts-item-state-hover {
    display: none
}

.grail-tts-item-hover-to-play:hover .grail-tts-item-state-hover {
    display: flex
}

.grail-tts-item-actions {
    margin-left: var(--grail-tts-item-space)
}

.grail-tts-item-hover-show-actions .grail-tts-item-actions {
    margin: 0;
    display: none
}

.grail-tts-item-hover-show-actions:hover .grail-tts-item-actions {
    display: flex;
    margin-left: var(--grail-tts-item-space)
}

.grail-tts-item-tag-expired {
    position: relative
}

.grail-tts-item-tag-expired:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -4px;
    width: 38px;
    height: 15px;
    background: url(./static/expired_tag.bec804b9.svg) transparent 0 0 no-repeat
}

.grail-tts-item-tag-willExpire {
    position: relative
}

.grail-tts-item-tag-willExpire:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -4px;
    width: 48px;
    height: 15px;
    background: url(./static/will_expire_tag.7600b087.svg) transparent 0 0 no-repeat
}

body.theme-dark .grail-tts-item {
    --grail-tts-item-selected-color: #00DFB0;
    --grail-tts-item-background-color: #323232;
    --grail-tts-item-rate-background-color: #3c3c3c;
    --grail-tts-item-rate-actived-color: #00DFB0;
    --grail-tts-item-name-color: #B4B4B4;
    --grail-tts-item-desc-color: #646464;
    --grail-tts-item-state-mask: rgba(0, 0, 0, .5);
    --grail-tts-item-state-color: #fff
}

body.theme-aigc .grail-tts-item {
    --grail-tts-item-selected-color: #00CCA2;
    --grail-tts-item-padding: 12px;
    --grail-tts-item-padding-thin: 6px 16px;
    --grail-tts-item-avatar-width: 48px;
    --grail-tts-item-avatar-radius: 100%;
    --grail-tts-item-avatar-shadow-color: rgba(0, 0, 0, .06);
    --grail-tts-item-rate-width: 2px;
    --grail-tts-item-background-color: #f5f5f5;
    --grail-tts-item-rate-background-color: #fff;
    --grail-tts-item-rate-actived-color: #00CCA2;
    --grail-tts-item-space: 8px;
    --grail-tts-item-right-padding: 5px 0;
    --grail-tts-item-name-color: rgba(0, 0, 0, .6);
    --grail-tts-item-name-line-height: 22px;
    --grail-tts-item-name-font-size: 14px;
    --grail-tts-item-name-margin-bottom: 0;
    --grail-tts-item-desc-color: rgba(0, 0, 0, .4);
    --grail-tts-item-desc-line-height: 20px;
    --grail-tts-item-desc-font-size: 12px;
    --grail-tts-item-tag-left: 12px;
    --grail-tts-item-state-mask: rgba(0, 0, 0, 0);
    --grail-tts-item-state-color: #fff
}

body.theme-aigc .grail-tts-item-shape-square {
    --grail-tts-item-radius: 8px
}

body.theme-aigc .grail-tts-item-shape-no-radius {
    --grail-tts-item-radius: 0
}

body.theme-aigc .grail-tts-item-avatar-shape-no-radius {
    --grail-tts-item-avatar-radius: 0
}

body.theme-aigc .grail-tts-item-avatar-shape-circle {
    --grail-tts-item-avatar-radius: 100%
}

body.theme-aigc .grail-tts-item-avatar-shape-square {
    --grail-tts-item-avatar-radius: 4px
}

.grail-speaker-item {
    --grail-speaker-item-selected-color: rgba(0, 0, 0, .9);
    --grail-speaker-item-top: 24px;
    --grail-speaker-item-center: 80px;
    --grail-speaker-item-bottom: 44px;
    --grail-speaker-item-padding: 4px 4px 16px 4px;
    --grail-speaker-item-padding-thin: 4px 4px 16px 4px;
    --grail-speaker-item-avatar-width: 72px;
    --grail-speaker-item-avatar-radius: 100%;
    --grail-speaker-item-avatar-shadow-color: rgba(0, 0, 0, 0);
    --grail-speaker-item-avatar-border-width: 4px;
    --grail-speaker-item-avatar-border-color: #FFFFFF;
    --grail-speaker-item-rate-width: 8px;
    --grail-speaker-item-background-color: #f5f5f5;
    --grail-speaker-item-rate-background-color: #fff;
    --grail-speaker-item-rate-actived-color: rgba(0, 0, 0, .4);
    --grail-speaker-item-rate-bg-background-color: transparent;
    --grail-speaker-item-rate-bg-actived-color: rgba(255, 255, 255, .6);
    --grail---grail-speaker-item-bottom-padding-item: 0 0;
    --grail-speaker-item-name-color: #191919;
    --grail-speaker-item-name-height: 20px;
    --grail-speaker-item-name-line-height: 22px;
    --grail-speaker-item-name-font-size: 16px;
    --grail-speaker-item-name-margin-bottom: 4px;
    --grail-speaker-item-desc-height: 20px;
    --grail-speaker-item-desc-color: #808080;
    --grail-speaker-item-desc-line-height: 18px;
    --grail-speaker-item-desc-font-size: 12px;
    --grail-speaker-item-tag-left: 12px;
    --grail-speaker-item-state-mask: rgba(0, 0, 0, .4);
    --grail-speaker-item-state-color: #fff;
    height: 184px;
    width: 100%;
    background-color: var(--grail-speaker-item-background-color);
    border-radius: var(--grail-speaker-item-radius)
}

.grail-speaker-item-shape-square {
    --grail-speaker-item-radius: 8px
}

.grail-speaker-item-shape-no-radius {
    --grail-speaker-item-radius: 0
}

.grail-speaker-item-avatar-shape-no-radius {
    --grail-speaker-item-avatar-radius: 0
}

.grail-speaker-item-avatar-shape-circle {
    --grail-speaker-item-avatar-radius: 100%
}

.grail-speaker-item-avatar-shape-square {
    --grail-speaker-item-avatar-radius: 3px
}

.grail-speaker-item-size-default {
    padding: var(--grail-speaker-item-padding)
}

.grail-speaker-item-size-thin {
    padding: var(--grail-speaker-item-padding-thin)
}

.grail-speaker-item-hover-show-bk {
    background-color: transparent
}

.grail-speaker-item-hover-show-bk:hover {
    background-color: var(--grail-speaker-item-background-color)
}

.grail-speaker-item-block {
    width: 100%
}

.grail-speaker-item-click-position-all,.grail-speaker-item-click-position-avatar .grail-speaker-item-rate {
    cursor: pointer
}

.grail-speaker-item-top {
    height: var(--grail-speaker-item-top);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.grail-speaker-item-top-left {
    padding: 3px 0 3px 4px
}

.grail-speaker-item-collect {
    display: none
}

.grail-speaker-item-collected {
    color: #ffaf14
}

.grail-speaker-item:hover .grail-speaker-item-collect {
    display: block
}

.grail-speaker-item-center {
    width: 100%;
    height: var(--grail-speaker-item-center);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px
}

.grail-speaker-item-bottom {
    height: var(--grail-speaker-item-bottom);
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: var(--grail---grail-speaker-item-bottom-padding-item)
}

.grail-speaker-item:hover .grail-speaker-item-action {
    display: block
}

.grail-speaker-item-action,.grail-speaker-item .grail-speaker-item-not-show-name,.grail-speaker-item:hover .grail-speaker-item-not-show-name {
    display: none
}

.grail-speaker-item-rate {
    width: calc(var(--grail-speaker-item-avatar-width) + var(--grail-speaker-item-rate-width));
    height: calc(var(--grail-speaker-item-avatar-width) + var(--grail-speaker-item-rate-width));
    position: relative;
    border-radius: var(--grail-speaker-item-avatar-radius);
    background: conic-gradient(var(--grail-speaker-item-rate-actived-color) 0,var(--grail-speaker-item-rate-actived-color) calc(var(--grail-speaker-item-rate) * 100%),var(--grail-speaker-item-rate-background-color) calc(var(--grail-speaker-item-rate) * 100%),var(--grail-speaker-item-rate-background-color))
}

.grail-speaker-item-direct {
    background: conic-gradient(#7EFFF7,#AFA2FF,#FF95DB,#FF9191,#FF9191,#FFF27C,#87FF84,#7EFFF7)
}

.grail-speaker-item-bg {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: var(--grail-speaker-item-avatar-radius);
    background: transparent
}

.grail-speaker-item-direct-bg {
    background: conic-gradient(var(--grail-speaker-item-rate-bg-actived-color) 0,var(--grail-speaker-item-rate-bg-actived-color) calc(var(--grail-speaker-item-rate) * 100%),var(--grail-speaker-item-rate-bg-background-color) calc(var(--grail-speaker-item-rate) * 100%),var(--grail-speaker-item-rate-bg-background-color))
}

.grail-speaker-item-direct-content {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
    width: 52px;
    height: 19px;
    text-align: center;
    line-height: 19px;
    border-radius: 16px;
    background: linear-gradient(90deg,#FFDA82 0%,#FF9293 47.92%,#FF94C1 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 600
}

.grail-speaker-item-avatar {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    width: var(--grail-speaker-item-avatar-width);
    height: var(--grail-speaker-item-avatar-width);
    border-radius: var(--grail-speaker-item-avatar-radius);
    background: var(--grail-speaker-item-background-color);
    box-shadow: 0 0 0 1px var(--grail-speaker-item-avatar-shadow-color) inset
}

.grail-speaker-item-name {
    height: var(--grail-speaker-item-name-height);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: var(--grail-speaker-item-name-margin-bottom)
}

.grail-speaker-item-name>div {
    height: var(--grail-speaker-item-name-height);
    max-width: 94px;
    font-weight: 500;
    font-size: var(--grail-speaker-item-name-font-size);
    color: var(--grail-speaker-item-name-color);
    line-height: var(--grail-speaker-item-name-height);
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.grail-speaker-item-tag {
    flex: 1 1;
    white-space: nowrap
}

.grail-speaker-item-desc {
    height: var(--grail-speaker-item-desc-height);
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    font-size: var(--grail-speaker-item-desc-font-size);
    color: var(--grail-speaker-item-desc-color);
    line-height: var(--grail-speaker-item-desc-height)
}

.grail-speaker-item-selected {
    box-shadow: 0 0 0 2px var(--grail-speaker-item-selected-color) inset
}

.grail-speaker-item-vip-pro {
    background: url(./static/major_tag.762d0aad.svg) var(--grail-speaker-item-background-color) 0 0 no-repeat
}

.grail-speaker-item-vip-senior {
    background: url(./static/senior_tag.8b64f7bc.svg) var(--grail-speaker-item-background-color) 0 0 no-repeat
}

.grail-speaker-item-vip-purchased {
    background: url(./static/purchased_tag.d3950172.svg) var(--grail-speaker-item-background-color) 0 0 no-repeat
}

.grail-speaker-item-default-play {
    display: none
}

.grail-speaker-item-state-hover,.grail-speaker-item-state {
    font-size: 24px;
    color: var(--grail-speaker-item-state-color);
    position: absolute;
    background-color: var(--grail-speaker-item-state-mask);
    width: var(--grail-speaker-item-avatar-width);
    height: var(--grail-speaker-item-avatar-width);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0)
}

.grail-speaker-item-state-hover .grail-icon[grail-type="20-4"],.grail-speaker-item-state .grail-icon[grail-type="20-4"],.grail-speaker-item-state-hover[grail-type="20-4"],.grail-speaker-item-state[grail-type="20-4"] {
    font-size: 24px
}

.grail-speaker-item-state-hover .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-speaker-item-state .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-speaker-item-state-hover[grail-type="20-4"]:not([ignore-scale]),.grail-speaker-item-state[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 24px
}

.grail-speaker-item-state-hover .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-speaker-item-state .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-speaker-item-state-hover[grail-type="20-4"]:not([ignore-scale])>span,.grail-speaker-item-state[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-speaker-item-state-hover .grail-icon[grail-type="22-4"],.grail-speaker-item-state .grail-icon[grail-type="22-4"],.grail-speaker-item-state-hover[grail-type="22-4"],.grail-speaker-item-state[grail-type="22-4"] {
    font-size: 24px
}

.grail-speaker-item-state-hover .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-speaker-item-state .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-speaker-item-state-hover[grail-type="22-4"]:not([ignore-scale]),.grail-speaker-item-state[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 24px
}

.grail-speaker-item-state-hover .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-speaker-item-state .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-speaker-item-state-hover[grail-type="22-4"]:not([ignore-scale])>span,.grail-speaker-item-state[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((22 - 4 * 2) / 22)))
}

.grail-speaker-item-state-hover .grail-icon[grail-type="24-3"],.grail-speaker-item-state .grail-icon[grail-type="24-3"],.grail-speaker-item-state-hover[grail-type="24-3"],.grail-speaker-item-state[grail-type="24-3"] {
    font-size: 24px
}

.grail-speaker-item-state-hover .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-speaker-item-state .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-speaker-item-state-hover[grail-type="24-3"]:not([ignore-scale]),.grail-speaker-item-state[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 24px
}

.grail-speaker-item-state-hover .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-speaker-item-state .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-speaker-item-state-hover[grail-type="24-3"]:not([ignore-scale])>span,.grail-speaker-item-state[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 80%
}

.grail-speaker-item-state-hover .grail-icon[grail-type="30-8"],.grail-speaker-item-state .grail-icon[grail-type="30-8"],.grail-speaker-item-state-hover[grail-type="30-8"],.grail-speaker-item-state[grail-type="30-8"] {
    font-size: 24px
}

.grail-speaker-item-state-hover .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-speaker-item-state .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-speaker-item-state-hover[grail-type="30-8"]:not([ignore-scale]),.grail-speaker-item-state[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 24px
}

.grail-speaker-item-state-hover .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-speaker-item-state .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-speaker-item-state-hover[grail-type="30-8"]:not([ignore-scale])>span,.grail-speaker-item-state[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((30 - 8 * 2) / 30)))
}

.grail-speaker-item-state-hover .grail-icon[grail-type="40-0"],.grail-speaker-item-state .grail-icon[grail-type="40-0"],.grail-speaker-item-state-hover[grail-type="40-0"],.grail-speaker-item-state[grail-type="40-0"] {
    font-size: 24px
}

.grail-speaker-item-state-hover .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-speaker-item-state .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-speaker-item-state-hover[grail-type="40-0"]:not([ignore-scale]),.grail-speaker-item-state[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 24px
}

.grail-speaker-item-state-hover .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-speaker-item-state .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-speaker-item-state-hover[grail-type="40-0"]:not([ignore-scale])>span,.grail-speaker-item-state[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((40 - 0 * 2) / 40)))
}

.grail-speaker-item-state-hover .grail-icon[grail-type="48-2"],.grail-speaker-item-state .grail-icon[grail-type="48-2"],.grail-speaker-item-state-hover[grail-type="48-2"],.grail-speaker-item-state[grail-type="48-2"] {
    font-size: 24px
}

.grail-speaker-item-state-hover .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-speaker-item-state .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-speaker-item-state-hover[grail-type="48-2"]:not([ignore-scale]),.grail-speaker-item-state[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 24px
}

.grail-speaker-item-state-hover .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-speaker-item-state .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-speaker-item-state-hover[grail-type="48-2"]:not([ignore-scale])>span,.grail-speaker-item-state[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((20 - 4 * 2) / 20) / ((48 - 2 * 2) / 48)))
}

.grail-speaker-item-state-hover {
    display: none
}

.grail-speaker-item-hover-to-play:hover .grail-speaker-item-state-hover {
    display: flex
}

.grail-speaker-item-hover-show-actions .grail-speaker-item-actions {
    margin: 0;
    display: none
}

.grail-speaker-item-hover-show-actions .grail-speaker-item-show-action,.grail-speaker-item-hover-show-actions:hover .grail-speaker-item-actions {
    display: flex
}

.grail-speaker-item-hover-show-actions:hover .grail-speaker-item-name,.grail-speaker-item-hover-show-actions:hover .grail-speaker-item-desc {
    display: none
}

.grail-speaker-item-selected:hover .grail-speaker-item-name {
    display: flex
}

.grail-speaker-item-selected:hover .grail-speaker-item-desc {
    display: block
}

.grail-speaker-item-selected:hover .grail-speaker-item-action {
    display: none
}

body.theme-dark .grail-speaker-item {
    --grail-speaker-item-selected-color: #B4B4B4;
    --grail-speaker-item-background-color: #323232;
    --grail-speaker-item-rate-background-color: #646464;
    --grail-speaker-item-rate-actived-color: #ffffff;
    --grail-speaker-item-name-color: #B4B4B4;
    --grail-speaker-item-desc-color: #646464;
    --grail-speaker-item-state-mask: rgba(0, 0, 0, .4);
    --grail-speaker-item-avatar-border-color: #FFFFFF;
    --grail-speaker-item-state-color: #fff
}

.grail-wave {
    width: 100%;
    height: 80px
}

.grail-wave-full {
    width: 100%;
    height: 100%
}

.grail-wave-inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.grail-wave-top {
    height: 100%;
    width: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0
}

.grail-previewer {
    --grail-previewer-title-padding-top: 24px;
    --grail-previewer-title-padding-bottom: 24px;
    --grail-previewer-body-padding-top: 0;
    --grail-previewer-body-padding-bottom: 8px
}

.grail-previewer .grail-modal-header {
    border: none;
    padding-top: var(--grail-previewer-title-padding-top);
    padding-bottom: var(--grail-previewer-title-padding-bottom)
}

.grail-previewer .grail-modal-body {
    padding-top: var(--grail-previewer-body-padding-top);
    padding-bottom: var(--grail-previewer-body-padding-bottom)
}

.grail-previewer .grail-modal-footer {
    border: none
}

.grail-previewer-video-container {
    background: transparent!important;
    width: 100%;
    height: 100%
}

.grail-previewer-control {
    --grail-previewer-control-font-size: 12px;
    --grail-previewer-control-font-color: #808080;
    --grail-previewer-control-font-actived-color: #00CCA2;
    --grail-previewer-control-font-weight: 600;
    --grail-previewer-control-line-height: 18px;
    --grail-previewer-control-btn-margin-top: 16px
}

.grail-previewer-control-time {
    line-height: var(--grail-previewer-control-line-height);
    color: var(--grail-previewer-control-font-color);
    font-size: var(--grail-previewer-control-font-size);
    font-weight: var(--grail-previewer-control-font-weight);
    display: flex;
    justify-content: space-between
}

.grail-previewer-control-time>span:first-of-type {
    color: var(--grail-previewer-control-font-actived-color)
}

.grail-previewer-control-btn {
    display: flex;
    justify-content: center;
    margin-top: var(--grail-previewer-control-btn-margin-top)
}

body.theme-dark .grail-previewer-control {
    --grail-previewer-control-font-color: #7d7d7d;
    --grail-previewer-control-font-actived-color: #00DFB0
}

body.theme-aigc .grail-previewer-control {
    --grail-previewer-control-font-color: rgba(0, 0, 0, .4);
    --grail-previewer-control-font-actived-color: #00CCA2;
    --grail-previewer-control-font-weight: 400
}

.grail-image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    font-size: 30px
}

.grail-image img,.grail-image video {
    width: 100%;
    height: 100%;
    object-fit: var(--grail-image-object-fit);
    border-radius: inherit
}

.grail-image-full {
    width: 100%;
    height: 100%
}

.grail-image-hover-show>*:not(.grail-image-hover) {
    opacity: 0
}

.grail-image-hover {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.grail-image .grail-icon[grail-type="20-4"],.grail-image[grail-type="20-4"] {
    font-size: 30px
}

.grail-image .grail-icon[grail-type="20-4"]:not([ignore-scale]),.grail-image[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-image .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,.grail-image[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((20 - 4 * 2) / 20)))
}

.grail-image .grail-icon[grail-type="22-4"],.grail-image[grail-type="22-4"] {
    font-size: 30px
}

.grail-image .grail-icon[grail-type="22-4"]:not([ignore-scale]),.grail-image[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-image .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,.grail-image[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((22 - 4 * 2) / 22)))
}

.grail-image .grail-icon[grail-type="24-3"],.grail-image[grail-type="24-3"] {
    font-size: 30px
}

.grail-image .grail-icon[grail-type="24-3"]:not([ignore-scale]),.grail-image[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-image .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,.grail-image[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((24 - 3 * 2) / 24)))
}

.grail-image .grail-icon[grail-type="30-8"],.grail-image[grail-type="30-8"] {
    font-size: 30px
}

.grail-image .grail-icon[grail-type="30-8"]:not([ignore-scale]),.grail-image[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-image .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,.grail-image[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: 100%
}

.grail-image .grail-icon[grail-type="40-0"],.grail-image[grail-type="40-0"] {
    font-size: 30px
}

.grail-image .grail-icon[grail-type="40-0"]:not([ignore-scale]),.grail-image[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-image .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,.grail-image[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((40 - 0 * 2) / 40)))
}

.grail-image .grail-icon[grail-type="48-2"],.grail-image[grail-type="48-2"] {
    font-size: 30px
}

.grail-image .grail-icon[grail-type="48-2"]:not([ignore-scale]),.grail-image[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 30px
}

.grail-image .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,.grail-image[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((30 - 8 * 2) / 30) / ((48 - 2 * 2) / 48)))
}

body.theme-aigc .grail-image,body.theme-aigc .grail-image .grail-icon[grail-type="20-4"],body.theme-aigc .grail-image[grail-type="20-4"] {
    font-size: 24px
}

body.theme-aigc .grail-image .grail-icon[grail-type="20-4"]:not([ignore-scale]),body.theme-aigc .grail-image[grail-type="20-4"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-image .grail-icon[grail-type="20-4"]:not([ignore-scale])>span,body.theme-aigc .grail-image[grail-type="20-4"]:not([ignore-scale])>span {
    font-size: 125%
}

body.theme-aigc .grail-image .grail-icon[grail-type="22-4"],body.theme-aigc .grail-image[grail-type="22-4"] {
    font-size: 24px
}

body.theme-aigc .grail-image .grail-icon[grail-type="22-4"]:not([ignore-scale]),body.theme-aigc .grail-image[grail-type="22-4"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-image .grail-icon[grail-type="22-4"]:not([ignore-scale])>span,body.theme-aigc .grail-image[grail-type="22-4"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((22 - 4 * 2) / 22)))
}

body.theme-aigc .grail-image .grail-icon[grail-type="24-3"],body.theme-aigc .grail-image[grail-type="24-3"] {
    font-size: 24px
}

body.theme-aigc .grail-image .grail-icon[grail-type="24-3"]:not([ignore-scale]),body.theme-aigc .grail-image[grail-type="24-3"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-image .grail-icon[grail-type="24-3"]:not([ignore-scale])>span,body.theme-aigc .grail-image[grail-type="24-3"]:not([ignore-scale])>span {
    font-size: 100%
}

body.theme-aigc .grail-image .grail-icon[grail-type="30-8"],body.theme-aigc .grail-image[grail-type="30-8"] {
    font-size: 24px
}

body.theme-aigc .grail-image .grail-icon[grail-type="30-8"]:not([ignore-scale]),body.theme-aigc .grail-image[grail-type="30-8"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-image .grail-icon[grail-type="30-8"]:not([ignore-scale])>span,body.theme-aigc .grail-image[grail-type="30-8"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((30 - 8 * 2) / 30)))
}

body.theme-aigc .grail-image .grail-icon[grail-type="40-0"],body.theme-aigc .grail-image[grail-type="40-0"] {
    font-size: 24px
}

body.theme-aigc .grail-image .grail-icon[grail-type="40-0"]:not([ignore-scale]),body.theme-aigc .grail-image[grail-type="40-0"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-image .grail-icon[grail-type="40-0"]:not([ignore-scale])>span,body.theme-aigc .grail-image[grail-type="40-0"]:not([ignore-scale])>span {
    font-size: 75%
}

body.theme-aigc .grail-image .grail-icon[grail-type="48-2"],body.theme-aigc .grail-image[grail-type="48-2"] {
    font-size: 24px
}

body.theme-aigc .grail-image .grail-icon[grail-type="48-2"]:not([ignore-scale]),body.theme-aigc .grail-image[grail-type="48-2"]:not([ignore-scale]) {
    font-size: 24px
}

body.theme-aigc .grail-image .grail-icon[grail-type="48-2"]:not([ignore-scale])>span,body.theme-aigc .grail-image[grail-type="48-2"]:not([ignore-scale])>span {
    font-size: calc(100% * (((24 - 3 * 2) / 24) / ((48 - 2 * 2) / 48)))
}

.grail-avatar {
    --grail-avatar-box-shadow: none;
    display: inline-flex;
    position: relative;
    width: var(--grail-avatar-size);
    height: var(--grail-avatar-size);
    border-radius: 100%;
    vertical-align: middle
}

.grail-avatar-size-middle {
    --grail-avatar-size: 32px;
    --grail-avatar-tag-size: 20px;
    --grail-avatar-tag-right: -6px;
    --grail-avatar-tag-bottom: -6px
}

.grail-avatar-img {
    border-radius: 100%
}

.grail-avatar-img:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 100%;
    box-shadow: var(--grail-avatar-box-shadow)
}

.grail-avatar-img img {
    border-radius: 100%
}

.grail-avatar-tag {
    position: absolute;
    width: var(--grail-avatar-tag-size);
    height: var(--grail-avatar-tag-size);
    bottom: var(--grail-avatar-tag-right);
    right: var(--grail-avatar-tag-bottom)
}

body.theme-aigc .grail-avatar {
    --grail-avatar-box-shadow: 0 0 0 1px rgba(0, 0, 0, .06) inset
}

.grail-form {
    --grail-form-item-margin-bottom: 16px;
    --grail-form-item-explain-font-size: 10;
    --grail-form-item-explain-error-color: #f5584c;
    --grail-form-item-label-font-color: #808080
}

.grail-form-horizontal {
    --grail-form-item-label-height: 28px;
    --grail-form-item-label-margin-right: 8px;
    --grail-form-item-label-font-size: 12px;
    --grail-form-item-label-font-weight: 500
}

.grail-form-item {
    margin-bottom: var(--grail-form-item-margin-bottom);
    transition: none
}

.grail-form-item-control {
    flex: 1 1;
    display: flex;
    align-items: center
}

.grail-form-item-control-input {
    width: 100%
}

.grail-form-item-label label {
    color: var(--grail-form-item-label-font-color);
    height: var(--grail-form-item-label-height);
    margin-right: var(--grail-form-item-label-margin-right);
    display: flex;
    align-items: center;
    width: var(--grail-form-item-label-width)
}

.grail-form-item-explain {
    position: absolute;
    line-height: 16px;
    bottom: 0;
    transform: translateY(100%);
    font-size: calc(var(--grail-form-item-explain-font-size) * 1px)
}

@supports (zoom: 1) {
    .grail-form-item-explain {
        font-size: 12px;
        zoom:calc(var(--grail-form-item-explain-font-size) / 12)}
}

.grail-form-item-explain-error {
    color: var(--grail-form-item-explain-error-color)
}

body.theme-dark .grail-form {
    --grail-form-item-explain-error-color: #fc4e00
}

body.theme-dark .grail-form-horizontal {
    --grail-form-item-label-font-color: #B4B4B4
}

body.theme-aigc .grail-form {
    --grail-form-item-margin-bottom: 16px;
    --grail-form-item-explain-font-size: 12;
    --grail-form-item-explain-error-color: #FF5C67;
    --grail-form-item-label-font-color: rgba(0, 0, 0, .4)
}

body.theme-aigc .grail-form-horizontal {
    --grail-form-item-label-height: 32px;
    --grail-form-item-label-margin-right: 8px;
    --grail-form-item-label-font-size: 14px;
    --grail-form-item-label-font-weight: 400
}

.grail-rotation {
    --grail-rotation-size: 28px;
    --grail-rotation-circle-size: 6px;
    --grail-rotation-background-color: #f5f5f5;
    --grail-rotation-border-color: #f5f5f5;
    --grail-rotation-circle-background-color: #ccc;
    --grail-rotation-hover-background-color: #f5f5f5;
    --grail-rotation-hover-border-color: #e0e0e0;
    --grail-rotation-hover-circle-background-color: #ccc;
    --grail-rotation-disabled-background-color: #f5f5f5;
    --grail-rotation-disabled-border-color: #f5f5f5;
    --grail-rotation-disabled-circle-background-color: #ccc;
    user-select: none
}

.grail-rotation-inner {
    position: relative;
    border-radius: 100%;
    width: var(--grail-rotation-size);
    height: var(--grail-rotation-size);
    background: var(--grail-rotation-background-color);
    border: 1px solid var(--grail-rotation-border-color);
    cursor: pointer
}

.grail-rotation-circle {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate3d(0,-50%,0);
    background: var(--grail-rotation-circle-background-color);
    width: var(--grail-rotation-circle-size);
    height: var(--grail-rotation-circle-size);
    border-radius: 100%
}

.grail-rotation:hover:not(.grail-rotation-disabled) .grail-rotation-inner {
    background: var(--grail-rotation-hover-background-color);
    border-color: var(--grail-rotation-hover-border-color)
}

.grail-rotation:hover:not(.grail-rotation-disabled) .grail-rotation-circle {
    background: var(--grail-rotation-hover-circle-background-color)
}

.grail-rotation-disabled .grail-rotation-inner {
    cursor: not-allowed;
    background: var(--grail-rotation-disabled-background-color);
    border-color: var(--grail-rotation-disabled-border-color)
}

.grail-rotation-disabled .grail-rotation-circle {
    background: var(--grail-rotation-disabled-circle-background-color)
}

body.theme-dark .grail-rotation {
    --grail-rotation-background-color: #1E1E1E;
    --grail-rotation-border-color: #464646;
    --grail-rotation-circle-background-color: #b4b4b4;
    --grail-rotation-hover-background-color: #1E1E1E;
    --grail-rotation-hover-border-color: #464646;
    --grail-rotation-hover-circle-background-color: #b4b4b4;
    --grail-rotation-disabled-background-color: #1E1E1E;
    --grail-rotation-disabled-border-color: #464646;
    --grail-rotation-disabled-circle-background-color: #4B4B4B
}

body.theme-aigc .grail-rotation {
    --grail-rotation-size: 32px;
    --grail-rotation-circle-size: 8px;
    --grail-rotation-background-color: #F5F5F5;
    --grail-rotation-border-color: #F5F5F5;
    --grail-rotation-circle-background-color: rgba(0, 0, 0, .6);
    --grail-rotation-hover-background-color: #f5f5f5;
    --grail-rotation-hover-border-color: rgba(0, 0, 0, .06);
    --grail-rotation-hover-circle-background-color: rgba(0, 0, 0, .6);
    --grail-rotation-disabled-background-color: #f5f5f5;
    --grail-rotation-disabled-border-color: #f5f5f5;
    --grail-rotation-disabled-circle-background-color: rgba(0, 0, 0, .2)
}

.theme-light {
    --renewal-modal-content-main-text-color: #191919;
    --renewal-modal-content-sub-text-color: #4D4D4D;
    --renewal-modal-checkbox-text-color: #808080
}

.theme-dark {
    --renewal-modal-content-main-text-color: #B4B4B4;
    --renewal-modal-content-sub-text-color: #969696;
    --renewal-modal-checkbox-text-color: #646464
}

.modal___JjNb4 .mainTitle___ATx_k {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--renewal-modal-content-main-text-color)
}

.modal___JjNb4 .subTitle___iPhaB {
    color: var(--renewal-modal-content-sub-text-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 8px
}

.modal___JjNb4 footer {
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-top: 24px
}

.modal___JjNb4 footer>.checkbox___tkrNZ {
    position: absolute;
    left: 0;
    top: 50%;
    color: var(--renewal-modal-checkbox-text-color);
    font-size: 12px;
    font-weight: 400;
    transform: translateY(-50%);
    user-select: none
}

.modal___JjNb4 footer>.checkbox___tkrNZ .grail-checkbox:after {
    width: 12px;
    height: 12px
}

.modal___JjNb4 footer>.checkbox___tkrNZ .grail-checkbox-icon {
    font-size: 12px!important
}

.modal___JjNb4 footer>button {
    min-width: 92px
}

.modal___JjNb4 footer>button+button {
    margin-left: 16px
}

.loading___Ykrsi {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    min-height: 420px
}

.loading__img___EtGp4 {
    display: block;
    width: 48px;
    height: 48px;
    animation: pageLoading___HGed6 1s linear infinite
}

@keyframes pageLoading___HGed6 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}
.wrap___hH19j {
    min-height: 100%;
    display: inline-flex;
    flex-direction: column;
    min-width: calc(100% - 88px);
    position: relative;
}
.bottom___S7Qot {
    flex: 1 1;
    display: inline-flex
;
    min-width: 100%;
    justify-content: space-between;
}
.bottom-left-right___W9wob {
    overflow: hidden;
    border-right: 1px solid var(--grail-panel-border-color);
}
.bottom-right___NoZYj {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden
}

.bottom-right-top___Q9TUY {
    flex: 1 1;
    display: flex;
    position: relative
}

.bottom-right-top-left___S7Orl {
    flex: 1 1;
    position: relative;
    display: flex;
    flex-direction: column
}
.bottom-right-top-right___FDqHN {
    min-width: 328px;
    position: relative;
}
.tip___krJIM {
    position: absolute;
    left: 0;
    right: 0;
    top: 16px;
    z-index: 1;
}
.center-top___PLJkD {
    flex: 1 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0;
    width: 100%;
}
.center-bottom___KgaBX {
    overflow: hidden;
    height: 184px;
    transition: all .3s ease-in-out;
}
.vertical-right___H6Mhm {
    width: 6px;
    height: 100%;
    top: 0;
    cursor: col-resize;
    right: 0;
    transform: translate(50%);
}
.line___zWABy {
    position: absolute;
    z-index: 1;
    user-select: none;
}
.player-btn___k8dqM {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 100%, 0);
    z-index: 1;
    bottom: -8px;
}
.bottom-right-top-right___FDqHN {
    min-width: 328px;
    position: relative;
}
.bottom-right-bottom___fuW9L {
    overflow: hidden;
}

.prop-box___MyJx8 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.wrap___N4QR1 {
    width: 124px;
    justify-content: center
}

.wrap___N4QR1.grail-input-affix-wrapper-focused {
    justify-content: flex-start
}

.wrap___N4QR1.grail-input-affix-wrapper-focused input {
    max-width: 100%!important
}

.wrap___N4QR1.grail-input-affix-wrapper-focused .grail-input-suffix {
    display: none
}

.center___nFnND {
    width: 65%!important
}

.wrap___zeHhV {
    display: flex;
    flex-direction: column
}

.track___rfGHp {
    flex: 1 1;
    min-height: 0
}

.tools___qNs3Y {
    height: 40px
}

.wrap___SBSiF {
    position: relative;
    height: 100%;
    overflow: hidden!important
}

.wrap___SBSiF button {
    pointer-events: none
}

.wrap___SBSiF .box___N0cZX {
    position: relative;
    left: 0;
    right: 0
}

.top___ppNeE {
    position: absolute;
    top: 0;
    height: 16px;
    left: 0;
    right: 0;
    z-index: 1
}

.seat___rjmSw {
    opacity: 0
}

.item___atKHf {
    position: absolute;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.line___zWABy {
    position: absolute;
    z-index: 1;
    user-select: none
}

.vertical-left___onJs7 {
    width: 6px;
    height: 100%;
    top: 0;
    cursor: col-resize;
    left: 0;
    transform: translate(-50%)
}

.vertical-right___H6Mhm {
    width: 6px;
    height: 100%;
    top: 0;
    cursor: col-resize;
    right: 0;
    transform: translate(50%)
}

.horizontal-top___IPNM1 {
    width: 100%;
    height: 6px;
    left: 0;
    cursor: row-resize;
    top: 0;
    transform: translateY(-50%)
}

.horizontal-bottom___lzoal {
    width: 100%;
    height: 6px;
    left: 0;
    cursor: row-resize;
    bottom: 0;
    transform: translateY(50%)
}

.wrap___hH19j {
    min-height: 100%;
    display: inline-flex;
    flex-direction: column;
    min-width: calc(100% - 88px);
    position: relative
}

.bottom___S7Qot {
    flex: 1 1;
    display: inline-flex;
    min-width: 100%;
    justify-content: space-between
}

.bottom-left___BH82_ {
    position: relative;
    display: flex
}

.bottom-left___BH82_>.grail-nav {
    height: 0;
    min-height: 100%
}

.bottom-left-left___qgzPR {
    width: 88px
}

.bottom-left-right___W9wob {
    overflow: hidden
}

.bottom-right___NoZYj {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden
}

.bottom-right-top___Q9TUY {
    flex: 1 1;
    display: flex;
    position: relative
}

.bottom-right-top-left___S7Orl {
    flex: 1 1;
    position: relative;
    display: flex;
    flex-direction: column
}

.bottom-right-top-right___FDqHN {
    min-width: 328px;
    position: relative
}

.bottom-right-bottom___fuW9L {
    overflow: hidden
}

.prop-box___MyJx8 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.track-box___X2UdR {
    width: 100%;
    position: relative;
    min-height: 260px;
    --layout-height: 260px;
    margin-left: 0;
    transition: margin-bottom .3s ease-in-out
}

.track-box-inner___k2n8u {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.track-box-hide___YxOoK {
    margin-bottom: calc(-1 * var(--layout-height))
}

.asset-box___LB32s {
    height: 100%;
    position: relative;
    min-width: 240px;
    --layout-width: 240px;
    margin-bottom: 0;
    transition: margin-left .3s ease-in-out
}

.asset-box-inner___rX8L7 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.asset-box-hide___e2ctz {
    margin-left: calc(-1 * var(--layout-width))
}

.preview-box___FoYw0 {
    min-width: 480px;
    min-height: 278px;
    margin-bottom: -8px;
    height: 100%;
    width: 100%
}

.center-top___PLJkD {
    flex: 1 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0;
    width: 100%
}

.center-bottom___KgaBX {
    overflow: hidden;
    height: 184px;
    transition: all .3s ease-in-out
}

.center-bottom-hide___AA2B1 {
    height: 0!important
}

.player-btn___k8dqM {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%,100%,0);
    z-index: 1;
    bottom: -8px
}

.tip___krJIM {
    position: absolute;
    left: 0;
    right: 0;
    top: 16px;
    z-index: 1
}

.icon___WMqEk {
    color: #8081ff
}

.label___Zqn2x {
    background: linear-gradient(90deg,#8081FF -14.39%,#46BFE5 42.21%,#00E0A7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.textarea___AW9Fm {
    --grail-pure-ssml-editor-padding: 0!important;
    --grail-pure-ssml-editor-padding-right: 0!important;
    scrollbar-gutter: initial!important;
    padding-bottom: 12px!important
}

.textarea___AW9Fm textarea {
    display: block;
    height: 56px;
    padding: 12px 12px 0;
    width: 100%;
    border: none;
    outline: none;
    resize: none;
    scrollbar-gutter: stable;
    padding-right: calc(12px - var(--grail-scrollbar-width));
    margin-bottom: 8px
}

.textarea___AW9Fm textarea::placeholder {
    color: var(--grail-pure-ssml-editor-placeholder-color)
}

.textareaFocused___ZdkEd {
    border: 1px solid transparent!important;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: linear-gradient(to right,#fff,#fff),linear-gradient(90deg,#8081FF -14.39%,#46BFE5 42.21%,#00E0A7 100%)
}

.textareaBar___ig0AS {
    padding-right: 12px
}

.tip___S2Dqn {
    width: 100%;
    padding: 12px 0 12px 12px;
    white-space: nowrap;
    overflow-x: auto;
    position: relative;
    z-index: 1;
    margin: -8px 0
}

.tipInner___w8bQu {
    display: inline-flex
}

.tip___S2Dqn::-webkit-scrollbar {
    display: none
}

@supports (scrollbar-gutter: stable) {
    .tip___S2Dqn:hover {
        scrollbar-gutter: stable;
        padding-bottom: calc(12px - var(--grail-scrollbar-width))
    }
}

.tip___S2Dqn:hover::-webkit-scrollbar-button:horizontal:increment:start {
    display: block;
    width: 12px;
    background-color: transparent
}

.tip___S2Dqn:hover::-webkit-scrollbar {
    display: initial
}

.tipWrap___IY5ZK {
    position: relative;
    width: 0
}

.tipWrap___IY5ZK:before {
    z-index: 2;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 16px;
    pointer-events: none;
    background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.8))
}

.tip___S2Dqn button {
    margin-right: 8px;
    border-radius: 4px!important;
    font-size: 12px!important;
    line-height: 20px!important;
    padding: 2px 8px!important;
    min-height: 24px!important
}

.tip___S2Dqn button:last-of-type {
    margin-right: 0
}

.inner___NjoJo {
    margin: -1px 0 -1px -12px
}

.inner___NjoJo img {
    width: 24px;
    height: 24px;
    border-radius: 100%
}

.editor___sp5VD {
    flex: 1 1;
    min-height: 0
}

.editor___sp5VD>div {
    height: 100%;
    overflow-y: auto;
    border: none;
    border-radius: 0
}

.footer___ZrJo6 {
    padding: 8px 12px 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative
}

.footer___ZrJo6:before {
    z-index: 1;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    height: 12px;
    pointer-events: none;
    background: linear-gradient(to top,rgba(255,255,255,.8),rgba(255,255,255,0))
}

.wrap___uWoQy {
    gap: 0!important
}

.wrap___uWoQy>span:nth-of-type(1) button {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    padding-right: 8px!important
}

.wrap___uWoQy>span:nth-of-type(2) button {
    border-radius: 0!important;
    padding-left: 8px!important;
    padding-right: 8px!important
}

.wrap___uWoQy>span:nth-of-type(3) button {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
    padding-left: 8px!important
}

.wrap___da1B7 {
    position: relative;
    overflow: hidden;
    border: 1px solid transparent!important;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: linear-gradient(to right,#fff,#fff),linear-gradient(90deg,#8081FF -14.39%,#46BFE5 42.21%,#00E0A7 100%)
}

.wrap___da1B7:before {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    backdrop-filter: blur(32px);
    background: linear-gradient(140deg,rgba(128,129,255,.1) 11.36%,rgba(70,191,229,.1) 51.4%,rgba(0,224,167,.1) 92.28%)
}

.inner___c492G {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.content___d7QBW {
    text-align: center
}

.text____pb3X {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    background: var(--brand-b-3-ai, linear-gradient(90deg, #8081FF 0%, #46BFE5 49.48%, #00E0A7 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.box___StkqF {
    --grail-box-loading-text-space: 8px!important;
    --grail-box-text-extra-space: 18px!important;
    --grail-box-background: transparent!important
}

.box___StkqF .grail-box-text {
    padding: 0 12px
}

.icon___Va1bj {
    color: #ff5c67
}

.wrap___ukzRD {
    position: relative
}

.inner___gQUl0 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.show___LreZa {
    z-index: 1
}

.waterfall_item___F8hHY {
    position: absolute;
    overflow: hidden;
    background-color: #fff;
    transition: transform .15s ease-in-out
}

.container___VG3w9 {
    position: relative;
    box-sizing: border-box;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.container___VG3w9 .waterfall___JCtY_ {
    width: 100%
}

.box___vSH5f {
    width: 100%;
    height: 100%
}

.box___vSH5f canvas {
    width: 100%;
    height: 100%
}

.ant-btn {
    height: 32px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #4d4d4d;
    background: #fff;
    border: 1px solid #E0E0E0;
    border-radius: 16px
}

.ant-btn:hover {
    color: #4d4d4d;
    background: #fff;
    border: 1px solid #E0E0E0;
    opacity: .8
}

.ant-btn:active {
    color: #4d4d4d;
    background: #fff;
    border: 1px solid #E0E0E0;
    opacity: 1
}

.ant-btn:focus {
    color: #4d4d4d;
    background: #fff;
    border: 1px solid #E0E0E0;
    opacity: 1
}

.ant-btn[disabled] {
    background: #fff;
    border-color: #e0e0e0;
    opacity: .4;
    pointer-events: none
}

.ant-btn:after {
    opacity: 0!important
}

.ant-btn:before {
    background: transparent
}

.ant-btn-loading-icon+span {
    display: none
}

.ant-btn-primary {
    color: #fff;
    font-weight: 600;
    background: var(--primary-color);
    border-color: var(--primary-color)
}

.ant-btn-primary:hover {
    color: #fff;
    background: var(--primary-color);
    border-color: var(--primary-color);
    opacity: .8
}

.ant-btn-primary:active {
    color: #fff;
    background: var(--primary-color);
    border-color: var(--primary-color);
    opacity: 1
}

.ant-btn-primary:focus {
    color: #fff;
    background: var(--primary-color);
    border-color: var(--primary-color);
    opacity: 1
}

.ant-btn-primary[disabled] {
    color: #fff;
    background: var(--primary-color);
    border-color: var(--primary-color);
    opacity: .4;
    pointer-events: none
}

.ant-btn-primary:after {
    opacity: 0!important
}

.ant-btn-text {
    border: none
}

.ant-btn-text:hover {
    color: var(--primary-color);
    border: none
}

.ant-btn-dangerous,.ant-btn-dangerous.ant-btn-primary {
    background-color: var(--danger-color);
    border-color: var(--danger-color)
}

.ant-btn-dangerous:hover,.ant-btn-dangerous.ant-btn-primary:hover {
    background-color: var(--danger-color);
    border-color: var(--danger-color);
    opacity: .8
}

.ant-btn-dangerous:focus,.ant-btn-dangerous.ant-btn-primary:focus,.ant-btn-dangerous:active,.ant-btn-dangerous.ant-btn-primary:active {
    background-color: var(--danger-color);
    border-color: var(--danger-color);
    opacity: 1
}

.ant-input {
    height: 40px;
    padding: 7px 15px;
    font-size: 14px;
    color: #191919;
    font-weight: 400;
    background: #F5F5F5;
    border-color: #f5f5f5;
    border-radius: 4px;
    caret-color: #00cca2
}

.ant-input::placeholder {
    color: gray
}

.ant-input:hover {
    border-color: #e0e0e0
}

.ant-input:focus {
    border-color: #e0e0e0;
    box-shadow: none
}

.ant-input::selection {
    background: rgba(0,204,162,.4)
}

.ant-input[disabled] {
    color: #b3b3b3;
    background: #F5F5F5;
    border-color: #f5f5f5;
    pointer-events: none
}

.ant-input-affix-wrapper {
    height: 40px;
    padding: 7px 15px;
    background: #F5F5F5;
    border-color: #f5f5f5;
    border-radius: 4px
}

.ant-input-affix-wrapper>input.ant-input {
    height: auto;
    padding: 0;
    font-size: 14px;
    background-color: transparent
}

.ant-input-affix-wrapper>input.ant-input::placeholder {
    color: gray
}

.ant-input-affix-wrapper:hover {
    border-color: #e0e0e0
}

.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused {
    border-color: #e0e0e0;
    box-shadow: none
}

.ant-input-affix-wrapper:focus:hover,.ant-input-affix-wrapper-focused:hover {
    border-color: #e0e0e0
}

.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
    border-color: #e0e0e0
}

.ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input {
    color: #f5584c;
    background: rgba(245,88,76,.08);
    border-color: #f5584c
}

.ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input::placeholder {
    color: #f5584c
}

.ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
    background: rgba(245,88,76,.08);
    border-color: #f5584c
}

.ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus {
    box-shadow: none
}

.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper {
    background: rgba(245,88,76,.08);
    border-color: #f5584c
}

.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper input.ant-input {
    background-color: transparent
}

.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
    background: rgba(245,88,76,.08);
    border-color: #f5584c
}

.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused,.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus {
    box-shadow: none
}

.ant-form-item-explain-error {
    color: #f5584c;
    margin-top: 2px
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    color: #191919;
    background: #F5F5F5;
    border-color: #f5f5f5
}

.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
    border-color: #e0e0e0
}

.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border-color: #e0e0e0;
    box-shadow: none
}

.ant-select-selection-placeholder {
    color: gray
}

.ant-select-arrow .ant-select-suffix {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: #b4b4b4
}

.ant-select-arrow .anticon-down {
    background: url(./static/ant-select-arrow.aa23a980.svg) no-repeat;
    background-size: cover
}

.ant-select-arrow .anticon-down svg {
    display: none
}

.ant-select-disabled.ant-select:not(.ant-select-customize-input) {
    pointer-events: none
}

.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    color: gray;
    background: #F5F5F5;
    border-color: #f5f5f5;
    pointer-events: none
}

.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-arrow .anticon-down {
    opacity: .5;
    background-image: url(./static/ant-select-arrow.aa23a980.svg)
}

.ant-select-dropdown {
    padding: 7px 0;
    color: #4d4d4d;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 8px #0000000a
}

.ant-select-item {
    padding-left: 23px;
    padding-right: 7px;
    color: #4d4d4d;
    min-height: 18px;
    line-height: 18px;
    display: flex;
    align-items: center;
    border-radius: 0
}

.ant-select-item:not(:last-child) {
    margin-bottom: 8px
}

.ant-select-item:hover {
    opacity: .8
}

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    color: #4d4d4d;
    font-weight: 500;
    background-color: transparent;
    position: relative;
    cursor: auto
}

.ant-select-item-option-selected:not(.ant-select-item-option-disabled):before {
    content: "";
    position: absolute;
    left: 7px;
    top: 50%;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    background: url(./static/ant-select-selected.7d886a1c.svg) no-repeat;
    background-size: cover
}

.ant-select-item-option-selected:not(.ant-select-item-option-disabled):hover {
    opacity: .8
}

.ant-select-arrow {
    color: gray
}

.ant-select-multiple .ant-select-selection-item {
    align-items: center;
    padding-left: 7px;
    padding-right: 7px;
    background-color: #fff;
    border-color: #fff;
    border-radius: 10px
}

.ant-select-multiple .ant-select-selection-item-content {
    margin-right: 0
}

.ant-select-multiple .ant-select-selection-item-remove {
    margin-left: 4px;
    width: 12px;
    height: 12px;
    line-height: 0
}

.ant-select-multiple .ant-select-selection-item-remove .anticon {
    position: relative;
    top: 1px
}

.ant-dropdown {
    color: #4d4d4d;
    user-select: none
}

.ant-dropdown-menu {
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: #fff;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    box-shadow: 0 0 8px #0000000a
}

.ant-dropdown-menu-item {
    padding-left: 15px;
    padding-right: 15px;
    color: #4d4d4d
}

.ant-dropdown-menu-item:hover {
    opacity: .8
}

.ant-dropdown-menu-item:active {
    opacity: 1
}

.ant-dropdown-menu-item+.ant-dropdown-menu-item {
    margin-top: 5px
}

.ant-dropdown-menu-item-disabled {
    color: var(--text-third-color)
}

.ant-dropdown-menu-item-disabled:hover {
    opacity: 1;
    color: var(--text-third-color)
}

.ant-dropdown-menu-title-content {
    display: flex;
    align-items: center
}

.ant-popover-inner {
    background-color: #fff;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    box-shadow: 0 0 8px #0000000a
}

.ant-popover-inner-content {
    padding: 0;
    color: #191919
}

.ant-popover-arrow {
    display: none
}

.ant-checkbox {
    color: gray
}

.ant-checkbox:hover .ant-checkbox-inner,.ant-checkbox-wrapper:hover .ant-checkbox-inner {
    border-color: gray
}

.ant-checkbox-inner {
    width: 14px;
    height: 14px
}

.ant-checkbox-checked:after {
    opacity: 0;
    display: none!important
}

.ant-checkbox-checked .ant-checkbox-inner {
    background: url(./static/checkbox_checked.de8707ed.svg) no-repeat;
    background-size: cover;
    border: none
}

.ant-checkbox-checked .ant-checkbox-inner:after {
    opacity: 0;
    display: none!important
}

.ant-checkbox-checked.ant-checkbox-disabled .ant-checkbox-inner {
    background: url(./static/checkbox_disabled.40e039f4.svg) no-repeat;
    background-size: cover;
    border: none
}

.ant-checkbox-inner {
    background-color: #fff;
    border-color: gray;
    border-radius: 3px;
    transition: none
}

.ant-checkbox-inner:after {
    display: none
}

.ant-checkbox-wrapper {
    color: gray
}

.ant-checkbox-input:focus+.ant-checkbox-inner {
    border-color: gray
}

.ant-checkbox-disabled .ant-checkbox-inner {
    background-color: #f5f5f5;
    border-color: #f5f5f5!important
}

.ant-checkbox-disabled+span {
    color: #b3b3b3
}

.ant-modal {
    color: gray
}

.ant-modal-mask {
    background-color: #0006
}

.ant-modal-content {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: none
}

.ant-modal-header {
    padding: 24px;
    margin-bottom: -24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #191919;
    background-color: transparent;
    border-bottom: 0
}

.ant-modal-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #191919;
    text-align: center
}

.ant-modal-close {
    right: 8px;
    top: 8px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: gray
}

.ant-modal-close:hover {
    opacity: .8;
    color: gray
}

.ant-modal-close:focus {
    color: gray;
    opacity: 1
}

.ant-modal-close:active {
    opacity: 1
}

.ant-modal-close-x {
    width: 22px;
    height: 22px;
    line-height: 0;
    font-size: 22px;
    background: url(./static/modal_close.b78b5a23.svg) no-repeat;
    background-size: cover
}

.ant-modal-close-x svg {
    display: inline-block;
    fill: currentColor;
    width: 1em;
    height: 1em
}

.ant-modal-close-x .anticon {
    font-size: 0;
    line-height: 0;
    display: none!important
}

.ant-modal-body {
    padding: 24px
}

.ant-modal-footer {
    padding: 16px 24px;
    margin-top: -16px;
    border-top: 0;
    border-radius: 0
}

.ant-modal-footer .ant-btn+.ant-btn:not(.ant-dropdown-trigger) {
    margin-left: 16px
}

.ant-modal-confirm .ant-modal-content {
    border-radius: 6px
}

.ant-modal-confirm-body .ant-modal-confirm-title {
    color: #191919;
    font-size: 16px;
    line-height: 22px
}

.ant-modal-confirm-body .ant-modal-confirm-content {
    color: #4d4d4d;
    font-size: 14px;
    line-height: 20px
}

.ant-modal-confirm .ant-modal-confirm-btns .ant-btn+.ant-btn {
    margin-left: 16px
}

.ant-modal-confirm .ant-btn-dangerous {
    background-color: var(--danger-color);
    border-color: var(--danger-color)
}

.ant-modal-confirm .ant-btn-dangerous.ant-btn-primary[disabled] {
    opacity: .4;
    background-color: var(--danger-color);
    border-color: var(--danger-color);
    color: #fff
}

.ant-message {
    color: #191919
}

.ant-message-notice-content {
    padding: 0;
    background: none;
    box-shadow: none
}

.ant-message-custom-content {
    display: flex;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    padding: 9px 15px;
    background-color: #fff;
    border: 1px solid #E0E0E0;
    border-radius: 4px
}

.ant-message .anticon {
    margin-right: 8px;
    top: 0;
    font-size: 20px
}

.ant-message-info .anticon {
    width: 20px;
    height: 20px;
    font-size: 0!important;
    line-height: 0!important;
    background: url(./static/message_info_icon.bb2b6f61.svg) no-repeat;
    background-size: cover
}

.ant-message-info .anticon svg {
    display: none!important;
    opacity: 0!important;
    pointer-events: none!important
}

.ant-message-success .anticon {
    width: 20px;
    height: 20px;
    font-size: 0!important;
    line-height: 0!important;
    background: url(./static/message_success_icon.7a39c7ae.svg) no-repeat;
    background-size: cover
}

.ant-message-success .anticon svg {
    display: none!important;
    opacity: 0!important;
    pointer-events: none!important
}

.ant-message-warning {
    border-color: #f5584c66
}

.ant-message-warning .anticon {
    width: 20px;
    height: 20px;
    font-size: 0!important;
    line-height: 0!important;
    background: url(./static/message_error_icon.5c24fdfb.svg) no-repeat;
    background-size: cover
}

.ant-message-warning .anticon svg {
    display: none!important;
    opacity: 0!important;
    pointer-events: none!important
}

.ant-message-error {
    border-color: #f5584c66
}

.ant-message-error .anticon {
    width: 20px;
    height: 20px;
    font-size: 0!important;
    line-height: 0!important;
    background: url(./static/message_error_icon.5c24fdfb.svg) no-repeat;
    background-size: cover
}

.ant-message-error .anticon svg {
    display: none!important;
    opacity: 0!important;
    pointer-events: none!important
}

.ant-tooltip {
    color: #191919
}

.ant-tooltip-inner {
    min-height: 26px;
    padding: 3px 7px;
    line-height: 18px;
    color: #191919;
    background-color: #fff;
    border: 1px solid #E0E0E0;
    box-shadow: none
}

.ant-tooltip-content {
    position: relative
}

.ant-tooltip-arrow {
    display: none
}

.ant-tooltip-placement-bottom .ant-tooltip-content:after,.ant-tooltip-placement-bottomRight .ant-tooltip-content:after,.ant-tooltip-placement-bottom .ant-tooltip-content:before,.ant-tooltip-placement-bottomRight .ant-tooltip-content:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.ant-tooltip-placement-bottom .ant-tooltip-content:after,.ant-tooltip-placement-bottomRight .ant-tooltip-content:after {
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 3px;
    margin-left: -3px;
    margin-bottom: -1px
}

.ant-tooltip-placement-bottom .ant-tooltip-content:before,.ant-tooltip-placement-bottomRight .ant-tooltip-content:before {
    border-color: transparent;
    border-bottom-color: #e0e0e0;
    border-width: 4px;
    margin-left: -4px;
    margin-bottom: -1px
}

.ant-tooltip-placement-bottomRight .ant-tooltip-content:before {
    left: auto;
    right: 13px
}

.ant-tooltip-placement-bottomRight .ant-tooltip-content:after {
    left: auto;
    right: 14px
}

.ant-tooltip-placement-top .ant-tooltip-content:after,.ant-tooltip-placement-top .ant-tooltip-content:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.ant-tooltip-placement-top .ant-tooltip-content:after {
    border-color: transparent;
    border-top-color: #fff;
    border-width: 3px;
    margin-left: -3px;
    margin-top: -1px
}

.ant-tooltip-placement-top .ant-tooltip-content:before {
    border-color: transparent;
    border-top-color: #e0e0e0;
    border-width: 4px;
    margin-left: -4px;
    margin-top: -1px
}

.ant-tooltip-placement-left .ant-tooltip-content:after,.ant-tooltip-placement-left .ant-tooltip-content:before {
    top: 50%;
    left: 100%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.ant-tooltip-placement-left .ant-tooltip-content:after {
    border-color: transparent;
    border-left-color: #fff;
    border-width: 3px;
    margin-top: -3px;
    margin-left: -1px
}

.ant-tooltip-placement-left .ant-tooltip-content:before {
    border-color: transparent;
    border-left-color: #e0e0e0;
    border-width: 4px;
    margin-top: -4px;
    margin-left: -1px
}

.ant-tooltip-placement-right .ant-tooltip-content:after,.ant-tooltip-placement-right .ant-tooltip-content:before {
    top: 50%;
    right: 100%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.ant-tooltip-placement-right .ant-tooltip-content:after {
    border-color: transparent;
    border-right-color: #fff;
    border-width: 3px;
    margin-top: -3px;
    margin-right: -1px
}

.ant-tooltip-placement-right .ant-tooltip-content:before {
    border-color: transparent;
    border-right-color: #e0e0e0;
    border-width: 4px;
    margin-top: -4px;
    margin-right: -1px
}

.ant-tooltip-placement-topRight .ant-tooltip-content:after,.ant-tooltip-placement-topRight .ant-tooltip-content:before {
    top: 100%;
    right: 13px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.ant-tooltip-placement-topRight .ant-tooltip-content:after {
    border-color: transparent;
    border-top-color: #fff;
    border-width: 3px;
    margin-right: -3px;
    margin-top: -1px
}

.ant-tooltip-placement-topRight .ant-tooltip-content:before {
    border-color: transparent;
    border-top-color: #e0e0e0;
    border-width: 4px;
    margin-right: -4px;
    margin-top: -1px
}

.ant-modal-content .ant-form-item-label>label {
    color: #b4b4b4
}

.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
    color: #f5584c;
    background: rgba(245,88,76,.08);
    border-color: #f5584c!important
}

.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
    color: #f5584c
}

.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector {
    box-shadow: none
}

.ant-tabs-tab:hover {
    color: #4d4d4d
}

.ant-tabs-tab .ant-tabs-tab-btn {
    color: #4d4d4d;
    font-weight: 500
}

.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #191919
}

.ant-tabs-ink-bar {
    background-color: #191919
}

.ant-radio-wrapper,.ant-radio-group {
    color: gray
}

.ant-radio-inner {
    background: transparent;
    border-color: gray
}

.ant-radio-input:focus+.ant-radio-inner {
    box-shadow: none
}

.ant-radio-checked:after {
    border: none
}

.ant-radio-checked .ant-radio-inner {
    background: var(--primary-color);
    border-color: var(--primary-color)
}

.ant-radio-checked .ant-radio-inner:after {
    background: #fff
}

.ant-radio-wrapper:hover .ant-radio-inner,.ant-radio:hover .ant-radio-inner,.ant-radio-input:focus+.ant-radio-inner {
    border-color: var(--primary-color)
}

.ant-radio:after {
    top: 4px;
    left: 4px;
    width: 4px;
    height: 4px
}

.ant-picker {
    width: 100%;
    height: 40px;
    padding: 7px 15px;
    font-size: 14px;
    background: #F5F5F5;
    border-color: #f5f5f5;
    border-radius: 4px
}

.ant-picker.ant-picker-disabled {
    color: #ccc;
    background: #F5F5F5;
    border-color: #f5f5f5;
    pointer-events: none
}

.ant-picker.ant-picker-disabled input {
    color: #ccc
}

.ant-picker.ant-picker-disabled .ant-picker-suffix {
    color: #ccc!important
}

.ant-picker input {
    color: #191919;
    font-weight: 400;
    font-size: 14px
}

.ant-picker input::placeholder {
    color: gray
}

.ant-picker:hover {
    border-color: #e0e0e0
}

.ant-picker:focus,.ant-picker-focused {
    border-color: #e0e0e0;
    box-shadow: none
}

.ant-picker::selection {
    background: rgba(0,204,162,.4)
}

.ant-picker-suffix {
    color: #b3b3b3
}

.ant-picker-panel-container {
    background: #fff;
    box-shadow: none;
    border: 1px solid #E0E0E0
}

.ant-picker-panel-container .ant-picker-panel {
    border: none
}

.ant-picker-ranges {
    padding: 0;
    line-height: 32px
}

.ant-picker-panel .ant-picker-footer {
    border-bottom: 0;
    border-top: 1px solid #e0e0e0;
    line-height: normal;
    padding: 16px 24px;
    text-align: left
}

.ant-picker-datetime-panel .ant-picker-time-panel {
    border-color: #e0e0e0
}

.ant-picker-header {
    border-color: #e0e0e0;
    padding: 15px 21px 0;
    border: none
}

.ant-picker-header-view,.ant-picker-header-view button {
    font-weight: 500;
    font-size: 16px;
    color: #4d4d4d
}

.ant-picker-header-view:not(:first-child),.ant-picker-header-view button:not(:first-child) {
    margin-left: 8px
}

.ant-picker-cell-today.ant-picker-cell-in-view .ant-picker-cell-inner {
    position: relative;
    color: var(--primary-color)
}

.ant-picker-cell-today.ant-picker-cell-in-view .ant-picker-cell-inner:before {
    width: 4px;
    height: 4px;
    background: var(--primary-color);
    border-radius: 4px;
    border: none;
    left: 50%;
    transform: translate(-50%);
    bottom: 2px;
    position: absolute;
    right: auto;
    top: auto
}

.ant-picker-cell-today.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
    color: #fff
}

.ant-picker-cell .ant-picker-cell-inner {
    min-width: 32px;
    height: 32px;
    line-height: 32px
}

.ant-picker-decade-panel,.ant-picker-year-panel,.ant-picker-month-panel,.ant-picker-date-panel {
    width: 320px
}

.ant-picker-date-panel .ant-picker-body {
    padding: 14px 20px
}

.ant-picker-decade-panel .ant-picker-body,.ant-picker-year-panel .ant-picker-body,.ant-picker-quarter-panel .ant-picker-body,.ant-picker-month-panel .ant-picker-body {
    padding: 22px 24px
}

.ant-picker-date-panel .ant-picker-content {
    width: 280px
}

.ant-picker-footer .ant-picker-now {
    display: none
}

.ant-picker-footer .ant-picker-ok button {
    letter-spacing: -1.5px
}

.ant-picker-datetime-panel+.ant-picker-footer .ant-picker-now,.ant-picker-date-panel+.ant-picker-footer .ant-picker-now {
    display: inline-block
}

.ant-picker-date-panel .ant-picker-header-super-prev-btn,.ant-picker-date-panel .ant-picker-header-super-next-btn {
    display: none
}

.ant-picker-header-super-prev-btn,.ant-picker-header-super-next-btn,.ant-picker-header-prev-btn,.ant-picker-header-next-btn {
    width: 32px;
    height: 32px;
    top: -3px
}

.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
    background-color: var(--primary-color)
}

.ant-picker-cell {
    color: #b3b3b3
}

.ant-picker-cell-in-view {
    color: #4d4d4d
}

.ant-picker-cell:before {
    transition: none
}

.ant-picker-content th {
    color: #b3b3b3
}

.ant-picker-today-btn {
    color: #4d4d4d
}

.ant-picker-today-btn:hover {
    color: var(--primary-color)
}

.ant-picker-decade-panel table,.ant-picker-year-panel table,.ant-picker-month-panel table {
    position: relative;
    height: auto!important;
    overflow: hidden
}

.ant-picker-decade-panel table tbody,.ant-picker-year-panel table tbody,.ant-picker-month-panel table tbody {
    display: block;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -12px
}

.ant-picker-decade-panel table tr,.ant-picker-year-panel table tr,.ant-picker-month-panel table tr {
    display: inline
}

.ant-picker-decade-panel table td,.ant-picker-year-panel table td,.ant-picker-month-panel table td {
    display: inline-block;
    padding: 0 8px;
    margin-bottom: 12px
}

.ant-picker-decade-panel table td>div,.ant-picker-year-panel table td>div,.ant-picker-month-panel table td>div {
    padding: 0!important;
    width: 56px!important
}

.ant-picker .ant-picker-clear {
    background: #F5F5F5;
    color: #b3b3b3
}

.ant-picker .ant-picker-clear:hover>span {
    opacity: .8
}

.ant-picker-header-prev-next-btn:hover,.ant-picker-header-super-next-btn:hover,.ant-picker-header-prev-btn:hover,.ant-picker-header-next-btn:hover {
    opacity: .8
}

.ant-picker-super-prev-icon,.ant-picker-prev-icon,.ant-picker-super-next-icon,.ant-picker-next-icon {
    transform: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAAAbdJREFUWEftmE1KxDAYht9JB+1F3HmIboukmyHuBC8x+15C3CquNA60dDHbOYQ7L1L/JvINDcTBSs0fLbQwi0LaPn3m65c3WWBix2JivJiBQ/9js+HZ8JEBXyWh76NGb7gsS1aW5Z5AhRCJlPIrJLQXw3menxLkdrt9M18gBLg1sAbjnOcAbgHskyRZV1W1ybJsudvtPscETC+qhBAnbdu+ADij8+533TTNQyhoW8O/AX8AWIaGtgWGLomiKIRS6qkDpY+PhYS2Bqb6NOr4CsB9V7NBoZ2ACVDXKuc8CrQzcGxoL8Axob0Bx4L2CvwHNPXoQysEcOjTtjOid+AeaHoOdY/D8xhjl3VdP9tABwE2obs+/djBUjBKALymaXoupXw3zA+ayWfgISVBSbRpmo1NHPVuuGciGedHF2PW82Y4BiyVmxfgI9i77r5BQpAzcExYZ8NH8TKoWd2krQ3rlsQ5XwGQMbKwi+HJLZEmtwg113QXSqkbSmKMsTWFmlArZpeS+BFUJrGRoonNiGgTFwdFNGOQdZfo2VQc/2bgfw25jvdl2JVj8PUz8GBVlgNnw5biBl82OcPf2f2NPDKfWykAAAAASUVORK5CYII=);
    background-size: cover;
    width: 22px;
    height: 22px;
    display: block;
    margin: auto
}

.ant-picker-super-prev-icon:after,.ant-picker-prev-icon:after,.ant-picker-super-next-icon:after,.ant-picker-next-icon:after,.ant-picker-super-prev-icon:before,.ant-picker-prev-icon:before,.ant-picker-super-next-icon:before,.ant-picker-next-icon:before {
    content: none
}

.ant-picker-super-prev-icon,.ant-picker-prev-icon {
    transform: rotate(180deg)
}

.ant-picker-cell-disabled {
    color: #b3b3b3
}

.ant-picker-cell-disabled:before {
    background: #F5F5F5;
    height: 32px
}

.ant-picker-decade-btn {
    position: relative
}

.ant-picker-decade-btn:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.ant-form-item-has-error :not(.ant-picker-disabled):not(.ant-picker-borderless).ant-picker {
    color: #f5584c;
    background: rgba(245,88,76,.08);
    border-color: #f5584c
}

.ant-form-item-has-error :not(.ant-picker-disabled):not(.ant-picker-borderless).ant-picker input::placeholder {
    color: #f5584c
}

.ant-form-item-has-error :not(.ant-picker-disabled):not(.ant-picker-borderless).ant-picker:hover {
    background: rgba(245,88,76,.08);
    border-color: #f5584c
}

.ant-form-item-has-error :not(.ant-picker-disabled):not(.ant-picker-borderless).ant-picker-focused,.ant-form-item-has-error :not(.ant-picker-disabled):not(.ant-picker-borderless).ant-picker:focus {
    box-shadow: none!important
}

.ant-switch {
    min-width: 28px;
    height: 16px;
    background-color: var(--zen-color-10)
}

.ant-switch:hover {
    opacity: .8
}

.ant-switch-handle {
    width: 12px;
    height: 12px
}

.ant-switch-handle:before {
    width: 12px;
    height: 12px;
    box-shadow: none
}

.ant-switch-checked {
    background-color: var(--primary-color)
}

.ant-switch-checked .ant-switch-handle {
    left: calc(100% - 14px)
}

.ant-switch:focus {
    box-shadow: none
}

.ant-switch .ant-click-animating-node {
    display: none
}

.ant-table {
    color: #4d4d4d;
    background-color: #fff;
    font-size: 14px
}

.ant-table .ant-table-thead>tr>th {
    background-color: #fff;
    color: gray;
    border-bottom: 1px solid #f5f5f5;
    font-size: 12px
}

.ant-table .ant-table-tbody>tr>td {
    border-bottom: 1px solid #f5f5f5
}

.ant-table .ant-table-tbody>tr.ant-table-row:hover>td,.ant-table .ant-table-tbody>tr>td.ant-table-cell-row-hover {
    background-color: #fff;
    color: #4d4d4d
}

.ant-table .ant-table-tbody>tr>td {
    padding: 15px 8px
}

.ant-table .ant-table-cell-fix-left,.ant-table .ant-table-cell-fix-right {
    background-color: #fff;
    color: #4d4d4d;
    border-bottom: 1px solid #f5f5f5
}

.ant-table-ping-right .ant-table-cell-fix-right-first:after {
    box-shadow: none;
    width: 24px;
    background: linear-gradient(270deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,0) 100%)
}

.ant-table-ping-left .ant-table-cell-fix-left-last:after {
    box-shadow: none;
    width: 24px;
    background: linear-gradient(90deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,0) 100%)
}

.ant-table-placeholder:hover {
    background-color: #fff;
    color: #4d4d4d
}

.ant-table-tbody>tr.ant-table-placeholder:hover>td {
    background-color: #fff;
    color: #4d4d4d
}

.ant-table-tbody>tr.ant-table-row-selected>td {
    background-color: #fff;
    border-color: #f5f5f5
}

tr.ant-table-expanded-row>td,tr.ant-table-expanded-row:hover>td {
    background-color: #f5f5f5;
    color: #4d4d4d
}

table tr th.ant-table-selection-column,table tr td.ant-table-selection-column {
    padding-left: 8px;
    padding-right: 8px;
    text-align: left
}

.ant-divider {
    border-color: #e0e0e0
}

.menu___vdf89 {
    --grail-tab-title-item-width: 88px !important;
    --grail-tab-title-item-radius: 8px !important
}

.divider___MvKfp {
    background-color: #f5f5f5!important
}

.wrap___Y7dHs {
    padding: 12px 7px
}

.wrap___Y7dHs .title___zOFeL {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #000000e6;
    margin-bottom: 16px;
    text-align: center
}

.wrap___Y7dHs .img___rz_tT {
    height: 132px;
    width: 99px;
    border-radius: 4px;
    display: block
}

.wrap___Y7dHs ul {
    list-style: none;
    margin: 0 0 -8px;
    padding: 0 0 0 12px
}

.wrap___Y7dHs ul li {
    color: #0009;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 8px;
    position: relative;
    white-space: nowrap;
    text-align: left
}

.wrap___Y7dHs ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #00cca2;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -12px
}

.item___Y4BXg {
    background-color: #f5f5f5
}

.wrap___epLQ5 {
    display: flex;
    align-items: center;
    justify-content: center
}

.wrap___epLQ5 .item___FU0vh {
    margin: 0 10px
}

.wrap___epLQ5 .item___FU0vh>span {
    margin-right: 10px
}

.lock___uiTVG {
    width: 30px;
    height: 30px;
    color: #b4b4b4;
    cursor: pointer;
    border-radius: 3px;
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.lock___uiTVG:hover {
    background: #3C3C3C
}

.lock__icon___aNrl1 {
    width: 30px;
    height: 30px;
    font-size: 30px;
    color: currentColor
}

.track___kYqtb {
    display: flex;
    gap: 2px;
    height: 48px
}

.wrap___FTIca {
    position: relative
}

.seeker___cv5rt {
    position: absolute;
    left: 0;
    top: -15px;
    right: 0;
    z-index: 1;
    height: 63px;
    --grail-slider-seeker-line-height: 61px!important
}

.seeker___cv5rt .grail-slider-rail,.seeker___cv5rt .grail-slider-track {
    top: 12px;
    transform: none
}

.wrap___aemPj {
    width: 100%;
    position: relative
}

.center___HN0by {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    display: inline-block
}

.left___o1okS {
    position: absolute;
    left: 24px
}
.loading___W1_Ci {
    align-items: center;
    height: 100%;
    justify-content: center;
    text-align: center;
    user-select: none;
    width: 100%;
    position: absolute !important;
    top: 0;
    z-index: 9999;
    display: none;
}

.player___XFiDD>div {
    width: 100%;
    height: 100%;
    transform-origin: center center;
    overflow: hidden;
    position: relative;
}

.player___XFiDD .monitorInner___xQpKj {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.player___XFiDD {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.player___XFiDD>div {
    width: 100%;
    height: 100%;
    transform-origin: center center;
    overflow: hidden;
    position: relative
}

.player___XFiDD .monitorInner___xQpKj {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.player___XFiDD .monitorInner___xQpKj canvas {
    max-width: 100%;
    max-height: 100%;
    border: 1px solid rgba(0,0,0,.06)
}
.wrapper___mLHie {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}
.wrap___dHtgn {
    width: 100%;
    height: 100%;
    display: flex;
}
.wrap___SBSiF {
    position: relative;
    height: 100%;
    overflow: hidden !important;
}
.top___ppNeE {
    position: absolute;
    top: 0;
    height: 16px;
    left: 0;
    right: 0;
    z-index: 1;
}
.wrap___SBSiF .box___N0cZX {
    position: relative;
    left: 0;
    right: 0;
}
.wrap___SBSiF button {
    pointer-events: none;
}
.seat___rjmSw {
    opacity: 0;
}
.item___atKHf {
    position: absolute;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.right-box___PE8nG {
    flex: 1 1;
    overflow: overlay;
    position: relative;
}
.right-box___PE8nG .content___BJxFl {
    position: sticky;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.right-box___PE8nG .content___BJxFl .view___mIyay {
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.right-box___PE8nG .seat___EHe8v {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: transparent;
    z-index: -1;
}
img, video {
    max-width: unset !important;
}

.drop___mqeU1 {
    position: absolute;
    width: 296px;
    right: 0px;
    top: 0px;
    z-index: 100;
    margin-top: 32px;
    background: #1E1E1E;
    border: 1px solid #464646;
    border-radius: 3px
}

.virtual_list___nIDmI {
    height: calc(100% - 49px);
    width: 100%
}

.sg-ssml-editor {
    user-select: text;
    font-size: 16px;
    border: solid 1px rgba(55,111,255,.1);
    padding-top: 12px;
    overflow-y: auto;
    word-break: break-all;
    white-space: pre-wrap;
    color: var(--ssml-text-color, #434343);
    text-align: initial;
    outline: none;
    caret-color: var(--ssml-caret-color, #376fff)
}

.sg-ssml-editor ::selection {
    color: inherit;
    background-color: var(--ssml-selection-bg-color, #d9d9d9)
}

.sg-ssml-editor:focus ::selection {
    color: inherit;
    background-color: var(--ssml-selection-bg-color, #C3D3FE)
}

.sg-ssml-editor p {
    margin-bottom: 10px
}

.sg-ssml-editor b {
    display: inline;
    font-weight: 400;
    user-select: none
}

.sg-ssml-editor b:hover .sg-ssml-tooltip {
    visibility: visible
}

.sg-ssml-editor b i>svg {
    vertical-align: top
}

.sg-ssml-selected {
    background-color: var(--ssml-selection-bg-color, rgba(105, 145, 252, .4))
}

.sg-ssml-pronunciation {
    cursor: text
}

.sg-ssml-pronunciation .sg-ssml-value {
    background-color: var(--ssml-pronunciation-tag-color, #ffc57d)
}

.sg-ssml-pronunciation .sg-ssml-value:hover {
    background-color: var(--ssml-pronunciation-tag-hover-color, #ffdcb1)
}

.sg-ssml-pronunciation .sg-ssml-value:active {
    background-color: var(--ssml-pronunciation-tag-active-color, #ffa940)
}

.sg-ssml-pronunciation .sg-ssml-text {
    cursor: pointer;
    padding-bottom: 2px;
    border-bottom: solid 2px var(--ssml-pronunciation-tag-color, #ffc57d)
}

.sg-ssml-pronunciation .sg-ssml-text:hover {
    border-bottom: solid 2px var(--ssml-pronunciation-tag-hover-color, #ffdcb1)
}

.sg-ssml-pronunciation .sg-ssml-text:active {
    border-bottom: solid 2px var(--ssml-pronunciation-tag-active-color, #ffa940)
}

.sg-ssml-pronunciation .sg-ssml-tooltip {
    background-color: var(--ssml-pronunciation-tag-color, #ffc57d)
}

.sg-ssml-rhythm .sg-ssml-value {
    background-color: var(--ssml-rhythm-tag-color, #b0e2ff);
    fill: var(--ssml-rhythm-tag-color, #b0e2ff)
}

.sg-ssml-rhythm .sg-ssml-value:hover {
    background-color: var(--ssml-rhythm-tag-hover-color, #d0eeff);
    fill: var(--ssml-rhythm-tag-hover-color, #d0eeff)
}

.sg-ssml-rhythm .sg-ssml-value:active {
    background-color: var(--ssml-rhythm-tag-active-color, #87cfff);
    fill: var(--ssml-rhythm-tag-active-color, #87cfff)
}

.sg-ssml-rhythm .sg-ssml-text {
    cursor: pointer;
    padding-bottom: 2px;
    border-bottom: solid 2px var(--ssml-rhythm-tag-color, #b0e2ff)
}

.sg-ssml-rhythm .sg-ssml-text:hover {
    border-bottom: solid 2px var(--ssml-rhythm-tag-hover-color, #d0eeff)
}

.sg-ssml-rhythm .sg-ssml-text:active {
    border-bottom: solid 2px var(--ssml-rhythm-tag-active-color, #87cfff)
}

.sg-ssml-rhythm .sg-ssml-tooltip {
    background-color: var(--ssml-rhythm-tag-color, #b0e2ff)
}

.sg-ssml-prosody>i,.sg-ssml-stress>i {
    display: inline-block;
    cursor: pointer;
    height: 18px;
    margin: -1px 2px 0;
    width: 6px;
    border: 3px solid var(--ssml-rhythm-tag-color, #b0e2ff);
    vertical-align: middle
}

.sg-ssml-prosody>i:hover,.sg-ssml-stress>i:hover {
    border-color: var(--ssml-rhythm-tag-hover-color, #d0eeff)
}

.sg-ssml-prosody>i:active,.sg-ssml-stress>i:active {
    border-color: var(--ssml-rhythm-tag-active-color, #87cfff)
}

.sg-ssml-prosody .sg-ssml-value,.sg-ssml-stress .sg-ssml-value {
    margin-left: 4px
}

.sg-ssml-prosody.sg-ssml-lbracket>i,.sg-ssml-stress.sg-ssml-lbracket>i {
    border-right: none
}

.sg-ssml-prosody.sg-ssml-rbracket>i,.sg-ssml-stress.sg-ssml-rbracket>i {
    border-left: none
}

.sg-ssml-embellishment>i {
    display: inline-block;
    cursor: pointer;
    height: 19px;
    vertical-align: middle;
    margin-top: -2px;
    --fill-color: var(--ssml-embellishment-tag-color, #edc5ff)
}

.sg-ssml-embellishment>i:hover {
    --fill-color: var(--ssml-embellishment-tag-hover-color, #f4dcff)
}

.sg-ssml-embellishment>i:active {
    --fill-color: var(--ssml-embellishment-tag-active-color, #d283fc)
}

.sg-ssml-embellishment .sg-ssml-value {
    margin: 0 0 0 4px;
    background-color: var(--ssml-embellishment-tag-color, #edc5ff);
    fill: var(--ssml-embellishment-tag-color, #edc5ff)
}

.sg-ssml-embellishment .sg-ssml-value:hover {
    background-color: var(--ssml-embellishment-tag-hover-color, #f4dcff);
    fill: var(--ssml-embellishment-tag-hover-color, #f4dcff)
}

.sg-ssml-embellishment .sg-ssml-value:active {
    background-color: var(--ssml-embellishment-tag-active-color, #d283fc);
    fill: var(--ssml-embellishment-tag-active-color, #d283fc)
}

.sg-ssml-embellishment .sg-ssml-tooltip {
    background-color: var(--ssml-embellishment-tag-color, #edc5ff)
}

.sg-ssml-dubbing-not-found .sg-ssml-value,.sg-ssml-dubbing-not-found .sg-ssml-value:hover {
    background-color: #d9e0e8
}

.sg-ssml-dubbing-not-found .sg-ssml-value:active {
    background-color: #cdd4db
}

.sg-ssml-dubbing-not-found i,.sg-ssml-dubbing-not-found i:hover {
    --fill-color: #d9e0e8
}

.sg-ssml-dubbing-not-found i:active {
    --fill-color: #cdd4db
}

.sg-ssml-effect .sg-ssml-value {
    margin-left: 4px;
    fill: var(--ssml-effect-color, #a0f4df);
    background-color: var(--ssml-effect-color, #a0f4df)
}

.sg-ssml-effect .sg-ssml-value:hover {
    fill: var(--ssml-effect-hover-color, #cff9ef);
    background-color: var(--ssml-effect-hover-color, #cff9ef)
}

.sg-ssml-effect .sg-ssml-value:active {
    fill: var(--ssml-effect-active-color, #47ded1);
    background-color: var(--ssml-effect-active-color, #47ded1)
}

.sg-ssml-effect .sg-ssml-tooltip {
    background-color: var(--ssml-effect-color, #a0f4df)
}

.sg-ssml-effect>i {
    display: inline-block;
    cursor: pointer;
    height: 18px;
    margin: -1px 2px 0;
    width: 6px;
    border: 3px solid var(--ssml-effect-color, #a0f4df);
    vertical-align: middle
}

.sg-ssml-effect>i:hover {
    border-color: var(--ssml-effect-hover-color, #cff9ef)
}

.sg-ssml-effect>i:active {
    border-color: var(--ssml-effect-active-color, #47ded1)
}

.sg-ssml-effect.sg-ssml-lbracket>i {
    border-right: none
}

.sg-ssml-effect.sg-ssml-rbracket>i {
    border-left: none
}

.sg-ssml-motion .sg-ssml-value {
    max-width: 150px
}

.sg-ssml-mark {
    background-color: #c3d2fe
}

.sg-ssml-mark-current {
    background-color: #ffeb03
}

.sg-ssml-text {
    font-size: 16px
}

.sg-ssml-tag {
    cursor: pointer;
    position: relative;
    display: inline-block
}

.sg-ssml-tag>svg {
    vertical-align: middle
}

.sg-ssml-value {
    display: inline-block;
    max-width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 3px;
    padding: 0 6px;
    font-size: 12px;
    line-height: 18px;
    cursor: pointer;
    letter-spacing: .43px;
    color: var(--ssml-control-text-color, #000);
    border-radius: 2px;
    vertical-align: middle;
    transform: translateY(-1px)
}

.sg-ssml-value>svg {
    vertical-align: bottom;
    margin: 0 3px 2px
}

.sg-ssml-tooltip {
    position: fixed;
    display: inline-block;
    vertical-align: middle;
    visibility: hidden;
    width: auto;
    white-space: nowrap;
    left: -10000px;
    background-color: var(--ssml-pronunciation-tag-color, #ffc57d);
    color: var(--ssml-control-text-color, #000);
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    border-radius: 2px;
    padding: 3px 6px;
    z-index: 999;
    pointer-events: none
}

.sg-ssml-tooltip::selection {
    background: none
}

.sg-ssml-condensed-show {
    display: none
}

.sg-ssml-condensed .sg-ssml-value {
    padding: 0;
    background: transparent;
    border: none
}

.sg-ssml-condensed .sg-ssml-value:hover,.sg-ssml-condensed .sg-ssml-value:active {
    background: transparent
}

.sg-ssml-condensed .sg-ssml-condensed-show {
    display: inline-block
}

.sg-ssml-condensed .sg-ssml-condensed-hidden {
    display: none
}

.sg-ssml-highlight {
    color: var(--ssml-highlight-color, #1355ff)
}

.sg-ssml-empty p:first-child:before {
    color: #999;
    position: absolute;
    cursor: text;
    content: var(--ssml-placeholder)
}