.content-placement-top .t-popup[data-popper-placement^=top] .t-popup__content {
    margin-bottom: var(--td-comp-margin-s)
}

.content-placement-top .t-popup[data-popper-placement^=top] .t-popup__content--arrow {
    margin-bottom: var(--td-comp-margin-l)
}

.content-placement-bottom .t-popup[data-popper-placement^=bottom] .t-popup__content {
    margin-top: var(--td-comp-margin-s)
}

.content-placement-bottom .t-popup[data-popper-placement^=bottom] .t-popup__content--arrow {
    margin-top: var(--td-comp-margin-l)
}

.content-placement-left .t-popup[data-popper-placement^=left] .t-popup__content {
    margin-right: var(--td-comp-margin-s)
}

.content-placement-left .t-popup[data-popper-placement^=left] .t-popup__content--arrow {
    margin-right: var(--td-comp-margin-l)
}

.content-placement-left .t-popup[data-popper-placement^=left] .t-popup__content--text {
    max-width: 480px
}

.content-placement-right .t-popup[data-popper-placement^=right] .t-popup__content {
    margin-left: var(--td-comp-margin-s)
}

.content-placement-right .t-popup[data-popper-placement^=right] .t-popup__content--arrow {
    margin-left: var(--td-comp-margin-l)
}

.content-placement-right .t-popup[data-popper-placement^=right] .t-popup__content--text {
    max-width: 480px
}

.t-popup {
    font: var(--td-font-body-medium);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--td-text-color-primary);
    display: inline-block;
    z-index: 5500
}

.t-popup__content {
    position: relative;
    background: var(--td-bg-color-container);
    -webkit-box-shadow: var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);
    box-shadow: var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);
    border-radius: var(--td-radius-medium);
    padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);
    font-size: var(--td-font-size-body-medium);
    line-height: var(--td-line-height-body-medium);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all
}

.t-popup__arrow {
    position: absolute;
    z-index: 1;
    width: 8px;
    height: 8px
}

.t-popup__arrow:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: var(--td-bg-color-container)
}

.t-popup[data-popper-placement^=top] .t-popup__content {
    margin-bottom: var(--td-comp-margin-s)
}

.t-popup[data-popper-placement^=top] .t-popup__content--arrow {
    margin-bottom: var(--td-comp-margin-l)
}

.t-popup[data-popper-placement^=bottom] .t-popup__content {
    margin-top: var(--td-comp-margin-s)
}

.t-popup[data-popper-placement^=bottom] .t-popup__content--arrow {
    margin-top: var(--td-comp-margin-l)
}

.t-popup[data-popper-placement^=left] .t-popup__content {
    margin-right: var(--td-comp-margin-s)
}

.t-popup[data-popper-placement^=left] .t-popup__content--arrow {
    margin-right: var(--td-comp-margin-l)
}

.t-popup[data-popper-placement^=left] .t-popup__content--text {
    max-width: 480px
}

.t-popup[data-popper-placement^=right] .t-popup__content {
    margin-left: var(--td-comp-margin-s)
}

.t-popup[data-popper-placement^=right] .t-popup__content--arrow {
    margin-left: var(--td-comp-margin-l)
}

.t-popup[data-popper-placement^=right] .t-popup__content--text {
    max-width: 480px
}

.t-popup[data-popper-placement^=top] .t-popup__arrow:before {
    border-top-left-radius: 100%;
    -webkit-box-shadow: var(--td-shadow-inset-left),var(--td-shadow-inset-bottom);
    box-shadow: var(--td-shadow-inset-left),var(--td-shadow-inset-bottom)
}

.t-popup[data-popper-placement=top-start] .t-popup__arrow {
    left: 8px
}

.t-popup[data-popper-placement=top] .t-popup__arrow {
    left: 50%;
    margin-left: -4px
}

.t-popup[data-popper-placement=top-end] .t-popup__arrow {
    left: calc(100% - 16px)
}

.t-popup[data-popper-placement^=bottom] .t-popup__arrow {
    top: -4px
}

.t-popup[data-popper-placement^=bottom] .t-popup__arrow:before {
    border-bottom-right-radius: 100%;
    -webkit-box-shadow: var(--td-shadow-inset-top),var(--td-shadow-inset-right);
    box-shadow: var(--td-shadow-inset-top),var(--td-shadow-inset-right)
}

.t-popup[data-popper-placement=bottom-start] .t-popup__arrow {
    left: 8px
}

.t-popup[data-popper-placement=bottom] .t-popup__arrow {
    left: 50%;
    margin-left: -4px
}

.t-popup[data-popper-placement=bottom-end] .t-popup__arrow {
    left: calc(100% - 16px)
}

.t-popup[data-popper-placement^=left] .t-popup__arrow {
    right: -4px
}

.t-popup[data-popper-placement^=left] .t-popup__arrow:before {
    -webkit-box-shadow: var(--td-shadow-inset-left),var(--td-shadow-inset-top);
    box-shadow: var(--td-shadow-inset-left),var(--td-shadow-inset-top)
}

.t-popup[data-popper-placement=left-start] .t-popup__arrow {
    top: 8px
}

.t-popup[data-popper-placement=left] .t-popup__arrow {
    top: 50%;
    margin-top: -4px
}

.t-popup[data-popper-placement=left-end] .t-popup__arrow {
    top: calc(100% - 16px)
}

.t-popup[data-popper-placement^=right] .t-popup__arrow {
    left: -4px
}

.t-popup[data-popper-placement^=right] .t-popup__arrow:before {
    -webkit-box-shadow: var(--td-shadow-inset-right),var(--td-shadow-inset-bottom);
    box-shadow: var(--td-shadow-inset-right),var(--td-shadow-inset-bottom)
}

.t-popup[data-popper-placement=right-start] .t-popup__arrow {
    top: 8px
}

.t-popup[data-popper-placement=right] .t-popup__arrow {
    top: 50%;
    margin-top: -4px
}

.t-popup[data-popper-placement=right-end] .t-popup__arrow {
    top: calc(100% - 16px)
}

.t-popup--animation-enter,.t-popup--animation-enter-from,.t-popup--animation-exiting,.t-popup--animation-leave-to {
    opacity: 0;
    visibility: hidden
}

.t-popup--animation-enter-to,.t-popup--animation-entering,.t-popup--animation-leave-from,.t-popup--animation-leave {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none
}

.t-popup--animation-enter-active {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.t-popup--animation-leave-active {
    -webkit-transition: opacity .2s cubic-bezier(0,0,.15,1),visibility .2s cubic-bezier(.82,0,1,.9);
    transition: opacity .2s cubic-bezier(0,0,.15,1),visibility .2s cubic-bezier(.82,0,1,.9)
}

.t-popup--animation-expand-enter-active[data-popper-placement^=top] {
    -webkit-animation: t-popup-animation-expand-in-top .2s cubic-bezier(.38,0,.24,1),t-fade-in .2s linear;
    animation: t-popup-animation-expand-in-top .2s cubic-bezier(.38,0,.24,1),t-fade-in .2s linear
}

.t-popup--animation-expand-leave-active[data-popper-placement^=top] {
    -webkit-animation: t-popup-animation-expand-out-top .2s cubic-bezier(.38,0,.24,1),t-fade-out .2s cubic-bezier(0,0,.15,1);
    animation: t-popup-animation-expand-out-top .2s cubic-bezier(.38,0,.24,1),t-fade-out .2s cubic-bezier(0,0,.15,1)
}

@-webkit-keyframes t-popup-animation-expand-in-top {
    0% {
        -webkit-clip-path: polygon(-20% 120%,120% 120%,120% 120%,-20% 120%);
        clip-path: polygon(-20% 120%,120% 120%,120% 120%,-20% 120%)
    }

    to {
        -webkit-clip-path: polygon(-20% 0,120% 0,120% 120%,-20% 120%);
        clip-path: polygon(-20% 0,120% 0,120% 120%,-20% 120%)
    }
}

@keyframes t-popup-animation-expand-in-top {
    0% {
        -webkit-clip-path: polygon(-20% 120%,120% 120%,120% 120%,-20% 120%);
        clip-path: polygon(-20% 120%,120% 120%,120% 120%,-20% 120%)
    }

    to {
        -webkit-clip-path: polygon(-20% 0,120% 0,120% 120%,-20% 120%);
        clip-path: polygon(-20% 0,120% 0,120% 120%,-20% 120%)
    }
}

@-webkit-keyframes t-popup-animation-expand-out-top {
    0% {
        -webkit-clip-path: polygon(-20% 0,120% 0,120% 120%,-20% 120%);
        clip-path: polygon(-20% 0,120% 0,120% 120%,-20% 120%)
    }

    to {
        -webkit-clip-path: polygon(-20% 120%,120% 120%,120% 120%,-20% 120%);
        clip-path: polygon(-20% 120%,120% 120%,120% 120%,-20% 120%)
    }
}

@keyframes t-popup-animation-expand-out-top {
    0% {
        -webkit-clip-path: polygon(-20% 0,120% 0,120% 120%,-20% 120%);
        clip-path: polygon(-20% 0,120% 0,120% 120%,-20% 120%)
    }

    to {
        -webkit-clip-path: polygon(-20% 120%,120% 120%,120% 120%,-20% 120%);
        clip-path: polygon(-20% 120%,120% 120%,120% 120%,-20% 120%)
    }
}

.t-popup--animation-expand-enter-active[data-popper-placement^=bottom] {
    -webkit-animation: t-popup-animation-expand-in-bottom .2s cubic-bezier(.38,0,.24,1),t-fade-in .2s linear;
    animation: t-popup-animation-expand-in-bottom .2s cubic-bezier(.38,0,.24,1),t-fade-in .2s linear
}

.t-popup--animation-expand-leave-active[data-popper-placement^=bottom] {
    -webkit-animation: t-popup-animation-expand-out-bottom .2s cubic-bezier(.38,0,.24,1),t-fade-out .2s cubic-bezier(0,0,.15,1);
    animation: t-popup-animation-expand-out-bottom .2s cubic-bezier(.38,0,.24,1),t-fade-out .2s cubic-bezier(0,0,.15,1)
}

@-webkit-keyframes t-popup-animation-expand-in-bottom {
    0% {
        -webkit-clip-path: polygon(-20% 0,120% 0,120% 0,-20% 0);
        clip-path: polygon(-20% 0,120% 0,120% 0,-20% 0)
    }

    to {
        -webkit-clip-path: polygon(-20% 0,120% 0,120% 120%,-20% 120%);
        clip-path: polygon(-20% 0,120% 0,120% 120%,-20% 120%)
    }
}

@keyframes t-popup-animation-expand-in-bottom {
    0% {
        -webkit-clip-path: polygon(-20% 0,120% 0,120% 0,-20% 0);
        clip-path: polygon(-20% 0,120% 0,120% 0,-20% 0)
    }

    to {
        -webkit-clip-path: polygon(-20% 0,120% 0,120% 120%,-20% 120%);
        clip-path: polygon(-20% 0,120% 0,120% 120%,-20% 120%)
    }
}

@-webkit-keyframes t-popup-animation-expand-out-bottom {
    0% {
        -webkit-clip-path: polygon(-20% 0,120% 0,120% 120%,-20% 120%);
        clip-path: polygon(-20% 0,120% 0,120% 120%,-20% 120%)
    }

    to {
        -webkit-clip-path: polygon(-20% 0,120% 0,120% 0,-20% 0);
        clip-path: polygon(-20% 0,120% 0,120% 0,-20% 0)
    }
}

@keyframes t-popup-animation-expand-out-bottom {
    0% {
        -webkit-clip-path: polygon(-20% 0,120% 0,120% 120%,-20% 120%);
        clip-path: polygon(-20% 0,120% 0,120% 120%,-20% 120%)
    }

    to {
        -webkit-clip-path: polygon(-20% 0,120% 0,120% 0,-20% 0);
        clip-path: polygon(-20% 0,120% 0,120% 0,-20% 0)
    }
}

.input-readonly.t-is-readonly {
    color: var(--td-text-color-primary);
    background-color: var(--td-bg-color-specialcomponent)
}

.input-readonly.t-is-readonly .t-input__inner {
    cursor: pointer
}

.input-disabled.t-is-disabled {
    color: var(--td-text-color-disabled);
    background-color: var(--td-bg-color-component-disabled)
}

.input-disabled.t-is-disabled:hover {
    border-color: var(--td-border-level-2-color)
}

.input-disabled.t-is-disabled .t-input__inner {
    cursor: not-allowed;
    color: var(--td-text-color-disabled);
    text-overflow: initial
}

.input-disabled.t-is-disabled .t-input__inner::-webkit-input-placeholder {
    color: var(--td-text-color-disabled)
}

.input-disabled.t-is-disabled .t-input__inner::-moz-placeholder {
    color: var(--td-text-color-disabled)
}

.input-disabled.t-is-disabled .t-input__inner:-ms-input-placeholder {
    color: var(--td-text-color-disabled)
}

.input-disabled.t-is-disabled .t-input__inner::-ms-input-placeholder {
    color: var(--td-text-color-disabled)
}

.input-disabled.t-is-disabled .t-input__inner::placeholder {
    color: var(--td-text-color-disabled)
}

.input-disabled.t-is-disabled>.t-input__prefix .t-icon,.input-disabled.t-is-disabled>.t-input__suffix .t-icon {
    color: var(--td-text-color-disabled)
}

.input-disabled.t-is-disabled>.t-input__prefix .t-icon:hover,.input-disabled.t-is-disabled>.t-input__suffix .t-icon:hover {
    color: var(--td-text-color-disabled)
}

.t-tips {
    font-size: var(--td-font-size-body-small)
}

.t-tips.t-is-default {
    color: var(--td-text-color-placeholder)
}

.t-tips.t-is-error {
    color: var(--td-error-color)
}

.t-tips.t-is-warning {
    color: var(--td-warning-color)
}

.t-tips.t-is-success {
    color: var(--td-success-color)
}

.t-input {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    height: var(--td-comp-size-m);
    border-width: 1px;
    border-style: solid;
    border-radius: var(--td-radius-default);
    border-color: var(--td-border-level-2-color);
    padding: 0 var(--td-comp-paddingLR-s);
    background-color: var(--td-bg-color-specialcomponent);
    outline: none;
    color: var(--td-text-color-primary);
    font: var(--td-font-body-medium);
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s,-webkit-box-shadow cubic-bezier(.38,0,.24,1) .2s;
    transition: border cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s,-webkit-box-shadow cubic-bezier(.38,0,.24,1) .2s;
    transition: border cubic-bezier(.38,0,.24,1) .2s,box-shadow cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s;
    transition: border cubic-bezier(.38,0,.24,1) .2s,box-shadow cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s,-webkit-box-shadow cubic-bezier(.38,0,.24,1) .2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.t-input:hover {
    border-color: var(--td-brand-color)
}

.t-input:focus {
    z-index: 1;
    border-color: var(--td-brand-color);
    -webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
    box-shadow: 0 0 0 2px var(--td-brand-color-focus)
}

.t-input--borderless:not(.t-input--focused) {
    border-color: transparent;
    -webkit-transition: border cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s,-webkit-box-shadow cubic-bezier(.38,0,.24,1) .2s;
    transition: border cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s,-webkit-box-shadow cubic-bezier(.38,0,.24,1) .2s;
    transition: border cubic-bezier(.38,0,.24,1) .2s,box-shadow cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s;
    transition: border cubic-bezier(.38,0,.24,1) .2s,box-shadow cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s,-webkit-box-shadow cubic-bezier(.38,0,.24,1) .2s
}

.t-input--borderless:not(.t-input--focused):hover {
    border-color: var(--td-component-border);
    background-color: var(--td-bg-color-container-hover);
    cursor: pointer
}

.t-input--borderless:not(.t-input--focused).t-is-disabled {
    border: none;
    background-color: var(--td-bg-color-component-disabled)
}

.t-input--focused {
    border-color: var(--td-brand-color);
    -webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
    box-shadow: 0 0 0 2px var(--td-brand-color-focus);
    z-index: 1
}

.t-input :focus-visible {
    outline: none
}

.t-input__inner {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    outline: none;
    padding: 0;
    max-width: 100%;
    min-width: 0;
    color: var(--td-text-color-primary);
    font: inherit;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.t-input__inner::-webkit-input-placeholder {
    color: var(--td-text-color-placeholder)
}

.t-input__inner::-moz-placeholder {
    color: var(--td-text-color-placeholder)
}

.t-input__inner:-ms-input-placeholder {
    color: var(--td-text-color-placeholder)
}

.t-input__inner::-ms-input-placeholder {
    color: var(--td-text-color-placeholder)
}

.t-input__inner::placeholder {
    color: var(--td-text-color-placeholder)
}

.t-input__inner:-moz-placeholder-shown {
    text-overflow: ellipsis;
    width: 100%
}

.t-input__inner:-ms-input-placeholder {
    text-overflow: ellipsis;
    width: 100%
}

.t-input__inner:placeholder-shown {
    text-overflow: ellipsis;
    width: 100%
}

.t-input__inner[type=password]::-ms-reveal {
    display: none
}

.t-input__inner[type=search]::-webkit-search-decoration,.t-input__inner[type=search]::-webkit-search-cancel-button,.t-input__inner[type=search]::-webkit-search-results-button,.t-input__inner[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.t-input__inner.t-input--soft-hidden {
    width: 0
}

.t-input__extra {
    font: var(--td-font-body-small);
    color: var(--td-text-color-placeholder)
}

.t-input__status {
    position: absolute;
    right: -24px;
    top: 0
}

.t-input.t-input--suffix>span.t-input__clear {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: border cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s,-webkit-box-shadow cubic-bezier(.38,0,.24,1) .2s;
    transition: border cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s,-webkit-box-shadow cubic-bezier(.38,0,.24,1) .2s;
    transition: border cubic-bezier(.38,0,.24,1) .2s,box-shadow cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s;
    transition: border cubic-bezier(.38,0,.24,1) .2s,box-shadow cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s,-webkit-box-shadow cubic-bezier(.38,0,.24,1) .2s
}

.t-input.t-input--suffix:hover>span.t-input__clear {
    opacity: 1;
    visibility: visible
}

.t-input.t-is-success {
    border-color: var(--td-success-color)
}

.t-input.t-is-success:focus {
    -webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
    box-shadow: 0 0 0 2px var(--td-success-color-focus)
}

.t-input.t-is-success.t-input--focused {
    -webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
    box-shadow: 0 0 0 2px var(--td-success-color-focus)
}

.t-input.t-is-success>.t-input__extra {
    color: var(--td-success-color)
}

.t-input.t-is-warning {
    border-color: var(--td-warning-color)
}

.t-input.t-is-warning:focus {
    -webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
    box-shadow: 0 0 0 2px var(--td-warning-color-focus)
}

.t-input.t-is-warning.t-input--focused {
    -webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
    box-shadow: 0 0 0 2px var(--td-warning-color-focus)
}

.t-input.t-is-warning>.t-input__extra {
    color: var(--td-warning-color)
}

.t-input.t-is-error {
    border-color: var(--td-error-color)
}

.t-input.t-is-error:focus {
    -webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
    box-shadow: 0 0 0 2px var(--td-error-color-focus)
}

.t-input.t-is-error.t-input--focused {
    -webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
    box-shadow: 0 0 0 2px var(--td-error-color-focus)
}

.t-input.t-is-error>.t-input__extra {
    color: var(--td-error-color)
}

.t-input.t-is-readonly {
    color: var(--td-text-color-primary);
    background-color: var(--td-bg-color-specialcomponent)
}

.t-input.t-is-readonly .t-input__inner {
    cursor: pointer
}

.t-input.t-is-disabled {
    color: var(--td-text-color-disabled);
    background-color: var(--td-bg-color-component-disabled)
}

.t-input.t-is-disabled:hover {
    border-color: var(--td-border-level-2-color)
}

.t-input.t-is-disabled .t-input__inner {
    cursor: not-allowed;
    color: var(--td-text-color-disabled);
    text-overflow: initial
}

.t-input.t-is-disabled .t-input__inner::-webkit-input-placeholder {
    color: var(--td-text-color-disabled)
}

.t-input.t-is-disabled .t-input__inner::-moz-placeholder {
    color: var(--td-text-color-disabled)
}

.t-input.t-is-disabled .t-input__inner:-ms-input-placeholder {
    color: var(--td-text-color-disabled)
}

.t-input.t-is-disabled .t-input__inner::-ms-input-placeholder {
    color: var(--td-text-color-disabled)
}

.t-input.t-is-disabled .t-input__inner::placeholder {
    color: var(--td-text-color-disabled)
}

.t-input.t-is-disabled>.t-input__prefix .t-icon,.t-input.t-is-disabled>.t-input__suffix .t-icon {
    color: var(--td-text-color-disabled)
}

.t-input.t-is-disabled>.t-input__prefix .t-icon:hover,.t-input.t-is-disabled>.t-input__suffix .t-icon:hover {
    color: var(--td-text-color-disabled)
}

.t-input.t-input--prefix>.t-input__prefix {
    z-index: 2;
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-input.t-input--prefix>.t-input__prefix-icon {
    font-size: var(--td-font-size-body-large)
}

.t-input.t-input--suffix>.t-input__suffix {
    z-index: 2;
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-input.t-input--suffix>.t-input__suffix-icon {
    font-size: var(--td-font-size-body-large)
}

.t-input .t-input__suffix-clear {
    cursor: pointer
}

.t-input.t-size-l {
    height: var(--td-comp-size-xl);
    font: var(--td-font-body-large);
    padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m)
}

.t-input.t-size-s {
    height: var(--td-comp-size-xs);
    font: var(--td-font-body-small)
}

.t-input .t-input__prefix>.t-icon,.t-input .t-input__suffix>.t-icon {
    font-size: inherit
}

.t-input .t-input__prefix>.t-icon {
    font-size: 16px;
    color: var(--td-text-color-placeholder)
}

.t-input .t-input__prefix:not(:empty) {
    margin-right: var(--td-comp-margin-s)
}

.t-input .t-input__suffix>.t-icon {
    color: var(--td-text-color-placeholder);
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.t-input .t-input__suffix>.t-icon:hover {
    color: var(--td-text-color-secondary);
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.t-input .t-input__suffix:not(:empty) {
    margin-left: var(--td-comp-margin-s)
}

.t-input.t-is-focused .t-input__prefix>.t-icon {
    color: var(--td-brand-color)
}

.t-input.t-is-focused .t-input__suffix>.t-icon-time,.t-input.t-is-focused .t-input__suffix .t-icon-calendar {
    color: var(--td-brand-color)
}

.t-input-group {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.t-input-group .t-input__wrap {
    border-radius: 0
}

.t-input-group .t-input__wrap:first-child {
    border-radius: var(--td-radius-default) 0 0 var(--td-radius-default)
}

.t-input-group .t-input__wrap:last-child {
    border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0
}

.t-input-group .t-button,.t-input-group .t-select {
    border-radius: 0
}

.t-input-group .t-button:not(:first-child),.t-input-group .t-select:not(:first-child) {
    margin-left: -1px
}

.t-input-group .t-input__wrap:not(:first-child) .t-input {
    margin-left: -1px
}

.t-input-group .t-input__wrap:first-child .t-input {
    border-radius: var(--td-radius-default) 0 0 var(--td-radius-default)
}

.t-input-group .t-input__wrap:last-child .t-input {
    border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0
}

.t-input-group .t-button:first-child,.t-input-group .t-select:first-child {
    border-radius: var(--td-radius-default) 0 0 var(--td-radius-default)
}

.t-input-group .t-button:last-child,.t-input-group .t-select:last-child {
    border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0
}

.t-input-group--separate .t-input__wrap+.t-input__wrap {
    margin-left: var(--td-comp-margin-xxxl)
}

.t-input-group--separate .t-button,.t-input-group--separate .t-select {
    border-radius: var(--td-radius-default)
}

.t-input-group--separate .t-button:first-child,.t-input-group--separate .t-select:first-child {
    border-radius: var(--td-radius-default) 0 0 var(--td-radius-default)
}

.t-input-group--separate .t-button:last-child,.t-input-group--separate .t-select:last-child {
    border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0
}

.t-input-group--separate .t-input__wrap .t-input,.t-input-group--separate .t-input__wrap .t-input:first-child {
    border-radius: var(--td-radius-default)
}

.t-input-group--separate .t-input__wrap .t-input:last-child {
    border-radius: var(--td-radius-default)
}

.t-input-group .t-input__inner,.t-input-group .t-button,.t-input-group .t-select {
    position: relative;
    z-index: 0
}

.t-input-group .t-input__inner:hover,.t-input-group .t-button:hover,.t-input-group .t-select:hover,.t-input-group .t-input__inner:focus,.t-input-group .t-button:focus,.t-input-group .t-select:focus,.t-input-group .t-input__inner:active,.t-input-group .t-button:active,.t-input-group .t-select:active {
    z-index: 1
}

.t-input__wrap {
    width: 100%
}

.t-input__tips {
    height: auto;
    min-height: var(--td-line-height-body-small);
    font: var(--td-font-body-small);
    position: absolute
}

.t-input__tips--default {
    color: var(--td-text-color-placeholder)
}

.t-input__tips--success {
    color: var(--td-success-color)
}

.t-input__tips--warning {
    color: var(--td-warning-color)
}

.t-input__tips--error {
    color: var(--td-error-color)
}

.t-align-center>.t-input__inner {
    text-align: center
}

.t-align-right>.t-input__inner {
    text-align: right
}

.t-input__input-pre {
    position: absolute;
    visibility: hidden;
    white-space: pre;
    display: block
}

.t-input--auto-width {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 60px
}

.t-input__limit-number {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-placeholder);
    background: var(--td-bg-color-specialcomponent)
}

.t-input__limit-number.t-is-disabled {
    background: var(--td-bg-color-component-disabled)
}

.t-input-adornment {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-input-adornment__prepend .t-input,.t-input-adornment__append .t-input,.t-input-adornment__prepend .t-textarea__inner,.t-input-adornment__append .t-textarea__inner {
    background-color: transparent
}

.t-input-adornment__prepend {
    background-color: var(--td-bg-color-secondarycontainer);
    color: var(--td-text-color-primary);
    word-break: keep-all;
    margin-right: -1px
}

.t-input-adornment__append {
    background-color: var(--td-bg-color-secondarycontainer);
    color: var(--td-text-color-primary);
    word-break: keep-all;
    margin-left: -1px
}

.t-input-adornment__text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 0 var(--td-comp-paddingLR-s);
    border: 1px solid var(--td-border-level-2-color)
}

.t-input-adornment>:first-child {
    border-radius: var(--td-radius-default) 0 0 var(--td-radius-default)
}

.t-input-adornment>:first-child .t-input,.t-input-adornment>:first-child .t-input-adornment__text,.t-input-adornment>:first-child .t-textarea__inner {
    border-radius: var(--td-radius-default) 0 0 var(--td-radius-default)
}

.t-input-adornment>:last-child {
    border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0
}

.t-input-adornment>:last-child .t-input,.t-input-adornment>:last-child .t-input-adornment__text,.t-input-adornment>:last-child .t-textarea__inner {
    border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0
}

.t-input-adornment>:not(:last-child):hover {
    z-index: 2
}

.t-input-adornment>:not(:first-child):not(:last-child) .t-input,.t-input-adornment>:not(:first-child):not(:last-child) .t-textarea__inner {
    border-radius: 0
}

.t-alert {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
    opacity: 1;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    border-radius: var(--td-radius-medium)
}

.t-alert.t-is-hidden {
    display: none
}

.t-alert--closing {
    opacity: 0
}

.t-alert--info {
    background-color: var(--td-brand-color-focus)
}

.t-alert--info .t-alert__icon,.t-alert--info .t-alert__swiper-trigger-wrap,.t-alert--info .t-alert__swiper-trigger--active {
    color: var(--td-brand-color)
}

.t-alert--success {
    background-color: var(--td-success-color-focus)
}

.t-alert--success .t-alert__icon {
    color: var(--td-success-color)
}

.t-alert--success .t-alert__swiper-trigger-wrap {
    color: var(--td-success-color-focus)
}

.t-alert--success .t-alert__swiper-trigger--active {
    color: var(--td-success-color)
}

.t-alert--warning {
    background-color: var(--td-warning-color-focus)
}

.t-alert--warning .t-alert__icon {
    color: var(--td-warning-color)
}

.t-alert--warning .t-alert__swiper-trigger-wrap {
    color: var(--td-warning-color-focus)
}

.t-alert--warning .t-alert__swiper-trigger--active {
    color: var(--td-warning-color)
}

.t-alert--error {
    background-color: var(--td-error-color-focus)
}

.t-alert--error .t-alert__icon {
    color: var(--td-error-color)
}

.t-alert--error .t-alert__swiper-trigger-wrap {
    color: var(--td-error-color-focus)
}

.t-alert--error .t-alert__swiper-trigger--active {
    color: var(--td-error-color)
}

.t-alert__icon {
    font-size: var(--td-line-height-body-medium);
    display: inherit
}

.t-alert__icon,.t-alert__close {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: var(--td-line-height-body-small)
}

.t-alert__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    font-size: var(--td-font-size-body-medium);
    line-height: var(--td-line-height-body-medium);
    overflow: hidden
}

.t-alert__title,.t-alert__message {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-alert__title {
    color: var(--td-text-color-primary);
    font-weight: 700
}

.t-alert__title+.t-alert__message {
    margin-top: var(--td-comp-margin-s)
}

.t-alert__description {
    color: var(--td-text-color-secondary);
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-transition: height .2s;
    transition: height .2s
}

.t-alert__operation {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 var(--td-comp-paddingLR-s);
    color: var(--td-brand-color);
    cursor: pointer;
    -webkit-transition: color .2s;
    transition: color .2s
}

.t-alert__operation:hover {
    color: var(--td-brand-color-hover)
}

.t-alert__operation:active {
    color: var(--td-brand-color-active)
}

.t-alert__icon+.t-alert__content {
    margin-left: var(--td-comp-margin-s)
}

.t-alert__collapse {
    margin-top: var(--td-comp-margin-s);
    color: var(--td-brand-color);
    cursor: pointer
}

.t-alert__close {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: var(--td-comp-margin-l);
    color: var(--td-text-color-secondary);
    cursor: pointer;
    -webkit-transition: color .2s;
    transition: color .2s
}

.t-alert__close:hover {
    color: var(--td-text-color-primary)
}

.t-alert__close>.t-icon {
    font-size: calc(var(--td-line-height-body-medium) - 2px);
    padding: calc((var(--td-line-height-body-medium) - calc(var(--td-line-height-body-medium) - 2px)) / 2) 0
}

.t-radio-group {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    border-radius: var(--td-radius-default);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@-moz-document url-prefix() {
    .t-radio-group {
        scrollbar-color: var(--td-scrollbar-color) transparent;
        scrollbar-width: thin
    }
}

.t-radio-group::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.t-radio-group::-webkit-scrollbar-thumb {
    border: 0px solid transparent;
    background-clip: content-box;
    background-color: var(--td-scrollbar-color);
    border-radius: 7px
}

.t-radio-group::-webkit-scrollbar-thumb:vertical:hover,.t-radio-group::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: var(--td-scrollbar-hover-color)
}

.t-radio-group .t-radio {
    margin-right: var(--td-comp-margin-xxl)
}

.t-radio-group.t-radio-group__outline {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: var(--td-comp-margin-xs)
}

.t-radio-group.t-radio-group__outline.t-size-s .t-radio-button {
    height: var(--td-comp-size-xs)
}

.t-radio-group.t-radio-group__outline.t-size-m .t-radio-button {
    height: var(--td-comp-size-m)
}

.t-radio-group.t-radio-group__outline.t-size-l .t-radio-button {
    height: var(--td-comp-size-xl)
}

.t-radio-group.t-radio-group__outline .t-radio-button:first-child {
    border-radius: var(--td-radius-default) 0 0 var(--td-radius-default)
}

.t-radio-group.t-radio-group__outline .t-radio-button:last-child {
    border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0
}

.t-radio-group.t-radio-group__outline .t-radio-button:only-child {
    border-radius: var(--td-radius-default)
}

.t-radio-group.t-radio-group__outline .t-radio-button.t-is-checked {
    color: var(--td-brand-color)
}

.t-radio-group.t-radio-group__outline .t-radio-button.t-is-disabled.t-is-checked {
    color: var(--td-brand-color-disabled);
    border-color: var(--td-brand-color-disabled);
    background-color: var(--td-bg-color-specialcomponent)
}

.t-radio-group.t-radio-group--filled {
    border-color: var(--td-bg-color-component);
    padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);
    border-radius: var(--td-radius-default);
    background-color: var(--td-bg-color-component);
    position: relative
}

.t-radio-group.t-radio-group--filled .t-radio-group__bg-block {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 0;
    height: calc(100% - 4px);
    background-color: var(--td-bg-color-container-select);
    -webkit-transition: all .2s cubic-bezier(.38,0,.24,1);
    transition: all .2s cubic-bezier(.38,0,.24,1);
    border-radius: var(--td-radius-small)
}

.t-radio-group.t-radio-group--filled .t-radio-button {
    color: var(--td-text-color-secondary);
    border: 0;
    background-color: transparent
}

.t-radio-group.t-radio-group--filled .t-radio-button:hover {
    color: var(--td-text-color-primary)
}

.t-radio-group.t-radio-group--filled .t-radio-button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: calc(100% - 16px);
    background-color: var(--td-component-border);
    -webkit-transition: opacity .2s cubic-bezier(0,0,.15,1);
    transition: opacity .2s cubic-bezier(0,0,.15,1)
}

.t-radio-group.t-radio-group--filled .t-radio-button:first-child:before {
    opacity: 0
}

.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked {
    position: relative;
    color: var(--td-text-color-primary);
    z-index: 1;
    border: 0;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked:before {
    opacity: 0
}

.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked+label:before {
    opacity: 0
}

.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled {
    background-color: transparent
}

.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled.t-is-checked {
    color: var(--td-text-color-disabled)
}

.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled.t-is-checked~.t-radio-group__bg-block {
    background-color: var(--td-bg-color-component-disabled)
}

.t-radio-group.t-radio-group--primary-filled .t-radio-group__bg-block {
    background-color: var(--td-brand-color)
}

.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-checked,.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-disabled.t-is-checked {
    color: var(--td-text-color-anti)
}

.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-disabled.t-is-checked~.t-radio-group__bg-block {
    background-color: var(--td-brand-color-disabled)
}

.t-radio-group.t-size-s .t-radio-button {
    height: calc(var(--td-comp-size-xs) - (var(--td-comp-paddingTB-xxs) * 2));
    padding: 0px var(--td-comp-paddingLR-s);
    font: var(--td-font-body-small)
}

.t-radio-group.t-size-s .t-radio-button:before {
    height: calc(100% - 16px)
}

.t-radio-group.t-size-m .t-radio-button {
    height: calc(var(--td-comp-size-m) - (var(--td-comp-paddingTB-xxs) * 2));
    padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-l);
    font: var(--td-font-body-medium)
}

.t-radio-group.t-size-m .t-radio-button:before {
    height: calc(100% - 20px)
}

.t-radio-group.t-size-l .t-radio-button {
    height: calc(var(--td-comp-size-xl) - (var(--td-comp-paddingTB-xxs) * 2));
    padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-xl);
    font: var(--td-font-body-large)
}

.t-radio-group.t-size-l .t-radio-button:before {
    height: calc(100% - 24px)
}

.t-radio-group .t-radio-button {
    cursor: pointer;
    position: relative;
    border: 1px solid;
    border-color: var(--td-border-level-2-color);
    border-right: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color .2s cubic-bezier(0,0,.15,1);
    transition: color .2s cubic-bezier(0,0,.15,1);
    color: var(--td-text-color-primary);
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.t-radio-group .t-radio-button:first-child {
    border-radius: var(--td-radius-small) 0 0 var(--td-radius-small)
}

.t-radio-group .t-radio-button:last-child {
    border-right: 1px solid;
    border-right-color: var(--td-border-level-2-color);
    border-radius: 0 var(--td-radius-small) var(--td-radius-small) 0
}

.t-radio-group .t-radio-button__former {
    opacity: 0;
    height: 0;
    width: 0;
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none
}

.t-radio-group .t-radio-button:hover {
    color: var(--td-brand-color)
}

.t-radio-group .t-radio-button.t-is-checked {
    border-right: 1px solid;
    border-color: var(--td-brand-color);
    -webkit-transition: border-color .2s cubic-bezier(0,0,.15,1);
    transition: border-color .2s cubic-bezier(0,0,.15,1)
}

.t-radio-group .t-radio-button.t-is-checked+.t-radio-button {
    border-left: 0
}

.t-radio-group .t-radio-button.t-is-disabled {
    cursor: not-allowed;
    color: var(--td-text-color-disabled);
    background-color: var(--td-bg-color-component-disabled)
}

.t-radio-group .t-radio-button.t-is-disabled:hover {
    border-color: var(--td-border-level-2-color);
    color: var(--td-text-color-disabled)
}

.t-radio-group .t-radio-button.t-is-disabled:hover:after {
    width: 0
}

.t-radio-group .t-radio-button.t-is-disabled.t-is-checked {
    color: var(--td-text-color-disabled)
}

.t-radio-group .t-radio-button.t-is-disabled.t-is-checked:after {
    width: 0
}

.t-radio {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    cursor: pointer;
    display: inline-block
}

.t-radio__former {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    opacity: 0;
    position: absolute
}

.t-radio__input {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    border-radius: var(--td-radius-circle);
    border: 1px solid var(--td-border-level-2-color);
    background-color: var(--td-bg-color-container);
    -webkit-transition: border .2s cubic-bezier(0,0,.15,1);
    transition: border .2s cubic-bezier(0,0,.15,1)
}

.t-radio__input:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: 0;
    border-radius: var(--td-radius-circle);
    background-color: var(--td-brand-color);
    -webkit-transition: all .2s cubic-bezier(0,0,.15,1);
    transition: all .2s cubic-bezier(0,0,.15,1)
}

.t-radio__label {
    display: inline-block;
    margin-left: var(--td-comp-margin-s);
    color: var(--td-text-color-primary);
    vertical-align: middle;
    font: var(--td-font-body-medium);
    white-space: nowrap
}

.t-radio:hover .t-radio__input,.t-radio.t-is-checked .t-radio__input {
    border-color: var(--td-brand-color)
}

.t-radio.t-is-checked .t-radio__input:after {
    opacity: 1
}

.t-radio.t-is-disabled {
    cursor: not-allowed
}

.t-radio.t-is-disabled .t-radio__label {
    color: var(--td-text-color-disabled)
}

.t-radio.t-is-disabled .t-radio__input {
    background-color: var(--td-bg-color-component-disabled)
}

.t-radio.t-is-disabled:hover .t-radio__input,.t-radio.t-is-disabled.t-is-checked .t-radio__input {
    border-color: var(--td-border-level-2-color)
}

.t-radio.t-is-disabled.t-is-checked .t-radio__input:after {
    background-color: var(--td-text-color-disabled)
}

.t-radio:focus-visible:focus-visible {
    outline: 2px solid var(--td-brand-color);
    outline-offset: var(--td-comp-paddingTB-xs);
    border-radius: 0
}

.t-checkbox-group {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px
}

.t-checkbox {
    font: var(--td-font-body-medium);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    color: var(--td-text-color-primary)
}

.t-checkbox+.t-checkbox {
    margin-left: inherit
}

.t-checkbox__former {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.t-checkbox__input {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    border: 1px solid var(--td-border-level-2-color);
    border-radius: var(--td-radius-default);
    background-color: var(--td-bg-color-container);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.t-checkbox__input:after {
    content: "";
    position: absolute;
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.t-checkbox__label {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    font: var(--td-font-body-medium)
}

.t-checkbox:hover .t-checkbox__input {
    border-color: var(--td-brand-color);
    -webkit-transition: border-color .2s linear;
    transition: border-color .2s linear
}

.t-checkbox.t-is-checked .t-checkbox__input {
    border-color: var(--td-brand-color);
    background-color: var(--td-brand-color);
    -webkit-transition: background-color .2s cubic-bezier(.82,0,1,.9);
    transition: background-color .2s cubic-bezier(.82,0,1,.9)
}

.t-checkbox.t-is-checked .t-checkbox__input:after {
    opacity: 1;
    top: 6px;
    left: 3px;
    width: 5px;
    height: 9px;
    border: 2px solid var(--td-text-color-anti);
    border-radius: 0 0 1px;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg) scale(1) translate(-50%,-50%);
    transform: rotate(45deg) scale(1) translate(-50%,-50%);
    background: transparent
}

.t-checkbox.t-is-indeterminate .t-checkbox__input {
    border-color: var(--td-brand-color);
    background-color: var(--td-brand-color);
    -webkit-transition: background-color .2s cubic-bezier(.82,0,1,.9);
    transition: background-color .2s cubic-bezier(.82,0,1,.9)
}

.t-checkbox.t-is-indeterminate .t-checkbox__input:after {
    opacity: 1;
    width: 16px;
    height: 4px;
    left: -1px;
    right: 0;
    top: 5px;
    border: unset;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    background-color: var(--td-font-white-1)
}

.t-checkbox.t-is-disabled {
    cursor: not-allowed
}

.t-checkbox.t-is-disabled .t-checkbox__label {
    color: var(--td-text-color-disabled)
}

.t-checkbox.t-is-disabled .t-checkbox__input {
    background-color: var(--td-bg-color-component-disabled)
}

.t-checkbox.t-is-disabled:hover .t-checkbox__input,.t-checkbox.t-is-disabled.t-is-checked .t-checkbox__input {
    border-color: var(--td-border-level-2-color)
}

.t-checkbox.t-is-disabled.t-is-checked .t-checkbox__input:after {
    border-color: var(--td-text-color-disabled)
}

.t-checkbox.t-is-disabled.t-is-indeterminate .t-checkbox__input {
    border-color: var(--td-border-level-2-color)
}

.t-checkbox.t-is-disabled.t-is-indeterminate .t-checkbox__input:after {
    background-color: var(--td-text-color-disabled)
}

.t-checkbox:focus-visible:focus-visible {
    outline: 2px solid var(--td-brand-color);
    outline-offset: var(--td-comp-paddingTB-xs);
    border-radius: 0
}

.t-input-number {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 var(--td-comp-size-m);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 144px
}

.t-input-number:not(.t-input-number--column)>.t-input-number__decrease+.t-input__wrap {
    margin-left: var(--td-comp-margin-xs)
}

.t-input-number input::-webkit-outer-spin-button,.t-input-number input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.t-input-number input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.t-input-number>.t-input__tips {
    position: absolute;
    left: 0
}

.t-input-number input+.t-input__suffix {
    margin-left: var(--td-comp-paddingLR-s)
}

.t-input-number .t-input__prefix {
    margin-right: var(--td-comp-paddingLR-s)
}

.t-input-number .t-input {
    color: var(--td-text-color-primary)
}

.t-input-number.t-input-number--auto-width {
    width: auto
}

.t-input-number.t-input-number--auto-width.t-is-controls-right {
    min-width: auto;
    width: auto
}

.t-input-number.t-input-number--auto-width .t-input__inner {
    min-width: 42px
}

.t-input-number .t-input-number__decrease,.t-input-number .t-input-number__increase {
    width: var(--td-comp-size-m);
    height: var(--td-comp-size-m);
    position: absolute;
    top: 0;
    border: 1px solid var(--td-border-level-2-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: var(--td-radius-default);
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: all cubic-bezier(.38,0,.24,1) .2s;
    transition: all cubic-bezier(.38,0,.24,1) .2s
}

.t-input-number .t-input-number__decrease:hover,.t-input-number .t-input-number__increase:hover {
    color: var(--td-brand-color);
    border-color: var(--td-brand-color)
}

.t-input-number .t-input-number__decrease:hover .t-icon,.t-input-number .t-input-number__increase:hover .t-icon {
    color: var(--td-brand-color)
}

.t-input-number .t-input-number__decrease:active,.t-input-number .t-input-number__increase:active {
    color: var(--td-brand-color);
    background-color: var(--td-bg-color-container-hover)
}

.t-input-number .t-input-number__decrease .t-icon,.t-input-number .t-input-number__increase .t-icon {
    position: relative;
    z-index: 1;
    font-size: var(--td-font-size-body-large);
    color: var(--td-text-color-secondary)
}

.t-input-number .t-input-number__decrease.t-is-disabled,.t-input-number .t-input-number__increase.t-is-disabled {
    color: var(--td-text-color-disabled);
    cursor: no-drop;
    background-color: var(--td-bg-color-component-disabled)
}

.t-input-number .t-input-number__decrease.t-is-disabled .t-icon,.t-input-number .t-input-number__increase.t-is-disabled .t-icon {
    color: var(--td-text-color-disabled)
}

.t-input-number .t-input-number__decrease.t-is-disabled:hover,.t-input-number .t-input-number__increase.t-is-disabled:hover {
    border-color: var(--td-border-level-2-color)
}

.t-input-number .t-input-number__decrease.t-is-disabled:hover .t-icon,.t-input-number .t-input-number__increase.t-is-disabled:hover .t-icon {
    color: var(--td-text-color-disabled)
}

.t-input-number .t-input-number__decrease.t-is-disabled::-webkit-input-placeholder,.t-input-number .t-input-number__increase.t-is-disabled::-webkit-input-placeholder {
    color: var(--td-text-color-disabled)
}

.t-input-number .t-input-number__decrease.t-is-disabled::-moz-placeholder,.t-input-number .t-input-number__increase.t-is-disabled::-moz-placeholder {
    color: var(--td-text-color-disabled)
}

.t-input-number .t-input-number__decrease.t-is-disabled:-ms-input-placeholder,.t-input-number .t-input-number__increase.t-is-disabled:-ms-input-placeholder {
    color: var(--td-text-color-disabled)
}

.t-input-number .t-input-number__decrease.t-is-disabled::-ms-input-placeholder,.t-input-number .t-input-number__increase.t-is-disabled::-ms-input-placeholder {
    color: var(--td-text-color-disabled)
}

.t-input-number .t-input-number__decrease.t-is-disabled::placeholder,.t-input-number .t-input-number__increase.t-is-disabled::placeholder {
    color: var(--td-text-color-disabled)
}

.t-input-number .t-input-number__decrease {
    left: 0
}

.t-input-number .t-input-number__increase {
    right: -8px
}

.t-input-number.t-is-disabled .t-input {
    cursor: no-drop;
    background-color: var(--td-bg-color-component-disabled);
    color: var(--td-text-color-disabled)
}

.t-input-number.t-is-disabled .t-input:hover,.t-input-number.t-is-disabled .t-input:focus,.t-input-number.t-is-disabled .t-input:active {
    border-color: var(--td-border-level-2-color)
}

.t-input-number.t-is-disabled .t-input-number__decrease,.t-input-number.t-is-disabled .t-input-number__increase {
    color: var(--td-text-color-disabled);
    cursor: no-drop;
    background-color: var(--td-bg-color-component-disabled)
}

.t-input-number.t-is-disabled .t-input-number__decrease .t-icon,.t-input-number.t-is-disabled .t-input-number__increase .t-icon {
    color: var(--td-text-color-secondary)
}

.t-input-number.t-size-s {
    width: 120px;
    padding: 0 var(--td-comp-size-xs)
}

.t-input-number.t-size-s .t-input {
    font-size: var(--td-font-size-body-small);
    height: var(--td-comp-size-xs);
    line-height: var(--td-comp-size-xs)
}

.t-input-number.t-size-s .t-input-number__decrease,.t-input-number.t-size-s .t-input-number__increase {
    font-size: var(--td-font-size-body-medium);
    width: var(--td-comp-size-xs);
    height: var(--td-comp-size-xs)
}

.t-input-number.t-size-l {
    width: 168px;
    padding: 0 var(--td-comp-size-xl)
}

.t-input-number.t-size-l .t-input {
    height: var(--td-comp-size-xl);
    line-height: var(--td-comp-size-xl)
}

.t-input-number.t-size-l .t-input-number__decrease,.t-input-number.t-size-l .t-input-number__increase {
    font-size: 18px;
    width: var(--td-comp-size-xl);
    height: var(--td-comp-size-xl)
}

.t-input-number.t-size-l.t-is-controls-right .t-input {
    height: var(--td-comp-size-xl);
    line-height: var(--td-comp-size-xl);
    padding-right: calc(var(--td-comp-size-xl) + var(--td-comp-paddingLR-s))
}

.t-input-number.t-size-l.t-is-controls-right .t-input-number__decrease,.t-input-number.t-size-l.t-is-controls-right .t-input-number__increase {
    width: var(--td-comp-size-xl);
    font-size: var(--td-font-size-body-large)
}

.t-input-number.t-size-l .t-input--prefix {
    font: var(--td-font-body-large);
    padding: 0 var(--td-comp-paddingLR-m)
}

.t-input-number.t-input-number--normal {
    padding: 0;
    border-radius: var(--td-radius-default)
}

.t-input-number.t-input-number--normal.t-is-disabled {
    cursor: no-drop;
    color: var(--td-text-color-disabled)
}

.t-input-number.t-input-number--normal.t-is-disabled:hover .t-input {
    border-color: var(--td-border-level-2-color)
}

.t-input-number.t-input-number--normal.t-is-disabled::-webkit-input-placeholder {
    color: var(--td-text-color-disabled)
}

.t-input-number.t-input-number--normal.t-is-disabled::-moz-placeholder {
    color: var(--td-text-color-disabled)
}

.t-input-number.t-input-number--normal.t-is-disabled:-ms-input-placeholder {
    color: var(--td-text-color-disabled)
}

.t-input-number.t-input-number--normal.t-is-disabled::-ms-input-placeholder {
    color: var(--td-text-color-disabled)
}

.t-input-number.t-input-number--normal.t-is-disabled::placeholder {
    color: var(--td-text-color-disabled)
}

.t-input-number.t-input-number--normal.t-is-disabled .t-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.t-input-number.t-is-controls-right {
    width: 96px;
    padding: 0
}

.t-input-number.t-is-controls-right:hover .t-input-number__decrease,.t-input-number.t-is-controls-right:hover .t-input-number__increase {
    opacity: 1;
    visibility: visible
}

.t-input-number.t-is-controls-right .t-input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding-right: calc(var(--td-comp-size-m) + var(--td-comp-paddingLR-s));
    border-radius: var(--td-radius-default)
}

.t-input-number.t-is-controls-right .t-input-number__decrease,.t-input-number.t-is-controls-right .t-input-number__increase {
    width: var(--td-comp-size-m);
    height: calc(calc(var(--td-comp-size-m) / 2) - 2px);
    border: 0;
    left: initial;
    top: initial;
    right: 1px;
    border-radius: 0;
    background: var(--td-bg-color-secondarycontainer);
    opacity: 0;
    visibility: hidden;
    z-index: 2
}

.t-input-number.t-is-controls-right .t-input-number__decrease .t-icon,.t-input-number.t-is-controls-right .t-input-number__increase .t-icon {
    font-size: var(--td-font-size-body-small)
}

.t-input-number.t-is-controls-right .t-input-number__decrease:hover,.t-input-number.t-is-controls-right .t-input-number__increase:hover {
    background: var(--td-bg-color-component-hover)
}

.t-input-number.t-is-controls-right .t-input-number__decrease:hover .t-icon,.t-input-number.t-is-controls-right .t-input-number__increase:hover .t-icon {
    color: var(--td-text-color-primary)
}

.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled {
    color: var(--td-text-color-disabled);
    cursor: no-drop;
    background-color: var(--td-bg-color-component-disabled)
}

.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled .t-icon,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled .t-icon {
    color: var(--td-text-color-disabled)
}

.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:hover,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:hover {
    border-color: var(--td-border-level-2-color)
}

.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:hover .t-icon,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:hover .t-icon {
    color: var(--td-text-color-disabled)
}

.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-webkit-input-placeholder,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-webkit-input-placeholder {
    color: var(--td-text-color-disabled)
}

.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-moz-placeholder,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-moz-placeholder {
    color: var(--td-text-color-disabled)
}

.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:-ms-input-placeholder,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:-ms-input-placeholder {
    color: var(--td-text-color-disabled)
}

.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-ms-input-placeholder,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-ms-input-placeholder {
    color: var(--td-text-color-disabled)
}

.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::placeholder,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::placeholder {
    color: var(--td-text-color-disabled)
}

.t-input-number.t-is-controls-right .t-input-number__increase {
    top: 1px;
    border-top-right-radius: calc(var(--td-radius-default) - 1px)
}

.t-input-number.t-is-controls-right .t-input-number__decrease {
    top: calc(calc(calc(var(--td-comp-size-m) / 2) - 2px) + 3px);
    border-bottom-right-radius: calc(var(--td-radius-default) - 1px)
}

.t-input-number.t-is-controls-right.t-size-l {
    width: 120px
}

.t-input-number.t-is-controls-right.t-size-l .t-input-number__increase,.t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease {
    height: calc(calc(var(--td-comp-size-xl) / 2) - 2px)
}

.t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease {
    top: calc(calc(calc(var(--td-comp-size-xl) / 2) - 2px) + 3px)
}

.t-input-number.t-is-controls-right.t-size-s {
    width: 88px
}

.t-input-number.t-is-controls-right.t-size-s .t-input-number__increase,.t-input-number.t-is-controls-right.t-size-s .t-input-number__decrease {
    height: calc(calc(var(--td-comp-size-xs) / 2) - 2px)
}

.t-input-number.t-is-controls-right.t-size-s .t-input-number__decrease {
    top: calc(calc(calc(var(--td-comp-size-xs) / 2) - 2px) + 3px)
}

.t-input-number--row .t-input__wrap {
    width: initial;
    margin-right: var(--td-comp-margin-xs)
}

.t-input-number--row .t-input-number__increase {
    right: 0
}

.default-step-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: var(--td-radius-circle);
    font-size: var(--td-font-size-body-large)
}

.t-steps {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.t-steps .t-steps-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    vertical-align: top;
    margin-right: var(--td-comp-margin-s);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-steps .t-steps-item:last-child {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.t-steps .t-steps-item__inner {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-steps .t-steps-item__inner.t-steps-item--clickable {
    cursor: pointer
}

.t-steps .t-steps-item--finish .t-steps-item__icon .t-icon {
    color: var(--td-brand-color)
}

.t-steps .t-steps-item--finish .t-steps-item__icon--number {
    border-color: var(--td-brand-color)
}

.t-steps .t-steps-item--finish .t-steps-item__title {
    color: var(--td-text-color-primary);
    font-weight: 400
}

.t-steps .t-steps-item--finish .t-steps-item__description {
    color: var(--td-text-color-secondary)
}

.t-steps .t-steps-item--process .t-steps-item__icon .t-icon {
    color: var(--td-brand-color)
}

.t-steps .t-steps-item--process .t-steps-item__icon--number {
    border-color: var(--td-brand-color);
    background-color: var(--td-brand-color);
    color: var(--td-text-color-anti);
    font-weight: 700
}

.t-steps .t-steps-item--process .t-steps-item__title {
    color: var(--td-brand-color);
    font-weight: 700
}

.t-steps .t-steps-item--process .t-steps-item__description {
    color: var(--td-text-color-secondary)
}

.t-steps .t-steps-item--error .t-steps-item__icon .t-icon {
    color: var(--td-error-color)
}

.t-steps .t-steps-item--error .t-steps-item__icon--number {
    color: var(--td-error-color);
    border-color: var(--td-error-color)
}

.t-steps .t-steps-item--error .t-steps-item__title {
    color: var(--td-error-color)
}

.t-steps .t-steps-item--error .t-steps-item__description {
    color: var(--td-text-color-secondary)
}

.t-steps .t-steps-item__icon {
    vertical-align: top;
    font-size: var(--td-font-size-body-medium);
    margin-right: var(--td-comp-margin-s);
    color: var(--td-text-color-placeholder)
}

.t-steps .t-steps-item__icon--number {
    color: var(--td-text-color-placeholder);
    border: 1px solid var(--td-text-color-placeholder);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: var(--td-radius-circle);
    font-size: var(--td-font-size-body-large)
}

.t-steps .t-steps-item__icon--finish {
    border: 1px solid var(--td-brand-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: var(--td-radius-circle);
    font-size: var(--td-font-size-body-large)
}

.t-steps .t-steps-item__icon--error {
    border: 1px solid var(--td-error-color);
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: var(--td-radius-circle);
    font-size: var(--td-font-size-body-large)
}

.t-steps .t-steps-item__icon>.t-icon {
    font-size: calc(var(--td-font-size-body-medium) + 10px)
}

.t-steps .t-steps-item__title {
    position: relative;
    padding-right: var(--td-comp-margin-s);
    color: var(--td-text-color-placeholder);
    font-size: var(--td-font-size-body-large);
    line-height: 24px
}

.t-steps .t-steps-item__description {
    color: var(--td-text-color-placeholder);
    font-size: var(--td-font-size-body-medium);
    margin-bottom: var(--td-comp-margin-xs);
    line-height: 22px
}

.t-steps--line-separator .t-steps-item:before,.t-steps--line-separator .t-steps-item:after,.t-steps--line-separator .t-steps-item__title:after {
    border-style: solid
}

.t-steps--dashed-separator .t-steps-item:before,.t-steps--dashed-separator .t-steps-item:after,.t-steps--dashed-separator .t-steps-item__title:after {
    border-style: dashed
}

.t-steps--horizontal.t-steps--default-anchor .t-steps-item__title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: var(--td-comp-margin-xs)
}

.t-steps--horizontal.t-steps--default-anchor .t-steps-item__icon__number {
    width: 22px;
    height: 22px
}

.t-steps--horizontal.t-steps--default-anchor .t-steps-item__icon>.t-icon {
    font-size: calc(var(--td-font-size-body-medium) + 10px)
}

.t-steps--horizontal.t-steps--default-anchor .t-steps-item:not(:last-child) .t-steps-item__title:after {
    content: "";
    display: block;
    width: 9999px;
    border-left: 0;
    border-top: 0;
    border-bottom-width: 1px;
    border-bottom-color: var(--td-text-color-placeholder);
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.t-steps--horizontal.t-steps--default-anchor.t-steps--arrow-separator .t-steps-item:not(:last-child):after {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 24px;
    content: "^";
    -webkit-transform: rotateZ(90deg);
    transform: rotate(90deg);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border: 0;
    font-size: var(--td-font-size-body-large);
    color: var(--td-text-color-placeholder)
}

.t-steps--horizontal.t-steps--default-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):after {
    color: var(--td-brand-color)
}

.t-steps--horizontal.t-steps--default-anchor .t-steps-item--finish:not(:last-child) .t-steps-item__title:after {
    border-bottom-width: 2px;
    border-bottom-color: var(--td-brand-color);
    color: var(--td-brand-color)
}

.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item:not(:last-child) .t-steps-item__title:after {
    content: "";
    display: block;
    width: 9999px;
    border-left: 0;
    border-top: 0;
    border-bottom-width: 1px;
    border-bottom-color: var(--td-text-color-placeholder);
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child):after {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 24px;
    content: "^";
    -webkit-transform: rotateZ(90deg);
    transform: rotate(90deg);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border: 0;
    font-size: var(--td-font-size-body-large);
    color: var(--td-text-color-placeholder)
}

.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):after {
    color: var(--td-brand-color)
}

.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child):after {
    -webkit-transform: rotateZ(-90deg);
    transform: rotate(-90deg)
}

.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--process:not(:last-child):after,.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):after {
    color: var(--td-brand-color)
}

.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child) .t-steps-item__title:after {
    border-bottom-width: 2px;
    border-bottom-color: var(--td-brand-color);
    color: var(--td-brand-color)
}

.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item--process:not(:last-child) .t-steps-item__title:after,.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child) .t-steps-item__title:after {
    border-bottom-width: 2px;
    border-bottom-color: var(--td-brand-color);
    color: var(--td-brand-color)
}

.t-steps--horizontal.t-steps--dot-anchor .t-steps-item {
    overflow: visible
}

.t-steps--horizontal.t-steps--dot-anchor .t-steps-item .t-steps-item__title {
    padding-right: 0;
    margin-bottom: var(--td-comp-margin-xs)
}

.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--finish .t-steps-item__icon {
    border-color: var(--td-brand-color)
}

.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--process .t-steps-item__icon {
    background: var(--td-brand-color);
    border-color: var(--td-brand-color)
}

.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--error .t-steps-item__icon {
    background: var(--td-error-color);
    border-color: var(--td-error-color)
}

.t-steps--horizontal.t-steps--dot-anchor .t-steps-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-steps--horizontal.t-steps--dot-anchor .t-steps-item__icon {
    display: block;
    width: 8px;
    height: 8px;
    border: 2px solid var(--td-text-color-placeholder);
    border-radius: var(--td-radius-circle);
    margin-bottom: var(--td-comp-margin-xs);
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.t-steps--horizontal.t-steps--dot-anchor .t-steps-item__content {
    text-align: center;
    width: 140px
}

.t-steps--horizontal.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item:not(:last-child):after {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    content: "^";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 0;
    font-size: var(--td-font-size-body-large);
    -webkit-transform: rotateZ(90deg);
    transform: rotate(90deg);
    color: var(--td-text-color-placeholder)
}

.t-steps--horizontal.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):after {
    color: var(--td-brand-color)
}

.t-steps--horizontal.t-steps--dot-anchor .t-steps-item:not(:last-child):after {
    content: "";
    display: block;
    width: calc(100% - 16px);
    border-left: 0;
    border-top: 0;
    border-bottom-width: 1px;
    border-bottom-color: var(--td-text-color-placeholder);
    position: absolute;
    left: 78px;
    top: 2.5px
}

.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--finish:not(:last-child):after {
    color: var(--td-brand-color);
    border-bottom-color: var(--td-brand-color);
    border-bottom-width: 2px
}

.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child):after {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    content: "^";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 0;
    font-size: var(--td-font-size-body-large);
    -webkit-transform: rotateZ(90deg);
    transform: rotate(90deg);
    color: var(--td-text-color-placeholder)
}

.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):after {
    color: var(--td-brand-color)
}

.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child):after {
    -webkit-transform: rotateZ(-90deg);
    transform: rotate(-90deg)
}

.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--process:not(:last-child):after,.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):after {
    color: var(--td-brand-color)
}

.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item:not(:last-child):after {
    content: "";
    display: block;
    width: calc(100% - 16px);
    border-left: 0;
    border-top: 0;
    border-bottom-width: 1px;
    border-bottom-color: var(--td-text-color-placeholder);
    position: absolute;
    left: 78px;
    top: 2.5px
}

.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child):after {
    color: var(--td-brand-color);
    border-bottom-color: var(--td-brand-color);
    border-bottom-width: 2px
}

.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item--process:not(:last-child):after,.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child):after {
    color: var(--td-brand-color);
    border-bottom-color: var(--td-brand-color);
    border-bottom-width: 2px
}

.t-steps--vertical {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.t-steps--vertical.t-steps--positive.t-steps--arrow-separator .t-steps-item:not(:last-child):before {
    content: "^";
    border: 0;
    height: calc(100% - 24px);
    position: absolute;
    top: 24px;
    left: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--td-font-size-body-large);
    -webkit-transform: rotateZ(180deg);
    transform: rotate(180deg);
    color: var(--td-text-color-placeholder)
}

.t-steps--vertical.t-steps--positive.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):before {
    color: var(--td-brand-color)
}

.t-steps--vertical.t-steps--positive .t-steps-item {
    padding-bottom: var(--td-comp-margin-xxl);
    margin-bottom: 5px
}

.t-steps--vertical.t-steps--positive .t-steps-item:not(:last-child):before {
    content: "";
    display: block;
    height: 100%;
    border-left: 0;
    border-top: 0;
    border-right-width: 1px;
    border-right-color: var(--td-text-color-placeholder);
    position: absolute;
    top: 35px;
    left: 11px
}

.t-steps--vertical.t-steps--positive .t-steps-item--finish:not(:last-child):before {
    border-right-width: 2px;
    border-right-color: var(--td-brand-color);
    color: var(--td-brand-color)
}

.t-steps--vertical.t-steps--default-anchor .t-steps-item__content {
    margin-left: 0
}

.t-steps--vertical.t-steps--default-anchor .t-steps-item__title {
    margin-bottom: var(--td-comp-margin-xs)
}

.t-steps--vertical.t-steps--dot-anchor.t-steps--positive.t-steps--arrow-separator .t-steps-item:not(:last-child):before {
    content: "^";
    border: 0;
    height: calc(100% - 4px);
    position: absolute;
    top: 8px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--td-font-size-body-medium);
    color: var(--td-text-color-placeholder)
}

.t-steps--vertical.t-steps--dot-anchor.t-steps--positive.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):before {
    color: var(--td-brand-color)
}

.t-steps--vertical.t-steps--dot-anchor.t-steps--positive .t-steps-item:not(:last-child):before {
    content: "";
    display: block;
    height: 100%;
    border-bottom: 0;
    border-left: 0;
    border-right-width: 1px;
    border-right-color: var(--td-text-color-placeholder);
    position: absolute;
    left: 3.5px;
    top: 17px
}

.t-steps--vertical.t-steps--dot-anchor.t-steps--positive .t-steps-item--finish:not(:last-child):before {
    color: var(--td-brand-color);
    border-right-color: var(--td-brand-color);
    border-right-width: 2px
}

.t-steps--vertical.t-steps--dot-anchor .t-steps-item {
    margin-bottom: 0
}

.t-steps--vertical.t-steps--dot-anchor .t-steps-item .t-steps-item__title {
    margin-bottom: var(--td-comp-margin-xs)
}

.t-steps--vertical.t-steps--dot-anchor .t-steps-item--finish .t-steps-item__icon {
    border-color: var(--td-brand-color)
}

.t-steps--vertical.t-steps--dot-anchor .t-steps-item--process .t-steps-item__icon {
    background: var(--td-brand-color);
    border-color: var(--td-brand-color)
}

.t-steps--vertical.t-steps--dot-anchor .t-steps-item--error .t-steps-item__icon {
    background: var(--td-error-color);
    border-color: var(--td-error-color)
}

.t-steps--vertical.t-steps--dot-anchor .t-steps-item__icon {
    display: block;
    width: 8px;
    height: 8px;
    border: 2px solid var(--td-text-color-placeholder);
    border-radius: var(--td-radius-circle);
    margin-bottom: var(--td-comp-margin-xs);
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    top: 8px
}

.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child):before {
    content: "^";
    border: 0;
    height: calc(100% - 24px);
    position: absolute;
    top: 24px;
    left: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--td-font-size-body-large);
    -webkit-transform: rotateZ(180deg);
    transform: rotate(180deg);
    color: var(--td-text-color-placeholder)
}

.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):before {
    color: var(--td-brand-color)
}

.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child):before {
    -webkit-transform: rotateZ(0);
    transform: rotate(0);
    margin-top: var(--td-comp-margin-xs)
}

.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item--process:not(:last-child):before,.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):before {
    color: var(--td-brand-color)
}

.t-steps--vertical.t-steps--reverse .t-steps-item {
    padding-bottom: var(--td-comp-margin-xxl);
    margin-bottom: 5px
}

.t-steps--vertical.t-steps--reverse .t-steps-item:not(:last-child):before {
    content: "";
    display: block;
    height: 100%;
    border-left: 0;
    border-bottom: 0;
    border-right-width: 1px;
    border-right-color: var(--td-text-color-placeholder);
    position: absolute;
    top: 35px;
    left: 11px
}

.t-steps--vertical.t-steps--reverse .t-steps-item--process:not(:last-child):before,.t-steps--vertical.t-steps--reverse .t-steps-item--finish:not(:last-child):before {
    border-right-width: 2px;
    border-right-color: var(--td-brand-color);
    color: var(--td-brand-color)
}

.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item:not(:last-child):before {
    content: "^";
    border: 0;
    height: calc(100% - 4px);
    position: absolute;
    top: 8px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--td-font-size-body-medium);
    color: var(--td-text-color-placeholder)
}

.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):before {
    color: var(--td-brand-color)
}

.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--process:not(:last-child):before,.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):before {
    color: var(--td-brand-color)
}

.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item {
    margin-bottom: 0
}

.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item:not(:last-child):before {
    content: "";
    display: block;
    height: 100%;
    border-bottom: 0;
    border-left: 0;
    border-right-width: 1px;
    border-right-color: var(--td-text-color-placeholder);
    position: absolute;
    left: 3.5px;
    top: 17px
}

.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item:last-child:before {
    display: none
}

.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item--process:not(:last-child):before,.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item--finish:not(:last-child):before {
    border-right-width: 2px;
    border-right-color: var(--td-brand-color);
    color: var(--td-brand-color)
}

.t-tooltip .t-popup__content {
    display: inline-block;
    border: 0;
    z-index: 5600;
    margin-bottom: 1px;
    max-width: 480px;
    word-break: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: var(--td-radius-medium);
    color: var(--td-text-color-primary)
}

.t-tooltip--default .t-popup__content {
    color: var(--td-text-color-anti);
    background: var(--td-gray-color-13);
    -webkit-box-shadow: inset 0 .5px 0 var(--td-gray-color-9),inset .5px 0 0 var(--td-gray-color-9),inset 0 -.5px 0 var(--td-gray-color-9),inset -.5px 0 0 var(--td-gray-color-9);
    box-shadow: inset 0 .5px 0 var(--td-gray-color-9),inset .5px 0 0 var(--td-gray-color-9),inset 0 -.5px 0 var(--td-gray-color-9),inset -.5px 0 0 var(--td-gray-color-9)
}

.t-tooltip--default[data-popper-placement^=left] .t-popup__arrow:before {
    -webkit-box-shadow: inset -.5px 0 0 var(--td-gray-color-9),inset 0 .5px 0 var(--td-gray-color-9);
    box-shadow: inset -.5px 0 0 var(--td-gray-color-9),inset 0 .5px 0 var(--td-gray-color-9)
}

.t-tooltip--default[data-popper-placement^=right] .t-popup__arrow:before {
    -webkit-box-shadow: inset .5px 0 0 var(--td-gray-color-9),inset 0 -.5px 0 var(--td-gray-color-9);
    box-shadow: inset .5px 0 0 var(--td-gray-color-9),inset 0 -.5px 0 var(--td-gray-color-9)
}

.t-tooltip--default[data-popper-placement^=top] .t-popup__arrow:before {
    -webkit-box-shadow: inset 0 -.5px 0 var(--td-gray-color-9),inset -.5px 0 0 var(--td-gray-color-9);
    box-shadow: inset 0 -.5px 0 var(--td-gray-color-9),inset -.5px 0 0 var(--td-gray-color-9)
}

.t-tooltip--default[data-popper-placement^=bottom] .t-popup__arrow:before {
    -webkit-box-shadow: inset .5px 0 0 var(--td-gray-color-9),inset 0 .5px 0 var(--td-gray-color-9);
    box-shadow: inset .5px 0 0 var(--td-gray-color-9),inset 0 .5px 0 var(--td-gray-color-9)
}

.t-tooltip--primary .t-popup__content {
    color: var(--td-brand-color);
    background: var(--td-brand-color-light)
}

.t-tooltip--success .t-popup__content {
    color: var(--td-success-color);
    background: var(--td-success-color-light)
}

.t-tooltip--danger .t-popup__content {
    color: var(--td-error-color);
    background: var(--td-error-color-light)
}

.t-tooltip--warning .t-popup__content {
    color: var(--td-warning-color);
    background: var(--td-warning-color-light)
}

.t-tooltip .t-popup__arrow {
    background: inherit;
    height: auto
}

.t-tooltip .t-popup__arrow:before {
    background: inherit
}

.t-tooltip--noshadow .t-popup__content,.t-tooltip--noshadow[data-popper-placement] .t-popup__arrow:before {
    -webkit-box-shadow: none;
    box-shadow: none
}

.t-affix {
    position: fixed;
    z-index: 500
}

.t-tag {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0px var(--td-comp-paddingLR-s);
    height: var(--td-comp-size-xs);
    font: var(--td-font-body-small);
    color: var(--td-text-color-anti);
    border-radius: var(--td-radius-default);
    border: 1px solid transparent;
    white-space: nowrap
}

.t-tag .t-icon {
    margin-right: var(--td-comp-margin-xs);
    width: calc(var(--td-font-size-body-medium) + 2px);
    height: calc(var(--td-font-size-body-medium) + 2px);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.t-tag .t-tag__icon-close {
    margin-right: 0;
    margin-left: var(--td-comp-margin-s);
    font: var(--td-font-body-medium);
    cursor: pointer;
    -webkit-transition: color .2s cubic-bezier(.38,0,.24,1);
    transition: color .2s cubic-bezier(.38,0,.24,1)
}

.t-tag--default {
    color: var(--td-text-color-primary);
    background-color: var(--td-bg-color-component)
}

.t-tag--default .t-tag__icon-close {
    color: var(--td-text-color-placeholder)
}

.t-tag--default .t-tag__icon-close:hover {
    color: var(--td-text-color-primary)
}

.t-tag--default:active {
    cursor: default
}

.t-tag--default.t-tag--disabled {
    color: var(--td-text-color-disabled);
    background-color: var(--td-bg-color-component-disabled);
    border-color: var(--td-component-border);
    cursor: not-allowed
}

.t-tag--default.t-tag--disabled:hover {
    cursor: not-allowed
}

.t-tag--default.t-tag--disabled .t-icon:hover {
    cursor: pointer
}

.t-tag--default.t-tag--outline {
    border-color: var(--td-component-border)
}

.t-tag--default.t-tag--light {
    background-color: var(--td-bg-color-secondarycontainer)
}

.t-tag--default.t-tag--light-outline {
    border-color: var(--td-component-border);
    background-color: var(--td-bg-color-secondarycontainer)
}

.t-tag--primary {
    background-color: var(--td-brand-color)
}

.t-tag--primary.t-tag--outline {
    border-color: var(--td-brand-color)
}

.t-tag--primary.t-tag--light {
    background-color: var(--td-brand-color-light)
}

.t-tag--primary.t-tag--light-outline {
    border-color: var(--td-brand-color);
    background-color: var(--td-brand-color-light)
}

.t-tag--primary.t-tag--light,.t-tag--primary.t-tag--outline,.t-tag--primary.t-tag--light-outline {
    color: var(--td-brand-color)
}

.t-tag--primary.t-tag--light .t-tag__icon-close:hover,.t-tag--primary.t-tag--outline .t-tag__icon-close:hover,.t-tag--primary.t-tag--light-outline .t-tag__icon-close:hover {
    color: var(--td-brand-color-hover)
}

.t-tag--success {
    background-color: var(--td-success-color)
}

.t-tag--success.t-tag--outline {
    border-color: var(--td-success-color)
}

.t-tag--success.t-tag--light {
    background-color: var(--td-success-color-light)
}

.t-tag--success.t-tag--light-outline {
    border-color: var(--td-success-color);
    background-color: var(--td-success-color-light)
}

.t-tag--success.t-tag--light,.t-tag--success.t-tag--outline,.t-tag--success.t-tag--light-outline {
    color: var(--td-success-color)
}

.t-tag--success.t-tag--light .t-tag__icon-close:hover,.t-tag--success.t-tag--outline .t-tag__icon-close:hover,.t-tag--success.t-tag--light-outline .t-tag__icon-close:hover {
    color: var(--td-success-color-hover)
}

.t-tag--warning {
    background-color: var(--td-warning-color)
}

.t-tag--warning.t-tag--outline {
    border-color: var(--td-warning-color)
}

.t-tag--warning.t-tag--light {
    background-color: var(--td-warning-color-light)
}

.t-tag--warning.t-tag--light-outline {
    border-color: var(--td-warning-color);
    background-color: var(--td-warning-color-light)
}

.t-tag--warning.t-tag--light,.t-tag--warning.t-tag--outline,.t-tag--warning.t-tag--light-outline {
    color: var(--td-warning-color)
}

.t-tag--warning.t-tag--light .t-tag__icon-close:hover,.t-tag--warning.t-tag--outline .t-tag__icon-close:hover,.t-tag--warning.t-tag--light-outline .t-tag__icon-close:hover {
    color: var(--td-warning-color-hover)
}

.t-tag--danger {
    background-color: var(--td-error-color)
}

.t-tag--danger.t-tag--outline {
    border-color: var(--td-error-color)
}

.t-tag--danger.t-tag--light {
    background-color: var(--td-error-color-light)
}

.t-tag--danger.t-tag--light-outline {
    border-color: var(--td-error-color);
    background-color: var(--td-error-color-light)
}

.t-tag--danger .t-tag__icon-close {
    fill: var(--td-error-color)
}

.t-tag--danger .t-tag__icon-close:hover {
    fill: var(--td-error-color-hover)
}

.t-tag--danger.t-tag--light,.t-tag--danger.t-tag--outline,.t-tag--danger.t-tag--light-outline {
    color: var(--td-error-color)
}

.t-tag--danger.t-tag--light .t-tag__icon-close:hover,.t-tag--danger.t-tag--outline .t-tag__icon-close:hover,.t-tag--danger.t-tag--light-outline .t-tag__icon-close:hover {
    color: var(--td-error-color-hover)
}

.t-tag--dark.t-tag:not(.t-tag--default) .t-tag__icon-close {
    color: var(--td-font-white-2)
}

.t-tag--dark.t-tag:not(.t-tag--default) .t-tag__icon-close:hover {
    color: var(--td-font-white-1)
}

.t-tag.t-tag--outline {
    background: transparent
}

.t-tag.t-size-s {
    padding: 0px var(--td-comp-paddingLR-xs);
    height: var(--td-comp-size-xxs);
    font: var(--td-font-body-small)
}

.t-tag.t-size-s .t-icon {
    font-size: var(--td-font-body-small)
}

.t-tag.t-size-l {
    padding: 0px var(--td-comp-paddingLR-m);
    height: var(--td-comp-size-m);
    font: var(--td-font-body-medium)
}

.t-tag.t-size-l .t-icon {
    font: var(--td-font-body-medium)
}

.t-tag.t-tag--round {
    border-radius: var(--td-radius-extraLarge)
}

.t-tag.t-tag--mark {
    border-radius: 0 var(--td-radius-extraLarge) var(--td-radius-extraLarge) 0
}

.t-tag.t-tag--ellipsis .t-tag--text {
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.t-tag.t-tag--check:not(.t-tag--disabled) {
    -webkit-transition: background-color .2s cubic-bezier(.38,0,.24,1);
    transition: background-color .2s cubic-bezier(.38,0,.24,1);
    cursor: pointer
}

.t-tag.t-tag--check:not(.t-tag--disabled).t-tag--default.t-tag--dark:not(.t-tag--checked):hover {
    background-color: var(--td-bg-color-component-hover)
}

.t-tag.t-tag--check:not(.t-tag--disabled).t-tag--primary.t-tag--dark.t-tag--checked:hover {
    background-color: var(--td-brand-color-hover)
}

.t-tag.t-tag--check:not(.t-tag--disabled).t-tag--default.t-tag--outline:not(.t-tag--checked):hover {
    color: var(--td-brand-color-hover)
}

.t-tag--check.t-tag--disabled.t-tag--primary.t-tag--dark {
    background-color: var(--td-brand-color-disabled);
    cursor: not-allowed
}

.t-tag--check.t-tag--disabled.t-tag--primary.t-tag--outline {
    color: var(--td-text-color-disabled);
    background-color: var(--td-bg-color-component-disabled);
    border-color: var(--td-text-color-disabled);
    cursor: not-allowed
}

.t-check-tag-group .t-tag:not(:last-child) {
    margin-right: var(--td-comp-margin-s)
}

a .t-tag {
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

a .t-tag:hover {
    color: var(--td-brand-color);
    background-color: var(--td-bg-color-component-hover)
}

a .t-tag:active {
    color: var(--td-brand-color-active);
    background-color: var(--td-bg-color-component-active)
}

@-webkit-keyframes t-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes t-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes t-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes t-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes t-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes t-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.t-icon-loading {
    -webkit-animation: t-spin 1s linear infinite;
    animation: t-spin 1s linear infinite
}

@-webkit-keyframes t-zoom-out {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes t-zoom-out {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.t-tag-input {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none
}

.t-tag-input .t-tag {
    vertical-align: middle;
    -webkit-animation: t-fade-in .2s ease-in-out;
    animation: t-fade-in .2s ease-in-out;
    margin: 3px var(--td-comp-margin-xs) 3px 0
}

.t-tag-input .t-tag-input__drag_wrapper+.t-tag-input__drag_wrapper {
    margin-left: var(--td-comp-margin-xs)
}

.t-tag-input .t-input {
    overflow: hidden;
    min-height: var(--td-comp-size-m);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0 var(--td-comp-paddingLR-s) 0 var(--td-comp-margin-xs)
}

.t-tag-input .t-input .t-input__suffix-icon {
    right: var(--td-comp-margin-s)
}

.t-tag-input .t-input.t-size-s {
    padding: 0 var(--td-comp-paddingLR-s) 0 var(--td-comp-margin-xs);
    min-height: var(--td-comp-size-xs)
}

.t-tag-input .t-input.t-size-s .t-tag {
    margin: 1px var(--td-comp-margin-xs) 1px 0
}

.t-tag-input .t-input.t-size-l {
    min-height: var(--td-comp-size-xl);
    padding: 0 var(--td-comp-paddingLR-m) 0 var(--td-comp-margin-s)
}

.t-tag-input .t-input.t-size-l .t-input__suffix-icon {
    right: var(--td-comp-margin-m)
}

.t-tag-input.t-is-empty .t-input__inner {
    margin-left: var(--td-comp-margin-xs)
}

.t-tag-input:hover .t-input__inner:not(.t-input--soft-hidden),.t-tag-input .t-input--focused .t-input__inner:not(.t-input--soft-hidden) {
    min-width: 20px
}

.t-tag-input .t-tag-input__prefix {
    margin-left: var(--td-comp-margin-xs);
    line-height: 1
}

.t-tag-input .t-tag-input__prefix>.t-icon {
    color: var(--td-text-color-placeholder)
}

.t-tag-input .t-input .t-input__prefix:not(:empty) {
    margin-right: 0
}

.t-tag-input.t-input--auto-width .t-input.t-input--focused {
    padding-right: calc(var(--td-comp-paddingLR-xxl) + var(--td-comp-paddingLR-xxs))
}

.t-tag-input.t-input--auto-width .t-input__prefix {
    white-space: nowrap
}

.t-tag-input .t-input__prefix--scrollable {
    overflow-y: hidden;
    overflow-x: auto
}

@-moz-document url-prefix() {
    .t-tag-input .t-input__prefix--scrollable {
        scrollbar-color: var(--td-scrollbar-color) transparent;
        scrollbar-width: thin
    }
}

.t-tag-input .t-input__prefix--scrollable::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.t-tag-input .t-input__prefix--scrollable::-webkit-scrollbar-thumb {
    border: 0px solid transparent;
    background-clip: content-box;
    background-color: var(--td-scrollbar-color);
    border-radius: 11px
}

.t-tag-input .t-input__prefix--scrollable::-webkit-scrollbar-thumb:vertical:hover,.t-tag-input .t-input__prefix--scrollable::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: var(--td-scrollbar-hover-color)
}

.t-tag-input__suffix-clear {
    cursor: pointer
}

.t-tag-input--break-line:not(.t-is-empty) .t-input {
    display: block
}

.t-tag-input--break-line:not(.t-is-empty) .t-input.t-input--prefix>.t-input__prefix {
    display: inline;
    text-align: left
}

.t-tag-input--break-line:not(.t-is-empty) .t-input .t-input__suffix-icon {
    position: absolute;
    bottom: 0
}

.t-tag-input--break-line:not(.t-is-empty) .t-tag-input__prefix {
    vertical-align: middle
}

.t-tag-input__prefix {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: inline-block;
    margin-right: var(--td-comp-margin-s)
}

.t-tag-input--break-line.t-tag-input--with-tag:not(.t-input--auto-width) .t-input,.t-tag-input.t-input--auto-width:hover .t-input {
    padding-right: calc(var(--td-comp-paddingLR-xxl) + var(--td-comp-paddingLR-xxs))
}

.t-tag-input--break-line.t-tag-input--with-tag:not(.t-input--auto-width) .t-size-l .t-input,.t-tag-input.t-input--auto-width:hover .t-size-l .t-input {
    padding-right: calc(var(--td-comp-paddingLR-xxl) + var(--td-comp-paddingLR-xs))
}

.t-tag-input.t-input--auto-width .t-input {
    padding-right: 0
}

.t-select-input {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: inline-block;
    vertical-align: middle
}

.t-select-input--multiple .t-input--auto-width.t-tag-input__with-suffix-icon.t-tag-input--with-tag .t-input {
    padding-right: var(--td-comp-paddingLR-xl)
}

.t-select-input--multiple .t-input--auto-width.t-tag-input__with-suffix-icon.t-tag-input--with-tag .t-input.t-size-l {
    padding-right: calc(var(--td-comp-paddingLR-xl) + var(--td-comp-paddingLR-s))
}

.t-select-input--multiple .t-input--auto-width.t-tag-input__with-suffix-icon.t-is-empty .t-input {
    padding-right: var(--td-comp-paddingLR-s)
}

.t-select-input--multiple .t-input--auto-width.t-tag-input__with-suffix-icon.t-is-empty .t-input.t-size-l {
    padding-right: var(--td-comp-paddingLR-m)
}

.t-select-input--borderless .t-input {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    background: transparent;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.t-select-input--borderless .t-input:hover:not(.t-input--focused) {
    border-color: var(--td-component-border);
    background-color: var(--td-bg-color-container-hover);
    border-radius: var(--td-radius-default)
}

.t-select-input--borderless .t-input--focused {
    border-color: var(--td-brand-color);
    -webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
    box-shadow: 0 0 0 2px var(--td-brand-color-focus);
    background-color: var(--td-bg-color-specialcomponent)
}

.t-select-input--borderless.t-select-input--multiple:not(.t-select-input--empty).t-select-input--popup-visible input {
    display: inline-block
}

.t-select-input--borderless.t-select-input--multiple:not(.t-select-input--empty).t-select-input--popup-visible .t-input {
    background-color: var(--td-bg-color-container-hover)
}

.t-select-input--borderless.t-tag-input {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.t-select-input--borderless.t-tag-input:hover {
    background-color: var(--td-bg-color-container-hover);
    border-radius: var(--td-radius-default)
}

.t-select__wrap {
    width: 100%
}

.t-select__dropdown .t-popup__content {
    margin: var(--td-comp-paddingTB-s) 0;
    padding: 0;
    max-height: 300px;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    -webkit-box-shadow: var(--td-shadow-2);
    box-shadow: var(--td-shadow-2)
}

@-moz-document url-prefix() {
    .t-select__dropdown .t-popup__content {
        scrollbar-color: var(--td-scrollbar-color) transparent;
        scrollbar-width: thin
    }
}

.t-select__dropdown .t-popup__content::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    background-clip: content-box;
    background-color: var(--td-scrollbar-color);
    border-radius: 15px
}

.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb:vertical:hover,.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: var(--td-scrollbar-hover-color)
}

.t-select__dropdown-inner .t-select__list .t-select__list {
    padding: 0
}

.t-select__dropdown-inner .t-select__list,.t-select__dropdown-inner .t-tree {
    padding: var(--td-pop-padding-m)
}

.t-select__dropdown-inner--size-s .t-select__list,.t-select__dropdown-inner--size-s .t-tree {
    padding: var(--td-pop-padding-s)
}

.t-select__dropdown-inner--size-l .t-select__list,.t-select__dropdown-inner--size-l .t-tree {
    padding: var(--td-pop-padding-l)
}

.t-select__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.t-select__dropdown.t-popup {
    padding: 0
}

.t-select__empty.t-size-s {
    line-height: var(--td-comp-size-xs)
}

.t-select__empty {
    text-align: center;
    color: var(--td-text-color-disabled);
    line-height: var(--td-comp-size-m);
    padding: 0 var(--td-comp-paddingLR-s)
}

.t-select__empty.t-size-l {
    line-height: var(--td-comp-size-xl)
}

.t-select__loading-tips.t-size-s {
    line-height: var(--td-comp-size-xs)
}

.t-select__loading-tips {
    text-align: center;
    line-height: var(--td-comp-size-m);
    color: var(--td-text-color-disabled)
}

.t-select__loading-tips.t-size-l {
    line-height: var(--td-comp-size-xl)
}

.t-select-option-group+.t-select-option-group {
    padding-top: var(--td-comp-margin-xs);
    margin-top: var(--td-comp-margin-xs)
}

.t-select-option-group__divider+.t-select-option-group__divider {
    position: relative
}

.t-select-option-group__divider+.t-select-option-group__divider:before {
    content: "";
    width: 100%;
    height: 1px;
    padding: 0 var(--td-comp-paddingLR-s);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--td-border-level-1-color);
    background-clip: content-box
}

ul.t-select-option-group__header,.t-select-option-group__header {
    color: var(--td-text-color-placeholder);
    display: block;
    height: var(--td-comp-size-s);
    line-height: var(--td-comp-size-s);
    padding: 0 var(--td-comp-paddingLR-s);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.t-select-option-group__header.t-size-l {
    height: var(--td-comp-size-l);
    line-height: var(--td-comp-size-l);
    padding: 0 var(--td-comp-paddingLR-m)
}

.t-select-option-group__header.t-size-s {
    height: var(--td-comp-size-xxs);
    line-height: var(--td-comp-size-xxs);
    padding: 0 var(--td-comp-paddingLR-s)
}

.t-select-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: var(--td-radius-default);
    height: var(--td-comp-size-s);
    font: var(--td-font-body-medium);
    cursor: pointer;
    padding: 0 var(--td-comp-paddingLR-s);
    color: var(--td-text-color-primary);
    -webkit-transition: background-color .2s cubic-bezier(.38,0,.24,1);
    transition: background-color .2s cubic-bezier(.38,0,.24,1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    --ripple-color: var(--td-bg-color-container-active)
}

.t-select-option span {
    position: relative;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover .t-checkbox__label {
    color: inherit
}

.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover .t-checkbox__input {
    border-color: var(--td-brand-color)
}

.t-select-option .t-checkbox__label {
    color: var(--td-text-color-primary);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.t-select-option .t-checkbox {
    width: 100%
}

.t-select-option.t-is-disabled {
    cursor: not-allowed;
    color: var(--td-text-color-disabled);
    background: var(--td-bg-color-specialcomponent)
}

.t-select-option.t-is-disabled:hover,.t-select-option.t-is-disabled :active {
    background: var(--td-bg-color-specialcomponent)
}

.t-select-option.t-size-l {
    height: var(--td-comp-size-l);
    padding: 0 var(--td-comp-paddingLR-m);
    font: var(--td-font-body-large)
}

.t-select-option.t-size-m {
    font: var(--td-font-body-medium)
}

.t-select-option.t-size-s {
    height: var(--td-comp-size-xxs);
    padding: 0 var(--td-comp-paddingLR-s);
    font: var(--td-font-body-small)
}

.t-select-option.t-is-selected:not(.t-is-disabled) {
    color: var(--td-brand-color);
    background-color: var(--td-brand-color-light);
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.t-select-option.t-is-selected:not(.t-is-disabled) .t-checkbox__label {
    color: var(--td-brand-color)
}

.t-select-option.t-is-selected:not(.t-is-disabled):hover {
    background-color: var(--td-brand-color-light)
}

.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected),.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected),.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected),.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected) {
    background-color: var(--td-bg-color-container-hover)
}

.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected) .t-checkbox__input,.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected) .t-checkbox__input,.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected) .t-checkbox__input,.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected) .t-checkbox__input {
    border-color: var(--td-brand-color)
}

.t-select-option.t-select-option__hover .t-checkbox__label,.t-select-option.t-select-option--hover .t-checkbox__label {
    color: inherit
}

.t-select-option+.t-select-option {
    margin-top: var(--td-comp-paddingTB-xxs)
}

.t-select.t-select-input--borderless .t-select__right-icon {
    position: relative;
    margin: 0
}

.t-select .t-fake-arrow {
    color: var(--td-text-color-placeholder)
}

.t-select .t-fake-arrow--active {
    color: var(--td-brand-color)
}

.t-is-selected.t-select-option__hover {
    background-color: var(--td-brand-color-light-hover)
}

.t-is-selected.t-select-option__hover .t-checkbox__label {
    color: var(--td-brand-color)
}

.t-pagination-mini {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none
}

.t-pagination-mini--outline .t-pagination-mini__prev {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    z-index: 1
}

.t-pagination-mini--outline .t-pagination-mini__current {
    border-radius: 0;
    position: relative;
    margin-left: -1px
}

.t-pagination-mini--outline .t-pagination-mini__current:hover {
    z-index: 1
}

.t-pagination-mini--outline .t-pagination-mini__next {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    margin-left: -1px
}

.t-pagination-mini--outline .t-pagination-mini__next:hover {
    z-index: 1
}

.t-pagination {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    white-space: nowrap;
    color: var(--td-text-color-secondary);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.t-pagination.t-is-disabled {
    color: var(--td-text-color-disabled)
}

.t-pagination__total {
    font: var(--td-font-body-medium);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.t-pagination .t-select__wrap {
    width: auto
}

.t-pagination__select {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: var(--td-comp-margin-l);
    height: var(--td-comp-size-m);
    font-size: var(--td-font-size-body-medium);
    color: var(--td-text-color-secondary)
}

.t-pagination__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    color: var(--td-text-color-secondary);
    border-radius: var(--td-radius-default);
    font: var(--td-font-body-large);
    width: var(--td-comp-size-m);
    height: var(--td-comp-size-m);
    line-height: var(--td-comp-size-m)
}

.t-pagination__btn:hover {
    background-color: var(--td-bg-color-secondarycontainer-hover);
    -webkit-transition: all .2s cubic-bezier(.82,0,1,.9);
    transition: all .2s cubic-bezier(.82,0,1,.9)
}

.t-pagination__btn:active {
    background-color: var(--td-bg-color-secondarycontainer-active)
}

.t-pagination__btn.t-is-disabled,.t-pagination__btn.t-is-disabled:hover,.t-pagination__btn.t-is-disabled:active {
    background: none;
    color: var(--td-text-color-disabled)
}

.t-pagination__btn.t-is-disabled {
    cursor: not-allowed
}

.t-pagination__btn-prev {
    margin-right: var(--td-comp-margin-s)
}

.t-pagination__btn-next {
    margin-left: var(--td-comp-margin-s)
}

.t-pagination__btn+.t-pagination__select {
    margin-right: 0
}

.t-pagination__pager {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    list-style: none;
    padding: 0;
    margin: 0
}

.t-pagination__pager li:not(:last-child) {
    margin-right: var(--td-comp-margin-s)
}

.t-pagination__number {
    display: inline-block;
    border: 1px solid var(--td-component-border);
    text-align: center;
    border-radius: var(--td-radius-default);
    cursor: pointer;
    background-color: var(--td-bg-color-container);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: var(--td-comp-size-m);
    min-width: var(--td-comp-size-m);
    line-height: calc(var(--td-comp-size-m) - 2px);
    font-size: var(--td-font-body-medium);
    padding-left: var(--td-comp-paddingLR-xs);
    padding-right: var(--td-comp-paddingLR-xs)
}

.t-pagination__number:hover {
    color: var(--td-brand-color-hover);
    border-color: var(--td-brand-color-hover);
    -webkit-transition: all .2s cubic-bezier(.82,0,1,.9);
    transition: all .2s cubic-bezier(.82,0,1,.9)
}

.t-pagination__number:active,.t-pagination__number.t-is-current {
    background-color: var(--td-brand-color);
    color: var(--td-text-color-anti);
    border-color: var(--td-brand-color)
}

.t-pagination__number.t-is-current.t-is-disabled,.t-pagination__number.t-is-current.t-is-disabled:hover,.t-pagination__number.t-is-current.t-is-disabled:active {
    background-color: var(--td-brand-color-focus);
    color: var(--td-text-color-anti);
    border-color: var(--td-brand-color-focus)
}

.t-pagination__number.t-is-disabled {
    cursor: auto;
    background-color: var(--td-bg-color-component-disabled);
    color: var(--td-text-color-disabled)
}

.t-pagination__number.t-is-disabled:hover,.t-pagination__number.t-is-disabled:active {
    background-color: var(--td-bg-color-component-disabled);
    color: var(--td-text-color-disabled);
    border-color: var(--td-component-border)
}

.t-pagination__number--more {
    border: 0 none;
    padding: 0
}

.t-pagination__number--more:hover {
    color: var(--td-text-color-primary);
    background-color: var(--td-bg-color-secondarycontainer-hover);
    -webkit-transition: all .2s cubic-bezier(.82,0,1,.9);
    transition: all .2s cubic-bezier(.82,0,1,.9)
}

.t-pagination__number--more:active {
    color: var(--td-text-color-primary);
    background-color: var(--td-bg-color-secondarycontainer-active)
}

.t-pagination__number--more.t-is-disabled,.t-pagination__number--more.t-is-disabled:hover,.t-pagination__number--more.t-is-disabled:active {
    background: none
}

.t-pagination__number--more .t-icon-more {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: var(--td-text-color-disabled)
}

.t-pagination__jump {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: var(--td-comp-margin-s);
    font-size: var(--td-font-body-medium);
    gap: var(--td-comp-margin-s);
    background-color: var(--td-bg-color-secondarycontainer);
    height: var(--td-comp-size-m);
    padding-left: var(--td-comp-margin-s);
    border-radius: var(--td-radius-default)
}

.t-pagination .t-input-adornment__append {
    border: none;
    height: calc(var(--td-comp-size-m) - 4px);
    color: var(--td-text-color-secondary);
    background-color: transparent
}

.t-pagination .t-input-adornment__append .t-input-adornment__text {
    border: none
}

.t-pagination .t-input-number {
    width: 56px
}

.t-pagination .t-input-number .t-input {
    height: calc(var(--td-comp-size-m) - 4px);
    border-radius: var(--td-radius-default)
}

.t-pagination .t-input-number .t-input__inner {
    text-align: center
}

.t-pagination.t-size-s {
    font: var(--td-font-body-small)
}

.t-pagination.t-size-s .t-pagination__jump {
    height: var(--td-comp-size-xs)
}

.t-pagination.t-size-s .t-input-adornment__append {
    height: calc(var(--td-comp-size-xs) - 4px);
    font: var(--td-font-body-small)
}

.t-pagination.t-size-s .t-input-number {
    width: 48px
}

.t-pagination.t-size-s .t-input-number .t-input {
    height: calc(var(--td-comp-size-xs) - 4px)
}

.t-pagination.t-size-s .t-pagination__total {
    font: var(--td-font-body-small)
}

.t-pagination.t-size-s .t-pagination__select {
    height: var(--td-comp-size-xs);
    font-size: var(--td-font-size-body-small)
}

.t-pagination.t-size-s .t-pagination__number {
    border: 0 none;
    height: var(--td-comp-size-xs);
    min-width: var(--td-comp-size-xs);
    line-height: var(--td-comp-size-xs);
    font-size: var(--td-font-body-small);
    padding-left: var(--td-comp-paddingLR-xxs);
    padding-right: var(--td-comp-paddingLR-xxs)
}

.t-pagination.t-size-s .t-pagination__number:hover:not(.t-pagination.t-size-s .t-pagination__number.t-is-current) {
    color: var(--td-text-color-primary);
    background-color: var(--td-bg-color-secondarycontainer-hover);
    -webkit-transition: all .2s cubic-bezier(.82,0,1,.9);
    transition: all .2s cubic-bezier(.82,0,1,.9)
}

.t-pagination.t-size-s .t-pagination__number:active:not(.t-pagination.t-size-s .t-pagination__number.t-is-current) {
    color: var(--td-text-color-primary);
    background-color: var(--td-bg-color-secondarycontainer-active)
}

.t-pagination.t-size-s .t-pagination__number.t-is-disabled {
    background: none;
    color: var(--td-text-color-disabled)
}

.t-pagination.t-size-s .t-pagination__number.t-is-current.t-is-disabled {
    background-color: var(--td-brand-color-focus);
    color: var(--td-text-color-anti);
    border-color: var(--td-brand-color-focus)
}

.t-pagination.t-size-s .t-pagination__btn {
    border: 0 none;
    background: none;
    width: var(--td-comp-size-xs);
    height: var(--td-comp-size-xs);
    line-height: var(--td-comp-size-xs)
}

.t-pagination.t-size-s .t-pagination__btn:hover {
    background-color: var(--td-bg-color-secondarycontainer-hover);
    -webkit-transition: all .2s cubic-bezier(.82,0,1,.9);
    transition: all .2s cubic-bezier(.82,0,1,.9)
}

.t-pagination.t-size-s .t-pagination__btn:active {
    background-color: var(--td-bg-color-secondarycontainer-active)
}

.t-pagination.t-size-s .t-pagination__btn.t-is-disabled,.t-pagination.t-size-s .t-pagination__btn.t-is-disabled:hover,.t-pagination.t-size-s .t-pagination__btn.t-is-disabled:active {
    background: none;
    color: var(--td-text-color-disabled)
}

.t-pagination-ie .t-select .t-input__inner {
    min-width: 54px
}

@-moz-document url-prefix() {
    .scrollbar {
        scrollbar-color: var(--td-scrollbar-color) transparent;
        scrollbar-width: thin
    }
}

.scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.scrollbar::-webkit-scrollbar-thumb {
    border: 0px solid transparent;
    background-clip: content-box;
    background-color: var(--td-scrollbar-color);
    border-radius: 11px
}

.scrollbar::-webkit-scrollbar-thumb:vertical:hover,.scrollbar::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: var(--td-scrollbar-hover-color)
}

.scrollbar.t-table__affixed-footer-elm::-webkit-scrollbar-track,.scrollbar.t-table__scrollbar--obvious::-webkit-scrollbar-track {
    background: var(--td-scroll-track-color)
}

.t-table__affixed-footer-wrap>.scrollbar.t-table__affixed-footer-elm::-webkit-scrollbar-thumb,.t-table--width-overflow.t-table--footer-affixed .t-table__content::-webkit-scrollbar-thumb,.t-table--width-overflow.t-table--horizontal-bar-affixed .t-table__content::-webkit-scrollbar-thumb {
    background: transparent
}

.t-table.t-table--overflow-visible {
    overflow: initial
}

.t-table {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    background-color: var(--td-bg-color-container);
    position: relative
}

.t-table:focus-visible {
    outline: none
}

.t-table .t-loading--full {
    z-index: 72
}

.t-table.t-vertical-align-top th,.t-table.t-vertical-align-top td {
    vertical-align: top
}

.t-table.t-vertical-align-middle th,.t-table.t-vertical-align-middle td {
    vertical-align: middle
}

.t-table.t-vertical-align-bottom th,.t-table.t-vertical-align-bottom td {
    vertical-align: bottom
}

.t-table .t-table__resize-line {
    display: none;
    position: absolute;
    left: 10px;
    width: 0;
    border-left: 1px solid var(--td-component-border);
    z-index: 1001
}

.t-table__column-controller-trigger.t-align-top-right,.t-table__column-controller-trigger.t-align-bottom-right {
    text-align: right
}

.t-table__column-controller-trigger {
    padding: var(--td-comp-paddingTB-l) 0
}

.t-table__column-controller-item:not(:last-child) {
    margin-bottom: var(--td-comp-margin-l)
}

.t-table__content {
    position: relative
}

@-moz-document url-prefix() {
    .t-table__content {
        scrollbar-color: var(--td-scrollbar-color) transparent;
        scrollbar-width: thin
    }
}

.t-table__content::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.t-table__content::-webkit-scrollbar-thumb {
    border: 0px solid transparent;
    background-clip: content-box;
    background-color: var(--td-scrollbar-color);
    border-radius: 11px
}

.t-table__content::-webkit-scrollbar-thumb:vertical:hover,.t-table__content::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: var(--td-scrollbar-hover-color)
}

.t-table__pagination {
    padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.t-table .t-icon {
    font-size: var(--td-font-size-body-large)
}

.t-table table {
    width: 100%;
    border-spacing: 0
}

.t-table .t-text-ellipsis {
    line-height: var(--td-line-height-body-medium);
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.t-table th,.t-table td {
    position: relative;
    padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
    border-bottom: 1px solid var(--td-component-border);
    line-height: var(--td-line-height-body-medium);
    font-weight: 400;
    overflow-wrap: break-word;
    background-color: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left
}

.t-table th.t-table__th-drag {
    padding: 0;
    height: 0;
    text-align: center
}

.t-table thead td,.t-table th {
    color: var(--td-text-color-placeholder)
}

.t-table td[key=row-select] {
    padding: 13px 0 11px var(--td-comp-paddingLR-l)
}

.t-table td.t-align-left,.t-table th.t-align-left {
    text-align: left
}

.t-table td.t-align-right,.t-table th.t-align-right {
    text-align: right
}

.t-table td.t-align-center,.t-table th.t-align-center {
    text-align: center
}

.t-table tr {
    background-color: var(--td-bg-color-container)
}

.t-table.t-size-s th,.t-table.t-size-s td {
    padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s)
}

.t-table.t-size-l th,.t-table.t-size-l td {
    padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl)
}

.t-table .t-table__expandable-icon-cell,.t-table .t-table__selection-cell {
    padding: 0;
    height: 0
}

.t-table td.t-table__handle-draggable {
    text-align: center;
    height: 0;
    padding: 0
}

.t-table .t-table__cell--selectable>.t-checkbox {
    vertical-align: middle
}

.t-table .t-table__cell--selectable+td,.t-table .t-table__cell--selectable+th {
    padding-left: 0
}

.t-table--bordered td,.t-table--bordered th {
    border-left: 1px solid var(--td-component-border)
}

.t-table--bordered td.t-table__cell--fixed-left-last:before,.t-table--bordered th.t-table__cell--fixed-left-last:before {
    border-right: 1px solid var(--td-component-border)
}

.t-table--bordered th:first-child,.t-table--bordered td.t-table__td-first-col {
    border-left-width: 0
}

.t-table--bordered:not(.t-table--rowspan-colspan) td:first-child {
    border-left-width: 0
}

.t-table--bordered .t-table__content {
    border-left: 1px solid var(--td-component-border)
}

.t-table--bordered .t-table__content::-webkit-scrollbar-corner {
    background-color: transparent
}

.t-table--bordered .t-table__content {
    border: 1px solid var(--td-component-border);
    border-radius: var(--td-radius-default)
}

.t-table--bordered .t-table--loading {
    border-bottom: 1px solid var(--td-component-border)
}

.t-table--bordered .t-table__pagination {
    padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l)
}

.t-table--bordered .t-table__bottom-content+.t-table__pagination {
    padding: 0
}

.t-table--bordered.t-table__header--fixed .t-table__content {
    border-bottom: 1px solid var(--td-component-border)
}

.t-table--bordered .t-table__td-last-row {
    border-bottom: none
}

.t-table--striped:not(.t-table--bordered) th,.t-table--striped:not(.t-table--bordered) td {
    border-bottom: none
}

.t-table--striped.t-table--header-fixed>.t-table__content>table>tbody tr:nth-of-type(2n) {
    background-color: var(--td-bg-color-secondarycontainer)
}

.t-table--striped:not(.t-table--header-fixed)>.t-table__content>table>tbody>tr:nth-of-type(odd):not(.t-table__expanded-row) {
    background-color: var(--td-bg-color-secondarycontainer)
}

.t-table--striped.t-table--hoverable.t-table__header--fixed tbody tr:nth-of-type(2n):hover {
    background-color: var(--td-bg-color-secondarycontainer-hover)
}

.t-table--striped.t-table--hoverable:not(.t-table__header--fixed)>.t-table__content>table>tbody tr:nth-of-type(odd):hover {
    background-color: var(--td-bg-color-secondarycontainer-hover)
}

.t-table--striped.t-table--hoverable>.t-table__content>table>tbody tr {
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.t-table--striped.t-table--hoverable>.t-table__content>table>tbody tr:hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-table--hoverable tbody tr {
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.t-table--hoverable tbody tr:hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-table.t-table--align-top tbody td {
    vertical-align: top
}

.t-table .t-table__cell--highlight {
    background-color: var(--td-bg-color-secondarycontainer)
}

.t-table__header--fixed table {
    table-layout: fixed
}

.t-table__header--fixed th,.t-table__header--fixed td {
    overflow-wrap: break-word
}

.t-table__header--fixed.t-table__header,.t-table__header--fixed .t-table__header {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    z-index: 5
}

@-moz-document url-prefix() {
    .t-table__header--fixed .t-table__header {
        scrollbar-color: var(--td-scrollbar-color) transparent;
        scrollbar-width: thin
    }
}

.t-table__header--fixed .t-table__header::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb {
    border: 0px solid transparent;
    background-clip: content-box;
    background-color: var(--td-scrollbar-color);
    border-radius: 11px
}

.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:vertical:hover,.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: var(--td-scrollbar-hover-color)
}

.t-table__header--fixed .t-table__body {
    overflow-y: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@-moz-document url-prefix() {
    .t-table__header--fixed .t-table__body {
        scrollbar-color: var(--td-scrollbar-color) transparent;
        scrollbar-width: thin
    }
}

.t-table__header--fixed .t-table__body::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb {
    border: 0px solid transparent;
    background-clip: content-box;
    background-color: var(--td-scrollbar-color);
    border-radius: 11px
}

.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:vertical:hover,.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: var(--td-scrollbar-hover-color)
}

.t-table:not(.t-table--bordered) .t-table__cell--selectable+td,.t-table:not(.t-table--bordered) .t-table__cell--selectable+th {
    padding-left: 0
}

.t-table__cell--fixed.t-table__header--fixed .t-table__header {
    overflow: hidden;
    width: 100%
}

.t-table__cell--fixed.t-table__header--fixed .t-table__header .t-table__cell--fixed-left:last-child:after,.t-table__cell--fixed.t-table__header--fixed .t-table__header .t-table__cell--fixed-right:last-child:after {
    content: "";
    position: absolute;
    right: -6px;
    width: 6px;
    height: 100%;
    top: 0;
    background-color: var(--td-bg-color-secondarycontainer)
}

.t-table__cell--fixed.t-table__header--fixed .t-table__body {
    overflow: auto scroll
}

.t-table__cell--fixed .t-table__content {
    overflow: auto hidden
}

.t-table__cell--fixed table {
    table-layout: fixed;
    min-width: 100%
}

.t-table__cell--fixed th,.t-table__cell--fixed td {
    position: relative
}

.t-table__cell--fixed .t-table__cell--fixed-left-last:before {
    z-index: -1;
    background-color: inherit
}

.t-table__cell--fixed .t-table__cell--fixed-left-last:after {
    position: absolute;
    top: 0;
    bottom: 0;
    content: "";
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s,-webkit-box-shadow .3s;
    pointer-events: none;
    z-index: -2
}

.t-table__cell--fixed .t-table__cell--fixed-left-last:after {
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translate(100%)
}

.t-table__cell--fixed .t-table__cell--fixed-right-first:before {
    z-index: -1;
    background-color: inherit
}

.t-table__cell--fixed .t-table__cell--fixed-right-first:after {
    position: absolute;
    top: 0;
    bottom: 0;
    content: "";
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s,-webkit-box-shadow .3s;
    pointer-events: none;
    z-index: -2
}

.t-table__cell--fixed .t-table__cell--fixed-right-first:after {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translate(-100%)
}

.t-table .t-table__cell-resizable {
    position: relative
}

.t-table .t-table__cell-resizable .t-table__cell--resizer {
    position: absolute;
    top: 0;
    right: -5px;
    bottom: 0;
    z-index: 10;
    width: 10px;
    cursor: col-resize
}

.t-table .t-table__row--disabled {
    color: var(--td-text-color-disabled)
}

.t-table .t-table__cell--title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-table__column-controller-desc {
    margin-bottom: var(--td-comp-margin-xxl)
}

.t-table__column-controller-block {
    padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
    border: 1px solid var(--td-component-border);
    border-bottom: 1px solid var(--td-component-border)
}

.t-table__column-controller-block+.t-table__column-controller-block {
    border-top: 0;
    padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
    border-bottom: 1px solid var(--td-component-border)
}

.t-table__column-controller--fixed .t-checkbox {
    width: 108px
}

.t-table.t-table__row--active-single tbody>tr.t-table__row--active,.t-table.t-table__row--active-multiple tbody>tr.t-table__row--active {
    background-color: var(--td-brand-color-light)
}

.t-table.t-table__row--active-single tbody>tr.t-table__row--active.t-table__row--hover,.t-table.t-table__row--active-multiple tbody>tr.t-table__row--active.t-table__row--hover {
    background-color: var(--td-brand-color-light-hover)
}

.t-table.t-table--hoverable tbody>tr.t-table__row--active:hover {
    background-color: var(--td-brand-color-light-hover)
}

.t-table.t-table--row-expandable tbody>tr.t-table__row--hover,.t-table.t-table--row-select tbody>tr.t-table__row--hover,.t-table.t-table__row--active-multiple tbody>tr.t-table__row--hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-table--bordered .t-table__cell--sortable .t-table__cell--title,.t-table--bordered .t-table__cell--filterable .t-table__cell--title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.t-table th.t-align-right .t-table__cell--title {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.t-table__cell--sort-trigger {
    text-align: center;
    vertical-align: text-bottom
}

.t-table__cell--sort-trigger svg {
    vertical-align: initial
}

.t-table--loading {
    position: relative
}

.t-table--loading-progressbar {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    background-color: var(--td-brand-color);
    -webkit-animation: tTableProgressbar 2s ease-in-out;
    animation: tTableProgressbar 2s ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.t-table--loading-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 120px;
    color: var(--td-text-color-placeholder)
}

.t-table__expanded-cell {
    padding-left: 45px
}

.t-table__async-loading {
    text-align: center
}

.t-table__async-loading.t-is-load-more {
    cursor: pointer
}

.t-table__empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 120px;
    color: var(--td-text-color-disabled)
}

.t-table__filter-icon,.t-table__sort-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    vertical-align: text-bottom;
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.t-table__filter-icon>svg,.t-table__sort-icon>svg {
    margin-top: 0
}

.t-table__sort-icon .t-is-focus,.t-table__sort-icon.t-is-focus,.t-table__sort-icon:hover {
    color: var(--td-brand-color);
    border-radius: var(--td-radius-circle);
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.t-table__filter-icon .t-is-focus,.t-table__filter-icon.t-is-focus,.t-table__filter-icon:hover {
    color: var(--td-brand-color);
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.t-table__filter-pop .t-popup__content {
    padding: 0
}

.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-inner {
    padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l)
}

.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-inner .t-table__filter-popup-input {
    margin-bottom: var(--td-comp-margin-s)
}

.t-table__filter-pop .t-table__filter-pop-content .t-radio-group {
    display: block;
    height: auto
}

.t-table__filter-pop .t-table__filter-pop-content .t-checkbox-group {
    display: block
}

.t-table__filter-pop .t-table__filter-pop-content .t-checkbox,.t-table__filter-pop .t-table__filter-pop-content .t-radio {
    display: block;
    margin: var(--td-comp-margin-xs) 0
}

.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-button {
    border-top: 1px solid var(--td-component-border);
    padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l)
}

.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-button .t-button+.t-button {
    margin-left: var(--td-comp-margin-l)
}

.t-table__filter-pop .t-table__list-filter-input--sticky .t-table__filter-pop-content .t-table__filter-pop-content-inner {
    padding: 0;
    max-height: 280px;
    overflow: auto;
    position: relative
}

.t-table__filter-pop .t-table__list-filter-input--sticky .t-table__filter-pop-content .t-table__filter-pop-content-inner .t-input__wrap {
    padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l) 0 var(--td-comp-paddingLR-l);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: var(--td-bg-color-container)
}

.t-table__filter-pop .t-table__list-filter-input--sticky .t-table__filter-pop-content .t-table__filter-pop-content-inner .t-radio-group {
    padding: 0 var(--td-comp-paddingLR-l)
}

.t-table__filter-pop-content-inner>.t-input__wrap {
    width: 200px
}

.t-table__filter-pop-content-inner>.t-date-range-picker__panel {
    margin: calc(0px - var(--td-comp-margin-l))
}

.t-table__sort-icon--active {
    color: var(--td-brand-color);
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.t-table__double-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.t-table__double-icons .t-table__sort-icon {
    position: relative
}

.t-table__double-icons .t-table-sort-asc {
    top: var(--td-comp-margin-xxs)
}

.t-table__double-icons .t-table-sort-desc {
    bottom: var(--td-comp-margin-xxs)
}

.t-table__filter-icon-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: all;
    height: var(--td-font-size-body-large);
    width: var(--td-font-size-body-large);
    margin-left: var(--td-comp-margin-s)
}

.t-table--bordered .t-table__filter-icon-wrap {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.t-table--bordered .t-table__cell--sortable.t-table__cell--filterable .t-table__filter-icon-wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.t-table .t-align-center .t-table__cell--sortable,.t-table .t-align-center .t-table__cell--filterable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.t-table__expand-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--td-text-color-placeholder);
    cursor: pointer;
    -webkit-transition: all .2s cubic-bezier(.38,0,.24,1) 0s;
    transition: all .2s cubic-bezier(.38,0,.24,1) 0s
}

.t-table__expand-box:hover {
    color: var(--td-brand-color);
    -webkit-transition: .2s linear;
    transition: .2s linear
}

@-webkit-keyframes tTableProgressbar {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes tTableProgressbar {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.t-table__th-row-select .t-table__th-cell-inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-table-expandable-icon-cell+.t-table__cell--selectable[key=row-select] {
    padding-left: var(--td-comp-margin-s)
}

.t-table__filter--bottom-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
    border-top: 1px solid var(--td-component-border)
}

.t-table__filter--bottom-buttons>.t-button+.t-button {
    margin-left: var(--td-comp-margin-s)
}

.t-table__row-filter-inner {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    text-align: center
}

.t-table__filter-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.t-table__filter-result>.t-button {
    margin-left: var(--td-comp-margin-s)
}

.t-table--layout-fixed {
    table-layout: fixed
}

.t-table--layout-auto {
    table-layout: auto
}

.t-table__ellipsis {
    white-space: nowrap;
    width: 100%
}

.t-table__content {
    overflow: auto
}

.t-table__content--scrollable-to-left .t-table__cell--fixed-left-last:after {
    border-right: 2px solid var(--td-component-border)
}

.t-table__content--scrollable-to-right .t-table__cell--fixed-right-first:after {
    border-left: 2px solid var(--td-component-border)
}

.t-table--bordered.t-table__content--scrollable-to-left .t-table__cell--fixed-left-last:after {
    border-right: 4px solid var(--td-component-border)
}

.t-table--bordered.t-table__content--scrollable-to-right .t-table__cell--fixed-right-first:after {
    border-left: 4px solid var(--td-component-border)
}

.t-table__scroll-bar-divider {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    border-right: 1px solid var(--td-component-border);
    z-index: 71
}

.t-table__footer,.t-table__header.t-table__header--fixed {
    position: -webkit-sticky;
    position: sticky;
    z-index: 50
}

.t-table:not(.t-table--striped) .t-table__footer>tr {
    background-color: var(--td-bg-color-secondarycontainer)
}

.t-table__header--fixed:not(.t-table__header--multiple)>tr>th {
    background-color: var(--td-bg-color-secondarycontainer)
}

.t-table__row--fixed-top,.t-table__row--fixed-bottom {
    position: -webkit-sticky;
    position: sticky;
    z-index: 70
}

.t-table__row--fixed-bottom-first>td {
    border-top: 1px solid var(--td-component-border)
}

.t-table--bordered .t-table__content .t-table__row--without-border-bottom>td {
    border-bottom: 0
}

.t-table--bordered tbody>tr:last-child>td,.t-table--bordered tfoot>tr:last-child>td {
    border-bottom: 0
}

.t-table--bordered tfoot>tr:first-child>td {
    border-top: 1px solid var(--td-component-border)
}

.t-table__header.t-table__header--fixed {
    top: 0
}

.t-table__footer.t-table__footer--fixed {
    bottom: 0
}

.t-table--column-fixed .t-table__cell--fixed-left-last:before {
    z-index: -1;
    background-color: inherit
}

.t-table--column-fixed .t-table__cell--fixed-left-last:after {
    position: absolute;
    top: 0;
    bottom: 0;
    content: "";
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s,-webkit-box-shadow .3s;
    pointer-events: none;
    z-index: -2
}

.t-table--column-fixed .t-table__cell--fixed-left-last:after {
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translate(100%)
}

.t-table--column-fixed .t-table__cell--fixed-right-first:before {
    z-index: -1;
    background-color: inherit
}

.t-table--column-fixed .t-table__cell--fixed-right-first:after {
    position: absolute;
    top: 0;
    bottom: 0;
    content: "";
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s,-webkit-box-shadow .3s;
    pointer-events: none;
    z-index: -2
}

.t-table--column-fixed .t-table__cell--fixed-right-first:after {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translate(-100%)
}

.t-table--column-fixed .t-table__cell--fixed-left,.t-table--column-fixed .t-table__cell--fixed-right {
    position: -webkit-sticky;
    position: sticky
}

.t-table--column-fixed .t-table__cell--fixed-left {
    z-index: 30
}

.t-table--column-fixed .t-table__cell--fixed-right {
    z-index: 31
}

.t-table__empty-row>td {
    padding: 0;
    border: 0
}

.t-table:not(.t-table--bordered) .t-table__header.t-table--bordered>tr:first-child>th {
    border-top: 1px solid var(--td-component-border)
}

.t-table--multiple-header .t-table__header th.t-table__header-th--bordered {
    border-left-width: 1px
}

.t-table__header.t-table__header--multiple>tr {
    background-color: var(--td-bg-color-container)
}

.t-table__tree-op-icon {
    margin-right: var(--td-comp-margin-s);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: -3px
}

.t-table__tree-op-icon:hover {
    color: var(--td-brand-color);
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.t-table__tree-leaf-node .t-table__tree-op-icon {
    min-width: 0;
    margin-right: var(--td-comp-margin-xxs)
}

.t-table__virtual-scroll-cursor {
    position: absolute;
    width: 1px;
    height: 1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.t-table__virtual-scroll-header {
    position: absolute;
    z-index: 51;
    left: 0
}

.t-table__affixed-header-elm-wrap {
    overflow: hidden
}

.t-table__affixed-header-elm-wrap,.t-table__affixed-header-elm {
    position: absolute;
    left: 0;
    z-index: 51
}

.t-table__affixed-header-elm {
    overflow: auto;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    opacity: 1
}

.t-table__affixed-footer-elm {
    overflow: auto;
    z-index: 50
}

.t-table--bordered .t-table__affixed-header-elm {
    border: 1px solid var(--td-component-border);
    border-bottom: 0;
    border-right: 0
}

.t-table--bordered .t-table__affixed-footer-elm {
    border-left: 1px solid var(--td-component-border);
    border-bottom: 1px solid var(--td-component-border)
}

.t-table--multiple-header.t-table--bordered .t-table__affixed-header-elm {
    border-right: 0
}

.t-is-hidden {
    display: none
}

.t-positive-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.t-negative-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.t-table__expanded-row>td,.t-table__row--full>td {
    padding: 0
}

.t-table__row-full-element {
    padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l)
}

.t-table__row-full-inner {
    position: -webkit-sticky;
    position: sticky;
    left: 0
}

.t-table__row-full-inner:not(.t-table__empty) {
    display: inline-block
}

.t-table__tree-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-table__tree-col--inline {
    display: inline
}

.t-table--full-height {
    height: 100%
}

.t-table--loading .t-table__content {
    min-height: 168px
}

.t-table__handle-draggable:hover,.t-table--row-draggable tr,.t-table__th--drag-sort {
    cursor: move
}

.t-table__ele--draggable-chosen {
    -webkit-box-shadow: var(--td-shadow-1);
    box-shadow: var(--td-shadow-1)
}

.t-table:not(.t-table--row-edit) .t-table__cell--editable {
    min-height: 22px;
    line-height: var(--td-line-height-body-medium);
    cursor: pointer
}

.t-table:not(.t-table--row-edit) .t-table__cell--editable .t-icon {
    margin-left: var(--td-comp-margin-s);
    font-size: var(--td-font-size-body-large);
    -webkit-transition: .2s linear;
    transition: .2s linear;
    color: var(--td-text-color-placeholder)
}

.t-table:not(.t-table--row-edit) .t-table__cell--editable .t-icon:hover {
    color: var(--td-brand-color)
}

.t-table:not(.t-table--row-edit) .t-table__cell--editable:hover {
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.t-affix .t-table__pagination {
    background-color: var(--td-bg-color-container)
}

.t-table--bordered .t-affix .t-table__pagination {
    border-top: 1px solid var(--td-component-border)
}

.t-table__bottom-content+.t-table__pagination-wrap .t-table__pagination {
    border: 0;
    padding: 0
}

.t-table--column-resizable:not(.t-table--bordered) th {
    border-top: 1px solid transparent
}

.t-table--column-resizable:not(.t-table--bordered) thead.t-table__header:hover th:not(:last-child) {
    border-right: 1px solid var(--td-component-border)
}

.t-table--column-resizable:not(.t-table--bordered) thead.t-table__header:hover th {
    border-top: 1px solid var(--td-component-border)
}

.t-table--column-resizable:not(.t-table--bordered).t-table__content--scrollable-to-left.t-table__content--scrollable-to-right thead.t-table__header:hover .t-table__cell--fixed-left-last:not(:last-child),.t-table--column-resizable:not(.t-table--bordered).t-table__content--scrollable-to-left thead.t-table__header:hover .t-table__cell--fixed-left-last:not(:last-child) {
    border-right: 0
}

.t-table td.t-table__cell-check,.t-table th.t-table__cell-check {
    padding: 0;
    height: 0
}

.t-table td.t-table__cell-check .t-radio__label:empty,.t-table th.t-table__cell-check .t-radio__label:empty,.t-table td.t-table__cell-check .t-checkbox__label:empty,.t-table th.t-table__cell-check .t-checkbox__label:empty {
    display: none
}

.t-table .t-table__cell-check .t-radio,.t-table .t-table__cell-check .t-checkbox,.t-table .t-table__cell-check .t-table__th-cell-inner {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-table td .t-input__tips {
    position: initial
}

.t-table .t-table__sort-column {
    background-color: var(--td-bg-color-secondarycontainer)
}

.t-table__ellipsis-content.t-size-s .t-popup__content {
    font: var(--td-font-body-medium)
}

.t-tabs {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    background-color: var(--td-bg-color-container)
}

.t-tabs__header.t-is-left {
    float: left
}

.t-tabs__header.t-is-right {
    float: right
}

.t-tabs__header .t-icon {
    font-size: var(--td-font-size-body-large)
}

.t-tabs__nav {
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.t-tabs__operations {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: absolute;
    border-bottom: 1px solid var(--td-component-stroke)
}

.t-tabs__operations--left {
    left: 0;
    z-index: 2
}

.t-tabs__operations--right {
    right: 0;
    z-index: 2
}

.t-tabs__operations--right .t-tabs__btn:first-child {
    -webkit-box-shadow: -10px 0 20px 5px rgba(0,0,0,.05);
    box-shadow: -10px 0 20px 5px #0000000d
}

.t-tabs__operations--right .t-tabs__nav-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.t-tabs__btn {
    width: 40px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--td-bg-color-secondarycontainer);
    border-left: 1px solid var(--td-component-stroke);
    cursor: pointer;
    color: var(--td-text-color-secondary);
    font: var(--td-font-body-large);
    -webkit-transition: all .24s cubic-bezier(.38,0,.24,1);
    transition: all .24s cubic-bezier(.38,0,.24,1);
    z-index: 1;
    opacity: 1
}

.t-tabs__btn:hover {
    background-color: var(--td-bg-color-secondarycontainer-hover)
}

.t-tabs__btn.t-size-m {
    height: var(--td-comp-size-xxl);
    line-height: var(--td-comp-size-xxl)
}

.t-tabs__btn.t-size-l {
    height: var(--td-comp-size-xxxxl);
    line-height: var(--td-comp-size-xxxxl)
}

.t-tabs__btn--left {
    border-right: 1px solid var(--td-component-stroke);
    -webkit-box-shadow: 10px 0px 20px 5px rgba(0,0,0,.05);
    box-shadow: 10px 0 20px 5px #0000000d
}

.t-tabs__btn--left.fade-enter,.t-tabs__btn--left.fade-enter-from,.t-tabs__btn--left.fade-leave-to {
    -webkit-transform: translateX(-50px);
    transform: translate(-50px)
}

.t-tabs__btn--right.fade-enter,.t-tabs__btn--right.fade-enter-from,.t-tabs__btn--right.fade-leave-to {
    -webkit-transform: translateX(50px);
    transform: translate(50px)
}

.t-tabs__nav-container {
    position: relative
}

.t-tabs__nav-container.t-is-top:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    background-color: var(--td-component-stroke)
}

.t-tabs__nav-container.t-is-bottom:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background-color: var(--td-component-stroke)
}

.t-tabs__nav-container.t-is-left:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    background-color: var(--td-component-stroke)
}

.t-tabs__nav-container.t-is-right:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background-color: var(--td-component-stroke)
}

.t-tabs__nav-container.t-is-addable {
    margin-right: 40px
}

.t-tabs__nav-container.t-tabs__nav--card:after {
    content: "";
    background-color: transparent
}

.t-tabs__scroll-btn {
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 100%;
    display: block;
    background-color: var(--td-bg-color-secondarycontainer);
    text-align: center;
    border-bottom: 1px solid var(--td-component-stroke);
    cursor: pointer;
    color: var(--td-text-color-secondary);
    font: var(--td-font-body-large)
}

.t-tabs__scroll-btn.t-size-m {
    height: var(--td-comp-size-xxl);
    line-height: var(--td-comp-size-xxl)
}

.t-tabs__scroll-btn.t-size-l {
    height: var(--td-comp-size-xxxxl);
    line-height: var(--td-comp-size-xxxxl)
}

.t-tabs__nav-scroll {
    position: relative;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transform: translate(0);
    transform: translate(0);
    z-index: 1
}

.t-tabs__nav-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0
}

.t-tabs__nav-wrap.t-is-smooth {
    -webkit-transition: -webkit-transform .24s cubic-bezier(0,0,.15,1);
    transition: -webkit-transform .24s cubic-bezier(0,0,.15,1);
    transition: transform .24s cubic-bezier(0,0,.15,1);
    transition: transform .24s cubic-bezier(0,0,.15,1),-webkit-transform .24s cubic-bezier(0,0,.15,1)
}

.t-tabs__nav-wrap.t-is-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.t-tabs__bar {
    position: absolute;
    background-color: var(--td-brand-color);
    z-index: 1;
    -webkit-transition: all .24s cubic-bezier(.38,0,.24,1);
    transition: all .24s cubic-bezier(.38,0,.24,1);
    border-radius: var(--td-radius-small)
}

.t-tabs__bar.t-is-top {
    bottom: 0;
    left: 0;
    height: 3px
}

.t-tabs__bar.t-is-bottom {
    top: 0;
    left: 0;
    height: 3px
}

.t-tabs__bar.t-is-left {
    top: 0;
    right: 0;
    width: 3px
}

.t-tabs__bar.t-is-right {
    top: 0;
    left: 0;
    width: 3px
}

.t-tabs__nav-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font: var(--td-font-body-medium);
    color: var(--td-text-color-secondary);
    position: relative;
    overflow: hidden;
    z-index: 0;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: background-color cubic-bezier(.38,0,.24,1) .2s;
    transition: background-color cubic-bezier(.38,0,.24,1) .2s;
    --ripple-color: var(--td-bg-color-container-active)
}

.t-tabs__nav-item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--td-comp-size-m);
    padding: 0 var(--td-comp-paddingLR-s);
    margin-left: var(--td-comp-margin-s);
    margin-right: var(--td-comp-margin-s);
    border-radius: var(--td-radius-default);
    -webkit-transition: background-color cubic-bezier(.38,0,.24,1) .2s;
    transition: background-color cubic-bezier(.38,0,.24,1) .2s;
    --ripple-color: var(--td-bg-color-container-active)
}

.t-tabs__nav-item.t-size-l {
    font: var(--td-font-body-large)
}

.t-tabs__nav-item.t-size-l .t-tabs__nav-item-wrapper {
    height: var(--td-comp-size-xxl);
    padding: 0 var(--td-comp-paddingLR-m)
}

.t-tabs__nav-item-text-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover .t-tabs__nav-item-wrapper {
    background-color: var(--td-bg-color-container-hover)
}

.t-tabs__nav-item.t-is-left,.t-tabs__nav-item.t-is-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-tabs__nav-item.t-size-m {
    height: var(--td-comp-size-xxl);
    line-height: var(--td-comp-size-xxl)
}

.t-tabs__nav-item.t-size-l {
    height: var(--td-comp-size-xxxxl);
    line-height: var(--td-comp-size-xxxxl)
}

.t-tabs__nav-item.t-is-active {
    color: var(--td-brand-color);
    text-shadow: 0 0 .3px currentcolor
}

.t-tabs__nav-item.t-is-disabled {
    color: var(--td-text-color-disabled);
    cursor: not-allowed
}

.t-tabs__nav-item>.remove-btn {
    margin-left: var(--td-comp-margin-s);
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.t-tabs__nav--card {
    background-color: var(--td-bg-color-secondarycontainer)
}

.t-tabs__nav--card.t-tabs__nav-item {
    padding-right: var(--td-comp-paddingLR-l);
    padding-left: var(--td-comp-paddingLR-l);
    border-bottom: 1px solid var(--td-component-stroke)
}

.t-tabs__nav--card.t-tabs__nav-item:after {
    display: none
}

.t-tabs__nav--card.t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover {
    background-color: var(--td-bg-color-secondarycontainer-hover)
}

.t-tabs__nav--card.t-tabs__nav-item:not(:first-of-type) {
    border-left: 1px solid var(--td-component-stroke)
}

.t-tabs__nav--card.t-tabs__nav-item:last-of-type {
    border-right: 1px solid var(--td-component-stroke)
}

.t-tabs__nav--card.t-tabs__nav-item.t-is-active {
    color: var(--td-brand-color);
    background-color: var(--td-bg-color-container);
    border-bottom-color: var(--td-bg-color-container)
}

.t-tabs__nav--card.t-tabs__nav-item.t-size-l {
    padding-left: var(--td-comp-paddingLR-xl);
    padding-right: var(--td-comp-paddingLR-xl)
}

.t-tabs__nav--card .t-icon-close {
    color: var(--td-text-color-secondary);
    -webkit-transition: color cubic-bezier(.38,0,.24,1) .2s;
    transition: color cubic-bezier(.38,0,.24,1) .2s
}

.t-tabs__nav--card .t-icon-close:hover {
    color: var(--td-text-color-primary)
}

.t-tabs__content {
    overflow: hidden;
    position: relative
}

.t-tab-panel.t-is-hidden {
    display: none
}

.t-tree {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    position: relative
}

.t-tree.t-is-disabled,.t-tree.t-is-disabled .t-icon {
    color: var(--td-text-color-disabled)
}

.t-tree.t-is-disabled .t-tree__item.t-is-active {
    background-color: var(--td-bg-color-container-hover);
    color: var(--td-text-color-disabled)
}

.t-tree.t-is-disabled .t-tree__item .t-icon {
    color: var(--td-text-color-secondary)
}

.t-tree__empty {
    color: var(--td-text-color-disabled)
}

.t-tree__branch {
    display: block
}

.t-tree__item {
    --level: 0;
    --hscale: 2;
    will-change: opacity,max-height;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 calc(var(--td-comp-margin-xxl) * var(--level));
    cursor: default;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000
}

.t-tree__item .t-icon,.t-tree__item .t-loading {
    display: inline-block;
    position: relative;
    z-index: 2;
    font-size: calc(var(--td-font-size-body-medium) + 2px)
}

.t-tree__item .t-icon {
    color: var(--td-text-color-secondary)
}

.t-tree__item .t-checkbox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0
}

.t-tree__item .t-checkbox__input {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.t-tree__item .t-checkbox__label {
    overflow: hidden;
    text-overflow: ellipsis
}

.t-tree__item .t-tree__icon--default .t-icon {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.t-tree__item--open .t-icon {
    color: var(--td-text-color-brand)
}

.t-tree__item--open .t-tree__icon--default .t-icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.t-tree__item--clickable {
    cursor: pointer
}

.t-tree__item--locked {
    color: var(--td-text-color-disabled)
}

.t-tree__item--matched {
    color: inherit
}

.t-tree__item--draggable {
    cursor: pointer
}

.t-tree__item--draggable:hover {
    background-color: var(--td-bg-color-container-hover);
    background-clip: content-box
}

.t-tree__item--draggable:after {
    position: absolute;
    top: -1px;
    right: 0;
    left: 0;
    display: block;
    height: 2px;
    border-radius: 1px;
    content: "";
    padding: inherit;
    background-clip: content-box
}

.t-tree__item--tip-top:after {
    background-color: var(--td-brand-color)
}

.t-tree__item--tip-bottom:after {
    top: unset;
    bottom: -1px;
    background-color: var(--td-brand-color)
}

.t-tree__item--tip-highlight {
    background-color: var(--td-brand-color-light);
    background-clip: content-box
}

.t-tree__item:before {
    content: "";
    display: block;
    width: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: calc(var(--td-comp-size-m) + 2px)
}

.t-tree--block-node .t-tree__label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.t-tree--hoverable .t-tree__label:not(.t-is-active):not(.t-is-checked):hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-tree__line {
    --level: 0;
    --color: var(--td-border-level-1-color);
    --space: var(--td-comp-margin-xxl);
    --iconSize: 16px;
    position: absolute;
    left: calc(var(--td-comp-margin-xxl) * var(--level) - var(--td-comp-margin-l));
    bottom: var(--td-comp-margin-l);
    width: 1px;
    height: calc(var(--td-comp-size-m) + 2px);
    pointer-events: none
}

.t-tree__line:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    height: calc(var(--td-comp-size-m) + 2px);
    width: var(--td-comp-margin-m);
    border-left: 1px solid var(--color);
    border-bottom: 1px solid var(--color)
}

.t-tree__line--first:before {
    height: var(--td-line-height-body-medium)
}

.t-tree__line--leaf:before {
    width: var(--td-comp-margin-m)
}

.t-tree__icon {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: calc(var(--td-font-size-body-medium) + 2px);
    font-size: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.t-tree__icon:after {
    content: "";
    display: block;
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(calc(var(--td-font-size-body-medium) + 2px) + 4px);
    height: calc(calc(var(--td-font-size-body-medium) + 2px) + 4px);
    border-radius: var(--td-radius-default)
}

.t-tree__icon:not(:empty):hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-tree__icon:empty {
    cursor: initial
}

.t-tree__label {
    --ripple-color: var(--td-bg-color-container-active);
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xs);
    margin-left: var(--td-comp-margin-xs);
    border-radius: var(--td-radius-default);
    cursor: pointer;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.t-tree__label.t-is-checked {
    font-weight: 500;
    color: var(--td-text-color-primary);
    background-color: var(--td-brand-color-light)
}

.t-tree__label::-moz-selection {
    background-color: transparent
}

.t-tree__label::selection {
    background-color: transparent
}

.t-is-active .t-tree__label {
    font-weight: 500;
    color: var(--td-text-color-primary);
    background-color: var(--td-brand-color-light)
}

.t-tree__space {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.t-tree__operations {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

.t-tree__operations .t-icon {
    cursor: pointer
}

.t-tree__item.t-is-disabled {
    color: var(--td-text-color-disabled);
    cursor: default
}

.t-tree__item.t-is-disabled .t-checkbox {
    cursor: default
}

.t-tree__item--hidden {
    display: none
}

.t-tree--transition .t-tree__label {
    -webkit-transition: background-color .24s cubic-bezier(.38,0,.24,1);
    transition: background-color .24s cubic-bezier(.38,0,.24,1)
}

.t-tree--transition .t-tree__icon {
    -webkit-transition: color,-webkit-transform .24s cubic-bezier(.38,0,.24,1);
    transition: color,-webkit-transform .24s cubic-bezier(.38,0,.24,1);
    transition: color,transform .24s cubic-bezier(.38,0,.24,1);
    transition: color,transform .24s cubic-bezier(.38,0,.24,1),-webkit-transform .24s cubic-bezier(.38,0,.24,1)
}

.t-tree--transition .t-tree__icon:after {
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.t-tree--transition .t-tree__icon:not(:empty):hover {
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.t-tree--transition .t-tree__icon--default .t-icon {
    -webkit-transition: color,-webkit-transform cubic-bezier(.38,0,.24,1) .2s;
    transition: color,-webkit-transform cubic-bezier(.38,0,.24,1) .2s;
    transition: color,transform cubic-bezier(.38,0,.24,1) .2s;
    transition: color,transform cubic-bezier(.38,0,.24,1) .2s,-webkit-transform cubic-bezier(.38,0,.24,1) .2s
}

.t-tree--transition .t-tree__item--visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px);
    opacity: 1;
    -webkit-transition: opacity .15s linear .15s,max-height .15s linear 0s;
    transition: opacity .15s linear .15s,max-height .15s linear 0s
}

.t-tree--transition .t-tree__item--hidden {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-animation: initial;
    animation: initial;
    -webkit-transition: opacity .15s linear 0s,max-height .15s linear .15s;
    transition: opacity .15s linear 0s,max-height .15s linear .15s
}

.t-tree--transition .t-tree__item--enter-active {
    -webkit-animation: t-tree-toggle .3s linear;
    animation: t-tree-toggle .3s linear
}

.t-tree--transition .t-tree__item--leave-active {
    animation: t-tree-toggle .3s reverse linear forwards
}

.t-tree__vscroll,.t-tree__lazyload {
    overflow-y: auto
}

.t-tree__vscroll-cursor {
    position: absolute;
    width: 1px;
    height: 1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.t-tree--scrolling .t-tree__item {
    will-change: initial
}

.t-tree--scrolling .v-enter,.t-tree--scrolling .v-leave,.t-tree--scrolling .t-tree__item--visible,.t-tree--scrolling .t-tree__item--hidden,.t-tree--scrolling .t-tree__item--enter,.t-tree--scrolling .t-tree__item--enter-active,.t-tree--scrolling .t-tree__item--enter-to,.t-tree--scrolling .t-tree__item--leave,.t-tree--scrolling .t-tree__item--leave-active .t-tree__item--leave-to {
    -webkit-animation: none;
    animation: none;
    -webkit-transition: none;
    transition: none
}

.t-tree--scrolling .t-tree__item--visible,.t-tree--scrolling .t-tree__item--enter-to,.t-tree--scrolling .t-tree__item--enter-active {
    max-height: initial
}

.t-tree--scrolling .t-tree__item--leave-to,.t-tree--scrolling .t-tree__item--leave-active {
    max-height: 0
}

@-webkit-keyframes t-tree-toggle {
    0% {
        opacity: 0;
        max-height: 0
    }

    50% {
        opacity: 0;
        max-height: calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px)
    }

    to {
        opacity: 1;
        max-height: calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px)
    }
}

@keyframes t-tree-toggle {
    0% {
        opacity: 0;
        max-height: 0
    }

    50% {
        opacity: 0;
        max-height: calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px)
    }

    to {
        opacity: 1;
        max-height: calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px)
    }
}

.t-tree-select {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none
}

.t-tree-select--without-input input {
    display: none
}

.t-tree-select--without-input .t-input__suffix-icon {
    margin-left: auto
}

.t-tree-select .t-fake-arrow {
    -webkit-transition: color .2s cubic-bezier(.38,0,.24,1);
    transition: color .2s cubic-bezier(.38,0,.24,1);
    color: var(--td-text-color-placeholder)
}

.t-tree-select .t-fake-arrow--highlight {
    color: var(--td-text-color-brand)
}

.t-tree-select .t-fake-arrow--disable {
    color: var(--td-text-color-disabled)
}

.t-tree-select--placeholder {
    color: var(--td-text-color-placeholder)
}

.t-tree-select.t-single-suffix {
    padding-right: 20px
}

.t-tree-select.t-tag-prefix {
    padding-left: 4px
}

.t-tree-select-popup .t-popup__content {
    padding: var(--td-pop-padding-m);
    max-height: 300px;
    overflow-y: auto
}

@-moz-document url-prefix() {
    .t-tree-select-popup .t-popup__content {
        scrollbar-color: var(--td-scrollbar-color) transparent;
        scrollbar-width: thin
    }
}

.t-tree-select-popup .t-popup__content::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.t-tree-select-popup .t-popup__content::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    background-clip: content-box;
    background-color: var(--td-scrollbar-color);
    border-radius: 15px
}

.t-tree-select-popup .t-popup__content::-webkit-scrollbar-thumb:vertical:hover,.t-tree-select-popup .t-popup__content::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: var(--td-scrollbar-hover-color)
}

.t-divider {
    margin: 0;
    padding: 0;
    list-style: none;
    font: var(--td-font-body-medium);
    margin: var(--td-comp-margin-xxl) 0;
    border-top: 1px solid var(--td-border-level-1-color);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.t-divider--dashed {
    border-top-style: dashed
}

.t-divider--horizontal {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-divider--vertical {
    border-top: 0;
    display: inline-block;
    margin: 0 var(--td-comp-margin-m);
    border-left: 1px solid var(--td-border-level-1-color);
    height: .9em;
    vertical-align: middle
}

.t-divider--with-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 0;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-divider--with-text .t-divider__inner-text:not(:empty) {
    padding: 0 1em;
    display: inline-block
}

.t-divider--with-text:before,.t-divider--with-text:after {
    content: "";
    width: 50%;
    border-top: 1px solid var(--td-border-level-1-color)
}

.t-divider--with-text-left:before {
    width: 5%
}

.t-divider--with-text-left:after {
    width: 95%
}

.t-divider--with-text-right:before {
    width: 95%
}

.t-divider--with-text-right:after {
    width: 5%
}

.t-divider--dashed:before,.t-divider--dashed:after {
    border-top: 1px dashed var(--td-border-level-1-color)
}

.t-divider--vertical.t-divider--dashed {
    border-left: 1px dashed var(--td-border-level-1-color)
}

.t-switch {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    outline: none;
    border: 0;
    padding: 0;
    margin: 0;
    height: var(--td-comp-size-xxs);
    line-height: var(--td-comp-size-xxs);
    border-radius: var(--td-radius-round);
    min-width: calc(var(--td-comp-size-xxs) / .618);
    -webkit-transition: all .2s cubic-bezier(.38,0,.24,1);
    transition: all .2s cubic-bezier(.38,0,.24,1);
    background-color: var(--td-bg-color-secondarycomponent);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.t-switch:hover {
    background-color: var(--td-bg-color-secondarycomponent-hover)
}

.t-switch__handle {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 4px;
    left: 4px;
    width: calc(var(--td-comp-size-xxs) - 2 * 4px);
    height: calc(var(--td-comp-size-xxs) - 2 * 4px);
    border-radius: var(--td-radius-round);
    -webkit-transition: all .2s cubic-bezier(.38,0,.24,1);
    transition: all .2s cubic-bezier(.38,0,.24,1);
    -webkit-box-shadow: var(--td-shadow-1);
    box-shadow: var(--td-shadow-1)
}

.t-switch__handle .t-icon {
    font-size: calc(var(--td-comp-size-xxs) - 4px);
    color: transparent
}

.t-switch__handle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--td-radius-round);
    background-color: #fff;
    -webkit-transition: all .2s cubic-bezier(.38,0,.24,1);
    transition: all .2s cubic-bezier(.38,0,.24,1)
}

.t-switch:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle:before {
    left: 0;
    right: -6px
}

.t-switch:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle:before {
    right: 0;
    left: -6px
}

.t-switch:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__content {
    opacity: 0
}

.t-switch__content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--td-text-color-anti);
    padding: 0 var(--td-comp-margin-xs) 0 calc(calc(var(--td-comp-size-xxs) / .618) / 2 + 2px);
    font-size: var(--td-font-size-body-small);
    min-width: calc(var(--td-comp-size-xxs) / .618);
    -webkit-transition: padding .2s cubic-bezier(.38,0,.24,1),opacity .2s linear;
    transition: padding .2s cubic-bezier(.38,0,.24,1),opacity .2s linear
}

.t-switch__content .t-icon {
    font-size: var(--td-font-size-body-large)
}

.t-switch.t-is-checked {
    background-color: var(--td-brand-color)
}

.t-switch.t-is-checked:hover {
    background-color: var(--td-brand-color-hover)
}

.t-switch.t-is-checked .t-switch__handle {
    left: calc(100% - 2.5px);
    -webkit-transform: translate(-100%,0);
    transform: translate(-100%);
    width: calc(var(--td-comp-size-xxs) - 2 * 2.5px);
    height: calc(var(--td-comp-size-xxs) - 2 * 2.5px);
    top: 2.5px
}

.t-switch.t-is-checked .t-switch__content {
    padding: 0 calc(calc(var(--td-comp-size-xxs) / .618) / 2 + 2px) 0 var(--td-comp-margin-xs);
    color: var(--td-text-color-anti)
}

.t-switch.t-is-loading {
    cursor: not-allowed;
    background-color: var(--td-bg-color-component-disabled)
}

.t-switch.t-is-loading .t-loading {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.t-switch.t-is-loading .t-switch__handle .t-icon {
    color: var(--td-bg-color-component-disabled)
}

.t-switch.t-is-loading.t-is-checked {
    background-color: var(--td-brand-color-focus)
}

.t-switch.t-is-loading.t-is-checked .t-switch__handle .t-icon {
    color: var(--td-brand-color-focus)
}

.t-switch.t-is-disabled {
    cursor: not-allowed;
    background-color: var(--td-bg-color-component-disabled)
}

.t-switch.t-is-disabled .t-switch__handle {
    -webkit-box-shadow: none;
    box-shadow: none
}

.t-switch.t-is-disabled.t-is-checked {
    background-color: var(--td-brand-color-disabled)
}

.t-switch.t-is-disabled.t-is-checked .t-switch__handle {
    -webkit-box-shadow: none;
    box-shadow: none
}

.t-switch.t-is-disabled.t-is-checked .t-switch__handle .t-icon {
    color: var(--td-brand-color-disabled)
}

.t-switch.t-size-l {
    min-width: calc(var(--td-comp-size-xs) / .618);
    height: var(--td-comp-size-xs);
    line-height: var(--td-comp-size-xs);
    border-radius: var(--td-radius-round)
}

.t-switch.t-size-l:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle:before {
    left: 0;
    right: -8px
}

.t-switch.t-size-l:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle:before {
    right: 0;
    left: -8px
}

.t-switch.t-size-l .t-switch__handle {
    top: 5px;
    left: 5px;
    width: calc(var(--td-comp-size-xs) - 2 * 5px);
    height: calc(var(--td-comp-size-xs) - 2 * 5px)
}

.t-switch.t-size-l .t-switch__handle .t-icon {
    font-size: calc(var(--td-comp-size-xs) - 4px)
}

.t-switch.t-size-l .t-switch__content {
    padding: 0 var(--td-comp-margin-s) 0 calc(calc(var(--td-comp-size-xs) / .618) / 2 + 4px);
    min-width: calc(var(--td-comp-size-xs) / .618);
    font-size: 9px
}

.t-switch.t-size-l .t-switch__content .t-icon {
    font-size: var(--td-font-size-body-large)
}

.t-switch.t-size-l.t-is-checked .t-switch__handle {
    left: calc(100% - 3px);
    top: 3px;
    width: calc(var(--td-comp-size-xs) - 2 * 3px);
    height: calc(var(--td-comp-size-xs) - 2 * 3px)
}

.t-switch.t-size-l.t-is-checked .t-switch__content {
    padding: 0 calc(calc(var(--td-comp-size-xs) / .618) / 2 + 4px) 0 var(--td-comp-margin-s)
}

.t-switch.t-size-s {
    min-width: calc(var(--td-comp-size-xxxs) / .618);
    height: var(--td-comp-size-xxxs);
    line-height: var(--td-comp-size-xxxs);
    border-radius: var(--td-radius-round)
}

.t-switch.t-size-s:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle:before {
    left: 0;
    right: -4px
}

.t-switch.t-size-s:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle:before {
    right: 0;
    left: -4px
}

.t-switch.t-size-s .t-switch__handle {
    top: 3px;
    left: 3px;
    width: calc(var(--td-comp-size-xxxs) - 2 * 3px);
    height: calc(var(--td-comp-size-xxxs) - 2 * 3px)
}

.t-switch.t-size-s .t-switch__handle .t-icon {
    font-size: calc(var(--td-comp-size-xxxs) - 4px)
}

.t-switch.t-size-s .t-switch__content {
    padding: 0 var(--td-comp-margin-xxs) 0 calc(calc(var(--td-comp-size-xxxs) / .618) / 2 + 2px);
    min-width: calc(var(--td-comp-size-xxxs) / .618);
    font-size: 9px
}

.t-switch.t-size-s .t-switch__content .t-icon {
    font-size: var(--td-font-size-body-large)
}

.t-switch.t-size-s.t-is-checked .t-switch__handle {
    left: calc(100% - 2px);
    top: 2px;
    width: calc(var(--td-comp-size-xxxs) - 2 * 2px);
    height: calc(var(--td-comp-size-xxxs) - 2 * 2px)
}

.t-switch.t-size-s.t-is-checked .t-switch__content {
    padding: 0 calc(calc(var(--td-comp-size-xxxs) / .618) / 2 + 2px) 0 var(--td-comp-margin-xxs)
}

.t-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    outline: none;
    padding: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    font: var(--td-font-link-medium)
}

.t-link .t-link__prefix-icon {
    margin-right: var(--td-comp-margin-s);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-link .t-link__suffix-icon {
    margin-left: var(--td-comp-margin-s);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-link.t-size-s {
    font: var(--td-font-link-small)
}

.t-link.t-size-s .t-link__prefix-icon {
    margin-right: var(--td-comp-margin-xs);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-link.t-size-s .t-link__suffix-icon {
    margin-left: var(--td-comp-margin-xs);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-link.t-size-l {
    font: var(--td-font-link-large)
}

.t-link.t-size-l .t-link__prefix-icon {
    margin-right: var(--td-comp-margin-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-link.t-size-l .t-link__suffix-icon {
    margin-left: var(--td-comp-margin-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-link--theme-default {
    color: var(--td-text-color-primary)
}

.t-link--theme-default:active {
    color: var(--td-brand-color-active)
}

.t-link--theme-default.t-link--hover-underline:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    border-bottom: 1px solid var(--td-text-color-primary);
    opacity: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.t-link--theme-default.t-link--hover-underline:hover:after {
    opacity: 1
}

.t-link--theme-default.t-link--hover-underline:active:after {
    opacity: 1;
    border-color: var(--td-brand-color-active)
}

.t-link--theme-default.t-link--hover-color:hover {
    color: var(--td-brand-color-hover)
}

.t-link--theme-default.t-link--hover-color.t-is-underline:hover:after {
    border-color: var(--td-brand-color-hover)
}

.t-link--theme-default.t-link--hover-color.t-is-underline:active:after {
    border-color: var(--td-brand-color-active)
}

.t-link--theme-default.t-link--hover-color:active {
    color: var(--td-brand-color-active)
}

.t-link--theme-default.t-is-underline:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    opacity: 1;
    border-bottom: 1px solid var(--td-text-color-primary);
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.t-link--theme-default.t-is-disabled {
    cursor: not-allowed;
    color: var(--td-text-color-disabled)
}

.t-link--theme-default.t-is-disabled:hover,.t-link--theme-default.t-is-disabled:active {
    color: var(--td-text-color-disabled)
}

.t-link--theme-default.t-is-disabled.t-is-underline:after {
    border-color: var(--td-text-color-disabled)
}

.t-link--theme-primary {
    color: var(--td-brand-color)
}

.t-link--theme-primary:active {
    color: var(--td-brand-color-active)
}

.t-link--theme-primary.t-link--hover-underline:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    border-bottom: 1px solid var(--td-brand-color);
    opacity: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.t-link--theme-primary.t-link--hover-underline:hover:after {
    opacity: 1
}

.t-link--theme-primary.t-link--hover-underline:active:after {
    opacity: 1;
    border-color: var(--td-brand-color-active)
}

.t-link--theme-primary.t-link--hover-color:hover {
    color: var(--td-brand-color-hover)
}

.t-link--theme-primary.t-link--hover-color.t-is-underline:hover:after {
    border-color: var(--td-brand-color-hover)
}

.t-link--theme-primary.t-link--hover-color.t-is-underline:active:after {
    border-color: var(--td-brand-color-active)
}

.t-link--theme-primary.t-link--hover-color:active {
    color: var(--td-brand-color-active)
}

.t-link--theme-primary.t-is-underline:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    opacity: 1;
    border-bottom: 1px solid var(--td-brand-color);
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.t-link--theme-primary.t-is-disabled {
    cursor: not-allowed;
    color: var(--td-brand-color-disabled)
}

.t-link--theme-primary.t-is-disabled:hover,.t-link--theme-primary.t-is-disabled:active {
    color: var(--td-brand-color-disabled)
}

.t-link--theme-primary.t-is-disabled.t-is-underline:after {
    border-color: var(--td-brand-color-disabled)
}

.t-link--theme-success {
    color: var(--td-success-color)
}

.t-link--theme-success:active {
    color: var(--td-success-color-active)
}

.t-link--theme-success.t-link--hover-underline:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    border-bottom: 1px solid var(--td-success-color);
    opacity: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.t-link--theme-success.t-link--hover-underline:hover:after {
    opacity: 1
}

.t-link--theme-success.t-link--hover-underline:active:after {
    opacity: 1;
    border-color: var(--td-success-color-active)
}

.t-link--theme-success.t-link--hover-color:hover {
    color: var(--td-success-color-hover)
}

.t-link--theme-success.t-link--hover-color.t-is-underline:hover:after {
    border-color: var(--td-success-color-hover)
}

.t-link--theme-success.t-link--hover-color.t-is-underline:active:after {
    border-color: var(--td-success-color-active)
}

.t-link--theme-success.t-link--hover-color:active {
    color: var(--td-success-color-active)
}

.t-link--theme-success.t-is-underline:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    opacity: 1;
    border-bottom: 1px solid var(--td-success-color);
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.t-link--theme-success.t-is-disabled {
    cursor: not-allowed;
    color: var(--td-success-color-disabled)
}

.t-link--theme-success.t-is-disabled:hover,.t-link--theme-success.t-is-disabled:active {
    color: var(--td-success-color-disabled)
}

.t-link--theme-success.t-is-disabled.t-is-underline:after {
    border-color: var(--td-success-color-disabled)
}

.t-link--theme-danger {
    color: var(--td-error-color)
}

.t-link--theme-danger:active {
    color: var(--td-error-color-active)
}

.t-link--theme-danger.t-link--hover-underline:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    border-bottom: 1px solid var(--td-error-color);
    opacity: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.t-link--theme-danger.t-link--hover-underline:hover:after {
    opacity: 1
}

.t-link--theme-danger.t-link--hover-underline:active:after {
    opacity: 1;
    border-color: var(--td-error-color-active)
}

.t-link--theme-danger.t-link--hover-color:hover {
    color: var(--td-error-color-hover)
}

.t-link--theme-danger.t-link--hover-color.t-is-underline:hover:after {
    border-color: var(--td-error-color-hover)
}

.t-link--theme-danger.t-link--hover-color.t-is-underline:active:after {
    border-color: var(--td-error-color-active)
}

.t-link--theme-danger.t-link--hover-color:active {
    color: var(--td-error-color-active)
}

.t-link--theme-danger.t-is-underline:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    opacity: 1;
    border-bottom: 1px solid var(--td-error-color);
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.t-link--theme-danger.t-is-disabled {
    cursor: not-allowed;
    color: var(--td-error-color-disabled)
}

.t-link--theme-danger.t-is-disabled:hover,.t-link--theme-danger.t-is-disabled:active {
    color: var(--td-error-color-disabled)
}

.t-link--theme-danger.t-is-disabled.t-is-underline:after {
    border-color: var(--td-error-color-disabled)
}

.t-link--theme-warning {
    color: var(--td-warning-color)
}

.t-link--theme-warning:active {
    color: var(--td-warning-color-active)
}

.t-link--theme-warning.t-link--hover-underline:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    border-bottom: 1px solid var(--td-warning-color);
    opacity: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.t-link--theme-warning.t-link--hover-underline:hover:after {
    opacity: 1
}

.t-link--theme-warning.t-link--hover-underline:active:after {
    opacity: 1;
    border-color: var(--td-warning-color-active)
}

.t-link--theme-warning.t-link--hover-color:hover {
    color: var(--td-warning-color-hover)
}

.t-link--theme-warning.t-link--hover-color.t-is-underline:hover:after {
    border-color: var(--td-warning-color-hover)
}

.t-link--theme-warning.t-link--hover-color.t-is-underline:active:after {
    border-color: var(--td-warning-color-active)
}

.t-link--theme-warning.t-link--hover-color:active {
    color: var(--td-warning-color-active)
}

.t-link--theme-warning.t-is-underline:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    opacity: 1;
    border-bottom: 1px solid var(--td-warning-color);
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.t-link--theme-warning.t-is-disabled {
    cursor: not-allowed;
    color: var(--td-warning-color-disabled)
}

.t-link--theme-warning.t-is-disabled:hover,.t-link--theme-warning.t-is-disabled:active {
    color: var(--td-warning-color-disabled)
}

.t-link--theme-warning.t-is-disabled.t-is-underline:after {
    border-color: var(--td-warning-color-disabled)
}

.t-image-viewer__img-error {
    height: 440px;
    width: 440px;
    background-color: var(--td-bg-color-component-disabled);
    border-radius: 4px;
    color: #000;
    cursor: inherit;
    position: absolute
}

.t-image-viewer__img-error .t-image-viewer__img-error-content {
    position: absolute;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    font: var(--td-font-body-medium)
}

.t-image-viewer__img-error .t-image-viewer__img-error-content .t-image-viewer__img-error-text {
    margin-top: var(--td-comp-margin-s)
}

@-webkit-keyframes modal-image-show {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes modal-image-hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes modal-image-hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes modal-mask-show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-mask-show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes modal-mask-hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes modal-mask-hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.t-image-viewer-preview-image {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3000;
    overflow: hidden;
    -webkit-animation: .2s cubic-bezier(.82,0,1,.9) modal-mask-show;
    animation: .2s cubic-bezier(.82,0,1,.9) modal-mask-show
}

.t-image-viewer-preview-image.t-is-hide {
    -webkit-animation: .2s cubic-bezier(0,0,.15,1) modal-mask-hide;
    animation: .2s cubic-bezier(0,0,.15,1) modal-mask-hide
}

.t-image-viewer-preview-image.t-is-hide .t-image-viewer__modal-pic .t-image-viewer__modal-box {
    -webkit-animation: .2s cubic-bezier(0,0,.15,1) modal-image-hide;
    animation: .2s cubic-bezier(0,0,.15,1) modal-image-hide
}

.t-image-viewer-preview-image .t-image-viewer__modal-index {
    text-align: center;
    font-size: var(--td-font-size-body-medium);
    color: var(--td-text-color-anti);
    position: absolute;
    top: 92px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    background: #0006;
    border-radius: var(--td-radius-default);
    padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);
    z-index: 1
}

.t-image-viewer-preview-image .t-image-viewer__modal-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--td-mask-active);
    height: 100%;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 1
}

.t-image-viewer-preview-image .t-image-viewer__modal-pic {
    height: 0;
    width: 0;
    position: absolute;
    top: 50%;
    left: 50%
}

.t-image-viewer-preview-image .t-image-viewer__modal-pic .t-image-viewer__modal-box {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: .2s cubic-bezier(.38,0,.24,1) modal-image-show;
    animation: .2s cubic-bezier(.38,0,.24,1) modal-image-show
}

.t-image-viewer-preview-image .t-image-viewer__modal-pic .t-image-viewer__modal-box .t-image-viewer__modal-image {
    display: block;
    max-width: min(90vw,1000px);
    max-height: min(90vh,800px);
    -webkit-transition: all .2s cubic-bezier(.38,0,.24,1);
    transition: all .2s cubic-bezier(.38,0,.24,1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0);
    -o-object-fit: contain;
    object-fit: contain
}

.t-image-viewer-preview-image .t-image-viewer__modal-header {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--td-bg-color-container);
    padding: 0 0 12px
}

.t-image-viewer-preview-image .t-image-viewer__modal-header.t-is-show {
    padding: 12px 0
}

@-webkit-keyframes preview-icon-range {
    0% {
        -webkit-transform: translate(-50%,50%) rotateZ(0);
        transform: translate(-50%,50%) rotate(0)
    }

    to {
        -webkit-transform: translate(-50%,50%) rotateZ(-180deg);
        transform: translate(-50%,50%) rotate(-180deg)
    }
}

@keyframes preview-icon-range {
    0% {
        -webkit-transform: translate(-50%,50%) rotateZ(0);
        transform: translate(-50%,50%) rotate(0)
    }

    to {
        -webkit-transform: translate(-50%,50%) rotateZ(-180deg);
        transform: translate(-50%,50%) rotate(-180deg)
    }
}

@-webkit-keyframes preview-icon-unrange {
    0% {
        -webkit-transform: translate(-50%,50%) rotateZ(-180deg);
        transform: translate(-50%,50%) rotate(-180deg)
    }

    to {
        -webkit-transform: translate(-50%,50%) rotateZ(0);
        transform: translate(-50%,50%) rotate(0)
    }
}

@keyframes preview-icon-unrange {
    0% {
        -webkit-transform: translate(-50%,50%) rotateZ(-180deg);
        transform: translate(-50%,50%) rotate(-180deg)
    }

    to {
        -webkit-transform: translate(-50%,50%) rotateZ(0);
        transform: translate(-50%,50%) rotate(0)
    }
}

.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-pre-bt {
    width: var(--td-comp-size-xxs);
    height: var(--td-comp-size-xxs);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%,50%);
    transform: translate(-50%,50%);
    background-color: var(--td-bg-color-container);
    color: var(--td-text-color-primary);
    border-radius: 50%;
    -webkit-box-shadow: var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);
    box-shadow: var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);
    -webkit-animation: .2s cubic-bezier(.38,0,.24,1) 0s 1 normal forwards running preview-icon-unrange;
    animation: .2s cubic-bezier(.38,0,.24,1) 0s 1 normal forwards running preview-icon-unrange
}

.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-pre-bt .t-icon {
    font-size: var(--td-font-size-body-large)
}

.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-pre-bt:hover {
    background-color: inherit
}

@-webkit-keyframes preview-image-show {
    0% {
        height: 0
    }

    to {
        height: 40px
    }
}

@keyframes preview-image-show {
    0% {
        height: 0
    }

    to {
        height: 40px
    }
}

@-webkit-keyframes preview-image-hide {
    0% {
        height: 40px
    }

    to {
        height: 0
    }
}

@keyframes preview-image-hide {
    0% {
        height: 40px
    }

    to {
        height: 0
    }
}

.t-image-viewer-preview-image .t-image-viewer__modal-header.t-is-show .t-image-viewer__header-prev {
    -webkit-animation: .2s cubic-bezier(.38,0,.24,1) 0s 1 normal forwards running preview-image-show;
    animation: .2s cubic-bezier(.38,0,.24,1) 0s 1 normal forwards running preview-image-show
}

.t-image-viewer-preview-image .t-image-viewer__modal-header.t-is-show .t-image-viewer__header-pre-bt {
    -webkit-animation: .2s cubic-bezier(.38,0,.24,1) 0s 1 normal forwards running preview-icon-range;
    animation: .2s cubic-bezier(.38,0,.24,1) 0s 1 normal forwards running preview-icon-range
}

.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev {
    width: calc(40px / 9 * 16 * 7 + 4px * 6);
    -webkit-animation: .2s cubic-bezier(.38,0,.24,1) 0s 1 normal forwards running preview-image-hide;
    animation: .2s cubic-bezier(.38,0,.24,1) 0s 1 normal forwards running preview-image-hide;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden
}

.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev:before,.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev:after {
    content: "";
    position: absolute;
    height: 100%;
    z-index: 1;
    width: calc(40px / 9 * 16);
    pointer-events: none
}

.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev:before {
    left: 0;
    background-image: -webkit-gradient(linear,left top,right top,from(var(--td-bg-color-container)),to(rgba(255,255,255,0)));
    background-image: linear-gradient(to right,var(--td-bg-color-container),rgba(255,255,255,0))
}

.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev:after {
    right: 0;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(var(--td-bg-color-container)));
    background-image: linear-gradient(to right,rgba(255,255,255,0),var(--td-bg-color-container))
}

.t-image-viewer-preview-image .t-image-viewer__header-trans {
    height: 100%;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4px;
    margin-left: calc(40px / 9 * 16 * 3 + 4px * 3)
}

.t-image-viewer-preview-image .t-image-viewer__header-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(40px / 9 * 16);
    height: 40px;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s;
    overflow: hidden;
    border-radius: var(--td-radius-default);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid transparent;
    background-color: var(--td-bg-color-secondarycontainer)
}

.t-image-viewer-preview-image .t-image-viewer__header-box .t-image-viewer__header-img {
    width: auto;
    height: 100%
}

.t-image-viewer-preview-image .t-image-viewer__header-box:hover,.t-image-viewer-preview-image .t-image-viewer__header-box.t-is-active {
    border-color: var(--td-brand-color)
}

.t-image-viewer-preview-image .t-image-viewer__modal-icon {
    cursor: pointer;
    color: var(--td-text-color-primary);
    border-radius: var(--td-radius-default);
    -webkit-transition: .2s;
    transition: .2s
}

.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-close-bt {
    top: 100px;
    right: 40px
}

.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-next-bt,.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-prev-bt {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-prev-bt {
    left: 40px
}

.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-next-bt {
    right: 40px
}

.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-close-bt,.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-prev-bt,.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-next-bt {
    position: fixed;
    z-index: 10;
    color: var(--td-text-color-anti);
    background-color: #0006;
    border-radius: 50%;
    width: var(--td-comp-size-xl);
    height: var(--td-comp-size-xl);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-image-viewer-preview-image .t-image-viewer__modal-icon .t-image-viewer__modal-icon-label {
    margin-left: 2px
}

.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-is-disabled {
    color: #ffffff38
}

.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-is-disabled:hover {
    background-color: #0006
}

.t-image-viewer-preview-image .t-image-viewer__modal-icon:hover {
    background-color: #0003
}

.t-image-viewer__mask {
    width: 100vh;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 99;
    position: fixed;
    background-color: transparent
}

.t-image-viewer__utils {
    width: 100%;
    position: absolute;
    bottom: 32px;
    z-index: 1;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--td-text-color-primary);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.t-image-viewer__utils .t-image-viewer__utils-content {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    line-height: 100%;
    background: var(--td-bg-color-container);
    border-radius: var(--td-radius-medium);
    padding: 0 var(--td-comp-paddingLR-xs)
}

.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__modal-icon {
    margin: 0 var(--td-comp-margin-xs);
    width: var(--td-comp-size-m);
    height: var(--td-comp-size-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: var(--td-radius-default);
    -webkit-transition: .2s;
    transition: .2s
}

.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__modal-icon:hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__utils-scale {
    width: var(--td-comp-size-xl);
    text-align: center;
    cursor: inherit
}

.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__utils-scale:hover {
    background-color: var(--td-bg-color-container)
}

.t-image-viewer-mini__footer .t-image-viewer__utils {
    position: inherit
}

.t-image-viewer-mini__content {
    max-width: min(90vw,1000px);
    max-height: min(90vh,800px)
}

@keyframes modal-image-show {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.t-image-viewer-mini__content .t-image-viewer__modal-pic .t-image-viewer__modal-box {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-image-viewer-mini__content .t-image-viewer__modal-pic .t-image-viewer__modal-box .t-image-viewer__modal-image {
    display: block;
    max-width: min(80vw,800px);
    max-height: min(80vh,600px);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transform: rotate(0deg);
    transform: rotate(0);
    -o-object-fit: contain;
    object-fit: contain
}

.t-image-viewer__dialog.t-dialog__ctx--fixed {
    z-index: 3000
}

.t-image-viewer__dialog .t-dialog__header {
    padding: 0 var(--td-comp-paddingLR-s);
    pointer-events: none
}

.t-image-viewer__dialog .t-dialog__header .t-image-viewer__dialog-title {
    pointer-events: all
}

.t-image-viewer__dialog .t-dialog__header .t-dialog__close {
    pointer-events: auto
}

.t-image-viewer__dialog .t-dialog {
    border-color: var(--td-component-border);
    overflow: hidden;
    padding: 0;
    -webkit-box-shadow: var(--td-shadow-3);
    box-shadow: var(--td-shadow-3)
}

.t-image-viewer__dialog .t-dialog__header {
    height: 40px;
    width: 100%;
    font-size: var(--td-font-size-body-medium);
    background-color: var(--td-bg-color-secondarycontainer)
}

.t-image-viewer__dialog .t-dialog__header-content {
    margin-left: 32px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.t-image-viewer__dialog .t-dialog__close:hover {
    background-color: var(--td-bg-color-secondarycontainer-hover)
}

.range-input-disabled.t-is-disabled {
    color: var(--td-text-color-disabled);
    background-color: var(--td-bg-color-component-disabled)
}

.range-input-disabled.t-is-disabled:hover {
    border-color: var(--td-border-level-2-color)
}

.range-input-disabled.t-is-disabled .t-range-input__inner {
    cursor: not-allowed;
    color: var(--td-text-color-disabled)
}

.range-input-disabled.t-is-disabled .t-range-input__inner::-webkit-input-placeholder {
    color: var(--td-text-color-disabled)
}

.range-input-disabled.t-is-disabled .t-range-input__inner::-moz-placeholder {
    color: var(--td-text-color-disabled)
}

.range-input-disabled.t-is-disabled .t-range-input__inner:-ms-input-placeholder {
    color: var(--td-text-color-disabled)
}

.range-input-disabled.t-is-disabled .t-range-input__inner::-ms-input-placeholder {
    color: var(--td-text-color-disabled)
}

.range-input-disabled.t-is-disabled .t-range-input__inner::placeholder {
    color: var(--td-text-color-disabled)
}

.range-input-disabled.t-is-disabled>.t-range-input__prefix .t-icon,.range-input-disabled.t-is-disabled>.t-range-input__suffix .t-icon {
    color: var(--td-text-color-disabled)
}

.t-range-input {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    position: relative;
    font: var(--td-font-body-medium);
    height: var(--td-comp-size-m);
    border-width: 1px;
    border-style: solid;
    border-radius: var(--td-radius-default);
    border-color: var(--td-border-level-2-color);
    padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s) var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);
    background-color: var(--td-bg-color-specialcomponent);
    color: var(--td-text-color-primary);
    font-size: var(--td-font-body-medium);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all cubic-bezier(.38,0,.24,1) .2s;
    transition: all cubic-bezier(.38,0,.24,1) .2s;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.t-range-input:hover {
    border-color: var(--td-brand-color)
}

.t-range-input.t-is-success {
    border-color: var(--td-success-color)
}

.t-range-input.t-is-success:focus {
    -webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
    box-shadow: 0 0 0 2px var(--td-success-color-focus)
}

.t-range-input.t-is-success.t-range-input--focused {
    -webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
    box-shadow: 0 0 0 2px var(--td-success-color-focus)
}

.t-range-input.t-is-success>.t-range-input__extra {
    color: var(--td-success-color)
}

.t-range-input.t-is-success>.t-range-input__tips {
    color: var(--td-success-color);
    font-size: var(--td-font-size-body-small);
    margin-left: calc(-1 * var(--td-comp-paddingLR-xs))
}

.t-range-input.t-is-warning {
    border-color: var(--td-warning-color)
}

.t-range-input.t-is-warning:focus {
    -webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
    box-shadow: 0 0 0 2px var(--td-warning-color-focus)
}

.t-range-input.t-is-warning.t-range-input--focused {
    -webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
    box-shadow: 0 0 0 2px var(--td-warning-color-focus)
}

.t-range-input.t-is-warning>.t-range-input__extra {
    color: var(--td-warning-color)
}

.t-range-input.t-is-warning>.t-range-input__tips {
    color: var(--td-warning-color);
    font-size: var(--td-font-size-body-small);
    margin-left: calc(-1 * var(--td-comp-paddingLR-xs))
}

.t-range-input.t-is-error {
    border-color: var(--td-error-color)
}

.t-range-input.t-is-error:focus {
    -webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
    box-shadow: 0 0 0 2px var(--td-error-color-focus)
}

.t-range-input.t-is-error.t-range-input--focused {
    -webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
    box-shadow: 0 0 0 2px var(--td-error-color-focus)
}

.t-range-input.t-is-error>.t-range-input__extra {
    color: var(--td-error-color)
}

.t-range-input.t-is-error>.t-range-input__tips {
    color: var(--td-error-color);
    font-size: var(--td-font-size-body-small);
    margin-left: calc(-1 * var(--td-comp-paddingLR-xs))
}

.t-range-input.t-is-disabled {
    color: var(--td-text-color-disabled);
    background-color: var(--td-bg-color-component-disabled)
}

.t-range-input.t-is-disabled:hover {
    border-color: var(--td-border-level-2-color)
}

.t-range-input.t-is-disabled .t-range-input__inner {
    cursor: not-allowed;
    color: var(--td-text-color-disabled)
}

.t-range-input.t-is-disabled .t-range-input__inner::-webkit-input-placeholder {
    color: var(--td-text-color-disabled)
}

.t-range-input.t-is-disabled .t-range-input__inner::-moz-placeholder {
    color: var(--td-text-color-disabled)
}

.t-range-input.t-is-disabled .t-range-input__inner:-ms-input-placeholder {
    color: var(--td-text-color-disabled)
}

.t-range-input.t-is-disabled .t-range-input__inner::-ms-input-placeholder {
    color: var(--td-text-color-disabled)
}

.t-range-input.t-is-disabled .t-range-input__inner::placeholder {
    color: var(--td-text-color-disabled)
}

.t-range-input.t-is-disabled>.t-range-input__prefix .t-icon,.t-range-input.t-is-disabled>.t-range-input__suffix .t-icon {
    color: var(--td-text-color-disabled)
}

.t-range-input.t-range-input--prefix .t-range-input__prefix,.t-range-input.t-range-input--suffix .t-range-input__suffix {
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--td-font-size-body-medium)
}

.t-range-input.t-size-l {
    height: var(--td-comp-size-xl);
    font: var(--td-font-body-large);
    padding-top: var(--td-comp-paddingTB-xs);
    padding-bottom: var(--td-comp-paddingTB-xs)
}

.t-range-input.t-size-l .t-input {
    padding: 0 var(--td-comp-margin-s)
}

.t-range-input.t-size-s {
    padding: var(--td-comp-paddingTB-xxs) var(--td-comp-margin-xs);
    height: var(--td-comp-size-xs);
    font: var(--td-font-body-small)
}

.t-range-input.t-is-focused {
    z-index: 1;
    border-color: var(--td-brand-color);
    -webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
    box-shadow: 0 0 0 2px var(--td-brand-color-focus)
}

.t-range-input__inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--td-comp-margin-s)
}

.t-range-input__inner .t-input__wrap {
    height: 100%;
    border-radius: var(--td-radius-small)
}

.t-range-input__inner>.t-input__prefix {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.t-range-input__inner .t-input {
    padding: 0 var(--td-comp-paddingLR-xs);
    height: 100%;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: inherit;
    border-radius: var(--td-radius-small)
}

.t-range-input__inner .t-input:hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-range-input__inner .t-input__inner {
    width: 100%;
    height: 100%;
    line-height: 1
}

.t-range-input__inner .t-input.t-is-focused {
    background-color: var(--td-bg-color-component)
}

.t-range-input__extra {
    font: var(--td-font-body-small);
    color: var(--td-text-color-placeholder)
}

.t-range-input__status {
    position: absolute;
    right: calc(0px - var(--td-comp-margin-xxxl));
    top: 0
}

.t-range-input.t-range-input--suffix .t-input__clear {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all cubic-bezier(.38,0,.24,1) .2s;
    transition: all cubic-bezier(.38,0,.24,1) .2s
}

.t-range-input.t-range-input--suffix:hover .t-input__clear {
    opacity: 1;
    visibility: visible
}

.t-range-input .t-range-input__suffix-clear {
    cursor: pointer
}

.t-range-input__prefix>.t-icon,.t-range-input__suffix>.t-icon {
    -webkit-transition: color .2s linear;
    transition: color .2s linear;
    font-size: 16px;
    color: var(--td-text-color-placeholder);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.t-range-input-popup {
    width: 100%
}

.t-range-input-popup--visible .t-range-input {
    border-color: var(--td-brand-color);
    -webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
    box-shadow: 0 0 0 2px var(--td-brand-color-focus)
}

.t-range-input-popup--visible .t-range-input .t-icon-time,.t-range-input-popup--visible .t-range-input .t-icon-calendar {
    color: var(--td-brand-color)
}

.t-range-input-popup--visible .t-range-input .t-input.t-is-focused {
    background-color: var(--td-bg-color-component)
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.t-time-picker,.t-time-range-picker {
    width: 240px;
    background: transparent;
    display: inline-block;
    position: relative;
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none
}

.t-time-picker.t-is-disabled,.t-time-range-picker.t-is-disabled {
    cursor: not-allowed
}

.t-time-picker>*:focus,.t-time-range-picker>*:focus,.t-time-picker>*:active,.t-time-range-picker>*:active {
    outline: 0
}

.t-time-picker__group,.t-time-range-picker__group {
    position: relative
}

.t-time-picker__group.active,.t-time-range-picker__group.active {
    border: 1px solid var(--td-brand-color);
    -webkit-box-shadow: 0 0 2px 2px var(--td-brand-color-focus);
    box-shadow: 0 0 2px 2px var(--td-brand-color-focus)
}

.t-time-picker__group.active+.t-time-picker__icon-wrap>.t-time-picker__icon-clear,.t-time-range-picker__group.active+.t-time-picker__icon-wrap>.t-time-picker__icon-clear {
    display: block
}

.t-time-picker__group-text,.t-time-range-picker__group-text {
    color: var(--td-text-color-primary)
}

.t-time-picker__group input,.t-time-range-picker__group input {
    cursor: pointer
}

.t-time-range-picker {
    width: auto
}

.t-time-picker__panel {
    width: 280px;
    background: transparent;
    border-radius: var(--td-radius-default);
    display: inline-block;
    position: relative;
    font: var(--td-font-body-medium);
    --timePickerPanelOffsetTop: 15;
    --timePickerPanelOffsetBottom: 21
}

.t-time-picker__panel-body {
    width: 100%;
    height: calc(calc(var(--td-comp-size-xs) + var(--td-size-3)) * 7 + var(--td-size-3));
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.t-time-picker__panel-body-active-mask {
    position: absolute;
    top: 50%;
    height: var(--td-comp-size-xs);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-time-picker__panel-body-active-mask>div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transform: translateY(calc(0px - (calc(var(--td-comp-size-xs) + var(--td-size-3)) / 2)));
    transform: translateY(calc(0px - (calc(var(--td-comp-size-xs) + var(--td-size-3)) / 2)));
    height: var(--td-comp-size-xs);
    background-color: var(--td-brand-color-light);
    margin: var(--td-size-3) var(--td-comp-margin-xs);
    border-radius: var(--td-radius-default)
}

.t-time-picker__panel-body-scroll {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    overflow-y: scroll;
    text-align: center;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0
}

.t-time-picker__panel-body-scroll::-webkit-scrollbar {
    width: 0
}

.t-time-picker__panel-body-scroll:after,.t-time-picker__panel-body-scroll:before {
    display: block;
    height: 50%;
    content: ""
}

.t-time-picker__panel-body-scroll:before {
    height: calc(50% - var(--timePickerPanelOffsetTop, 0) * 1px)
}

.t-time-picker__panel-body-scroll:after {
    height: calc(50% - var(--timePickerPanelOffsetBottom, 0) * 1px)
}

.t-time-picker__panel-body-scroll:last-child {
    border-right: 0
}

.t-time-picker__panel-body-scroll-item {
    height: var(--td-comp-size-xs);
    font: var(--td-font-body-medium);
    line-height: var(--td-comp-size-xs);
    color: var(--td-text-color-secondary);
    margin: var(--td-size-3) var(--td-comp-margin-xs);
    border-radius: var(--td-radius-default);
    text-align: center;
    cursor: pointer;
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.t-time-picker__panel-body-scroll-item:not(.t-time-picker__panel-body-scroll-item.t-is-current):not(.t-time-picker__panel-body-scroll-item.t-is-disabled):hover {
    color: var(--td-text-color-primary)
}

.t-time-picker__panel-body-scroll-item:not(.t-time-picker__panel-body-scroll-item.t-is-current):not(.t-time-picker__panel-body-scroll-item.t-is-disabled):active {
    background-color: var(--td-bg-color-container-hover)
}

.t-time-picker__panel-body-scroll-item.t-is-disabled {
    color: var(--td-text-color-disabled);
    cursor: not-allowed
}

.t-time-picker__panel-body-scroll-item.t-is-hidden {
    display: none;
    cursor: not-allowed
}

.t-time-picker__panel-body-scroll-item.t-is-current {
    color: var(--td-brand-color)
}

.t-time-picker__panel-section-body {
    padding: var(--td-pop-padding-xl) calc(var(--td-pop-padding-xl) - var(--td-comp-margin-xs))
}

.t-time-picker__panel-section-footer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    position: relative;
    border-top: 1px solid var(--td-border-level-1-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: var(--td-pop-padding-xl)
}

.t-form {
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    font: var(--td-font-body-medium)
}

.t-form:not(.t-form-inline) .t-form__item:last-of-type {
    margin: 0
}

.t-form__item {
    margin-bottom: var(--td-comp-margin-xxl)
}

.t-form__item.t-form__item-with-help {
    margin-bottom: var(--td-comp-margin-xs)
}

.t-form__item.t-form__item-with-extra {
    margin-bottom: var(--td-comp-margin-xxl)
}

.t-form__label {
    float: left;
    padding-right: var(--td-comp-paddingLR-xl);
    vertical-align: middle;
    line-height: var(--td-comp-margin-xxxl);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap
}

.t-form__label--top {
    float: none;
    min-height: var(--td-comp-margin-xxxl)
}

.t-form__label--left {
    text-align: left
}

.t-form__label--right {
    text-align: right
}

.t-form__label--required label:before {
    display: inline-block;
    margin-right: var(--td-comp-margin-xs);
    color: var(--td-error-color);
    line-height: var(--td-line-height-body-medium);
    content: "*"
}

.t-form__label--colon label:after {
    content: ":";
    position: relative;
    margin: 0 var(--td-comp-margin-xxs)
}

.t-form__controls {
    min-height: var(--td-comp-margin-xxxl);
    display: flow-root;
    position: relative
}

.t-form__controls-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: var(--td-comp-margin-xxxl)
}

.t-form__controls .t-form__item {
    margin-bottom: 0;
    margin-right: var(--td-comp-margin-xxl)
}

.t-form__controls.t-is-success .t-form__status .t-icon,.t-form__controls.t-is-success .t-input__extra,.t-form__controls.t-form--success-border.t-is-success .t-input__extra {
    color: var(--td-success-color)
}

.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-range-input,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner {
    border-color: var(--td-success-color)
}

.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input--focused,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select--focused,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button--focused,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader--focused,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-range-input--focused,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner--focused {
    -webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
    box-shadow: 0 0 0 2px var(--td-success-color-focus)
}

.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input .t-icon,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select .t-icon,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button .t-icon,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader .t-icon,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-range-input .t-icon,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner .t-icon,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input .t-fake-arrow,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select .t-fake-arrow,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button .t-fake-arrow,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader .t-fake-arrow,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-range-input .t-fake-arrow,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner .t-fake-arrow {
    color: var(--td-success-color)
}

.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select>.t-select__right-icon:not(.t-select__right-icon-clear) {
    color: var(--td-success-color)
}

.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button:last-child {
    border-right-color: var(--td-success-color)
}

.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner.t-is-focused,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader.t-is-active,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select.t-is-active {
    -webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
    box-shadow: 0 0 0 2px var(--td-success-color-focus)
}

.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-form__status .t-icon {
    color: var(--td-success-color)
}

.t-form__status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 var(--td-comp-margin-s)
}

.t-form__status>.t-icon {
    font-size: var(--td-comp-size-xxxs)
}

.t-form__status-without-icon {
    width: 25px;
    height: 25px
}

.t-form__status button {
    width: var(--td-comp-size-m)
}

.t-form__status button+button {
    margin-left: var(--td-comp-margin-s)
}

.t-form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: var(--td-comp-margin-l)
}

.t-form-inline .t-form__item {
    margin: 0;
    min-width: 200px;
    display: inline-block;
    margin-right: var(--td-comp-margin-xxl)
}

.t-input__extra,.t-input__help {
    margin: 0;
    width: 100%;
    height: auto;
    min-height: var(--td-line-height-body-small);
    font: var(--td-font-body-small);
    color: var(--td-text-color-placeholder)
}

.t-input__extra {
    position: absolute;
    bottom: calc(0px - var(--td-line-height-body-small));
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.t-is-warning .t-input__extra {
    color: var(--td-warning-color)
}

.t-is-warning .t-form__controls-content .t-input,.t-is-warning .t-form__controls-content .t-select,.t-is-warning .t-form__controls-content .t-radio-button,.t-is-warning .t-form__controls-content .t-cascader,.t-is-warning .t-form__controls-content .t-range-input,.t-is-warning .t-form__controls-content .t-textarea__inner {
    border-color: var(--td-warning-color)
}

.t-is-warning .t-form__controls-content .t-input--focused,.t-is-warning .t-form__controls-content .t-select--focused,.t-is-warning .t-form__controls-content .t-radio-button--focused,.t-is-warning .t-form__controls-content .t-cascader--focused,.t-is-warning .t-form__controls-content .t-range-input--focused,.t-is-warning .t-form__controls-content .t-textarea__inner--focused {
    -webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
    box-shadow: 0 0 0 2px var(--td-warning-color-focus)
}

.t-is-warning .t-form__controls-content .t-input .t-icon,.t-is-warning .t-form__controls-content .t-select .t-icon,.t-is-warning .t-form__controls-content .t-radio-button .t-icon,.t-is-warning .t-form__controls-content .t-cascader .t-icon,.t-is-warning .t-form__controls-content .t-range-input .t-icon,.t-is-warning .t-form__controls-content .t-textarea__inner .t-icon,.t-is-warning .t-form__controls-content .t-input .t-fake-arrow,.t-is-warning .t-form__controls-content .t-select .t-fake-arrow,.t-is-warning .t-form__controls-content .t-radio-button .t-fake-arrow,.t-is-warning .t-form__controls-content .t-cascader .t-fake-arrow,.t-is-warning .t-form__controls-content .t-range-input .t-fake-arrow,.t-is-warning .t-form__controls-content .t-textarea__inner .t-fake-arrow {
    color: var(--td-warning-color)
}

.t-is-warning .t-form__controls-content .t-select>.t-select__right-icon:not(.t-select__right-icon-clear) {
    color: var(--td-warning-color)
}

.t-is-warning .t-form__controls-content .t-radio-button:last-child {
    border-right-color: var(--td-warning-color)
}

.t-is-warning .t-form__controls-content .t-textarea__inner.t-is-focused,.t-is-warning .t-form__controls-content .t-cascader.t-is-active,.t-is-warning .t-form__controls-content .t-select.t-is-active {
    -webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
    box-shadow: 0 0 0 2px var(--td-warning-color-focus)
}

.t-is-warning .t-form__controls-content .t-form__status .t-icon {
    color: var(--td-warning-color)
}

.t-is-error .t-input__extra {
    color: var(--td-error-color)
}

.t-is-error .t-form__controls-content .t-input,.t-is-error .t-form__controls-content .t-select,.t-is-error .t-form__controls-content .t-radio-button,.t-is-error .t-form__controls-content .t-cascader,.t-is-error .t-form__controls-content .t-range-input,.t-is-error .t-form__controls-content .t-textarea__inner {
    border-color: var(--td-error-color)
}

.t-is-error .t-form__controls-content .t-input--focused,.t-is-error .t-form__controls-content .t-select--focused,.t-is-error .t-form__controls-content .t-radio-button--focused,.t-is-error .t-form__controls-content .t-cascader--focused,.t-is-error .t-form__controls-content .t-range-input--focused,.t-is-error .t-form__controls-content .t-textarea__inner--focused {
    -webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
    box-shadow: 0 0 0 2px var(--td-error-color-focus)
}

.t-is-error .t-form__controls-content .t-input .t-icon,.t-is-error .t-form__controls-content .t-select .t-icon,.t-is-error .t-form__controls-content .t-radio-button .t-icon,.t-is-error .t-form__controls-content .t-cascader .t-icon,.t-is-error .t-form__controls-content .t-range-input .t-icon,.t-is-error .t-form__controls-content .t-textarea__inner .t-icon,.t-is-error .t-form__controls-content .t-input .t-fake-arrow,.t-is-error .t-form__controls-content .t-select .t-fake-arrow,.t-is-error .t-form__controls-content .t-radio-button .t-fake-arrow,.t-is-error .t-form__controls-content .t-cascader .t-fake-arrow,.t-is-error .t-form__controls-content .t-range-input .t-fake-arrow,.t-is-error .t-form__controls-content .t-textarea__inner .t-fake-arrow {
    color: var(--td-error-color)
}

.t-is-error .t-form__controls-content .t-select>.t-select__right-icon:not(.t-select__right-icon-clear) {
    color: var(--td-error-color)
}

.t-is-error .t-form__controls-content .t-radio-button:last-child {
    border-right-color: var(--td-error-color)
}

.t-is-error .t-form__controls-content .t-textarea__inner.t-is-focused,.t-is-error .t-form__controls-content .t-cascader.t-is-active,.t-is-error .t-form__controls-content .t-select.t-is-active {
    -webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
    box-shadow: 0 0 0 2px var(--td-error-color-focus)
}

.t-is-error .t-form__controls-content .t-form__status .t-icon {
    color: var(--td-error-color)
}

.t-drawer-fade-enter,.t-drawer-fade-appear {
    opacity: 0;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.t-drawer-fade-exit {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.t-drawer-fade-enter.t-drawer-fade-enter-active,.t-drawer-fade-enter.t-drawer-fade-enter-active.t-drawer-fade-enter-to,.t-drawer-fade-appear.t-drawer-fade-appear-active,.t-drawer-fade-appear.t-drawer-fade-appear-active.t-drawer-fade-appear-to {
    -webkit-animation-name: tDrawerFadeIn;
    animation-name: tDrawerFadeIn;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.t-drawer-fade-exit.t-drawer-fade-exit-active,.t-drawer-fade-leave-active.t-drawer-fade-leave-to {
    -webkit-animation-name: tDrawerFadeOut;
    animation-name: tDrawerFadeOut;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes tDrawerFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes tDrawerFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes tDrawerFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes tDrawerFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.t-drawer {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    position: fixed;
    z-index: 1500;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
    outline: none
}

.t-drawer--lock {
    overflow: hidden
}

.t-drawer--attach {
    position: absolute
}

.t-drawer--left,.t-drawer--right {
    top: 0
}

.t-drawer--left {
    left: 0
}

.t-drawer--right {
    right: 0
}

.t-drawer--top,.t-drawer--bottom {
    left: 0
}

.t-drawer--top {
    top: 0
}

.t-drawer--bottom {
    bottom: 0
}

.t-drawer__mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--td-mask-active);
    -webkit-transition: opacity .2s cubic-bezier(.38,0,.24,1);
    transition: opacity .2s cubic-bezier(.38,0,.24,1);
    opacity: 0
}

.t-drawer__content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: var(--td-bg-color-container);
    width: 16px;
    height: 16px;
    font-size: var(--td-font-body-medium);
    color: var(--td-text-color-secondary);
    -webkit-box-shadow: var(--td-shadow-2);
    box-shadow: var(--td-shadow-2);
    overflow: hidden;
    pointer-events: auto;
    -webkit-transition: visibility .28s cubic-bezier(.38,0,.24,1),-webkit-transform .28s cubic-bezier(.38,0,.24,1);
    transition: visibility .28s cubic-bezier(.38,0,.24,1),-webkit-transform .28s cubic-bezier(.38,0,.24,1);
    transition: transform .28s cubic-bezier(.38,0,.24,1),visibility .28s cubic-bezier(.38,0,.24,1);
    transition: transform .28s cubic-bezier(.38,0,.24,1),visibility .28s cubic-bezier(.38,0,.24,1),-webkit-transform .28s cubic-bezier(.38,0,.24,1);
    position: relative
}

.t-drawer .t-drawer__content-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    visibility: hidden
}

.t-drawer .t-drawer__content-wrapper--left,.t-drawer .t-drawer__content-wrapper--right {
    top: 0
}

.t-drawer .t-drawer__content-wrapper--left {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translate(-100%)
}

.t-drawer .t-drawer__content-wrapper--right {
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translate(100%)
}

.t-drawer .t-drawer__content-wrapper--top,.t-drawer .t-drawer__content-wrapper--bottom {
    left: 0
}

.t-drawer .t-drawer__content-wrapper--top {
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.t-drawer .t-drawer__content-wrapper--bottom {
    bottom: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.t-drawer__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: var(--td-comp-size-xxxl);
    padding: 0 var(--td-comp-paddingLR-l);
    font: var(--td-font-title-medium);
    color: var(--td-text-color-primary);
    border-bottom: 1px solid var(--td-border-level-1-color);
    border-radius: var(--td-radius-small) var(--td-radius-small) 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.t-drawer__body {
    padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
    overflow: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.t-drawer__footer {
    width: 100%;
    padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
    text-align: left;
    border-top: 1px solid var(--td-border-level-1-color);
    background-color: var(--td-bg-color-container);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.t-drawer__footer .t-button {
    margin-left: var(--td-comp-margin-s)
}

.t-drawer__footer .t-button:first-child {
    margin-left: 0
}

.t-drawer__close-btn {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: var(--td-comp-size-xs);
    height: var(--td-comp-size-xs);
    top: calc((var(--td-comp-size-xxxl) - var(--td-comp-size-xs)) / 2);
    right: var(--td-comp-margin-s);
    color: var(--td-text-color-primary);
    background-color: var(--td-bg-color-container);
    border-radius: var(--td-radius-default);
    cursor: pointer;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.t-drawer__close-btn:hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-drawer__close-btn:active {
    background-color: var(--td-bg-color-container-active)
}

.t-drawer__close-btn .t-icon {
    font-size: calc(var(--td-font-size-body-medium) + 2px);
    vertical-align: unset
}

.t-drawer--open {
    width: 100%;
    height: 100%;
    pointer-events: auto
}

.t-drawer--open>.t-drawer__content-wrapper {
    visibility: visible
}

.t-drawer--open>.t-drawer__mask {
    opacity: 1;
    width: 100%;
    height: 100%
}

.t-drawer--without-mask {
    pointer-events: none
}

[tabindex="-1"]:focus {
    outline: none!important
}

.t-textarea {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    width: 100%
}

.t-textarea__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: var(--td-comp-size-xxxl);
    min-height: var(--td-comp-size-xxxl);
    border: 1px solid var(--td-border-level-2-color);
    border-radius: var(--td-radius-default);
    padding: calc(calc(var(--td-comp-size-m) - var(--td-line-height-body-medium)) / 2) var(--td-comp-paddingLR-s);
    background-color: var(--td-bg-color-specialcomponent);
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    resize: vertical;
    outline: none;
    -webkit-transition: all cubic-bezier(.38,0,.24,1) .2s,height 0s;
    transition: all cubic-bezier(.38,0,.24,1) .2s,height 0s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.t-textarea__inner:hover {
    border-color: var(--td-brand-color)
}

.t-textarea__inner:focus {
    border-color: var(--td-brand-color);
    -webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
    box-shadow: 0 0 0 2px var(--td-brand-color-focus)
}

.t-textarea__inner::-webkit-input-placeholder {
    color: var(--td-text-color-placeholder)
}

.t-textarea__inner::-moz-placeholder {
    color: var(--td-text-color-placeholder)
}

.t-textarea__inner:-ms-input-placeholder {
    color: var(--td-text-color-placeholder)
}

.t-textarea__inner::-ms-input-placeholder {
    color: var(--td-text-color-placeholder)
}

.t-textarea__inner::placeholder {
    color: var(--td-text-color-placeholder)
}

.t-textarea__inner.t-is-success {
    border-color: var(--td-success-color)
}

.t-textarea__inner.t-is-success:focus {
    -webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
    box-shadow: 0 0 0 2px var(--td-success-color-focus)
}

.t-textarea__inner.t-is-warning {
    border-color: var(--td-warning-color)
}

.t-textarea__inner.t-is-warning:focus {
    -webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
    box-shadow: 0 0 0 2px var(--td-warning-color-focus)
}

.t-textarea__inner.t-is-error {
    border-color: var(--td-error-color)
}

.t-textarea__inner.t-is-error:focus {
    -webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
    box-shadow: 0 0 0 2px var(--td-error-color-focus)
}

.t-textarea__info_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: var(--td-comp-margin-s);
    -moz-column-gap: var(--td-comp-margin-s);
    column-gap: var(--td-comp-margin-s);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.t-textarea__info_wrapper_align {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

.t-textarea__limit {
    font: var(--td-font-body-small);
    color: var(--td-text-color-placeholder)
}

.t-textarea .t-is-disabled {
    color: var(--td-text-color-disabled);
    background-color: var(--td-bg-color-component-disabled);
    cursor: not-allowed
}

.t-textarea .t-is-disabled:hover {
    border-color: var(--td-border-level-2-color)
}

.t-textarea .t-is-disabled::-webkit-input-placeholder {
    color: var(--td-text-color-disabled)
}

.t-textarea .t-is-disabled::-moz-placeholder {
    color: var(--td-text-color-disabled)
}

.t-textarea .t-is-disabled:-ms-input-placeholder {
    color: var(--td-text-color-disabled)
}

.t-textarea .t-is-disabled::-ms-input-placeholder {
    color: var(--td-text-color-disabled)
}

.t-textarea .t-is-disabled::placeholder {
    color: var(--td-text-color-disabled)
}

.t-textarea .t-resize-none {
    resize: none
}

.t-textarea__tips {
    height: auto;
    min-height: var(--td-comp-size-xs);
    font: var(--td-font-body-small);
    display: inline-block
}

.t-textarea__tips--normal {
    color: var(--td-text-color-placeholder)
}

.t-textarea__tips--success {
    color: var(--td-success-color)
}

.t-textarea__tips--warning {
    color: var(--td-warning-color)
}

.t-textarea__tips--error {
    color: var(--td-error-color)
}

.t-dropdown {
    font: var(--td-font-body-medium);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: var(--td-bg-color-container);
    font-size: var(--td-font-size-body-medium);
    color: var(--td-text-color-primary);
    position: relative;
    -webkit-box-shadow: var(--td-shadow-2);
    box-shadow: var(--td-shadow-2);
    border: .5px solid var(--td-component-border);
    border-radius: var(--td-radius-medium)
}

.t-dropdown__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: var(--td-radius-medium);
    padding: var(--td-pop-padding-m);
    gap: 2px;
    overflow-y: auto;
    overflow-x: hidden
}

@-moz-document url-prefix() {
    .t-dropdown__menu {
        scrollbar-color: var(--td-scrollbar-color) transparent;
        scrollbar-width: thin
    }
}

.t-dropdown__menu::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.t-dropdown__menu::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    background-clip: content-box;
    background-color: var(--td-scrollbar-color);
    border-radius: 15px
}

.t-dropdown__menu::-webkit-scrollbar-thumb:vertical:hover,.t-dropdown__menu::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: var(--td-scrollbar-hover-color)
}

.t-dropdown__menu .t-divider {
    margin: var(--td-comp-margin-xs) var(--td-comp-margin-s) var(--td-comp-margin-xxs) var(--td-comp-margin-s);
    color: var(--td-brand-color-light);
    width: calc(100% - var(--td-comp-margin-s) * 2)
}

.t-dropdown__menu .t-dropdown__item-direction {
    margin: 0 0 0 var(--td-comp-margin-s)
}

.t-dropdown__menu--overflow .t-dropdown__submenu-wrapper--right {
    left: calc(100% - 14px)
}

.t-dropdown__menu--overflow .t-dropdown__submenu-wrapper--left {
    right: calc(100% - 14px)
}

.t-dropdown__submenu {
    background-color: var(--td-bg-color-container);
    -webkit-box-shadow: var(--td-shadow-2);
    box-shadow: var(--td-shadow-2);
    border-radius: var(--td-radius-medium);
    border: .5px solid var(--td-component-border);
    z-index: 1100;
    position: absolute;
    padding: var(--td-pop-padding-m);
    display: none;
    overflow-y: auto;
    overflow-x: visible
}

@-moz-document url-prefix() {
    .t-dropdown__submenu {
        scrollbar-color: var(--td-scrollbar-color) transparent;
        scrollbar-width: thin
    }
}

.t-dropdown__submenu::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.t-dropdown__submenu::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    background-clip: content-box;
    background-color: var(--td-scrollbar-color);
    border-radius: 15px
}

.t-dropdown__submenu::-webkit-scrollbar-thumb:vertical:hover,.t-dropdown__submenu::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: var(--td-scrollbar-hover-color)
}

.t-dropdown__submenu ul {
    list-style: none;
    display: grid;
    padding-left: 0;
    gap: 2px
}

.t-dropdown__submenu--disabled {
    visibility: hidden
}

.t-dropdown__submenu .t-dropdown__item-direction {
    margin: 0 0 0 var(--td-comp-margin-s)
}

.t-dropdown__submenu-wrapper--right {
    left: calc(100% - 6px)
}

.t-dropdown__submenu-wrapper--left {
    right: calc(100% - 6px)
}

.t-dropdown__item {
    border-radius: var(--td-radius-default);
    font: var(--td-font-body-medium);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    -webkit-transition: background-color .2s cubic-bezier(.82,0,1,.9);
    transition: background-color .2s cubic-bezier(.82,0,1,.9);
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: calc(var(--td-comp-paddingTB-xs) - 1px) var(--td-comp-paddingLR-s);
    --ripple-color: var(--td-bg-color-container-active)
}

.t-dropdown__item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: currentcolor;
    margin-right: var(--td-comp-margin-s);
    font-size: var(--td-font-size-body-large)
}

.t-dropdown__item:hover>div>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-dropdown__item--disabled {
    cursor: not-allowed;
    pointer-events: none
}

.t-dropdown__item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%
}

.t-dropdown__item-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.t-dropdown__item.t-dropdown__item--suffix .t-dropdown__item-sub-icon {
    color: currentcolor;
    font-size: var(--td-font-size-body-large);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.t-dropdown__item--theme-default {
    color: var(--td-text-color-primary)
}

.t-dropdown__item--theme-default:hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-dropdown__item--theme-default:active {
    background-color: var(--td-bg-color-container-active)
}

.t-dropdown__item--theme-default.t-dropdown__item--active {
    color: var(--td-brand-color);
    background-color: var(--td-brand-color-light)
}

.t-dropdown__item--theme-default.t-dropdown__item--active:hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-dropdown__item--theme-default.t-dropdown__item--active:active {
    background-color: var(--td-bg-color-container-active)
}

.t-dropdown__item--theme-default.t-dropdown__item--disabled {
    color: var(--td-text-color-disabled)
}

.t-dropdown__item--theme-default.t-dropdown__item--disabled:hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-dropdown__item--theme-default.t-dropdown__item--suffix:hover {
    background-color: var(--td-brand-color-light);
    color: var(--td-brand-color)
}

.t-dropdown__item--theme-success {
    color: var(--td-success-color)
}

.t-dropdown__item--theme-success:hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-dropdown__item--theme-success:active {
    background-color: var(--td-bg-color-container-active)
}

.t-dropdown__item--theme-success.t-dropdown__item--active {
    background-color: var(--td-success-color-light)
}

.t-dropdown__item--theme-success.t-dropdown__item--active:hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-dropdown__item--theme-success.t-dropdown__item--active:active {
    background-color: var(--td-bg-color-container-active)
}

.t-dropdown__item--theme-success.t-dropdown__item-disabled {
    color: var(--td-text-color-disabled)
}

.t-dropdown__item--theme-success.t-dropdown__item-disabled:hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-dropdown__item--theme-success.t-dropdown__item--suffix:hover {
    background-color: var(--td-success-color-light)
}

.t-dropdown__item--theme-error {
    color: var(--td-error-color)
}

.t-dropdown__item--theme-error:hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-dropdown__item--theme-error:active {
    background-color: var(--td-bg-color-container-active)
}

.t-dropdown__item--theme-error.t-dropdown__item--active {
    background-color: var(--td-error-color-light)
}

.t-dropdown__item--theme-error.t-dropdown__item--active:hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-dropdown__item--theme-error.t-dropdown__item--active:active {
    background-color: var(--td-bg-color-container-active)
}

.t-dropdown__item--theme-error.t-dropdown__item--disabled {
    color: var(--td-text-color-disabled)
}

.t-dropdown__item--theme-error.t-dropdown__item--disabled:hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-dropdown__item--theme-error.t-dropdown__item--suffix:hover {
    background-color: var(--td-error-color-light)
}

.t-dropdown__item--theme-warning {
    color: var(--td-warning-color)
}

.t-dropdown__item--theme-warning:hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-dropdown__item--theme-warning:active {
    background-color: var(--td-bg-color-container-active)
}

.t-dropdown__item--theme-warning.t-dropdown__item--active {
    background-color: var(--td-warning-color-light)
}

.t-dropdown__item--theme-warning.t-dropdown__item--active:hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-dropdown__item--theme-warning.t-dropdown__item--active:active {
    background-color: var(--td-bg-color-container-active)
}

.t-dropdown__item--theme-warning.t-dropdown__item--disabled {
    color: var(--td-text-color-disabled)
}

.t-dropdown__item--theme-warning.t-dropdown__item--disabled:hover {
    background-color: var(--td-bg-color-container-hover)
}

.t-dropdown__item--theme-warning.t-dropdown__item--suffix:hover {
    background-color: var(--td-warning-color-light)
}

.t-date-picker,.t-date-range-picker {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none
}

.t-date-picker__header-controller-month-popup>.t-popup__content,.t-date-picker__header-controller-year-popup>.t-popup__content {
    max-height: 160px
}

.t-date-picker__panel-container>.t-popup__content,.t-date-range-picker__panel-container>.t-popup__content {
    padding: 0;
    min-width: 280px
}

.t-date-picker__panel,.t-date-range-picker__panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.t-date-picker__panel--direction-row,.t-date-range-picker__panel--direction-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.t-date-picker__panel .t-time-picker__panel,.t-date-range-picker__panel .t-time-picker__panel {
    width: 216px
}

.t-date-picker__panel .t-time-picker__panel-section-body,.t-date-range-picker__panel .t-time-picker__panel-section-body {
    padding: 0
}

.t-date-picker__panel .t-time-picker__panel-body,.t-date-range-picker__panel .t-time-picker__panel-body {
    margin: 0
}

.t-date-picker__panel-content,.t-date-range-picker__panel-content,.t-date-range-picker__panel-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-date-picker__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: var(--td-comp-margin-m);
    width: 100%
}

.t-date-picker__header-controller {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: var(--td-comp-margin-s)
}

.t-date-picker__header-controller .t-date-picker__header-controller-month {
    width: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-date-picker__header-controller .t-date-picker__header-controller-year {
    width: 78px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-date-picker__table table {
    width: 100%;
    border-collapse: collapse
}

.t-date-picker__table table th {
    text-align: center;
    color: var(--td-text-color-secondary);
    font-weight: 400
}

.t-date-picker__table table td.t-date-picker__cell {
    text-align: center;
    font-weight: 500
}

.t-date-picker__table table th,.t-date-picker__table table td.t-date-picker__cell {
    padding: 0;
    border: 0;
    line-height: var(--td-line-height-body-medium)
}

.t-date-picker__table table thead:after {
    content: "-";
    display: block;
    line-height: var(--td-comp-margin-xs);
    color: transparent
}

.t-date-picker__table table thead:before {
    content: "-";
    display: block;
    line-height: var(--td-comp-margin-xs);
    color: transparent
}

.t-date-picker__table-week-row {
    cursor: pointer;
    position: -webkit-sticky;
    position: sticky
}

.t-date-picker__table-week-row .t-date-picker__cell:first-child .t-date-picker__cell-inner {
    color: var(--td-text-color-disabled)
}

.t-date-picker__table-week-row .t-date-picker__cell:hover .t-date-picker__cell-inner {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none
}

.t-date-picker__table-week-row:after {
    content: "";
    position: absolute;
    left: var(--td-comp-margin-xxxl);
    right: 0;
    top: calc(var(--td-comp-margin-xs) - 1px);
    z-index: 10;
    height: var(--td-comp-size-xs);
    border-radius: var(--td-radius-default);
    -webkit-transition: background-color .2s linear,border-color .2s linear,color .2s linear,-webkit-box-shadow .2s cubic-bezier(.38,0,.24,1);
    transition: background-color .2s linear,border-color .2s linear,color .2s linear,-webkit-box-shadow .2s cubic-bezier(.38,0,.24,1);
    transition: box-shadow .2s cubic-bezier(.38,0,.24,1),background-color .2s linear,border-color .2s linear,color .2s linear;
    transition: box-shadow .2s cubic-bezier(.38,0,.24,1),background-color .2s linear,border-color .2s linear,color .2s linear,-webkit-box-shadow .2s cubic-bezier(.38,0,.24,1);
    pointer-events: none
}

.t-date-picker__table-week-row:hover .t-date-picker__cell:first-child .t-date-picker__cell-inner {
    color: var(--td-brand-color)
}

.t-date-picker__table-week-row:hover:after {
    -webkit-box-shadow: inset 0 0 0 1px var(--td-brand-color);
    box-shadow: inset 0 0 0 1px var(--td-brand-color)
}

.t-date-picker__table-week-row--active:after {
    opacity: 1;
    z-index: 0;
    background-color: var(--td-brand-color)
}

.t-date-picker__table-week-row--active .t-date-picker__cell:first-child .t-date-picker__cell-inner {
    color: var(--td-brand-color)
}

.t-date-picker__table-week-row--active .t-date-picker__cell .t-date-picker__cell-inner {
    background: transparent;
    color: var(--td-text-color-anti)
}

.t-date-picker__table-week-row--range:after {
    opacity: 1;
    z-index: 0;
    background-color: var(--td-brand-color-light)
}

.t-date-picker__table-week-row--range .t-date-picker__cell .t-date-picker__cell-inner {
    background: transparent
}

.t-date-picker__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: var(--td-pop-padding-xl);
    gap: var(--td-comp-margin-s)
}

.t-date-picker__footer--bottom {
    border-top: 1px solid var(--td-component-stroke)
}

.t-date-picker__footer--top {
    border-bottom: 1px solid var(--td-component-stroke)
}

.t-date-picker__footer--left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-right: 1px solid var(--td-component-stroke)
}

.t-date-picker__footer--left .t-date-picker__presets {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.t-date-picker__footer--right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-left: 1px solid var(--td-component-stroke)
}

.t-date-picker__footer--right .t-date-picker__presets {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.t-date-picker__presets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--td-comp-margin-s);
    white-space: nowrap;
    min-width: var(--td-comp-size-xl)
}

.t-date-picker__presets .t-button {
    cursor: pointer
}

.t-date-picker__presets a {
    color: var(--td-brand-color)
}

.t-date-picker__presets a:hover {
    color: var(--td-brand-color-hover)
}

.t-date-picker__panel-time,.t-date-range-picker__panel-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: calc(var(--td-comp-margin-m) / 2);
    padding: var(--td-pop-padding-xl) calc(var(--td-pop-padding-xl) - var(--td-comp-margin-xs));
    border-left: 1px solid var(--td-component-stroke)
}

.t-date-picker__panel-time-viewer,.t-date-range-picker__panel-time-viewer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--td-comp-size-m);
    line-height: var(--td-line-height-body-medium);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--td-text-color-primary)
}

.t-date-picker__panel-time .t-time-picker__panel-body,.t-date-range-picker__panel-time .t-time-picker__panel-body {
    margin: 0
}

.t-date-picker__panel-year,.t-date-picker__panel-month,.t-date-picker__panel-quarter,.t-date-picker__panel-week,.t-date-picker__panel-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: var(--td-pop-padding-xl);
    gap: var(--td-comp-margin-m);
    width: 280px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.t-date-picker__panel-year .t-date-picker__cell--hover-highlight+.t-date-picker__cell--hover-highlight:before,.t-date-picker__panel-month .t-date-picker__cell--hover-highlight+.t-date-picker__cell--hover-highlight:before,.t-date-picker__panel-year .t-date-picker__cell--hover-highlight+.t-date-picker__cell--hover-highlight:after,.t-date-picker__panel-month .t-date-picker__cell--hover-highlight+.t-date-picker__cell--hover-highlight:after {
    opacity: 1;
    left: calc(0px - calc(var(--td-comp-size-xs) + var(--td-comp-margin-xxl)))
}

.t-date-picker__panel-year .t-date-picker__cell--hover-highlight+.t-date-picker__cell--active:after,.t-date-picker__panel-month .t-date-picker__cell--hover-highlight+.t-date-picker__cell--active:after {
    opacity: 1;
    left: calc(0px - calc(var(--td-comp-size-xs) + var(--td-comp-margin-xxl)));
    z-index: 5
}

.t-date-picker__panel-year .t-date-picker__cell--highlight+.t-date-picker__cell--highlight:before,.t-date-picker__panel-month .t-date-picker__cell--highlight+.t-date-picker__cell--highlight:before {
    left: calc(0px - calc(var(--td-comp-size-xs) + var(--td-comp-margin-xxl)))
}

.t-date-picker__panel-year .t-date-picker__header-controller-year,.t-date-picker__panel-month .t-date-picker__header-controller-year,.t-date-picker__panel-quarter .t-date-picker__header-controller-year {
    width: 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-date-picker__panel-year .t-date-picker__table table tbody,.t-date-picker__panel-month .t-date-picker__table table tbody,.t-date-picker__panel-quarter .t-date-picker__table table tbody {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--td-comp-margin-m);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.t-date-picker__panel-year .t-date-picker__table table tbody tr,.t-date-picker__panel-month .t-date-picker__table table tbody tr,.t-date-picker__panel-quarter .t-date-picker__table table tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.t-date-picker__panel-year .t-date-picker__cell--disabled+.t-date-picker__cell--disabled:before,.t-date-picker__panel-month .t-date-picker__cell--disabled+.t-date-picker__cell--disabled:before,.t-date-picker__panel-quarter .t-date-picker__cell--disabled+.t-date-picker__cell--disabled:before {
    left: calc(0px - var(--td-comp-size-xxxl))
}

.t-date-picker__panel-year .t-date-picker__cell:nth-child(1),.t-date-picker__panel-month .t-date-picker__cell:nth-child(1),.t-date-picker__panel-quarter .t-date-picker__cell:nth-child(1) {
    text-align: left
}

.t-date-picker__panel-year .t-date-picker__cell:nth-child(3),.t-date-picker__panel-month .t-date-picker__cell:nth-child(3),.t-date-picker__panel-quarter .t-date-picker__cell:nth-child(3) {
    text-align: right
}

.t-date-picker__panel-year .t-date-picker__cell-inner,.t-date-picker__panel-month .t-date-picker__cell-inner,.t-date-picker__panel-quarter .t-date-picker__cell-inner {
    width: var(--td-comp-size-xxl)
}

.t-date-picker__cell {
    cursor: pointer;
    position: relative;
    padding: 0
}

.t-date-picker__cell:before,.t-date-picker__cell:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -5%;
    left: -5%;
    z-index: 1;
    opacity: 0;
    border-radius: var(--td-radius-default);
    height: var(--td-comp-size-xs);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .2s cubic-bezier(0,0,.15,1);
    transition: opacity .2s cubic-bezier(0,0,.15,1)
}

.t-date-picker__cell:hover .t-date-picker__cell-inner {
    -webkit-box-shadow: inset 0 0 0 1px var(--td-brand-color);
    box-shadow: inset 0 0 0 1px var(--td-brand-color)
}

.t-date-picker__cell-inner {
    position: relative;
    z-index: 5;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: var(--td-comp-size-xs);
    height: var(--td-comp-size-xs);
    margin: calc(var(--td-comp-margin-xs) - 1px);
    border-radius: var(--td-radius-default);
    -webkit-transition: background-color .2s linear,border-color .2s linear,color .2s linear,-webkit-box-shadow .2s cubic-bezier(.38,0,.24,1);
    transition: background-color .2s linear,border-color .2s linear,color .2s linear,-webkit-box-shadow .2s cubic-bezier(.38,0,.24,1);
    transition: box-shadow .2s cubic-bezier(.38,0,.24,1),background-color .2s linear,border-color .2s linear,color .2s linear;
    transition: box-shadow .2s cubic-bezier(.38,0,.24,1),background-color .2s linear,border-color .2s linear,color .2s linear,-webkit-box-shadow .2s cubic-bezier(.38,0,.24,1)
}

.t-date-picker__cell--now .t-date-picker__cell-inner {
    color: var(--td-brand-color);
    background: var(--td-brand-color-light)
}

.t-date-picker__cell--hover-highlight:after {
    opacity: 1;
    background-color: var(--td-brand-color-light)
}

.t-date-picker__cell--highlight:before {
    opacity: 1;
    background-color: var(--td-brand-color-light)
}

.t-date-picker__cell--highlight.t-date-picker__cell--hover-highlight:after {
    opacity: 1;
    background-color: #0000000f
}

.t-date-picker__cell--additional:hover .t-date-picker__cell-inner {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: var(--td-bg-color-container-hover);
    background-color: var(--td-bg-color-container-hover)
}

.t-date-picker__cell--additional .t-date-picker__cell-inner {
    color: var(--td-text-color-disabled)
}

.t-date-picker__cell--active .t-date-picker__cell-inner {
    color: var(--td-text-color-anti);
    background-color: var(--td-brand-color)
}

.t-date-picker__cell--active-start:before {
    opacity: 1;
    left: calc(calc(var(--td-comp-margin-xs) - 1px) * 2);
    border-top-left-radius: var(--td-radius-default);
    border-bottom-left-radius: var(--td-radius-default)
}

.t-date-picker__cell--active-start:hover:before {
    left: -5%
}

.t-date-picker__cell--active-end:before {
    opacity: 1;
    right: calc(calc(var(--td-comp-margin-xs) - 1px) * 2);
    border-top-right-radius: var(--td-radius-default);
    border-bottom-right-radius: var(--td-radius-default)
}

.t-date-picker__cell--active-end:hover:before {
    right: -5%
}

.t-date-picker__cell--disabled:hover .t-date-picker__cell-inner {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--td-bg-color-component-disabled)
}

.t-date-picker__cell--disabled .t-date-picker__cell-inner {
    cursor: not-allowed;
    color: var(--td-text-color-disabled);
    background-color: var(--td-bg-color-component-disabled)
}

.t-date-picker__cell--disabled+.t-date-picker__cell--disabled:before {
    opacity: 1;
    left: calc(0px - var(--td-comp-size-l));
    background-color: var(--td-bg-color-component-disabled);
    border-radius: var(--td-radius-default)
}

.t-date-picker__input--placeholder input {
    color: var(--td-text-color-placeholder)
}

.t-upload {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none
}

.t-upload .t-is-bordered {
    border: 1px solid var(--td-component-border)
}

.t-upload .t-upload__trigger {
    display: inline-block
}

.t-upload .t-icon {
    font-size: calc(var(--td-font-size-body-medium) + 2px);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.t-upload .t-icon-check-circle-filled {
    color: var(--td-success-color)
}

.t-upload .t-icon-error-circle-filled {
    color: var(--td-error-color)
}

.t-upload .t-icon-time-filled {
    color: var(--td-text-color-placeholder)
}

.t-upload .t-icon-add {
    color: var(--td-text-color-primary)
}

.t-upload__list-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    margin-right: var(--td-comp-margin-m);
    overflow: hidden
}

.t-upload__list-file .t-icon {
    font-size: var(--td-comp-size-xl);
    color: var(--td-brand-color)
}

.t-upload__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: var(--td-comp-margin-m);
    width: 496px;
    height: 124px;
    padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
    border: 1px solid var(--td-component-border);
    border-radius: var(--td-radius-default);
    font: var(--td-font-body-medium)
}

.t-upload__list-item.t-is--error .t-upload__list-name,.t-upload__list-item.t-is--error .t-upload__list-file .t-icon {
    color: var(--td-error-color)
}

.t-upload__list-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-upload-list__control {
    cursor: pointer
}

.t-upload-list__control:hover {
    color: var(--td-error-color)
}

.t-upload__list-img {
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
    cursor: pointer
}

.t-upload__list-name {
    max-width: 200px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.t-upload--highlight {
    color: var(--td-text-color-brand)
}

.t-upload__single-name {
    margin-right: var(--td-comp-margin-s)
}

.t-upload__card {
    font: var(--td-font-body-small);
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--td-comp-margin-s)
}

.t-upload__card .t-is-disabled :hover {
    cursor: not-allowed
}

.t-upload__card-item {
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none
}

.t-upload__card-item:after {
    content: "";
    display: block
}

.t-upload__card-item:hover .t-upload__card-mask {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.t-upload__card-item.t-is--error .t-icon-warning_fill {
    color: var(--td-error-color);
    margin-bottom: var(--td-comp-margin-s)
}

.t-upload__card-item.t-is--error .t-upload__card-status {
    color: var(--td-error-color)
}

.t-upload__card-item.t-is-background {
    -webkit-transition: border-color .2s linear;
    transition: border-color .2s linear
}

.t-upload__card .t-icon-loading {
    margin-bottom: var(--td-comp-margin-s)
}

.t-upload__card-name {
    max-width: 100%;
    margin-top: var(--td-comp-margin-s);
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.t-upload__card-content {
    position: relative;
    width: 110px;
    height: 110px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--td-bg-color-secondarycontainer);
    border: 1px dashed var(--td-component-border);
    padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
    border-radius: var(--td-radius-default)
}

.t-upload__card-container {
    width: 110px;
    height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--td-bg-color-secondarycontainer);
    border: 1px dashed var(--td-component-border);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border-radius: var(--td-radius-default);
    -webkit-transition: border .2s linear;
    transition: border .2s linear
}

.t-upload__card-container:hover:not(.t-is-disabled) {
    border-color: var(--td-brand-color);
    -webkit-transition: border-color .2s linear;
    transition: border-color .2s linear
}

.t-upload__card-container>.t-icon {
    color: var(--td-text-color-placeholder)
}

.t-upload__card-container>.t-icon,.t-upload__card-container .t-loading {
    font-size: var(--td-comp-size-xs);
    margin-bottom: var(--td-comp-margin-s)
}

.t-upload__card-container>p,.t-upload__card-container .t-upload__add-text {
    color: var(--td-text-color-placeholder);
    margin: 0
}

.t-upload__card-status-wrap {
    text-align: center
}

.t-upload__card-status-wrap>svg {
    margin-bottom: var(--td-comp-margin-s)
}

.t-upload__card-status-wrap .t-icon,.t-upload__card-status-wrap .t-loading {
    font-size: var(--td-comp-size-xs)
}

.t-upload__card-image {
    max-width: 100%;
    max-height: 100%
}

.t-upload__card-status {
    color: var(--td-text-color-disabled);
    font: var(--td-font-body-small)
}

.t-upload__card-mask {
    background-color: var(--td-mask-active);
    color: var(--td-text-color-anti);
    will-change: transform;
    opacity: 0;
    z-index: 2;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.t-upload__card-mask-item-divider {
    margin: 0 var(--td-comp-margin-l);
    border-left: 1px var(--td-text-color-anti) solid;
    height: var(--td-comp-size-xxxs)
}

.t-upload__card-mask-item>.t-icon {
    cursor: pointer;
    font-size: calc(var(--td-font-size-body-medium) + 2px)
}

.t-upload__dialog .t-dialog {
    max-width: 80%
}

.t-upload__dialog .t-dialog--default {
    padding: 32px
}

.t-upload__dialog .t-dialog-body {
    padding-bottom: 0
}

.t-upload__dialog .t-dialog-body-img-box img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.t-upload__dragger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 336px;
    height: 144px;
    border: 1px dashed var(--td-component-border);
    border-radius: var(--td-radius-small);
    font: var(--td-font-body-medium);
    color: var(--td-text-color-secondary);
    cursor: pointer;
    padding: var(--td-comp-margin-l);
    position: relative;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .2s linear;
    transition: border-color .2s linear
}

.t-upload__dragger.t-is--active {
    background-color: var(--td-bg-color-container-active);
    border-color: var(--td-brand-color)
}

.t-upload__dragger:hover {
    border-color: var(--td-brand-color)
}

.t-upload__dragger-btns {
    position: absolute;
    bottom: var(--td-comp-margin-l)
}

.t-upload__dragger .t-size-s {
    display: block
}

.t-upload__dragger-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-upload__dragger-error,.t-upload__dragger-error:hover {
    border-color: var(--td-error-color)
}

.t-upload__dragger-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    margin-bottom: var(--td-comp-margin-s);
    max-width: calc(336px - var(--td-comp-margin-l) * 2 - 0)
}

.t-upload__dragger-text .t-upload__single-name {
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.t-upload__tips {
    display: block;
    color: var(--td-text-color-placeholder);
    margin-top: var(--td-comp-margin-s);
    font: var(--td-font-body-small)
}

.t-upload__tips.t-upload__tips-error {
    color: var(--td-error-color)
}

.t-upload__tips.t-upload__tips-warn {
    color: var(--td-warning-color)
}

.t-upload__placeholder {
    color: var(--td-text-color-placeholder)
}

.t-upload__display-text--margin {
    margin-top: var(--td-comp-margin-s)
}

.t-upload__single-display-text {
    color: var(--td-text-color-secondary);
    font: var(--td-font-body-small);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-upload__single-display-text .t-upload__flow-status .t-icon {
    font-size: calc(var(--td-font-size-body-medium) + 2px)
}

.t-icon-clear-circle-filled {
    color: var(--td-text-color-placeholder);
    margin-top: var(--td-comp-margin-xxs);
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.t-icon-clear-circle-filled:hover {
    color: var(--td-text-color-secondary);
    cursor: pointer;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.t-upload__single-percent {
    margin-left: var(--td-comp-margin-xs)
}

.t-upload__single-progress {
    color: var(--td-brand-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-upload__single-progress .t-loading {
    font-size: calc(var(--td-font-size-body-medium) + 2px);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.t-upload__single-input-delete {
    margin-left: var(--td-comp-margin-l);
    font: var(--td-font-body-medium);
    color: var(--td-brand-color);
    cursor: pointer
}

.t-upload__single-input-preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.t-upload__single-input-text {
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.t-upload__single-file-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-upload__single-file-input .t-upload__trigger {
    margin-left: var(--td-comp-margin-l)
}

.t-upload__single-file-input .t-upload__single-progress {
    white-space: nowrap
}

.t-upload__single-file-input .t-input__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.t-upload__dragger-progress {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-upload__dragger-progress .t-icon,.t-upload__dragger-progress .t-loading {
    font-size: calc(var(--td-font-size-body-medium) + 2px);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.t-upload__dragger-img-wrap {
    width: 110px;
    height: 110px;
    background-color: var(--td-bg-color-secondarycontainer);
    border-radius: var(--td-radius-default);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.t-upload__dragger-img-wrap>.t-image__wrapper--shape-square {
    width: 100%
}

.t-upload__dragger-img-wrap>.t-image__wrapper--shape-square .t-space-item {
    text-align: center
}

.t-upload__dragger-img-wrap>img {
    max-width: 100%;
    max-height: 100%
}

.t-upload__dragger-img-wrap+.t-upload__dragger-progress-info {
    margin-left: var(--td-comp-margin-l);
    max-width: calc(336px - var(--td-comp-margin-l) * 2 - calc(110px + var(--td-comp-margin-l)))
}

.t-upload__dragger-progress-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.t-upload__dragger-progress-info .t-upload__single-display-text {
    margin-bottom: var(--td-comp-margin-s)
}

.t-upload__dragger-progress-info .t-button:hover {
    background-color: transparent
}

.t-upload__dragger-progress-cancel,.t-upload__dragger-progress-reupload {
    margin-right: var(--td-comp-margin-l)
}

.t-upload__dragger-progress-cancel:hover,.t-upload__dragger-progress-reupload:hover,.t-upload__dragger-delete-btn:hover,.t-upload__dragger-upload-btn:hover {
    border-color: transparent
}

.t-upload__flow-image-flow {
    width: 498px
}

.t-upload__flow {
    min-width: 498px;
    max-width: 960px
}

.t-upload__flow-placeholder {
    display: inline-block;
    margin-left: var(--td-comp-margin-l)
}

.t-upload__flow-op {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-upload__flow-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: var(--td-comp-margin-xxl)
}

.t-upload__flow-bottom .t-button+.t-button {
    margin-left: var(--td-comp-margin-s)
}

.t-upload__flow-empty {
    width: 100%;
    height: 184px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--td-text-color-placeholder)
}

.t-upload__flow-table {
    width: 100%;
    border: 1px dashed var(--td-component-border);
    margin-top: var(--td-comp-margin-xxl);
    border-collapse: collapse
}

.t-upload__flow-table>thead>tr,.t-upload__flow-table>tbody>tr,.t-upload__flow-table>tfoot>tr,.t-upload__flow-table>tr {
    border-top: 1px solid var(--td-component-border)
}

.t-upload__flow-table>thead>tr>th,.t-upload__flow-table>tbody>tr>th,.t-upload__flow-table>tfoot>tr>th,.t-upload__flow-table>tr>th {
    color: var(--td-text-color-placeholder);
    font-weight: 400;
    border: 1px solid var(--td-component-border);
    text-align: left;
    background-color: var(--td-bg-color-container)
}

.t-upload__flow-table>thead>tr>td,.t-upload__flow-table>tbody>tr>td,.t-upload__flow-table>tfoot>tr>td,.t-upload__flow-table>tr>td {
    color: var(--td-text-color-primary)
}

.t-upload__flow-table>thead>tr>td,.t-upload__flow-table>tbody>tr>td,.t-upload__flow-table>tfoot>tr>td,.t-upload__flow-table>tr>td,.t-upload__flow-table>thead>tr>th,.t-upload__flow-table>tbody>tr>th,.t-upload__flow-table>tfoot>tr>th,.t-upload__flow-table>tr>th {
    padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l)
}

.t-upload__flow-table__batch-row {
    border-left: 1px solid var(--td-component-border)
}

.t-upload__flow-button {
    color: var(--td-text-color-placeholder);
    cursor: pointer;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.t-upload__flow-button:hover {
    color: var(--td-text-color-secondary)
}

.t-upload__flow-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-upload__flow-status .t-icon,.t-upload__flow-status .t-loading {
    margin-right: var(--td-comp-margin-s);
    font-size: calc(var(--td-font-size-body-medium) + 2px)
}

.t-upload__flow-card-area {
    border: 1px dashed var(--td-component-border);
    padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
    margin-top: var(--td-comp-margin-xxl);
    -webkit-transition: border .2s linear;
    transition: border .2s linear
}

.t-upload__flow-card-area:hover {
    border-color: var(--td-brand-color);
    -webkit-transition: border-color .2s linear;
    transition: border-color .2s linear
}

.t-upload__icon-delete,.t-upload__single-input-clear {
    color: var(--td-text-color-placeholder);
    cursor: pointer;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.t-upload__icon-delete:hover,.t-upload__single-input-clear:hover {
    color: var(--td-text-color-secondary);
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.t-icon.t-upload__single-input-clear {
    display: none
}

.t-upload__single-input-preview:hover .t-upload__single-input-clear {
    display: initial
}

.t-upload__single-input-preview:hover .t-upload__status-icon {
    display: none
}

.t-upload .t-upload__single-name {
    color: var(--td-text-color-secondary)
}

.t-upload .t-upload__file-thumbnail {
    margin-right: var(--td-comp-paddingLR-s);
    width: var(--td-comp-size-xxl);
    height: var(--td-comp-size-xxl);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.t-upload .t-upload__file-thumbnail>svg {
    font-size: var(--td-comp-size-s);
    color: var(--td-text-color-placeholder)
}

.t-upload__card-name {
    margin-top: 8px
}

.t-upload--theme-file-input {
    width: 100%
}

.t-upload__dragger-btns>.t-button {
    padding: 0
}

.t-upload__file-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-upload__card-container.t-is-disabled {
    cursor: not-allowed
}

.t-upload__card-container.t-is-disabled .t-upload__add-text,.t-upload__card-container.t-is-disabled .t-icon {
    color: var(--td-text-color-disabled)
}

.t-color-picker__panel {
    padding: 0;
    width: 256px;
    background: var(--td-bg-color-container);
    -webkit-box-shadow: var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);
    box-shadow: var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);
    border-radius: var(--td-radius-medium);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.t-popup__content .t-color-picker__panel {
    background: transparent;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.t-color-picker {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none
}

.t-color-picker.t-popup__content {
    -webkit-box-shadow: var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);
    box-shadow: var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left)
}

.t-color-picker__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: var(--td-comp-size-xxxs);
    background: transparent;
    -webkit-transition: .2s linear;
    transition: .2s linear;
    color: var(--td-text-color-secondary);
    border-radius: var(--td-radius-default);
    cursor: pointer
}

.t-color-picker__icon:hover {
    background: var(--td-bg-color-container-hover);
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.t-color-picker__icon.t-is-disabled {
    color: var(--td-text-color-disabled);
    pointer-events: none
}

.t-color-picker__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: var(--td-pop-padding-xl);
    position: relative;
    z-index: 2
}

.t-color-picker__head .t-color-picker__close {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.t-color-picker__head+.t-color-picker__body {
    padding-top: 0
}

.t-color-picker__body {
    padding: var(--td-pop-padding-xl);
    padding-bottom: calc(var(--td-pop-padding-xl) - 4px)
}

.t-color-picker__thumb {
    position: absolute;
    z-index: 1;
    outline: none;
    border-color: currentcolor;
    width: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
    height: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
    border-radius: var(--td-radius-circle);
    -webkit-box-shadow: var(--td-shadow-1);
    box-shadow: var(--td-shadow-1);
    background: var(--td-text-color-anti);
    color: var(--td-text-color-brand);
    padding: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.t-color-picker__thumb:before {
    content: "";
    width: 100%;
    height: 100%;
    background: currentcolor;
    border-radius: var(--td-radius-circle);
    display: block
}

.t-color-picker__saturation {
    height: 160px;
    border-radius: var(--td-radius-default);
    position: relative;
    overflow: hidden;
    background: transparent
}

.t-color-picker__saturation:before,.t-color-picker__saturation:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.t-color-picker__saturation:before {
    background: -webkit-gradient(linear,left top,right top,from(#fff),to(transparent));
    background: linear-gradient(90deg,#fff,transparent)
}

.t-color-picker__saturation:after {
    background: -webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));
    background: linear-gradient(0deg,#000,transparent)
}

.t-color-picker__saturation .t-color-picker__thumb {
    width: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
    height: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
    border-radius: var(--td-radius-circle);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.t-color-picker__slider-wrapper {
    border-radius: 4px;
    padding: 0 calc(calc(var(--td-comp-size-xxxs) + var(--td-size-1)) / 2);
    position: relative
}

.t-color-picker__slider-wrapper--hue-type {
    background: red
}

.t-color-picker__slider-wrapper--alpha-type {
    background: var(--td-text-color-anti);
    background-image: linear-gradient(45deg,#c5c5c5 25%,transparent 0,transparent 75%,#c5c5c5 0,#c5c5c5),linear-gradient(45deg,#c5c5c5 25%,transparent 0,transparent 75%,#c5c5c5 0,#c5c5c5);
    background-size: 6px 6px;
    background-position: 0 0,3px 3px
}

.t-color-picker__slider-padding {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 8px;
    border-radius: 4px
}

.t-color-picker__slider {
    height: 8px;
    position: relative;
    border-radius: 4px;
    cursor: pointer;
    color: transparent;
    outline: none;
    z-index: 1
}

.t-color-picker__slider .t-color-picker__thumb {
    -webkit-transform: translate(calc(calc(var(--td-comp-size-xxxs) + var(--td-size-1)) * -.5),-50%);
    transform: translate(calc(calc(var(--td-comp-size-xxxs) + var(--td-size-1)) * -.5),-50%);
    top: 50%
}

.t-color-picker__slider .t-color-picker__rail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: inherit
}

.t-color-picker__alpha,.t-color-picker__format {
    margin: var(--td-comp-margin-m) 0 0 0
}

.t-color-picker__hue {
    background: -webkit-gradient(linear,left top,right top,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));
    background: linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)
}

.t-color-picker__alpha .t-color-picker__rail {
    background: -webkit-gradient(linear,left top,right top,from(transparent),to(currentcolor));
    background: linear-gradient(to right,transparent,currentcolor)
}

.t-color-picker__sliders-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: var(--td-comp-margin-m) 0
}

.t-color-picker__sliders {
    width: 100%
}

.t-color-picker__sliders-preview {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: var(--td-comp-margin-m);
    width: var(--td-comp-size-s);
    height: var(--td-comp-size-s);
    border-radius: var(--td-radius-default);
    overflow: hidden;
    background: var(--td-text-color-anti);
    background-image: linear-gradient(45deg,#c5c5c5 25%,transparent 0,transparent 75%,#c5c5c5 0,#c5c5c5),linear-gradient(45deg,#c5c5c5 25%,transparent 0,transparent 75%,#c5c5c5 0,#c5c5c5);
    background-size: 6px 6px;
    background-position: 0 0,3px 3px
}

.t-color-picker__sliders-preview-inner {
    display: block;
    width: 100%;
    height: 100%
}

.t-color-picker__gradient {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: var(--td-comp-margin-m)
}

.t-color-picker__gradient-slider {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.t-color-picker__gradient-degree {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: var(--td-comp-margin-m);
    width: var(--td-comp-size-xxl)
}

.t-color-picker__gradient-degree .t-input {
    margin: 0;
    font: var(--td-font-body-small)
}

.t-color-picker__gradient-degree .t-input-number {
    width: 100%;
    padding: 0
}

.t-color-picker__gradient .gradient-thumbs {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: inherit;
    cursor: pointer
}

.t-color-picker__gradient .gradient-thumbs__item {
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 0;
    cursor: pointer
}

.t-color-picker__gradient .gradient-thumbs__item:before {
    display: none
}

.t-color-picker__gradient .gradient-thumbs__item.t-is-active {
    z-index: 1;
    outline: 2px solid var(--td-component-border)
}

.t-color-picker__gradient .gradient-thumbs__item-inner {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: var(--td-radius-circle);
    overflow: hidden
}

.t-color-picker__gradient .gradient-thumbs__item-inner:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-color: currentcolor
}

.t-color-picker__format {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.t-color-picker__format--item:first-child {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.t-color-picker__format--item:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.t-color-picker__format--item .t-size-m,.t-color-picker__format--item .t-input.t-size-m {
    font: var(--td-font-body-small)
}

.t-color-picker__format--item .t-input-number .t-input {
    margin: 0
}

.t-color-picker__format--item .input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-left: var(--td-comp-margin-s)
}

.t-color-picker__format--item .input-group__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    margin-left: -1px
}

.t-color-picker__format--item .input-group__item .t-input {
    padding: 0 1px
}

.t-color-picker__format--item .input-group__item .t-input:focus,.t-color-picker__format--item .input-group__item .t-input:focus-within,.t-color-picker__format--item .input-group__item .t-input:hover {
    z-index: 1
}

.t-color-picker__format--item .input-group__item:not(:first-child):not(:last-child) .t-input {
    border-radius: 0
}

.t-color-picker__format--item .input-group__item:first-child:not(:last-child) .t-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.t-color-picker__format--item .input-group__item:last-child:not(:first-child) .t-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.t-color-picker__format--item .input-group .t-input-number {
    width: 100%;
    padding: 0
}

.t-color-picker__format-mode-select {
    width: 72px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.t-color-picker__format-mode-select .t-select,.t-color-picker__format-mode-select .t-input {
    padding-right: 0
}

.t-color-picker__format-mode-select .t-input--prefix>.t-input__suffix {
    padding-left: 0
}

.t-color-picker__format-mode-select .t-select__right-icon {
    margin-right: var(--td-comp-margin-xs)
}

.t-color-picker__swatches-wrap {
    margin-top: var(--td-comp-margin-m);
    position: relative
}

.t-color-picker__swatches-wrap .t-color-picker__swatches+.t-color-picker__swatches {
    margin-top: var(--td-comp-margin-m)
}

.t-color-picker__swatches-wrap .t-color-picker__swatches--title {
    font: var(--td-font-body-small);
    padding: 0;
    color: var(--td-text-color-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.t-color-picker__swatches-wrap .t-color-picker__swatches--actions {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0
}

.t-color-picker__swatches-wrap .t-color-picker__swatches--actions .t-color-picker__icon {
    width: var(--td-comp-size-xxxs);
    height: var(--td-comp-size-xxxs);
    margin-left: var(--td-comp-margin-s)
}

.t-color-picker__swatches-wrap .t-color-picker__swatches--items {
    width: 100%;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(10,var(--td-comp-size-xxxs));
    gap: calc(calc(256px - calc(calc(var(--td-pop-padding-xl) * 2) + calc(var(--td-comp-size-xxxs) * 10))) / 9) calc(calc(256px - calc(calc(var(--td-pop-padding-xl) * 2) + calc(var(--td-comp-size-xxxs) * 10))) / 9);
    max-height: calc(4 * calc(var(--td-comp-size-xxxs) + calc(calc(256px - calc(calc(var(--td-pop-padding-xl) * 2) + calc(var(--td-comp-size-xxxs) * 10))) / 9)));
    overflow-x: hidden;
    overflow-y: auto;
    padding: calc(var(--td-pop-padding-xl) - 8px);
    position: relative;
    left: calc(0px - calc(var(--td-pop-padding-xl) - 8px));
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.t-color-picker__swatches-wrap .t-color-picker__swatches--item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: var(--td-comp-size-xxxs);
    height: var(--td-comp-size-xxxs);
    border-radius: var(--td-radius-default);
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all .2s cubic-bezier(.38,0,.24,1);
    transition: all .2s cubic-bezier(.38,0,.24,1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.t-color-picker__swatches-wrap .t-color-picker__swatches--item:hover {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-transform-origin: center;
    transform-origin: center
}

.t-color-picker__swatches-wrap .t-color-picker__swatches--item__color {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--td-component-border);
    border-radius: var(--td-radius-default);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.t-color-picker__swatches-wrap .t-color-picker__swatches--item__inner {
    width: 100%;
    height: 100%;
    display: block
}

.t-color-picker__swatches-wrap .t-color-picker__swatches--item:not(.t-is-active):hover {
    padding: 0
}

.t-color-picker__swatches-wrap .t-color-picker__swatches--item.t-is-active .t-color-picker__swatches--item__color,.t-color-picker__swatches-wrap .t-color-picker__swatches--item.t-is-active .t-color-picker__swatches--color {
    border-color: var(--td-text-color-brand)
}

.t-color-picker__swatches-wrap .t-color-picker__swatches--color {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: var(--td-radius-default);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.t-color-picker__swatches-wrap .t-color-picker__swatches--inner {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: var(--td-radius-default);
    -webkit-box-shadow: var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);
    box-shadow: var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left)
}

.t-color-picker__trigger--default {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-color-picker__trigger--default>.t-input {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.t-color-picker__trigger--default .t-input {
    padding: 0 var(--td-comp-paddingLR-s) 0 var(--td-comp-paddingLR-xs)
}

.t-color-picker__trigger--default__color {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-color-picker__trigger--default__color .color-inner {
    border: 1px solid var(--td-scrollbar-color);
    display: block;
    width: calc(var(--td-comp-size-xs) - 2px);
    height: calc(var(--td-comp-size-xs) - 2px);
    color: transparent;
    position: relative;
    border-radius: var(--td-radius-small)
}

.t-color-picker__trigger--default__color .color-inner.t-size-s {
    width: calc(var(--td-comp-size-xxs) - 2px);
    height: calc(var(--td-comp-size-xxs) - 2px)
}

.t-color-picker__trigger--default__color .color-inner.t-size-l {
    width: calc(var(--td-comp-size-s) - 2px);
    height: calc(var(--td-comp-size-s) - 2px)
}

.t-color-picker__gradient-slider {
    padding: 0 calc(calc(var(--td-comp-size-xxxs) + var(--td-size-1)) / 2);
    border-radius: 4px
}

.t-color-picker__gradient-slider .t-color-picker--bg-alpha {
    background: var(--td-text-color-anti);
    background-image: linear-gradient(45deg,#c5c5c5 25%,transparent 0,transparent 75%,#c5c5c5 0,#c5c5c5),linear-gradient(45deg,#c5c5c5 25%,transparent 0,transparent 75%,#c5c5c5 0,#c5c5c5);
    background-size: 6px 6px;
    background-position: 0 0,3px 3px
}

.t-color-picker__panel.t-is-disabled .t-color-picker__saturation,.t-color-picker__panel.t-is-disabled .t-color-picker__slider,.t-color-picker__panel.t-is-disabled .t-color-picker__swatches--item {
    opacity: .8;
    cursor: not-allowed
}

.t-color-picker__panel.t-is-disabled .t-color-picker__gradient-slider .gradient-thumbs,.t-color-picker__panel.t-is-disabled .t-color-picker__gradient-slider .gradient-thumbs__item {
    cursor: not-allowed
}

.t-color-picker__panel.t-is-disabled .t-color-picker__swatches--item:hover {
    padding: 0
}

.t-color-picker__select-options>.t-popup__content {
    -webkit-box-shadow: var(--td-shadow-1),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);
    box-shadow: var(--td-shadow-1),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left)
}

.CustomEditor {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-color: #fff;
    flex-grow: 1;
    overflow: hidden;
    border-top: 1px solid #e7eefd;
    border-bottom: 1px solid #e7eefd;
    font-family: PingFang SC,system-ui,-apple-system,Helvetica Neue,sans-serif
}

.CustomEditor:after {
    content: "";
    display: table;
    clear: both
}

.CustomEditor .t-upload {
    width: 100%
}

.CustomEditor .t-upload img {
    vertical-align: bottom
}

.CustomEditor .t-upload .t-upload__dragger {
    width: 100%;
    padding: 10px
}

.CustomEditor .t-upload .t-upload__dragger-img-wrap {
    overflow: hidden
}

.CustomEditor .t-upload .t-upload__dragger-img-wrap {
    height: auto
}

.CustomEditor .t-upload.mini .t-upload__dragger {
    height: 78px;
    overflow: hidden
}

.CustomEditor .t-upload.mini .t-upload__dragger .t-size-s {
    display: none
}

.CustomEditor .t-upload.mini .t-upload__dragger .t-upload__dragger-text {
    margin-top: 2px
}

.CustomEditor .t-upload.mini .t-upload__dragger .t-upload__dragger-text>svg {
    display: none
}

.CustomEditor .t-upload.mini .t-upload__dragger .t-upload__single-name {
    max-width: 80px
}

.CustomEditor .t-upload.mini .t-upload__dragger .t-upload__dragger-btns {
    bottom: 0
}

.CustomEditor .t-upload.mini.t-upload-video.mini .t-upload__single-name {
    max-width: 200px
}

.CustomEditor .t-upload.mini .t-upload__dragger-img-wrap {
    width: 100px;
    height: 58px
}

.CustomEditor .t-upload.mini .t-upload__dragger-img-wrap+.t-upload__dragger-progress-info {
    margin-left: 10px
}

.CustomEditor .t-radio-column .t-radio {
    width: 100%
}

.CustomEditor .t-range-input__inner {
    gap: 0
}

.CustomEditor .t-range-input__inner .t-input__inner {
    text-align: center
}

.CustomEditor .CustomEditor-empty-panel {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    color: #888
}

.CustomEditor .CustomEditorContent {
    width: 100%;
    height: 100%;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    overflow: hidden
}

.CustomEditor .ComponentBox,.CustomEditor .PreviewBox,.CustomEditor .ConfigBox {
    height: 100%;
    overflow: auto
}

.CustomEditor .ComponentBox {
    width: 350px;
    background-color: #fff;
    border-right: 1px solid #E7EEFD;
    scrollbar-width: none
}

.CustomEditor .ComponentBox .ComponentContent {
    padding: 20px 20px 0
}

.CustomEditor .ComponentBox .ComponentHeader {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 12px;
    font-weight: 500
}

.CustomEditor .ComponentBox .ComponentList {
    margin-bottom: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch
}

.CustomEditor .ComponentBox .ComponentItem:hover {
    cursor: pointer
}

.CustomEditor .ComponentBox .ComponentItem-wrap {
    position: relative
}

.CustomEditor .ComponentBox .ComponentItem {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 92px;
    height: 92px;
    border-radius: 4px;
    background: #fff9;
    border: 1px solid #E6EAF0;
    align-items: center;
    justify-content: center;
    cursor: default
}

.CustomEditor .ComponentBox .ComponentItem[disabled] {
    cursor: not-allowed;
    opacity: .3
}

.CustomEditor .ComponentBox .ComponentItem-name {
    font-size: 12px;
    line-height: 20px;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.CustomEditor .ComponentBox .ComponentItem-icon img {
    width: 50px;
    height: 50px;
    vertical-align: bottom
}

.CustomEditor .PreviewBox {
    flex: 1;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAAdklEQVR4Ae3YMQqAMBAF0Y1YWFl4/wNaiIUgSEBia2djGBbmHWBhYKtf1u1s8bLMU/xpP67oeX+I5AyglVrvFon5QjQDaAbQDKAZQDOAZgDNAJoBtPQBY+/dxl3ogwE0dyGaATQDaAbQDKAZQDOAZgDNAJoBtAcg8xUwBso48gAAAABJRU5ErkJggg==);
    background-size: 24px 24px;
    background-repeat: repeat;
    scrollbar-width: thin;
    background-position: -2px -2px;
    padding: 70px 0 20px;
    box-sizing: border-box
}

.CustomEditor .PreviewBox .PreivewContent {
    width: 375px;
    margin: 0 auto;
    border: 14px solid #fff;
    box-shadow: 0 0 31.6px #a2b9e161;
    border-radius: 40px;
    background-color: #fff
}

.CustomEditor .ConfigBox {
    width: 350px;
    border-left: 1px solid #E5EEFF;
    scrollbar-width: none
}

.CustomEditor .ConfigBox .PageConfig {
    box-sizing: border-box;
    padding: 20px 20px 80px
}

.CustomEditor .ConfigBox .ComponentConfig-btn {
    padding: 0 10px
}

.CustomEditor .ConfigBox .ComponentConfig-header {
    margin-bottom: 20px
}

.CustomEditor .ConfigBox .ComponentConfig-header .ComponentConfig-title {
    margin-bottom: 8px
}

.CustomEditor .ConfigBox .ComponentConfig-header .ComponentConfig-desc {
    margin: 0
}

.CustomEditor .ConfigBox .ComponentConfig-title,.CustomEditor .ConfigBox .PageConfig-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 20px
}

.CustomEditor .ConfigBox .ComponentConfig-label,.CustomEditor .ConfigBox .PageConfig-form-label,.CustomEditor .ConfigBox .PageConfig-label-required,.CustomEditor .ConfigBox .PageConfig-label-left-required,.CustomEditor .ConfigBox .PageConfig-label {
    font-size: 14px;
    color: #888
}

.CustomEditor .ConfigBox .PageConfig-form-label {
    margin-bottom: 12px
}

.CustomEditor .ConfigBox .t-form--has-error .PageConfig-form-label,.CustomEditor .ConfigBox .t-form--has-error .ComponentConfig-label,.CustomEditor .ConfigBox .t-form--has-error .PageConfig-label-required,.CustomEditor .ConfigBox .t-form--has-error .PageConfig-label-left-required,.CustomEditor .ConfigBox .t-form--has-error .PageConfig-label {
    color: var(--td-error-color)
}

.CustomEditor .ConfigBox .PageConfig-desc {
    font-size: 14px;
    color: #888;
    margin-top: 5px
}

.CustomEditor .ConfigBox .ComponentConfig-tips {
    font-size: 12px;
    color: #888
}

.CustomEditor .ConfigBox .ComponentConfig-desc {
    font-size: 12px;
    color: #888;
    margin-top: 5px
}

.CustomEditor .ConfigBox .PageConfig-theme-list {
    display: flex;
    padding: 10px;
    align-items: center;
    border-radius: 4px;
    background-color: #f9f9fb;
    justify-content: space-between;
    margin: 8px 0
}

.CustomEditor .ConfigBox .PageConfig-theme-item {
    padding: 3px;
    border: 1px solid #EEEEF0;
    border-radius: 4px
}

.CustomEditor .ConfigBox .PageConfig-theme-item.active {
    border-color: #1289ff
}

.CustomEditor .ConfigBox .PageConfig-theme-color {
    width: 23px;
    height: 23px
}

.CustomEditor .ConfigBox .ComponentConfig {
    padding: 20px;
    box-sizing: border-box
}

.CustomEditor .ConfigBox .ComponentConfig-empty {
    height: 100%
}

.CustomEditor .ConfigBox .ComponentConfig-empty .ComponentConfig-empty-text {
    display: flex;
    color: #a2acbe;
    height: 100%;
    justify-content: center;
    align-items: center;
    text-align: center
}

.CustomEditor .ConfigBox .ComponentConfig-empty-text,.CustomEditor .ConfigBox .ComponentConfig-item.inactive {
    display: none
}

.CustomEditor .ConfigBox .PageConfig-tpl-list,.CustomEditor .ConfigBox .PageConfig-tpl-theme-list {
    display: flex;
    gap: 16px;
    margin: 12px 0
}

.CustomEditor .ConfigBox .PageConfig-tpl-item,.CustomEditor .ConfigBox .PageConfig-tpl-theme-item {
    padding: 12px;
    border-radius: 4px;
    outline: 1px solid #E7EAEF;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.CustomEditor .ConfigBox .PageConfig-tpl-item .PageConfig-tpl-item-icon,.CustomEditor .ConfigBox .PageConfig-tpl-theme-item .PageConfig-tpl-item-icon {
    width: 30px;
    height: 30px;
    object-fit: cover;
    display: block
}

.CustomEditor .ConfigBox .PageConfig-tpl-item .PageConfig-tpl-theme-item-theme,.CustomEditor .ConfigBox .PageConfig-tpl-theme-item .PageConfig-tpl-theme-item-theme {
    width: 80px;
    height: 133px;
    object-fit: cover;
    display: block;
    margin-bottom: 8px
}

.CustomEditor .ConfigBox .PageConfig-tpl-item .PageConfig-tpl-item-desc,.CustomEditor .ConfigBox .PageConfig-tpl-theme-item .PageConfig-tpl-item-desc,.CustomEditor .ConfigBox .PageConfig-tpl-item .PageConfig-tpl-theme-item-desc,.CustomEditor .ConfigBox .PageConfig-tpl-theme-item .PageConfig-tpl-theme-item-desc {
    font-size: 12px
}

.CustomEditor .ConfigBox .PageConfig-tpl-item.active,.CustomEditor .ConfigBox .PageConfig-tpl-theme-item.active {
    border: none;
    outline: 2px solid #005AFF
}

.CustomEditor .ConfigBox .PageConfig-tpl-theme-item {
    padding: 8px
}

.CustomEditor .ConfigBox .PageConfig-tpl-item:hover,.CustomEditor .ConfigBox .PageConfig-tpl-theme-item:hover {
    cursor: pointer
}

.CustomEditor .ConfigBox .PageConfig-label-required:after {
    content: "*";
    color: #e24c55;
    margin-left: 4px
}

.CustomEditor .ConfigBox .PageConfig-label-left-required:before {
    content: "*";
    color: #e24c55;
    margin-right: 4px
}

.CustomEditor .ConfigBox .PageConfig-basic {
    margin-top: 40px
}

.CustomEditor .ConfigBox .PageConfigPanel-item {
    margin-top: 20px
}

.CustomEditor .ConfigBox .PageConfigPanel-item .PageConfig-tpl-theme-item {
    outline: none
}

.CustomEditor .ConfigBox .PageConfigPanel-item .PageConfig-tpl-theme-item.active {
    border: none;
    outline: 2px solid #005AFF
}

.CustomEditor .ConfigBox .PageConfig-theme-radio-list {
    margin-top: 12px
}

.CustomEditor .ConfigBox .PageConfig-theme-radio-list>.t-radio-group.t-radio-group__outline {
    row-gap: 16px
}

.CustomEditor .ConfigBox .PageConfig-basic-form>.t-form__item {
    margin-bottom: 20px
}

.CustomEditor .ConfigBox .PageConfig-tpl-list-wrap {
    display: flex;
    flex-wrap: wrap;
    border-radius: 3px;
    outline: 1px solid #E5EAF1;
    background: #fff;
    padding: 9px 11px 7px;
    box-sizing: border-box;
    gap: 0;
    height: 375px;
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none
}

.CustomEditor .ConfigBox .PageConfig-tpl-list-wrap-item.active {
    z-index: 1
}

.CustomEditor .ConfigBox .t-tabs,.CustomEditor .ComponentBox .t-tabs {
    height: 100%
}

.CustomEditor .ConfigBox .t-tabs__content,.CustomEditor .ComponentBox .t-tabs__content {
    height: calc(100% - 48px)
}

.CustomEditor .ConfigBox .t-tab-panel,.CustomEditor .ComponentBox .t-tab-panel {
    height: 100%;
    overflow: auto;
    scrollbar-width: none
}

.CustomEditor .ConfigBox .t-tabs__nav-item-text-wrapper,.CustomEditor .ComponentBox .t-tabs__nav-item-text-wrapper {
    font-size: 16px;
    color: #000
}

.CustomEditor .ConfigBox .t-is-active .t-tabs__nav-item-text-wrapper,.CustomEditor .ComponentBox .t-is-active .t-tabs__nav-item-text-wrapper {
    font-weight: 500
}

.CustomEditor .ConfigBox .t-form__label,.CustomEditor .ComponentBox .t-form__label {
    font-size: 14px;
    color: #888;
    padding-right: 16px
}

.CustomEditor .ConfigBox .t-form__controls-content,.CustomEditor .ComponentBox .t-form__controls-content {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.CustomEditor .ConfigBox .t-form__label--required.t-form__label--left label:before,.CustomEditor .ComponentBox .t-form__label--required.t-form__label--left label:before {
    display: none
}

.CustomEditor .ConfigBox .t-form__label--required.t-form__label--left label:after,.CustomEditor .ComponentBox .t-form__label--required.t-form__label--left label:after {
    display: inline-block;
    margin-left: var(--td-comp-margin-xs);
    color: var(--td-error-color);
    line-height: var(--td-line-height-body-medium);
    content: "*"
}

.ComponentConfig-form-list {
    background-color: #f9f9fb;
    border-radius: 4px;
    padding: 12px;
    margin-bottom: 12px
}

.ComponentConfig-form-list .ComponentConfig-form-header {
    display: flex;
    align-items: center
}

.ComponentConfig-form-list .ComponentConfig-form-title {
    flex: 1;
    display: flex
}

.ComponentConfig-form-list .ComponentConfig-form-type {
    display: flex;
    align-items: center;
    background-color: #d8e9ff;
    border-radius: 4px;
    font-size: 12px;
    padding: 0 8px
}

.ComponentConfig-form-list .ComponentConfig-form-row {
    width: 100%;
    display: flex;
    align-items: center
}

.ComponentConfig-form-list .ComponentConfig-form-drag {
    width: 16px;
    height: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAAQUlEQVR4Ae3UIRIAMAgDQeivUaWKZ1OFrqiIuXWZiYiKGcT8VaiqdPc9ubtPRORvdywTYwAAOa6YAQDkuGIGQO4CW6cwFkM5EnYAAAAASUVORK5CYII=);
    background-size: auto 100%;
    display: inline-block;
    margin-right: 8px;
    cursor: pointer
}

.ComponentConfig-form-list .ComponentConfig-form-copy {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAA1ElEQVR4Ae2V3Q2CMBSFTw3vOgJuwAg4gavgE7ABTGPcwBF0AjuCE7QejQ81MdLm8iPaLyHkJqfNae4f8O8oN2jbtrDWbiFEKXUqy3Lno03cwBiT8XAOIXyEt3aBiZncQOKh0QiEabz6ajsNVFW1xoDMIgUPmqbZ85dBCDvkUNd1EWyArPilEML6WLpxbMOQFLzj6KHJMZABzRbddIlYvB/ncqyBaCAa+K5B9NzjGiPyYoCD5b6lCozIrHdByjF7gRDpMkohJLZhSArO6AG2ei/3/A43UpEo74BV0+AAAAAASUVORK5CYII=);
    background-size: auto 100%;
    margin-left: 8px;
    cursor: pointer
}

.ComponentConfig-form-list .ComponentConfig-form-copy[disabled] {
    opacity: .5
}

.ComponentConfig-form-list .ComponentConfig-form-delete {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAAgElEQVR4Ae2WMQ6AIAxFW/VgLpwJNnGDO7F4spoYddAoQoKY+N/8k740hZbo7/CTkPd+EBFLCTCz1VqPsVwbC+QUX+mVUhRCmO5Cewecc0IvYoxZajdUGQiA0z9wfA3btJbKYQghAAEIQAAC1QU6yuRq+6Xy/Q6UvpYxhLiKqzMDeskl0mvVinwAAAAASUVORK5CYII=);
    background-size: auto 100%;
    margin-left: 8px;
    cursor: pointer
}

.ComponentConfig-form-list .ComponentConfig-form-delete[disabled] {
    cursor: not-allowed;
    opacity: .8
}

.ComponentConfig-form-list .ComponentConfig-form-content {
    margin: 16px 0 10px
}

.ComponentConfig-action-list {
    display: flex;
    align-items: center
}

.ComponentConfig-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    background-size: auto 100%;
    margin-right: 4px
}

.ComponentConfig-icon-text,.ComponentConfig-icon-longtext {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAAx0lEQVR4Ae2VMQrDIBSGnxJIxh7FK+RIjm5ujj1SPYJH6aiL1lcIZLCN1mgL9RsSFPFDfT8PoDMEP1LKyzzPDBrinDPRc59wgDJCyA0aEh1r/GkKnekunFKT8Xq5995ABSEERim9ZglRJoTQUIFSKjn/G1e6pyQyW+lDjbAkMlvpv1vzp7HYsyyLsdaukAG+4dGaQyHnHItAw0mMWIxYFDNicTrJE2LzfNXPconNl8V98oSpTl1KSvbcGzrznTcsKf1PyYlMEx7cKFciAP7mrAAAAABJRU5ErkJggg==)
}

.ComponentConfig-icon-text2 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAA1UlEQVR4Ae2VTQrDIBBGRwkkyx4lV8iRXGaXncseqR7Bo3SpG61TCEiYEn8a25K+RYKD+IHOYwAaw/CzLMul7/sRDsRaq0POvcMFhjHGbnAgIWMKP8WhMc0DO6oYrlc45zRU4L0fOefXpEAMm+dZQQVSSrL+HVcaQymztjgUsBtIKbO2OBRwUi1ihmHQxpgpruEbQiG7gUIIbA4Fb+I3tNiSo0mRFsSeZE3+WpBabMnR5KRa4PB8Nc9SCcN3DOekBVKTOhcq7Hk2NOYzb5jS+rXUTJgqHjvGVyLbeTz5AAAAAElFTkSuQmCC)
}

.ComponentConfig-icon-image {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAABPklEQVR4AeWWQa6CMBCGB2ICS4/Au4FHeB7FI7AhYSU7AhuP4FHkBnIEb6BL2IDzGzFoqm0HQRO/hU1L5GunMy1EE+PgJ0mSued5CxqRuq5L9pxm6EDmOM6ORoQdS24KlyZmcuFMNcjhDZumKWkAbdsuXNfdGAkhi+O4oAGkaaoc/46QquhKp0tvEmK0wizL1r7vH1E63O7zPBfXrFbIexFwAiS9IfS3JMRkhcHjADKQhGiFHMKSQ/m4ZwUJ0QrDMDyxEMfSoZPxClckxChLoyjCIfCneoY95gltMQmu3YPmVcPq8CrDof+PFn3df8TCniy4DgUmUpFQISNTqbXwhexO+uy5ldBAdpOqbgoroYXsAmftXCy0lb1CWYc4urr7DDNl2eYdsqfCfvxZRu/kRz6icCNUVbWkEcGXAn2CM2mleMCXcU9RAAAAAElFTkSuQmCC)
}

.ComponentConfig-icon-video {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAACh0lEQVR4Ab1Wy3EaQRCd3XIVcMMRaB2BlggMERhFoCUCw4nPRfjC52QUAasIhCMARyAUgVcZcOUA+L3V7NbQ2i9Sqauo7Rl6+nX3dE+3pQrQdDptWpb1Ayy/zul0qnMf/A78FuwW3z/D4XCTp8vKAfKg9A6so4pRAOBfAPZVGUAAOQB6BOuqy4jALQAHuYDz+fwWn0UUtjNhy2Lo+HvR6yv8XKzdBNnd4XDojEajVSrgZDJp27b9KA8ej8f7/X6/GI/HO5VAOiJd/G6lodjz+v3+wxtAHgLYkziwwbqTFJoM4CXYpjC4Een4YvyxNsHAP0DIUyVIK20B2Ke3Wk9d50ODa1tb5qnzTNyUBRPAHnUYW67GeAXUqa80z9rqpCnDPdZVAaIO6jL0hhg2i1qde+dn3Vm1Wv0dWZtF1MFkM7YcYtlAbpuCQiiJwsRA+dzlyNG4hdhqM6TX0Yp1VjQjEbLxbDb7x8xMk+n1ejvqjNaogu/00DWUbFU5orfrrBAjYs+mvC1K4UWVp7wQB4b+uq0+iODJ1yJytkjdK1WS9Etyg7vvpog4piw9DIyNst1hy2dLPtAmIVHipGSO8A7/GhtuicK+HwwGjaysZgabnQT8MwHPrKtUKl2VTXkhjAne/RRbq7BbsJ6UjrV83S+lhO4TICLfwizlWBAJ6td9qd5J1CFKLsSI+yHq6El0bh8WddQFhIjRYM/YCr0jE/dD3osIgYeDzgc14Fa8Fgc8GU7drnxmZRowM7tWqzFBunLEoCNm2SQNUewey6QhChTNoPEQpV4nu8QhCmA9OTJmjYlrVXwefWMYjLopNCYK4M8ZhBOAm/i0AX6t59B41CcIQsfXalVk1P8P67GQYd2mJ+gAAAAASUVORK5CYII=)
}

.ComponentConfig-icon-phone {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAABImlDQ1BTa2lhAAAokX2QsUrDYBSFv5SCWnUQHR3+sYtSFdRBlyoGnSRGaOqUpklaSNLwJ6UU3HwBH0JwdhSHrg4OguCqjyAOrpEkSLLEM30cDtx7DtTmAeot8INYampbdIyumPtEQSGTaUUh1VLg5z3Pvm38k6vSQt+OLOAL6MuO0QVFB9bcnAcp93K+TnkShzEotylLXTsC5Q5ouiXuldgKZZp/AQ58b2wVf7NkB5cXwAmwzjFDIkI8TKYIztlBoGLiMyZGMGFIzABBhIZKG4GOxCQgwsFGQrpffuLmAw5nSZI8Fd7ZDB72oPFYeM19WFmE55JXbBqa0sysOlBzHPi+h2UDVl+hcfU3ZEU3kXVTGTHCxcNGcEqAxSaCbVpssfsLF5RN5zZ2PN8AAAELSURBVFgJ7ZbRDYMwDEQ7QkfoCPaFAToCIzFCN6CbdARGaDdgBKpUEEzlVCFKPqiMZOmwTHx5SVBOJ3syCRDRmZkfAKbC0fuxd9ti5nthI3Ji/W5DAMaKhsYcQ8uM9s8m0k1Sj5TE04KOGVIxGSEVi0gaIQFDlUZIxSKSRkjAUKURUrGIpBESMFRphFQsInlIQv6yTkSXr4he4KvfGJn5KUguV96JiK4CdpBVDXkqmpk51wUXQlQ15PsAuAF4yXDODd6s8BFkdUOhU6L4T0PMPADoSsQ81mfzJ0Jdy/xe+LFpw4nKqfFjr50SFRG1Oc1SvnHOtYk2tmXz0S6yXMuSN02j/qO2ne3tQATea0Hgy5XCSgoAAAAASUVORK5CYII=)
}

.ComponentConfig-icon-email {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAABImlDQ1BTa2lhAAAokX2QsUrDYBSFv5SCWnUQHR3+sYtSFdRBlyoGnSRGaOqUpklaSNLwJ6UU3HwBH0JwdhSHrg4OguCqjyAOrpEkSLLEM30cDtx7DtTmAeot8INYampbdIyumPtEQSGTaUUh1VLg5z3Pvm38k6vSQt+OLOAL6MuO0QVFB9bcnAcp93K+TnkShzEotylLXTsC5Q5ouiXuldgKZZp/AQ58b2wVf7NkB5cXwAmwzjFDIkI8TKYIztlBoGLiMyZGMGFIzABBhIZKG4GOxCQgwsFGQrpffuLmAw5nSZI8Fd7ZDB72oPFYeM19WFmE55JXbBqa0sysOlBzHPi+h2UDVl+hcfU3ZEU3kXVTGTHCxcNGcEqAxSaCbVpssfsLF5RN5zZ2PN8AAAFJSURBVFgJ7ZaNEYIwDIUZwREcIQmLsYFuoBvpBroBIzCCXryUizWYVlt/7sodVziS15evDdB17WgEGoEvEACADSJORHSpcYr2Lqk0ANjVMLGguXVNEVE1MoapKcXQvEwAsHYTMgNYUxtz03XwzxlCxLGkKdZCxIMuOotQSOSucxOdAAAYrM510roumIjHV2lZVLR2rqGHjsuhtUDl/LIhro6ItlqArz1aC1S4uEE0507OIsTJnCAiY2zMorVA5RhpvWcoVPGMFk8Yd5C8ZIeQr4orY0gJPtAyOmimUtVQELdoyZLe9kqIi0dZ/nKE9ATG3jKpGDl1DIWJhNbdXgnP4rEqoXiylPtmyKPUCFUlRER76SD+npU6WTO97Y3X/5yshUpc931/8ojyhxQ+9KM/8VyuIQ6QThgKLlO83Pwbskoy04IagX8ncAVZQFrDlq1QKgAAAABJRU5ErkJggg==)
}

.ComponentConfig-icon-wxQrcode {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAHRJREFUOBGtkQsKgDAMQ3f83lpBfCVkK50yQdLm54ZjnHgi4tKXTuVWM77hIoLzvuPLgiTegUDL7xjVo/NTPhGLE6hH5+0CvcZUgOgCe4XkEjFCsFeIr/wLaegGvtD5Wp0ikAC7I3piZXCe/XOQwPkCmv/gDXHtLHzHv73CAAAAAElFTkSuQmCC)
}

.ComponentConfig-icon-map {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAC2klEQVR4AbVWO5LaQBAdgWuByBwBn8DsDSAgNpzAcAIg4pOgTfgl4MzZcgPYnCrkG+ATWDewHPEJwO/hHjPIaATl3a6C0cz09Oueft2So+6UwWBQSCQSeT4fDod1p9Px7jnv3KrY7/fLyWTy+Xg8ZkNbPtaeADy7xU7yFqXRaNRzHOcrHtNXtrPYK5dKJbVcLr/F2UrEKeAKq4jAlSmjKbbbbYc/PnONG9ThdcfZexenAO97Jthutwt4vVzANS4AUoTOCtMcxmeMH6z2bJv0WIwxghoGTxvXTmy328dUKpU39Io2IsVdaeHkleMEQoqCAUbJZTKZKgGoI2tlm8E4wBz/4PXanNO4BkBpaNb6svde/QegEiPaqCcOZI3ymKk7xAqIAl8LQH48Hufl6irqTy4Xki8fuc5RR3StpWFl6cPDw2y/3/cYDa6ujqVaq9VaYFyYegaTKZ7NpiO1UzAXmbNut3syin1XG7zGQJPJkBnqk2xmsyjDyXwIz2OEhZCH9Himo0in01NEWWeUrDPXdR/xCwRM1x7l1OK0DYCVsfc5FMg/OfTl4C+90Gw2AxyuyDQHB+Z6DzmeqDOT2U99w+lA27sIxrwytisVIcPhcIqhLsZcAXENMNdy9qj1bioLcaahzmXhGv3Vs4GF5ZbmndO9Ey2sgujWxjZbW0XdIVZAkINEWSFXc7CuYeTTV9LMNYEsDhfMubUOQZC/jVq3MCn0on5WEY6yx8KhTypUcpERItGku+4eF6TQQIh6TuNmNDg3AdgPnJmEwSIj5BseB6oC9iVMislkksV7cYU9lkkA/e9mNKw3EbbAFwG/HqGAnQDYLwHWCOswlxheZFo1o2H90Un5MiiiFU4jIzTBIOvNZlNTEcIywfV9NIEwPOHMzEakiwhD3y6VOAayTNT5m4a5/Bl35hppfP3aUTHCqzU/pCBTvsZsZy5a21vLXa3ttYSk8Qwav7V4vwE8qsHfOXlTsAAAAABJRU5ErkJggg==)
}

.CustomView-guide-text {
    color: #888
}

.CustomView-guide-panel {
    color: #888;
    background-color: #f9f9fb;
    width: 100%;
    height: 96px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ConfigBox .t-upload__flow {
    min-width: auto;
    width: auto
}

.ConfigBox .t-upload__flow .t-upload__card-status-wrap>p {
    margin: 0
}

.ConfigBox .t-upload__flow-table {
    table-layout: fixed;
    font-size: 12px
}

.ConfigBox .t-upload__flow-table .t-upload__delete {
    font-size: 12px
}

.ConfigBox .t-upload__flow-table .t-upload__flow-status {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ConfigBox .t-upload__flow-table .t-upload__flow-status .t-icon {
    margin-right: 2px
}

.ConfigBox .t-upload__flow-table .t-upload__file-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ConfigBox .t-upload__flow-table .t-upload__file-name>a {
    font-size: 12px;
    pointer-events: none
}

.ConfigBox .t-upload__flow-table tr td:nth-child(2),.ConfigBox .t-upload__flow-table tr th:nth-child(2) {
    display: none
}

.ConfigBox .t-upload__flow-table tr th:nth-child(3) {
    width: 70px
}

.ConfigBox .t-upload__flow-table tr th:nth-child(4) {
    width: 30px
}

.ConfigBox .t-upload__flow-table tr td,.ConfigBox .t-upload__flow-table tr th {
    padding: 10px 8px
}

.ConfigBox .t-upload-image-list .t-upload__card-content {
    width: 70px;
    height: 70px;
    padding: 0
}

.ConfigBox .t-upload-image-list .t-upload__flow-card-area {
    padding: 8px;
    margin-top: 12px;
    max-height: 300px;
    overflow: auto;
    scrollbar-width: none
}

.ConfigBox .t-upload-image-list .t-upload__flow-bottom {
    margin-top: 12px;
    margin-bottom: 8px
}

.ConfigBox .t-upload-image-list .t-upload__card-name {
    width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ConfigBox .t-upload-image-list .t-upload__card {
    gap: 4px
}

.ConfigBox .t-upload-file-list .t-upload__flow-card-area {
    margin-top: 12px;
    overflow: auto
}

.ConfigBox .t-upload-file-list .t-upload__flow-table {
    margin-top: 12px
}

.ConfigBox .t-upload-file-list .t-upload__flow-bottom {
    margin-top: 12px;
    margin-bottom: 8px
}

.ConfigBox .ComponentConfig-theme-list {
    width: 100%;
    display: flex;
    padding: 10px;
    align-items: center;
    border-radius: 4px;
    background-color: #f9f9fb;
    box-sizing: border-box;
    justify-content: space-between
}

.ConfigBox .ComponentConfig-theme-item {
    padding: 3px;
    border: 1px solid #EEEEF0;
    border-radius: 4px
}

.ConfigBox .ComponentConfig-theme-item.active {
    border-color: #1289ff
}

.ConfigBox .ComponentConfig-theme-color {
    width: 40px;
    height: 23px
}

.ComponentConfig-item .ComponentConfig-item-tips {
    padding: 5px 0 10px;
    font-size: 11.8px;
    color: #888
}

.ComponentConfig-form-item-wrap {
    width: 100%
}

.ComponentConfig-input-hidden {
    width: 0;
    height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    outline: none;
    position: absolute
}

.ComponentConfig-upload {
    width: 100%
}

.ComponentConfig-upload .upload-display {
    display: flex;
    height: 126px;
    width: 300px;
    padding: 12px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    border: 1px dashed var(--Line-Normal-Bule-gray-4, #E5EAF1);
    background: var(--Background-Form-Gray-2, #F9F9FB)
}

.ComponentConfig-upload .upload-display .upload-url-show {
    display: flex;
    width: 100px;
    height: 100px;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    background: var(--Background-Control-Blue-gray-5, #DADFE7)
}

.ComponentConfig-upload .upload-display .upload-url-show-display {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-direction: column
}

.ComponentConfig-upload .upload-display .upload-url-show-display .upload-url-show-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px
}

.ComponentConfig-upload .upload-display .upload-url-show-display .upload-url-show-info .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.ComponentConfig-upload .upload-display .upload-url-show-display .upload-url-operate {
    display: flex;
    align-items: flex-start;
    gap: 12px
}

.ComponentConfig-upload .uplod-display-left {
    justify-content: flex-start
}

.ComponentConfig-upload .Ai-component-text {
    background: linear-gradient(91deg,#00f39a 54.75%,#499bff 99.51%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    cursor: pointer
}

.ComponentConfig-upload .AI-tipTool {
    display: flex;
    height: 176px;
    width: 400px;
    padding: 20px;
    align-items: center;
    gap: 8px;
    align-self: stretch
}

.ComponentConfig-upload .Ai-nophoto {
    display: flex;
    width: 492px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 4px;
    border: 1px solid var(--Line-Non-column-blue-Gray-3, #EEF0F4);
    background: #fff
}

.ComponentConfig-upload .Ai-nophoto .show-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px
}

.ComponentConfig-upload .Ai-nophoto .show-content .one-line {
    display: flex!important;
    flex-direction: row;
    align-items: center
}

.ComponentConfig-upload .Ai-nophoto .show-content .one-line .Ai-text {
    background: linear-gradient(91deg,#00f39a 54.75%,#499bff 99.51%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    cursor: pointer
}

.ComponentConfig-upload .Ai-photo-library {
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    align-self: stretch
}

.ComponentConfig-upload .Ai-photo-library .Ai-photo-display {
    display: flex;
    width: 136px;
    height: 136px;
    align-items: center;
    gap: 10px
}

.Ai-photo-drawer .t-drawer__body {
    padding: unset
}

.Ai-upload-dialog {
    width: 800px
}

.Ai-upload-dialog .ai-local-upload {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    background: #fff;
    width: 800px
}

.Ai-upload-dialog .ai-no-photo-show {
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch
}

.Ai-upload-dialog .ai-no-photo-show .ai-show-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px
}

.Ai-upload-dialog .ai-no-photo-show .ai-one-line {
    color: var(--Text-Tag-gray-7, #888);
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.Ai-upload-dialog .ai-no-photo-show .ai-text {
    background: linear-gradient(273deg,#499cff 1.54%,#00eca4 98.82%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor: pointer
}

.Ai-upload-dialog .ai-photo-library-componet {
    display: flex;
    padding: 20px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    flex-wrap: wrap;
    width: 800px;
    box-sizing: border-box
}

.Ai-upload-dialog .ai-photo-library-componet .ai-photo-card {
    display: flex;
    width: 136px;
    height: 136px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--Background-Control-Blue-gray-5, #DADFE7)
}

.ConfigBox .ConfigTpl-trace .PageConfig-theme-list {
    justify-content: flex-start;
    gap: 16px
}

.ConfigBox .ConfigTpl-patrol .PageConfig-tpl-theme-list {
    gap: 12px
}

.SidePanel {
    height: 100%
}

.SidePanel .SidePanel-component-list {
    height: 100%;
    display: flex;
    flex-direction: column
}

.SidePanel .SidePanel-header {
    font-size: 16px;
    border-bottom: 1px solid #E5EEFF;
    padding: 0 20px 0 10px;
    height: 48px;
    display: flex;
    align-items: center
}

.SidePanel .SidePanel-header-back {
    cursor: pointer;
    height: 14px;
    width: 28px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAYAAABoMT8aAAAACXBIWXMAABYlAAAWJQFJUiTwAAABaWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QcXKWq8MSlPPgAAAN9JREFUeAGllQ8NhiAQxW8mMIIRjKBJtIERNAoNiEAEaEAEaHCfsH1OGH8OeRtu5/Z+wHa8A2wU5xwBAK/r8jW0mKWUOI6jB7jFGMMBiFJKwbquYK19/rkDkE4Q7+zWeZ60K2its+YqwJmnacqaiwCKOQugmpOAlPk4DswJauZt27Ak6DE/gK9mD0iZl2VBqiA2u9oYQwYMd5cFPR/XVXVfwX1SkH3f6YAeSLWRahBSK5cg5Mf0z0ASoAXSHCgxpBppqTx8Qz6HavNcSEGa5sI8zyCECN4KUufCWzckyMgfuFsF8OspshYAAAAASUVORK5CYII=);
    background-size: 8px 14px;
    background-position: center;
    margin-right: 6px
}

.SidePanel .SidePanel-content {
    flex: 1;
    overflow: auto;
    scrollbar-width: none
}

/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */
.cropper-container {
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cropper-container img {
    backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none!important;
    max-width: none!important;
    min-height: 0!important;
    min-width: 0!important;
    width: 100%
}

.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.cropper-wrap-box,.cropper-canvas {
    overflow: hidden
}

.cropper-drag-box {
    background-color: #fff;
    opacity: 0
}

.cropper-modal {
    background-color: #000;
    opacity: .5
}

.cropper-view-box {
    display: block;
    height: 100%;
    outline: 1px solid #39f;
    outline-color: #3399ffbf;
    overflow: hidden;
    width: 100%
}

.cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: .5;
    position: absolute
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%
}

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3)
}

.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: .75;
    position: absolute;
    top: 50%;
    width: 0
}

.cropper-center:before,.cropper-center:after {
    background-color: #eee;
    content: " ";
    display: block;
    position: absolute
}

.cropper-center:before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px
}

.cropper-center:after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px
}

.cropper-face,.cropper-line,.cropper-point {
    display: block;
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%
}

.cropper-face {
    background-color: #fff;
    left: 0;
    top: 0
}

.cropper-line {
    background-color: #39f
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px
}

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0
}

.cropper-point {
    background-color: #39f;
    height: 5px;
    opacity: .75;
    width: 5px
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%
}

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px
}

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%
}

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px
}

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px
}

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px
}

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px
}

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px
}

@media (min-width: 768px) {
    .cropper-point.point-se {
        height:15px;
        width: 15px
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        height:10px;
        width: 10px
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        height:5px;
        opacity: .75;
        width: 5px
    }
}

.cropper-point.point-se:before {
    background-color: #39f;
    bottom: -50%;
    content: " ";
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%
}

.cropper-invisible {
    opacity: 0
}

.cropper-bg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
}

.cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.cropper-hidden {
    display: none!important
}

.cropper-move {
    cursor: move
}

.cropper-crop {
    cursor: crosshair
}

.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point {
    cursor: not-allowed
}

.LoginGuide-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.LocationView-wrapper {
    padding: 8px 12px;
    background-color: #fff;
    width: 100%;
    box-sizing: border-box
}

.LocationView-wrapper .LocationView-content {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    flex: 1
}

.LocationView-wrapper .item-row {
    display: flex;
    flex-direction: row;
    gap: 20px
}

.LocationView-wrapper .name {
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
    width: 0
}

.LocationView-wrapper .address {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

.LocationView-wrapper .modify-btn {
    color: #2a5fff;
    cursor: pointer
}

.LocationChoose-wrapper .t-steps .t-steps-item:not(:last-child):after {
    width: 48px
}

.LocationChoose-wrapper .LocationChoose-steps {
    padding: 12px;
    border-top: 1px solid #E7EEFD;
    border-bottom: 1px solid #E7EEFD
}

.LocationChoose-wrapper .LocationChoose-content {
    padding-top: 14px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E7EEFD
}

.LocationChoose-wrapper .LocationChoose-btns {
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 12px
}

.LocationChoose-wrapper .LocationChoose-btns .t-button {
    width: 162px
}

.LocationChoose-wrapper .LocationChoose-btns .t-button--theme-primary {
    background: linear-gradient(133.92deg,#4184ff -14.74%,#0961ff 101.86%)
}

.LocationGeo-wrapper .LocationGeo-search {
    margin-bottom: 14px
}

.LocationGeo-wrapper .LocationGeo-search .t-input {
    background-color: #f8f8f8
}

.LocationGeo-wrapper .LocationGeo-search .search-icon {
    width: 14px;
    height: 14px
}

.LocationGeo-wrapper .LocationGeo-map {
    height: 284px
}

.suffix-icon {
    width: 8px;
    height: 8px;
    object-fit: contain;
    transform: rotate(90deg)
}

.city-select {
    width: 400px;
    padding: 20px
}

.city-select .toolbar {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.city-select .shortcuts {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px
}

.city-select .shortcuts .shortcut {
    display: inline-block;
    padding: 4px
}

.city-select .content {
    margin-top: 20px;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto
}

.city-select .content .province-row {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    gap: 20px
}

.city-select .content .province-row .province-name {
    width: 4em;
    font-weight: 500
}

.city-select .content .province-row .province-name.CITY {
    width: 1em
}

.city-select .content .province-row .city-list {
    flex: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px 10px
}

.city-select .content .province-row .city-list .city-item {
    cursor: pointer
}

.city-select .content .province-row .city-list .city-item:hover {
    color: #3e71fe
}

.LocationStyle-wrapper .LocationStyle-title {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000
}

.LocationStyle-wrapper .LocationStyle-style_list {
    display: flex;
    flex-direction: row;
    gap: 17px
}

.LocationStyle-wrapper .LocationStyle-style_item {
    flex: 1;
    width: 0;
    height: 262px;
    box-sizing: border-box;
    border: 2px solid #FAFAFA;
    background-color: #fafafa;
    border-radius: 4px;
    display: flex;
    padding: 27px 18px
}

.LocationStyle-wrapper .LocationStyle-style_item:has(.LocationStyle-style_style1) {
    padding-left: 12px;
    padding-right: 23px
}

.LocationStyle-wrapper .LocationStyle-style_item .LocationStyle-style_style1 {
    align-self: center;
    width: 100%
}

.LocationStyle-wrapper .LocationStyle-style_item.active {
    border: 2px solid #005AFF
}

.LocationStyle-style_style1 {
    background-color: #fff
}

.LocationStyle-style_style1 .location-card {
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 5px;
    box-sizing: border-box;
    height: 58px
}

.LocationStyle-style_style1 .location-card .left {
    margin-left: 8px;
    display: flex;
    align-items: center
}

.LocationStyle-style_style1 .location-card .left .poi-mark {
    width: 42px;
    height: 42px
}

.LocationStyle-style_style1 .location-card .middle {
    flex: 1;
    width: 0
}

.LocationStyle-style_style1 .location-card .middle .name {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap
}

.LocationStyle-style_style1 .location-card .middle .address {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    color: #444
}

.LocationStyle-style_style1 .location-card .right {
    display: flex;
    align-items: center;
    margin-right: 14px
}

.LocationStyle-style_style1 .location-card .right img {
    width: 8px;
    height: 14px
}

.LocationStyle-style_style2 {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #F0F0F0
}

.LocationStyle-style_style2 .location-card {
    background-color: #ffffffe6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 20px 0 20px 20px;
    box-sizing: border-box;
    height: 88px
}

.LocationStyle-style_style2 .location-card .middle {
    flex: 1;
    width: 0
}

.LocationStyle-style_style2 .location-card .middle .name {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    color: #000
}

.LocationStyle-style_style2 .location-card .middle .address {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    color: #444
}

.LocationStyle-style_style2 .location-card .right {
    display: flex;
    align-items: center;
    margin-right: 20px
}

.LocationStyle-style_style2 .location-card .right img {
    width: 8px;
    height: 14px
}

.LocationStyle-style_style2 .map-preview {
    position: relative;
    z-index: 1
}

.AI-Photo {
    box-sizing: border-box;
    min-width: 408px;
    width: 912px;
    min-height: 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: 0 2px 20px #375b8233;
    z-index: 1001;
    position: relative;
    background: linear-gradient(161deg,#ebebff 2.11%,#f4fafe 63.57%)
}

.AI-Photo .header {
    height: 72px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    border-bottom: 1px solid #e7eaef
}

.AI-Photo .header-left {
    display: flex;
    align-items: center
}

.AI-Photo .header-left__icon {
    width: 32px;
    height: 32px;
    background: url(https://webcdn-75028.gzc.vod.tencent-cloud.com/youmanext/ai-icon.png) center no-repeat;
    background-size: 53px 53px;
    margin-right: 10px
}

.AI-Photo .header-left__title {
    width: 90px;
    height: 25px;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    text-align: left;
    margin-right: 10px;
    background: linear-gradient(68deg,#db26ff -5.13%,#297aff 66.68%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent
}

.AI-Photo .header-right {
    display: flex
}

.AI-Photo .header-right .cancel {
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(https://webcdn-75028.gzc.vod.tencent-cloud.com/youmanext/icon-cancel.svg) center no-repeat
}

.AI-Photo .AI-Photo-body {
    box-sizing: border-box;
    padding: 20px 20px 0;
    display: flex;
    flex-direction: column;
    position: relative
}

.AI-Photo .AI-Photo-body .header {
    border-radius: 4px;
    border: 0px solid #FFF;
    background: #ffffffe6;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.AI-Photo .AI-Photo-body .showcard {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 126px;
    padding: 16px 24px 163px 16px;
    border-radius: 4px;
    border: 0px solid #FFF;
    background: #ffffffe6;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    position: relative;
    height: 511px;
    width: 872px;
    box-sizing: border-box
}

.AI-Photo .AI-Photo-body .showcard .Title {
    color: var(--Text-Title-gray-12, #000);
    font-feature-settings: "liga" off,"clig" off;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.AI-Photo .AI-Photo-body .showcard .show-example {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    flex-direction: column
}

.AI-Photo .AI-Photo-body .showcard .show-example .example {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch
}

.AI-Photo .AI-Photo-body .showcard .show-example .example .desc {
    box-sizing: border-box;
    background: #0006;
    display: flex;
    width: 264px;
    height: 38px;
    padding: 4px 6px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: var(--Background-White-Gray-1, #FFF);
    font-feature-settings: "liga" off,"clig" off;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.AI-Photo .AI-Photo-body .showcard .show-example .choose-tip {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px
}

.AI-Photo .AI-Photo-body .showcard .show-example .choose-tip .button-style {
    display: flex;
    align-items: center
}

.AI-Photo .AI-Photo-body .showcard .loading-result {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: center;
    flex-direction: column;
    padding: 16px 24px 16px 16px
}

.AI-Photo .AI-Photo-body .showcard .loading-result .button-display {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 12px
}

.AI-Photo .AI-Photo-body .showcard .loading-fail-result {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: center;
    flex-direction: column;
    padding: 16px 24px 16px 16px
}

.AI-Photo .AI-Photo-body .showcard .loading-fail-result .background {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 640px;
    height: 360px;
    flex-shrink: 0;
    background: #f9f9fa
}

.AI-Photo .AI-Photo-body .showcard .loading-a {
    position: absolute;
    top: 40%;
    left: 45%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.AI-Photo .AI-Photo-footer {
    border-radius: 4px;
    border: 0px solid #FFF;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    flex-shrink: 0;
    padding: 20px;
    box-sizing: border-box
}

.AI-Photo .AI-Photo-footer .show-footcard {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 4px;
    border: 0px solid #FFF;
    background: #ffffffe6;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    justify-content: space-around;
    gap: 18px
}

.AI-Photo .AI-Photo-footer .show-footcard .foot-header {
    border-radius: 4px;
    border: 0px solid #FFF;
    background: #ffffffe6;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 16px 0
}

.AI-Photo .AI-Photo-footer .show-footcard .foot-header-left {
    display: flex;
    align-items: center;
    color: var(--Text-Title-gray-12, #000);
    font-feature-settings: "liga" off,"clig" off;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.AI-Photo .AI-Photo-footer .show-footcard .foot-header-right {
    display: flex;
    align-items: center
}

.AI-Photo .AI-Photo-footer .show-footcard .foot-header-right .showStyle {
    color: var(--Brand, #005CFF);
    text-align: center;
    font-feature-settings: "liga" off,"clig" off;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.AI-Photo .AI-Photo-footer .show-footcard .styleShow {
    background: #ffffffe6;
    display: flex;
    width: 840px;
    align-items: flex-start;
    gap: 16px;
    flex-shrink: 0;
    flex-wrap: wrap;
    position: relative
}

.AI-Photo .AI-Photo-footer .show-footcard .styleShow .style-componet {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 1px;
    gap: 4px;
    width: 88px;
    height: 75px;
    cursor: pointer;
    transition: border-color .3s;
    border: 2px solid transparent;
    box-sizing: border-box;
    border-radius: 5px
}

.AI-Photo .AI-Photo-footer .show-footcard .styleShow .style-componet .desc {
    padding-top: 2px;
    color: var(--Text-Tag-gray-7, #888);
    text-align: center;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.AI-Photo .AI-Photo-footer .show-footcard .styleShow .selected11 {
    box-sizing: border-box;
    border: 2px solid transparent;
    border-image: linear-gradient(to bottom,#2aeba7,#5f9aff) 1;
    border-radius: 5px;
    clip-path: inset(0 round 5px)
}

.AI-Photo .AI-Photo-footer .show-footcard .styleShow .selected-icon {
    position: absolute;
    bottom: 22px;
    right: -1px;
    width: 18px;
    height: 16px
}

.AI-Photo .AI-Photo-footer .show-footcard .showinput {
    position: relative;
    width: 100%;
    width: 840px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid;
    border-image: linear-gradient(to right,#00f39a,#499bff) 1;
    padding: 12px 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 12px
}

.AI-Photo .AI-Photo-footer .show-footcard .showinput.max-input,.AI-Photo .AI-Photo-footer .show-footcard .showinput.exception {
    border: 1px solid #E24C55
}

.AI-Photo .AI-Photo-footer .show-footcard .showinput .loading-spinner,.AI-Photo .AI-Photo-footer .show-footcard .showinput .loading-text {
    margin-left: 10px
}

.AI-Photo .AI-Photo-footer .show-footcard .showinput .error {
    color: red
}

.AI-Photo .AI-Photo-footer .show-footcard .showinput .inputarea {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center
}

.AI-Photo .AI-Photo-footer .show-footcard .showinput .inputarea .style_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 17px;
    height: 100%
}

.AI-Photo .AI-Photo-footer .show-footcard .showinput .inputarea .style_wrapper .button {
    display: inline-flex;
    padding: var(---, 0px) 8px;
    gap: 10px;
    border-radius: 4px;
    background: var(--Message-Tag-blue-1, #D8E9FF)
}

.AI-Photo .AI-Photo-footer .show-footcard .showinput .inputarea .style_wrapper .style_text {
    color: var(--Text-Title-gray-12, #000);
    font-feature-settings: "liga" off,"clig" off;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.AI-Photo .AI-Photo-footer .show-footcard .showinput .inputarea .text {
    display: flex;
    align-items: flex-start;
    align-self: stretch
}

.AI-Photo .AI-Photo-footer .show-footcard .showinput .inputarea .text textarea {
    border: none;
    outline: none;
    background-color: transparent;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.AI-Photo .AI-Photo-footer .show-footcard .showinput .inputarea .text textarea:focus {
    box-shadow: none
}

.AI-Photo .AI-Photo-footer .show-footcard .showinput .inputarea .text textarea.exception::placeholder {
    color: #e24c55
}

.AI-Photo .AI-Photo-footer .show-footcard .showinput .inputarea .button_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    top: 0;
    right: 16px;
    height: 100%
}

.AI-Photo .AI-Photo-footer .show-footcard .showinput .inputarea .button_wrapper .button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: none;
    width: 120px;
    height: 40px;
    background: linear-gradient(300.26deg,#499bff 26.71%,#00f39a 103.68%);
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-feature-settings: "liga" off,"clig" off;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500
}

.AI-Photo .AI-Photo-footer .show-footcard .showinput .inputarea .button_wrapper.disable .button {
    cursor: not-allowed;
    border-radius: 4px;
    background: linear-gradient(300deg,#499bff80 26.71%,#00f39a80 103.68%)
}

.AI-Photo .AI-Photo-footer .show-footcard .showinput .inputarea .button_wrapper .text {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: left;
    margin-top: 4px
}

.AI-Photo .AI-Photo-footer .show-footcard .showinput .inputarea .button_wrapper .text span {
    color: #e24c55
}

.cropper-wrap {
    margin-top: 20px;
    background-color: #a0a0a0;
    overflow: hidden
}

.cropper-wrap-header {
    display: flex;
    padding: 20px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch
}

.CustomView-panel.CustomView-panel-info-list {
    font-size: 16px;
    color: #000;
    padding: 12px 12px 14px
}

.CustomView-panel.CustomView-panel-info-list .CustomView-banner {
    width: 100%;
    height: 196px
}

.CustomView-panel.CustomView-panel-info-list .CustomView-mtitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin: 34px 0 30px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-item {
    border-bottom: 1px solid #F0F0F0;
    padding: 16px 0
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-item:first-child {
    margin-top: 0
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-item:last-child {
    border-bottom: 0
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-item-nopadding {
    padding: 0
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-item-nopadding .CustomView-content-value {
    margin: 0
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-item-nopadding:has(+.CustomView-content-item) {
    border-bottom: 0
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-item:has(+.CustomView-content-item-nopadding) {
    border-bottom: 0
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-item:first-child {
    padding-top: 0
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-item:last-child {
    padding-bottom: 0
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-item:last-child .CustomView-content-value {
    margin-bottom: 0
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-label {
    color: #888;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-value {
    margin: 8px 0 0
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-value-text {
    word-break: break-word;
    white-space: pre-line
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-image {
    width: 100%;
    height: auto;
    min-height: 96px
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-image img {
    display: block
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-video {
    width: 100%;
    height: auto;
    min-height: 96px
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-item-text2 {
    display: flex
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-item-text2 .CustomView-content-column {
    flex: 1;
    overflow: auto;
    font-weight: 600;
    padding-left: 13px
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-item-text2 .CustomView-content-column:first-child {
    margin-right: 10px
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-item-text2 .CustomView-content-column:last-child {
    padding-left: 0
}

.CustomView-panel.CustomView-panel-info-list .CustomView-content-item-text {
    padding-left: 13px
}

.ViewPanel.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-info-list {
    background-image: none;
    box-shadow: 0 0 30.2px #f3edc5
}

.ViewPanel.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-map .LocationStyle-style_style2 {
    border-radius: 20px;
    overflow: hidden
}

.ViewPanel.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-map .LocationStyle-style_style1 {
    background: transparent
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-info-list .CustomView-banner,.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-info-list .CustomView-content-image {
    border-radius: 20px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-info-list .CustomView-content-image>.t-image {
    display: block
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-video .CustomView-content-video {
    border-radius: 20px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-map .LocationStyle-style_style2 {
    border-radius: 20px;
    overflow: hidden
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-info-list .CustomView-banner,.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-info-list .CustomView-content-image {
    border-radius: 2px
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-info-list .CustomView-content-image>.t-image {
    display: block
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-video .CustomView-content-video {
    border-radius: 2px
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-map .LocationStyle-style_style1 {
    background-color: transparent
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-map .LocationStyle-style_style2 {
    overflow: hidden;
    border: unset
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-map .LocationStyle-style_style2 .location-card {
    background-color: #c8e1ffe6
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-info-list .CustomView-banner,.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-info-list .CustomView-content-image {
    border-radius: 20px
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-info-list .CustomView-content-image>.t-image {
    display: block
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-video .CustomView-content-video {
    border-radius: 20px
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-info-list .CustomView-banner {
    border-radius: 4px
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list {
    background: linear-gradient(0deg,#1b0402 79.22%,#41230f 105.63%)
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-banner {
    border-radius: 4px;
    background: #d9d9d9
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content {
    margin: 0
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-label {
    color: #e1c5aa
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item:first-child:first-child {
    padding-top: 15px;
    padding-bottom: 10px
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-mtitle {
    margin: 34px 0 0 10px;
    color: #e1c5aa;
    text-align: left;
    border-bottom: 1px solid;
    border-image-source: linear-gradient(90deg,#1B0502 0%,#826348 17.74%,#826348 82.57%,#1B0502 100%);
    border-image-slice: 1;
    padding-bottom: 15px
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-text {
    padding-bottom: 13px
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-text .CustomView-content-label {
    color: #e1c5aa;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-text .CustomView-content-value {
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-text2 {
    padding: 16px 0 14px
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-text2 .CustomView-content-label {
    color: #e1c5aa;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-text2 .CustomView-content-value {
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-map {
    padding: 17px 0 24px
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-map .LocationStyle-style_style1 {
    background: none
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-map .LocationStyle-style_style1 .name {
    color: #e1c5aa;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-map .LocationStyle-style_style1 .address {
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-map .LocationStyle-style_style2 {
    border: none
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-map .LocationStyle-style_style2 .location-card {
    background-color: #3a2016
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-map .LocationStyle-style_style2 .location-card .middle .name {
    color: #e1c5aa;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-map .LocationStyle-style_style2 .location-card .middle .address {
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item {
    border-bottom: 1px solid;
    border-image-source: linear-gradient(90deg,#1B0502 0%,#826348 17.74%,#826348 82.57%,#1B0502 100%);
    border-image-slice: 1
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-nopadding {
    padding: 0
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-nopadding .CustomView-content-value {
    margin: 0
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item-nopadding:has(+.CustomView-content-item) {
    border-bottom: 0
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item:has(+.CustomView-content-item-nopadding) {
    border-bottom: 0
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-info-list .CustomView-content-item:last-child {
    border-bottom: none
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-info-list .CustomView-banner {
    border-radius: 10px
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-info-list .CustomView-mheader {
    display: none
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-info-list .CustomView-content {
    padding-top: 8px
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-label {
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item:first-child:first-child {
    padding-bottom: 10px
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item {
    padding-bottom: 14px
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item .CustomView-content-image,.ViewPanel.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item .CustomView-content-video {
    border-radius: 10px
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item .CustomView-content-value-text {
    font-style: normal;
    font-weight: 400;
    line-height: 26px
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item-nopadding {
    padding: 0
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item-nopadding .CustomView-content-value {
    margin: 0
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item-nopadding:has(+.CustomView-content-item) {
    border-bottom: 0
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item:has(+.CustomView-content-item-nopadding) {
    border-bottom: 0
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item-map .CustomView-content-value {
    margin: 0
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item-map .LocationStyle-style_style2 {
    border-radius: 20px
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item-map .LocationStyle-style_style2 .location-card {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item-map .LocationStyle-style_style2 .map-preview canvas {
    border-radius: 20px
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item-map .LocationStyle-style_style2 .map-preview .tencent-map-wrap>div {
    border-radius: 20px
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item-map .LocationStyle-style_style1 {
    background: transparent
}

.ViewPanel.ViewStyle-intro-national .CustomView-panel.CustomView-panel-info-list .CustomView-banner {
    border-radius: 3px;
    margin-top: 16px
}

.ViewPanel.ViewStyle-intro-national .CustomView-panel.CustomView-panel-info-list .CustomView-mheader {
    display: none
}

.ViewPanel.ViewStyle-intro-national .CustomView-panel.CustomView-panel-info-list .CustomView-content {
    padding-top: 8px
}

.ViewPanel.ViewStyle-intro-national .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item:first-child:first-child {
    padding-bottom: 10px
}

.ViewPanel.ViewStyle-intro-national .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-label,.ViewPanel.ViewStyle-intro-national .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-value-text.CustomView-content-value {
    font-weight: 400
}

.ViewPanel.ViewStyle-intro-national .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item-map .CustomView-content-value {
    margin: 0
}

.ViewPanel.ViewStyle-intro-national .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item-map .LocationStyle-style_style2 {
    border-radius: 20px
}

.ViewPanel.ViewStyle-intro-national .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item-map .LocationStyle-style_style2 .location-card {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.ViewPanel.ViewStyle-intro-national .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item-map .LocationStyle-style_style2 .map-preview canvas {
    border-radius: 20px
}

.ViewPanel.ViewStyle-intro-national .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item-map .LocationStyle-style_style2 .map-preview .tencent-map-wrap>div {
    border-radius: 20px
}

.ViewPanel.ViewStyle-intro-national .CustomView-panel.CustomView-panel-info-list .CustomView-content .CustomView-content-item-map .LocationStyle-style_style1 {
    background: transparent
}

.CustomView-panel.CustomView-panel-scan-log .CustomView-scan-log-list {
    margin: 16px 0;
    padding-left: 3px;
    padding-right: 3px
}

.CustomView-panel.CustomView-panel-scan-log .CustomView-scan-log-item {
    display: flex;
    margin-bottom: 16px;
    align-items: center
}

.CustomView-panel.CustomView-panel-scan-log .CustomView-scan-log-icon {
    width: 18px;
    height: 18px;
    background-size: auto 100%;
    margin: 0 8px 0 4px
}

.CustomView-panel.CustomView-panel-scan-log .CustomView-scan-log-icon-uv {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAC2klEQVR4Ae1YvXLaQBBe/nqlZChQOneR+Zmhi/wEdrp0CU8Q/ATAE2BXSUm6dNhlKnDHDD9RnsBkhoHWGTqGn3zrEc5xlrgVkCr+ZjTSHbt7n3b3dk8QveAFhyFGB6BUKtnz+dzFo/1oLBbzUqmU1+12R7Qn9iJUKBTc9XpdxeUGGo3FOrhdDwaDG4qIBEVELpdrgMgX8r0SAv7tfTqdpul0ekf/ihCTwa0SQcXNZDLWZDL5LlWISwVB5mMAmWY8Hj9brVav+OJneO+rKoD5CnTFLyHOIRi9p+0wlYfDYTNElgk0lKkHEHvted4DGSDykO8dW5mqh5Fh4Lcr3K6VKSuRSLgkgIgQds1bdYy3bZp0IFPD7ckjCOU5CSDNIZv+kuvA9SOTAocHsiNFzyYBxEm9J4w5o0NKSHW9TXJYFBEiQiDxSxnaXKlNOsVi0YGeo9j4SQKICKG+bLUAGG+YdJbLZUsdSzYCQ1yH8vl8W+1dSNIbNNJLvZG6rmvNZrOWLou+9k6wjJyQ4zg2PPWDtLzAYs1NOPD8Bs8XmgwXxVPJzoxEiMF5gVC0KUKy+mQ8qby4ufLZB2Q+4/GEIgBePclms3fj8VhUAkSEkD+fQOZbVDI++EUqOIr8xlGkaxI2hgx9rIpb7ZkiKjby5RY9qoPr8e0Xi4WNEDn47Tzk8FZDn6vTvoTYMzB8pRPBVe/3+51durwJQLSl1iIfl37zjUbIPy/fa9Pc5WsUAfAwy1fVORA97fV6gYkeWhhBpn0oGYavsxUmhDW0sAZ6CKG6gKufKi2HCYXtjA6AXlj5dBkU9jAPfVAH2CVlOhC6Df5qCZJ7RgjJaPnVdqN4K62yu8A2/M+jjV2H1yIToWQyubUruA/RkaB9AFj6WoGEuI5oY3HZNwG2OtrYJhMh0vpUlD5kQkDobRIQUnvOiI6PnfaDQtb0Y83CO8v8PkBOlvlPCU5wrHW0/Px/8AeMwFyqldZOqgAAAABJRU5ErkJggg==)
}

.CustomView-panel.CustomView-panel-scan-log .CustomView-scan-log-icon-pv {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAABXklEQVR4Ae2YwW2DMBSGHzRiCE50gwg4cCvZoCOkk5TeukXTCdoNSm4cADGCTwzBAfpbcqXIDcFO7ChS/F1sng382P4xDyKH4zK8uYY0TfNxHHOycVPP65qm+T7adiwYx/EHii1ZBKJ2EPXyLy4HkiR5nqbpi66A7/ubuq7Lw9hK7gQx6786nqLE8Z4Mgms+4Zo5r4slUdIpQZK4fdu2BRkEy6FAkc+1+3RjOEFLrFQ7ZlkWDcPwg2pEerAgCDZVVTGVzsojBDHbM8RwInGuEsqCYNEdCkb6MHGuEspT1nUdQ/FIlnEuW8Kky7TcNIdJl2m5iS4VpOAyLTfN4Vy2xN3tZQW+p940+lvfywrSxPZepjU6HOeyJZygJU6uIZ5DibTFGCIvI2VByCZLOOqV10VCl5NBDsXwHF9uf5ADfd+zMAy5m9ZkEQj7xEvzXY7P/v0QOb4VUXwW5Jz+ZvkFWqKcNRWW68sAAAAASUVORK5CYII=)
}

.CustomView-panel.CustomView-panel-scan-log .CustomView-scan-log-icon-city {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAECElEQVR4Ae1Yu1LbQBRdP2BSOg0TaCK+APGacRfRJRWmSxf7C4AvsPmD8AWYL4jp0iGqeIaHlS6laIBUMQxDwTPnOCuzlnZXkjN03BlZu9rHPXvfayFeyU4FMSYtLS15eK0+PT1V8Hbk5xD9g8nJSb/b7YZiDMoFyPO8ytXV1TqaG3gq1o0LBX9iYqKRF1hmQMvLy+7Dw8M38SyNrNQ6OTnZyjo5EyAJZl8oUqEEoJ69YrEYlMvl8P7+3qH6Hh8faxj7MsKkUOhgfSMIgn4ar1RA1WrVub297SlgQoBoHB0d+aY1rus6ANFSgaHdPj4+bogUKqVNmJqaIph3ERhIYAUqCGxrLi4u+ng609PTl+h+jHCyf35+3rWttUpoYWGhjteOCgZiD6NxaeR1nH4OD9WxF5cc9mjh1ZTdPvaYtanOKiGciEYcqWqz1+v50RhVeXNz8wPNz3hc2E8VTx1rBKRwEM1D25+ZmfHEP2d4A+C/bVIqmgZknHFkN4Sa2uo47Gpf6D2uJdcOCSC2lPaqsJAREETrKd1dYQELJmt4b0fj8KgNdb5U40BNkKIHo6/kBkS7GE4qFn1hJh/e0ymVSm1l/nvNfqHSdUyblYWZjKdAzKHrR90aDPcUEh2qAu3T+Bp8+wlQ7oBpuZxfQkKKWEf0NAZG8Qy8CVW40TgYthKMNFLLBQgnulTaTnwcdrIGUPF4xENsHh4e6uLUUCqQcJAbkMpM5xmMJbCdeZx8BV16UYMxBt74NT6XIUKRYGiLQ8bASE8Asz+ymxrQbLS4uLjDGCW7bYA2phCjhMhctRN40Y4Yg6R06lEfB7NmfptRjwQ0bEpvaoqcYGQAjaitph4dWVPH2dlZiFTwlnvLT148NWQA48hPzIUNJl4xLiASmH9HLppF080KSgOGNvgJ0vklUigVkATVyQrKAIZVQpCFVyZAWUH9LxiS0e2VWucD8xAS5Ca/w7AZZ9aVqYOa2QaGzoA9PMY2RPFtW+GvBSS9aeRmgc3no5PGii4SQdZ0YGQ93hthinIWN5ItHbCE2yOIcXFLjCZXLhx6ByTCcTWebAiDmu7u7kK5fkiMS5QmpSpsgFiyqkmSgZGpQUpnZFMNqAQYEgMs5s5yH+yt1lUOwCaCbbz8cBQwHeSqNWEhgsIh2GyKFAOWRZqP4q6NeYNgqR5+yFftsBKMJkti3dMBuF1DBh8Q1FyDnQSmKEwHub6+JvNV7F8X0hyoARx6xQiIpDHYiJjbAj6yAOsDbBifxMuivO9XZNXJC4AjkgVf4hajBSRB1SUoR7wAUTLyJhsmxmwLqQpejSGJOZ2+84KQ/4y0c8chHbE+QlBzAZDAqA6WpBWhUQV/wJxqDVG2BHT9cWupV4rTX1y4cQJCQrI4AAAAAElFTkSuQmCC)
}

.CustomView-panel.CustomView-panel-scan-log .CustomView-scan-log-icon-time {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAC+ElEQVR4AeVXO3IaQRBtQFK8SqRSKfDewFgSVWSG0JHwCYATSD4BEDqydALDCSSfQJBRxdeZw3ECKUUVCV+/tnZR7+ywH6FMr2prZ2Znpt90T3+W6L0jQa9ALpezZrOZvV6v7c1mYyWTSZVIJCadTmdIMRGZAAudTqclCLqG0NyOaRN8b+L7r36/X6cICCXgCL5B8xaPRdGh8NTCiAQSyGaz9mKxeMCJ0vRKwDx33W73G8UlkMlk0qvV6gFN27PgWcUtbNw8ODhQPIZ5Ft8HPAV8/2xYM8Sc/HA4nEQiwCefz+dP2kYKQss4TZNCcHFxUcWrohPv9Xp5fW7KtMHJyclAE/6I032BPf9QBIzH4+bp6WkDQgv0cm/ss7OzBH/zECM/e2ZelcIh+Ks+zzFRwe1jTlWfk06nbWjNo8lUKvVJumtSLmDV41USQwonL5MBEM4XsyIeH2Dz/2aTY9jvh+x7CMDuOfKqvma6OHHAdwaXtuH2OYZAM5aRAGxWFF0VNZiEAWqvyz60UvIRYFZahLunNwJrgV3R7Us5WwLw6bTGMnZcDwLHDrcNMh99BHQsl0tFbwsl2jbpBDiS0R5wPCgIxsu8JcDplPYAR84QEraJzJYA/Npjc9zcwATEHgLSDSkgiIS0O9rKR4CDhmQWkPO3QGwvRSUhMyra5kjICUN0izJgxCHBKVzOQXgvkdcErV0EpO9zqXVLEaCRmMCceviWodoT4DwEnFSrxNANJx2KSAKve3gT5/2tip3kZoupUlv+bHh1dZXDJk+S8dHRUb7dbiuKicvLyyLsXZd7OQSVO+CrB0ajkULePkYz6wxZnHbPz89/8zeKCOfkd3IMZioPBoO2Z4x2sx/otSA2qB8eHtaCtMEaxLqKwYtqppphJwH2AMSCn9io4FuExMIeA3X+pWfXtdH/4Mw1eY5ReCABF6b6LgZC68hUyAbb+g7NY5wyannOWvnO1VRYHRnr18yp8bj0vkbXEneEBbp/RS0Ifty3kno/+AfOMIZOj9OJFgAAAABJRU5ErkJggg==)
}

.CustomView-panel.CustomView-panel-scan-log .CustomView-scan-log-text {
    color: #888;
    flex: 1
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-scan-log .CustomView-header {
    border-bottom: none
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-scan-log .CustomView-scan-log-list {
    margin-top: 0
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-scan-log .CustomView-header {
    border-bottom: none
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-scan-log .CustomView-scan-log-list,.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-scan-log .CustomView-scan-log-list,.ViewStyle-trace-color .CustomView-panel.CustomView-panel-scan-log .CustomView-scan-log-list {
    margin-top: 0
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-scan-log .CustomView-scan-log-icon-uv {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAABaWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QcXKWq8MSlPPgAAAxhJREFUeAHtV11uEzEQnlknEuIp3GA5AekjQk2zJ2j7gtSWADkB7XtL3B/xmvQEBJW2j2lPkJAI8dhwgoYbRAKpEo09jFNIvMtu19vkrf2kKGtrxv48M54ZAzzgAbMBYQZ8O5X+NagyafTHi6Hu5zHXf74mB3BH3IlQ71SWiVQNCMoJq3YA6LC0fnAGGZGZUPekVgfSmy6y6KFcXNvbhQzIRCgLGWuHRml9f8tV3HMV7B7vvI0h00RNgXosnpif+SaiTyEJgs3uyY7zIZwtxIQu+c+fTCioll7vN2NlPzMBhLo1NWTCT4NVOYQUOFlobB2LDN+q3SQyBqVX+w3SdGhNFcTVqAwOcHXZkj3QOa+ZpqBHOckOmFqExDI4wI0QWq7iKx045JmgKoccD1M51D44wDmo7wJCSo2ZKNwIEVimt6yVAiQsQEY4ESLAH9bQ7x3JcprO12NZJKDiZA2i7+AAJ0Ke1qESoL1RPU1HgWqFdPK5JjjAPQ+d7LRDtQvhLI9iK1pIL1qy8POKyURkOVuvOmzjTqjNlV1ofcHGj8ZFkze/cQd6z9gWK/w1kWF3D7XnLQSOHUCmWmbiQoFux5BKhAKxEGzIvqu887U3vY9CVc9CxkCwjtF1lXci1Dt+/+5aq4vE/uc2sA7rXroW2FSX9U63a1y7ZIxmBzScCxQd7/dNnhrlRj4hFvmYy3HkXfqjWwkZy3AuaUSJoKLdxcpB5zZdcwk4XbTQykV/9bf4xjUyExr3y2xqe85U+aXKnoQM+HK0LdkyNXtOgFp4sfEhNtATY4jJtGclY7BUOZDcioTcpFAkJtZYC3WPtlfAw5Yl1WEzBzADookVtQgWK7ITlYu3kIdv7CGfqAozIroGCVWLk/uPUPujNHlmZaIIcB7M8M76h/Ea4+fRZOFiuyULqYRyj0ahW8E+zfy2SgSB/QAo5H5BEdIIkcKQkMoL57SfBuWJTmgvT/mQSgjDTVXwUs6NUNT1XHh9SCOENG07WWEAc8e08eekOYA0QupaNM1jjxAGJiPDvKF1lQ/aNwHOb7X5xee9wR+IuUe8Fsw8cwAAAABJRU5ErkJggg==)
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-scan-log .CustomView-scan-log-icon-pv {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAABaWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QcXKWq8MSlPPgAAAWhJREFUeAHtmEtOwzAURa/dso+wA6YM0iY7YFqqSmUffEzpPihCKEPYAWkZMO0Ssg4Qz9glg1KS2G5jBKrPyLH94uvPlfUMBAK7weoaXjKREFECH4MyWvZOp0+VbVWVi+ziFoQx/DLrDW/OYBK0uD8/AWeP+AUYddJ4JPL1uu5mJ8n5EYMsI5BLyeZoUwSTffX7RJeJr45EjiZB38QpMf3hRKBF5g+XQk04qWvn+GMEQSa6th1fMxG908ezKkZwozjgnfR4IAqbztYr9EY03kKMJipjrbAWRJzPJFgBR3SMjrXtb71l6deSH8IzwWUm2nSZk5vqaNNlTm7CroJMLnN1Ux3BZSb26y5jnIl4MLmGA17vMklSwBGvd5kk5rQ6muAyE0GQicYzpHMonbagRcq8zF4QJ8olZ1erD5XQNeVQWyHXxdFys/nHlsWjqcpW5R08o8eoenCoff3QOb5Oq+EBvQt64vgPfAKhXJP6ENYT6gAAAABJRU5ErkJggg==)
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-scan-log .CustomView-scan-log-icon-city {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAABaWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QcXKWq8MSlPPgAABERJREFUeAHtWE1OG0kUflXVRBo0C98gzQlillEE2CcANpEYBo19gpi9ExcJM9shJ4gjB3kZcgJsrNEs8Zxgmhs4yj901cur7rZd9L+NssuTULu7X1V9/X6/B8BPyRcGS8qoL2uIahuQV4BpN3iI3APQwxUuBg/3pAdLyEKALt/Kysev+glqbNFtpWDnwQoTzUWBlQb0z6msKlBv6acLCwjjTG7sPT8qrV9GKQJzDrZVyAKg4R1DHDu+4/mO7yK9RwY7jLE/YqecqV9Es74rJ0VnOUUK//ale6PnYBCYx7VubhwcD2KqXnQ9O+9LyZUvZ8AQdsRnZcA0i84rtNDF6dP/IXKTAaM5r9dLxsXFm6ctOuFv67TDzd9enMCygAhMgy6vssCYIP/wSTUoUB5Qpk0YE+829uTA3mPYa0uKo050O1GrYi3PdRzypTNHjkc2GOPKD5/VZWgB3SDELSTXjvrPOvYGWwfHMoi3UCriC31AjmQCGvXbNbBctbn/omu/j+LKja+jkiBHPVmznzGFdpZtwzKAtOY16/Y15IAFjbsE5OVsLVctWz9MABa6CaF2Tq6GRQGRix7MlDQfZOuxwebB8ZnDna719H5Sb5aFZN7sWpad9ozSHNNf+eB4AlR0p3eGp8+uNPjb8xzBq/gazeA/hlANDv0Gi1uIwGRmQhDcVqCSNTvkuur0vQNKxteQzn0oIZmAkLH3s99cufH36pvYJRDjW2tMnKA+fLT/1zgBCNnMKv6vkHhfCIhpnC9iycyoN+Vka//5OunVCYjJoqZe5Wubv/+ZKHymRCBgNQLt5dWhzBhSN6Ir7qmwykaZkbZR1EIGkCNUIux6lqubaSFjgVhBewVLiLEOXRrTe8XF0VKAjNwqaNQg41W4DJiogE6lW9QHcwEZd9gFL6jCJUFZYNxgLcVOkXWMlOJDwzftrs1xikhXCpiJBmrM+3JcdFZpxlgW1F3ALASoDKi7gskFNOM6HLbo1iNidRiA6rVPCMiTOKg8MCbuELFGj8dE/F/mEf9UQMEGsclCrYj1+uPwS2Oky+xyYrIwDUzExy9jR3RpVDpKA5bIstFp+9Jkkw0moBhq3tsM6SIduyS0IMNN19fgBetvS8NYM6pR2YAMZbWbpCmMpjVQS1iP148EKEiPmajFrAUtBtHmVe4NJoutE9vQZVPOQaMLxc0u5IgBRe4zcdQpCuBpixn12l3k7Dw6sBrXuxVDpFybKYdiaMaZcMTrR4+zM+Wi195RjjPOqsLhxAvVcPQO2kglOn1AH13PBGQkEbBzMb3NgBrTgHgFAiYMhBdXQvRp1ieqoehQmkYQVJVYpQux0TtrpErNsiiWOuQ+F36EkGUUzf1pFs2fy8gVZjQ2X8oiPnMXEKhweM93ug+bC9ahNDF8yPnoV4lJmj+irYbI60rAvW0J/iVjXIJX9BHEvcX4ehW8MnP9Tykj3wGsxFReOLbetAAAAABJRU5ErkJggg==)
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-scan-log .CustomView-scan-log-icon-time {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAABaWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QcXKWq8MSlPPgAAA0RJREFUeAHlV01u00AUfm9sftRVbkA4QdMlqmjiE9BukCBUTU/QdotK49CKLfQEBFWhy4YTJKFULNsjmBtEAgqinnm8cRVn/Bu76a6fZMljP8/75v0b4K4D4QY4P3Erl1dQlb5fBcQKguUJC8bLz90LKInCBLTSn79lCwQ8A4JGhtiYdxzy+y8rzf0uFMBMAlrxr79qixRt87ICxeHx1ZlFJJfA92O36iv/hABrcFMgfFh5ub+T/ToDZz23JkGe8G019sWQJI0EwND2bU8/UvehIpVfJYRVQFFHoMg3BHShFmzHWXPHcT12mnJ98isVVc5W8IRSm0/XD4aQDh2AfX0zOtp1UWB7yhlr1p9gPyf+kUjbiZUPIHryvloQSznKI6ivH7hSWI81aZieoDHq7blx2YQLTo9326TQFOxzIK3F5bSLfFCrodLmWzcuM2BLstUGpksskEvLzXdhukYsoE3PyltT0ujJBWsTUsDxUeON25MrTcZ54QZui3yH1ntzHSHApm+AYXreuJMWOGWg3UZEn8IH7IoBp3YqAda4MZVDr2gxmQVB0DXXHJCtBIHBR2ZlVDhEOoRbgrYCZ0LodzL0hATsh36k2KC0Stf1PCjOznBvgMUEgTh8OyiltwYk8oxlNUGAo78Kc0BnUK4AQmowTy2gaK5o18UrjwQHtflunCAgbTvic4v83AakMySSXmzWPBKc0osGGS9BQBcNFguZUXbPD1F/ddAqQaJmkEmvhBwpF1Mh3DALRhkS/7iFmzJfe29aEO0to1QCKKljLCviUm1DAZgk2LxjBXa8fIelOl7gIgSCsmn4h021ddZ7XWgYCUgoOlQgHKc5nQ11cwPz9ApMa6V0w6PdBgkcGI+8e8JyngQxUg7fPu9tKKLuZK0PpwQTNPZKFKLACipShoPAOj1yG1AC+uSmcg1EtePEDpI5kvHwcM4uiJu/y9bo5Fnj9NhtEMl2fHLmQteprydnhkwCujlZD3iMSklHPeMh4pD9+YMnjLGuopw1j+B6QElkTpbyXAITxOe7MigwR2Y3ownC+S6a67MUs1WoU2SOLPVrpmc8S8pV/XdEpH/JrmNEK+QiNkYSQ3bDiMe4/ryT1N3Bf9Lpnj8WWJmdAAAAAElFTkSuQmCC)
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-scan-log .CustomView-scan-log-list {
    margin: 32px 0 21px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-scan-log .CustomView-scan-log-list .CustomView-scan-log-item:last-child {
    margin-bottom: 0
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-scan-log .CustomView-scan-log-text {
    color: #fff
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-scan-log .CustomView-scan-log-value {
    color: #e1c5aa;
    font-weight: 500
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-scan-log .CustomView-content.CustomView-scan-log-list {
    padding: 25px 15px 33px 16px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-scan-log .CustomView-content.CustomView-scan-log-list .CustomView-scan-log-item .CustomView-scan-log-value {
    font-weight: 500
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-scan-log .CustomView-content.CustomView-scan-log-list .CustomView-scan-log-item:last-child {
    margin-bottom: 0
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-scan-log .CustomView-content.CustomView-scan-log-list {
    padding: 30px 0 21px;
    margin: 0
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-scan-log .CustomView-content.CustomView-scan-log-list .CustomView-scan-log-item .CustomView-scan-log-value {
    font-weight: 500
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-scan-log .CustomView-content.CustomView-scan-log-list .CustomView-scan-log-item:last-child {
    margin-bottom: 0
}

.ComponentConfig-item-scan-status .ComponentConfig-form-list {
    margin: 0 8px 0 0;
    padding: 20px 12px;
    width: 100%;
    box-sizing: border-box
}

.ComponentConfig-item-scan-status .ComponentConfig-form-list>.t-form__item {
    margin-bottom: 20px
}

.CustomView-panel.CustomView-panel-scan-status {
    padding: 0
}

.CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-item {
    padding: 16px;
    display: flex
}

.CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-wrap {
    flex: 1
}

.CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-done {
    background-color: #d0ffec;
    color: #00ac5b
}

.CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-done .CustomView-scan-status-icon {
    background-image: url(https://pubcdn.ym.link/youma/code_preview/v1.8.5-prod.61/assets/done-pNdNzHG4.png)
}

.CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-done .CustomView-scan-status-desc>span {
    color: #00ac5b
}

.CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-warn {
    background-color: #ffe7d8;
    color: #ff6f00
}

.CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-warn .CustomView-scan-status-icon {
    background-image: url(https://pubcdn.ym.link/youma/code_preview/v1.8.5-prod.61/assets/warn-CfoOzbFM.png)
}

.CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-icon {
    width: 44px;
    height: 44px;
    background-size: auto 100%;
    margin-right: 16px
}

.CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500
}

.CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-desc {
    font-size: 14px;
    color: #888
}

.CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-footer {
    display: flex;
    height: 46px;
    justify-content: center;
    align-items: center;
    padding: 0 16px
}

.CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-info {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #4d4d4d;
    flex: 1;
    border-right: 1px solid #A2C4BF
}

.CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-info:last-of-type {
    border: 0
}

.CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-info:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAACfUlEQVR4Aa2W3XHaQBDH/yuTvAWrBFyBSQdQQey3xHgmqILYFQAVxDQQ4RmbyRt0YFyBKYESZPIxmTHRZlcfIPRxSLH+D4x0OvZ3e7t7e4QSst3Ljk/8gRgdBrUAtsMv5BF4yYSlxXzrOdPlIVtk+th0LwaAdbUDHDS29MHjH850YpiTle3224yXGQMt/J8mFt6MPGeyOgh89633mYhuynpl0Eqg3TSUsjBMUJ8yUCt+kG1shZ7VrT97b434QWL2oFzUJE0gwi/xbu4lxwMPbfei/4oEydNtEqZJqKWlz4GHUlsD1CYerZ3pMH7TUPnYyO7xXF4XFBQ1+AH16Hrt3N8kYRqqaPc8SaCThg+c4dUiMYZzz7lbFMCCIWDTsSS4p7kmJKVRTpL6m/cpmJ2CBfLhdywGt/OMEP52LVDXBNZMtGSe53zfm5MHi/5xrFmaKYXYiK5awXlQAs3DTNyHNd2eK7B27gIJrQZy1WghgkQGT5rupR53XyIfxs/O/VX6XzJHsp37MEg99NKDkrUzDXpybO3cKeA6Svsi2BAGMfMzycQnFMQx7/DNUxlYKBqph48FXzWt1VPjcacHfjlYsJ1LS37mRRM0+D5evhZ9t91PZ9W6S2NhRfXjGWb1w86fhvVlMUcuymsi4fHi9jQyz6VhuHVbWLDdVZq0lFrA2DbgY7f3VFQ/kWR13AXeesWFXSQex5m9bcBy+3Jg3lrbB82qwzTbfw93nKRF6YtitEpcSsD2j77MJapG6CrvnC24Jn6UpDiqunU7o0QL4p/n6etFIXAH1qsHDcqCQxBGyVZVCbgD663AlyK3Tpk1k8NyCLoI0UrGHiX7FiZQrH8Hni6RVJ5/RwAAAABJRU5ErkJggg==);
    background-size: auto 100%;
    margin-right: 3px
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-done {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-warn {
    border-radius: 20px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-done {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-warn {
    border-radius: 20px
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-scan-status {
    border: none;
    border-radius: 6px
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-done {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-warn {
    border-radius: 6px
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-done {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-warn {
    border-radius: 20px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-footer {
    background-color: #fbfffe
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-content .CustomView-scan-status-done {
    border-top-right-radius: 25px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-content .CustomView-scan-status-warn {
    border-radius: 0 25px 25px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-content:has(.CustomView-scan-status-done) {
    background: radial-gradient(circle at bottom right,transparent 15px,#EEE6DF 0) bottom right,radial-gradient(circle at bottom left,transparent 15px,#EEE6DF 0) bottom left,radial-gradient(circle at top left,transparent 15px,#EEE6DF 0) top left,radial-gradient(circle at top right,transparent 15px,#EEE6DF 0) top right;
    background-size: 55% 55%;
    background-repeat: no-repeat
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-content .CustomView-scan-status-done {
    background: radial-gradient(circle at top left,transparent 15px,#FFFCF9 0) top left,radial-gradient(circle at top right,transparent 15px,#FFFCF9 0) top right;
    background-size: 55% 100%;
    background-repeat: no-repeat
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-content .CustomView-scan-status-title {
    font-family: HYXuanSong;
    color: #000;
    font-weight: 400
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-scan-status .CustomView-scan-status-content .CustomView-scan-status-warn {
    background: radial-gradient(circle at bottom right,transparent 15px,#FFFCF9 0) bottom right,radial-gradient(circle at bottom left,transparent 15px,#FFFCF9 0) bottom left,radial-gradient(circle at top left,transparent 15px,#FFFCF9 0) top left,radial-gradient(circle at top right,transparent 15px,#FFFCF9 0) top right;
    background-size: 55% 55%;
    background-repeat: no-repeat
}

.CustomView-panel.CustomView-panel-image-list {
    padding: 16px 12px 20px
}

.CustomView-panel.CustomView-panel-image-list .CustomView-content {
    margin: 12px 0
}

.CustomView-panel.CustomView-panel-image-list .CustomView-content-auto .CustomView-image {
    width: 100%;
    height: auto;
    border-radius: 3px
}

.CustomView-panel.CustomView-panel-image-list .CustomView-content-auto .CustomView-image img {
    display: block
}

.CustomView-panel.CustomView-panel-image-list .CustomView-content-row .CustomView-image {
    width: 100%;
    height: 327px;
    margin-bottom: 12px;
    border-radius: 3px
}

.CustomView-panel.CustomView-panel-image-list .CustomView-content-row .CustomView-image:last-child {
    margin-bottom: 0
}

.CustomView-panel.CustomView-panel-image-list .CustomView-content-slide {
    overflow: hidden
}

.CustomView-panel.CustomView-panel-image-list .CustomView-content-slide .CustomView-image-box {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin
}

.CustomView-panel.CustomView-panel-image-list .CustomView-content-slide .CustomView-image {
    width: 160px;
    height: 110px;
    flex-shrink: 0;
    border-radius: 3px
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-image-list .CustomView-content-auto,.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-image-list .CustomView-content-row {
    margin: 25px 0 0
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-image-list .CustomView-content-slide {
    margin-top: 31px
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-image-list .CustomView-content-slide .CustomView-image-box .CustomView-image,.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-image-list .CustomView-content-row .CustomView-image {
    border-radius: 10px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-image-list .CustomView-content,.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-image-list .CustomView-content-row {
    padding: 0;
    margin: 0
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-image-list .CustomView-content .CustomView-image,.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-image-list .CustomView-content-row .CustomView-image {
    border-radius: 10px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-image-list .CustomView-content .CustomView-image img,.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-image-list .CustomView-content-row .CustomView-image img {
    display: block
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-image-list .CustomView-content-slide {
    display: flex;
    overflow-x: auto;
    gap: 12px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-image-list .CustomView-content-slide .CustomView-image {
    border-radius: 10px;
    height: 131px;
    width: 175px;
    flex-shrink: 0
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-image-list .CustomView-header {
    border-bottom: none
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-image-list .CustomView-more {
    margin-top: 15px
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-image-list .CustomView-content,.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-image-list .CustomView-content-row {
    padding: 0;
    margin: 0
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-image-list .CustomView-content .CustomView-image,.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-image-list .CustomView-content-row .CustomView-image {
    border-radius: 2px
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-image-list .CustomView-content .CustomView-image img,.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-image-list .CustomView-content-row .CustomView-image img {
    display: block
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-image-list .CustomView-more {
    margin: 17px 0 7px
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-image-list .CustomView-content,.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-image-list .CustomView-content-row {
    padding: 0;
    margin: 0
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-image-list .CustomView-content .CustomView-image,.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-image-list .CustomView-content-row .CustomView-image {
    border-radius: 10px
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-image-list .CustomView-content .CustomView-image img,.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-image-list .CustomView-content-row .CustomView-image img {
    display: block
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-image-list .CustomView-content-slide {
    display: flex;
    overflow-x: auto;
    gap: 12px
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-image-list .CustomView-content-slide .CustomView-image {
    border-radius: 10px;
    height: 131px;
    width: 175px;
    flex-shrink: 0
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-image-list .CustomView-header {
    border-bottom: none
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-image-list .CustomView-more {
    margin-top: 15px
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-image-list .CustomView-content,.ViewStyle-trace-color .CustomView-panel.CustomView-panel-image-list .CustomView-content-row {
    padding: 0;
    margin: 0
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-image-list .CustomView-content .CustomView-image,.ViewStyle-trace-color .CustomView-panel.CustomView-panel-image-list .CustomView-content-row .CustomView-image {
    border-radius: 4px
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-image-list .CustomView-content .CustomView-image img,.ViewStyle-trace-color .CustomView-panel.CustomView-panel-image-list .CustomView-content-row .CustomView-image img {
    display: block
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-image-list .CustomView-content-slide .CustomView-image {
    border-radius: 4px
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-image-list .CustomView-more {
    margin-top: 17px;
    margin-bottom: -5px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-image-list .CustomView-content-auto,.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-image-list .CustomView-content-row {
    margin: 25px 0 0
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-image-list .CustomView-content-slide {
    margin-top: 24px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-image-list .CustomView-content-slide .CustomView-image-box .CustomView-image,.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-image-list .CustomView-content-auto .CustomView-image,.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-image-list .CustomView-content-row .CustomView-image {
    border-radius: 0
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-image-list .CustomView-more {
    margin-bottom: 18px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-image-list .CustomView-content.CustomView-content-auto,.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-image-list .CustomView-content-row {
    margin: 6px 0 8px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-image-list .CustomView-content-auto .CustomView-image {
    border-radius: 3px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-image-list .CustomView-content.CustomView-content-slide {
    margin: 6px 0
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-image-list .CustomView-content.CustomView-content-slide .CustomView-image-box .CustomView-image {
    border-radius: 10px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-image-list .CustomView-content.CustomView-content-slide {
    margin: 22px 0 16px
}

.file-display {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px
}

.file-display .file-display-title {
    display: flex;
    align-items: center;
    gap: 2px
}

.file-display .file-display-title span {
    max-width: 80px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.file-display .file-display-title .t-icon {
    cursor: pointer
}

.file-display .permission-controller {
    width: auto
}

.Permission-radio-wrap {
    width: 100%
}

.Permission-radio-type {
    width: 150px
}

.Permission-radio-panel {
    margin-top: 8px;
    padding: 12px;
    border-radius: 4px;
    background: #f9f9fb
}

.Permission-user-wrap {
    padding: 12px 0;
    max-width: 400px;
    max-height: 360px;
    overflow: auto;
    font-size: 14px
}

.Permission-user-list {
    display: flex;
    gap: 12px;
    margin: 0 6px;
    flex-wrap: wrap
}

.Permission-user-item {
    border-radius: 4px;
    padding: 4px 8px;
    border: 1px solid #E5EAF1;
    white-space: nowrap
}

.Permission-user-content {
    margin-top: 8px
}

.Permission-user-number {
    color: #005aff
}

.Permission-user-close {
    margin-left: 4px;
    cursor: pointer
}

.Permission-upgrade-guide {
    padding: 34px;
    background-repeat: no-repeat;
    background-image: url(https://pubcdn.ym.link/youma/code_preview/v1.8.5-prod.61/assets/upgrade-bg-DmhP8_C9.png);
    background-size: 100% auto;
    width: 800px;
    height: 370px;
    box-sizing: border-box;
    position: relative
}

.Permission-upgrade-title {
    font-family: TencentSans;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 126.5%;
    z-index: 1;
    margin: 12px 0 23px
}

.Permission-upgrade-em {
    color: #505050;
    font-size: 14px;
    font-style: normal;
    font-weight: 600
}

.Permission-upgrade-list {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 0 0 0 16px;
    margin: 12px 0
}

.Permission-upgrade-close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer
}

.Permission-upgrade-btn {
    cursor: pointer;
    margin-top: 24px;
    box-sizing: border-box;
    width: 122px;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-weight: 500;
    padding: 9px 28px;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 4px;
    background: linear-gradient(134deg,#4999ff -14.74%,#2973ff 101.86%)
}

.SearchBox .t-input {
    background-color: #f8f8f8
}

.SearchBox-suffix {
    display: flex;
    align-items: center;
    gap: 8px
}

.SearchBox-suffix .SearchBox-icon {
    width: 14px;
    height: 14px;
    cursor: pointer
}

.EmptyPanel {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    font-size: 14px;
    padding: 20px;
    box-sizing: border-box;
    color: #444
}

.EmptyPanel.EmptyPanel-mini .EmptyPanel-title {
    margin: 10px
}

.EmptyPanel .EmptyPanel-icon {
    width: 78px;
    height: 65px;
    background-image: url(https://pubcdn.ym.link/youma/code_preview/v1.8.5-prod.61/assets/empty-panel-CHZ_16N-.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin: 10px 0
}

.EmptyPanel .EmptyPanel-title {
    margin: 30px 10px
}

.EmptyPanel .EmptyPanel-footer {
    color: #888
}

.EmptyPanel .EmptyPanel-action {
    color: #005aff;
    cursor: pointer;
    margin: 0 5px
}

.member-config .t-alert {
    padding: 10px 20px
}

.member-config .t-alert .t-alert__icon {
    display: none
}

.member-config .t-alert .t-alert__description {
    color: var(--Message-Down-blue-9, #005DE1);
    font-size: 14px
}

.member-config .filter-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0
}

.member-config .filter-content .filter-content-left {
    display: flex;
    gap: 16px
}

.member-config .filter-content .filter-content-left .t-select__wrap {
    width: 120px
}

.member-config .member-config-table .t-table__header tr {
    height: 44px;
    background: var(--Background-Form-Gray-2, #F9F9FB);
    box-shadow: 0 -1px #eef0f4 inset
}

.member-config .member-column {
    display: flex;
    gap: 4px
}

.member-config .member-column.name {
    flex-direction: column
}

.member-config .member-column.name .user-name {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 22px
}

.member-config .member-column.name .user-info {
    display: flex;
    gap: 12px;
    align-items: center;
    color: var(--Text-Tag-gray-7, #888);
    font-size: 14px;
    font-weight: 400
}

.member-config .member-column.name .user-info .user-id,.member-config .member-column.name .user-info .user-phone {
    max-width: 140px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1
}

.member-config .member-column.deptname {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.member-config .t-table__empty {
    padding: 100px 0
}

.member-config .t-table__empty .member-config-table-empty .member-config-table-empty-text {
    font-weight: 600
}

.member-config .member-config-searchbox .t-input {
    border-color: var(--td-component-border);
    cursor: pointer
}

.Permission-select-panel.gray .Permission-select-content {
    background-color: #f9f9fb
}

.Permission-select-panel.mini .Permission-select-content {
    padding: 2px;
    line-height: 20px
}

.Permission-select-panel.mini .Permission-select-content>svg {
    margin-left: 4px
}

.Permission-select-content {
    background-color: #fff;
    border-radius: 4px;
    padding: 4px 12px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.Permission-select-content>svg {
    margin-left: 8px
}

.ym-label-tooltip {
    display: inline-block;
    margin: 8px;
    width: 234px;
    font-size: 13px;
    line-height: 20px;
    color: #444
}

.CustomView-panel.CustomView-panel-file-list {
    padding: 16px 12px 12px
}

.CustomView-panel.CustomView-panel-file-list .CustomView-file-item {
    padding: 8px 16px;
    background-color: #eef5fb;
    display: flex;
    margin: 20px 0;
    align-items: center
}

.CustomView-panel.CustomView-panel-file-list .CustomView-file-icon {
    width: 30px;
    height: 36px;
    background-size: 100%;
    margin-right: 28px;
    background-repeat: no-repeat;
    background-position: center
}

.CustomView-panel.CustomView-panel-file-list .CustomView-file-name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600
}

.CustomView-panel.CustomView-panel-file-list .CustomView-icon-forward {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAABaWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QcXKWq8MSlPPgAAAmhJREFUeAHtVstx2zAQXXA0+tyYDliC3YFcge0KbFcQ6aLfxdRFv4uUCqJUIHeQdCB1EJYgnfQ5SHlLkxmQAkiCSC4evxkORwCI97D7diGiT5TEZDJZj8djjyzhUHncCCF+2oqwEcDwHMdZj0ajByoJWwF0uVxciFhNp9NXKgFrAZIQHyLmZAhBJQETXjRTAcTc9fv9gArgn0VAgmdizv8hIBTB5kRKWnkLjVPg+75brVabbLzERkK8IfRX1YBxv9vtDslWAELaxGbs9KZqvtfrCazxozVpEYv9fj+E+K2xgDxiWQC/0RNaiI6qGpTm1HqAQ81lxYbKI5cxGAwWEHDLhKmp0Jyz2ewmVwA7uF6vr6FYZyI+zTc8L0x2OBy+yJOdTmfDp1WJOJ/PCXMKFXl0ak9BvMTGPxDGX1QA8/ncPZ1O37PMWZEHOewacj5RuyhxjN1uR4jkVjWHSISHTwhoNBqvIPLkMT7x8XhssYNZYK1WcyOBiXUQt5R/6yKJsS3I2/H6vylAXh5AtkqT47XER/f0bsSEgWTEVcBgo4FkRdeRDOCZR/ZIPFCRyK5KB8RPeD2RAUD+FeQLxRSnkckDeTCsAoTrmdSmMwJfySpyjiQqRXlBhRGITloUQfQ0U+QrldsxNgSxr9tMRGb5rV3wbhr2whvMuInbacZ1LH/XTpszjQpldDluNgidr+rhOQgg4BHkm7yFFU34udO9mNZ9BKXZdHAgwFWQ35UhzzKbDmHt8o2H1zNq9B55uy2yQdoDeWbLFBCDO13RfMcCipqtkAATRAKuOpspbP4ThleuDbkVOF30EfAHDGtbhrTDTVUAAAAASUVORK5CYII=);
    background-size: contain
}

.CustomView-panel.CustomView-panel-file-list .CustomView-more {
    margin: 5px 0 10px
}

.CustomView-panel.CustomView-panel-file-list .CustomView-file-pdf {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABJCAYAAABl5pU9AAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAADDklEQVR4Ae2cT2jTUBjAv5fErt3qVOYmu5QoHnYRxnbZYIcNxYMO1KvC6GXeRIYnD8IOgsfp2YNWEK8O9KBMOnDgLoq4g4KgxYPTUhXRtlvb5JkvUk1Hkr6X/mHJez8ITdK8vPfjvfd9eaGUgEU+fWrUpGSJUDJKge6HkJAYGMz1p/QZsrCYA06UzfRZnZpKFihMh0kaUTRNB8PI0qVFHThRCK3eCZtwA5QGklewpyHsBJBXICpwykdHHOGQj5Y4wigfPXGEQT6a4kgT+eiKIz7y0RZHPOSjL464yIdanBoGx8WN8uTL3GkKIYWoKgwcHQE1FuMoRHKgqjMahBjs8R8f30OsLwlKrIe1mG7WatlQiyNGpQLlynfgRBcjuLkgxUVDiouGFBcNKS4aUlw0hBVvukghvX3QMzYJLBiFr1B9t/H/5qkj9sYKljcLefuzlXbU2X71Amip6Pqdr3h86jjsvXARFKtSVgyr4d+uXbIr7BmbgOS588ADlv956zpUP334d6735BmrHfPAS+HKBhge4p5DXT14CPbNL3BJ/y03xC27s/yBqzfsHq63I4h0MzzFtdRhCArvkNwJSmuWMLJn5Bh0As278mTDcfn5CmytPfO6HPqt0YG95cev+7eh5hjCThLWcI6PTzjqdx9ppSfL1txdBxbcYkUd5jcwOPcqjsAVBJT2ugfGExaqPvfgQeZx0Qjdy8b4+KQd6VkoPV0OlsedqINDvhGWcKa9oOCzAW4sYDA2WhVPTJ2wt6jQkTleefsGdjttn+OY9ooPH0CnwGeBrubx7ZfrTSu0FylWnvUKKO3ALP32FWKFWRyFymsrEBVkHu8GuMoyvdILx7q9HXRVnEeuk3EC2ZVDHVeCVY9VXLvw7HFqR8+845i/B7CM8x4sbFnSRetRs53tcCPUPwVpBbksFQ0pLhpSXDSkuGhIcdGQ4qIhxUVDiouGFBcNKS4aKJ4DwSAEXisUSAYEgxIzQ3Dn89zsTQXoZRAA6116Zvje4zSpn9hMz06DGYE/yvBDgdXhu49WcfcP/hVNeND1Zp8AAAAASUVORK5CYII=)
}

.CustomView-panel.CustomView-panel-file-list .CustomView-file-png,.CustomView-panel.CustomView-panel-file-list .CustomView-file-jpg,.CustomView-panel.CustomView-panel-file-list .CustomView-file-jpeg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABJCAYAAABl5pU9AAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAADkElEQVR4Ae2aTWsTQRiA35ndpJSW2l5sBYXYCO2lNRAPiqCxNFQ92qtWb0I9CBb8AT0Kflw9SaziP1DUiL2I11bBm5qDh1YPgkSj+dhx34GUpOxmZya7bHZnH0g2TGaz+8y8+84HIWBTfVrMGcy6zxjLEQLjEBGMQ7lKarp4jhy9UAFJaO3Z+Qy1Wm8BWCFK0ggxhjNg3zv7+iIDklBoNR5FTbgLxpTkKfY0RB0FeQpxQVI+PuKIhHy8xBFB+fiJIwLy8RRHPOTjK470kI+3OOIiH39xxEE+0uKs+Veicrd8pMVbPz4B+/dL/IQOeVJ7ssAgwpChMaBjh+3jAeFzWKtWMSHiYI9jz0uS0SO5OZCI60Yirhvaig/EcEZSo2DMLoORXQIyMgns9w5Yu9vQ/PCYfw6C0MXJyBSki3f5sbPMmJ4COnkc6q/XApEPPdT3S3eC5alTtyEIQhXHHnWT7qyDL9+vDSFCD4oJ0fEs+E2o4qxRFauYHgW/CVf852ehetb3bfCbwMR5tl68x19uzzEOWfjqBavueNZRITBxzNbtxJQ+u+5ar/H+DpdzAsvr5TUIgkDEzfmr3ePyRBbM/KpjXRyjUa715eVeA2BZ82MJ6s+vBzaB8X0HhvewHd5O1Mu3AglbFXztca8JB35HAsjQKvgqbs6v9JyQ8IY5GcxMTBbfxPkiY3rJsx49chrMmWVQAR+jlJ0rRK7jhS+LFN6TLsnL8aJ2ZLS+vZNKXCjbfowMfKtX+W+o4kuP49Ald8IoH+JEn3dsWGysTni+8Jjn96JvcTN/Q+kGcIgz5laE6jpK2o3Wz8qtL3EMP3P2Eqhi2nnBa+WFcwK3OliunC9AEafwUyF9Zr3netz0iArzxCrQCfnVm7J4v8/YHi4hi9tRorkjJZEv2iiJ9wo/FZxCFntStGH5VtWcXPRJi4uEnwqdIYu5Q3asNgXnEW2kxGXCTwUeshPHeCMonZ8XjxIpcZnwUwF/e+jiQ97ASkgMccLiKuEXBjxfCMwihcT5c60YfmEgMj8QEud736nBWE6K4rUE9hTfv5sSFfgQN+M+q/QUF937jhqe4nwvrC64/z1AWLtb9r2/cv0+8v96UiX5Y4BuJOK6kYjrRiKuG4m4biTiupGI60YirhsUCFRAMxiQLQoWlEA7WIng4c/GwgNC4CZogAWkNHL5zTXSLqhtLBbs4gLEGro5fKW8iZ/+A8jMOAMeQbOjAAAAAElFTkSuQmCC)
}

.CustomView-panel.CustomView-panel-file-list .CustomView-file-mp4,.CustomView-panel.CustomView-panel-file-list .CustomView-file-3gp {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABJCAYAAABl5pU9AAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAADPUlEQVR4Ae2cTWgTQRiG39m0tGlqWyhUDyLpQUTpoQexBQ+NiiiCGL1U0EP0Ih6q4kVEvSm1HrS2h+Klmlt7EHsQf5D+eOghINhDoYKCQXrQnEy1Nthmx/02pD/pj5lNJpvd2QcWBpJl8vDOfjM7A2EwCD/grQB/ZDRbwdEAh7Ctgccbm7RDvadZHIKwcDcPwsc/Okk4S30jR10j4j6Iy2uG9FMnSq/Ag2no49deGAEKoBnSITgecXkNrkFM3kXiRP7yLhMn8pN3oTjxf3mXihNby7tYnNhc3uXixMbyCogT6+UdLa7rIt9eK+9o8fkkQ3pR5I4V+Qo4GEo8Mauhys9RUZn3bUE9rY87WpxYWqSLQZCgIsVtPZ64anjiqqGsuKXprKkO6DrB0NwEBKpRdGKfgcFRjsQcpCGcOEk/jDC07JIjTbTtNvq4wMy+ZCEsfvEIkya8mkBVZlTJQlic0igVzdshjbIubpS6LBxZ1amo0lUIjnpJyT732cdtaBIYnuSwgrTEZ3/quDz827yoXSgHDNknl9iaGnNyPywjLfHz0V/Lwu8+JXH7mB+RdvHpIDfl3M+sIk08N+W7bxcw8yONrg4/djbkP9AoZRnTZ0mL2/Opv+ZIiMWX8r5H1pqh5FWdRsI5Q77v/QLsxLbprG8ihdDjJOZS1qpyodg6j1P6z2Ip2IH9Cxh7ArdXfN8OH860SlyXboFtK7dIe5Uxt9fALkouTnN4z6kA2mw+yyhp70f3VKInHEBdtbz37HyRJr7XeH5nvqfNNole6fCbw7tckCY+0FmLe2/+mO1bx2uElqmrSSSN7a56FB1p4iQ6cLYWhXJniKPzIHC4pbiPR9lvRFDi/a/o4ma7WDhmB2ZsOpP+2PTKimdo0vrqR3ioz6dQkl3Wjcim//JDRvhrApYRTryQzkSJfeGb/oZCf4eweP9rbqYuG+pjcBTSEBan4XY9ys1jHhmQ8PS3TB/FLGa5sHCPbtP7kb14x8Sq4YmrhieuGp64anjiquGJq4YnrhqeuGp44qphiIv/sYTjYZjSoOtRqAZnUfNAKnw/3QvGrkIJeHTkhi+yfBIX7uYhaHoIbkbXJkZusglq/gPGWh5zCsVWZQAAAABJRU5ErkJggg==)
}

.CustomView-panel.CustomView-panel-file-list .CustomView-file-mp3,.CustomView-panel.CustomView-panel-file-list .CustomView-file-m4a,.CustomView-panel.CustomView-panel-file-list .CustomView-file-wav,.CustomView-panel.CustomView-panel-file-list .CustomView-file-aac {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABJCAYAAABl5pU9AAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAADiklEQVR4Ae2aT0gUURzHfzO5+AfNLaMl/LeX0C7+uywlyAYaFOgxEBJKCjwoXbIuHRI8RVCgh6BAxINCp5ISTFCWDDpE2SWlghX7Y5Cm5p9yd53mN7kxiLv73s57O2/+fEB21NmFz/ze+81731kJVDzjV2rk6M5dBZQaCcALFqGyqDR8sqzy9P1jrWGgRM4Z6/BL0dgkgBK0kjSSfcDjj0WUyY5vw36gRAYlMmA1YT0KQFrysjq8g2Bx0pGXwSbQyttGHKGRt5U4QipvO3GERN6W4kgqeduKI8nkbS2OJJK3vTiyn7ylxbdjUeJz98pbWvzTylfYiGwRn6+Xl7KftStgYfI9ueDLP6S+5hC/508sEs4Ci7OuVnz9J3nVd/E7ornthyvuNFxxkSnPPQKsEbKrez15UFVQCm0l9dDsqwVvVh7Mb/2A86/7YebXArBAmPs4yjYfrdVkqw6WarJ7mVlbgMD0LWCBqRVH2QvFp6DFVwcNhytSnl+tXhBWZFwc52uzr4ZYlhcZEUfBhqLKf68myurhKo7VfVDVLoysHq7i44FuLrciFnC7j3f5G4WVRriJtxXXg8hwEy/05IERVqKb0B9+DtfeD2vHrBFq5Yars6HP0xBantN+4vC49ZkunkiWN6aIh5ZnIbQ0B0NfXmriZpAxcRFk9WREvFttUH3hCRAJ7vtx3FGJJo1wF1+NboCIuNGT03DFnYZQS9Z4YIFBo3d3rR9amt03fzOKEOLJAgteIYbp4piojgeuc6lqMkyd41jpR3WdGZdGmFQch6M+CyfdZd083mJaSmNIHFOWLn+TJp0O+JSEhpUIu0AibXFsRkbiJezatEN89PsbYEVac/zOiVbDmRpWjzZS6v34BFhBLY7CnWqCyoLRRfIK9n54zHQfTy9ewi497Z4dSSmDowL38yyrjVDPcdoFxfzmUsL/4XAPTPdAZ3mjdkH1HT6exfXPTzBtanGoHxMvNvVRNaWKqRvEQxQbXqH62atqlXnI6qEe6u/WyB/M085LlMXzeUsj1OKkAT8+DGA9L1mSVsUDL3oSVhLT1DOvbqsXaARExtBXQXDFVl1Q9v93XKqKEB2TYGjJitWnmfMi4UZPTsMVdxquuNNwxZ2GK+40UDwMDkMB6a0sKTAIDkMCZVDCg+ynl+6BJF0FB6Co0tvnBi5K8T/kjF0Ows5OEOyMLE/9PvtwCg//AtFBfs0juv4oAAAAAElFTkSuQmCC)
}

.CustomView-panel.CustomView-panel-file-list .CustomView-file-doc,.CustomView-panel.CustomView-panel-file-list .CustomView-file-docx {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAYAAABzwahEAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAD8UlEQVR4Ae1bPW8TQRCds0BEICBFQEqQIO4ckQIKnAqJfEi0NrRICRUVv4KGioqGirijAbugQYoDJXEaikQ+qqQBJKAIIJAQhblxvNHh7Nud3TsRyXuvsvY2630z82Zm17mIUqjUnq8QRcsR0ZUe0TiNABIuewmXd0S9Rty6vZoaJ5quNcfHqNdMPt6gEQYb4DdF87ut+l6JB05Q7zWNOGkGR/LAwRQNwvspBYXe3RJrmoJDtFxi91NgYM6lUcneLmDOJQoUBfHQUBAPDQXx0FAQDw3HXCY3Hlyn6uzEofEfP/9Q9c5LyRLUfLRAlfJZ7bMPn3/R0r1XtiXowvmTtPbkpvbZ/YdvaW3jk20JN4/HO3va8dOnjvc3YwPPQaTVc8k6lWm8RnfnG0ngRLyz9RU+u3Z5gmwwbdhlHV3UMeKENEeNBG7EtzHxmbKd1OLcpHVOdfacdU6lrD9XSb3NcCLOWo7B4pINy+b4e3xz+wtJ4ZzVO1v6xVm7ZxKtI0j1a5tnMoxJisNwJm4KJ1PikmhXYbE66fwdrG2pvhnOxDcNOjclL4m+D9Yp47sRZEBUcRCcibNVvyda18EUhhJ9KywZjDQDjNLu2Gt3Gl6dW3vjo3YckWOD6PT/+FlXOx/1BSb9xw4ZneFFPN7VfwnaMNLleuIllJB0OkdS4mrT/R/EXRuZxerUoTG1WaRNnc6RlFClMcHP48mGkc51jYxuw2qzSJs6naOk51LGFLxPZ9JGBnlJEe4CI7Jsho0IW9VdtzBnZCCOQvTfRgbVZGU4UzeYlk1ejYuCN3FT+UgnM12m55KYTkbtDqoSE9o10/AhzfAmbuzgBtkXHUOHo6UNzs9po6HGxSexMbyJmw8s+5tE5Wc4WlC7yTpXa6HGxdRJmpDp6glZW3kKtak6g6GmiI2XZ+OikIk4CnfVyEj0rQAbmbkpGDn8N6is2pCJuCnMavMXtV5CBNElB5c0fOPidjBJIxNx01GwvnBJO44uCzhn6IzC0VODa/npm5H5ehnpHGnSVH46wCjogsO3lDEyE3fpmmyXBZsORExtswQ5eFy+Wdtcl2TV9czmCtk97mD5ddChpSFtSCRrmZDLT0jSWirxkjRhHbnHGR3Bta70sr8t+PnH9WJRh1yIS5KS1EMSUlnqt0IuxCWkXDSJ2teD544XizrkQtx0YFFw0aSNWJxR34zcfh83ZWOXH/MYXUOl8LlY1CGq1F70KEAU/woSGgrioaEgHhrCJc7vZVFgYM6l/ZfRwgJz5reQGhQcokb/TcOkbQ3ihTsGe/t969bVfnIbo6gehRHyb/gVS/4QpUcrteZKYpMRfak2asSt+qoa/wv5F9JQ4vZvOQAAAABJRU5ErkJggg==)
}

.CustomView-panel.CustomView-panel-file-list .CustomView-file-ppt,.CustomView-panel.CustomView-panel-file-list .CustomView-file-pptx {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAYAAABzwahEAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAACyUlEQVR4Ae2bTWgTQRTH/7MmFG3aBgoGKh5UsAdJjVChvdmCoIK1PXiqYBUEBQ96EQ+99eJNb560FvTcD0ELSiN4SMAe1nixgvVgkeZQiGkqlES287YNzWXTLTNdZnfmB4HNzlx+O/PefMBjaGDuSnqMObgJhgwcJBEFGErcxXYYpobefXu1+5ozPZxJxjb/T/PHC4g0zK61WAMjM3bJor+xzVoWkZcmnMzOAIPtTO9JaASf9rcsN6Y1g5wtN5HpR8aKTPbeH0kLmmLEdcOI60YMkoi3tiOeSECEaqWC6kYZQSBNvP1UN/qfvIAo1Y11lH8u4ffHWRRz2QP7ENLEZRFvbUNnT6/7+1f8gxX+AX68eQ7ZKB3jR1JdOD16D4OT8/z5GGQSiuRGH6CPh5FM+dBk9bp8jCdRGYRqOSP57tG7kEEgyY0ydbWyvme/eKLNTW7NODF8A6v5LNYKXyBCIOK0POUe3/bVt7PnPM4+nHBH14tU34CwuHJTnYQ+37+O8vJ3zz7HL14TjnUlY5xCY3HiAWoemxcKhw6+YRJB2eRGm5e1wqJn++GjXRBB6az+d3nJs61ZDvCDOZaqSMdJ7zimPCCCsuK0PU31D3q2l5uEgR+UFKezfe/4M892Gu1QbGD2A21gztx55J7vvSjmFiBKIOLblxQvffXba8tKyDifByJev1yQAV1M0BovSqiWMxKWdRsTGnGSzvODjozRJkIhTqc7mdKEclm9EVq2fs28PpDLRuXE69fLq/kFrHyYFd6heRGIOJ2yvj4d99VX5nRuRmAjHpSQX8zpTDeMuG4Ycd0w4rphxHXDiOsGe3s57UBDzFTXDSOuG5Zbl6UfJSrNsKEftuU4mIJmkLNbacjXck0K7ghmX31fOOcmt1rLoREwpsOU/0QllvTAGt/OXUqPMUZFtSzD50NEimpZibvYNL2H5neLarcAM2Hk6N4gCSQAAAAASUVORK5CYII=)
}

.CustomView-panel.CustomView-panel-file-list .CustomView-file-xls,.CustomView-panel.CustomView-panel-file-list .CustomView-file-xlsx {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAYAAABzwahEAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAADo0lEQVR4Ae2bMWhTQRjHvxe7iArFSdtFsBQchIhaOghNJzt0KTqoSyuSIliwdnFTWydRbAUFaQebxXRQujhkMwFdLJVItxLHqosl0IhLId7/pQ+eMe/ukvvuWXL5Qdo0lyb5v/e/7/vuuzyPQpyfTk1UqzQu7ibFrZvag7K4FT2PMmsL+eXgQQ8/UtOp7kqVVnGX2pvirkfDxYV8OYG/flXpPbW/aJDsqp1g8vbs/YocQtj+emJvTjsFNMPqSXKPJIS3S/Ruhu4EOUpHuGt0hLuGs8K7yJAjBw/T0OkLDccqvyuU3/hAzSJ7TfC5VKRv2z/IBGPh6ZFxujp0OXI8W3hDT1df0P9+zXqMrV7Y+Cgdh4CzffrF4fGjx6SiwUrhLZliLHxd2G5FnAEZM2O3SJeXU/PScYg2tTlgCW6LuYz0w/T39tGVoUukAhbvEWc8iu/iPbKKg6wLi/AdEcTmFXNucmRCKgoWx3NkqA5wM7ClM0Rv2D4KROp71+5Gjqumw7tPOf/GBWsen339yD/7USDIjQ5c/OdxPJaSpC9YfEmcbU5Yhet8wJmxKf/sB8DiaYXFs0wBLQx75Ybgo7I8gljAZIwBLYyVklVVXAS5HfYeHRiRPvfm8ztkgwM9gyceEDM/d7b937LCBWODpwb+sn09mDatlLw6WFukqAoNzG2VxRdzy2QLa8IR3edElG+VWYP/1cHqslSnnG0E8rUsQHJgfT2OakuW2+uxkbMbYV04RDezhOQsS2XE0oHRtS53WSojttaTTlpaL32huIhFuE5zAaCKk+V1TmIRripLA2p1ezx7mNaFowmhKkvDNNuqahXrwh/feEjNcl+ybufCqvC0psXricPy1oTrtJJkwPKtHDRdrAl/orA48rUsxalaVaZYEY5WEoJaFEFZOqfRqtLpzrYCu3CdVlJQlkK0qi7HdLGR29mFq3I2StdwWarTqrJheVbhsLgqZzdao6u6s2hRced2NuG1JuKE9DlLESsvnYYicjun5dmE62z/yFpJOCibW6XIce7cziJcZxGi0y3V7c5ywCKca4eTe+dVhrFw7h1Orp1XFcbCuXc4dbqzJqVwgPFXQTAv+3tPNhzb3PraUisJlle9rineudupKjlI53turtER7hpOCy+Te/iXX9ndltyPeFRM4Ao8cgyPKONfaSiKGFcuuIPo4tqz/Bk/uO16NEYuWN6j/CGPhmt3Q/hXHRKNU7XNLqoVcxr2Dl9U+weADImHsMpZWAAAAABJRU5ErkJggg==)
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-file-list .CustomView-file-item {
    background-color: #fff9d9;
    border-radius: 9px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-file-list .CustomView-header {
    border-bottom: none;
    height: 56px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-file-list .CustomView-file-item {
    background-color: #f1f1f1
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-file-list .CustomView-file-item,.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-file-list .CustomView-content {
    margin-top: 0
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-file-list .CustomView-file-item {
    background-color: #fff
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-file-list .CustomView-file-item,.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-file-list .CustomView-content {
    margin-top: 0
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-file-list .CustomView-header {
    border-bottom: none;
    height: 56px
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-file-list .CustomView-file-item {
    background-color: #f1f1f1
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-file-list .CustomView-file-item,.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-file-list .CustomView-content {
    margin-top: 0
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-file-list .CustomView-file-item {
    background-color: #f1f1f1
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-file-list .CustomView-file-item,.ViewStyle-trace-color .CustomView-panel.CustomView-panel-file-list .CustomView-content {
    margin-top: 0
}

.ViewTheme-intro-color-blue .CustomView-panel.CustomView-panel-file-list .CustomView-file-item {
    background-color: #eff4fa
}

.ViewTheme-intro-color-purple .CustomView-panel.CustomView-panel-file-list .CustomView-file-item {
    background-color: #f8f7fa
}

.ViewTheme-intro-color-green .CustomView-panel.CustomView-panel-file-list .CustomView-file-item {
    background-color: #edf9f7
}

.ViewTheme-intro-color-yellow .CustomView-panel.CustomView-panel-file-list .CustomView-file-item {
    background-color: #fff5e7
}

.ViewTheme-intro-color-red .CustomView-panel.CustomView-panel-file-list .CustomView-file-item {
    background-color: #f9efee
}

.ViewTheme-intro-color-pink .CustomView-panel.CustomView-panel-file-list .CustomView-file-item {
    background-color: #fcedf4
}

.ViewTheme-intro-color-black .CustomView-panel.CustomView-panel-file-list .CustomView-file-item {
    background-color: #f6f6f6
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-file-list {
    padding: 14px 12px 23px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-file-list .CustomView-file-item:first-child {
    margin-top: 29px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-file-list .CustomView-file-item {
    background-color: #3a2016
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-file-list .CustomView-file-item .CustomView-file-name {
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-file-list .CustomView-file-item:last-child {
    margin-bottom: 0
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-file-list {
    padding: 14px 12px 23px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-file-list .CustomView-file-item:first-child {
    margin-top: 10px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-file-list .CustomView-file-item {
    border-radius: 0 10px 10px;
    background: linear-gradient(90deg,#ffe7fe,#d9f2fc)
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-file-list .CustomView-file-item .CustomView-file-name {
    color: #000;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-file-list .CustomView-file-item:last-child {
    margin-bottom: 11px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-file-list .CustomView-file-item:first-child {
    margin-top: 33px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-file-list .CustomView-file-item {
    border-radius: 3px;
    background: #e3d6a9
}

.ViewPanel {
    width: 100%;
    color: #000;
    font-family: PingFang SC,system-ui,-apple-system,Helvetica Neue,sans-serif;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 26px;
    background-color: #f1f1f1;
    min-width: 375px;
    min-height: 700px
}

.ViewPanel.ViewPanel-no-topbar {
    margin-top: -44px
}

.ViewPanel textarea {
    font-size: 16px
}

.ViewPanel.ViewPanel-preview,.ViewPanel.ViewPanel-preview .ViewPanel-header {
    border-radius: 0
}

.ViewPanel .ViewPanel-header {
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;
    position: relative;
    box-sizing: border-box;
    height: 231px;
    background-image: linear-gradient(180deg,#3a7bf9,#6cf);
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 100%;
    color: #fff
}

.ViewPanel .ViewPanel-banner {
    color: #fff;
    padding: 24px 24px 16px;
    height: 92px;
    box-sizing: border-box
}

.ViewPanel .ViewPanel-banner-title {
    height: 30px;
    font-size: 30px;
    line-height: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600
}

.ViewPanel .ViewPanel-banner-desc {
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff9
}

.ViewPanel .ViewPanel-nav {
    background-image: url(https://pubcdn.ym.link/youma/code_preview/v1.8.5-prod.61/assets/navbar-light-C1E75fjr.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 88px;
    position: absolute;
    left: 0;
    top: 0
}

.ViewPanel .ViewPanel-nav-dark {
    background-image: url(https://pubcdn.ym.link/youma/code_preview/v1.8.5-prod.61/assets/navbar-dark-4X0kAorb.png)
}

.ViewPanel .ViewPanel-nav-dark .ViewPanel-navbar-back {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAlCAYAAABCr8kFAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAAmElEQVR4Ae3V3Q1AMBSG4S8mMEJHMIoNGMEGbMIGRjGCETqCn9CbpiQ9/YjiTRpx8zS9OC3AKQWxelnT/qVhEwO1MbOoWANBH8GKO7AOgp6LZWxMO7ABgs4w7xuFiik2NjqwEcKL04XpfSPvElyQwvGRFYSpH40bFU2PiTrf70F7BJTD/TS0CKiMGtUIrLLAHIQabBNVrj8zUNnCr8VqlTcAAAAASUVORK5CYII=)
}

.ViewPanel .ViewPanel-nav-dark .ViewPanel-navbar-title {
    color: #000
}

.ViewPanel .ViewPanel-navbar {
    height: 44px;
    margin-top: 45px;
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center
}

.ViewPanel .ViewPanel-navbar-back {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAlCAYAAABCr8kFAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAAq0lEQVR4Ae3W2wmDQBCF4UMqSAmWYEdJCXbgdpB0kHSQUlKCJVjCeLyByKww4wqi/jAPCvPBPiwssLdEpJS+EmubYGMFvClYFzzFMBZgjUuPCPaGtQXsC2u7xnJOrWA/WFvA/pz7cbCMU22Ntf8yi3UWbAA1rHZh7IbUJT/yoVDbLZmhae7xBM0vVEM/8Mblp+idHH3BG5eLCOp/I3I5aCLWpKD+B6eChva7AZ4SpXdSQGmaAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center center;
    width: 40px;
    height: 18px
}

.ViewPanel .ViewPanel-navbar-title {
    flex: 1;
    text-align: center;
    padding-right: 110px;
    padding-left: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 600
}

.ViewPanel .ViewPanel-title {
    margin-bottom: 32px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.ViewPanel .ViewPanel-body {
    margin-top: -143px;
    position: relative
}

.ViewPanel .ViewPanel-content {
    padding: 0 12px
}

.ViewPanel .ViewPanel-content:after {
    content: "";
    display: table;
    clear: both
}

.ViewPanel .ViewPanel-empty-text {
    height: 465px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #888;
    font-size: 14px
}

.ViewPanel .ViewPanel-action-bar {
    position: absolute;
    top: 0;
    right: -75px;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid #E5EAF1;
    background: #fff;
    border-radius: 4px;
    background-color: #f9f9fb
}

.ViewPanel .ViewPanel-action-item {
    width: 34px;
    height: 34px;
    cursor: pointer;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center
}

.ViewPanel .ViewPanel-action-item[disabled] {
    cursor: not-allowed;
    opacity: .5
}

.ViewPanel .ViewPanel-action-up {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAAr0lEQVR4Ae3SsQ0DIQwFUEMWYQTSZQHmSSrqdAiajJIFGCBdskoWgIB0kU7R6Wx8SnV+DWCQbIkPIIQQYoOU0jnGeIENFDC15raU8ux7rfXRe/8CBg0MIQTTmt+/577vNWBgDaCU6s3NrGSm2v8HaH9+a4tduLLT3ZDDyOMeulrrdeXJyTn3zjk/gIgcwnnoMCOhJH3Bb+gwI6EkDbAQOgw5lOgAK6HDsEIphBBifz4G50DQ2j1xQgAAAABJRU5ErkJggg==)
}

.ViewPanel .ViewPanel-action-down {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAAwklEQVR4Ae3SsQ2DMBAF0LMzQTaBLgOwAJMEGgRdKst2lQzkPh2MwCR2zp2FiHyGdLnXgMSXOfk+AGOMsX8ncgGt9RMfdzgghPCapqmDMwNExpgZD6ugzDKOY50LSSDw3rf4WIFuxYFbSpB0A5G1tsJBZkpWSlkPw7CQskAUD8QB+lxOCNFTfx5doIBz7t00zRVfb3vfY+lw7w8oQF5B6kspSaXbIq8gtVNKcum2Dt1AlJaypHQ/pZTqcB0dMMYYO+EDNJJOm44qNgUAAAAASUVORK5CYII=)
}

.ViewPanel .ViewPanel-action-copy {
    border-top: 1px solid #E6EAF0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAA1ElEQVR4Ae2V3Q2CMBSFTw3vOgJuwAg4gavgE7ABTGPcwBF0AjuCE7QejQ81MdLm8iPaLyHkJqfNae4f8O8oN2jbtrDWbiFEKXUqy3Lno03cwBiT8XAOIXyEt3aBiZncQOKh0QiEabz6ajsNVFW1xoDMIgUPmqbZ85dBCDvkUNd1EWyArPilEML6WLpxbMOQFLzj6KHJMZABzRbddIlYvB/ncqyBaCAa+K5B9NzjGiPyYoCD5b6lCozIrHdByjF7gRDpMkohJLZhSArO6AG2ei/3/A43UpEo74BV0+AAAAAASUVORK5CYII=)
}

.ViewPanel .ViewPanel-action-delete {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAAgElEQVR4Ae2WMQ6AIAxFW/VgLpwJNnGDO7F4spoYddAoQoKY+N/8k740hZbo7/CTkPd+EBFLCTCz1VqPsVwbC+QUX+mVUhRCmO5Cewecc0IvYoxZajdUGQiA0z9wfA3btJbKYQghAAEIQAAC1QU6yuRq+6Xy/Q6UvpYxhLiKqzMDeskl0mvVinwAAAAASUVORK5CYII=)
}

.ViewPanel-content-item {
    margin-bottom: 10px;
    box-sizing: border-box;
    position: relative;
    outline: none
}

.ViewPanel-content-item.selected {
    outline: 2px solid #0961FF;
    z-index: 3
}

.ViewPanel-content-item.ViewPanel-error {
    outline: 2px solid #FF1449;
    z-index: 2
}

.ComponentDrag-item {
    width: 350px;
    cursor: default;
    box-shadow: 0 0 5px #a2b9e161;
    background-color: transparent
}

.ComponentDrag-item.ViewPanel {
    min-height: auto;
    min-width: auto;
    margin: 0!important;
    padding: 0!important
}

.ComponentDrag-item.ViewPanel.ViewStyle-trace-color {
    width: 327px
}

.ComponentDrag-item.ViewPanel.ViewStyle-intro-national {
    border-radius: 100%
}

.ViewPanel-content-wrap {
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent
}

.ViewPanel-thumb {
    position: relative
}

.ViewPanel-thumb:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10
}

.ViewPanel.FormViewPanel {
    background-color: #cfe4ff;
    background-image: url(https://pubcdn.ym.link/youma/code_preview/v1.8.5-prod.61/assets/form-bg-BNFG1S_O.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-bottom: 50px
}

.ViewPanel.FormViewPanel .ViewPanel-header {
    background-image: none
}

.ViewPanel.FormViewPanel .ViewPanel-banner {
    padding: 27px 30px 16px;
    height: unset;
    box-sizing: border-box
}

.ViewPanel.FormViewPanel .ViewPanel-banner-title {
    height: unset;
    font-size: 36px;
    font-weight: 600;
    color: #1c5bff;
    line-height: 1.3;
    white-space: normal
}

.ViewPanel.FormViewPanel .ViewPanel-banner-desc {
    font-size: 16px;
    color: #4994ff;
    font-weight: 400
}

.ViewPanel.FormViewPanel .ViewPanel-content {
    padding: 0;
    margin: 0 12px;
    box-shadow: 0 0 21.4px #c3dcff;
    background-color: #fff;
    border-radius: 4px
}

.ViewPanel.FormViewPanel .ViewPanel-content-item {
    margin: 0
}

.ViewPanel.FormViewPanel .ViewPanel-content-wrap {
    border: 0
}

.ViewPanel.FormViewPanel .ViewPanel-notice-bar {
    box-sizing: border-box;
    min-height: 65px;
    padding: 12px;
    width: auto;
    background-color: #f3f7fd;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #727272;
    display: flex;
    align-items: center;
    position: relative
}

.ViewPanel.FormViewPanel .ViewPanel-notice-bar>span {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.ViewPanel.FormViewPanel .ViewPanel-notice-bar .ViewPanel-notice-pin {
    position: absolute;
    width: 14px;
    height: 23px;
    left: 16px;
    top: -10px
}

.ViewPanel.FormViewPanel .ViewPanel-notice-bar .ViewPanel-notice-pin-right {
    left: auto;
    right: 16px
}

.ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    font-size: 20px;
    font-weight: 500;
    height: 56px;
    border-radius: 79px;
    margin: 6px 12px 18px;
    color: #fff;
    background-color: #1c5bff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.ViewPanel.FormViewPanel .FormViewPanel-submit-btn>span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ViewPanel.FormViewPanel.ViewPanel-preview .FormView-form-location,.ViewPanel.FormViewPanel.ViewPanel-preview .FormView-radio-item,.ViewPanel.FormViewPanel.ViewPanel-preview .FormView-checkbox-item,.ViewPanel.FormViewPanel.ViewPanel-preview .FormView-image-list,.ViewPanel.FormViewPanel.ViewPanel-preview .t-textarea__inner,.ViewPanel.FormViewPanel.ViewPanel-preview .t-input {
    background-color: #f8f8f8;
    color: #000
}

.ViewPanel.FormViewPanel.ViewPanel-preview .FormViewPanel-submit-btn {
    display: none
}

.FormView-panel {
    padding: 12px;
    background-color: #fff
}

.FormView-panel .FormView-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.FormView-panel .FormView-title:after {
    content: "*";
    color: red;
    margin-left: 5px;
    display: none
}

.FormView-panel .FormView-title.FormView-required:after {
    display: inline
}

.CustomView-panel .ViewPanel.FormViewPanel {
    background: none;
    min-width: auto;
    width: 100%;
    padding: 0 0 20px;
    min-height: 100px
}

.CustomView-panel .ViewPanel.FormViewPanel .CustomView-title {
    color: #000
}

.CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-header {
    border-radius: 0;
    margin: 0 12px;
    display: none
}

.CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-nav {
    display: none
}

.CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-banner {
    height: auto;
    padding: 0
}

.CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-banner-desc {
    margin: 20px 12px
}

.CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-banner-desc:before {
    display: none
}

.CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-bar {
    margin: 0 12px
}

.CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-content {
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    background: none
}

.CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-banner-title {
    display: none
}

.CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-banner-desc {
    color: #000;
    background: none;
    font-weight: 400;
    -webkit-text-stroke-width: 0;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0!important;
    font-size: 16px!important;
    font-family: PingFang SC!important
}

.CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-body {
    margin-top: 0
}

.CustomView-panel .ViewPanel.FormViewPanel .FormView-panel {
    background: none
}

.ViewPanel.ViewStyle-intro-fresh .CustomView-panel .ViewPanel.FormViewPanel {
    color: #444
}

.ViewPanel.ViewStyle-intro-fresh .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-bar {
    color: #727272;
    background-color: #fff5b8
}

.ViewPanel.ViewStyle-intro-fresh .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #fea400
}

.ViewPanel.ViewStyle-intro-fresh .CustomView-panel .ViewPanel.FormViewPanel .FormView-image-list,.ViewPanel.ViewStyle-intro-fresh .CustomView-panel .ViewPanel.FormViewPanel .FormView-checkbox-item,.ViewPanel.ViewStyle-intro-fresh .CustomView-panel .ViewPanel.FormViewPanel .FormView-radio-item,.ViewPanel.ViewStyle-intro-fresh .CustomView-panel .ViewPanel.FormViewPanel .FormView-form-location {
    color: #444;
    background-color: #fffcec
}

.ViewPanel.ViewStyle-intro-fresh .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    background: #fea400;
    color: #000
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel {
    color: #e1c5aa
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-banner-desc {
    color: #e1c5aa;
    margin: 12px 0
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-bar {
    color: #e1c5aa;
    background-color: #654b3e
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #c7a275
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .t-input,.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .t-textarea__inner {
    color: #fff;
    background-color: #3a2016;
    border: 1px solid #826348
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .t-textarea__inner::placeholder,.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .t-input__inner::placeholder {
    color: #6a4131
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .FormView-image-list,.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .FormView-checkbox-item,.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .FormView-radio-item,.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .FormView-form-location {
    color: #e1c5aa;
    background-color: #3a2016
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .FormView-image-list .t-radio__label,.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .FormView-checkbox-item .t-radio__label,.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .FormView-radio-item .t-radio__label,.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .FormView-form-location .t-radio__label,.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .FormView-image-list .t-checkbox__label,.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .FormView-checkbox-item .t-checkbox__label,.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .FormView-radio-item .t-checkbox__label,.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .FormView-form-location .t-checkbox__label {
    color: #e1c5aa
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .FormView-form-location,.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    color: #000;
    background: linear-gradient(90deg,#c7a275,#e1c7ad)
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-link-form.CustomView-panel-link-form-inner .CustomView-header {
    margin-left: 0;
    margin-right: 0
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel .ViewPanel.FormViewPanel {
    color: #000
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-bar {
    color: #727272;
    background: linear-gradient(90deg,#ffe7fe,#d9f2fc)
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #00ec94
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel .ViewPanel.FormViewPanel .FormView-image-list,.ViewPanel.ViewStyle-intro-educate .CustomView-panel .ViewPanel.FormViewPanel .FormView-checkbox-item,.ViewPanel.ViewStyle-intro-educate .CustomView-panel .ViewPanel.FormViewPanel .FormView-radio-item,.ViewPanel.ViewStyle-intro-educate .CustomView-panel .ViewPanel.FormViewPanel .FormView-form-location {
    color: #000;
    background: #ecf9ff
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel .ViewPanel.FormViewPanel .FormView-image-list .t-radio__label,.ViewPanel.ViewStyle-intro-educate .CustomView-panel .ViewPanel.FormViewPanel .FormView-checkbox-item .t-radio__label,.ViewPanel.ViewStyle-intro-educate .CustomView-panel .ViewPanel.FormViewPanel .FormView-radio-item .t-radio__label,.ViewPanel.ViewStyle-intro-educate .CustomView-panel .ViewPanel.FormViewPanel .FormView-form-location .t-radio__label,.ViewPanel.ViewStyle-intro-educate .CustomView-panel .ViewPanel.FormViewPanel .FormView-image-list .t-checkbox__label,.ViewPanel.ViewStyle-intro-educate .CustomView-panel .ViewPanel.FormViewPanel .FormView-checkbox-item .t-checkbox__label,.ViewPanel.ViewStyle-intro-educate .CustomView-panel .ViewPanel.FormViewPanel .FormView-radio-item .t-checkbox__label,.ViewPanel.ViewStyle-intro-educate .CustomView-panel .ViewPanel.FormViewPanel .FormView-form-location .t-checkbox__label {
    color: #000
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel .ViewPanel.FormViewPanel .FormView-form-location {
    color: #000;
    background: linear-gradient(90deg,#ffe7fe,#d9f2fc)
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #00ec94
}

.ViewPanel.ViewStyle-intro-national .CustomView-panel .ViewPanel.FormViewPanel {
    color: #000
}

.ViewPanel.ViewStyle-intro-national .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-bar {
    color: #727272;
    background: #eee6df
}

.ViewPanel.ViewStyle-intro-national .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #885b00
}

.ViewPanel.ViewStyle-intro-national .CustomView-panel .ViewPanel.FormViewPanel .FormView-image-list,.ViewPanel.ViewStyle-intro-national .CustomView-panel .ViewPanel.FormViewPanel .FormView-checkbox-item,.ViewPanel.ViewStyle-intro-national .CustomView-panel .ViewPanel.FormViewPanel .FormView-radio-item,.ViewPanel.ViewStyle-intro-national .CustomView-panel .ViewPanel.FormViewPanel .FormView-form-location {
    color: #000;
    background: #f9eee5
}

.ViewPanel.ViewStyle-intro-national .CustomView-panel .ViewPanel.FormViewPanel .FormView-image-list .t-radio__label,.ViewPanel.ViewStyle-intro-national .CustomView-panel .ViewPanel.FormViewPanel .FormView-checkbox-item .t-radio__label,.ViewPanel.ViewStyle-intro-national .CustomView-panel .ViewPanel.FormViewPanel .FormView-radio-item .t-radio__label,.ViewPanel.ViewStyle-intro-national .CustomView-panel .ViewPanel.FormViewPanel .FormView-form-location .t-radio__label,.ViewPanel.ViewStyle-intro-national .CustomView-panel .ViewPanel.FormViewPanel .FormView-image-list .t-checkbox__label,.ViewPanel.ViewStyle-intro-national .CustomView-panel .ViewPanel.FormViewPanel .FormView-checkbox-item .t-checkbox__label,.ViewPanel.ViewStyle-intro-national .CustomView-panel .ViewPanel.FormViewPanel .FormView-radio-item .t-checkbox__label,.ViewPanel.ViewStyle-intro-national .CustomView-panel .ViewPanel.FormViewPanel .FormView-form-location .t-checkbox__label {
    color: #000
}

.ViewPanel.ViewStyle-intro-national .CustomView-panel .ViewPanel.FormViewPanel .FormView-form-location {
    color: #444;
    background: #f9eee5
}

.ViewPanel.ViewStyle-intro-national .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 3px;
    color: #fff;
    background: linear-gradient(88deg,#875a00 29.52%,#c1874a 174.39%)
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel.CustomView-panel-link-form.CustomView-panel-link-form-inner .CustomView-header {
    margin: 0;
    height: 32px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel.CustomView-panel-link-form.CustomView-panel-link-form-inner .CustomView-title {
    padding-top: 0
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel .ViewPanel.FormViewPanel {
    color: #000
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-banner-desc {
    color: #000;
    margin: 12px 12px 20px;
    text-align: left
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-bar {
    color: #727272;
    background: #f9f1e7
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #000
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel .ViewPanel.FormViewPanel .FormView-image-list,.ViewPanel.ViewStyle-intro-western .CustomView-panel .ViewPanel.FormViewPanel .FormView-checkbox-item,.ViewPanel.ViewStyle-intro-western .CustomView-panel .ViewPanel.FormViewPanel .FormView-radio-item,.ViewPanel.ViewStyle-intro-western .CustomView-panel .ViewPanel.FormViewPanel .FormView-form-location {
    color: #000;
    background: #f9f1e7
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel .ViewPanel.FormViewPanel .FormView-image-list .t-radio__label,.ViewPanel.ViewStyle-intro-western .CustomView-panel .ViewPanel.FormViewPanel .FormView-checkbox-item .t-radio__label,.ViewPanel.ViewStyle-intro-western .CustomView-panel .ViewPanel.FormViewPanel .FormView-radio-item .t-radio__label,.ViewPanel.ViewStyle-intro-western .CustomView-panel .ViewPanel.FormViewPanel .FormView-form-location .t-radio__label,.ViewPanel.ViewStyle-intro-western .CustomView-panel .ViewPanel.FormViewPanel .FormView-image-list .t-checkbox__label,.ViewPanel.ViewStyle-intro-western .CustomView-panel .ViewPanel.FormViewPanel .FormView-checkbox-item .t-checkbox__label,.ViewPanel.ViewStyle-intro-western .CustomView-panel .ViewPanel.FormViewPanel .FormView-radio-item .t-checkbox__label,.ViewPanel.ViewStyle-intro-western .CustomView-panel .ViewPanel.FormViewPanel .FormView-form-location .t-checkbox__label {
    color: #000
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel .ViewPanel.FormViewPanel .FormView-form-location {
    color: #444;
    background: #f9f1e7
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #703d00
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel.CustomView-panel-link-form.CustomView-panel-link-form-inner {
    padding: 0
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .ViewPanel.FormViewPanel {
    color: #000
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-bar {
    color: #727272;
    background: #fcccc8
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #bb2319
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .ViewPanel.FormViewPanel .t-input,.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .ViewPanel.FormViewPanel .t-textarea__inner {
    border: 1px solid #000
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .ViewPanel.FormViewPanel .FormView-form-location {
    color: #444;
    background: #fcccc8
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .ViewPanel.FormViewPanel .FormView-image-list,.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .ViewPanel.FormViewPanel .FormView-checkbox-item,.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .ViewPanel.FormViewPanel .FormView-radio-item {
    color: #000;
    background: #fde0e1
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .ViewPanel.FormViewPanel .FormView-image-list .t-radio__label,.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .ViewPanel.FormViewPanel .FormView-checkbox-item .t-radio__label,.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .ViewPanel.FormViewPanel .FormView-radio-item .t-radio__label,.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .ViewPanel.FormViewPanel .FormView-image-list .t-checkbox__label,.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .ViewPanel.FormViewPanel .FormView-checkbox-item .t-checkbox__label,.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .ViewPanel.FormViewPanel .FormView-radio-item .t-checkbox__label {
    color: #000
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #bb2319
}

.ViewPanel.ViewStyle-intro-color .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-banner-desc {
    color: #000
}

.ViewPanel.ViewTheme-intro-color-blue .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #3d82fb
}

.ViewPanel.ViewTheme-intro-color-blue .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #3d82fb
}

.ViewPanel.ViewTheme-intro-color-purple .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #824ffc
}

.ViewPanel.ViewTheme-intro-color-purple .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #824ffc
}

.ViewPanel.ViewTheme-intro-color-green .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #00e09e
}

.ViewPanel.ViewTheme-intro-color-green .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #00e09e
}

.ViewPanel.ViewTheme-intro-color-yellow .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #f80
}

.ViewPanel.ViewTheme-intro-color-yellow .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #f80
}

.ViewPanel.ViewTheme-intro-color-red .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #f21a18
}

.ViewPanel.ViewTheme-intro-color-red .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #f21a18
}

.ViewPanel.ViewTheme-intro-color-pink .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #f34694
}

.ViewPanel.ViewTheme-intro-color-pink .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #f34694
}

.ViewPanel.ViewTheme-intro-color-black .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #000
}

.ViewPanel.ViewTheme-intro-color-black .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #000
}

.ViewPanel.ViewStyle-patrol-normal .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #3d82fb
}

.ViewPanel.ViewStyle-patrol-normal .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    color: #fff;
    background: #1289ff
}

.ViewPanel.ViewStyle-patrol-advance .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-bar {
    color: #727272;
    background: #d6ebff
}

.ViewPanel.ViewStyle-patrol-advance .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #3d82fb
}

.ViewPanel.ViewStyle-patrol-advance .CustomView-panel .ViewPanel.FormViewPanel .FormView-form-location {
    color: #444;
    background: #daebf9
}

.ViewPanel.ViewStyle-patrol-advance .CustomView-panel .ViewPanel.FormViewPanel .FormView-image-list,.ViewPanel.ViewStyle-patrol-advance .CustomView-panel .ViewPanel.FormViewPanel .FormView-checkbox-item,.ViewPanel.ViewStyle-patrol-advance .CustomView-panel .ViewPanel.FormViewPanel .FormView-radio-item {
    color: #000;
    background: #daebf9
}

.ViewPanel.ViewStyle-patrol-advance .CustomView-panel .ViewPanel.FormViewPanel .FormView-image-list .t-radio__label,.ViewPanel.ViewStyle-patrol-advance .CustomView-panel .ViewPanel.FormViewPanel .FormView-checkbox-item .t-radio__label,.ViewPanel.ViewStyle-patrol-advance .CustomView-panel .ViewPanel.FormViewPanel .FormView-radio-item .t-radio__label,.ViewPanel.ViewStyle-patrol-advance .CustomView-panel .ViewPanel.FormViewPanel .FormView-image-list .t-checkbox__label,.ViewPanel.ViewStyle-patrol-advance .CustomView-panel .ViewPanel.FormViewPanel .FormView-checkbox-item .t-checkbox__label,.ViewPanel.ViewStyle-patrol-advance .CustomView-panel .ViewPanel.FormViewPanel .FormView-radio-item .t-checkbox__label {
    color: #000
}

.ViewPanel.ViewStyle-patrol-advance .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    color: #fff;
    background: #4979ff
}

.ViewPanel.ViewStyle-patrol-color .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-banner {
    display: block
}

.ViewPanel.ViewStyle-patrol-color .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-banner-desc {
    color: #000
}

.ViewPanel.ViewTheme-patrol-color-blue .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #3d82fb
}

.ViewPanel.ViewTheme-patrol-color-blue .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #3d82fb
}

.ViewPanel.ViewTheme-patrol-color-purple .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #824ffc
}

.ViewPanel.ViewTheme-patrol-color-purple .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #824ffc
}

.ViewPanel.ViewTheme-patrol-color-green .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #00e09e
}

.ViewPanel.ViewTheme-patrol-color-green .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #00e09e
}

.ViewPanel.ViewTheme-patrol-color-yellow .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #f80
}

.ViewPanel.ViewTheme-patrol-color-yellow .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #f80
}

.ViewPanel.ViewTheme-patrol-color-red .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #f21a18
}

.ViewPanel.ViewTheme-patrol-color-red .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #f21a18
}

.ViewPanel.ViewTheme-patrol-color-pink .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #f34694
}

.ViewPanel.ViewTheme-patrol-color-pink .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #f34694
}

.ViewPanel.ViewTheme-patrol-color-black .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #000
}

.ViewPanel.ViewTheme-patrol-color-black .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #000
}

.ViewPanel.ViewStyle-trace-color .CustomView-panel.CustomView-panel-link-form.CustomView-panel-link-form-inner .CustomView-header {
    margin-bottom: 0
}

.ViewPanel.ViewStyle-trace-color .CustomView-panel.CustomView-panel-link-form.CustomView-panel-link-form-inner .ViewPanel-body {
    padding: 0;
    margin: 0;
    min-height: 100px
}

.ViewPanel.ViewStyle-trace-color .CustomView-panel.CustomView-panel-link-form.CustomView-panel-link-form-inner .CustomView-title {
    color: #000;
    line-height: 1.5;
    margin-bottom: 12px
}

.ViewPanel.ViewStyle-trace-color .CustomView-panel.CustomView-panel-link-form.CustomView-panel-link-form-inner .ViewPanel-banner-desc {
    font-size: 14px
}

.ViewPanel.ViewStyle-trace-color .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-banner {
    display: block
}

.ViewPanel.ViewStyle-trace-color .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-banner-desc {
    color: #000
}

.ViewPanel.ViewTheme-trace-color-blue .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #3d82fb
}

.ViewPanel.ViewTheme-trace-color-blue .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #3d82fb
}

.ViewPanel.ViewTheme-trace-color-purple .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #824ffc
}

.ViewPanel.ViewTheme-trace-color-purple .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #824ffc
}

.ViewPanel.ViewTheme-trace-color-green .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #00e09e
}

.ViewPanel.ViewTheme-trace-color-green .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #00e09e
}

.ViewPanel.ViewTheme-trace-color-yellow .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #f80
}

.ViewPanel.ViewTheme-trace-color-yellow .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #f80
}

.ViewPanel.ViewTheme-trace-color-red .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #f21a18
}

.ViewPanel.ViewTheme-trace-color-red .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #f21a18
}

.ViewPanel.ViewTheme-trace-color-pink .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #f34694
}

.ViewPanel.ViewTheme-trace-color-pink .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #f34694
}

.ViewPanel.ViewTheme-trace-color-black .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #000
}

.ViewPanel.ViewTheme-trace-color-black .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #000
}

.ViewPanel.ViewTheme-trace-color-gray .CustomView-panel .ViewPanel.FormViewPanel .ViewPanel-notice-pin {
    fill: #004b41
}

.ViewPanel.ViewTheme-trace-color-gray .CustomView-panel .ViewPanel.FormViewPanel .FormViewPanel-submit-btn {
    border-radius: 2px;
    color: #fff;
    background: #004b41
}

.FormView-panel-form-location .FormView-form-location {
    background-color: #f4f6fe;
    color: #444;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px;
    border-radius: 4px;
    cursor: pointer
}

.FormView-panel-form-location .FormView-form-location:before {
    content: "";
    margin-right: 10px;
    width: 18px;
    height: 18px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAADkUlEQVR4AbVYu24aQRS9LHZlF6RLF+MqXTadO2PJtiihS6o4X2DzBYYvwHyBN18Q3CFAglRJZ9IjTDqXWAIUxCvnRoO0zN7ZnV2SI60WZmdmz5y5r9kUJcD5+XkOt1NcbiqVctfr9ZF6NML/Ie493B+azWadEiAVp7Mic4srZ9OfCYKwt7e396XRaAzJElakCoVCZjwe3/NPSgAmh6tkq1w6qkM+nz+azWbf8fOEkiMDxT4cHx/TYDD4FtU5HUVouVx2fDajY4Srgec/HMfhlz3j+o3rtaF/zoZY6PZdXFw8SYSwFT20l9rtdlcapxZTRp9PhqnPTGNDScGo2aDLFCRUa7VaN2SBEKVHh4eH2Xq9PpLGOabJJEJAxZYQgz0unU6fqTDhBzuOcR6R1GKxuNLbMLEHycsUEyoUFIVH1+zVZEsKBAK2gBVXyADYnssxTCkcANRlG6xpzayWSzakeGLdBlglKfgxGeUMj/jbgcJPl5eXVZJe5Die3oZ5C1ak5vO5Kwx+IJl8wIhXq9WNRIzVEmzrlGxIYUWBfcaLh3obyLOhijYBYleSvWCentZkZ1MYmBEIBFwXq35HZmQmk8mRMOaFLOAIAwME9vf3M0K/XxQCOEZgHiz4DSUhBemlgOYKL/DIAI74hqrA1eYYWpFCBO4KBAIhQqWJikCIA2YgLsFLr0izIfT9STakut0uK9XVmnOqltKJlXHjiF1TypUODg7eG1S61RswRixlxNynCHS2OkIBfqEpX4UBKl2DwJ0+H8JEVuovRnS1NVvuy/FoOp3eUkyoeFYWHhkzhENmlPQGDozSNoaBqwQK2pIHlTyKS4rVEvIV46spx+ng8kcqW8LyaCgpBhdqUtmBHHdPEUCq4bxW1tu5Vo86RISSUp7I7q0bN3ujsR5SdlQVCIVumxUpBidSko2yylWCNAZKVoVKg723RBawPvdBGTbYnPCirTBhKqNx9svanv0ildoAqy/q9qWHibAy+p8fRjeQgqpCCQcBD5XBo+BtdXhykWIg8jDqB85rw2w2+wqK6QfTE5Q3bNw5fyMri2372O/3Y2WBWEptAMW4/HWj+qFgLCb5yGFtU35g9VKY0FFJ+tUl1vZtwNuB4/cMP/PSc962uHbkRyKlGHjpnSENcRo5ox2QmBTDkIZiub+EnUj50tBfqFP0He2IRDblB8LEM+zrBYTeYts+x3X//wrTd4Ek+AOuC9ERfZNFCwAAAABJRU5ErkJggg==);
    background-size: auto 100%
}

.ComponentConfig-item-form-radio .ComponentConfig-panel-radio {
    width: 100%
}

.ComponentConfig-item-form-radio .ComponentConfig-radio-add {
    font-size: 14px;
    cursor: pointer;
    color: #1289ff;
    margin: -4px 0 12px
}

.ComponentConfig-item-form-radio .ComponentConfig-form-list {
    margin: 0;
    padding: 0;
    background-color: #fff;
    box-sizing: border-box;
    width: 100%
}

.ComponentConfig-item-form-radio .ComponentConfig-radio-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.ComponentConfig-item-form-radio .ComponentConfig-radio-item .t-form__item {
    margin: 0;
    flex: 1
}

.ComponentConfig-item-form-radio .ComponentConfig-radio-item .t-radio {
    margin-right: 12px
}

.ComponentConfig-item-form-radio .ComponentConfig-radio-item .ComponentConfig-form-drag {
    margin-left: 12px;
    margin-right: 0
}

.FormView-panel-form-radio .t-radio-group {
    width: 100%;
    gap: 0
}

.FormView-panel-form-radio .FormView-radio-item {
    padding: 12px 16px;
    border-radius: 8px;
    width: 100%;
    background-color: #f3f7fd;
    margin-bottom: 4px;
    box-sizing: border-box
}

.FormView-panel-form-radio .FormView-radio-item .t-radio {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center
}

.FormView-panel-form-radio .FormView-radio-item .t-radio>.t-radio__input {
    flex-shrink: 0
}

.FormView-panel-form-radio .FormView-radio-item .t-radio>.t-radio__label {
    white-space: normal
}

.ComponentConfig-item-form-checkbox .ComponentConfig-panel {
    width: 100%
}

.ComponentConfig-item-form-checkbox .ComponentConfig-checkbox-add {
    font-size: 14px;
    cursor: pointer;
    color: #1289ff;
    margin: -4px 0 12px
}

.ComponentConfig-item-form-checkbox .ComponentConfig-form-list {
    margin: 0;
    padding: 0;
    background-color: #fff;
    box-sizing: border-box;
    width: 100%
}

.ComponentConfig-checkbox-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    width: 230px
}

.ComponentConfig-checkbox-item .t-form__item {
    margin: 0;
    flex: 1
}

.ComponentConfig-checkbox-item .t-checkbox {
    margin-right: 12px
}

.ComponentConfig-checkbox-item .ComponentConfig-form-drag {
    margin-left: 12px;
    margin-right: 0
}

.FormView-panel-form-checkbox .t-checkbox-group {
    width: 100%;
    gap: 0
}

.FormView-panel-form-checkbox .FormView-checkbox-item {
    padding: 12px 16px;
    border-radius: 4px;
    width: 100%;
    background-color: #f3f7fd;
    margin-bottom: 8px;
    box-sizing: border-box
}

.FormView-panel-form-checkbox .FormView-checkbox-item .t-checkbox {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center
}

.FormView-panel-form-checkbox .FormView-checkbox-item .t-checkbox>.t-checkbox__input {
    flex-shrink: 0
}

.FormView-panel-form-checkbox .FormView-checkbox-item .t-checkbox>.t-checkbox__label {
    white-space: normal
}

.FormView-panel-form-image .FormView-image-list {
    padding: 10px;
    background-color: #f3f7fd;
    border-radius: 4px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 13px
}

.FormView-panel-form-image .FormView-image-item {
    width: 92px;
    height: 92px;
    background-color: #fff
}

.FormView-panel-form-image .FormView-image-item>.t-image__wrapper {
    width: 100%;
    height: 100%;
    font-size: 12px
}

.FormView-panel-form-image .FormView-image-add {
    width: 92px;
    height: 92px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #E5EAF1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.FormView-panel-form-image .FormView-image-add:after {
    content: "";
    width: 18px;
    height: 18px;
    background-size: auto 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAAtklEQVR4Ae3YsQ2DMBAF0G8UKWt4hIxANiFjUIUuZVbIJkk2yAiskQbniGhApvg6JBD6r7F1xekjLJ1lQHYiwKm8pWhLNa2/6tDA4QC/mIBrpt7AocBGKRhLwVgKxlIwloKxRkN8GMgRjAKn1OGeaXwGr7Xh3/ab6RCvZgbyvC5ftj5PkOxjLrY8+r3OGEvBWEtcrcvcQX/XwdVbv5KlYCwFYykYS8FYCsbyP0N98QnH/81TVvUDJ5UbMp988c8AAAAASUVORK5CYII=)
}

.ResItem-ban-box {
    width: 100%;
    height: 16px;
    background: #ffc9cccc;
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999
}

.ResItem-ban-box .ResItem-ban-icon {
    width: 10px;
    height: 10px;
    display: block
}

.ResItem-ban-box .ResItem-ban-text {
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    color: #e24c55;
    margin-left: 2px
}

.ComponentConfig-item-ban-box {
    width: 100%;
    margin-bottom: 8px;
    display: flex;
    align-items: center
}

.ComponentConfig-item-ban-box .ComponentConfig-item-ban-icon {
    width: 16px;
    height: 16px;
    display: block
}

.ComponentConfig-item-ban-box .ComponentConfig-item-ban-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #e24c55;
    margin-left: 8px
}

.ResItem {
    width: 203px;
    border-radius: 4px;
    box-shadow: 0 0 8px #aaaaaa40;
    overflow: hidden
}

.ResItem .ResItem-header {
    height: 280px;
    overflow: hidden;
    position: relative
}

.ResItem .ResItem-body {
    height: 70px;
    padding: 12px;
    box-sizing: border-box
}

.ResItem .ResItem-title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: flex;
    align-items: center
}

.ResItem .ResItem-label {
    font-size: 14px;
    color: #888;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ResItem .ResItem-act-preview {
    width: 300px;
    height: 600px;
    transform: scale(.67666667);
    transform-origin: top left;
    position: relative
}

.ResItem .ResItem-mask {
    position: relative
}

.ResItem .ResItem-mask:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.ResItem .ResItem-card-tag {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.ResItem.ResItem-card .ResItem-header {
    height: 124px
}

.ResItem.ResItem-card .ResItem-body {
    height: 116px
}

.ResItem .ResItem-title-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1
}

.ResItem .ResItem-row {
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center
}

.ResItem .ResItem-row-input {
    line-height: 32px
}

.ResItem .ResItem-row-label {
    color: #888;
    margin-right: 12px
}

.ResItem .ResItem-row-content {
    color: #000;
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: wrap;
    text-align: right
}

.ResItem .ResItem-row-content>span {
    color: #bbb
}

.ResItem-tdoc-info,.ResItem-applet-info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ResList .ResItem.active {
    outline: 2px solid #005CFF
}

@font-face {
    font-family: "MF JianHei (Noncommercial)";
    src: url("https://webcdn.m.qq.com/youma/web/MF JianHei (Noncommercial).ttf");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "MF LingHei (Noncommercial)";
    src: url("https://webcdn.m.qq.com/youma/web/MF LingHei (Noncommercial).ttf");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ShanghaiFace-RockGB;
    src: url(https://webcdn.m.qq.com/youma/web/ShanghaiFace-RockGB.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: MFXiHei;
    src: url(https://webcdn.m.qq.com/youma/web/MFXiHei.otf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: HYXuanSong;
    src: url(https://webcdn.m.qq.com/youma/web/HYXuanSong.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: XiQueJuZhenTiJT_std;
    src: url(https://webcdn.m.qq.com/youma/web/XiQueJuZhenTiJT_std.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: XiQueGuFengXiaoKaiTiJF_std;
    src: url(https://webcdn.m.qq.com/youma/web/XiQueGuFengXiaoKaiTiJF_std.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: MFYanSong;
    src: url(https://webcdn.m.qq.com/youma/web/MFYanSong.otf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: MFShangYaZhunSong;
    src: url(https://webcdn.m.qq.com/youma/web/MFShangYaZhunSong.otf);
    font-weight: 400;
    font-style: normal
}

.CustomView-panel {
    padding: 12px;
    background-color: #fff
}

.CustomView-panel .CustomView-header-tips {
    color: #c8c8c8;
    margin-bottom: 11px;
    font-weight: 400;
    font-size: 15px
}

.CustomView-panel .CustomView-header {
    padding: 0 9px;
    min-height: 64px;
    border-bottom: 1px solid #3D82FB
}

.CustomView-panel .CustomView-title {
    font-size: 20px;
    line-height: 1;
    color: #000;
    font-weight: 600;
    margin-bottom: 17px
}

.CustomView-panel .CustomView-desc {
    color: #888;
    margin: 12px 0
}

.CustomView-panel .CustomView-content {
    margin: 12px 0
}

.CustomView-panel .CustomView-image {
    width: 100%;
    height: auto;
    min-height: 100px
}

.CustomView-panel .CustomView-more {
    font-size: 13px;
    color: #3d82fb;
    text-align: center;
    cursor: pointer
}

.ViewPanel.ViewStyle-intro-fresh {
    background-color: #f9f8f4
}

.ViewPanel.ViewStyle-intro-fresh .ViewPanel-content-item {
    border-radius: 20px
}

.ViewPanel.ViewStyle-intro-fresh .ViewPanel-banner {
    color: #000;
    height: 132px;
    padding: 40px 24px 20px
}

.ViewPanel.ViewStyle-intro-fresh .ViewPanel-banner-title {
    height: 42px;
    font-size: 38px;
    font-weight: 600;
    line-height: 42px
}

.ViewPanel.ViewStyle-intro-fresh .ViewPanel-banner-desc {
    line-height: normal;
    margin-top: 5px;
    display: flex;
    align-items: center;
    color: #000
}

.ViewPanel.ViewStyle-intro-fresh .ViewPanel-banner-desc:before {
    content: "";
    width: 7px;
    height: 7px;
    background: #000;
    border-radius: 50%;
    margin-right: 6px;
    margin-left: 4px
}

.ViewPanel.ViewStyle-intro-fresh .CustomView-panel {
    border-radius: 20px;
    background-image: url(https://pubcdn.ym.link/youma/code_preview/v1.8.5-prod.61/assets/intro-header-tip-BAg7FdYI.png);
    background-repeat: no-repeat;
    background-size: contain
}

.ViewPanel.ViewStyle-intro-fresh .CustomView-panel .CustomView-header {
    position: relative;
    border-bottom: none;
    min-height: 0
}

.ViewPanel.ViewStyle-intro-fresh .CustomView-panel .CustomView-header-tips {
    display: none
}

.ViewPanel.ViewStyle-intro-fresh .CustomView-panel .CustomView-title {
    margin: 33px 0 0 8px
}

.ViewPanel.ViewStyle-intro-fresh .CustomView-panel .CustomView-banner,.ViewPanel.ViewStyle-intro-fresh .CustomView-panel .CustomView-content-image,.ViewPanel.ViewStyle-intro-fresh .CustomView-panel .CustomView-content-video {
    border-radius: 20px
}

.ViewPanel.ViewStyle-intro-fresh .CustomView-panel .CustomView-image {
    border-radius: 10px;
    background: #f6faf9
}

.ViewPanel.ViewStyle-intro-fresh .CustomView-panel .CustomView-more {
    margin: 5px 0 2px
}

.ViewPanel.ViewStyle-intro-fresh .CustomView-panel .CustomView-guide-panel {
    border-radius: 10px
}

.ViewPanel.ViewStyle-intro-fresh .CustomView-panel .CustomView-qrcode-wrap {
    margin-top: 31px
}

.ViewPanel.ViewStyle-intro-fresh .CustomView-panel .CustomView-scan-log-list {
    margin-top: 22px;
    padding-left: 3px;
    padding-right: 3px
}

.ViewPanel.ViewStyle-intro-drinks {
    background: url(https://webcdn.m.qq.com/youma/web/product-intro-drinks-bg-new.png) no-repeat,linear-gradient(180deg,#230a01 13.16%,#050301 64.81%);
    background-size: 100% auto
}

.ViewPanel.ViewStyle-intro-drinks .ViewPanel-header {
    background-image: none
}

.ViewPanel.ViewStyle-intro-drinks .ViewPanel-banner {
    height: 120px;
    padding: 39px 23px 0;
    box-sizing: border-box
}

.ViewPanel.ViewStyle-intro-drinks .ViewPanel-banner-title {
    height: 52px;
    font-size: 38px;
    font-weight: 400;
    line-height: normal
}

.ViewPanel.ViewStyle-intro-drinks .ViewPanel-banner-desc {
    line-height: normal;
    margin-top: 4px;
    font-family: PingFang SC;
    color: #1e0a05;
    font-size: 16px;
    font-weight: 600;
    background: linear-gradient(90deg,#c7a275,#e1c7ad);
    padding: 1px 19px 2px 15px;
    box-sizing: border-box;
    max-width: 100%;
    display: inline-block;
    background-size: 100% 100%
}

.ViewPanel.ViewStyle-intro-drinks .ViewPanel-banner-desc-empty {
    background: none
}

.ViewPanel.ViewStyle-intro-drinks .ViewPanel-content {
    margin-top: 32px
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel {
    outline: 1px solid #826348;
    background: linear-gradient(0deg,#1b0402 79.22%,#41230f 116.02%)
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .CustomView-header {
    width: 149px;
    min-height: 21px;
    padding: 0;
    border-bottom: none;
    position: relative;
    background-image: url(https://pubcdn.ym.link/youma/code_preview/v1.8.5-prod.61/assets/intro-drinks-header-BVBHzo1h.png);
    background-repeat: no-repeat;
    background-size: contain
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .CustomView-header .CustomView-header-tips {
    display: none
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel .CustomView-header .CustomView-title {
    padding-top: 14px;
    padding-left: 7px;
    color: #e1c5aa;
    font-family: PingFang SC;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 0;
    width: 320px
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-scan-status,.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-banner {
    outline: none
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-link-form:has(.CustomView-link-form-item-more) {
    background: #3a2016
}

.ViewPanel.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-image-list {
    padding: 14px 12px 20px
}

.ViewPanel.ViewStyle-intro-drinks .ViewPanel-content-item {
    margin-bottom: 12px
}

.ViewPanel.ViewStyle-intro-educate {
    background: url(https://webcdn.m.qq.com/youma/web/product-intro-educate-bg.png) #37daa3 no-repeat;
    background-size: 100% auto
}

.ViewPanel.ViewStyle-intro-educate .ViewPanel-content-item {
    margin-bottom: 0
}

.ViewPanel.ViewStyle-intro-educate .ViewPanel-banner {
    height: auto;
    padding-bottom: 0;
    padding-top: 16px
}

.ViewPanel.ViewStyle-intro-educate .ViewPanel-banner .ViewPanel-banner-title {
    height: 70px;
    color: #022202;
    font-family: MFXiHei;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.ViewPanel.ViewStyle-intro-educate .ViewPanel-banner .ViewPanel-banner-desc {
    color: #000;
    padding-left: 4px;
    line-height: normal
}

.ViewPanel.ViewStyle-intro-educate .ViewPanel-content {
    margin-top: 44px
}

.ViewPanel.ViewStyle-intro-educate .ViewPanel-header {
    background-image: none
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel {
    border-radius: 0 25px 25px;
    padding: 0
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel .CustomView-banner {
    padding: 12px;
    box-sizing: border-box;
    background: #fff
}

.ViewPanel.ViewStyle-intro-educate .CustomView-panel .CustomView-content {
    padding: 12px;
    margin: 0
}

.ViewPanel.ViewStyle-intro-educate .ViewPanel-content-wrap {
    margin-bottom: 12px;
    border-top: 0
}

.ViewPanel.ViewStyle-intro-educate .ViewPanel-content-item {
    border-radius: 0 25px 25px;
    border: 1px solid #FFF;
    background: #fff
}

.ViewPanel.ViewStyle-intro-educate .ViewPanel-content-item .CustomView-header {
    min-height: 56px;
    padding: 18px 20px;
    box-sizing: border-box;
    border-bottom: 0;
    background: linear-gradient(90deg,#ffeebc,#d3f7ff 89.17%);
    border-top-right-radius: 25px
}

.ViewPanel.ViewStyle-intro-educate .ViewPanel-content-item .CustomView-header .CustomView-header-tips {
    display: none
}

.ViewPanel.ViewStyle-intro-educate .ViewPanel-content-item .CustomView-header .CustomView-title {
    margin-bottom: 0;
    color: #262626;
    font-family: PingFang SC;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
}

.ViewPanel.ViewStyle-intro-national {
    background: url(https://webcdn.m.qq.com/youma/web/product-intro-national-bg-new.png) #e3d6a9 no-repeat;
    background-size: 100% auto
}

.ViewPanel.ViewStyle-intro-national .ViewPanel-banner {
    height: auto;
    padding: 33px 54px 0 22px;
    box-sizing: border-box
}

.ViewPanel.ViewStyle-intro-national .ViewPanel-banner .ViewPanel-banner-title {
    height: 47px;
    color: #000;
    font-family: MFYanSong;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.ViewPanel.ViewStyle-intro-national .ViewPanel-banner .ViewPanel-banner-desc {
    color: #000;
    font-family: XiQueJuZhenTiJT_std;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 12px;
    padding-left: 3px
}

.ViewPanel.ViewStyle-intro-national .ViewPanel-content {
    margin-top: 58px
}

.ViewPanel.ViewStyle-intro-national .ViewPanel-header {
    background-image: none
}

.ViewPanel.ViewStyle-intro-national .CustomView-panel {
    background: radial-gradient(circle at bottom right,transparent 15px,#FFFCF9 0) bottom right,radial-gradient(circle at bottom left,transparent 15px,#FFFCF9 0) bottom left,radial-gradient(circle at top left,transparent 15px,#FFFCF9 0) top left,radial-gradient(circle at top right,transparent 15px,#FFFCF9 0) top right;
    background-size: 55% 55%;
    background-repeat: no-repeat
}

.ViewPanel.ViewStyle-intro-national .ViewPanel-content-wrap {
    border-top: 0
}

.ViewPanel.ViewStyle-intro-national .ViewPanel-content-item .CustomView-header {
    padding: 0;
    min-height: 32px;
    border-bottom: 1px solid #6B3A0B
}

.ViewPanel.ViewStyle-intro-national .ViewPanel-content-item .CustomView-header .CustomView-header-tips {
    display: none
}

.ViewPanel.ViewStyle-intro-national .ViewPanel-content-item .CustomView-header .CustomView-title {
    display: flex;
    margin-bottom: 0;
    color: #000;
    font-family: MFShangYaZhunSong;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative
}

.ViewPanel.ViewStyle-intro-national .ViewPanel-content-item .CustomView-header .CustomView-title:before {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 50%;
    border: 1px solid #6B3A0B;
    align-self: self-end;
    margin-right: 6px;
    margin-bottom: 5px;
    flex-shrink: 0
}

.ViewPanel.ViewStyle-intro-national .ViewPanel-content-item .CustomView-header .CustomView-title:after {
    content: "Historical Treasures";
    display: block;
    color: #673100;
    text-align: right;
    font-family: XiQueGuFengXiaoKaiTiJF_std;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    opacity: .1;
    align-self: self-end;
    flex: 1;
    position: absolute;
    right: 0;
    bottom: 0
}

.ViewPanel.ViewStyle-patrol-normal .ViewPanel-header {
    background-image: none;
    height: 261px
}

.ViewPanel.ViewStyle-patrol-normal .ViewPanel-content-item {
    border-radius: 20px
}

.ViewPanel.ViewStyle-patrol-normal .ViewPanel-banner {
    height: 130px;
    padding: 31px 24px 16px 36px
}

.ViewPanel.ViewStyle-patrol-normal .ViewPanel-banner-title {
    height: 45px;
    font-size: 32px;
    font-weight: 500;
    line-height: 45px
}

.ViewPanel.ViewStyle-patrol-normal .ViewPanel-banner-desc {
    height: 26px;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-top: 3px;
    color: #fff
}

.ViewPanel.ViewStyle-patrol-normal .ViewPanel-body {
    margin-top: -173px
}

.ViewPanel.ViewStyle-patrol-normal .CustomView-panel {
    border-radius: 20px
}

.ViewPanel.ViewStyle-patrol-normal .CustomView-panel .CustomView-title {
    margin-bottom: 0
}

.ViewPanel.ViewStyle-patrol-normal .CustomView-panel .CustomView-header {
    min-height: 52px;
    height: auto;
    padding: 0 0 0 8px;
    display: flex;
    align-items: center;
    border-bottom: none
}

.ViewPanel.ViewStyle-patrol-normal .CustomView-panel .CustomView-header-tips {
    display: none
}

.ViewPanel.ViewStyle-patrol-advance {
    background-color: #1c264a
}

.ViewPanel.ViewStyle-patrol-advance .ViewPanel-header {
    height: 300px;
    background-image: none
}

.ViewPanel.ViewStyle-patrol-advance .ViewPanel-body {
    margin-top: -145px
}

.ViewPanel.ViewStyle-patrol-advance .ViewPanel-banner {
    display: none
}

.ViewPanel.ViewStyle-patrol-advance .CustomView-panel-link-form-inner .ViewPanel-banner {
    display: block
}

.ViewPanel.ViewStyle-patrol-advance .CustomView-title {
    margin-bottom: 0
}

.ViewPanel.ViewStyle-patrol-advance .CustomView-panel {
    border-top-width: 6px;
    border-top-style: solid;
    border-image: linear-gradient(to right,#497aff,#2b4899);
    border-image-slice: 1;
    background-color: #f4f9ff
}

.ViewPanel.ViewStyle-patrol-advance .CustomView-panel .CustomView-header {
    min-height: 52px;
    height: auto;
    padding: 0 0 0 8px;
    display: flex;
    align-items: center;
    border-bottom: none
}

.ViewPanel.ViewStyle-patrol-advance .CustomView-panel .CustomView-header-tips {
    display: none
}

.ViewPanel.ViewStyle-patrol-color .ViewPanel-header {
    height: 300px;
    background-image: none
}

.ViewPanel.ViewStyle-patrol-color .ViewPanel-content-item {
    border-radius: 20px
}

.ViewPanel.ViewStyle-patrol-color .ViewPanel-body {
    margin-top: -192px
}

.ViewPanel.ViewStyle-patrol-color .ViewPanel-banner {
    display: none
}

.ViewPanel.ViewStyle-patrol-color .CustomView-title {
    margin-bottom: 0
}

.ViewPanel.ViewStyle-patrol-color .CustomView-panel {
    border-radius: 20px
}

.ViewPanel.ViewStyle-patrol-color .CustomView-panel .CustomView-header {
    min-height: 0;
    height: 52px;
    padding: 0 0 0 8px;
    display: flex;
    align-items: center
}

.ViewPanel.ViewStyle-patrol-color .CustomView-panel .CustomView-header-tips {
    display: none
}

.ViewPanel.ViewStyle-trace-color {
    background-color: #f6f9ff;
    padding-bottom: 12px
}

.ViewPanel.ViewStyle-trace-color .ViewPanel-header {
    background-image: none
}

.ViewPanel.ViewStyle-trace-color .ViewPanel-body {
    margin: -131px 12px 0;
    min-height: 600px
}

.ViewPanel.ViewStyle-trace-color .ViewPanel-banner {
    color: #fff;
    padding: 34px 90px 22px 22px;
    background-image: url(https://pubcdn.ym.link/youma/code_preview/v1.8.5-prod.61/assets/trace-content-bg-ChLik-EJ.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 191px
}

.ViewPanel.ViewStyle-trace-color .ViewPanel-banner .ViewPanel-banner-title {
    font-size: 24px;
    height: 24px;
    line-height: 1;
    font-weight: 600
}

.ViewPanel.ViewStyle-trace-color .ViewPanel-banner .ViewPanel-banner-desc {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 3px;
    margin-top: 8px;
    color: #fff
}

.ViewPanel.ViewStyle-trace-color .ViewPanel-action-bar {
    right: -87px
}

.ViewPanel.ViewStyle-trace-color .ViewPanel-content {
    margin-top: -83px
}

.ViewPanel.ViewStyle-trace-color .CustomView-panel .CustomView-title {
    color: #000!important
}

.ViewPanel.ViewStyle-trace-color .CustomView-panel .CustomView-header {
    min-height: 0;
    height: auto;
    padding: 0 0 0 8px;
    display: flex;
    align-items: center;
    border-bottom: none
}

.ViewPanel.ViewStyle-trace-color .CustomView-panel .CustomView-header-tips {
    display: none
}

.ViewPanel.ViewStyle-intro-western {
    background-color: #f9f8f4
}

.ViewPanel.ViewStyle-intro-western .ViewPanel-header {
    height: 685px
}

.ViewPanel.ViewStyle-intro-western .ViewPanel-body {
    margin-top: -600px
}

.ViewPanel.ViewStyle-intro-western .ViewPanel-banner {
    color: #000;
    height: 152px;
    padding: 36px 24px 73px
}

.ViewPanel.ViewStyle-intro-western .ViewPanel-banner-title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 53px;
    color: #fff;
    text-align: center;
    font-family: "MF JianHei (Noncommercial)";
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.ViewPanel.ViewStyle-intro-western .ViewPanel-banner-desc {
    margin-top: 6px;
    color: #fff;
    text-align: center;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.ViewPanel.ViewStyle-intro-western .ViewPanel-banner-desc:before {
    content: "";
    width: 7px;
    height: 7px;
    background: #000;
    border-radius: 50%;
    margin-right: 6px;
    margin-left: 4px
}

.ViewPanel.ViewStyle-intro-western .ViewPanel-content {
    background-image: linear-gradient(to bottom,transparent 300px,#000000 300px)
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel {
    padding: 0
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel .CustomView-header {
    height: 43px;
    background-image: url(https://pubcdn.ym.link/youma/code_preview/v1.8.5-prod.61/assets/western-header-tip-bg-CgI4sLJN.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    border-bottom: none;
    min-height: 0
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel .CustomView-header-tips {
    display: none
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel .CustomView-title {
    padding-top: 11px;
    padding-left: 3px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-info-list {
    padding: 12px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-info-list .CustomView-content-item:not(:last-of-type) {
    border-bottom: 1px solid #000
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-info-list .CustomView-content-item:has(+.CustomView-content-item-nopadding) {
    border-bottom: 0
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-info-list .LocationStyle-style_style2 {
    border: 1px solid #000
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-info-list .LocationStyle-style_style1 {
    background: transparent
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-link-act .CustomView-content {
    margin: 0;
    padding: 16px 16px 21px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-link-form .CustomView-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    margin: 0
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-link-form .CustomView-link-form-item {
    box-sizing: border-box;
    padding: 16px 16px 16px 24px;
    background-color: #f5f5f5
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-link-form .CustomView-link-form-item .CustomView-link-form-title {
    color: #262626
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-link-form .CustomView-link-form-item .CustomView-link-form-btn {
    border-radius: 2px;
    background: #703d00;
    color: #fff;
    text-align: center;
    font-feature-settings: "liga" off,"clig" off;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-wx-qrcode .CustomView-content {
    margin: 0;
    padding: 16px 16px 3px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-wx-qrcode .CustomView-content .CustomView-content-item .CustomView-content-value {
    color: #000
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-wx-qrcode .CustomView-content .CustomView-content-item .CustomView-qrcode-desc {
    color: #a0aaad;
    font-size: 16px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-action-status .CustomView-content {
    margin: 0;
    padding: 4px 16px 21px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-action-status .CustomView-time {
    margin-top: 14px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 20px;
    gap: 10px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-action-status .CustomView-time-desc {
    color: #000;
    text-align: right;
    font-size: 14px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-action-status .CustomView-time-update-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-action-status .CustomView-time-update-btn-icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-action-status .CustomView-time-update-btn-text {
    color: #000;
    font-size: 13px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-action-log .CustomView-action-log-list {
    margin: 27px 16px 22px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-action-log .CustomView-action-log-more {
    padding-bottom: 16px;
    color: #000;
    font-size: 13px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-scan-log .CustomView-scan-log-list {
    margin: 0;
    padding: 19px 16px 16px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-image-list .CustomView-content {
    margin: 0;
    padding: 17px 12px 21px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-image-list .CustomView-more {
    padding-bottom: 20px;
    margin-bottom: 0
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-file-list .CustomView-content {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 0;
    padding: 15px 19px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-file-list .CustomView-file-item {
    box-sizing: border-box;
    height: 52px;
    margin: 0;
    background-color: #412400;
    color: #fff;
    position: relative
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-file-list .CustomView-file-item .CustomView-file-pdf {
    background-image: url(https://webcdn.m.qq.com/youma/mp/icons/pdf-file-icon-long.png)
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-file-list .CustomView-file-item .CustomView-file-png,.ViewPanel.ViewStyle-intro-western .CustomView-panel-file-list .CustomView-file-item .CustomView-file-jpg,.ViewPanel.ViewStyle-intro-western .CustomView-panel-file-list .CustomView-file-item .CustomView-file-jpeg {
    background-image: url(https://webcdn.m.qq.com/youma/mp/icons/image-file-icon-long.png)
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-file-list .CustomView-file-item .CustomView-file-mp4,.ViewPanel.ViewStyle-intro-western .CustomView-panel-file-list .CustomView-file-item .CustomView-file-3gp {
    background-image: url(https://webcdn.m.qq.com/youma/mp/icons/video-file-icon-long.png)
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-file-list .CustomView-file-item .CustomView-file-mp3,.ViewPanel.ViewStyle-intro-western .CustomView-panel-file-list .CustomView-file-item .CustomView-file-m4a,.ViewPanel.ViewStyle-intro-western .CustomView-panel-file-list .CustomView-file-item .CustomView-file-wav,.ViewPanel.ViewStyle-intro-western .CustomView-panel-file-list .CustomView-file-item .CustomView-file-aac {
    background-image: url(https://webcdn.m.qq.com/youma/mp/icons/music-file-icon-long.png)
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-file-list .CustomView-file-item .CustomView-file-doc,.ViewPanel.ViewStyle-intro-western .CustomView-panel-file-list .CustomView-file-item .CustomView-file-docx {
    background-image: url(https://webcdn.m.qq.com/youma/mp/icons/word-file-icon-long.png)
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-file-list .CustomView-file-item .CustomView-file-ppt,.ViewPanel.ViewStyle-intro-western .CustomView-panel-file-list .CustomView-file-item .CustomView-file-pptx {
    background-image: url(https://webcdn.m.qq.com/youma/mp/icons/ppt-file-icon-long.png)
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-file-list .CustomView-file-item .CustomView-file-xls,.ViewPanel.ViewStyle-intro-western .CustomView-panel-file-list .CustomView-file-item .CustomView-file-xlsx {
    background-image: url(https://webcdn.m.qq.com/youma/mp/icons/excel-file-icon-long.png)
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-file-list .CustomView-more {
    padding-bottom: 20px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-link-card .CustomView-content {
    margin: 0;
    padding: 16px 16px 21px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-wifi {
    padding: 26px 20px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-wifi .CustomView-logo {
    background-color: #000
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-wifi .CustomView-copy>div {
    color: #000
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-wifi .CustomView-Btn {
    background: #703d00;
    margin-bottom: 0;
    border: none
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-appointment-notify {
    padding-bottom: 20px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-appointment-notify .CustomView-Content {
    margin: 18px 11px 0 12px;
    border-radius: 3px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-appointment-notify .CustomView-Content .CustomView-notify-icon svg {
    border-top-right-radius: 3px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-appointment-notify .CustomView-Content .CustomView-Btn {
    background: #703d00
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-directory {
    padding: 0 0 16px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list {
    margin-top: 0;
    padding: 18px 11px 0 12px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list .CustomView-directory-item {
    background: #f5f5f5;
    border-radius: 3px
}

.ViewPanel.ViewStyle-intro-western .CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid {
    margin-top: 0;
    padding: 15px 11px 0 12px;
    box-sizing: border-box
}

.ViewPanel.ViewStyle-intro-fastfood {
    background-color: #f9f8f4
}

.ViewPanel.ViewStyle-intro-fastfood .ViewPanel-header {
    height: 398px;
    background-color: #fff0f0
}

.ViewPanel.ViewStyle-intro-fastfood .ViewPanel-body {
    margin-top: -340px
}

.ViewPanel.ViewStyle-intro-fastfood .ViewPanel-banner {
    color: #000;
    height: 152px;
    padding: 36px 24px 73px
}

.ViewPanel.ViewStyle-intro-fastfood .ViewPanel-banner-title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 41px;
    color: #000;
    text-align: center;
    font-family: "MF LingHei (Noncommercial)";
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.ViewPanel.ViewStyle-intro-fastfood .ViewPanel-banner-desc {
    margin-top: 6px;
    color: #fff;
    text-align: center;
    -webkit-text-stroke-color: #CD0000;
    -webkit-text-stroke-width: 5px;
    font-family: ShanghaiFace-RockGB;
    font-size: 50px;
    font-style: normal;
    font-weight: 900;
    line-height: normal
}

.ViewPanel.ViewStyle-intro-fastfood .ViewPanel-banner-desc:before {
    content: "";
    width: 7px;
    height: 7px;
    background: #000;
    border-radius: 50%;
    margin-right: 6px;
    margin-left: 4px
}

.ViewPanel.ViewStyle-intro-fastfood .ViewPanel-content {
    background-image: linear-gradient(to bottom,transparent 180px,#BC2419 180px)
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel {
    padding: 20px;
    border: 5px solid #000;
    background: #fff0f0
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .CustomView-header {
    padding: 0;
    border-bottom: 0px;
    min-height: 0px
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .CustomView-header .CustomView-header-tips {
    display: none
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .CustomView-header .CustomView-title {
    color: #262626;
    font-family: PingFang SC;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .CustomView-desc {
    color: #888;
    margin: 12px 0
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .CustomView-content {
    margin: 0
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel .CustomView-more {
    margin: 22px 0 4px;
    font-size: 13px;
    color: #bb2319;
    text-align: center;
    cursor: pointer
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-info-list {
    padding: 0 0 20px
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-info-list .CustomView-mtitle {
    display: flex;
    justify-content: flex-start;
    color: #000;
    font-family: PingFang SC;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin: 30px 20px 27px
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-info-list .CustomView-content {
    margin: 0 20px
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-info-list .CustomView-content-item:not(:last-of-type) {
    border-bottom: 1px solid #000
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-info-list .CustomView-content-item:has(+.CustomView-content-item-nopadding) {
    border-bottom: 0
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-info-list .LocationStyle-style_style2 {
    border: 1px solid #000
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-info-list .LocationStyle-style_style1 {
    background-color: transparent
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-file-list .CustomView-file-item {
    box-sizing: border-box;
    height: 52px;
    background: #bb2319;
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    position: relative
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-file-list .CustomView-file-item .CustomView-file-pdf {
    background-image: url(https://webcdn.m.qq.com/youma/mp/icons/pdf-file-icon-long.png)
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-file-list .CustomView-file-item .CustomView-file-png,.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-file-list .CustomView-file-item .CustomView-file-jpg,.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-file-list .CustomView-file-item .CustomView-file-jpeg {
    background-image: url(https://webcdn.m.qq.com/youma/mp/icons/image-file-icon-long.png)
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-file-list .CustomView-file-item .CustomView-file-mp4,.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-file-list .CustomView-file-item .CustomView-file-3gp {
    background-image: url(https://webcdn.m.qq.com/youma/mp/icons/video-file-icon-long.png)
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-file-list .CustomView-file-item .CustomView-file-mp3,.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-file-list .CustomView-file-item .CustomView-file-m4a,.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-file-list .CustomView-file-item .CustomView-file-wav,.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-file-list .CustomView-file-item .CustomView-file-aac {
    background-image: url(https://webcdn.m.qq.com/youma/mp/icons/music-file-icon-long.png)
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-file-list .CustomView-file-item .CustomView-file-doc,.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-file-list .CustomView-file-item .CustomView-file-docx {
    background-image: url(https://webcdn.m.qq.com/youma/mp/icons/word-file-icon-long.png)
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-file-list .CustomView-file-item .CustomView-file-ppt,.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-file-list .CustomView-file-item .CustomView-file-pptx {
    background-image: url(https://webcdn.m.qq.com/youma/mp/icons/ppt-file-icon-long.png)
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-file-list .CustomView-file-item .CustomView-file-xls,.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-file-list .CustomView-file-item .CustomView-file-xlsx {
    background-image: url(https://webcdn.m.qq.com/youma/mp/icons/excel-file-icon-long.png)
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-banner {
    padding: 0
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-link-form {
    padding: 0 16px
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-link-form .CustomView-link-form-title {
    color: #000
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-link-form .CustomView-link-form-btn {
    background: #bb2319
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-link-form.multiply {
    padding: 16px 12px
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-link-form.multiply .CustomView-content {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-link-form.multiply .CustomView-content .CustomView-link-form-item {
    border: 5px solid #000;
    background: #fff0f0;
    padding: 10px
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-link-form.multiply .CustomView-content .CustomView-link-form-item .CustomView-link-form-title {
    color: #000
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-link-form.multiply .CustomView-content .CustomView-link-form-item .CustomView-link-form-btn {
    background: #bb2319
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-wx-qrcode .CustomView-content .CustomView-content-value {
    color: #000;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-wx-qrcode .CustomView-content .CustomView-image {
    border: 6px solid #BB2319
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-wifi .CustomView-logo {
    background: #bb2319
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-wifi .CustomView-copy div {
    color: #bb2319
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-wifi .CustomView-Btn {
    border-radius: 2px;
    background: #bb2319;
    border: none
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-action-log .CustomView-action-log-list .CustomView-action-log-item:before {
    background-color: transparent
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-action-log .CustomView-action-log-more {
    color: #bb2319
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-action-status .CustomView-header-box {
    display: flex;
    align-items: center
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-action-status .CustomView-header-box .CustomView-title,.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-action-status .CustomView-header-box .CustomView-desc {
    margin: 0
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-action-status .CustomView-header-box .CustomView-update-btn-text {
    color: #bb2319
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-scan-status {
    padding: 0;
    border: 0px;
    background: #fff
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-scan-log {
    padding: 21px 20px 16px
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-appointment-notify {
    padding: 0
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-appointment-notify .CustomView-header {
    padding-top: 16px;
    padding-left: 15px
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-appointment-notify .CustomView-Content {
    margin: 20px 6px 16px 7px;
    border-radius: 3px
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-appointment-notify .CustomView-Content .CustomView-notify-icon svg {
    border-top-right-radius: 3px
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-appointment-notify .CustomView-Content .CustomView-Btn {
    background: #bb2319
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-directory {
    padding: 16px 6px 15px 7px
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-directory .CustomView-header {
    padding: 0 8px
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list {
    margin-top: 20px
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list .CustomView-directory-item {
    background: #fde0e1;
    border-radius: 3px
}

.ViewPanel.ViewStyle-intro-fastfood .CustomView-panel-directory .CustomView-more {
    margin-top: 15px;
    margin-bottom: 0
}

.ResPanel {
    height: 100%;
    display: flex;
    flex-direction: column
}

.ResPanel .ResPanel-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.ResPanel .ResPanel-search {
    width: 225px
}

.ResPanel .ResPanel-action-bar {
    width: 645px
}

.ResPanel .ResPanel-action-list {
    background-color: #f8f8f8;
    display: inline-flex;
    color: #444;
    font-size: 14px;
    padding: 6px;
    border-radius: 4px;
    box-sizing: border-box;
    height: 40px
}

.ResPanel .ResPanel-action-item {
    display: flex;
    min-width: 84px;
    padding: 4px 14px;
    line-height: 20px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.ResPanel .ResPanel-action-item.active {
    border-radius: 4px;
    background: #d0e1ff;
    color: #005cff
}

.ResPanel .ResPanel-content {
    flex: 1;
    overflow: auto;
    padding: 20px 0 20px 20px;
    scrollbar-width: thin;
    display: flex;
    flex-direction: column
}

.ResPanel .ResList-header {
    margin-bottom: 20px
}

.ResPanel .ResList-wrap {
    flex: 1;
    scrollbar-width: thin;
    display: flex;
    flex-direction: column
}

.ResPanel .ResList {
    display: flex;
    gap: 20px;
    flex-wrap: wrap
}

.ResPanel .ResPanel-footer {
    height: 80px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: left;
    border-top: 1px solid #E5EEFF;
    padding: 20px
}

.ResPanel .ResPanel-footer .ResPanel-btn-cancel,.ResPanel .ResPanel-footer .ResPanel-btn-ok {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    line-height: 20px;
    width: 162px;
    height: 40px;
    box-sizing: border-box;
    padding: 6px 16px;
    border-radius: 4px;
    background: linear-gradient(134deg,#4184ff -14.74%,#0961ff 101.86%)
}

.ResPanel .ResPanel-footer .ResPanel-btn-cancel[disabled],.ResPanel .ResPanel-footer .ResPanel-btn-ok[disabled] {
    background: linear-gradient(134deg,#4184ff80 -14.74%,#0961ff80 101.86%)
}

.ResPanel .ResPanel-footer .ResPanel-btn-cancel {
    margin-left: 12px;
    background: #eee;
    color: #000
}

.ResPanel-dialog .t-dialog__header {
    margin-right: 15px;
    margin-left: 5px
}

.ResPanel-dialog .t-dialog {
    padding: 20px 5px 0 15px
}

.ResPanel-dialog .t-dialog__body {
    padding: 15px 0 0
}

.ResPanel-dialog-full .t-dialog {
    padding: 0;
    border: 0;
    border-radius: 0
}

.ResPanel-dialog-full .t-dialog__body {
    padding: 0
}

.ResApplet {
    width: 400px;
    margin: 5px
}

.ResApplet .ResApplet-row {
    margin-bottom: 20px;
    display: flex;
    align-items: center
}

.ResApplet .ResApplet-label {
    width: 100px
}

.ResApplet .ResApplet-label-required:before {
    display: inline-block;
    margin-right: var(--td-comp-margin-xs);
    color: var(--td-error-color);
    line-height: var(--td-line-height-body-medium);
    content: "*"
}

.ResTDoc {
    width: 800px;
    margin: 5px
}

.ResItem-create {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer
}

.ResItem-create-icon {
    width: 25px;
    height: 24px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAwCAYAAAC4wJK5AAAACXBIWXMAABYlAAAWJQFJUiTwAAABaWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QcXKWq8MSlPPgAAAJxJREFUeAHt2MEJhDAURdGXYfqaqcNm1GasQyuLgiCKupBEeYZ7Fi78ELwLha8EZBN0hyo207U+mbbqQqOMPioAES6IcEGECyJcEOGCCBdEuCgiYr8UzQtN6qk/Rf1PZv00G5RqtVgdRUS9QReWZ+edcEGEiyIivgf3WqV64hO7OfIO/Dy7jggXRLggwgURLohwQYQLIlwUEQFkNAIOlRbUdXk4LQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: 12px
}

.ResItem-create-title {
    font-size: 16px;
    color: #000
}

.ResGuide {
    width: 100%;
    background-color: #f9f9fb;
    border-radius: 4px;
    margin-top: 8px
}

.ResGuide.ResGuide-white {
    background-color: #fff
}

.ResGuide .ResGuide-content {
    padding: 16px
}

.ResGuide .ResGuide-header {
    display: flex;
    margin-bottom: 12px
}

.ResGuide .ResGuide-title {
    flex: 1
}

.ResGuide .ResGuide-btn {
    color: #005cff;
    margin-left: 12px;
    cursor: pointer
}

.ResDrawer-label {
    font-size: 14px;
    color: #888;
    font-weight: 400
}

.ResDrawer .t-drawer__body {
    padding: 0
}

.CustomView-panel.CustomView-panel-banner {
    position: relative;
    padding: 0
}

.CustomView-panel.CustomView-panel-banner .CustomView-content {
    margin: 0
}

.CustomView-panel.CustomView-panel-banner .CustomView-banner-content {
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #000;
    z-index: 10
}

.CustomView-panel.CustomView-panel-banner .CustomView-banner-title1 {
    font-size: 18px;
    font-weight: 500
}

.CustomView-panel.CustomView-panel-banner .CustomView-banner-image {
    height: 100px
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-banner .CustomView-guide-panel,.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-banner .CustomView-banner-image,.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-banner .CustomView-guide-panel,.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-banner .CustomView-banner-image {
    border-radius: 20px
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-banner {
    border: none
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-banner .CustomView-guide-panel,.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-banner .CustomView-banner-image {
    border-radius: 20px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-banner .CustomView-content {
    padding: 0
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-banner .CustomView-content .CustomView-banner-image {
    border-radius: 0;
    margin: -1px
}

.CustomView-panel.CustomView-panel-link-form {
    padding: 0
}

.CustomView-panel.CustomView-panel-link-form .CustomView-content {
    margin: 0
}

.CustomView-panel.CustomView-panel-link-form.CustomView-panel-link-form-inner .CustomView-header {
    margin: 0 12px 12px;
    padding-top: 16px
}

.CustomView-panel.CustomView-panel-link-form.CustomView-panel-link-form-inner .CustomView-content {
    padding: 0!important
}

.CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item {
    height: 80px;
    display: flex;
    align-items: center;
    padding: 4px 3px 4px 12px;
    border-bottom: 1px solid #EEF0F4
}

.CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item:last-child {
    border-bottom: 0
}

.CustomView-panel.CustomView-panel-link-form .CustomView-link-form-text {
    flex: 1;
    overflow: hidden;
    margin-right: 5px
}

.CustomView-panel.CustomView-panel-link-form .CustomView-link-form-title {
    font-size: 18px;
    color: #3d82fb;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.CustomView-panel.CustomView-panel-link-form .CustomView-link-form-desc {
    font-size: 16px;
    color: #888;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.CustomView-panel.CustomView-panel-link-form .CustomView-link-form-btn {
    font-weight: 600;
    color: #fff;
    display: flex;
    width: 88px;
    height: 32px;
    min-width: 88px;
    padding: 5px;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    background-color: #3d82fb
}

.CustomView-panel.CustomView-panel-link-form .CustomView-link-form-btn>span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-link-form:not(.CustomView-panel-link-form-inner) {
    background-image: none
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-link-form .CustomView-content {
    padding: 12px
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more {
    display: flex;
    height: 80px;
    padding: 16px 10px 16px 14px;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    border-radius: 16px;
    background: #fffbe4;
    margin-bottom: 12px;
    border-bottom: none;
    box-sizing: border-box
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more:last-child {
    margin-bottom: 0
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-btn {
    border-radius: 38px;
    background-color: #f1a82e;
    color: #000
}

.ViewStyle-intro-color .CustomView-panel.CustomView-panel-link-form .CustomView-content {
    padding: 12px
}

.ViewStyle-intro-color .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more {
    margin-bottom: 12px;
    background-color: #f5f5f5;
    border-bottom: none;
    padding: 16px 10px 16px 14px;
    box-sizing: border-box
}

.ViewStyle-intro-color .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more:last-child {
    margin-bottom: 0
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-btn {
    background-color: #3f87ff;
    border-radius: 100px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more {
    display: flex;
    height: 80px;
    padding: 16px 10px 16px 14px;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    border-radius: 16px;
    background: #e7f0ff;
    margin-bottom: 12px;
    border-bottom: none;
    box-sizing: border-box
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more:last-child {
    margin-bottom: 0
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-link-form .CustomView-content,.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-link-form .CustomView-content {
    padding: 12px
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more {
    margin-bottom: 12px;
    background-color: #fff;
    border-bottom: none;
    border-radius: 2px;
    border-left: 6px solid #5478F8;
    padding: 4px 10px 4px 12px
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more:last-child {
    margin-bottom: 0
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-link-form .CustomView-header {
    border-bottom: none;
    height: auto
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-btn {
    border-radius: 100px
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more {
    display: flex;
    height: 80px;
    padding: 16px 10px 16px 14px;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    border-radius: 16px;
    background: #e7f0ff;
    margin-bottom: 12px;
    border-bottom: none;
    box-sizing: border-box
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more:last-child {
    margin-bottom: 0
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-link-form .CustomView-content {
    padding: 12px
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more {
    display: flex;
    height: 80px;
    padding: 16px 10px 16px 14px;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    border-radius: 16px;
    background: #f5f5f5;
    margin-bottom: 12px;
    border-bottom: none;
    box-sizing: border-box
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more .CustomView-link-form-btn {
    background-color: #000
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more:last-child {
    margin-bottom: 0
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-link-form .CustomView-content {
    padding: 12px
}

.ViewTheme-patrol-color-blue .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more {
    background-color: #e7f0ff
}

.ViewTheme-patrol-color-blue .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more .CustomView-link-form-btn {
    background-color: #3f87ff
}

.ViewTheme-patrol-color-purple .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more {
    background-color: #774cf21a
}

.ViewTheme-patrol-color-purple .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more .CustomView-link-form-btn {
    background-color: #7a50f3
}

.ViewTheme-patrol-color-green .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more {
    background-color: #ecfdff
}

.ViewTheme-patrol-color-green .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more .CustomView-link-form-btn {
    background-color: #13c8e3
}

.ViewTheme-patrol-color-yellow .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more {
    background-color: #fff2e3
}

.ViewTheme-patrol-color-yellow .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more .CustomView-link-form-btn {
    background-color: #f29c33
}

.ViewTheme-patrol-color-red .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more {
    background-color: #f9efee
}

.ViewTheme-patrol-color-red .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more .CustomView-link-form-btn {
    background-color: #b7544e
}

.ViewTheme-patrol-color-pink .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more {
    background-color: #ffe9f1
}

.ViewTheme-patrol-color-pink .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more .CustomView-link-form-btn {
    background-color: #e66495
}

.ViewTheme-patrol-color-black .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more {
    background-color: #f3f3f3
}

.ViewTheme-patrol-color-black .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more .CustomView-link-form-btn {
    background-color: #232323
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-link-form .CustomView-content {
    padding: 16px 12px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item {
    height: 100%;
    padding: 0 3px 0 12px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item .CustomView-link-form-title {
    color: #e1c5aa;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item .CustomView-link-form-desc {
    color: #888;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more {
    display: flex;
    padding: 16px 10px 16px 14px;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    background: linear-gradient(0deg,#1b0402 79.22%,#41230f 116.02%);
    margin-bottom: 12px;
    border: 1px solid #826348;
    box-sizing: border-box
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more:last-child {
    margin-bottom: 0
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-btn {
    color: #000;
    background: linear-gradient(90deg,#c7a275,#e1c7ad);
    font-size: 16px;
    font-weight: 600;
    border-radius: 0
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-link-form-inner {
    padding-top: 12px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-link-form .CustomView-content {
    padding: 16px 12px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item {
    height: 100%;
    padding: 0 3px 0 12px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item .CustomView-link-form-title {
    color: #3d0d06;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item .CustomView-link-form-desc {
    color: #888;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item .CustomView-link-form-btn {
    background-color: #00ec94
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more {
    display: flex;
    padding: 16px 10px 16px 14px;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    background: linear-gradient(90deg,#ffe7fe,#d9f2fc);
    border-radius: 0 10px 10px;
    margin-bottom: 12px;
    box-sizing: border-box
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more:last-child {
    margin-bottom: 0
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-link-form .CustomView-content {
    padding: 16px 12px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item {
    padding: 0 3px 0 12px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item .CustomView-link-form-title {
    color: #000;
    font-family: HYXuanSong;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item .CustomView-link-form-desc {
    color: #888;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item .CustomView-link-form-btn {
    background: linear-gradient(88deg,#875a00 29.52%,#c1874a 174.39%);
    border-radius: 3px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more {
    border-radius: 3px;
    background: #e3d6a9;
    margin-bottom: 12px;
    display: flex;
    padding: 16px 10px 16px 14px;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    box-sizing: border-box
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more .CustomView-link-form-title {
    font-family: PingFang SC;
    color: #3d0d06
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more:first-child {
    margin-top: 20px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-link-form .CustomView-link-form-item-more:last-child {
    margin-bottom: 20px
}

.CustomView-panel.CustomView-panel-link-card {
    padding: 16px 13px 7px 12px
}

.CustomView-panel.CustomView-panel-link-card .CustomView-image {
    height: 100px
}

.CustomView-panel.CustomView-panel-link-card .CustomView-link-card-btn {
    margin-top: 12px;
    font-weight: 600;
    color: #fff;
    display: flex;
    width: 100%;
    height: 40px;
    padding: 5px;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    background-color: #3d82fb;
    box-sizing: border-box
}

.CustomView-panel.CustomView-panel-link-card .CustomView-link-card-btn>span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-link-card .CustomView-content {
    margin: 23px 0 15px;
    padding: 0 3px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-link-card .CustomView-header {
    border-bottom: none
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-link-card .CustomView-image {
    border-radius: 6px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-link-card .CustomView-content {
    margin-top: 0
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-link-card .CustomView-image {
    border-radius: 6px
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-link-card .CustomView-content {
    margin-top: 0
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-link-card .CustomView-header {
    border-bottom: none
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-link-card .CustomView-image {
    border-radius: 6px
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-link-card .CustomView-content,.ViewStyle-trace-color .CustomView-panel.CustomView-panel-link-card .CustomView-content {
    margin-top: 0
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-link-card .CustomView-content {
    margin: 23px 0 15px;
    padding: 0 3px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-link-card .CustomView-content {
    padding: 16px 16px 22px 17px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-link-card {
    padding: 19px 14px 22px 13px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-link-card .CustomView-content {
    margin: 0;
    padding-top: 20px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-link-card .CustomView-content .CustomView-image {
    border-radius: 3px
}

.CustomView-panel.CustomView-panel-link-act {
    padding: 16px 13px 7px 12px
}

.CustomView-panel.CustomView-panel-link-act .CustomView-image {
    height: 100px
}

.CustomView-panel.CustomView-panel-link-act .CustomView-link-act-btn {
    margin-top: 12px;
    font-weight: 600;
    color: #fff;
    display: flex;
    width: 100%;
    height: 40px;
    padding: 5px;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    background-color: #3d82fb;
    box-sizing: border-box
}

.CustomView-panel.CustomView-panel-link-act .CustomView-link-act-btn>span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-link-act .CustomView-content {
    margin: 23px 0 15px;
    padding: 0 3px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-link-act .CustomView-header {
    border-bottom: none
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-link-act .CustomView-image {
    border-radius: 6px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-link-act .CustomView-content {
    margin-top: 0
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-link-act .CustomView-image {
    border-radius: 6px
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-link-act .CustomView-content {
    margin-top: 0
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-link-act .CustomView-header {
    border-bottom: none
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-link-act .CustomView-image {
    border-radius: 6px
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-link-act .CustomView-content,.ViewStyle-trace-color .CustomView-panel.CustomView-panel-link-act .CustomView-content {
    margin-top: 0
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-link-act .CustomView-content {
    margin: 23px 0 15px;
    padding: 0 3px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-link-act .CustomView-content {
    padding: 16px 16px 22px 17px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-link-act {
    padding: 19px 14px 22px 13px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-link-act .CustomView-content {
    margin: 0;
    padding-top: 20px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-link-act .CustomView-content .CustomView-image {
    border-radius: 3px
}

.ComponentConfig-item-wx-qrcode .ComponentConfig-form-list .ComponentConfig-form-delete[disabled] {
    opacity: .5
}

.ComponentConfig-item-wx-qrcode .ComponentConfig-footer {
    display: flex;
    align-items: center
}

.ComponentConfig-item-wx-qrcode .ComponentConfig-footer .ComponentConfig-tips {
    font-size: 12px;
    margin-left: 10px;
    opacity: 0
}

.ComponentConfig-item-wx-qrcode .ComponentConfig-footer .ComponentConfig-tips[disabled] {
    opacity: .5
}

.CustomView-panel.CustomView-panel-wx-qrcode {
    padding: 16px 13px 7px 12px
}

.CustomView-panel.CustomView-panel-wx-qrcode .CustomView-header {
    min-height: 64px
}

.CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content {
    padding-top: 5px;
    margin: 12px 0
}

.CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content-item {
    display: grid;
    grid-template-columns: 27px 100px auto;
    align-items: center;
    margin-bottom: 16px
}

.CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content-item .CustomView-content-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: auto 100%;
    color: #323232
}

.CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content-item .CustomView-content-icon-phone {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAABImlDQ1BTa2lhAAAokX2QsUrDYBSFv5SCWnUQHR3+sYtSFdRBlyoGnSRGaOqUpklaSNLwJ6UU3HwBH0JwdhSHrg4OguCqjyAOrpEkSLLEM30cDtx7DtTmAeot8INYampbdIyumPtEQSGTaUUh1VLg5z3Pvm38k6vSQt+OLOAL6MuO0QVFB9bcnAcp93K+TnkShzEotylLXTsC5Q5ouiXuldgKZZp/AQ58b2wVf7NkB5cXwAmwzjFDIkI8TKYIztlBoGLiMyZGMGFIzABBhIZKG4GOxCQgwsFGQrpffuLmAw5nSZI8Fd7ZDB72oPFYeM19WFmE55JXbBqa0sysOlBzHPi+h2UDVl+hcfU3ZEU3kXVTGTHCxcNGcEqAxSaCbVpssfsLF5RN5zZ2PN8AAAELSURBVFgJ7ZbRDYMwDEQ7QkfoCPaFAToCIzFCN6CbdARGaDdgBKpUEEzlVCFKPqiMZOmwTHx5SVBOJ3syCRDRmZkfAKbC0fuxd9ti5nthI3Ji/W5DAMaKhsYcQ8uM9s8m0k1Sj5TE04KOGVIxGSEVi0gaIQFDlUZIxSKSRkjAUKURUrGIpBESMFRphFQsInlIQv6yTkSXr4he4KvfGJn5KUguV96JiK4CdpBVDXkqmpk51wUXQlQ15PsAuAF4yXDODd6s8BFkdUOhU6L4T0PMPADoSsQ81mfzJ0Jdy/xe+LFpw4nKqfFjr50SFRG1Oc1SvnHOtYk2tmXz0S6yXMuSN02j/qO2ne3tQATea0Hgy5XCSgoAAAAASUVORK5CYII=)
}

.CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content-item .CustomView-content-icon-email {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAABImlDQ1BTa2lhAAAokX2QsUrDYBSFv5SCWnUQHR3+sYtSFdRBlyoGnSRGaOqUpklaSNLwJ6UU3HwBH0JwdhSHrg4OguCqjyAOrpEkSLLEM30cDtx7DtTmAeot8INYampbdIyumPtEQSGTaUUh1VLg5z3Pvm38k6vSQt+OLOAL6MuO0QVFB9bcnAcp93K+TnkShzEotylLXTsC5Q5ouiXuldgKZZp/AQ58b2wVf7NkB5cXwAmwzjFDIkI8TKYIztlBoGLiMyZGMGFIzABBhIZKG4GOxCQgwsFGQrpffuLmAw5nSZI8Fd7ZDB72oPFYeM19WFmE55JXbBqa0sysOlBzHPi+h2UDVl+hcfU3ZEU3kXVTGTHCxcNGcEqAxSaCbVpssfsLF5RN5zZ2PN8AAAFJSURBVFgJ7ZaNEYIwDIUZwREcIQmLsYFuoBvpBroBIzCCXryUizWYVlt/7sodVziS15evDdB17WgEGoEvEACADSJORHSpcYr2Lqk0ANjVMLGguXVNEVE1MoapKcXQvEwAsHYTMgNYUxtz03XwzxlCxLGkKdZCxIMuOotQSOSucxOdAAAYrM510roumIjHV2lZVLR2rqGHjsuhtUDl/LIhro6ItlqArz1aC1S4uEE0507OIsTJnCAiY2zMorVA5RhpvWcoVPGMFk8Yd5C8ZIeQr4orY0gJPtAyOmimUtVQELdoyZLe9kqIi0dZ/nKE9ATG3jKpGDl1DIWJhNbdXgnP4rEqoXiylPtmyKPUCFUlRER76SD+npU6WTO97Y3X/5yshUpc931/8ojyhxQ+9KM/8VyuIQ6QThgKLlO83Pwbskoy04IagX8ncAVZQFrDlq1QKgAAAABJRU5ErkJggg==)
}

.CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content-item .CustomView-content-label,.CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content-item .CustomView-content-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content-item .CustomView-content-label {
    color: #888
}

.CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content-item .CustomView-content-value {
    color: #4f80f3;
    text-align: end
}

.CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content-item-wxQrcode {
    display: flex
}

.CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content-item-wxQrcode .CustomView-image {
    width: 120px;
    height: 120px;
    min-height: auto
}

.CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content-item-wxQrcode .CustomView-qrcode-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 10px
}

.CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content-item-wxQrcode .CustomView-qrcode-desc {
    color: #000;
    margin-top: 10px
}

.CustomView-panel.CustomView-panel-wx-qrcode .CustomView-image {
    width: 160px;
    height: 160px
}

.CustomView-panel.CustomView-panel-wx-qrcode .CustomView-qrcode-wrap {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 21px
}

.CustomView-panel.CustomView-panel-wx-qrcode .CustomView-qrcode-desc {
    color: #a0aaad;
    margin-top: 10px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-header,.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-header,.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-header,.ViewStyle-trace-color .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-header {
    border-bottom: none
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content,.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content,.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content,.ViewStyle-trace-color .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content,.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-qrcode-wrap,.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-qrcode-wrap,.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-qrcode-wrap,.ViewStyle-trace-color .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-qrcode-wrap {
    margin-top: 0
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-wx-qrcode {
    padding-top: 0
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-header {
    border-bottom: none;
    height: 68px
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-header .CustomView-title {
    font-size: 18px
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content {
    margin: 0;
    padding-top: 0
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content,.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-qrcode-wrap,.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content,.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-qrcode-wrap,.ViewStyle-trace-color .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content,.ViewStyle-trace-color .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-qrcode-wrap {
    margin-top: 0
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content {
    margin-top: 23px;
    padding-top: 0
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content .CustomView-content-item .CustomView-content-icon-phone {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAABaWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QcXKWq8MSlPPgAABGZJREFUeAG1WD2PlUUUPuf1oiu3oBBlq4XGj2i0INJhtLEzsTAWVhZ0Jnb+Ae30B9iZaGEsqEiMhTZ+0NlpINCx20GoCCzQ7OHOzPl4zszchGKZ3Zv7vjNnnjmfz3nfy7snnhPyIcS8kIhOcaxwXbVrrjLM8V1WhUKorumNySPedGxEliZkwnAAZ50E9ym4KS5+dFGkbaozQr5eMaUDMuA4nlZhc1tr1hKtT+7QV19+Qm+9cZaOc/x19X/68Zc/6PDwEVW7kieLh1SJthgbP//sw2NXpoz3L75dsc14U6Y6SlShPCn1c+H8a/SsxoXzr7a8ghzrQkaRLBq79ckX6u2fV/+j73/4VeNJ8e3iDBkEYyL/xaWP6IOL79R06OVMbEFdpklHWdHiZquD+lWKQBF4Kh9yU1jOEVocGy2flScoIHCgVVtTigcjgkHymsiRfqviur4QKqPfvIUwqncg87EILPcMjxEXFMTNPOGWhTprDTwbikgRIiRC06Ieo1XruHidkCSfWZPa4gwl2DuoJ0ICoJDnLO/T6FEeDHUGZwqmFqF5pThQnJlAPcTZiyHDyuL6h57X5El4XBRSD6FVfQY1hc0IGXqcHVz/RVwGc2piZk54hV2Z6Qu4ffCWulP6OQwVFIQ3XpLsRZ5VYaRJuVoxKFCvt/LFhABl9FhwiqjnVY63Y4d+G8dgkaQEG8bE/ZZTkkXCU0YVNA9bRwvFiMU0w4QdeEh6PdjJrK9MpxTwhhA8ghgGchoct2CY0N1pAHH5Ok/kIUT9di9xUNhzTMLIZRbWIWKSkKnvXW6pJTB4opX7BLh5wjEt55axxvudnVJwnwgQmV7Bc0hkxMi9p1UZDTKTDHSvwKn1lg0rprqwhndHlm57JVXw4gntioKLXXvyLu+xJ6ALpXLBqrECsaqdVFTO3ba4VPd2tZ6qgTovKTgSHSZ15Bd3DuLseKGhbZS5VQLUBbwXED7a/C3mjc3U+sUdWq93CB/I7x8+pMMHj4PTLIQ8Vk9uLQ1jZdY0T8G668ddWyB323ffXKKXT58aDvr625/p2o39wJjkZXJY1WUJYmxPfE4JqcbG5GzXRZGZMmW8+foe9Q9fk7SM6vRJseeh3jcjU/fXd+/eo99+/5fe7d5OyvtWeTFwSmDe2sMywzSZlXVcZnq6AXLlhe+nzQcfPxirTQJ7VrmOp823CHrZJy6Z8FBcsh9UcbXjs8oJyHlj7TDqLTZdSIkVvoPbAViO5/bO0Kcfv5esGa7hELJWMamQc3u7cY57NP8Qseqz2ED3D+7Q2b1XqkLlc5zj1sFtPYySMrW5jvnbAnb5yt/0rMblK/+k/peex3efj9+HPAqanKdfOlVffbeNoYImYezlrt84oOs390m2YZ45sYi3BMc1ouweWy3mMIekaoRtRqlA2j8kN+UcWnLfig6MlYRgR5tXYKSOKAqrqPglYyBoTHTp+6QqVO85l7L32q5SoqFmFs6hE7Cchqbq0WDTS43XrU8Ackdk5liM2cEAAAAASUVORK5CYII=)
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content .CustomView-content-item .CustomView-content-icon-email {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAABaWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QcXKWq8MSlPPgAAAcNJREFUeAHtl0tSwkAQQHsmuHLDEeAILt3wuYEsFa3CEwB7geBnLTeQKgs4BgILl3oDOEL2mGl7qECNZMiPBKQqb0WaqUnPS08nA5CSkpIsTBecjdodFNign1lIBovu3C/cPDXBL6HpsPMKKBpwABBYt1h9NNUYd4/CGhwIBljfjmXcw3DzmGxu5MvX5gJiZDwyc4aw586lqyQ4/DM8E6KVjD9pRRATci4D7TeImhCRW5JeuetgT2aDdp3m+qJKLnmNy0AAqAWY00GrdsaN8mXImpJWlmQFEUtBxnsaom1pKZehbems0JzfEDUhwfkF2emqMcfW3Ku25H/TYWuMgD1wdtJqcSiaNGcFoiYkKd49m3L704QLJbzTlrZWGHzIxRVuX3p+9wtUQ04vyk/eH0zG2SYJtbbk9XatSCsM7W6h6p/ImlB9yMvWPlZUAhlS2WULlFoJa0UlcqfW2opoRSW0IZU/thhaUa3EltAaaQti4rRerscgTcgPz6Lm4qcxGbQtiBMhsuESol6y7rgMWF22uqTQvfldj8xAg44mLF4r+mQsAfx+O649l60+xG37ChlL5FzGEC373OiXK2biC09JOTq/TCPsSfFuWLMAAAAASUVORK5CYII=)
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content .CustomView-content-item .CustomView-content-value {
    color: #e1c5aa;
    font-size: 16px;
    font-weight: 500
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content .CustomView-content-item .CustomView-qrcode-wrap {
    margin-top: 8px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content .CustomView-content-item .CustomView-qrcode-wrap .CustomView-image {
    border: 6px solid #62351C
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content .CustomView-content-item .CustomView-qrcode-wrap .CustomView-qrcode-desc {
    color: #e1c5aa;
    font-size: 13px;
    font-weight: 400
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content .CustomView-content-item:last-child {
    margin-bottom: 0
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content {
    padding: 16px 17px 22px 16px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content .CustomView-content-item .CustomView-content-value {
    color: #000;
    font-size: 16px;
    font-weight: 500
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content .CustomView-content-item:last-child {
    margin-bottom: 0
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content .CustomView-qrcode-wrap {
    margin-top: 14px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-wx-qrcode {
    padding: 19px 15px 22px 13px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content {
    padding-top: 0;
    margin: 21px 0 0
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content .CustomView-content-item .CustomView-content-value {
    color: #000;
    font-size: 16px;
    font-weight: 500
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content .CustomView-content-item:last-child {
    margin-bottom: 0
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content .CustomView-qrcode-wrap {
    margin-top: 14px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content .CustomView-content-item.CustomView-content-item-phone,.ViewStyle-intro-national .CustomView-panel.CustomView-panel-wx-qrcode .CustomView-content .CustomView-content-item.CustomView-content-item-email {
    padding-left: 3px
}

.CustomView-panel.CustomView-panel-action-status {
    padding: 16px 12px 12px
}

.CustomView-panel.CustomView-panel-action-status .CustomView-header-box {
    display: flex
}

.CustomView-panel.CustomView-panel-action-status .CustomView-header {
    padding: 0 0 0 9px;
    min-height: 64px;
    border-bottom: 1px solid #3D82FB
}

.CustomView-panel.CustomView-panel-action-status .CustomView-title {
    height: 20px;
    font-size: 20px;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.CustomView-panel.CustomView-panel-action-status .CustomView-desc {
    flex-shrink: 0;
    font-size: 14px;
    color: #1a1a1a;
    margin: 0;
    opacity: .7
}

.CustomView-panel.CustomView-panel-action-status .CustomView-update-btn {
    display: flex;
    align-items: baseline;
    margin-left: 9px;
    position: relative;
    height: 18px;
    width: 44px
}

.CustomView-panel.CustomView-panel-action-status .CustomView-update-btn .CustomView-update-btn-text {
    color: #4f80f3;
    font-size: 13px;
    line-height: 18px;
    height: 18px
}

.CustomView-panel.CustomView-panel-action-status .CustomView-content {
    padding: 0;
    margin: 8px 0 0
}

.CustomView-panel.CustomView-panel-action-status .CustomView-action-item {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px
}

.CustomView-panel.CustomView-panel-action-status .CustomView-action-item-text {
    font-size: 24px;
    font-weight: 500;
    display: flex;
    align-items: center
}

.CustomView-panel.CustomView-panel-action-status .CustomView-action-item-text>i {
    display: inline-block;
    border: 5px solid #000;
    border-radius: 5px;
    margin-right: 8px
}

.ViewStyle-intro-fresh .CustomView-panel-action-status .CustomView-header-box {
    align-items: baseline
}

.ViewStyle-intro-fresh .CustomView-panel-action-status .CustomView-action-item {
    margin-top: 23px;
    border-radius: 10px
}

.ViewStyle-patrol-normal .CustomView-panel-action-status .CustomView-header {
    height: 52px
}

.ViewStyle-patrol-normal .CustomView-panel-action-status .CustomView-content .CustomView-action-item {
    border-radius: 6px;
    margin-top: 0
}

.ViewStyle-patrol-normal .CustomView-panel-action-status .CustomView-header {
    border-bottom: 0
}

.ViewStyle-patrol-normal .CustomView-panel-action-status .CustomView-header-box {
    width: 100%
}

.ViewStyle-patrol-normal .CustomView-panel-action-status .CustomView-content {
    margin-top: 0
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-action-status {
    border-radius: 10px;
    padding: 0;
    border: none
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-action-status .CustomView-header {
    display: none
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-action-status .CustomView-content {
    margin-top: 0
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-action-status .CustomView-action-item {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    margin-top: 0
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-action-status .CustomView-action-item .CustomView-action-item-text {
    color: #fff
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-action-status .CustomView-action-item .CustomView-action-item-footer {
    display: flex;
    align-items: center
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-action-status .CustomView-action-item .CustomView-action-item-footer .CustomView-desc,.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-action-status .CustomView-action-item .CustomView-action-item-footer .CustomView-update-btn-text {
    color: #fff
}

.ViewStyle-patrol-color .ViewPanel-banner {
    display: none
}

.ViewStyle-patrol-color .CustomView-panel-action-status .CustomView-header {
    height: 52px;
    padding: 0
}

.ViewStyle-patrol-color .CustomView-panel-action-status .CustomView-header .CustomView-title {
    color: #000
}

.ViewStyle-patrol-color .CustomView-panel-action-status .CustomView-content {
    margin: 0
}

.ViewStyle-patrol-color .CustomView-panel-action-status .CustomView-content .CustomView-action-item {
    border-radius: 20px;
    margin-top: 0
}

.ViewStyle-patrol-color .CustomView-panel-action-status svg {
    fill: #4f80f3
}

.ViewStyle-patrol-color .CustomView-panel-action-status .CustomView-update-btn {
    align-items: center
}

.ViewStyle-patrol-color .CustomView-panel-action-status .CustomView-header {
    border-bottom: 0
}

.ViewStyle-patrol-color .CustomView-panel-action-status .CustomView-header-box {
    width: 100%
}

.ViewStyle-patrol-color .CustomView-panel-action-status .CustomView-content {
    margin-top: 0
}

.ViewStyle-patrol-color .ViewPanel-content-wrap:first-of-type .CustomView-panel-action-status {
    background-color: transparent;
    padding: 0
}

.ViewStyle-patrol-color .ViewPanel-content-wrap:first-of-type .CustomView-panel-action-status .CustomView-header {
    padding: 0 8px
}

.ViewStyle-patrol-color .ViewPanel-content-wrap:first-of-type .CustomView-panel-action-status .CustomView-header .CustomView-title {
    color: #fff!important
}

.ViewStyle-patrol-color .ViewPanel-content-wrap:first-of-type .CustomView-panel-action-status .CustomView-desc,.ViewStyle-patrol-color .ViewPanel-content-wrap:first-of-type .CustomView-panel-action-status .CustomView-update-btn-text {
    color: #fff
}

.ViewStyle-patrol-color .ViewPanel-content-wrap:first-of-type .CustomView-panel-action-status svg {
    fill: #fff
}

.ViewStyle-trace-color .CustomView-panel-action-status .CustomView-header-box {
    width: 100%
}

.ViewStyle-trace-color .CustomView-panel-action-status .CustomView-content,.ViewStyle-trace-color .CustomView-panel-action-status .CustomView-action-item {
    margin-top: 0
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-action-status {
    padding: 14px 13px 22px 12px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-action-status .CustomView-header {
    display: flex;
    align-items: center;
    width: 100%;
    background-size: 149px 21px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-action-status .CustomView-header-box {
    align-items: baseline;
    width: 100%
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-action-status .CustomView-header-box .CustomView-desc,.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-action-status .CustomView-header-box .CustomView-update-btn-text {
    color: #fff
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-action-status .CustomView-action-item {
    margin-top: 24px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-action-status .CustomView-content {
    padding-left: 1px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-action-status .CustomView-header-box .CustomView-update-btn-text {
    color: #00b960
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-action-status .CustomView-action-item {
    margin: 4px 1px 10px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-action-status {
    padding: 19px 18px 12px 13px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-action-status .CustomView-header .CustomView-header-box .CustomView-title {
    height: auto
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-action-status .CustomView-content .CustomView-action-item {
    margin-top: 20px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-action-status .CustomView-content .CustomView-time {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 20px;
    gap: 10px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-action-status .CustomView-content .CustomView-time-desc {
    color: #000;
    text-align: right;
    font-size: 14px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-action-status .CustomView-content .CustomView-time-update-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-action-status .CustomView-content .CustomView-time-update-btn-icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-action-status .CustomView-content .CustomView-time-update-btn-text {
    color: #9e6c1c;
    font-size: 13px
}

.CustomView-panel.CustomView-panel-action-log {
    padding: 16px 12px 12px
}

.CustomView-panel.CustomView-panel-action-log .CustomView-action-log-list {
    margin: 16px 4px 0
}

.CustomView-panel.CustomView-panel-action-log .CustomView-action-log-item {
    padding-left: 40px;
    margin-bottom: 18px;
    position: relative
}

.CustomView-panel.CustomView-panel-action-log .CustomView-action-log-item:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 4px;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAADmklEQVR4Ae1Yu04bQRS92CDReQ1ItMtLcmm6dFl3dKFMSb6AuEsX8wWBLqkwX5BQBSpvqqTD6ZB4ZNIlEsKmA/HKOTATDZu18c6urUj4SMsM89qz9z0WGeIJYUQcUCqV/MvLyzK63t0hIyNqdHRU7e/vK+kDEpGcn58Pbm9vN9H14+Yx1wThjaOjo7pkiEQk5+bmfkgHghEoPGtZkc1JMvimA4lVx8bGZvigX8HQhiZn1m3Ozs6+lQyQT7J4cnKSkg/0v6V8Pr9FOzw9PVWtVmsHz8bExMRPvWYc5INisSgY/yIpkNhxYJc12J6RkIIkK1GH8QF8QEO05Cnpw8PDUBzh5N0JiO7JfQRQ19fXi0qptjggVt0LCwtlz/M+Q3VvoC4vqi6oN7RU793c3CwXCoWtdrt9DjtcxZ73CEm7mDsza0D4N/Z9k6xI4iVfoaISD+9kVySKjyii+8wmgbEd7PEh6SVIr5rL5VYwP84HZ2yJA/7xbkpRImEGL63FeSpCzGs0dyoEqUCvXdPTPsyAY4ZYAAvwJAuSUJ1vkasaEp2IAk09X2B7dXVVNxMg7pt5AqR9yYKk6FRHwK4+QV2VTkS11ANN6Ht0v96jTN8WQFqSD3BwcNCMEkXmaYDsHl66Z9ZBSutsYZvvrO2hPCTs5N1dScLwvQhRpacCvLBsvbxqhaBAt3XGRkjYyQ67kgSx0PSNMxiimLtLfyAVasJ1HajXrf2LJE3P1kMvzBzstSkOiA3mUGdL7m0rhAdXJAVMUcIPw8c4nRWrbpZbuhuwPJN08PmHns46VBwQSxJqofpM/Nt0PZyw4yYK5YbLWbEZh+kNae8C3SXRaW96enr75OQksXfGpdCkZ+W7HM4UN4Nu2RyO/8+Q2hIbf1qij1ZBMHyqftUaUlAhU13IuIe42OZ9B/3nMI1lLkBbPz4+Xoue1Uv15ERSE11Bw8N96REgU8uKaE+VOVWMUmwbAZ2p7+8tMQodPzk33q16Sqp6p6KXBS3yuq8LCKLNJMCilvkcL25osplI1InkY8iaaKKLWK+ASn9NTU3tgsBLyUD1fSGZlqi5ivSdZBqiCGsXHBsIyaREkSwCdOmQvPx9MHNJf8FwQlzhHHcVMUUx2gchbiAkiceIMqxBgmU9p+y9fQlB3RANT3J/xVB4lq2xV/aPXQMnSWiiHyUmzbK0Q3Fcs8f67jhxoDPpNFsEKQ6do2V1xZ8L12WIIf5z/AETUz1FWlbusgAAAABJRU5ErkJggg==);
    background-size: auto 100%;
    z-index: 2;
    background-color: #fff
}

.CustomView-panel.CustomView-panel-action-log .CustomView-action-log-item:after {
    content: "";
    position: absolute;
    display: block;
    border-left: 1px dashed #A9A9A9;
    height: 100%;
    left: 14px;
    top: 16px;
    z-index: 1
}

.CustomView-panel.CustomView-panel-action-log .CustomView-action-log-item:last-child:after {
    display: none
}

.CustomView-panel.CustomView-panel-action-log .CustomView-action-log-title {
    font-size: 16px
}

.CustomView-panel.CustomView-panel-action-log .CustomView-action-log-time {
    color: #888;
    position: relative;
    padding-left: 18px
}

.CustomView-panel.CustomView-panel-action-log .CustomView-action-log-time:before {
    content: "";
    width: 14px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAACvElEQVR4AcVXy3HiQBAdqSg+pyUEEYFxBhDB2hFYjgB04VMcLA58L9gRGEdgOwK0ESwbwWoz4MbnAPtaO6Jao7+haruKmo96+vW86ekehPgPomVVtG27WqlUzNPpdINhQ9O0KvpVtBu0Llr3eDx+4pvT7/fdi0Ank4kBg0/omiK7LOHIMA48EXQ+n7fg/bP4osBZu9vtDjOBEpXlcvkd3UaEoQ0aB878QUt9ovgGvzrRHWFuudvtLNjc+BOFKFAArtDUlWmHKOv1eo6IERyFKY/CYNMm7NG4eXZcXTibzRYw3hbBnQ1BU2aax+NxW9f1BZ+DnWfYsEKg0tNXDohfs9PprEVOQTwQ3StOOfpNBJdTULx54mOc2z2UQoBwjq7MSjXGdchR6N1zPbmhms4MmYKdhQx5R1wgcv0LmzJwfHc68+KBfXTxW4orSKlUsmVceILNtDzQxWJBvDeYbmpWySqWZVHGemNTDQ8U9yhwPRSliwU7dfjYA0V4B0D3+33uaE0SBOQ6BIrJQCbh2eMaoh6VLq4gShCmik9vYGeUe5MWgRmVCXM6nb7G6Y9Go3oIVPy7ImdBmNdFggwGgzXd46zAhULBCIEWi0VH0bsTKYJzsrMCQ+97CJTuEhrnPKnrD2kUJwFT1vEH8hHAN+HwjPTJPKuC4rbIICow9VFNPtgGWkrSfztXGcpKh8Phd1RVEBkEO7J9J9hcoDBAXNTjWqC0ES0AevfHlDMRqbdfSYkxpe0RtpaBe0q08BRIC0DPT1mB8gC2IgBfCNDbjLpA0kwLIp8rSXRLOqkmN5RPa9B66w8iH2YEjPwb+TCD0Bt3Ddp/eQY07Rt+BulGPczw7WO73T7y1Jr4BKXgUF8TeQRrrai3VWLuldehlrfU0e5oXdxjLvPfCrrkggqwrlN2MZQz9yhH+wNULtOq1F/eBIu4rGY15AAAAABJRU5ErkJggg==);
    position: absolute;
    left: 0;
    top: 4px;
    background-size: auto 100%;
    z-index: 2;
    background-color: #fff
}

.CustomView-panel.CustomView-panel-action-log .CustomView-action-log-result {
    color: #888;
    margin: 4px 0
}

.CustomView-panel.CustomView-panel-action-log .CustomView-action-log-result>span {
    font-size: 14px;
    padding: 0 9px;
    display: inline-block;
    border-radius: 2px;
    height: 23px;
    line-height: 23px
}

.CustomView-panel.CustomView-panel-action-log .CustomView-action-log-more {
    color: #1289ff;
    font-size: 14px;
    text-align: center;
    margin: 4px 0
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-action-log .CustomView-action-log-more {
    color: #3f87ff
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-action-log .CustomView-action-log-list {
    margin-top: 31px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-action-log .CustomView-action-log-list {
    margin-top: 16px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-action-log .CustomView-header {
    border-bottom: none
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-action-log .CustomView-content,.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-action-log .CustomView-action-log-list {
    margin-top: 0
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-action-log .CustomView-header {
    border-bottom: none
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-action-log .CustomView-action-log-list {
    margin-top: 16px
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-action-log .CustomView-header {
    border-bottom: none
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-action-log .CustomView-content,.ViewStyle-trace-color .CustomView-panel.CustomView-panel-action-log .CustomView-content {
    margin-top: 0
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-action-log .CustomView-action-log-list {
    margin-top: 31px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-action-log .CustomView-action-log-list .CustomView-action-log-title {
    color: #e1c5aa
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-action-log .CustomView-action-log-item:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAAACXBIWXMAABYlAAAWJQFJUiTwAAABaWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QcXKWq8MSlPPgAAA49JREFUeAHtmL1O21AUx8+5DnRopfIILi/QMFYVwXkC6FgBEixdIXNDMSKdCU+QIIg6pkvHKiYIMSaV2g0Jv0EztB2I7z291x+JkzokdhwYyl+K7CTXN7/8fc/HNcCj/iMhJNBVxdS7T5wskFhwJxHMzmQy9qu3pg0zUCzIi9OiIRhVkFCP+p4A2oh4nFs/rEKKigXZPNu7kSj6+JFoy5kP0oJlsUYPAGJhrpt5oV5IkCeEY1JwwTiiykWtuA8pKJaT56dFExH8H0Z7TtPyw+uwWdvbAgFHgOStVwRzeb10AFModuBMAtr4ZOqM8wb6ziunlzdLFiRUouieFFRzeMtzFG3+VFvKvzE7kECRa/KyZmbPa+9vVKBErauVzZJJBP4tJL0rXWvUTff2Li4u7shX692H2gIBHQdjtN/dLUioSEhOvO6lGdIljHkH6D8QMgVJlzErhKjXL79XgdB3D1chLUjl4nCauQN0N4CQOdLwIYMg0b98/WFIN0/890bg9tSQXDh6CK/QgxgBKtdc2z0APldHx3GqvauJdGSi3Rv751aHNCClFXpwyrtznzWm5UeBeq57Dso8+c3/eMAtVTKDcw2ZDulA8oEIfL1utodBm2fFxvlZscXJaQXjBMuUXRBNOwpdbg1ODelFd0/ztwth0H5FAUPmrmx/IBXy/RRk+Mfq9fW1RUPOpgLJ2bwVnGuERnCuQIXMh6r8ybcWIdnSm6pK1LmNj+Xe9ZwvyeApyGPB+4V+VDvPMm1IoMhk3jzd++mXNSu3UcrDFAo1JYnnirzd/SQMhmrPYCoF6Qz1K1mFIIEiIYUjgyAIFMRK0snd64cqU5K5IiHz27LG4vSTK0WV0LhzjYzu3MZhuV8tvMndNuwBQMd2QbLjKcuOZyd0iS0ryYn8dxZjosNu5zvufgdwhUisITFZD6ga1UNO0j0lglRSDkon9nGirYM/8YhmNwnoRNsHtVdROVJtGUIJPUrWuFqf5NYnanpVQ5txHJ2Y0N0PBOvwZxlLNbWqnnPBG+O2D3EcTQQ5TmmDzgQybdCZQU4DOrwfirnvjqeoNm+SYGK/nN3w9zOFjAsKQf+JsHqvkEqTgsr10PEYceHeIZXGgbq5koJGWvWqfc00cKI0HEzg3mJZIAjWep8hbocfdt07pJICddTePqLMqgDy12dPDwKp5D0vckx5+lI5KB9G2NLBk7SfbT7qUbPQX1A5PTGPO52fAAAAAElFTkSuQmCC);
    background-size: auto 100%
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-action-log .CustomView-action-log-time:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAACXBIWXMAABYlAAAWJQFJUiTwAAABaWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QcXKWq8MSlPPgAAAsJJREFUeAHFV8tx4kAQHalcfG6EoI3AbAQrMoAIjCMAXfgekC/8LtgRgCNYO4KVI7AyWG0G3PhUAftaO2Jboy82VX5VKiRNd7+eVvd0I8QXQMsraNt2pVgs1jVNu8WjiavClj1c7vF4fBsMBi9ZtjJJiaxcLrdw2z6dThWRDQ+XA9mHfr/vXUw6n89bULZzkkXIJfEqN+l0Ol3ipxlR0LS1NOjK54p0yoyzg/XHbrdrZZImELow8LzZbFYI+VrVYd98hEdDWV71er37RNLZbDaikCreWvD2UeTEZDKxJTm3YcPGQ4QUwk0sLpngGhnZwHdxxIVQbRGwmRrZulG8CXkHQiuOEAZNblDX9Uan03G5DCUQ5ISyCbLv6NwzEf4Wq7jMYzCC63A4xGY36WN3z+yVSQ7rzIs7rkDpLq6AUqnUlhkf8Ix80sVioab8KqmwL4VlWWtswGGkVZ90u91WuSAWXsUVAdJXdl/xSZEIIVLUoiOuC4c/+KTI0lAixBX/Z6B+Kl1cAWoSZiEIb2hndKSlKSEyaiSa8uiMBcrEiJCKf+3oDJyhVZGC4XDoxpRUGrERIS0UCo4iVBcZwHey8xKr4fdJqZYEyzCE+y4rxGnEaBpnp2VoTbb+/xiE8hu7pzbVFjmgEtM9uskL34Bg4aVj8dxl6FTa7/e/gymBji5cNfUgTwK1s8CJ4B0mjyqS7p2Jeeir30KtbTwet+HZggvJduSJC0FhhdO/RHiX99QEQnWKSY4atcNe+YqyA+UGnK/D+XeR0LVuVAV8y8Zut+MKRLxEVv6Aoae0cMs+Sz3TxK74kovz/TwnaQnKBgh+QjGuXomU6vQPfj3I0WAWzMJGnDwIa/xoTR1BsTsKd0t8EHDmCSGNVEHq2YtMa2Mq+C6ULpEDjkzA2LLL/bdCFjlNAbfUiPkATuVFc7CsdSdrkPsLuJtvvED9o/QAAAAASUVORK5CYII=);
    background-size: auto 100%
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-action-log .CustomView-action-log-more {
    color: #e1c5aa;
    font-size: 13px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-action-log .CustomView-action-log-list {
    padding: 16px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-action-log .CustomView-action-log-list .CustomView-action-log-item:last-child {
    margin-bottom: 0
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-action-log .CustomView-action-log-more {
    color: #00b960;
    font-size: 13px;
    margin: 6px 0 16px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-action-log {
    padding: 19px 18px 25px 13px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-action-log .CustomView-action-log-list {
    margin: 21px 0 0 3px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-action-log .CustomView-action-log-list .CustomView-action-log-item:last-child {
    margin-bottom: 22px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-action-log .CustomView-action-log-more {
    margin: 0;
    font-size: 13px;
    color: #000
}

.CustomView-panel-wifi {
    font-family: PingFang SC;
    font-size: 18px;
    font-weight: 400
}

.CustomView-panel-wifi [data-showpwd=true] {
    grid-template-areas: "left top" "left bottom";
    grid-template-columns: 73px 1fr;
    grid-template-rows: 1fr 1fr
}

.CustomView-panel-wifi [data-showpwd=false] {
    grid-template-areas: "left top";
    grid-template-columns: 73px auto
}

.CustomView-panel-wifi .CustomView-Content {
    height: 65px;
    margin-top: 8px;
    margin-bottom: 16px;
    display: grid;
    align-items: center
}

.CustomView-panel-wifi .CustomView-Content .CustomView-logo {
    width: 53px;
    height: 53px;
    border-radius: 26.5px;
    background-color: #4f80f3;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-area: left
}

.CustomView-panel-wifi .CustomView-Content .CustomView-name {
    display: grid;
    grid-area: top;
    grid-template-columns: 50px auto;
    align-items: flex-start
}

.CustomView-panel-wifi .CustomView-Content .CustomView-password {
    display: grid;
    grid-area: bottom;
    grid-template-columns: 50px 135px auto
}

.CustomView-panel-wifi .CustomView-Content .CustomView-password .CustomView-copy {
    display: flex;
    font-size: 13px;
    color: #4f80f3;
    align-items: center;
    justify-content: end
}

.CustomView-panel-wifi .CustomView-Content .CustomView-label {
    color: #888
}

.CustomView-panel-wifi .CustomView-Content .CustomView-value {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.CustomView-panel-wifi .CustomView-Btn {
    width: 100%;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22.4px;
    background-color: #4f80f3
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-wifi {
    background-image: none;
    background-image: url(https://pubcdn.ym.link/youma/code_preview/v1.8.5-prod.61/assets/intro-header-bg-BzfGhnnR.png)
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-wifi .CustomView-Content .CustomView-logo {
    background-color: #f1a82e
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-wifi .CustomView-Btn {
    background-color: #f1a82e;
    border-color: #f1a82e;
    border-radius: 16px;
    color: #000
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-wifi .CustomView-Btn {
    border-radius: 16px
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-wifi .CustomView-Btn {
    border-radius: 17px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-wifi {
    padding: 20px 22px 20px 20px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-wifi .CustomView-Content {
    margin-top: 0
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-wifi .CustomView-Content .CustomView-logo {
    background: linear-gradient(90deg,#c7a275,#e1c7ad)
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-wifi .CustomView-Content .CustomView-value {
    color: #e1c5aa;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-wifi .CustomView-Content .CustomView-copy {
    color: #fff
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-wifi .CustomView-Btn {
    background: linear-gradient(90deg,#c7a275,#e1c7ad);
    border: none;
    border-radius: 0;
    color: #000
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-wifi {
    padding: 20px 22px 20px 20px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-wifi .CustomView-Content {
    margin-top: 0
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-wifi .CustomView-Content .CustomView-logo {
    background: #00ec94
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-wifi .CustomView-Content .CustomView-copy {
    color: #00b95f
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-wifi .CustomView-Btn {
    background: #00ec94;
    border: none;
    border-radius: 2px;
    color: #fff
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-wifi {
    padding: 20px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-wifi .CustomView-Content {
    margin-top: 0
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-wifi .CustomView-Content .CustomView-logo {
    background: linear-gradient(88deg,#875a00 29.52%,#c1874a 174.39%)
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-wifi .CustomView-Content .CustomView-copy {
    color: #9c6a19
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-wifi .CustomView-Btn {
    margin-bottom: 0;
    background: linear-gradient(88deg,#875a00 29.52%,#c1874a 174.39%);
    border: none
}

.ComponentConfig-item-Wechat-Channel .ComponentConfig-form-list .ComponentConfig-form-delete[disabled] {
    opacity: .5
}

.ComponentConfig-item-Wechat-Channel .ComponentConfig-footer {
    display: flex;
    align-items: center
}

.ComponentConfig-item-Wechat-Channel .ComponentConfig-footer .ComponentConfig-tips {
    font-size: 12px;
    margin-left: 10px;
    opacity: 0
}

.ComponentConfig-item-Wechat-Channel .ComponentConfig-footer .ComponentConfig-tips[disabled] {
    opacity: .5
}

.ComponentConfig-item-Wechat-Channel .ComponentConfig-upload {
    zoom:.9}

.InfoTips-label {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.InfoTips-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAC2klEQVR4AcVXTXLaMBR+1mQGWJUjuCcoPUHJCZqeIPQEwIa/TWDFzwZzA3qCcoOkJ6h7grgnCDtgA/keSIwsHjZgknwzHluypPfp6f3JoxPR7XaLuVzuzvO8b2iW8PY3m02R/+F7ju8InyHef1ar1Qzj56es66UN6Pf7PgRU8VSMwBMxxfheu92O6BICvONCofCARWqUASAeLBaL3jGNiAT0rh/x6dN1EGEjt5I2DgiMRqPSer3+nSI8wvO0X8Tz+GjYJkpJc5RSPxqNRniUQNLO2dBAbAIDC46pU8/nI/tO8gYONBEjMBgMnqWJmMSCu0aw9oiYQdqLMhEeBjL3JJBYLpdfzVrK9A6HwzHJO69j8Zq9awhnN3y2Hwgt22TwVKCxukDAZ+M2DWUYS9bOwpvNZkAXotPpBBIJlqW1tCMAQQ/C/GkW4TYJvCbCr+2G1Xg85rOsOD/ZWHp0JeDI2B5ihguPuGdbUjCIO3cCBs+SIlg+n+eQ+9N+aOeaIur1+taD7D6Oqhzab3Rsj8EdLC2I15TOAEgH8KTYUbNsJlACG7szbLVaUdJi2g1jQQeLh0kJiEnDzSOyPI1l35DjeiDzn1Kg3fDR6bslKzpK4EzJWdTq8pWQ4V7oncCyFX0wlOsebwnI+uS056yByBlXprcj4DtdkYLL/XM6fbZyujJ0uI95Dtoha+DJHQyLzlQFSUDkq7p97BUKAWImhMnqNbWgd38Qcbl4VRwg8POXw6xop8ys0MnOd7qnHLiUFniQ9ThlokbIfBQo8Vj1FWH9bbLbEtCJZyIMGmchwcJh5NLmJibZ7UsyTss4k78k13IHNb4pKAwwd26XbAklfYRc89k0Ti5KaRcvZjZ7F1owq7x25BKTXJQyTizLQxDlxWzvKafMSS/LDT70YmID+ZsNqEoZ4Jb0ZxFgpNT4IvQlhmNLcPHl1IW5nuOzjLP8Qrur2P56Tjs1n309fwWmWsGxiaq0nQAAAABJRU5ErkJggg==);
    width: 14px;
    height: 14px;
    margin-left: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle
}

.InfoTips-tooltip {
    width: 312px
}

.InfoTips-tooltip .InfoTips-header {
    display: flex;
    padding: 12px 20px;
    box-sizing: border-box;
    align-items: center;
    align-self: stretch;
    background: var(--Background-White-Gray-1, #fff);
    box-shadow: 0 -1px #eef0f4 inset;
    color: var(--Text-Text-gray-11, #444);
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
}

.InfoTips-tooltip .InfoTips-body {
    padding: 16px 20px;
    box-sizing: border-box;
    color: var(--Text-Text-gray-11, #444);
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.CustomView-panel.CustomView-panel-wechat-channel {
    padding: 16px 13px 7px 12px
}

.CustomView-panel.CustomView-panel-wechat-channel .CustomView-header {
    min-height: 64px
}

.CustomView-panel.CustomView-panel-wechat-channel .CustomView-content {
    padding-top: 5px;
    margin: 12px 0;
    display: flex
}

.CustomView-panel.CustomView-panel-wechat-channel .CustomView-content .CustomView-content-Video-Panel {
    flex: 1
}

.CustomView-panel.CustomView-panel-wechat-channel .CustomView-image {
    width: 160px;
    height: 160px
}

.CustomView-panel.CustomView-panel-wechat-channel .CustomView-qrcode-wrap {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 21px
}

.CustomView-panel.CustomView-panel-wechat-channel .CustomView-qrcode-desc {
    color: #a0aaad;
    margin-top: 10px
}

.CustomView-panel.CustomView-panel-wechat-channel .CustomView-panel-content-layout-2 {
    justify-content: space-between
}

.CustomView-panel.CustomView-panel-wechat-channel .CustomView-panel-content-layout-2 .CustomView-content-Video-Panel {
    width: 48.5%;
    flex: unset
}

.CustomView-panel.CustomView-panel-wechat-channel .CustomView-panel-content-layout-multi {
    display: block;
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.CustomView-panel.CustomView-panel-wechat-channel .CustomView-panel-content-layout-multi ::-webkit-scrollbar {
    display: none
}

.CustomView-panel.CustomView-panel-wechat-channel .CustomView-panel-content-layout-multi .CustomView-content-Video-Panel {
    width: 44.5%;
    margin-right: 3%;
    display: inline-block
}

.CustomView-panel.CustomView-panel-wechat-channel .CustomView-content-Video-Panel {
    aspect-ratio: .75060255
}

.CustomView-panel.CustomView-panel-wechat-channel .CustomView-content-Video-Panel .CustomView-content-Video-Panel__default {
    width: 100%;
    height: 100%;
    background-image: url(https://pubcdn.ym.link/youma/code_preview/v1.8.5-prod.61/assets/default-wechat-channel-BnupUlR2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.CustomView-panel.CustomView-panel-wechat-channel .CustomView-content-Video-Panel .CustomView-content-Video-Panel__default .CustomView-content-Video-Panel__play-mask {
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%3e%3cpath%20d='M2.36495%2034.3757C1.13371%2031.4033%200.5%2028.2174%200.5%2025C0.5%2018.5022%203.08124%2012.2705%207.67588%207.67588C12.2705%203.08124%2018.5022%200.5%2025%200.5C31.4978%200.5%2037.7295%203.08124%2042.3241%207.67588C46.9188%2012.2705%2049.5%2018.5022%2049.5%2025C49.5%2028.2174%2048.8663%2031.4033%2047.6351%2034.3757C46.4038%2037.3482%2044.5992%2040.0491%2042.3241%2042.3241C40.0491%2044.5992%2037.3482%2046.4038%2034.3757%2047.6351C31.4033%2048.8663%2028.2174%2049.5%2025%2049.5C21.7826%2049.5%2018.5967%2048.8663%2015.6243%2047.6351C12.6518%2046.4038%209.95092%2044.5992%207.67588%2042.3241C5.40085%2040.0491%203.59619%2037.3482%202.36495%2034.3757Z'%20fill='black'%20fill-opacity='0.5'%20stroke='white'%20style='fill:black;fill-opacity:0.5;stroke:white;stroke-opacity:1;'/%3e%3cpath%20d='M18.75%2016.7232C18.75%2015.9554%2019.5795%2015.474%2020.2461%2015.8549L34.7306%2024.1318C35.4024%2024.5157%2035.4024%2025.4843%2034.7306%2025.8682L20.2461%2034.1451C19.5795%2034.526%2018.75%2034.0446%2018.75%2033.2768V16.7232Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3c/svg%3e");
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center
}

.ComponentConfig-item.ComponentConfig-item-wechat-store .ComponentConfig-content-wechat-store .t-input__extra {
    margin-left: 22px
}

.CustomView-panel.CustomView-panel-wechat-store {
    padding: 16px 13px 7px 12px
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-header {
    min-height: 64px
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-content {
    padding-top: 5px;
    margin: 12px 0;
    display: flex;
    flex-direction: column
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-image {
    width: 160px;
    height: 160px
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-wrap {
    border: 1px solid #eee;
    border-radius: 4px;
    width: 250px;
    background-color: #fff
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-header {
    display: flex
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-img {
    width: 50px;
    height: 50px;
    background: url("data:image/svg+xml,%3csvg%20width='161'%20height='161'%20viewBox='0%200%20161%20161'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M140.664%2025.7596H20.7372C17.9779%2025.7596%2015.7402%2027.9973%2015.7402%2030.7566V130.695C15.7402%20133.455%2017.9779%20135.692%2020.7372%20135.692H140.664C143.423%20135.692%20145.661%20133.455%20145.661%20130.695V30.7566C145.661%2027.9973%20143.423%2025.7596%20140.664%2025.7596ZM135.667%2035.7535V109.46L100.189%2082.8513C97.5386%2080.865%2093.8456%2080.865%2091.1956%2082.8513L75.8019%2094.3942L55.2786%2077.9761C52.7067%2075.9165%2049.1464%2075.7603%2046.4074%2077.6029L25.7341%2091.5038V35.7535H135.667ZM25.7341%20125.699V103.55L50.4627%2086.9222L75.6067%20107.035L95.6913%2091.9692L135.667%20121.951V125.699H25.7341Z'%20fill='%23E9E9E9'%20style='fill:%23E9E9E9;fill:color(display-p3%200.9139%200.9139%200.9139);fill-opacity:1;'/%3e%3cpath%20d='M110.681%2075.7291C118.948%2075.7291%20125.672%2069.0051%20125.672%2060.7383C125.672%2052.4714%20118.948%2045.7474%20110.681%2045.7474C102.414%2045.7474%2095.6904%2052.4714%2095.6904%2060.7383C95.6904%2069.0051%20102.414%2075.7291%20110.681%2075.7291ZM110.681%2055.7413C113.436%2055.7413%20115.678%2057.9837%20115.678%2060.7383C115.678%2063.4928%20113.436%2065.7352%20110.681%2065.7352C107.927%2065.7352%20105.684%2063.4928%20105.684%2060.7383C105.684%2057.9837%20107.927%2055.7413%20110.681%2055.7413Z'%20fill='%23E9E9E9'%20style='fill:%23E9E9E9;fill:color(display-p3%200.9139%200.9139%200.9139);fill-opacity:1;'/%3e%3c/svg%3e") no-repeat center;
    background-size: 40px auto;
    border-radius: 50%;
    background-color: #f5f5f5;
    margin: 12px
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-title {
    margin-top: 16px
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-desc {
    font-size: 12px;
    color: #888
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-footer {
    border-top: 1px solid #eee;
    margin: 0 12px;
    display: flex;
    align-items: center;
    padding: 4px 0
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-product-icon,.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-ctg-icon {
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAV0SURBVHgB7Zu/bxxFFMe//IhkFyDZBYikQMIUkeISFxSmQMIFSLigIAUSLijCX0OZNiUpQ0FhCiQoQ5EiKZBwgxTS+QoQdpEi89HuJJu5N7szs3u+XWc/0pOTubu52e++efP2zZw0MzMzMzMzc0l5TcOw4+yGsw+dbTnb1Ho4c7Zw9tjZH85O1JO+AiHM1862NU5OnR2rEquIN1TOobOvtD5vSYGx7dZ//1QBpQLddPaxpsP7qqb+I2XypvI5cPZR5DXmPG690HrYUBUHrxqv7Tk7d3ZPGeQKxBcfGO0Ic6wBguJA4C14+U7Qvu/soTLGmTvFvtFyQCYA3tH6vMYCT2FcjDX0pm1lBO3Xlc6Olu8I0+lHjRfG9k/QZl1HlByBrLhzV+PHijn7SiRVINxyL2jDe8YSc9o40fI4/dLfSapAnxltx5oO9422JC9KEQjvsWJPcXa6Bsh/zoI2BOr0ohSBPtDyyvW7pgXihGNGnE4vShHIynseanogkOVFrXQJxMoVeg/zeUw5TyqIE4YFvKh1ye8S6BOjbUrBOeQ3o+2g7QNtAqFsmIVO1Xs8jD1c8lsTxzaBrMRwSitXDGsGRL0oJtCUE8MurMQRDzKLfjGBpp4YdmGlKWYJxxLIV+GaTC0x7II0JSlxtATaMd54mbzHYyWOoWNEBQq5DLEnxJpmS5VIq6K4Efx/oX5LO65LPoVLW/WZXK45+1LVHWeqlHq33yLaarSF155VDyoBbzysB8HdOVJ/vtWLHO1AGcUvg42uN1gChXfYX1wJ4cqwrXjBP7W/cDneVRn0E8bapZmSIhC0puMtA9gz2g9VttG4HRmHJVoKViqzFGutov2i/tKmuu/EOojAgG/JrrdcUbVNbdVoYjCNjmQLUdIfQofPmaQyP4VvjO1q8EW7xiCZbk/UPhDEPXL2dst7fC2mqz+m9ueqvG6zo78bdT9tiwDXwHaQ5dn3rM+27c1/r3gA9Ol6c86+V39xyVY0AzutTXUf/iBELv6RiD7PG2Nj9YtdDw/h5gZEm0AMEpFKA3QTlmIGflPDQLoQi0m5cBLktl6I+RJtG4dPnT1w9pYq9UvA5X929quqO8qdSt5RMEBkLoaDCCd1/+y7X1EZ5FF3FBEHUo+/EFe4WzmrBRfAnV4M0J+vKVtJ4Vbd157SQWhiTudhhtzzQdx9gmGsPICX+L3vlBXPH7y6VvfnYw6ichG4/6PEvvjsvuKxhj7/UubBqj4HqMhCN2s7q+1c46EZ4Mc2tplXhtITZkwrTpiRYfd9Ol81BG9i0n9Kz7SfUxKD/GOED9IEvNsaJxww9asbQf8HZYpUUu4gcWyuYP4RZGzg5c2lnzFnP/mXCLSZ2LZurCeA7ClWItBjo61P0WpVWF59IQItjC8qLVqtEmtM2bX1EoGskgLuPKZpZsWboo2H0pp0ePwl6azNBWJVC++rgFKBeJ4JpxkPjEOURvoS2zYv2vgsFcg6sQVHWu9U47tvGe3Fu8J9tn0Q6DRo4+5RZFuHSF6csMrgf/FTROmjBlBQI1iH7kyB7bqqolb2slqIF8cq7JHl/6tC+ggEfsm/HrQjUu5OQynkYN85e9d4Dc95oB70FQj+rv+GyWLqzkUp9P+F4r9ZO9YAhy6GEAh8jmFl1Lg93sQKN4RQiPGpqh/WxDL4QcSBoX6z6sFjDjveg5i+LJtaKkFcxNhV+2PN/85+0YDnuIcWCJhSrGSpBXlEwqvCFRFPwft8abcLnhHvauD61CoE8uzXtuof/LbtePRmlQIB3sSUyN0ySsELw9nnlRXkVy1Qk64toxQQhfg1yG/iU7hIgZpcbRhxxm8fhRBXiE1P6n+Pvf49MzMzMzMzMx2eAXIPAG3ZDUeTAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100% auto;
    margin-right: 3px
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-ctg-desc {
    font-size: 12px;
    color: #888
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-product {
    border-radius: 8px;
    background-color: #f5f5f5;
    padding: 12px 12px 8px;
    margin-bottom: 4px
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-product:last-child {
    margin-bottom: 0
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-product-header {
    display: flex
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-product-img {
    width: 100px;
    height: 100px;
    background: url("data:image/svg+xml,%3csvg%20width='161'%20height='161'%20viewBox='0%200%20161%20161'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M140.664%2025.7596H20.7372C17.9779%2025.7596%2015.7402%2027.9973%2015.7402%2030.7566V130.695C15.7402%20133.455%2017.9779%20135.692%2020.7372%20135.692H140.664C143.423%20135.692%20145.661%20133.455%20145.661%20130.695V30.7566C145.661%2027.9973%20143.423%2025.7596%20140.664%2025.7596ZM135.667%2035.7535V109.46L100.189%2082.8513C97.5386%2080.865%2093.8456%2080.865%2091.1956%2082.8513L75.8019%2094.3942L55.2786%2077.9761C52.7067%2075.9165%2049.1464%2075.7603%2046.4074%2077.6029L25.7341%2091.5038V35.7535H135.667ZM25.7341%20125.699V103.55L50.4627%2086.9222L75.6067%20107.035L95.6913%2091.9692L135.667%20121.951V125.699H25.7341Z'%20fill='%23E9E9E9'%20style='fill:%23E9E9E9;fill:color(display-p3%200.9139%200.9139%200.9139);fill-opacity:1;'/%3e%3cpath%20d='M110.681%2075.7291C118.948%2075.7291%20125.672%2069.0051%20125.672%2060.7383C125.672%2052.4714%20118.948%2045.7474%20110.681%2045.7474C102.414%2045.7474%2095.6904%2052.4714%2095.6904%2060.7383C95.6904%2069.0051%20102.414%2075.7291%20110.681%2075.7291ZM110.681%2055.7413C113.436%2055.7413%20115.678%2057.9837%20115.678%2060.7383C115.678%2063.4928%20113.436%2065.7352%20110.681%2065.7352C107.927%2065.7352%20105.684%2063.4928%20105.684%2060.7383C105.684%2057.9837%20107.927%2055.7413%20110.681%2055.7413Z'%20fill='%23E9E9E9'%20style='fill:%23E9E9E9;fill:color(display-p3%200.9139%200.9139%200.9139);fill-opacity:1;'/%3e%3c/svg%3e") no-repeat center;
    background-size: 80px auto;
    background-color: #fff;
    border-radius: 8px
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-product-panel {
    flex: 1;
    margin-left: 12px;
    display: flex;
    flex-direction: column
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-product-text {
    flex: 1
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-product-bar {
    display: flex;
    align-items: flex-end
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-product-price {
    flex: 1;
    color: #ef6b51
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-product-price>span {
    font-size: 12px
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-product-btn {
    padding: 6px 20px;
    border-radius: 8px;
    background-color: #ef6b51;
    color: #fff
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-product-footer {
    margin-top: 12px;
    font-size: 12px;
    display: flex;
    align-items: center
}

.CustomView-panel.CustomView-panel-wechat-store .CustomView-store-product-desc {
    font-size: 12px;
    color: #888
}

.ComponentConfig-item.ComponentConfig-item-appointment-notify .ComponentConfig-title {
    margin-bottom: 8px
}

.ComponentConfig-item.ComponentConfig-item-appointment-notify .ComponentConfig-desc {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px
}

.ComponentConfig-item.ComponentConfig-item-appointment-notify>.t-form>.t-form__item {
    margin-bottom: 16px
}

.ComponentConfig-item.ComponentConfig-item-appointment-notify>.t-form>.t-form__item .PageConfig-textarea {
    margin-top: 8px
}

.ComponentConfig-item.ComponentConfig-item-appointment-notify>.t-form>.t-form__item .t-form__label {
    text-align: left
}

.CustomView-panel-appointment-notify {
    font-family: PingFang SC;
    font-weight: 400
}

.CustomView-panel-appointment-notify .CustomView-Content {
    padding: 16px 14px;
    margin: 15px 0 4px;
    position: relative
}

.CustomView-panel-appointment-notify .CustomView-Content .CustomView-notify-icon {
    position: absolute;
    right: 0;
    top: 0
}

.CustomView-panel-appointment-notify .CustomView-Content .CustomView-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px
}

.CustomView-panel-appointment-notify .CustomView-Content .CustomView-info .CustomView-info-title {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.CustomView-panel-appointment-notify .CustomView-Content .CustomView-info .CustomView-time {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    color: #888;
    font-size: 16px
}

.CustomView-panel-appointment-notify .CustomView-Content .CustomView-Btn {
    display: flex;
    height: 32px;
    min-width: 88px;
    padding: 5px 0;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 2px;
    color: #fff;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 16px
}

.CustomView-panel-appointment-notify .CustomView-Content .CustomView-Btn span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-appointment-notify .CustomView-Content {
    border-radius: 16px;
    margin-top: 25px
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-appointment-notify .CustomView-Content .CustomView-notify-icon svg {
    border-top-right-radius: 16px
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-appointment-notify .CustomView-Btn {
    background-color: #fea400;
    border-radius: 38px;
    color: #000
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-appointment-notify .CustomView-header {
    border-bottom: none;
    padding-top: 4px;
    height: auto
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-appointment-notify .CustomView-Content {
    margin: 5px 0 10px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-appointment-notify .CustomView-Btn {
    border-radius: 100px;
    background: #1289ff
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-appointment-notify .CustomView-header {
    border-bottom: none;
    padding-top: 4px;
    height: auto
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-appointment-notify .CustomView-Content {
    margin: 5px 0 10px
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-appointment-notify .CustomView-Btn {
    border-radius: 2px;
    background: #1289ff
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-appointment-notify .CustomView-header {
    border-bottom: none;
    padding-top: 4px;
    height: auto
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-appointment-notify .CustomView-Content {
    margin: 5px 0 10px
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-appointment-notify .CustomView-Btn {
    border-radius: 100px;
    background: #1289ff
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-appointment-notify .CustomView-header {
    height: auto
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-appointment-notify .CustomView-Content {
    margin: 5px 0 10px
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-appointment-notify .CustomView-Btn {
    border-radius: 2px;
    background: #1289ff
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-appointment-notify .CustomView-Content {
    margin-top: 23px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-appointment-notify .CustomView-Content .CustomView-info-title {
    color: #e1c5aa
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-appointment-notify .CustomView-Btn {
    background: linear-gradient(90deg,#c7a275,#e1c7ad);
    border-radius: 0;
    color: #000
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-appointment-notify .CustomView-Content {
    margin: 16px 11px 0 12px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-appointment-notify .CustomView-Btn {
    background: #00ec94
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-appointment-notify .CustomView-Content {
    border-radius: 3px;
    margin: 16px 0 18px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-appointment-notify .CustomView-Content .CustomView-notify-icon svg {
    border-top-right-radius: 3px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-appointment-notify .CustomView-Btn {
    border-radius: 3px;
    background: linear-gradient(88deg,#875a00 29.52%,#c1874a 174.39%)
}

.ComponentConfig-item.ComponentConfig-item-directory .ComponentConfig-title {
    margin-bottom: 8px
}

.ComponentConfig-item.ComponentConfig-item-directory .ComponentConfig-desc {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px
}

.ComponentConfig-item.ComponentConfig-item-directory>.t-form>.t-form__item {
    margin-bottom: 20px
}

.ComponentConfig-item.ComponentConfig-item-directory>.t-form>.t-form__item .PageConfig-textarea {
    margin-top: 8px
}

.ComponentConfig-item.ComponentConfig-item-directory>.t-form>.t-form__item .t-form__label {
    text-align: left
}

.ComponentConfig-item.ComponentConfig-item-directory>.t-form>.t-form__item .t-radio-group.t-size-m .t-radio-button {
    height: auto;
    margin-right: 16px;
    outline: 1px solid #E6EAF0;
    border-radius: 4px;
    border: none;
    padding: 9px 21px
}

.ComponentConfig-item.ComponentConfig-item-directory>.t-form>.t-form__item .t-radio-group.t-size-m .t-radio-button:last-child {
    margin-right: 0
}

.ComponentConfig-item.ComponentConfig-item-directory>.t-form>.t-form__item .t-radio-group.t-radio-group__outline .t-radio-button.t-is-checked {
    outline: 2px solid #005EFF;
    color: unset;
    border: none;
    border-radius: 4px
}

.ComponentConfig-item.ComponentConfig-item-directory>.t-form>.t-form__item .PageConfig-tpl-item-icon {
    width: 30px;
    height: 30px;
    display: block
}

.ComponentConfig-item.ComponentConfig-item-directory>.t-form>.t-form__item .PageConfig-tpl-item-desc {
    margin-top: 4px;
    font-size: 12px;
    text-align: center;
    line-height: 20px
}

.ComponentConfig-item.ComponentConfig-item-directory .PageConfig-label {
    margin-bottom: 12px
}

.ComponentConfig-item.ComponentConfig-item-directory .ComponentConfig-form-list .ComponentConfig-form-content {
    margin-bottom: 0
}

.ComponentConfig-item.ComponentConfig-item-directory .ComponentConfig-form-list .ComponentConfig-form-content>.t-form__item {
    margin-bottom: 16px
}

.ComponentConfig-item.ComponentConfig-item-directory .ComponentConfig-form-list .ComponentConfig-form-content>.t-form__item .t-form__label {
    text-align: left
}

.ComponentConfig-item.ComponentConfig-item-directory .ComponentConfig-form-list .ComponentConfig-form-content>.t-form__item:last-child {
    margin-bottom: 0
}

.ComponentConfig-item.ComponentConfig-item-directory .ComponentConfig-form-list .ComponentConfig-form-delete-disabled {
    opacity: .5
}

.CustomView-panel.CustomView-panel-directory {
    font-family: PingFang SC;
    font-weight: 400;
    padding: 16px 11px 16px 12px
}

.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 15px
}

.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list .CustomView-directory-item {
    display: flex;
    padding: 10px 30px 11px 10px;
    align-items: center;
    gap: 11px
}

.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list .CustomView-directory-item-icon {
    height: 49px;
    width: 65px;
    flex-shrink: 0
}

.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list .CustomView-directory-item-icon img,.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list .CustomView-directory-item-icon .banner-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 1px
}

.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list .CustomView-directory-item-icon .t-space-vertical>.t-space-item:last-child {
    display: none
}

.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list .CustomView-directory-item-title {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    gap: 12px
}

.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid .CustomView-directory-wrap .CustomView-directory-item {
    display: flex;
    gap: 10px;
    flex-direction: column
}

.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid .CustomView-directory-wrap .CustomView-directory-item-icon {
    height: 119px;
    width: 158px;
    flex-shrink: 0
}

.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid .CustomView-directory-wrap .CustomView-directory-item-icon img,.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid .CustomView-directory-wrap .CustomView-directory-item-icon .banner-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 3px
}

.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid .CustomView-directory-wrap .CustomView-directory-item-icon img>.t-image__error,.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid .CustomView-directory-wrap .CustomView-directory-item-icon .banner-img>.t-image__error {
    background-color: #f5f5f5
}

.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid .CustomView-directory-wrap .CustomView-directory-item-icon img>.t-image__error .t-space-vertical,.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid .CustomView-directory-wrap .CustomView-directory-item-icon .banner-img>.t-image__error .t-space-vertical {
    display: none
}

.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid .CustomView-directory-wrap .CustomView-directory-item-icon img>.t-image__error .banner-icon,.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid .CustomView-directory-wrap .CustomView-directory-item-icon .banner-img>.t-image__error .banner-icon {
    width: 85px;
    height: 85px
}

.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid .CustomView-directory-wrap .CustomView-directory-item-icon .t-space-vertical>.t-space-item:last-child {
    display: none
}

.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid .CustomView-directory-wrap .CustomView-directory-item-title {
    color: #000;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    max-width: 158px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid .CustomView-directory-item-small .CustomView-directory-item {
    gap: 6px
}

.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid .CustomView-directory-item-small .CustomView-directory-item-icon {
    height: 76px;
    width: 101px
}

.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid .CustomView-directory-item-small .CustomView-directory-item-icon .banner-img>.t-image__error {
    background-color: #f5f5f5
}

.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid .CustomView-directory-item-small .CustomView-directory-item-icon .banner-img>.t-image__error .banner-icon {
    width: 64px;
    height: 64px
}

.CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid .CustomView-directory-item-small .CustomView-directory-item-title {
    max-width: 101px
}

.CustomView-panel.CustomView-panel-directory .CustomView-more {
    margin-top: 15px
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-directory {
    padding: 22px 11px 22px 12px
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list {
    margin-top: 25px
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list .CustomView-directory-item {
    border-radius: 9px;
    background: #fff9d5;
    padding: 10px 0 11px 10px
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid {
    margin-top: 25px
}

.ViewStyle-intro-fresh .CustomView-panel.CustomView-panel-directory .CustomView-more {
    margin-top: 22px;
    margin-bottom: 0
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-directory {
    padding: 22px 11px 20px 12px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-directory .CustomView-header {
    border-bottom: none;
    padding-top: 4px;
    height: auto
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-directory .CustomView-header .CustomView-title {
    margin-bottom: 0
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list {
    margin-top: 22px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list .CustomView-directory-item {
    background: #f1f1f1
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid {
    margin-top: 21px
}

.ViewStyle-patrol-normal .CustomView-panel.CustomView-panel-directory .CustomView-more {
    margin-top: 18px
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-directory {
    padding: 16px 11px 18px 12px
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-directory .CustomView-header {
    height: auto
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-directory .CustomView-header .CustomView-title {
    margin-bottom: 0
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list {
    margin-top: 22px
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list .CustomView-directory-item {
    background: #fff;
    border-radius: 4px
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid {
    margin-top: 21px
}

.ViewStyle-patrol-advance .CustomView-panel.CustomView-panel-directory .CustomView-more {
    margin-top: 18px
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-directory {
    padding: 22px 11px 19px 12px
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-directory .CustomView-header {
    border-bottom: none;
    height: auto
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-directory .CustomView-header .CustomView-title {
    margin-bottom: 0
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list {
    margin-top: 22px
}

.ViewStyle-patrol-color .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid {
    margin-top: 21px
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-directory {
    padding: 22px 9px 19px 10px
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-directory .CustomView-header {
    border-bottom: none;
    height: auto
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-directory .CustomView-header .CustomView-title {
    margin-bottom: 0
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list {
    margin-top: 22px
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list .CustomView-directory-item {
    background: #f1f1f1
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid {
    margin-top: 21px
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid .CustomView-directory-wrap .CustomView-directory-item-icon {
    width: 146px;
    height: 109px
}

.ViewStyle-trace-color .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid .CustomView-directory-item-small .CustomView-directory-item-icon {
    width: 93px;
    height: 70px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-directory {
    padding: 14px 11px 20px 12px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list {
    margin-top: 24px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list .CustomView-directory-item {
    background: #3a2016
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list .CustomView-directory-item .CustomView-directory-item-title {
    color: #fff
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid {
    margin-top: 24px
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid .CustomView-directory-item-title {
    color: #fff
}

.ViewStyle-intro-drinks .CustomView-panel.CustomView-panel-directory .CustomView-more {
    margin-top: 19px;
    margin-bottom: 2px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list {
    margin-top: 0;
    padding: 16px 11px 16px 12px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list .CustomView-directory-item {
    background: #f1f1f1
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-grid {
    margin-top: 0;
    padding: 15px 10px 15px 11px;
    box-sizing: border-box;
    gap: 10px
}

.ViewStyle-intro-educate .CustomView-panel.CustomView-panel-directory .CustomView-more {
    margin-top: 0;
    margin-bottom: 16px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-directory {
    padding: 16px 11px 26px 12px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list {
    margin-top: 16px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-directory .CustomView-Content .CustomView-Content-wrap.CustomView-Content-wrap-list .CustomView-directory-item {
    background: #faede1;
    border-radius: 4px
}

.ViewStyle-intro-national .CustomView-panel.CustomView-panel-directory .CustomView-more {
    margin-top: 16px
}

.ViewTheme-intro-color-blue .CustomView-panel.CustomView-panel-directory .CustomView-Content-wrap-list .CustomView-directory-item,.ViewTheme-patrol-color-blue .CustomView-panel.CustomView-panel-directory .CustomView-Content-wrap-list .CustomView-directory-item {
    background-color: #eff4fa
}

.ViewTheme-intro-color-purple .CustomView-panel.CustomView-panel-directory .CustomView-Content-wrap-list .CustomView-directory-item,.ViewTheme-patrol-color-purple .CustomView-panel.CustomView-panel-directory .CustomView-Content-wrap-list .CustomView-directory-item {
    background-color: #f8f7fa
}

.ViewTheme-intro-color-green .CustomView-panel.CustomView-panel-directory .CustomView-Content-wrap-list .CustomView-directory-item,.ViewTheme-patrol-color-green .CustomView-panel.CustomView-panel-directory .CustomView-Content-wrap-list .CustomView-directory-item {
    background-color: #edf9f7
}

.ViewTheme-intro-color-yellow .CustomView-panel.CustomView-panel-directory .CustomView-Content-wrap-list .CustomView-directory-item,.ViewTheme-patrol-color-yellow .CustomView-panel.CustomView-panel-directory .CustomView-Content-wrap-list .CustomView-directory-item {
    background-color: #fff5e7
}

.ViewTheme-intro-color-red .CustomView-panel.CustomView-panel-directory .CustomView-Content-wrap-list .CustomView-directory-item,.ViewTheme-patrol-color-red .CustomView-panel.CustomView-panel-directory .CustomView-Content-wrap-list .CustomView-directory-item {
    background-color: #f9efee
}

.ViewTheme-intro-color-pink .CustomView-panel.CustomView-panel-directory .CustomView-Content-wrap-list .CustomView-directory-item,.ViewTheme-patrol-color-pink .CustomView-panel.CustomView-panel-directory .CustomView-Content-wrap-list .CustomView-directory-item {
    background-color: #fcedf4
}

.ViewTheme-intro-color-black .CustomView-panel.CustomView-panel-directory .CustomView-Content-wrap-list .CustomView-directory-item,.ViewTheme-patrol-color-black .CustomView-panel.CustomView-panel-directory .CustomView-Content-wrap-list .CustomView-directory-item {
    background-color: #f6f6f6
}

.PageTemplate-wrap {
    padding: 20px;
    box-sizing: content-box
}

.PageTemplate-wrap .PageTemplate-search {
    margin-bottom: 20px
}

.PageTemplate-wrap .PageTemplate-list {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap
}

.PageTemplate-wrap .PageTemplate-add {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column
}

.PageTemplate-wrap .PageTemplate-item {
    width: 147px;
    height: 204px;
    flex: 0 0 auto;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 0 4px #c1c1c140;
    cursor: pointer
}

.PageTemplate-wrap .PageTemplate-add-icon {
    width: 25px;
    height: 24px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAwCAYAAAC4wJK5AAAACXBIWXMAABYlAAAWJQFJUiTwAAABaWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QcXKWq8MSlPPgAAAJxJREFUeAHt2MEJhDAURdGXYfqaqcNm1GasQyuLgiCKupBEeYZ7Fi78ELwLha8EZBN0hyo207U+mbbqQqOMPioAES6IcEGECyJcEOGCCBdEuCgiYr8UzQtN6qk/Rf1PZv00G5RqtVgdRUS9QReWZ+edcEGEiyIivgf3WqV64hO7OfIO/Dy7jggXRLggwgURLohwQYQLIlwUEQFkNAIOlRbUdXk4LQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: 12px
}

.PageTemplate-wrap .PageTemplate-item-preview {
    height: 160px;
    width: 147px;
    overflow: hidden
}

.PageTemplate-wrap .PageTemplate-item-title {
    padding: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.FormTemplate-wrap {
    padding: 20px;
    box-sizing: content-box
}

.FormTemplate-wrap .FormTemplate-search {
    margin-bottom: 20px
}

.FormTemplate-wrap .FormTemplate-list {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap
}

.FormTemplate-wrap .FormTemplate-add {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column
}

.FormTemplate-wrap .FormTemplate-item {
    width: 147px;
    height: 204px;
    flex: 0 0 auto;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 0 4px #c1c1c140;
    cursor: pointer
}

.FormTemplate-wrap .FormTemplate-add-icon {
    width: 25px;
    height: 24px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAwCAYAAAC4wJK5AAAACXBIWXMAABYlAAAWJQFJUiTwAAABaWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QcXKWq8MSlPPgAAAJxJREFUeAHt2MEJhDAURdGXYfqaqcNm1GasQyuLgiCKupBEeYZ7Fi78ELwLha8EZBN0hyo207U+mbbqQqOMPioAES6IcEGECyJcEOGCCBdEuCgiYr8UzQtN6qk/Rf1PZv00G5RqtVgdRUS9QReWZ+edcEGEiyIivgf3WqV64hO7OfIO/Dy7jggXRLggwgURLohwQYQLIlwUEQFkNAIOlRbUdXk4LQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: 12px
}

.FormTemplate-wrap .FormTemplate-item-preview {
    height: 160px;
    width: 147px;
    overflow: hidden
}

.FormTemplate-wrap .FormTemplate-item-title {
    padding: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}