.page-wrapper {
    height: 100%;
    margin: 0 auto
}

.page-wrapper .ViewPanel,.page-wrapper .PageLayout-container,.page-wrapper .PageLayout-wrapper {
    min-height: 100%;
    box-sizing: border-box
}

.page-wrapper.page-pc {
    display: flex;
    align-items: center;
    justify-content: center
}

.page-wrapper.page-pc .page-main {
    width: 375px
}

.page-wrapper.page-pc .page-content {
    scrollbar-width: none
}

.page-wrapper.page-type-24 .page-content {
    overflow: hidden
}

.page-main {
    position: relative;
    height: 100%
}

.page-content {
    flex: 1;
    overflow: auto
}

.page-preview {
    height: 100%;
    display: flex;
    flex-direction: column
}

.page-preview .preview-content {
    box-shadow: none;
    background-color: #eef4fe;
    border-radius: 0
}

.page-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

.page-jump {
    padding: 16px 12px 50px;
    bottom: 0;
    background-color: #fffffff2;
    width: 100%;
    box-sizing: border-box;
    z-index: 9999
}

.page-jump-btn {
    border-radius: 4px;
    background: #03c160;
    color: #fff;
    height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer
}

.page-wx-icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background-image: url("data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='&%23229;&%23164;&%23150;&%23233;&%23131;&%23168;&%23229;&%23147;&%23129;&%23231;&%23137;&%23140;/&%23229;&%23190;&%23174;&%23228;&%23191;&%23161;/dark'%20clip-path='url(%23clip0_15638_427145)'%3e%3cpath%20id='Vector'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.5%208.85L17.751%208.85397C21.1276%208.9611%2023.8956%2011.2206%2024.4131%2014.1545C24.4427%2014.3193%2024.4649%2014.4859%2024.4795%2014.6542L24.4956%2014.924L24.5%2015.15C24.5%2017.2449%2023.3639%2019.1012%2021.6158%2020.2465L22.3085%2022.5L19.8333%2021.0909L19.6672%2021.1423C18.9848%2021.342%2018.2564%2021.45%2017.5%2021.45C13.718%2021.45%2010.6366%2018.7507%2010.5044%2015.3759L10.5025%2014.9804L10.5%2015.1317C10.5%2011.6853%2013.5586%208.85%2017.5%208.85ZM9.06501%201.5C13.3044%201.5%2016.7366%204.3692%2017.5%207.8H17C12.6444%207.8%209.37381%2011.2838%209.37381%2015.1974C9.37381%2015.7193%209.46742%2016.241%209.57976%2016.7628L9.66635%2017.1542H9.06501C8.26863%2017.1542%207.47227%2017.0326%206.68679%2016.6716L6.35085%2016.5019H6.20459L3.06788%2018.3L3.96176%2015.5324H3.8155C1.84895%2014.0515%200.5%2011.9361%200.5%209.32708C0.5%205.202%204.20798%201.68021%208.71665%201.50669L9.06501%201.5ZM15.5%2013.05C14.9477%2013.05%2014.5%2013.5201%2014.5%2014.1C14.5%2014.6799%2014.9477%2015.15%2015.5%2015.15C16.0523%2015.15%2016.5%2014.6799%2016.5%2014.1C16.5%2013.5201%2016.0523%2013.05%2015.5%2013.05ZM19.5%2013.05C18.9478%2013.05%2018.5%2013.5201%2018.5%2014.1C18.5%2014.6799%2018.9478%2015.15%2019.5%2015.15C20.0524%2015.15%2020.5%2014.6799%2020.5%2014.1C20.5%2013.5201%2020.0524%2013.05%2019.5%2013.05ZM11.5%206.75C10.9484%206.75%2010.5%207.21929%2010.5%207.79842C10.5%208.37757%2010.9484%208.85%2011.5%208.85C12.0516%208.85%2012.5%208.37915%2012.5%207.79842C12.5%207.21929%2012.0531%206.75%2011.5%206.75ZM6.49925%206.75C5.94727%206.75%205.49999%207.21929%205.49999%207.79842C5.49999%208.37757%205.94578%208.85%206.49925%208.85C7.05124%208.85%207.5%208.37915%207.5%207.79842C7.5%207.21929%207.05124%206.75%206.49925%206.75Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_15638_427145'%3e%3crect%20width='24'%20height='24'%20fill='white'%20style='fill:white;fill-opacity:1;'%20transform='translate(0.5)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: 100%;
    background-repeat: no-repeat
}

