.message-host[data-v-e8c9de02] {
    position: absolute;
    top: 70px;
    right: 32px;
    z-index: 99999
}

.message-group[data-v-e8c9de02] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.message-group .message-item[data-v-e8c9de02] {
    padding: 12px 16px;
    border-radius: 8px;
    text-align: center;
    pointer-events: all;
    background: #fff;
    box-shadow: 0 4px 8px #0000001a;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.message-group .message-item .close-icon[data-v-e8c9de02] {
    margin-left: 12px;
    cursor: pointer
}

.message-group .message-item-error[data-v-e8c9de02] {
    color: #ef4444
}

.message-group .message-item-success[data-v-e8c9de02] {
    color: #000
}

.message-slide-enter-from[data-v-e8c9de02],
.message-slide-leave-to[data-v-e8c9de02] {
    opacity: 0;
    transform: translateY(-10px)
}

.message-slide-enter-active[data-v-e8c9de02],
.message-slide-leave-active[data-v-e8c9de02] {
    transition: all .2s ease
}

.autobots-chat-input[data-v-feee80ef] {
    position: relative
}

.autobots-chat-input .input[data-v-feee80ef] {
    width: 100%;
    min-height: 48px;
    padding: 12px 56px 12px 16px;
    background: #fff;
    border: 1px solid var(--autobots-color-primary);
    border-radius: 8px;
    outline: none;
    font-size: 14px;
    line-height: 24px;
    resize: none;
    overflow: hidden;
    font-family: inherit
}

.autobots-chat-input .input[data-v-feee80ef]::placeholder {
    color: #a1a1aa;
    opacity: .5
}

.autobots-chat-input .btn[data-v-feee80ef] {
    width: 32px;
    height: 32px;
    background: var(--autobots-color-primary);
    border-radius: 32px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 16px;
    bottom: 12px;
    color: #fff;
    transition: all .2s ease
}

.autobots-chat-input .btn .icon[data-v-feee80ef] {
    width: 12px;
    height: 12px
}

.autobots-chat-input .btn.is-disabled[data-v-feee80ef] {
    background: #d1d5db;
    cursor: not-allowed;
    opacity: .6
}

.autobots-chat-input .btn.is-disabled .icon[data-v-feee80ef] {
    opacity: .5
}

.autobots-chat-input .btn[data-v-feee80ef]:not(.is-disabled):hover {
    opacity: .9;
    transform: scale(1.05)
}

.t-icon {
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em
}

.t-icon:before {
    font-family: unset
}

.t-icon.t-size-s,
i.t-size-s {
    font-size: 14px
}

.t-icon.t-size-m,
i.t-size-m {
    font-size: 16px
}

.t-icon.t-size-l,
i.t-size-l {
    font-size: 18px
}

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

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 0
    }
}

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

    to {
        transform: rotate(360deg)
    }
}

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

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

    to {
        transform: scale(1)
    }
}

.t-loading {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    color: var(--td-brand-color);
    font-size: var(--td-comp-size-l)
}

.t-loading--lock {
    overflow: hidden
}

.t-loading.t-size-s {
    font-size: var(--td-comp-size-xxxs)
}

.t-loading.t-size-l {
    font-size: var(--td-comp-size-xxxl)
}

.t-loading__parent--relative {
    position: relative !important
}

.t-loading__fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3500
}

.t-loading--center {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center
}

.t-loading__content {
    position: absolute;
    left: 48%;
    top: 20%
}

.t-loading--inherit-color {
    color: inherit
}

.t-loading__parent {
    position: relative
}

.t-loading__overlay {
    background-color: var(--td-mask-disabled)
}

.t-loading--full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3500
}

.t-loading--hidden {
    visibility: hidden
}

.t-loading--visible {
    visibility: visible
}

.t-loading__text {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    font: var(--td-font-body-medium);
    margin-left: var(--td-comp-margin-xs)
}

.t-loading__gradient {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle
}