.qrcode-wrap {
    height: 100%;
    padding: 0 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.qrcode-wrap.qrcode-pc {
    position: absolute;
    right: -170px;
    top: 150px;
    width: 170px;
    box-sizing: border-box;
    height: auto
}

.qrcode-wrap .qrcode-douyin-btn {
    margin-top: 10px
}

.qrcode-img {
    vertical-align: bottom;
    width: 150px;
    height: 150px
}

.qrcode-msg {
    color: #333;
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@-webkit-keyframes t-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes t-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes t-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes t-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes t-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes t-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.t-icon-loading {
    -webkit-animation: t-spin 1s linear infinite;
    animation: t-spin 1s linear infinite
}

@-webkit-keyframes t-zoom-out {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes t-zoom-out {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.t-loading {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    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);
    -webkit-box-sizing: border-box;
    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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: var(--td-radius-default);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    text-decoration: none
}

.t-button .t-button__text,.t-button .t-icon {
    position: relative;
    z-index: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    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 {
    background-color: var(--td-bg-color-component)
}

.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 {
    border-color: var(--td-bg-color-component)
}

.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 {
    color: var(--td-text-color-primary)
}

.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 {
    background-color: var(--td-brand-color)
}

.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 {
    border-color: var(--td-brand-color)
}

.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 {
    background-color: var(--td-success-color)
}

.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 {
    border-color: var(--td-success-color)
}

.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 {
    background-color: var(--td-warning-color)
}

.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 {
    border-color: var(--td-warning-color)
}

.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 {
    background-color: var(--td-error-color)
}

.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 {
    border-color: var(--td-error-color)
}

.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-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 {
    color: var(--td-text-color-primary)
}

.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 {
    background-color: var(--td-bg-color-specialcomponent)
}

.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 {
    color: var(--td-brand-color)
}

.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 {
    border-color: var(--td-brand-color)
}

.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 {
    color: var(--td-success-color)
}

.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 {
    border-color: var(--td-success-color)
}

.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 {
    color: var(--td-warning-color)
}

.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 {
    border-color: var(--td-warning-color)
}

.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 {
    color: var(--td-error-color)
}

.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 {
    border-color: var(--td-error-color)
}

.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-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 {
    color: var(--td-text-color-primary)
}

.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 {
    background-color: var(--td-bg-color-specialcomponent)
}

.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 {
    color: var(--td-brand-color)
}

.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 {
    border-color: var(--td-brand-color)
}

.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 {
    color: var(--td-success-color)
}

.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 {
    border-color: var(--td-success-color)
}

.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 {
    color: var(--td-warning-color)
}

.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 {
    border-color: var(--td-warning-color)
}

.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 {
    color: var(--td-error-color)
}

.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 {
    border-color: var(--td-error-color)
}

.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-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 {
    color: var(--td-text-color-primary)
}

.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 {
    color: var(--td-brand-color)
}

.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 {
    color: var(--td-success-color)
}

.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 {
    color: var(--td-warning-color)
}

.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 {
    color: var(--td-error-color)
}

.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.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: -webkit-box;
    display: -ms-flexbox;
    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-message {
    margin: 0;
    padding: 0;
    list-style: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    outline: 0;
    border-radius: var(--td-radius-medium);
    background-color: var(--td-bg-color-container);
    -webkit-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-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);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    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);
    -ms-flex-negative: 0;
    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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    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);
    -webkit-transition: all .2s linear;
    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
}

.t-message__list .t-message {
    margin-bottom: var(--td-comp-margin-s);
    word-break: break-all
}

@-webkit-keyframes tDialogZoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.01);
        transform: scale(.01)
    }

    to {
        opacity: 1
    }
}

@keyframes tDialogZoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.01);
        transform: scale(.01)
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes tDialogZoomOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.01);
        transform: scale(.01)
    }
}

@keyframes tDialogZoomOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.01);
        transform: scale(.01)
    }
}

@-webkit-keyframes tDialogMaskIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes tDialogMaskIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes tDialogMaskOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes tDialogMaskOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.t-dialog-zoom .animation-enter {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0,0,.15,1);
    animation-timing-function: cubic-bezier(0,0,.15,1);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.t-dialog-zoom .animation-exit {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.38,0,.24,1);
    animation-timing-function: cubic-bezier(.38,0,.24,1);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.t-dialog-zoom .animation-active {
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.t-dialog-zoom-enter,.t-dialog-zoom-enter-from,.t-dialog-zoom-appear {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0,0,.15,1);
    animation-timing-function: cubic-bezier(0,0,.15,1);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.t-dialog-zoom-exit {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.38,0,.24,1);
    animation-timing-function: cubic-bezier(.38,0,.24,1);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.t-dialog-zoom-enter-active,.t-dialog-zoom-appear-active {
    -webkit-animation-name: tDialogZoomIn;
    animation-name: tDialogZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.t-dialog-zoom-exit-active {
    -webkit-animation-name: tDialogZoomOut;
    animation-name: tDialogZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.t-dialog-zoom__vue-enter-active .t-dialog {
    -webkit-animation-name: tDialogZoomIn;
    animation-name: tDialogZoomIn;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0,0,.15,1);
    animation-timing-function: cubic-bezier(0,0,.15,1);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.t-dialog-zoom__vue-enter-active .t-dialog__mask {
    -webkit-animation-name: tDialogMaskIn;
    animation-name: tDialogMaskIn;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.t-dialog-zoom__vue-leave-active .t-dialog {
    -webkit-animation-name: tDialogZoomOut;
    animation-name: tDialogZoomOut;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.38,0,.24,1);
    animation-timing-function: cubic-bezier(.38,0,.24,1);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.t-dialog-zoom__vue-leave-active .t-dialog__mask {
    -webkit-animation-name: tDialogMaskOut;
    animation-name: tDialogMaskOut;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.t-dialog-zoom__vue-enter-to .t-dialog,.t-dialog-zoom__vue-leave-to .t-dialog {
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.t-dialog-fade-enter,.t-dialog-fade-appear {
    opacity: 0;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0,0,.15,1);
    animation-timing-function: cubic-bezier(0,0,.15,1);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.t-dialog-fade-exit {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0,0,.15,1);
    animation-timing-function: cubic-bezier(0,0,.15,1);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.t-dialog-fade-enter.t-dialog-fade-enter-active,.t-dialog-fade-appear.t-dialog-fade-appear-active {
    -webkit-animation-name: tDialogFadeIn;
    animation-name: tDialogFadeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.t-dialog-fade-exit.t-dialog-fade-exit-active {
    -webkit-animation-name: tDialogFadeOut;
    animation-name: tDialogFadeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes tDialogFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes tDialogFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes tDialogFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes tDialogFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.t-dialog {
    font: var(--td-font-body-medium);
    color: var(--td-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    word-break: break-word;
    gap: var(--td-comp-margin-s);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.t-dialog__header .t-dialog__header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: var(--td-comp-margin-s);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.t-dialog__header--fullscreen {
    background-color: var(--td-bg-color-secondarycontainer);
    min-height: var(--td-comp-size-xxxl);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0 var(--td-comp-paddingLR-xxl)
}

.t-dialog__header--fullscreen .t-dialog__header-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-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 {
    -webkit-box-sizing: border-box;
    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 {
    -webkit-box-sizing: border-box;
    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);
    -webkit-box-sizing: border-box;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(var(--td-font-size-body-large) + 4px);
    height: calc(var(--td-font-size-body-large) + 4px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: var(--td-radius-default);
    -webkit-transition: all .2s linear;
    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: -webkit-box;
    display: -ms-flexbox;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100%;
    width: 100%;
    position: relative;
    padding: 48px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.t-dialog__ctx .t-dialog__position.t-dialog--top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 20vh
}

.t-dialog__ctx .t-dialog__position.t-dialog--center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.t-dialog__ctx .t-dialog__position_fullscreen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100%;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.t-dialog__ctx .t-is-hidden {
    background: none
}

.t-dialog__ctx .t-dialog {
    pointer-events: auto;
    z-index: 2500
}

:root {
    --td-screen-xs: 320px;
    --td-screen-sm: 768px;
    --td-screen-md: 992px;
    --td-screen-lg: 1200px;
    --td-screen-xl: 1400px;
    --td-screen-xxl: 1880px
}

@-moz-document url-prefix() {
    .narrow-scrollbar {
        scrollbar-color: var(--td-scrollbar-color) transparent;
        scrollbar-width: thin
    }
}

.narrow-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.narrow-scrollbar::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    background-clip: content-box;
    background-color: var(--td-scrollbar-color);
    border-radius: 15px
}

.narrow-scrollbar::-webkit-scrollbar-thumb:vertical:hover,.narrow-scrollbar::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: var(--td-scrollbar-hover-color)
}

.t-fake-arrow path {
    -webkit-transition: d .2s;
    transition: d .2s;
    stroke: currentcolor
}

.t-fake-arrow--active path {
    d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425")
}

.t-slide-down-enter-active,.t-slide-down-leave-active {
    -webkit-transition: height .2s cubic-bezier(.38,0,.24,1);
    transition: height .2s cubic-bezier(.38,0,.24,1)
}

:root,:root[theme-mode=light] {
    --td-brand-color-1: #f2f3ff;
    --td-brand-color-2: #d9e1ff;
    --td-brand-color-3: #b5c7ff;
    --td-brand-color-4: #8eabff;
    --td-brand-color-5: #618dff;
    --td-brand-color-6: #366ef4;
    --td-brand-color-7: #0052d9;
    --td-brand-color-8: #003cab;
    --td-brand-color-9: #002a7c;
    --td-brand-color-10: #001a57;
    --td-warning-color-1: #fff1e9;
    --td-warning-color-2: #ffd9c2;
    --td-warning-color-3: #ffb98c;
    --td-warning-color-4: #fa9550;
    --td-warning-color-5: #e37318;
    --td-warning-color-6: #be5a00;
    --td-warning-color-7: #954500;
    --td-warning-color-8: #713300;
    --td-warning-color-9: #532300;
    --td-warning-color-10: #3b1700;
    --td-error-color-1: #fff0ed;
    --td-error-color-2: #ffd8d2;
    --td-error-color-3: #ffb9b0;
    --td-error-color-4: #ff9285;
    --td-error-color-5: #f6685d;
    --td-error-color-6: #d54941;
    --td-error-color-7: #ad352f;
    --td-error-color-8: #881f1c;
    --td-error-color-9: #68070a;
    --td-error-color-10: #490002;
    --td-success-color-1: #e3f9e9;
    --td-success-color-2: #c6f3d7;
    --td-success-color-3: #92dab2;
    --td-success-color-4: #56c08d;
    --td-success-color-5: #2ba471;
    --td-success-color-6: #008858;
    --td-success-color-7: #006c45;
    --td-success-color-8: #005334;
    --td-success-color-9: #003b23;
    --td-success-color-10: #002515;
    --td-gray-color-1: #f3f3f3;
    --td-gray-color-2: #eee;
    --td-gray-color-3: #e8e8e8;
    --td-gray-color-4: #ddd;
    --td-gray-color-5: #c6c6c6;
    --td-gray-color-6: #a6a6a6;
    --td-gray-color-7: #8b8b8b;
    --td-gray-color-8: #777;
    --td-gray-color-9: #5e5e5e;
    --td-gray-color-10: #4b4b4b;
    --td-gray-color-11: #393939;
    --td-gray-color-12: #2c2c2c;
    --td-gray-color-13: #242424;
    --td-gray-color-14: #181818;
    --td-font-white-1: #ffffff;
    --td-font-white-2: rgba(255, 255, 255, .55);
    --td-font-white-3: rgba(255, 255, 255, .35);
    --td-font-white-4: rgba(255, 255, 255, .22);
    --td-font-gray-1: rgba(0, 0, 0, .9);
    --td-font-gray-2: rgba(0, 0, 0, .6);
    --td-font-gray-3: rgba(0, 0, 0, .4);
    --td-font-gray-4: rgba(0, 0, 0, .26);
    --td-brand-color: var(--td-brand-color-7);
    --td-warning-color: var(--td-warning-color-5);
    --td-error-color: var(--td-error-color-6);
    --td-success-color: var(--td-success-color-5);
    --td-brand-color-hover: var(--td-brand-color-6);
    --td-brand-color-focus: var(--td-brand-color-2);
    --td-brand-color-active: var(--td-brand-color-8);
    --td-brand-color-disabled: var(--td-brand-color-3);
    --td-brand-color-light: var(--td-brand-color-1);
    --td-brand-color-light-hover: var(--td-brand-color-2);
    --td-warning-color-hover: var(--td-warning-color-4);
    --td-warning-color-focus: var(--td-warning-color-2);
    --td-warning-color-active: var(--td-warning-color-6);
    --td-warning-color-disabled: var(--td-warning-color-3);
    --td-warning-color-light: var(--td-warning-color-1);
    --td-warning-color-light-hover: var(--td-warning-color-2);
    --td-error-color-hover: var(--td-error-color-5);
    --td-error-color-focus: var(--td-error-color-2);
    --td-error-color-active: var(--td-error-color-7);
    --td-error-color-disabled: var(--td-error-color-3);
    --td-error-color-light: var(--td-error-color-1);
    --td-error-color-light-hover: var(--td-error-color-2);
    --td-success-color-hover: var(--td-success-color-4);
    --td-success-color-focus: var(--td-success-color-2);
    --td-success-color-active: var(--td-success-color-6);
    --td-success-color-disabled: var(--td-success-color-3);
    --td-success-color-light: var(--td-success-color-1);
    --td-success-color-light-hover: var(--td-success-color-2);
    --td-mask-active: rgba(0, 0, 0, .6);
    --td-mask-disabled: rgba(255, 255, 255, .6);
    --td-bg-color-page: var(--td-gray-color-2);
    --td-bg-color-container: #fff;
    --td-bg-color-container-hover: var(--td-gray-color-1);
    --td-bg-color-container-active: var(--td-gray-color-3);
    --td-bg-color-container-select: #fff;
    --td-bg-color-secondarycontainer: var(--td-gray-color-1);
    --td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);
    --td-bg-color-secondarycontainer-active: var(--td-gray-color-4);
    --td-bg-color-component: var(--td-gray-color-3);
    --td-bg-color-component-hover: var(--td-gray-color-4);
    --td-bg-color-component-active: var(--td-gray-color-6);
    --td-bg-color-secondarycomponent: var(--td-gray-color-4);
    --td-bg-color-secondarycomponent-hover: var(--td-gray-color-5);
    --td-bg-color-secondarycomponent-active: var(--td-gray-color-6);
    --td-bg-color-component-disabled: var(--td-gray-color-2);
    --td-bg-color-specialcomponent: #fff;
    --td-text-color-primary: var(--td-font-gray-1);
    --td-text-color-secondary: var(--td-font-gray-2);
    --td-text-color-placeholder: var(--td-font-gray-3);
    --td-text-color-disabled: var(--td-font-gray-4);
    --td-text-color-anti: #fff;
    --td-text-color-brand: var(--td-brand-color-7);
    --td-text-color-link: var(--td-brand-color-8);
    --td-border-level-1-color: var(--td-gray-color-3);
    --td-component-stroke: var(--td-gray-color-3);
    --td-border-level-2-color: var(--td-gray-color-4);
    --td-component-border: var(--td-gray-color-4);
    --td-shadow-1: 0 1px 10px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, 8%), 0 2px 4px -1px rgba(0, 0, 0, 12%);
    --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, .05), 0 8px 10px 1px rgba(0, 0, 0, 6%), 0 5px 5px -3px rgba(0, 0, 0, 10%);
    --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, .05), 0 16px 24px 2px rgba(0, 0, 0, 4%), 0 8px 10px -5px rgba(0, 0, 0, 8%);
    --td-shadow-inset-top: inset 0 .5px 0 #dcdcdc;
    --td-shadow-inset-right: inset .5px 0 0 #dcdcdc;
    --td-shadow-inset-bottom: inset 0 -.5px 0 #dcdcdc;
    --td-shadow-inset-left: inset -.5px 0 0 #dcdcdc;
    --td-table-shadow-color: rgba(0, 0, 0, .08);
    --td-scrollbar-color: rgba(0, 0, 0, .1);
    --td-scrollbar-hover-color: rgba(0, 0, 0, .3);
    --td-scroll-track-color: #fff
}

:root[theme-mode=dark] {
    --td-brand-color-1: #1b2f51;
    --td-brand-color-2: #173463;
    --td-brand-color-3: #143975;
    --td-brand-color-4: #103d88;
    --td-brand-color-5: #0d429a;
    --td-brand-color-6: #054bbe;
    --td-brand-color-7: #2667d4;
    --td-brand-color-8: #4582e6;
    --td-brand-color-9: #699ef5;
    --td-brand-color-10: #96bbf8;
    --td-warning-color-1: #4f2a1d;
    --td-warning-color-2: #582f21;
    --td-warning-color-3: #733c23;
    --td-warning-color-4: #a75d2b;
    --td-warning-color-5: #cf6e2d;
    --td-warning-color-6: #dc7633;
    --td-warning-color-7: #e8935c;
    --td-warning-color-8: #ecbf91;
    --td-warning-color-9: #eed7bf;
    --td-warning-color-10: #f3e9dc;
    --td-error-color-1: #472324;
    --td-error-color-2: #5e2a2d;
    --td-error-color-3: #703439;
    --td-error-color-4: #83383e;
    --td-error-color-5: #a03f46;
    --td-error-color-6: #c64751;
    --td-error-color-7: #de6670;
    --td-error-color-8: #ec888e;
    --td-error-color-9: #edb1b6;
    --td-error-color-10: #eeced0;
    --td-success-color-1: #193a2a;
    --td-success-color-2: #1a4230;
    --td-success-color-3: #17533d;
    --td-success-color-4: #0d7a55;
    --td-success-color-5: #059465;
    --td-success-color-6: #43af8a;
    --td-success-color-7: #46bf96;
    --td-success-color-8: #80d2b6;
    --td-success-color-9: #b4e1d3;
    --td-success-color-10: #deede8;
    --td-gray-color-1: #f3f3f3;
    --td-gray-color-2: #eee;
    --td-gray-color-3: #e8e8e8;
    --td-gray-color-4: #ddd;
    --td-gray-color-5: #c6c6c6;
    --td-gray-color-6: #a6a6a6;
    --td-gray-color-7: #8b8b8b;
    --td-gray-color-8: #777;
    --td-gray-color-9: #5e5e5e;
    --td-gray-color-10: #4b4b4b;
    --td-gray-color-11: #393939;
    --td-gray-color-12: #2c2c2c;
    --td-gray-color-13: #242424;
    --td-gray-color-14: #181818;
    --td-font-white-1: rgba(255, 255, 255, .9);
    --td-font-white-2: rgba(255, 255, 255, .55);
    --td-font-white-3: rgba(255, 255, 255, .35);
    --td-font-white-4: rgba(255, 255, 255, .22);
    --td-font-gray-1: rgba(0, 0, 0, .9);
    --td-font-gray-2: rgba(0, 0, 0, .6);
    --td-font-gray-3: rgba(0, 0, 0, .4);
    --td-font-gray-4: rgba(0, 0, 0, .26);
    --td-brand-color: var(--td-brand-color-8);
    --td-warning-color: var(--td-warning-color-5);
    --td-error-color: var(--td-error-color-6);
    --td-success-color: var(--td-success-color-5);
    --td-brand-color-hover: var(--td-brand-color-7);
    --td-brand-color-focus: var(--td-brand-color-2);
    --td-brand-color-active: var(--td-brand-color-9);
    --td-brand-color-disabled: var(--td-brand-color-3);
    --td-brand-color-light: var(--td-brand-color-1);
    --td-brand-color-light-hover: var(--td-brand-color-2);
    --td-warning-color-hover: var(--td-warning-color-4);
    --td-warning-color-focus: var(--td-warning-color-2);
    --td-warning-color-active: var(--td-warning-color-6);
    --td-warning-color-disabled: var(--td-warning-color-3);
    --td-warning-color-light: var(--td-warning-color-1);
    --td-warning-color-light-hover: var(--td-warning-color-2);
    --td-error-color-hover: var(--td-error-color-5);
    --td-error-color-focus: var(--td-error-color-2);
    --td-error-color-active: var(--td-error-color-7);
    --td-error-color-disabled: var(--td-error-color-3);
    --td-error-color-light: var(--td-error-color-1);
    --td-error-color-light-hover: var(--td-error-color-2);
    --td-success-color-hover: var(--td-success-color-4);
    --td-success-color-focus: var(--td-success-color-2);
    --td-success-color-active: var(--td-success-color-6);
    --td-success-color-disabled: var(--td-success-color-3);
    --td-success-color-light: var(--td-success-color-1);
    --td-success-color-light-hover: var(--td-success-color-2);
    --td-mask-active: rgba(0, 0, 0, .4);
    --td-mask-disabled: rgba(0, 0, 0, .6);
    --td-bg-color-page: var(--td-gray-color-14);
    --td-bg-color-container: var(--td-gray-color-13);
    --td-bg-color-container-hover: var(--td-gray-color-12);
    --td-bg-color-container-active: var(--td-gray-color-10);
    --td-bg-color-container-select: var(--td-gray-color-9);
    --td-bg-color-secondarycontainer: var(--td-gray-color-12);
    --td-bg-color-secondarycontainer-hover: var(--td-gray-color-11);
    --td-bg-color-secondarycontainer-active: var(--td-gray-color-9);
    --td-bg-color-component: var(--td-gray-color-11);
    --td-bg-color-component-hover: var(--td-gray-color-10);
    --td-bg-color-component-active: var(--td-gray-color-9);
    --td-bg-color-secondarycomponent: var(--td-gray-color-10);
    --td-bg-color-secondarycomponent-hover: var(--td-gray-color-9);
    --td-bg-color-secondarycomponent-active: var(--td-gray-color-8);
    --td-bg-color-component-disabled: var(--td-gray-color-12);
    --td-bg-color-specialcomponent: transparent;
    --td-text-color-primary: var(--td-font-white-1);
    --td-text-color-secondary: var(--td-font-white-2);
    --td-text-color-placeholder: var(--td-font-white-3);
    --td-text-color-disabled: var(--td-font-white-4);
    --td-text-color-anti: #fff;
    --td-text-color-brand: var(--td-brand-color-8);
    --td-text-color-link: var(--td-brand-color-8);
    --td-border-level-1-color: var(--td-gray-color-11);
    --td-component-stroke: var(--td-gray-color-11);
    --td-border-level-2-color: var(--td-gray-color-9);
    --td-component-border: var(--td-gray-color-9);
    --td-shadow-1: 0 4px 6px rgba(0, 0, 0, .06), 0 1px 10px rgba(0, 0, 0, 8%), 0 2px 4px rgba(0, 0, 0, 12%);
    --td-shadow-2: 0 8px 10px rgba(0, 0, 0, .12), 0 3px 14px rgba(0, 0, 0, 10%), 0 5px 5px rgba(0, 0, 0, 16%);
    --td-shadow-3: 0 16px 24px rgba(0, 0, 0, .14), 0 6px 30px rgba(0, 0, 0, 12%), 0 8px 10px rgba(0, 0, 0, 20%);
    --td-shadow-inset-top: inset 0 .5px 0 #5e5e5e;
    --td-shadow-inset-right: inset .5px 0 0 #5e5e5e;
    --td-shadow-inset-bottom: inset 0 -.5px 0 #5e5e5e;
    --td-shadow-inset-left: inset -.5px 0 0 #5e5e5e;
    --td-table-shadow-color: rgba(0, 0, 0, .55);
    --td-scrollbar-color: rgba(255, 255, 255, .1);
    --td-scrollbar-hover-color: rgba(255, 255, 255, .3);
    --td-scroll-track-color: #333
}

:root {
    --td-radius-small: 2px;
    --td-radius-default: 3px;
    --td-radius-medium: 6px;
    --td-radius-large: 9px;
    --td-radius-extraLarge: 12px;
    --td-radius-round: 999px;
    --td-radius-circle: 50%
}

:root {
    --td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;
    --td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;
    --td-font-size-link-small: 12px;
    --td-font-size-link-medium: 14px;
    --td-font-size-link-large: 16px;
    --td-font-size-mark-small: 12px;
    --td-font-size-mark-medium: 14px;
    --td-font-size-body-small: 12px;
    --td-font-size-body-medium: 14px;
    --td-font-size-body-large: 16px;
    --td-font-size-title-small: 14px;
    --td-font-size-title-medium: 16px;
    --td-font-size-title-large: 20px;
    --td-font-size-headline-small: 24px;
    --td-font-size-headline-medium: 28px;
    --td-font-size-headline-large: 36px;
    --td-font-size-display-medium: 48px;
    --td-font-size-display-large: 64px;
    --td-line-height-link-small: 20px;
    --td-line-height-link-medium: 22px;
    --td-line-height-link-large: 24px;
    --td-line-height-mark-small: 20px;
    --td-line-height-mark-medium: 22px;
    --td-line-height-body-small: 20px;
    --td-line-height-body-medium: 22px;
    --td-line-height-body-large: 24px;
    --td-line-height-title-small: 22px;
    --td-line-height-title-medium: 24px;
    --td-line-height-title-large: 28px;
    --td-line-height-headline-small: 32px;
    --td-line-height-headline-medium: 36px;
    --td-line-height-headline-large: 44px;
    --td-line-height-display-medium: 56px;
    --td-line-height-display-large: 72px;
    --td-font-link-small: var(--td-font-size-link-small) / var(--td-line-height-link-small) var(--td-font-family);
    --td-font-link-medium: var(--td-font-size-link-medium) / var(--td-line-height-link-medium) var(--td-font-family);
    --td-font-link-large: var(--td-font-size-link-large) / var(--td-line-height-link-large) var(--td-font-family);
    --td-font-mark-small: 600 var(--td-font-size-mark-small) / var(--td-line-height-mark-small) var(--td-font-family);
    --td-font-mark-medium: 600 var(--td-font-size-mark-medium) / var(--td-line-height-mark-medium) var(--td-font-family);
    --td-font-body-small: var(--td-font-size-body-small) / var(--td-line-height-body-small) var(--td-font-family);
    --td-font-body-medium: var(--td-font-size-body-medium) / var(--td-line-height-body-medium) var(--td-font-family);
    --td-font-body-large: var(--td-font-size-body-large) / var(--td-line-height-body-large) var(--td-font-family);
    --td-font-title-small: 600 var(--td-font-size-title-small) / var(--td-line-height-title-small) var(--td-font-family);
    --td-font-title-medium: 600 var(--td-font-size-title-medium) / var(--td-line-height-title-medium) var(--td-font-family);
    --td-font-title-large: 600 var(--td-font-size-title-large) / var(--td-line-height-title-large) var(--td-font-family);
    --td-font-headline-small: 600 var(--td-font-size-headline-small) / var(--td-line-height-headline-small) var(--td-font-family);
    --td-font-headline-medium: 600 var(--td-font-size-headline-medium) / var(--td-line-height-headline-medium) var(--td-font-family);
    --td-font-headline-large: 600 var(--td-font-size-headline-large) / var(--td-line-height-headline-large) var(--td-font-family);
    --td-font-display-medium: 600 var(--td-font-size-display-medium) / var(--td-line-height-display-medium) var(--td-font-family);
    --td-font-display-large: 600 var(--td-font-size-display-large) / var(--td-line-height-display-large) var(--td-font-family)
}

:root {
    --td-size-1: 2px;
    --td-size-2: 4px;
    --td-size-3: 6px;
    --td-size-4: 8px;
    --td-size-5: 12px;
    --td-size-6: 16px;
    --td-size-7: 20px;
    --td-size-8: 24px;
    --td-size-9: 28px;
    --td-size-10: 32px;
    --td-size-11: 36px;
    --td-size-12: 40px;
    --td-size-13: 48px;
    --td-size-14: 56px;
    --td-size-15: 64px;
    --td-size-16: 72px;
    --td-comp-size-xxxs: var(--td-size-6);
    --td-comp-size-xxs: var(--td-size-7);
    --td-comp-size-xs: var(--td-size-8);
    --td-comp-size-s: var(--td-size-9);
    --td-comp-size-m: var(--td-size-10);
    --td-comp-size-l: var(--td-size-11);
    --td-comp-size-xl: var(--td-size-12);
    --td-comp-size-xxl: var(--td-size-13);
    --td-comp-size-xxxl: var(--td-size-14);
    --td-comp-size-xxxxl: var(--td-size-15);
    --td-comp-size-xxxxxl: var(--td-size-16);
    --td-pop-padding-s: var(--td-size-2);
    --td-pop-padding-m: var(--td-size-3);
    --td-pop-padding-l: var(--td-size-4);
    --td-pop-padding-xl: var(--td-size-5);
    --td-pop-padding-xxl: var(--td-size-6);
    --td-comp-paddingLR-xxs: var(--td-size-1);
    --td-comp-paddingLR-xs: var(--td-size-2);
    --td-comp-paddingLR-s: var(--td-size-4);
    --td-comp-paddingLR-m: var(--td-size-5);
    --td-comp-paddingLR-l: var(--td-size-6);
    --td-comp-paddingLR-xl: var(--td-size-8);
    --td-comp-paddingLR-xxl: var(--td-size-10);
    --td-comp-paddingTB-xxs: var(--td-size-1);
    --td-comp-paddingTB-xs: var(--td-size-2);
    --td-comp-paddingTB-s: var(--td-size-4);
    --td-comp-paddingTB-m: var(--td-size-5);
    --td-comp-paddingTB-l: var(--td-size-6);
    --td-comp-paddingTB-xl: var(--td-size-8);
    --td-comp-paddingTB-xxl: var(--td-size-10);
    --td-comp-margin-xxs: var(--td-size-1);
    --td-comp-margin-xs: var(--td-size-2);
    --td-comp-margin-s: var(--td-size-4);
    --td-comp-margin-m: var(--td-size-5);
    --td-comp-margin-l: var(--td-size-6);
    --td-comp-margin-xl: var(--td-size-7);
    --td-comp-margin-xxl: var(--td-size-8);
    --td-comp-margin-xxxl: var(--td-size-10);
    --td-comp-margin-xxxxl: var(--td-size-12)
}

#root,body,html {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: PingFang SC,system-ui,-apple-system,Helvetica Neue,sans-serif;
    font-size: 14px;
    background-color: #fff
}