.t-loading__gradient-conic {
    width: 100%;
    height: 100%;
    border-radius: var(--td-radius-circle);
    background: conic-gradient(from 90deg at 50% 50%, #fff 0deg, currentcolor 360deg);
    -webkit-mask: radial-gradient(transparent calc(50% - .5px), #fff 50%);
    mask: radial-gradient(transparent calc(50% - .5px), #fff 50%)
}

.t-button {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 0;
    overflow: hidden;
    font-size: var(--td-font-body-medium);
    outline: none;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background-color: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: var(--td-radius-default);
    transition: all .2s linear;
    touch-action: manipulation;
    text-decoration: none
}

.t-button .t-button__text,
.t-button .t-icon {
    position: relative;
    z-index: 1;
    display: inline-flex
}

.t-button .t-icon,
.t-button .t-loading {
    font-size: var(--td-font-size-body-large)
}

.t-button .t-icon+.t-button__text:not(:empty) {
    margin-left: 8px
}

.t-button .t-loading+.t-button__text:not(:empty) {
    margin-left: 8px
}

.t-button .t-button__suffix:not(:empty) {
    display: inline-flex;
    margin-left: 8px
}

.t-button--variant-base {
    color: var(--td-text-color-anti);
    height: var(--td-comp-size-m);
    font: var(--td-font-body-medium);
    padding-left: calc(var(--td-comp-paddingLR-l) - 1px);
    padding-right: calc(var(--td-comp-paddingLR-l) - 1px);
    background-color: var(--td-bg-color-component);
    border-color: var(--td-bg-color-component);
    color: var(--td-text-color-primary)
}

.t-button--variant-base .t-icon,
.t-button--variant-base .t-loading {
    font-size: var(--td-font-size-body-large)
}

.t-button--variant-base:hover,
.t-button--variant-base:focus-visible {
    background-color: var(--td-bg-color-component-hover)
}

.t-button--variant-base.t-is-loading,
.t-button--variant-base.t-is-disabled {
    background-color: var(--td-bg-color-component-disabled)
}

.t-button--variant-base:hover,
.t-button--variant-base:focus-visible {
    border-color: var(--td-bg-color-component-hover)
}

.t-button--variant-base.t-is-loading,
.t-button--variant-base.t-is-disabled {
    border-color: var(--td-bg-color-component-disabled)
}

.t-button--variant-base:hover,
.t-button--variant-base:focus-visible {
    color: var(--td-text-color-primary)
}

.t-button--variant-base.t-is-loading,
.t-button--variant-base.t-is-disabled {
    color: var(--td-text-color-disabled)
}

.t-button--variant-base.t-button--theme-primary {
    color: var(--td-text-color-anti);
    background-color: var(--td-brand-color);
    border-color: var(--td-brand-color)
}

.t-button--variant-base.t-button--theme-primary:hover,
.t-button--variant-base.t-button--theme-primary:focus-visible {
    background-color: var(--td-brand-color-hover)
}

.t-button--variant-base.t-button--theme-primary.t-is-loading,
.t-button--variant-base.t-button--theme-primary.t-is-disabled {
    background-color: var(--td-brand-color-disabled)
}

.t-button--variant-base.t-button--theme-primary:hover,
.t-button--variant-base.t-button--theme-primary:focus-visible {
    border-color: var(--td-brand-color-hover)
}

.t-button--variant-base.t-button--theme-primary.t-is-loading,
.t-button--variant-base.t-button--theme-primary.t-is-disabled {
    border-color: var(--td-brand-color-disabled)
}

.t-button--variant-base.t-button--theme-success {
    color: var(--td-text-color-anti);
    background-color: var(--td-success-color);
    border-color: var(--td-success-color)
}

.t-button--variant-base.t-button--theme-success:hover,
.t-button--variant-base.t-button--theme-success:focus-visible {
    background-color: var(--td-success-color-hover)
}

.t-button--variant-base.t-button--theme-success.t-is-loading,
.t-button--variant-base.t-button--theme-success.t-is-disabled {
    background-color: var(--td-success-color-disabled)
}

.t-button--variant-base.t-button--theme-success:hover,
.t-button--variant-base.t-button--theme-success:focus-visible {
    border-color: var(--td-success-color-hover)
}

.t-button--variant-base.t-button--theme-success.t-is-loading,
.t-button--variant-base.t-button--theme-success.t-is-disabled {
    border-color: var(--td-success-color-disabled)
}

.t-button--variant-base.t-button--theme-warning {
    color: var(--td-text-color-anti);
    background-color: var(--td-warning-color);
    border-color: var(--td-warning-color)
}

.t-button--variant-base.t-button--theme-warning:hover,
.t-button--variant-base.t-button--theme-warning:focus-visible {
    background-color: var(--td-warning-color-hover)
}

.t-button--variant-base.t-button--theme-warning.t-is-loading,
.t-button--variant-base.t-button--theme-warning.t-is-disabled {
    background-color: var(--td-warning-color-disabled)
}

.t-button--variant-base.t-button--theme-warning:hover,
.t-button--variant-base.t-button--theme-warning:focus-visible {
    border-color: var(--td-warning-color-hover)
}

.t-button--variant-base.t-button--theme-warning.t-is-loading,
.t-button--variant-base.t-button--theme-warning.t-is-disabled {
    border-color: var(--td-warning-color-disabled)
}

.t-button--variant-base.t-button--theme-danger {
    color: var(--td-text-color-anti);
    background-color: var(--td-error-color);
    border-color: var(--td-error-color)
}

.t-button--variant-base.t-button--theme-danger:hover,
.t-button--variant-base.t-button--theme-danger:focus-visible {
    background-color: var(--td-error-color-hover)
}

.t-button--variant-base.t-button--theme-danger.t-is-loading,
.t-button--variant-base.t-button--theme-danger.t-is-disabled {
    background-color: var(--td-error-color-disabled)
}

.t-button--variant-base.t-button--theme-danger:hover,
.t-button--variant-base.t-button--theme-danger:focus-visible {
    border-color: var(--td-error-color-hover)
}

.t-button--variant-base.t-button--theme-danger.t-is-loading,
.t-button--variant-base.t-button--theme-danger.t-is-disabled {
    border-color: var(--td-error-color-disabled)
}

.t-button--variant-base.t-button--ghost {
    background-color: transparent;
    color: var(--td-text-color-anti);
    border-color: var(--td-text-color-anti)
}

.t-button--variant-base.t-button--ghost:hover,
.t-button--variant-base.t-button--ghost:focus-visible {
    background-color: transparent
}

.t-button--variant-base.t-button--ghost:active,
.t-button--variant-base.t-button--ghost.t-is-loading {
    background-color: transparent
}

.t-button--variant-base.t-button--ghost.t-is-disabled {
    background-color: #ffffff38;
    background-color: transparent
}

.t-button--variant-base.t-button--ghost:hover,
.t-button--variant-base.t-button--ghost:focus-visible {
    color: var(--td-brand-color-hover)
}

.t-button--variant-base.t-button--ghost:active {
    color: var(--td-brand-color-active)
}

.t-button--variant-base.t-button--ghost.t-is-loading {
    color: var(--td-text-color-anti)
}

.t-button--variant-base.t-button--ghost.t-is-disabled {
    color: #ffffff38;
    background-color: transparent
}

.t-button--variant-base.t-button--ghost:hover,
.t-button--variant-base.t-button--ghost:focus-visible {
    border-color: var(--td-brand-color-hover)
}

.t-button--variant-base.t-button--ghost:active {
    border-color: var(--td-brand-color-active)
}

.t-button--variant-base.t-button--ghost.t-is-loading {
    border-color: var(--td-text-color-anti)
}

.t-button--variant-base.t-button--ghost.t-is-disabled {
    border-color: #ffffff38;
    background-color: transparent
}

.t-button--variant-base.t-button--ghost.t-button--theme-primary {
    color: var(--td-brand-color);
    border-color: var(--td-brand-color)
}

.t-button--variant-base.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-primary:focus-visible {
    color: var(--td-brand-color-hover)
}

.t-button--variant-base.t-button--ghost.t-button--theme-primary:active {
    color: var(--td-brand-color-active)
}

.t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-loading {
    color: var(--td-brand-color)
}

.t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-disabled {
    color: #ffffff38;
    background-color: transparent
}

.t-button--variant-base.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-primary:focus-visible {
    border-color: var(--td-brand-color-hover)
}

.t-button--variant-base.t-button--ghost.t-button--theme-primary:active {
    border-color: var(--td-brand-color-active)
}

.t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-loading {
    border-color: var(--td-brand-color)
}

.t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-disabled {
    border-color: #ffffff38;
    background-color: transparent
}

.t-button--variant-base.t-button--ghost.t-button--theme-success {
    color: var(--td-success-color);
    border-color: var(--td-success-color)
}

.t-button--variant-base.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-success:focus-visible {
    color: var(--td-success-color-hover)
}

.t-button--variant-base.t-button--ghost.t-button--theme-success:active {
    color: var(--td-success-color-active)
}

.t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-loading {
    color: var(--td-success-color)
}

.t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-disabled {
    color: #ffffff38;
    background-color: transparent
}

.t-button--variant-base.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-success:focus-visible {
    border-color: var(--td-success-color-hover)
}

.t-button--variant-base.t-button--ghost.t-button--theme-success:active {
    border-color: var(--td-success-color-active)
}

.t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-loading {
    border-color: var(--td-success-color)
}

.t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-disabled {
    border-color: #ffffff38;
    background-color: transparent
}

.t-button--variant-base.t-button--ghost.t-button--theme-warning {
    color: var(--td-warning-color);
    border-color: var(--td-warning-color)
}

.t-button--variant-base.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-warning:focus-visible {
    color: var(--td-warning-color-hover)
}

.t-button--variant-base.t-button--ghost.t-button--theme-warning:active {
    color: var(--td-warning-color-active)
}

.t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-loading {
    color: var(--td-warning-color)
}

.t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-disabled {
    color: #ffffff38;
    background-color: transparent
}

.t-button--variant-base.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-warning:focus-visible {
    border-color: var(--td-warning-color-hover)
}

.t-button--variant-base.t-button--ghost.t-button--theme-warning:active {
    border-color: var(--td-warning-color-active)
}

.t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-loading {
    border-color: var(--td-warning-color)
}

.t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-disabled {
    border-color: #ffffff38;
    background-color: transparent
}

.t-button--variant-base.t-button--ghost.t-button--theme-danger {
    color: var(--td-error-color);
    border-color: var(--td-error-color)
}

.t-button--variant-base.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-danger:focus-visible {
    color: var(--td-error-color-hover)
}

.t-button--variant-base.t-button--ghost.t-button--theme-danger:active {
    color: var(--td-error-color-active)
}

.t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-loading {
    color: var(--td-error-color)
}

.t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-disabled {
    color: #ffffff38;
    background-color: transparent
}

.t-button--variant-base.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-danger:focus-visible {
    border-color: var(--td-error-color-hover)
}

.t-button--variant-base.t-button--ghost.t-button--theme-danger:active {
    border-color: var(--td-error-color-active)
}

.t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-loading {
    border-color: var(--td-error-color)
}

.t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-disabled {
    border-color: #ffffff38;
    background-color: transparent
}

.t-button--variant-base.t-is-loading:not(.t-button--variant-base.t-button--ghost).t-button--theme-default {
    color: var(--td-text-color-primary)
}

.t-button--variant-outline {
    height: var(--td-comp-size-m);
    font: var(--td-font-body-medium);
    padding-left: calc(var(--td-comp-paddingLR-l) - 1px);
    padding-right: calc(var(--td-comp-paddingLR-l) - 1px);
    color: var(--td-text-color-primary);
    background-color: var(--td-bg-color-specialcomponent);
    border-color: var(--td-border-level-2-color)
}

.t-button--variant-outline .t-icon,
.t-button--variant-outline .t-loading {
    font-size: var(--td-font-size-body-large)
}

.t-button--variant-outline:hover,
.t-button--variant-outline:focus-visible {
    color: var(--td-brand-color-hover)
}

.t-button--variant-outline.t-is-loading,
.t-button--variant-outline.t-is-disabled {
    color: var(--td-text-color-disabled)
}

.t-button--variant-outline:hover,
.t-button--variant-outline:focus-visible {
    background-color: var(--td-bg-color-specialcomponent)
}

.t-button--variant-outline.t-is-loading,
.t-button--variant-outline.t-is-disabled {
    background-color: var(--td-bg-color-component-disabled)
}

.t-button--variant-outline:hover,
.t-button--variant-outline:focus-visible {
    border-color: var(--td-brand-color-hover)
}

.t-button--variant-outline.t-is-loading,
.t-button--variant-outline.t-is-disabled {
    border-color: var(--td-border-level-2-color)
}

.t-button--variant-outline.t-button--theme-primary {
    color: var(--td-brand-color);
    border-color: var(--td-brand-color)
}

.t-button--variant-outline.t-button--theme-primary:hover,
.t-button--variant-outline.t-button--theme-primary:focus-visible {
    color: var(--td-brand-color-hover)
}

.t-button--variant-outline.t-button--theme-primary.t-is-loading,
.t-button--variant-outline.t-button--theme-primary.t-is-disabled {
    color: var(--td-brand-color-disabled)
}

.t-button--variant-outline.t-button--theme-primary:hover,
.t-button--variant-outline.t-button--theme-primary:focus-visible {
    border-color: var(--td-brand-color-hover)
}

.t-button--variant-outline.t-button--theme-primary.t-is-loading,
.t-button--variant-outline.t-button--theme-primary.t-is-disabled {
    border-color: var(--td-brand-color-disabled)
}

.t-button--variant-outline.t-button--theme-success {
    color: var(--td-success-color);
    border-color: var(--td-success-color)
}

.t-button--variant-outline.t-button--theme-success:hover,
.t-button--variant-outline.t-button--theme-success:focus-visible {
    color: var(--td-success-color-hover)
}

.t-button--variant-outline.t-button--theme-success.t-is-loading,
.t-button--variant-outline.t-button--theme-success.t-is-disabled {
    color: var(--td-success-color-disabled)
}

.t-button--variant-outline.t-button--theme-success:hover,
.t-button--variant-outline.t-button--theme-success:focus-visible {
    border-color: var(--td-success-color-hover)
}

.t-button--variant-outline.t-button--theme-success.t-is-loading,
.t-button--variant-outline.t-button--theme-success.t-is-disabled {
    border-color: var(--td-success-color-disabled)
}

.t-button--variant-outline.t-button--theme-warning {
    color: var(--td-warning-color);
    border-color: var(--td-warning-color)
}

.t-button--variant-outline.t-button--theme-warning:hover,
.t-button--variant-outline.t-button--theme-warning:focus-visible {
    color: var(--td-warning-color-hover)
}

.t-button--variant-outline.t-button--theme-warning.t-is-loading,
.t-button--variant-outline.t-button--theme-warning.t-is-disabled {
    color: var(--td-warning-color-disabled)
}

.t-button--variant-outline.t-button--theme-warning:hover,
.t-button--variant-outline.t-button--theme-warning:focus-visible {
    border-color: var(--td-warning-color-hover)
}

.t-button--variant-outline.t-button--theme-warning.t-is-loading,
.t-button--variant-outline.t-button--theme-warning.t-is-disabled {
    border-color: var(--td-warning-color-disabled)
}

.t-button--variant-outline.t-button--theme-danger {
    color: var(--td-error-color);
    border-color: var(--td-error-color)
}

.t-button--variant-outline.t-button--theme-danger:hover,
.t-button--variant-outline.t-button--theme-danger:focus-visible {
    color: var(--td-error-color-hover)
}

.t-button--variant-outline.t-button--theme-danger.t-is-loading,
.t-button--variant-outline.t-button--theme-danger.t-is-disabled {
    color: var(--td-error-color-disabled)
}

.t-button--variant-outline.t-button--theme-danger:hover,
.t-button--variant-outline.t-button--theme-danger:focus-visible {
    border-color: var(--td-error-color-hover)
}

.t-button--variant-outline.t-button--theme-danger.t-is-loading,
.t-button--variant-outline.t-button--theme-danger.t-is-disabled {
    border-color: var(--td-error-color-disabled)
}

.t-button--variant-outline.t-button--ghost {
    background-color: transparent;
    color: var(--td-text-color-anti);
    border-color: var(--td-text-color-anti)
}

.t-button--variant-outline.t-button--ghost:hover,
.t-button--variant-outline.t-button--ghost:focus-visible {
    background-color: transparent
}

.t-button--variant-outline.t-button--ghost:active,
.t-button--variant-outline.t-button--ghost.t-is-loading {
    background-color: transparent
}

.t-button--variant-outline.t-button--ghost.t-is-disabled {
    background-color: #ffffff38;
    background-color: transparent
}

.t-button--variant-outline.t-button--ghost:hover,
.t-button--variant-outline.t-button--ghost:focus-visible {
    color: var(--td-brand-color-hover)
}

.t-button--variant-outline.t-button--ghost:active {
    color: var(--td-brand-color-active)
}

.t-button--variant-outline.t-button--ghost.t-is-loading {
    color: var(--td-text-color-anti)
}

.t-button--variant-outline.t-button--ghost.t-is-disabled {
    color: #ffffff38;
    background-color: transparent
}

.t-button--variant-outline.t-button--ghost:hover,
.t-button--variant-outline.t-button--ghost:focus-visible {
    border-color: var(--td-brand-color-hover)
}

.t-button--variant-outline.t-button--ghost:active {
    border-color: var(--td-brand-color-active)
}

.t-button--variant-outline.t-button--ghost.t-is-loading {
    border-color: var(--td-text-color-anti)
}

.t-button--variant-outline.t-button--ghost.t-is-disabled {
    border-color: #ffffff38;
    background-color: transparent
}

.t-button--variant-outline.t-button--ghost.t-button--theme-primary {
    color: var(--td-brand-color);
    border-color: var(--td-brand-color)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:focus-visible {
    color: var(--td-brand-color-hover)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-primary:active {
    color: var(--td-brand-color-active)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-loading {
    color: var(--td-brand-color)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-disabled {
    color: #ffffff38;
    background-color: transparent
}

.t-button--variant-outline.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:focus-visible {
    border-color: var(--td-brand-color-hover)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-primary:active {
    border-color: var(--td-brand-color-active)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-loading {
    border-color: var(--td-brand-color)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-disabled {
    border-color: #ffffff38;
    background-color: transparent
}

.t-button--variant-outline.t-button--ghost.t-button--theme-success {
    color: var(--td-success-color);
    border-color: var(--td-success-color)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-success:focus-visible {
    color: var(--td-success-color-hover)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-success:active {
    color: var(--td-success-color-active)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-loading {
    color: var(--td-success-color)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-disabled {
    color: #ffffff38;
    background-color: transparent
}

.t-button--variant-outline.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-success:focus-visible {
    border-color: var(--td-success-color-hover)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-success:active {
    border-color: var(--td-success-color-active)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-loading {
    border-color: var(--td-success-color)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-disabled {
    border-color: #ffffff38;
    background-color: transparent
}

.t-button--variant-outline.t-button--ghost.t-button--theme-warning {
    color: var(--td-warning-color);
    border-color: var(--td-warning-color)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:focus-visible {
    color: var(--td-warning-color-hover)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-warning:active {
    color: var(--td-warning-color-active)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-loading {
    color: var(--td-warning-color)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-disabled {
    color: #ffffff38;
    background-color: transparent
}

.t-button--variant-outline.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:focus-visible {
    border-color: var(--td-warning-color-hover)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-warning:active {
    border-color: var(--td-warning-color-active)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-loading {
    border-color: var(--td-warning-color)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-disabled {
    border-color: #ffffff38;
    background-color: transparent
}

.t-button--variant-outline.t-button--ghost.t-button--theme-danger {
    color: var(--td-error-color);
    border-color: var(--td-error-color)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:focus-visible {
    color: var(--td-error-color-hover)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-danger:active {
    color: var(--td-error-color-active)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-loading {
    color: var(--td-error-color)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-disabled {
    color: #ffffff38;
    background-color: transparent
}

.t-button--variant-outline.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:focus-visible {
    border-color: var(--td-error-color-hover)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-danger:active {
    border-color: var(--td-error-color-active)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-loading {
    border-color: var(--td-error-color)
}

.t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-disabled {
    border-color: #ffffff38;
    background-color: transparent
}

.t-button--variant-outline.t-is-loading:not(.t-button--variant-outline.t-button--ghost) {
    color: var(--td-text-color-primary)
}

.t-button--variant-outline.t-is-loading:not(.t-button--variant-outline.t-button--ghost).t-button--theme-primary {
    color: var(--td-brand-color);
    background-color: transparent
}

.t-button--variant-outline.t-is-loading:not(.t-button--variant-outline.t-button--ghost).t-button--theme-success {
    color: var(--td-success-color);
    background-color: transparent
}

.t-button--variant-outline.t-is-loading:not(.t-button--variant-outline.t-button--ghost).t-button--theme-warning {
    color: var(--td-warning-color);
    background-color: transparent
}

.t-button--variant-outline.t-is-loading:not(.t-button--variant-outline.t-button--ghost).t-button--theme-danger {
    color: var(--td-error-color);
    background-color: transparent
}

.t-button--variant-dashed {
    height: var(--td-comp-size-m);
    font: var(--td-font-body-medium);
    padding-left: calc(var(--td-comp-paddingLR-l) - 1px);
    padding-right: calc(var(--td-comp-paddingLR-l) - 1px);
    color: var(--td-text-color-primary);
    background-color: var(--td-bg-color-specialcomponent);
    border-color: var(--td-border-level-2-color);
    border-style: dashed
}

.t-button--variant-dashed .t-icon,
.t-button--variant-dashed .t-loading {
    font-size: var(--td-font-size-body-large)
}

.t-button--variant-dashed:hover,
.t-button--variant-dashed:focus-visible {
    color: var(--td-brand-color-hover)
}

.t-button--variant-dashed.t-is-loading,
.t-button--variant-dashed.t-is-disabled {
    color: var(--td-text-color-disabled)
}

.t-button--variant-dashed:hover,
.t-button--variant-dashed:focus-visible {
    background-color: var(--td-bg-color-specialcomponent)
}

.t-button--variant-dashed.t-is-loading,
.t-button--variant-dashed.t-is-disabled {
    background-color: var(--td-bg-color-component-disabled)
}

.t-button--variant-dashed:hover,
.t-button--variant-dashed:focus-visible {
    border-color: var(--td-brand-color-hover)
}

.t-button--variant-dashed.t-is-loading,
.t-button--variant-dashed.t-is-disabled {
    border-color: var(--td-border-level-2-color)
}

.t-button--variant-dashed.t-button--theme-primary {
    color: var(--td-brand-color);
    border-color: var(--td-brand-color)
}

.t-button--variant-dashed.t-button--theme-primary:hover,
.t-button--variant-dashed.t-button--theme-primary:focus-visible {
    color: var(--td-brand-color-hover)
}

.t-button--variant-dashed.t-button--theme-primary.t-is-loading,
.t-button--variant-dashed.t-button--theme-primary.t-is-disabled {
    color: var(--td-brand-color-disabled)
}

.t-button--variant-dashed.t-button--theme-primary:hover,
.t-button--variant-dashed.t-button--theme-primary:focus-visible {
    border-color: var(--td-brand-color-hover)
}

.t-button--variant-dashed.t-button--theme-primary.t-is-loading,
.t-button--variant-dashed.t-button--theme-primary.t-is-disabled {
    border-color: var(--td-brand-color-disabled)
}

.t-button--variant-dashed.t-button--theme-success {
    color: var(--td-success-color);
    border-color: var(--td-success-color)
}

.t-button--variant-dashed.t-button--theme-success:hover,
.t-button--variant-dashed.t-button--theme-success:focus-visible {
    color: var(--td-success-color-hover)
}

.t-button--variant-dashed.t-button--theme-success.t-is-loading,
.t-button--variant-dashed.t-button--theme-success.t-is-disabled {
    color: var(--td-success-color-disabled)
}

.t-button--variant-dashed.t-button--theme-success:hover,
.t-button--variant-dashed.t-button--theme-success:focus-visible {
    border-color: var(--td-success-color-hover)
}

.t-button--variant-dashed.t-button--theme-success.t-is-loading,
.t-button--variant-dashed.t-button--theme-success.t-is-disabled {
    border-color: var(--td-success-color-disabled)
}

.t-button--variant-dashed.t-button--theme-warning {
    color: var(--td-warning-color);
    border-color: var(--td-warning-color)
}

.t-button--variant-dashed.t-button--theme-warning:hover,
.t-button--variant-dashed.t-button--theme-warning:focus-visible {
    color: var(--td-warning-color-hover)
}

.t-button--variant-dashed.t-button--theme-warning.t-is-loading,
.t-button--variant-dashed.t-button--theme-warning.t-is-disabled {
    color: var(--td-warning-color-disabled)
}

.t-button--variant-dashed.t-button--theme-warning:hover,
.t-button--variant-dashed.t-button--theme-warning:focus-visible {
    border-color: var(--td-warning-color-hover)
}

.t-button--variant-dashed.t-button--theme-warning.t-is-loading,
.t-button--variant-dashed.t-button--theme-warning.t-is-disabled {
    border-color: var(--td-warning-color-disabled)
}

.t-button--variant-dashed.t-button--theme-danger {
    color: var(--td-error-color);
    border-color: var(--td-error-color)
}

.t-button--variant-dashed.t-button--theme-danger:hover,
.t-button--variant-dashed.t-button--theme-danger:focus-visible {
    color: var(--td-error-color-hover)
}

.t-button--variant-dashed.t-button--theme-danger.t-is-loading,
.t-button--variant-dashed.t-button--theme-danger.t-is-disabled {
    color: var(--td-error-color-disabled)
}

.t-button--variant-dashed.t-button--theme-danger:hover,
.t-button--variant-dashed.t-button--theme-danger:focus-visible {
    border-color: var(--td-error-color-hover)
}

.t-button--variant-dashed.t-button--theme-danger.t-is-loading,
.t-button--variant-dashed.t-button--theme-danger.t-is-disabled {
    border-color: var(--td-error-color-disabled)
}

.t-button--variant-dashed.t-button--ghost {
    background-color: transparent;
    color: var(--td-text-color-anti);
    border-color: var(--td-text-color-anti)
}

.t-button--variant-dashed.t-button--ghost:hover,
.t-button--variant-dashed.t-button--ghost:focus-visible {
    background-color: transparent
}

.t-button--variant-dashed.t-button--ghost:active,
.t-button--variant-dashed.t-button--ghost.t-is-loading {
    background-color: transparent
}

.t-button--variant-dashed.t-button--ghost.t-is-disabled {
    background-color: #ffffff38;
    background-color: transparent
}

.t-button--variant-dashed.t-button--ghost:hover,
.t-button--variant-dashed.t-button--ghost:focus-visible {
    color: var(--td-brand-color-hover)
}

.t-button--variant-dashed.t-button--ghost:active {
    color: var(--td-brand-color-active)
}

.t-button--variant-dashed.t-button--ghost.t-is-loading {
    color: var(--td-text-color-anti)
}

.t-button--variant-dashed.t-button--ghost.t-is-disabled {
    color: #ffffff38;
    background-color: transparent
}

.t-button--variant-dashed.t-button--ghost:hover,
.t-button--variant-dashed.t-button--ghost:focus-visible {
    border-color: var(--td-brand-color-hover)
}

.t-button--variant-dashed.t-button--ghost:active {
    border-color: var(--td-brand-color-active)
}

.t-button--variant-dashed.t-button--ghost.t-is-loading {
    border-color: var(--td-text-color-anti)
}

.t-button--variant-dashed.t-button--ghost.t-is-disabled {
    border-color: #ffffff38;
    background-color: transparent
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-primary {
    color: var(--td-brand-color);
    border-color: var(--td-brand-color)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:focus-visible {
    color: var(--td-brand-color-hover)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:active {
    color: var(--td-brand-color-active)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-loading {
    color: var(--td-brand-color)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-disabled {
    color: #ffffff38;
    background-color: transparent
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:focus-visible {
    border-color: var(--td-brand-color-hover)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:active {
    border-color: var(--td-brand-color-active)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-loading {
    border-color: var(--td-brand-color)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-disabled {
    border-color: #ffffff38;
    background-color: transparent
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-success {
    color: var(--td-success-color);
    border-color: var(--td-success-color)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:focus-visible {
    color: var(--td-success-color-hover)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-success:active {
    color: var(--td-success-color-active)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-loading {
    color: var(--td-success-color)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-disabled {
    color: #ffffff38;
    background-color: transparent
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:focus-visible {
    border-color: var(--td-success-color-hover)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-success:active {
    border-color: var(--td-success-color-active)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-loading {
    border-color: var(--td-success-color)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-disabled {
    border-color: #ffffff38;
    background-color: transparent
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-warning {
    color: var(--td-warning-color);
    border-color: var(--td-warning-color)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:focus-visible {
    color: var(--td-warning-color-hover)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:active {
    color: var(--td-warning-color-active)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-loading {
    color: var(--td-warning-color)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-disabled {
    color: #ffffff38;
    background-color: transparent
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:focus-visible {
    border-color: var(--td-warning-color-hover)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:active {
    border-color: var(--td-warning-color-active)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-loading {
    border-color: var(--td-warning-color)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-disabled {
    border-color: #ffffff38;
    background-color: transparent
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-danger {
    color: var(--td-error-color);
    border-color: var(--td-error-color)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:focus-visible {
    color: var(--td-error-color-hover)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:active {
    color: var(--td-error-color-active)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-loading {
    color: var(--td-error-color)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-disabled {
    color: #ffffff38;
    background-color: transparent
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:focus-visible {
    border-color: var(--td-error-color-hover)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:active {
    border-color: var(--td-error-color-active)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-loading {
    border-color: var(--td-error-color)
}

.t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-disabled {
    border-color: #ffffff38;
    background-color: transparent
}

.t-button--variant-dashed.t-is-loading:not(.t-button--variant-dashed.t-button--ghost) {
    color: var(--td-text-color-primary)
}

.t-button--variant-dashed.t-is-loading:not(.t-button--variant-dashed.t-button--ghost).t-button--theme-primary {
    color: var(--td-brand-color);
    background-color: transparent
}

.t-button--variant-dashed.t-is-loading:not(.t-button--variant-dashed.t-button--ghost).t-button--theme-success {
    color: var(--td-success-color);
    background-color: transparent
}

.t-button--variant-dashed.t-is-loading:not(.t-button--variant-dashed.t-button--ghost).t-button--theme-warning {
    color: var(--td-warning-color);
    background-color: transparent
}

.t-button--variant-dashed.t-is-loading:not(.t-button--variant-dashed.t-button--ghost).t-button--theme-danger {
    color: var(--td-error-color);
    background-color: transparent
}

.t-button--variant-text {
    height: var(--td-comp-size-m);
    font: var(--td-font-body-medium);
    padding-left: calc(var(--td-comp-paddingLR-l) - 1px);
    padding-right: calc(var(--td-comp-paddingLR-l) - 1px);
    color: var(--td-text-color-primary);
    background-color: transparent;
    border-color: transparent
}

.t-button--variant-text .t-icon,
.t-button--variant-text .t-loading {
    font-size: var(--td-font-size-body-large)
}

.t-button--variant-text:hover,
.t-button--variant-text:focus-visible {
    color: var(--td-text-color-primary)
}

.t-button--variant-text.t-is-loading,
.t-button--variant-text.t-is-disabled {
    color: var(--td-text-color-disabled)
}

.t-button--variant-text:hover,
.t-button--variant-text:focus-visible {
    background-color: var(--td-bg-color-container-hover)
}

.t-button--variant-text.t-is-loading,
.t-button--variant-text.t-is-disabled {
    background-color: transparent
}

.t-button--variant-text:hover,
.t-button--variant-text:focus-visible {
    border-color: var(--td-bg-color-container-hover)
}

.t-button--variant-text.t-is-loading,
.t-button--variant-text.t-is-disabled {
    border-color: transparent
}

.t-button--variant-text.t-button--theme-primary {
    color: var(--td-brand-color)
}

.t-button--variant-text.t-button--theme-primary:hover,
.t-button--variant-text.t-button--theme-primary:focus-visible {
    color: var(--td-brand-color-hover)
}

.t-button--variant-text.t-button--theme-primary.t-is-loading,
.t-button--variant-text.t-button--theme-primary.t-is-disabled {
    color: var(--td-brand-color-disabled)
}

.t-button--variant-text.t-button--theme-success {
    color: var(--td-success-color)
}

.t-button--variant-text.t-button--theme-success:hover,
.t-button--variant-text.t-button--theme-success:focus-visible {
    color: var(--td-success-color-hover)
}

.t-button--variant-text.t-button--theme-success.t-is-loading,
.t-button--variant-text.t-button--theme-success.t-is-disabled {
    color: var(--td-success-color-disabled)
}

.t-button--variant-text.t-button--theme-warning {
    color: var(--td-warning-color)
}

.t-button--variant-text.t-button--theme-warning:hover,
.t-button--variant-text.t-button--theme-warning:focus-visible {
    color: var(--td-warning-color-hover)
}

.t-button--variant-text.t-button--theme-warning.t-is-loading,
.t-button--variant-text.t-button--theme-warning.t-is-disabled {
    color: var(--td-warning-color-disabled)
}

.t-button--variant-text.t-button--theme-danger {
    color: var(--td-error-color)
}

.t-button--variant-text.t-button--theme-danger:hover,
.t-button--variant-text.t-button--theme-danger:focus-visible {
    color: var(--td-error-color-hover)
}

.t-button--variant-text.t-button--theme-danger.t-is-loading,
.t-button--variant-text.t-button--theme-danger.t-is-disabled {
    color: var(--td-error-color-disabled)
}

.t-button--variant-text.t-button--ghost {
    background: none;
    color: var(--td-text-color-anti)
}

.t-button--variant-text.t-button--ghost:hover,
.t-button--variant-text.t-button--ghost:focus-visible {
    color: var(--td-brand-color-hover)
}

.t-button--variant-text.t-button--ghost:active {
    color: var(--td-brand-color-active)
}

.t-button--variant-text.t-button--ghost.t-is-loading {
    color: var(--td-text-color-anti)
}

.t-button--variant-text.t-button--ghost.t-is-disabled {
    color: #ffffff38;
    background-color: transparent
}

.t-button--variant-text.t-button--ghost.t-button--theme-primary {
    color: var(--td-brand-color)
}

.t-button--variant-text.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-text.t-button--ghost.t-button--theme-primary:focus-visible {
    color: var(--td-brand-color-hover)
}

.t-button--variant-text.t-button--ghost.t-button--theme-primary:active {
    color: var(--td-brand-color-active)
}

.t-button--variant-text.t-button--ghost.t-button--theme-primary.t-is-loading {
    color: var(--td-brand-color)
}

.t-button--variant-text.t-button--ghost.t-button--theme-primary.t-is-disabled {
    color: #ffffff38;
    background-color: transparent
}

.t-button--variant-text.t-button--ghost.t-button--theme-success {
    color: var(--td-success-color)
}

.t-button--variant-text.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-text.t-button--ghost.t-button--theme-success:focus-visible {
    color: var(--td-success-color-hover)
}

.t-button--variant-text.t-button--ghost.t-button--theme-success:active {
    color: var(--td-success-color-active)
}

.t-button--variant-text.t-button--ghost.t-button--theme-success.t-is-loading {
    color: var(--td-success-color)
}

.t-button--variant-text.t-button--ghost.t-button--theme-success.t-is-disabled {
    color: #ffffff38;
    background-color: transparent
}

.t-button--variant-text.t-button--ghost.t-button--theme-warning {
    color: var(--td-warning-color)
}

.t-button--variant-text.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-text.t-button--ghost.t-button--theme-warning:focus-visible {
    color: var(--td-warning-color-hover)
}

.t-button--variant-text.t-button--ghost.t-button--theme-warning:active {
    color: var(--td-warning-color-active)
}

.t-button--variant-text.t-button--ghost.t-button--theme-warning.t-is-loading {
    color: var(--td-warning-color)
}

.t-button--variant-text.t-button--ghost.t-button--theme-warning.t-is-disabled {
    color: #ffffff38;
    background-color: transparent
}

.t-button--variant-text.t-button--ghost.t-button--theme-danger {
    color: var(--td-error-color)
}

.t-button--variant-text.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-text.t-button--ghost.t-button--theme-danger:focus-visible {
    color: var(--td-error-color-hover)
}

.t-button--variant-text.t-button--ghost.t-button--theme-danger:active {
    color: var(--td-error-color-active)
}

.t-button--variant-text.t-button--ghost.t-button--theme-danger.t-is-loading {
    color: var(--td-error-color)
}

.t-button--variant-text.t-button--ghost.t-button--theme-danger.t-is-disabled {
    color: #ffffff38;
    background-color: transparent
}

.t-button--variant-text.t-is-loading:not(.t-button--variant-text.t-button--ghost) {
    color: var(--td-text-color-primary)
}

.t-button--variant-text.t-is-loading:not(.t-button--variant-text.t-button--ghost).t-button--theme-primary {
    color: var(--td-brand-color)
}

.t-button--variant-text.t-is-loading:not(.t-button--variant-text.t-button--ghost).t-button--theme-success {
    color: var(--td-success-color)
}

.t-button--variant-text.t-is-loading:not(.t-button--variant-text.t-button--ghost).t-button--theme-warning {
    color: var(--td-warning-color)
}

.t-button--variant-text.t-is-loading:not(.t-button--variant-text.t-button--ghost).t-button--theme-danger {
    color: var(--td-error-color)
}

.t-button.t-is-loading,
.t-button.t-is-disabled {
    cursor: not-allowed
}

.t-button.t-size-s {
    height: var(--td-comp-size-xs);
    font: var(--td-font-body-small);
    padding-left: calc(var(--td-comp-paddingLR-s) - 1px);
    padding-right: calc(var(--td-comp-paddingLR-s) - 1px)
}

.t-button.t-size-s .t-icon,
.t-button.t-size-s .t-loading {
    font-size: var(--td-font-size-body-medium)
}

.t-button.t-size-l {
    height: var(--td-comp-size-xl);
    font: var(--td-font-body-large);
    padding-left: calc(var(--td-comp-paddingLR-xl) - 1px);
    padding-right: calc(var(--td-comp-paddingLR-xl) - 1px)
}

.t-button.t-size-l .t-icon,
.t-button.t-size-l .t-loading {
    font-size: var(--td-font-size-title-large)
}

.t-button--shape-square {
    width: var(--td-comp-size-m);
    padding: 0
}

.t-button--shape-square.t-size-s {
    width: var(--td-comp-size-xs);
    padding: 0
}

.t-button--shape-square.t-size-l {
    width: var(--td-comp-size-xl);
    padding: 0
}

.t-button--shape-round {
    border-radius: var(--td-radius-round)
}

.t-button--shape-round.t-size-s {
    border-radius: calc(var(--td-comp-size-xs) / 2)
}

.t-button--shape-round.t-size-l {
    border-radius: calc(var(--td-comp-size-xl) / 2)
}

.t-button--shape-circle {
    width: var(--td-comp-size-m);
    padding: 0;
    text-align: center;
    border-radius: calc(var(--td-comp-size-m) / 2)
}

.t-button--shape-circle .t-icon,
.t-button--shape-circle .t-loading {
    font-size: var(--td-font-size-body-large)
}

.t-button--shape-circle.t-size-s {
    width: var(--td-comp-size-xs);
    border-radius: calc(var(--td-comp-size-xs) / 2)
}

.t-button--shape-circle.t-size-l {
    width: var(--td-comp-size-xl);
    padding: 0;
    border-radius: calc(var(--td-comp-size-xl) / 2)
}

.t-button.t-size-full-width {
    display: flex;
    width: 100%
}

.t-button--ghost {
    --ripple-color: var(--td-gray-color-10)
}

.t-button:not(.t-is-disabled):not(.t-button--ghost) {
    --ripple-color: var(--td-bg-color-container-active)
}

.t-button--variant-base:not(.t-is-disabled):not(.t-button--ghost) {
    --ripple-color: var(--td-bg-color-component-active)
}

.t-button--variant-base.t-button--theme-primary:not(.t-is-disabled):not(.t-button--ghost) {
    --ripple-color: var(--td-brand-color-active)
}

.t-button--variant-base.t-button--theme-success:not(.t-is-disabled):not(.t-button--ghost) {
    --ripple-color: var(--td-success-color-active)
}

.t-button--variant-base.t-button--theme-warning:not(.t-is-disabled):not(.t-button--ghost) {
    --ripple-color: var(--td-warning-color-active)
}

.t-button--variant-base.t-button--theme-danger:not(.t-is-disabled):not(.t-button--ghost) {
    --ripple-color: var(--td-error-color-active)
}

.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);
    box-sizing: border-box
}

.t-divider--dashed {
    border-top-style: dashed
}

.t-divider--horizontal {
    width: 100%;
    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: flex;
    border-top: 0;
    white-space: nowrap;
    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-space {
    display: inline-flex
}

.t-space .t-space-item {
    width: inherit
}

.t-space-align-start {
    align-items: flex-start
}

.t-space-align-end {
    align-items: flex-end
}

.t-space-align-baseline {
    align-items: baseline
}

.t-space-align-center {
    align-items: center
}

.t-space-vertical {
    flex-direction: column
}

.t-space-vertical>.t-space-item-separator {
    width: 100%
}

.t-space.t-space--break-line {
    flex-wrap: wrap
}

.t-space.t-space--polyfill {
    display: flex
}

.t-space.t-space--polyfill.t-space-horizontal,
.t-space.t-space--polyfill.t-space--break-line {
    margin-left: calc(-1 * var(--td-space-column-gap, 0))
}

.t-space.t-space--polyfill.t-space-vertical,
.t-space.t-space--polyfill.t-space--break-line {
    margin-top: calc(-1 * var(--td-space-row-gap, 0))
}

.t-space.t-space--polyfill.t-space-horizontal>*,
.t-space.t-space--polyfill.t-space--break-line>* {
    margin-left: var(--td-space-column-gap)
}

.t-space.t-space--polyfill.t-space-vertical>*,
.t-space.t-space--polyfill.t-space--break-line>* {
    margin-top: var(--td-space-row-gap)
}

.t-message {
    margin: 0;
    padding: 0;
    list-style: none;
    width: fit-content;
    outline: 0;
    border-radius: var(--td-radius-medium);
    background-color: var(--td-bg-color-container);
    box-shadow: var(--td-shadow-3), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    color: var(--td-text-color-primary);
    font: var(--td-font-body-medium);
    padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l)
}

.t-message>.t-icon,
.t-message>[data-t-icon]>.t-icon,
.t-message .t-loading {
    color: var(--td-brand-color);
    margin-right: var(--td-comp-margin-s);
    flex-shrink: 0;
    font-size: calc(var(--td-font-size-body-medium) + 6px)
}

.t-message.t-is-success>.t-icon,
.t-message.t-is-success>[data-t-icon]>.t-icon,
.t-message.t-is-success .t-loading {
    color: var(--td-success-color)
}

.t-message.t-is-warning>.t-icon,
.t-message.t-is-warning>[data-t-icon]>.t-icon,
.t-message.t-is-warning .t-loading {
    color: var(--td-warning-color)
}

.t-message.t-is-error>.t-icon,
.t-message.t-is-error>[data-t-icon]>.t-icon,
.t-message.t-is-error .t-loading {
    color: var(--td-error-color)
}

.t-message.t-is-closable .t-message__close {
    display: inline-flex;
    margin-right: 0;
    margin-left: var(--td-comp-margin-xxl);
    cursor: pointer;
    color: var(--td-text-color-secondary)
}

.t-message.t-is-closable .t-message__close .t-icon-close {
    font-size: calc(var(--td-font-size-body-medium) + 2px);
    border-radius: var(--td-radius-default);
    transition: all .2s linear
}

.t-message.t-is-closable .t-message__close .t-icon-close:hover {
    background: var(--td-bg-color-container-hover)
}

.t-message.t-is-closable .t-message__close .t-icon-close:active {
    background: var(--td-bg-color-container-active)
}

.t-message__list {
    position: fixed;
    z-index: 6000;
    pointer-events: none
}

.t-message__list .t-message {
    margin-bottom: var(--td-comp-margin-s);
    word-break: break-all;
    pointer-events: auto
}

.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);
    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);
    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);
    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;
    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%;
    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%;
    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 {
    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 {
    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;
    transform: none
}

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

.t-popup--animation-leave-active {
    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] {
    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] {
    animation: t-popup-animation-expand-out-top .2s cubic-bezier(.38, 0, .24, 1), t-fade-out .2s cubic-bezier(0, 0, .15, 1)
}

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

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

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

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

.t-popup--animation-expand-enter-active[data-popper-placement^=bottom] {
    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] {
    animation: t-popup-animation-expand-out-bottom .2s cubic-bezier(.38, 0, .24, 1), t-fade-out .2s cubic-bezier(0, 0, .15, 1)
}

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

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

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

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

.t-tooltip .t-popup__content {
    display: inline-block;
    border: 0;
    z-index: 5600;
    margin-bottom: 1px;
    max-width: 480px;
    word-break: break-word;
    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);
    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 {
    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 {
    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 {
    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 {
    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 {
    box-shadow: none
}

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

.t-textarea__inner {
    display: flex;
    width: 100%;
    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;
    transition: all cubic-bezier(.38, 0, .24, 1) .2s, height 0s;
    box-sizing: border-box
}

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

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

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

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

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

.t-textarea__inner:focus {
    border-color: var(--td-brand-color);
    box-shadow: 0 0 0 2px var(--td-brand-color-focus)
}

.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 {
    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 {
    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 {
    box-shadow: 0 0 0 2px var(--td-error-color-focus)
}

.t-textarea__info_wrapper {
    display: flex;
    column-gap: var(--td-comp-margin-s);
    justify-content: space-between
}

.t-textarea__info_wrapper_align {
    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::placeholder {
    color: var(--td-text-color-disabled)
}

.t-textarea .t-resize-none {
    resize: none
}

.t-textarea .t-hide-scrollbar {
    -ms-overflow-style: none
}

@-moz-document url-prefix() {
    .t-textarea .t-hide-scrollbar {
        scrollbar-width: none;
        overflow: -moz-scrollbars-none
    }
}

.t-textarea .t-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0 !important
}

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

@keyframes tDialogZoomIn {
    0% {
        opacity: 0;
        transform: scale(.01)
    }

    to {
        opacity: 1
    }
}

@keyframes tDialogZoomOut {
    0% {
        opacity: 1
    }

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

@keyframes tDialogMaskIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes tDialogMaskOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.t-dialog-zoom .animation-enter {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0, 0, .15, 1);
    animation-play-state: paused
}

.t-dialog-zoom .animation-exit {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.38, 0, .24, 1);
    animation-play-state: paused
}

.t-dialog-zoom .animation-active {
    animation-play-state: running;
    animation-fill-mode: both
}

.t-dialog-zoom-enter,
.t-dialog-zoom-enter-from,
.t-dialog-zoom-appear {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0, 0, .15, 1);
    animation-play-state: paused
}

.t-dialog-zoom-exit {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.38, 0, .24, 1);
    animation-play-state: paused
}

.t-dialog-zoom-enter-active,
.t-dialog-zoom-appear-active {
    animation-name: tDialogZoomIn;
    animation-play-state: running;
    animation-fill-mode: both
}

.t-dialog-zoom-exit-active {
    animation-name: tDialogZoomOut;
    animation-play-state: running;
    animation-fill-mode: both
}

.t-dialog-zoom__vue-enter-active .t-dialog {
    animation-name: tDialogZoomIn;
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0, 0, .15, 1);
    animation-play-state: paused
}

.t-dialog-zoom__vue-enter-active .t-dialog__mask {
    animation-name: tDialogMaskIn;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-play-state: running;
    animation-fill-mode: both
}

.t-dialog-zoom__vue-leave-active .t-dialog {
    animation-name: tDialogZoomOut;
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.38, 0, .24, 1);
    animation-play-state: paused
}

.t-dialog-zoom__vue-leave-active .t-dialog__mask {
    animation-name: tDialogMaskOut;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-play-state: running;
    animation-fill-mode: both
}

.t-dialog-zoom__vue-enter-to .t-dialog,
.t-dialog-zoom__vue-leave-to .t-dialog {
    animation-play-state: running;
    animation-fill-mode: both
}

.t-dialog-fade-enter,
.t-dialog-fade-appear {
    opacity: 0;
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0, 0, .15, 1);
    animation-play-state: paused
}

.t-dialog-fade-exit {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0, 0, .15, 1);
    animation-play-state: paused
}

.t-dialog-fade-enter.t-dialog-fade-enter-active,
.t-dialog-fade-appear.t-dialog-fade-appear-active {
    animation-name: tDialogFadeIn;
    animation-play-state: running
}

.t-dialog-fade-exit.t-dialog-fade-exit-active {
    animation-name: tDialogFadeOut;
    animation-play-state: running
}

@keyframes tDialogFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes tDialogFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.t-dialog {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 480px;
    background-color: var(--td-bg-color-container);
    position: relative;
    border: 1px solid var(--td-border-level-1-color);
    border-radius: var(--td-radius-large)
}

.t-dialog .t-icon.t-is-info {
    color: var(--td-brand-color)
}

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

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

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

.t-dialog--lock {
    overflow: hidden
}

.t-dialog__header {
    color: var(--td-text-color-primary);
    font: var(--td-font-title-medium);
    font-weight: 600;
    display: flex;
    align-items: center;
    word-break: break-word;
    gap: var(--td-comp-margin-s);
    box-sizing: border-box
}

.t-dialog__header .t-dialog__header-content {
    display: flex;
    align-items: flex-start;
    width: 100%
}

.t-dialog__header .t-icon:not(.t-icon-close) {
    font-size: calc(var(--td-font-size-body-large) + 8px);
    display: inline-flex;
    align-items: center;
    margin-right: var(--td-comp-margin-s);
    flex-shrink: 0
}

.t-dialog__header--fullscreen {
    background-color: var(--td-bg-color-secondarycontainer);
    min-height: var(--td-comp-size-xxxl);
    justify-content: flex-end;
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 0 var(--td-comp-paddingLR-xxl)
}

.t-dialog__header--fullscreen .t-dialog__header-content {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center
}

.t-dialog__body {
    color: var(--td-text-color-secondary);
    font: var(--td-font-body-medium);
    overflow: auto;
    padding: var(--td-comp-paddingTB-l) 0;
    word-break: break-word
}

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

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

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

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

.t-dialog__body__icon,
.t-dialog__body--icon {
    padding: var(--td-comp-paddingTB-l) 0
}

.t-dialog__body--fullscreen {
    box-sizing: border-box;
    padding: var(--td-comp-paddingTB-xl) var(--td-comp-paddingLR-xxl);
    height: calc(100% - var(--td-comp-size-xxxl) - var(--td-comp-size-xxxxl));
    overflow: auto
}

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

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

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

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

.t-dialog__body--fullscreen--without-footer {
    box-sizing: border-box;
    padding: var(--td-comp-paddingTB-xl) var(--td-comp-paddingLR-xxl);
    height: calc(100% - var(--td-comp-size-xxxl));
    overflow: auto
}

.t-dialog__footer {
    width: 100%;
    text-align: right;
    padding: var(--td-comp-paddingTB-l) 0 0
}

.t-dialog__footer .t-button+.t-button {
    margin-left: var(--td-comp-margin-s)
}

.t-dialog__footer--fullscreen {
    min-height: var(--td-comp-size-xxxxl);
    padding: 0 var(--td-comp-paddingLR-xxl) var(--td-comp-paddingTB-xxl);
    box-sizing: border-box
}

.t-dialog--default {
    padding: var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl)
}

.t-dialog__close {
    font-size: calc(var(--td-font-size-body-large) + 4px);
    color: var(--td-text-color-secondary);
    display: flex;
    width: calc(var(--td-font-size-body-large) + 4px);
    height: calc(var(--td-font-size-body-large) + 4px);
    align-items: center;
    border-radius: var(--td-radius-default);
    transition: all .2s linear;
    padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs)
}

.t-dialog__close:hover {
    cursor: pointer;
    background: var(--td-bg-color-container-hover)
}

.t-dialog__close:active {
    background: var(--td-bg-color-container-active)
}

.t-dialog__close--fullscreen {
    display: flex;
    background: transparent
}

.t-dialog__close--fullscreen:hover {
    cursor: pointer;
    background: var(--td-bg-color-secondarycontainer-hover)
}

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

.t-dialog.t-dialog--draggable:hover {
    cursor: move
}

.t-dialog.t-dialog--draggable .t-dialog__header:hover,
.t-dialog.t-dialog--draggable .t-dialog__body:hover,
.t-dialog.t-dialog--draggable .t-dialog__footer:hover {
    cursor: auto
}

.t-dialog__fullscreen {
    width: 100%;
    border-radius: 0
}

.t-dialog__ctx {
    pointer-events: auto;
    outline: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.t-dialog__ctx.t-dialog__ctx--modeless {
    pointer-events: none
}

.t-dialog__ctx.t-dialog__ctx--fixed {
    position: fixed;
    z-index: 2500
}

.t-dialog__ctx.t-dialog__ctx--absolute,
.t-dialog__ctx.t-dialog__ctx--absolute .t-dialog__mask,
.t-dialog__ctx.t-dialog__ctx--absolute .t-dialog__wrap {
    position: absolute
}

.t-dialog__ctx.t-is-visible {
    visibility: visible
}

.t-dialog__ctx.t-is-hidden {
    visibility: hidden
}

.t-dialog__ctx.t-is-display {
    display: block
}

.t-dialog__ctx.t-not-display {
    display: none
}

.t-dialog__ctx .t-dialog__mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: var(--td-mask-active);
    pointer-events: auto
}

.t-dialog__ctx .t-dialog__wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: auto
}

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

.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

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

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

.t-dialog__ctx .t-dialog__position {
    display: flex;
    justify-content: center;
    min-height: 100%;
    width: 100%;
    position: relative;
    padding: 48px 0;
    box-sizing: border-box
}

.t-dialog__ctx .t-dialog__position.t-dialog--top {
    align-items: flex-start;
    padding-top: 20vh
}

.t-dialog__ctx .t-dialog__position.t-dialog--center {
    align-items: center
}

.t-dialog__ctx .t-dialog__position_fullscreen {
    display: flex;
    justify-content: center;
    min-height: 100%;
    width: 100%;
    position: relative;
    box-sizing: border-box
}

.t-dialog__ctx .t-is-hidden {
    background: none
}

.t-dialog__ctx .t-dialog {
    pointer-events: auto;
    z-index: 2500
}

.t-dialog__ctx.t-dialog__ctx--modeless .t-dialog {
    box-shadow: var(--td-shadow-3)
}

:root,
:root[theme-mode=light] {
    --skeleton-animation-gradient: rgba(0, 0, 0, .04)
}

:root[theme-mode=dark] {
    --skeleton-animation-gradient: rgba(255, 255, 255, .06)
}

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

.t-skeleton__row {
    display: flex;
    margin-bottom: var(--td-comp-margin-l);
    align-items: center
}

.t-skeleton__row:only-child,
.t-skeleton__row:last-child {
    margin-bottom: 0
}

.t-skeleton__col {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--td-bg-color-secondarycontainer);
    color: var(--td-text-color-disabled);
    margin-right: var(--td-comp-margin-l)
}

.t-skeleton__col:first-child:last-child,
.t-skeleton__col:last-child {
    margin-right: 0
}

.t-skeleton--type-text {
    width: 100%;
    height: var(--td-font-size-body-large);
    border-radius: var(--td-radius-default)
}

.t-skeleton--type-rect {
    width: 120px;
    height: 88px;
    border-radius: var(--td-radius-default)
}

.t-skeleton--type-circle {
    width: 32px;
    height: 32px;
    border-radius: var(--td-radius-circle);
    flex-shrink: 0
}

.t-skeleton--animation-gradient {
    position: relative;
    overflow-x: hidden
}

.t-skeleton--animation-gradient:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--skeleton-animation-gradient), rgba(255, 255, 255, 0));
    animation: t-skeleton--gradient 1.5s linear 0s infinite
}

.t-skeleton--animation-flashed {
    animation: t-skeleton--flashed 2s linear 0s infinite
}

@keyframes t-skeleton--gradient {
    0% {
        transform: translate(-100%) skew(-15deg)
    }

    to {
        transform: translate(100%) skew(-15deg)
    }
}

@keyframes t-skeleton--flashed {
    0% {
        opacity: 1
    }

    50% {
        background-color: #e6e6e64d;
        opacity: .3
    }

    to {
        opacity: 1
    }
}

.t-collapse {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    border: solid 1px var(--td-component-border);
    border-bottom: 0;
    background: var(--td-bg-color-container)
}

.t-collapse.t--border-less {
    border: none
}

.t-collapse.t--border-less .t-collapse-panel__header {
    border-bottom: none
}

.t-collapse.t--border-less .t-collapse-panel__body {
    background: var(--td-bg-color-container);
    border: none
}

.t-collapse-panel__icon {
    transition: all .2s cubic-bezier(.38, 0, .24, 1);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.t-collapse-panel__icon>.t-fake-arrow {
    transform: rotate(-90deg);
    transition: all .2s cubic-bezier(.38, 0, .24, 1)
}

.t-collapse-panel__icon--left {
    margin-right: var(--td-comp-margin-s)
}

.t-collapse-panel__icon--right {
    margin-left: var(--td-comp-margin-s)
}

.t-collapse-panel__icon--active>.t-fake-arrow {
    transform: rotate(0)
}

.t-collapse-panel__icon:hover {
    background-color: var(--td-bg-color-container-hover);
    border-radius: var(--td-radius-small)
}

.t-collapse-panel__wrapper {
    overflow: hidden
}

.t-collapse-panel__wrapper.t--borderless .t-collapse-panel__header {
    border-bottom: none
}

.t-collapse-panel__wrapper.t--borderless .t-collapse-panel__body {
    background: var(--td-bg-color-container);
    border: none
}

.t-collapse-panel__wrapper .t-collapse-panel__header {
    padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
    border-bottom: solid 1px var(--td-component-border);
    font: var(--td-font-title-small);
    display: flex;
    align-items: center
}

.t-collapse-panel__wrapper .t-collapse-panel__header--blank {
    flex: 1
}

.t-collapse-panel__wrapper .t-collapse-panel__header.t-is-clickable {
    cursor: pointer
}

.t-collapse-panel__wrapper .t-collapse-panel__header-left,
.t-collapse-panel__wrapper .t-collapse-panel__header-right,
.t-collapse-panel__wrapper .t-collapse-panel__header-right-content {
    display: flex
}

.t-collapse-panel__wrapper .t-collapse-panel__body {
    border-bottom: solid 1px var(--td-component-border);
    background: var(--td-bg-color-secondarycontainer);
    overflow: inherit
}

.t-collapse-panel__wrapper .t-collapse-panel__body--collapsed {
    border: none
}

.t-collapse-panel__wrapper .t-collapse-panel__content {
    padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l) var(--td-comp-paddingTB-m) calc(var(--td-comp-paddingLR-l) + var(--td-comp-margin-xxl));
    color: var(--td-text-color-secondary)
}

.t-collapse-panel.t-is-disabled .t-collapse-panel__header {
    cursor: not-allowed;
    color: var(--td-text-color-disabled)
}

.t-collapse-panel.t-is-disabled .t-collapse-panel__icon {
    cursor: not-allowed;
    pointer-events: none
}

.t-collapse-panel.t-is-disabled .t-collapse-panel__body {
    background: var(--td-bg-color-component-disabled)
}

.t-collapse-panel.t-is-disabled .t-collapse-panel__content {
    color: var(--td-text-color-disabled)
}

.t-popconfirm {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    min-width: 160px;
    border-radius: var(--td-radius-medium)
}

.t-popconfirm .t-popup__content {
    padding: 0
}

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

.t-popconfirm__content {
    position: relative;
    padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
    border-radius: var(--td-radius-medium)
}

.t-popconfirm__body {
    display: flex;
    align-items: flex-start;
    text-align: left
}

.t-popconfirm__body>.t-icon {
    display: inline-block;
    margin-right: var(--td-comp-margin-s);
    padding: calc(calc(var(--td-line-height-body-medium) - calc(var(--td-font-size-body-medium) + 6px)) / 2) 0;
    font-size: calc(var(--td-font-size-body-medium) + 6px)
}

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

.t-popconfirm__inner {
    display: inline-block;
    vertical-align: top;
    max-width: 320px;
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary)
}

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

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

.t-popconfirm__icon--default {
    color: var(--td-brand-color)
}

.t-popconfirm__buttons {
    text-align: right;
    margin-top: var(--td-comp-margin-l)
}

.t-popconfirm__buttons>span:last-child {
    margin-right: 0
}

div[name=DEMO] .t-chat__text pre {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0
}

div[name=DEMO] .chat-action-content {
    display: flex
}

div[name=DEMO] .t-chat hr {
    opacity: 1;
    border: 1px solid var(--td-border-level-1-color)
}

.t-chat {
    font: var(--td-font-body-medium);
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    color: var(--td-text-color-primary)
}

.t-chat__list {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden
}

.t-chat__list:hover::-webkit-scrollbar-thumb {
    background-color: var(--td-scrollbar-color)
}

.t-chat__list::-webkit-scrollbar {
    width: 4px;
    background: transparent
}

.t-chat__list::-webkit-scrollbar-thumb {
    border-radius: 6px;
    border: 4px solid transparent;
    background-clip: border-box;
    background-color: transparent
}

.t-chat__list--reverse {
    display: flex;
    flex-direction: column-reverse
}

.t-chat__list .place-holder {
    flex-grow: 1;
    flex-shrink: 1
}

.t-chat__list .clear-btn {
    color: var(--td-text-color-secondary);
    font-size: var(--td-font-size-body-small);
    cursor: pointer
}

.t-chat__list .clear-btn .t-divider__inner-text {
    display: flex;
    align-items: center
}

.t-chat__list .clear-btn .clear-btn-text {
    margin-left: var(--td-comp-margin-xs)
}

.t-chat__list .clear-btn:hover {
    color: var(--td-text-color-primary)
}

.t-chat__footer {
    position: relative
}

.t-chat__footer__content {
    width: 100%;
    position: relative;
    display: flex;
    padding-right: 0
}

.t-chat__footer .t-chat__footer__content {
    margin-top: var(--td-comp-margin-xl)
}

.t-chat__footer__textarea {
    flex-grow: 1;
    position: relative;
    border-radius: var(--td-radius-round)
}

.t-chat__footer__textarea .t-textarea {
    width: 100%;
    padding: 0 var(--td-comp-paddingLR-xxs);
    box-sizing: border-box
}

.t-chat__footer__textarea .t-textarea .t-textarea__inner {
    background: var(--td-bg-color-secondarycontainer);
    padding: var(--td-comp-size-xxs) var(--td-comp-size-xxxxxl) var(--td-comp-size-xxs) var(--td-comp-size-xs);
    border-radius: 32px;
    scrollbar-width: none
}

.t-chat__footer__textarea .t-textarea .t-textarea__inner:hover {
    box-shadow: inset 0 2px 4px -1px #0000001f, 0 4px 5px #00000014, 0 1px 10px #0000000d
}

.t-chat__footer__textarea .t-textarea .t-textarea__inner.t-is-focused {
    border-color: var(--td-brand-color);
    background: var(--td-bg-color-container);
    box-shadow: 0 0 0 2px var(--td-brand-color-focus)
}

.t-chat__footer__textarea .t-textarea .t-textarea__inner::placeholder {
    color: var(--td-text-color-secondary)
}

.t-chat__footer__textarea__icon {
    position: absolute;
    bottom: var(--td-comp-paddingTB-s);
    right: var(--td-comp-paddingLR-s);
    text-align: center;
    cursor: pointer;
    height: var(--td-comp-size-xxl);
    display: flex;
    align-items: center;
    justify-content: center
}

.t-chat__footer__textarea__icon .t-chat__footer__textarea__icon__default {
    transform: rotate(-90deg);
    width: var(--td-comp-size-xxl);
    height: var(--td-comp-size-xxl);
    border-radius: var(--td-radius-circle);
    color: var(--td-text-color-disabled)
}

.t-chat__footer__textarea__icon .t-chat__footer__textarea__icon--focus {
    background: var(--td-brand-color);
    color: var(--td-text-color-anti)
}

.t-chat__footer__textarea__icon .t-button.t-size-s .t-icon {
    font-size: var(--td-font-size-title-large)
}

.t-chat__footer__stopbtn {
    flex: 0 0 auto;
    margin-left: var(--td-comp-margin-l)
}

.t-chat__footer__stopbtn .t-button {
    width: 100px;
    height: var(--td-comp-size-xxxxl);
    border-radius: var(--td-radius-round);
    background: var(--td-bg-color-secondarycontainer);
    color: var(--td-text-color-primary);
    font-size: var(--td-font-size-body-large)
}

.t-chat__footer__stopbtn .t-button__text {
    align-items: center
}

.t-chat__footer__stopbtn .t-button .t-icon {
    font-size: var(--td-font-size-title-large);
    margin-right: var(--td-comp-margin-s)
}

.t-chat-sender {
    position: relative;
    width: 100%;
    padding: 0 var(--td-comp-paddingLR-xxs);
    box-sizing: border-box
}

.t-chat-sender__header {
    border: 1px solid var(--td-component-border);
    border-radius: calc(var(--td-radius-extraLarge) + var(--td-radius-small) + var(--td-radius-small)) calc(var(--td-radius-extraLarge) + var(--td-radius-small) + var(--td-radius-small)) 0 0;
    margin-bottom: calc(0px - var(--td-comp-margin-l));
    padding-bottom: var(--td-pop-padding-xxl)
}

.t-chat-sender__header:empty {
    display: none
}

.t-chat-sender__inner-header {
    border-radius: calc(var(--td-radius-extraLarge) + var(--td-radius-small) + var(--td-radius-small)) calc(var(--td-radius-extraLarge) + var(--td-radius-small) + var(--td-radius-small)) var(--td-radius-medium) var(--td-radius-medium)
}

.t-chat-sender__inner-header:empty {
    margin-bottom: var(--td-comp-margin-s)
}

.t-chat-sender__upload {
    margin-right: var(--td-comp-margin-m);
    width: var(--td-comp-size-s);
    height: var(--td-comp-size-s)
}

.t-chat-sender__textarea {
    position: relative;
    border: 1px solid var(--td-border-level-2-color);
    border-radius: calc(var(--td-radius-extraLarge) + var(--td-radius-small) + var(--td-radius-small));
    padding: var(--td-comp-paddingLR-xs);
    background-color: var(--td-bg-color-secondarycontainer)
}

.t-chat-sender__textarea--focus {
    border-color: var(--td-brand-color);
    background-color: var(--td-bg-color-container);
    box-shadow: 0 0 0 2px var(--td-brand-color-focus)
}

.t-chat-sender__textarea:hover {
    border-color: var(--td-brand-color);
    box-shadow: var(--td-shadow-1)
}

.t-chat-sender__textarea--focus:hover {
    box-shadow: 0 0 0 2px var(--td-brand-color-focus)
}

.t-chat-sender .t-textarea {
    width: 100%;
    margin-bottom: var(--td-comp-margin-m);
    padding: 0 var(--td-comp-paddingLR-s)
}

.t-chat-sender .t-textarea .t-textarea__inner {
    background-color: #0000;
    padding: 0;
    border: 0;
    scrollbar-width: none;
    font: var(--td-font-body-large);
    color: var(--td-text-color-primary)
}

.t-chat-sender .t-textarea .t-textarea__inner.t-is-focused {
    border: 0
}

.t-chat-sender .t-textarea .t-textarea__inner::placeholder {
    font: var(--td-font-body-large);
    color: var(--td-text-color-disabled)
}

.t-chat-sender .t-textarea .t-textarea__inner:hover {
    box-shadow: none
}

.t-chat-sender .t-textarea .t-textarea__inner:focus {
    box-shadow: none
}

.t-chat-sender__footer {
    display: flex;
    justify-content: space-between;
    padding: 0 var(--td-comp-paddingLR-s) var(--td-comp-paddingTB-s)
}

.t-chat-sender__button {
    display: flex;
    align-items: center
}

.t-chat-sender__button__actions {
    margin-right: var(--td-comp-margin-m)
}

.t-chat-sender__button .t-chat-sender__button__default {
    padding: 0;
    transform: rotate(-90deg);
    color: var(--td-text-color-anti);
    width: var(--td-comp-size-s);
    height: var(--td-comp-size-s);
    border-radius: var(--td-radius-circle);
    background-color: var(--td-brand-color)
}

.t-chat-sender__button .t-chat-sender__button--disabled {
    background-color: var(--td-bg-color-secondarycomponent);
    color: var(--td-bg-color-container)
}

.t-chat-sender__button__stopicon {
    width: var(--td-size-4);
    height: var(--td-size-4);
    border: 1px solid var(--td-bg-color-container);
    background: var(--td-bg-color-container)
}

.t-chat__inner {
    display: flex;
    margin-bottom: var(--td-comp-margin-l)
}

.t-chat__inner .t-chat__avatar {
    flex: 0 0 auto
}

.t-chat__inner .t-chat__content {
    display: flex;
    justify-content: center;
    flex: 1 1 auto;
    width: 100%
}

.t-chat__inner .t-chat__content--base {
    padding-top: var(--td-comp-paddingTB-xl)
}

.t-chat__inner .t-chat__content>.t-chat-loading {
    padding: 0 var(--td-comp-paddingLR-m)
}

.t-chat__inner .t-chat__detail {
    max-width: calc(100% - var(--td-comp-size-xl));
    box-sizing: border-box
}

.t-chat__inner.model-change {
    justify-content: center;
    margin-top: var(--td-comp-margin-xxl)
}

.t-chat__inner.model-change .t-chat__content {
    align-items: center
}

.t-chat__inner.model-change .t-chat__text {
    padding: 0;
    font-size: var(--td-font-size-body-small);
    color: var(--td-text-color-disabled)
}

.t-chat__inner.model-change .t-chat__notice {
    background: var(--td-bg-color-secondarycontainer);
    padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-s);
    font-size: var(--td-font-size-body-small);
    color: var(--td-text-color-disabled);
    border-radius: var(--td-radius-default);
    box-sizing: border-box;
    line-height: 20px;
    text-align: center
}

.t-chat__inner.model-change .t-chat__notice .t-chat__text {
    padding: 0;
    font-size: var(--td-font-size-body-small);
    color: var(--td-text-color-disabled)
}

.t-chat__inner.model-change .t-chat__notice span {
    color: var(--td-text-color-placeholder)
}

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

.t-chat--normal .t-chat__inner.user {
    flex-direction: row-reverse
}

.t-chat--normal .t-chat__inner.user .t-chat__avatar {
    margin-right: 0
}

.t-chat--normal .t-chat__inner.user .t-chat__content {
    align-items: flex-end
}

.t-chat--normal .t-chat__inner.user .t-chat__content .t-chat__base {
    justify-content: flex-end
}

.t-chat--normal .t-chat__detail {
    max-width: min(calc(100% - 40px), 800px)
}

.t-chat__avatar {
    flex-shrink: 0;
    cursor: pointer;
    display: flex;
    margin: 0 var(--td-comp-margin-xs);
    padding-top: var(--td-comp-paddingTB-xl)
}

.t-chat__avatar__box {
    padding-top: var(--td-pop-padding-m)
}

.t-chat__avatar-image {
    width: var(--td-comp-size-m);
    height: var(--td-comp-size-m);
    border-radius: var(--td-radius-circle)
}

.t-chat__content {
    font: var(--td-font-body-medium);
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.t-chat__content .t-skeleton {
    width: 100%;
    padding: var(--td-pop-padding-xxl)
}

.t-chat__content .t-chat__text--model-change {
    background: var(--td-bg-color-secondarycontainer);
    padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-s);
    font-size: var(--td-font-size-body-small);
    color: var(--td-text-color-disabled);
    border-radius: var(--td-radius-default);
    box-sizing: border-box;
    line-height: 20px;
    text-align: center
}

.t-chat__content .t-chat__text--model-change span {
    color: var(--td-text-color-placeholder)
}

.t-chat__base {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: baseline;
    font: var(--td-font-body-medium);
    color: var(--td-text-color-placeholder);
    padding-left: var(--td-pop-padding-xxl)
}

.t-chat__name {
    padding-right: var(--td-comp-margin-s);
    cursor: pointer
}

.t-chat__text {
    padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
    font: var(--td-font-body-large);
    word-break: break-all
}

.t-chat__text .t-chat__text--user pre {
    color: var(--td-text-color-secondary);
    font: var(--td-font-body-large);
    margin: 0;
    white-space: pre-wrap
}

.t-chat__text__assistant {
    color: var(--td-text-color-primary);
    line-height: 2
}

.t-chat__text__assistant p,
.t-chat__text__assistant ul,
.t-chat__text__assistant ol {
    line-height: 1.5
}

.t-chat__text__assistant ol {
    padding-inline-start: 20px
}

.t-chat__text__assistant img {
    max-width: 100%;
    margin: var(--td-comp-margin-xs) 0;
    border-radius: var(--td-radius-default)
}

.t-chat__text__assistant :where(code):not(:where(pre *)) {
    color: var(--td-error-color);
    background: var(--td-error-color-1);
    border-radius: var(--td-radius-default);
    padding: var(--td-comp-paddingTB-xxs) var(--td-pop-padding-m);
    font-size: var(--td-font-size-body-small);
    word-break: break-word;
    margin: 0 var(--td-comp-margin-xxs)
}

.t-chat__text__assistant blockquote {
    border-left: 2px solid var(--td-gray-color-3);
    background: var(--td-gray-color-1);
    color: var(--td-font-gray-1);
    padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingTB-m) var(--td-comp-paddingTB-m) var(--td-comp-size-xs);
    margin: var(--td-comp-margin-l) 0
}

.t-chat__text__assistant hr {
    opacity: 1;
    border: 1px solid var(--td-border-level-1-color)
}

.t-chat__text .t-chat__text__assistant .t-chat__text__content .hljs {
    background-color: var(--td-gray-color-14);
    border-radius: var(--td-radius-large)
}

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

.t-chat__text--variant--base .t-chat__text {
    background-color: var(--td-bg-color-secondarycontainer);
    border-radius: var(--td-radius-extraLarge)
}

.t-chat__actions-margin {
    margin-left: var(--td-comp-margin-l)
}

.t-chat__actions {
    margin-top: var(--td-comp-margin-xs);
    display: flex;
    list-style: none;
    padding: 3px;
    background-color: var(--td-bg-color-secondarycontainer);
    border-radius: var(--td-radius-medium);
    border: 1px solid var(--td-border-level-2-color);
    overflow: hidden
}

.t-chat__actions .t-button {
    padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs);
    width: var(--td-comp-size-xxxs);
    height: var(--td-comp-size-xxxs);
    box-sizing: content-box;
    color: var(--td-text-color-primary);
    background-color: var(--td-bg-color-secondarycontainer);
    border: 0;
    margin-right: var(--td-comp-margin-xs)
}

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

.t-chat__actions .t-chat-button--active {
    color: var(--td-brand-color)
}

.t-chat__actions .t-button:hover {
    background-color: var(--td-bg-color-secondarycontainer-hover)
}

.t-chat__actions .t-space .t-space-item {
    height: var(--td-comp-size-xs)
}

.t-chat__refresh {
    display: flex;
    align-items: center
}

.t-chat__refresh-line {
    width: 1px;
    height: var(--td-comp-size-xxxs);
    background-color: #e7e7e7;
    margin-right: var(--td-comp-margin-xs)
}

.t-chat__code-header {
    display: flex;
    padding: 0 var(--td-pop-padding-xl);
    padding-top: var(--td-pop-padding-xl);
    justify-content: space-between
}

.t-chat__language-txt {
    color: var(--td-font-white-1)
}

.t-chat__copy-btn {
    color: var(--td-font-white-1);
    cursor: pointer
}

.t-chat__text--variant--outline .t-chat__detail {
    border: 1px solid var(--td-component-border);
    border-radius: var(--td-radius-extraLarge)
}

.model-change.t-chat__text--variant--outline .t-chat__detail {
    border: none
}

.t-chat__text--variant--text .t-chat__detail-reasoning {
    padding-top: var(--td-comp-paddingTB-m)
}

.t-chat__text--variant--text .t-chat__detail-reasoning~.t-chat__text {
    padding-right: 0
}

.t-chat__text--variant--outline .t-chat__detail-reasoning .t-collapse,
.t-chat__detail-reasoning .t-collapse {
    background: none
}

.t-chat__detail-reasoning .t-collapse-panel {
    margin-left: var(--td-comp-margin-l)
}

.t-chat__text--variant--outline .t-chat__detail-reasoning .t-collapse-panel {
    margin-left: 0;
    padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l)
}

.t-chat__text--variant--outline .t-chat__detail-reasoning .t-collapse-panel .t-chat__text {
    border: none
}

.t-chat__detail-reasoning .t-collapse-panel__icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center
}

.t-chat__detail-reasoning .t-collapse-panel__header {
    padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingTB-m);
    font: var(--td-font-body-medium)
}

.t-chat__detail-reasoning .t-collapse-panel__wrapper {
    background-color: var(--td-bg-color-secondarycontainer);
    border-radius: var(--td-radius-medium)
}

.t-chat__detail-reasoning .t-collapse-panel__wrapper .t-fake-arrow {
    color: var(--td-text-color-secondary);
    transform: rotate(180deg) scale(1.125)
}

.t-chat__detail-reasoning .t-collapse-panel__icon--active .t-fake-arrow {
    transform: rotate(0) scale(1.125)
}

.t-chat__detail-reasoning .t-collapse-panel__content {
    background-color: var(--td-bg-color-secondarycontainer);
    padding: 0 var(--td-comp-paddingTB-m) var(--td-comp-paddingTB-s) var(--td-comp-paddingTB-m)
}

.t-chat__detail-reasoning .t-collapse-panel__content .t-chat__text {
    padding: 0
}

.t-chat__detail-reasoning .t-collapse-panel__content .t-chat__text .t-chat__text__assistant {
    color: var(--td-text-color-placeholder);
    font-weight: 400;
    font-size: var(--td-font-size-body-medium)
}

.t-chat__detail-reasoning .t-collapse-panel__content .t-chat__text .t-chat__text__assistant .t-chat__text__content p {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none
}

.t-chat-loading {
    display: flex;
    align-items: center
}

.t-chat-loading__indicator--moving {
    position: relative;
    width: 14px;
    height: 14px
}

.t-chat-loading__indicator--moving .t-chat-loading__dot {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: var(--td-radius-circle);
    background-color: var(--td-brand-color)
}

.t-chat-loading__indicator--moving .t-chat-loading__dot--top {
    top: -4px;
    left: 3px;
    animation: dot-moving-top .6s ease-in-out alternate infinite
}

.t-chat-loading__indicator--moving .t-chat-loading__dot--left {
    bottom: -5px;
    left: -5px;
    animation: dot-moving-left .6s ease-in-out alternate infinite
}

.t-chat-loading__indicator--moving .t-chat-loading__dot--right {
    bottom: -5px;
    right: -5px;
    animation: dot-moving-right .6s ease-in-out alternate infinite
}

.t-chat-loading__indicator--gradient {
    width: 14px;
    height: 14px;
    background-color: transparent;
    border-radius: var(--td-radius-circle);
    border: 1.5px solid var(--td-brand-color);
    animation: border-gradient-color .6s ease-in-out alternate infinite;
    box-sizing: border-box
}

@keyframes border-gradient-color {
    0% {
        border-color: var(--td-brand-color);
        border-width: 1.5px
    }

    50% {
        border-color: var(--td-brand-color-8);
        border-width: 3px
    }

    to {
        border-color: var(--td-brand-color-6);
        border-width: 4px
    }
}

@keyframes dot-moving-top {
    0% {
        transform: scale(1);
        top: -4px
    }

    to {
        transform: scale(1.75);
        top: 3px
    }
}

@keyframes dot-moving-left {
    0% {
        transform: scale(1);
        bottom: -4px;
        left: -4px
    }

    to {
        transform: scale(1.75);
        bottom: 3px;
        left: 3px
    }
}

@keyframes dot-moving-right {
    0% {
        transform: scale(1);
        bottom: -4px;
        right: -4px
    }

    to {
        transform: scale(1.75);
        bottom: 3px;
        right: 3px
    }
}

.t-chat-loading__text {
    margin-left: 8px
}

.t-chat__text__content pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em
}

.t-chat__text__content code.hljs {
    padding: 3px 5px
}

.t-chat__text__content .hljs {
    color: var(--td-font-white-1);
    background: var(--td-gray-color-14)
}

.t-chat__text__content .hljs-comment,
.t-chat__text__content .hljs-quote {
    color: #5c6370;
    font-style: italic
}

.t-chat__text__content .hljs-doctag,
.t-chat__text__content .hljs-keyword,
.t-chat__text__content .hljs-formula {
    color: #c678dd
}

.t-chat__text__content .hljs-section,
.t-chat__text__content .hljs-name,
.t-chat__text__content .hljs-selector-tag,
.t-chat__text__content .hljs-deletion,
.t-chat__text__content .hljs-subst {
    color: #e06c75
}

.t-chat__text__content .hljs-literal {
    color: #56b6c2
}

.t-chat__text__content .hljs-string,
.t-chat__text__content .hljs-regexp,
.t-chat__text__content .hljs-addition,
.t-chat__text__content .hljs-attribute,
.t-chat__text__content .hljs-meta .hljs-string {
    color: #98c379
}

.t-chat__text__content .hljs-attr,
.t-chat__text__content .hljs-variable,
.t-chat__text__content .hljs-template-variable,
.t-chat__text__content .hljs-type,
.t-chat__text__content .hljs-selector-class,
.t-chat__text__content .hljs-selector-attr,
.t-chat__text__content .hljs-selector-pseudo,
.t-chat__text__content .hljs-number {
    color: #d19a66
}

.t-chat__text__content .hljs-symbol,
.t-chat__text__content .hljs-bullet,
.t-chat__text__content .hljs-link,
.t-chat__text__content .hljs-meta,
.t-chat__text__content .hljs-selector-id,
.t-chat__text__content .hljs-title {
    color: #61aeee
}

.t-chat__text__content .hljs-built_in,
.t-chat__text__content .hljs-title.class_,
.t-chat__text__content .hljs-class .hljs-title {
    color: #e6c07b
}

.t-chat__text__content .hljs-emphasis {
    font-style: italic
}

.t-chat__text__content .hljs-strong {
    font-weight: 700
}

.t-chat__text__content .hljs-link {
    text-decoration: underline
}

.autobots-chat-content .autobots-chat-content-user[data-v-6333223b],
.autobots-chat-content .autobots-chat-content-assistant[data-v-6333223b] {
    line-height: 28px;
    font-size: 14px
}

.autobots-chat-content .assistant-content-text[data-v-6333223b] {
    padding: 0
}

.autobots-chat-content .assistant-content-text[data-v-6333223b] .t-chat__text__assistant table {
    border-collapse: collapse;
    width: 100%;
    margin: 16px 0;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 3px #0000001a
}

.autobots-chat-content .assistant-content-text[data-v-6333223b] .t-chat__text__assistant th,
.autobots-chat-content .assistant-content-text[data-v-6333223b] .t-chat__text__assistant td {
    border: 1px solid #e0e0e0;
    padding: 12px;
    text-align: left;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.5
}

.autobots-chat-content .assistant-content-text[data-v-6333223b] .t-chat__text__assistant th {
    background: #f8f9fa;
    font-weight: 600;
    color: #333;
    border-bottom: 2px solid #dee2e6
}

.autobots-chat-content .assistant-content-text[data-v-6333223b] .t-chat__text__assistant td {
    background: #fff
}

.autobots-chat-content .assistant-content-text[data-v-6333223b] .t-chat__text__assistant tr:nth-child(2n) td {
    background: #f8f9fa
}

.autobots-chat-content .assistant-content-text[data-v-6333223b] .t-chat__text__assistant tr:hover td {
    background: #e8f4fd
}

.autobots-chat-content .assistant-content-text[data-v-6333223b] .t-chat__text__assistant p,
.autobots-chat-content .assistant-content-text[data-v-6333223b] .t-chat__text__assistant li,
.autobots-chat-content .assistant-content-text[data-v-6333223b] .t-chat__text__assistant h1,
.autobots-chat-content .assistant-content-text[data-v-6333223b] .t-chat__text__assistant h2,
.autobots-chat-content .assistant-content-text[data-v-6333223b] .t-chat__text__assistant h3,
.autobots-chat-content .assistant-content-text[data-v-6333223b] .t-chat__text__assistant h4,
.autobots-chat-content .assistant-content-text[data-v-6333223b] .t-chat__text__assistant h5,
.autobots-chat-content .assistant-content-text[data-v-6333223b] .t-chat__text__assistant h6 {
    line-height: 28px
}

.chat-panel-static[data-v-73999aa0] {
    display: flex;
    flex-direction: column
}

.chat-panel-static .empty-title[data-v-73999aa0] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    white-space: nowrap
}

.chat-panel-static .empty-title .title[data-v-73999aa0] {
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    background: linear-gradient(90deg, var(--autobots-color-primary) 0%, var(--autobots-color-primary) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-align: center
}

.chat-panel-static .empty-title .desc[data-v-73999aa0] {
    margin-top: 16px;
    font-size: 32px;
    line-height: 32px;
    color: #18181b;
    text-align: center
}

.chat-panel-static .question[data-v-73999aa0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 8px;
    width: 336px
}

.chat-panel-static .question .question-item[data-v-73999aa0] {
    height: 36px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 12px 10px 10px;
    background: linear-gradient(90deg, #f5f7ff, #fff);
    border: 1px solid var(--autobots-color-primary);
    border-radius: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.chat-panel-static .question .question-item .question-item-icon[data-v-73999aa0] {
    transform: translateY(2px);
    color: var(--autobots-color-primary);
    width: 16px;
    position: relative;
    top: -1px
}

.chat-panel-static .question .question-item .question-item-text[data-v-73999aa0] {
    margin-left: 8px;
    font-size: 14px;
    line-height: 24px;
    color: var(--autobots-color-primary)
}

.chat-panel-static .question .question-item .question-item-arrow[data-v-73999aa0] {
    margin-left: auto
}

.chat-panel-static .assistant-intro[data-v-73999aa0] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    max-width: 90%;
    margin-top: 42px
}

.chat-panel-static .assistant-intro .assistant-avatar[data-v-73999aa0] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background-color: var(--autobots-color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px
}

.chat-panel-static .assistant-intro .assistant-avatar img[data-v-73999aa0] {
    width: 48px;
    height: 48px;
    object-fit: contain
}

.chat-panel-static .assistant-intro .assistant-content[data-v-73999aa0] {
    flex: 1;
    padding: 12px 18px;
    border-radius: 0 8px 8px;
    width: fit-content;
    background: var(--autobots-assistant-color-bg)
}

.chat-panel-static.expanded .empty-title[data-v-73999aa0] {
    flex-direction: row
}

.chat-panel-static.expanded .empty-title .title[data-v-73999aa0]:after {
    content: "锛�"
}

.chat-panel-static.expanded .empty-title .desc[data-v-73999aa0] {
    margin-top: 0
}

.chat-panel-static.expanded .question[data-v-73999aa0] {
    margin-left: 44px
}

.autobots-chat-loading[data-v-8b13b361] {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 28px
}

.autobots-chat-loading .star[data-v-8b13b361] {
    transform-origin: center;
    animation: star-grow-8b13b361 1s ease-in-out infinite;
    width: 12px;
    height: 12px;
    display: block;
    color: var(--autobots-color-primary)
}

.autobots-chat-loading .star[data-v-8b13b361]:nth-child(1) {
    animation-delay: .15s
}

.autobots-chat-loading .star[data-v-8b13b361]:nth-child(2) {
    animation-delay: .15s;
    animation-delay: .3s
}

.autobots-chat-loading .star[data-v-8b13b361]:nth-child(3) {
    animation-delay: .15s;
    animation-delay: .3s;
    animation-delay: .45s
}

@keyframes star-grow-8b13b361 {

    0%,
    80%,
    to {
        transform: scale(1);
        opacity: .6
    }

    40% {
        transform: scale(1.3);
        opacity: 1
    }
}

.autobots-chat-action[data-v-6743d6f7] {
    margin-top: 12px;
    display: flex;
    gap: 16px;
    color: #374151
}

.autobots-chat-action.disabled[data-v-6743d6f7] {
    opacity: .5;
    pointer-events: none
}

.autobots-chat-action .op-btn[data-v-6743d6f7] {
    cursor: pointer
}

.autobots-chat-action .op-btn.good svg.active[data-v-6743d6f7],
.autobots-chat-action .op-btn.bad svg.active[data-v-6743d6f7] {
    color: var(--autobots-color-primary, #3F5EFA)
}

.chat-panel-content .chat-content-item[data-v-e61dd64d] {
    display: flex
}

.chat-panel-content .chat-content-item.user[data-v-e61dd64d] {
    justify-content: flex-end
}

.chat-panel-content .chat-content-item.user .content-wrapper[data-v-e61dd64d] {
    flex-direction: row-reverse
}

.chat-panel-content .chat-content-item.user .content-wrapper .avatar[data-v-e61dd64d] {
    visibility: hidden
}

.chat-panel-content .chat-content-item.user .content-wrapper .content[data-v-e61dd64d] {
    background: var(--autobots-color-primary);
    color: #fff;
    border-radius: 8px 0 8px 8px
}

.chat-panel-content .chat-content-item .content-wrapper[data-v-e61dd64d] {
    display: flex;
    max-width: 90%;
    gap: 12px
}

.chat-panel-content .chat-content-item .content-wrapper .avatar[data-v-e61dd64d] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background-color: var(--autobots-color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px
}

.chat-panel-content .chat-content-item .content-wrapper .avatar img[data-v-e61dd64d] {
    width: 48px;
    height: 48px;
    object-fit: contain
}

.chat-panel-content .chat-content-item .content-wrapper .content[data-v-e61dd64d] {
    flex: 1;
    padding: 12px 18px;
    background: var(--autobots-assistant-color-bg);
    border-radius: 0 8px 8px;
    width: fit-content
}

.chat-panel-content .chat-content-item+.chat-content-item[data-v-e61dd64d] {
    margin-top: 24px
}

.chat-panel-history[data-v-763bfd9e] {
    position: absolute;
    top: 50px;
    right: 12px;
    width: 280px;
    background: #fff;
    border: 1px solid #e4e4e7;
    border-radius: 6px;
    box-shadow: 0 2px 8px #00000026;
    z-index: 1000
}

.chat-panel-history[data-v-763bfd9e]:before {
    top: -6px;
    right: 10px;
    z-index: 1;
    width: 12px;
    height: 12px;
    border: 1px solid #e4e4e7
}

.chat-panel-history[data-v-763bfd9e]:after {
    top: -5px;
    right: 10px;
    z-index: 2;
    width: 12px;
    height: 12px;
    background: #fff
}

.chat-panel-history .empty[data-v-763bfd9e] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    color: #71717a;
    font-size: 14px
}

.chat-panel-history .title[data-v-763bfd9e] {
    display: flex;
    align-items: center;
    padding: 22px 14px 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: #000
}

.chat-panel-history .title[data-v-763bfd9e]:before {
    display: inline-block;
    height: 14px;
    margin-right: 7px;
    content: " ";
    border-left: 3px solid var(--autobots-color-primary, #236fff)
}

.chat-panel-history .list[data-v-763bfd9e] {
    min-height: 100px;
    max-height: 277px;
    padding: 0 8px 16px;
    overflow-y: auto
}

.chat-panel-history .list .item[data-v-763bfd9e] {
    padding: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #71717a;
    cursor: pointer;
    border-radius: 6px
}

.chat-panel-history .list .item .item-title[data-v-763bfd9e] {
    margin-top: 8px;
    font-size: 14px
}

.chat-panel-history .list .item[data-v-763bfd9e]:hover {
    background: #f8fafc
}

.chat-panel-history .list .item:hover .item-title[data-v-763bfd9e] {
    color: #18181b
}

.chat-panel[data-v-b6e12357] {
    position: relative;
    transition: width .3s ease, height .3s ease;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    box-shadow: 0 4px 12px #00000024;
    background-color: #fff
}

.chat-panel>.panel-container[data-v-b6e12357] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.chat-panel>.panel-container .header[data-v-b6e12357] {
    border-bottom: 1px solid #eee;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px
}

.chat-panel>.panel-container .header .title[data-v-b6e12357] {
    font-weight: 600;
    color: #333;
    font-size: 16px;
    line-height: 24px;
    color: #18181b
}

.chat-panel>.panel-container .header .header-actions[data-v-b6e12357] {
    display: flex;
    gap: 20px;
    align-items: center
}

.chat-panel>.panel-container .header .header-actions .action-btn[data-v-b6e12357] {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all .2s;
    color: #4e5969;
    cursor: pointer;
    transition: all .2s ease
}

.chat-panel>.panel-container .header .header-actions .action-btn[data-v-b6e12357]:hover {
    background: #0000000d;
    color: #4e5969
}

.chat-panel>.panel-container .header .header-actions .action-btn .icon[data-v-b6e12357] {
    width: 100%
}

.chat-panel>.panel-container .content[data-v-b6e12357] {
    --scrollbar-width: 8px;
    flex: 1;
    display: flex;
    gap: 24px;
    flex-direction: column;
    height: 0;
    flex: auto;
    padding: 40px calc(24px - var(--scrollbar-width)) 0 24px;
    position: relative;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, .2) transparent
}

.chat-panel>.panel-container .content[data-v-b6e12357]::-webkit-scrollbar {
    width: var(--scrollbar-width);
    height: var(--scrollbar-width)
}

.chat-panel>.panel-container .content[data-v-b6e12357]::-webkit-scrollbar-track {
    background: transparent
}

.chat-panel>.panel-container .content[data-v-b6e12357]::-webkit-scrollbar-thumb {
    background-color: #0003;
    border-radius: 4px
}

.chat-panel>.panel-container .content[data-v-b6e12357]:hover::-webkit-scrollbar-thumb {
    background-color: #0006
}

.chat-panel>.panel-container .content .chat-content[data-v-b6e12357] {
    margin-top: 24px
}

.chat-panel>.panel-container .content .chat-content .chat-message+.chat-content[data-v-b6e12357] {
    margin-top: 16px
}

.chat-panel>.panel-container .content .chat-content .user-message[data-v-b6e12357] {
    margin-top: 20px
}

.chat-panel>.panel-container .content .chat-content .assistant-message[data-v-b6e12357] {
    margin-top: 20px
}

.chat-panel>.panel-container .chat-input[data-v-b6e12357] {
    margin-top: 16px;
    padding: 0 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.chat-panel>.panel-container .chat-input .new-btn[data-v-b6e12357] {
    width: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 32px;
    font-size: 12px;
    line-height: 24px;
    color: #71717a;
    border: 1px solid #e4e4e7;
    border-radius: 8px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.chat-panel>.panel-container .chat-input .new-btn[data-v-b6e12357]:hover {
    border-color: var(--autobots-color-primary);
    color: var(--autobots-color-primary)
}

.chat-panel>.panel-container .chat-input .input-box[data-v-b6e12357] {
    margin-top: 16px;
    width: 100%;
    position: relative
}

.chat-panel>.panel-container .footer[data-v-b6e12357] {
    border-radius: 0 0 8px 8px;
    padding: 15px 0 17px;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    color: #a1a1aa
}

.chat-panel>.panel-container .footer span[data-v-b6e12357] {
    text-decoration-line: underline;
    cursor: pointer
}

.chat-panel.chat-panel-inline[data-v-b6e12357] {
    position: relative;
    width: 480px;
    height: 746px;
    border: 1px solid #eee;
    border-radius: 0;
    box-shadow: none
}

.chat-panel.chat-panel-small[data-v-b6e12357] {
    position: fixed;
    z-index: 9999;
    bottom: 20px;
    right: 32px;
    width: 480px;
    height: 746px;
    max-width: calc(100% - 64px);
    max-height: calc(100% - 18vh)
}

.chat-panel.chat-panel-large[data-v-b6e12357] {
    position: fixed;
    z-index: 9999;
    bottom: 50%;
    right: 50%;
    max-width: calc(100% - 64px);
    max-height: calc(100% - 64px);
    transform: translate(50%, 50%);
    width: 1200px;
    /* height: 846px; */
    height: 80vh;
    background: var(--autobots-color-bg)
}

.chat-panel.chat-panel-large .content[data-v-b6e12357] {
    padding: 60px calc(16% - 44px - var(--scrollbar-width)) 0 calc(16% - 42px)
}

.chat-panel.chat-panel-large .chat-input[data-v-b6e12357] {
    padding: 0 16%
}

.chat-panel.chat-panel-input-only[data-v-b6e12357] {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 840px;
    height: 84px;
    background: var(--autobots-color-bg);
    box-shadow: 0 4px 12px #00000024;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.chat-panel.chat-panel-input-only .panel-container[data-v-b6e12357] {
    position: relative;
    padding: 16px
}

.chat-panel.chat-panel-input-only .input-only-container[data-v-b6e12357] {
    width: 100%;
    position: relative
}

.chat-panel.chat-panel-input-only .input-only-container .input-box[data-v-b6e12357] {
    width: 100%
}

.chat-panel.chat-panel-input-only .minimize-btn-outside[data-v-b6e12357] {
    position: absolute;
    top: -29px;
    right: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffffe6;
    border-radius: 50%;
    cursor: pointer;
    transition: all .2s;
    box-shadow: 0 2px 8px #0000001a
}

.chat-panel.chat-panel-input-only .minimize-btn-outside[data-v-b6e12357]:hover {
    background: #fff;
    box-shadow: 0 4px 12px #00000026
}

.chat-panel.chat-panel-input-only .minimize-btn-outside .icon[data-v-b6e12357] {
    width: 12px;
    height: 12px
}

@media(max-width:768px) {
    .chat-panel.chat-panel-input-only[data-v-b6e12357] {
        width: calc(100% - 32px);
        max-width: 840px
    }
}

.widget-default-enter-active[data-v-7c8dca9c] {
    transition: all .3s ease
}

.widget-default-enter-from[data-v-7c8dca9c] {
    opacity: 0;
    transform: scale(.8)
}

.widget-from-bottom-enter-active.chat-button[data-v-7c8dca9c],
.widget-from-bottom-leave-active.chat-button[data-v-7c8dca9c] {
    transition-property: transform, opacity, box-shadow !important;
    transition-duration: .4s, .4s, .2s !important;
    bottom: 32px !important;
    right: 32px !important
}

.widget-from-bottom-enter-active.chat-button[data-v-7c8dca9c] {
    transition-timing-function: cubic-bezier(.34, 1.56, .64, 1), ease, ease !important
}

.widget-from-bottom-leave-active.chat-button[data-v-7c8dca9c] {
    transition-timing-function: ease !important
}

.widget-from-bottom-enter-from.chat-button[data-v-7c8dca9c],
.widget-from-bottom-leave-to.chat-button[data-v-7c8dca9c] {
    opacity: 0 !important;
    transform: translateY(200px) !important
}

.widget-from-right-enter-active.chat-button[data-v-7c8dca9c],
.widget-from-right-leave-active.chat-button[data-v-7c8dca9c] {
    transition-property: transform, opacity, box-shadow !important;
    transition-duration: .4s, .4s, .2s !important;
    bottom: 32px !important;
    right: 32px !important
}

.widget-from-right-enter-active.chat-button[data-v-7c8dca9c] {
    transition-timing-function: cubic-bezier(.34, 1.56, .64, 1), ease, ease !important
}

.widget-from-right-leave-active.chat-button[data-v-7c8dca9c] {
    transition-timing-function: ease !important
}

.widget-from-right-enter-from.chat-button[data-v-7c8dca9c],
.widget-from-right-leave-to.chat-button[data-v-7c8dca9c] {
    opacity: 0 !important;
    transform: translate(300px) !important
}

.panel-default-enter-active[data-v-7c8dca9c],
.panel-default-leave-active[data-v-7c8dca9c] {
    transition: opacity .3s ease
}

.panel-default-enter-from[data-v-7c8dca9c],
.panel-default-leave-to[data-v-7c8dca9c] {
    opacity: 0
}

.panel-from-bottom-enter-active.chat-panel[data-v-7c8dca9c] {
    transition-property: transform, opacity !important;
    transition-duration: .4s, .4s !important;
    transition-timing-function: cubic-bezier(.34, 1.56, .64, 1), ease !important
}

.panel-to-bottom-leave-active.chat-panel[data-v-7c8dca9c] {
    transition-property: transform, opacity !important;
    transition-duration: .4s, .4s !important;
    transition-timing-function: ease, ease !important
}

.panel-from-bottom-enter-from.chat-panel[data-v-7c8dca9c],
.panel-to-bottom-leave-to.chat-panel[data-v-7c8dca9c] {
    opacity: 0 !important;
    transform: translateY(200px) !important
}

.panel-from-right-enter-active.chat-panel[data-v-7c8dca9c] {
    transition-property: transform, opacity !important;
    transition-duration: .4s, .4s !important;
    transition-timing-function: cubic-bezier(.34, 1.56, .64, 1), ease !important
}

.panel-to-right-leave-active.chat-panel[data-v-7c8dca9c] {
    transition-property: transform, opacity !important;
    transition-duration: .4s, .4s !important;
    transition-timing-function: ease, ease !important
}

.panel-from-right-enter-from.chat-panel[data-v-7c8dca9c],
.panel-to-right-leave-to.chat-panel[data-v-7c8dca9c] {
    opacity: 0 !important;
    transform: translate(calc(-50% + 500px)) !important
}

.chat-button[data-v-7c8dca9c] {
    position: fixed;
    z-index: 9999;
    bottom: 32px;
    right: 32px;
    cursor: grab;
    border: 1px solid var(--autobots-color-primary);
    box-shadow: 0 4px 12px #00000024;
    background: linear-gradient(90deg, #fff, #edf0ff);
    border-radius: 8px;
    transition: bottom .3s ease, right .3s ease, box-shadow .2s ease, transform .1s ease
}

.chat-button[data-v-7c8dca9c]:hover {
    box-shadow: 0 6px 16px #0000002e;
    transform: translateY(-1px)
}

.chat-button.dragging[data-v-7c8dca9c] {
    cursor: grabbing;
    box-shadow: 0 8px 20px #0000003d;
    transform: scale(1.02);
    z-index: 1001;
    transition: box-shadow .2s ease, transform .1s ease
}

.chat-button .chat-button-content[data-v-7c8dca9c] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 12px 16px;
    /* box-sizing: border-box; */
}

.chat-button .chat-button-content .chat-button-icon[data-v-7c8dca9c] {
    width: 32px;
    height: 32px;
    background-color: var(--autobots-color-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.chat-button .chat-button-content .chat-button-icon img[data-v-7c8dca9c] {
    width: 48px
}

.chat-button .chat-button-content .chat-button-text[data-v-7c8dca9c] {
    flex: auto;
    margin-left: 8px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #111;
    overflow: hidden
}

.chat-button .chat-button-content .stars[data-v-7c8dca9c] {
    margin-left: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px
}

/* *,
*:before,
*:after {
    box-sizing: border-box;
    margin: 0;
    font-weight: 400
} */

#app {
    width: 100vw;
    height: 100vh;
    background-size: 100% 100%;
    background-repeat: no-repeat
}