.cta-section{
  background:#d1cde3;
  color:#000;
  padding-top:0;
  overflow:hidden}
.cta-section .cta-container{
  max-width:1920px;
  margin:0 auto}
.cta-section .cta-content{
  display:flex;
  gap:clamp(20px,4vw,80px);
  align-items:center;
  justify-content:space-between;
  padding-left:clamp(20px,4vw,80px);
  position:relative;
  z-index:2}
.cta-section .cta-left{
  flex:1;
  min-width:0;
  position:relative;
  z-index:3}
.cta-section .cta-left .cta-header{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:clamp(8px,1.5vw,12px);
  margin-bottom:clamp(12px,2vw,16px)}
.cta-section .cta-left .cta-headline{
  margin:0;
  color:#000;
  font-family:Alimama FangYuanTi VF;
  font-size:clamp(20px,4vw,50px);
  font-style:normal;
  font-weight:700;
  line-height:clamp(28px,5.5vw,58px);
  white-space:nowrap}
.cta-section .cta-left .cta-description{
  margin:0 0 clamp(24px,4vw,40px) 0;
  color:#191a23;
  font-family:Alimama FangYuanTi VF;
  font-size:clamp(14px,2.5vw,20px);
  font-style:normal;
  font-weight:500;
  line-height:clamp(24px,4vw,32px)}
.cta-section .cta-left .cta-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:clamp(12px,2vw,16px)}
.cta-section .cta-left .cta-actions a{
  color:#000}
.cta-section .cta-right{
  font-size:0;
  height:clamp(200px,25vw,400px);
  flex:1;
  min-width:0;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1}
.cta-section .cta-right .cta-right-image{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center}
.cta-section .cta-right:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:linear-gradient(to right,#d1cde3 0%,transparent 50%,transparent 100%);
  pointer-events:none;
  z-index:1}
.cta-section .cta-right:after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
  background:linear-gradient(to left,#d1cde3 0%,transparent 50%,transparent 100%);
  pointer-events:none;
  z-index:1}
@media (max-width:1024px){
  .cta-section{
  padding-top:clamp(30px,5vw,48px)}
.cta-section .cta-content{
  flex-direction:column;
  gap:clamp(30px,5vw,40px);
  text-align:center;
  padding-left:0}
.cta-section .cta-left{
  padding:0 20px}
.cta-section .cta-left .cta-headline{
  white-space:normal}
.cta-section .cta-left .cta-actions{
  align-items:center}
.cta-section .cta-right{
  flex:none;
  width:100%;
  height:clamp(200px,30vw,300px);
  margin:0 auto;
  overflow:hidden;
  position:relative}
.cta-section .cta-right .cta-right-image{
  width:100%;
  height:auto;
  object-fit:contain}
.cta-section .cta-right:after{
  display:none}
}
@media (max-width:768px){
  .cta-section{
  padding-top:clamp(25px,4vw,40px)}
}
.footer-container{
  position:relative}
.footer-container .qr-codes{
  position:absolute;
  top:-70px;
  right:100px;
  display:flex;
  gap:16px;
  z-index:1001;
  pointer-events:auto}
.footer-container .qr-codes .qr-code-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  transition:all .3s ease 0s}
html.performance-high .footer-container .qr-codes .qr-code-item{
  transition:all .3s ease 0s}
html.performance-medium .footer-container .qr-codes .qr-code-item{
  transition:all .2s ease 0s}
html.performance-low .footer-container .qr-codes .qr-code-item{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .footer-container .qr-codes .qr-code-item{
  transition:none}
}
.footer-container .qr-codes .qr-code-item:hover{
  transform:translateY(-2px)}
.footer-container .qr-codes .qr-code-item .qr-code-image{
  width:116px;
  height:116px;
  border-radius:8px;
  object-fit:cover;
  border:2px solid rgba(255,255,255,.1);
  transition:all .3s ease 0s;
  box-shadow:0 4px 12px #0000004d;
  padding:8px}
html.performance-high .footer-container .qr-codes .qr-code-item .qr-code-image{
  transition:all .3s ease 0s}
html.performance-medium .footer-container .qr-codes .qr-code-item .qr-code-image{
  transition:all .2s ease 0s}
html.performance-low .footer-container .qr-codes .qr-code-item .qr-code-image{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .footer-container .qr-codes .qr-code-item .qr-code-image{
  transition:none}
}
.footer-container .qr-codes .qr-code-item .qr-code-image:hover{
  border-color:#ffffff4d;
  box-shadow:0 8px 24px #0006}
.footer-container .qr-codes .qr-code-item .qr-label{
  font-family:PingFang SC;
  font-size:12px;
  font-weight:500;
  color:#fff;
  text-align:center;
  line-height:1.2;
  text-shadow:0 1px 2px rgba(0,0,0,.5);
  background:#0009;
  padding:4px 8px;
  border-radius:4px;
  -webkit-backdrop-filter:none;
  backdrop-filter:none}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  html.performance-high .footer-container .qr-codes .qr-code-item .qr-label{
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px)}
}
@media (prefers-reduced-motion:reduce){
  .footer-container .qr-codes .qr-code-item .qr-label{
  -webkit-backdrop-filter:none;
  backdrop-filter:none}
}
.footer{
  background:#000;
  color:#e2e8f0;
  padding:60px 0 20px;
  margin-top:auto;
  position:relative;
  z-index:999;
  overflow:hidden}
.footer .footer-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:48px;
  justify-content:center}
.footer .footer-header .footer-logo{
  display:flex;
  align-items:center;
  gap:12px}
.footer .footer-header .footer-logo .logo-icon{
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center}
.footer .footer-header .footer-logo .logo-icon svg{
  width:100%;
  height:100%}
.footer .footer-header .footer-logo .logo-text{
  font-size:24px;
  font-weight:700;
  color:#fff;
  letter-spacing:-.5px}
.footer .footer-header .footer-logo .logo-text:after{
  content:">";
  font-weight:900;
  color:#3b82f6}
.footer .footer-header .footer-actions{
  display:flex;
  gap:12px}
.footer .footer-header .footer-actions .action-button{
  width:80px;
  height:32px;
  border:2px solid;
  border-radius:4px;
  cursor:pointer;
  transition:all .2s ease 0s}
html.performance-high .footer .footer-header .footer-actions .action-button,html.performance-medium .footer .footer-header .footer-actions .action-button{
  transition:all .2s ease 0s}
html.performance-low .footer .footer-header .footer-actions .action-button{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .footer .footer-header .footer-actions .action-button{
  transition:none}
}
.footer .footer-header .footer-actions .action-button.action-purple{
  border-color:#6c4dff;
  background:transparent}
.footer .footer-header .footer-actions .action-button.action-purple:hover{
  background:#6c4dff1a}
.footer .footer-header .footer-actions .action-button.action-green{
  border-color:#28b894;
  background:transparent}
.footer .footer-header .footer-actions .action-button.action-green:hover{
  background:#28b8941a}
.footer .footer-content{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  padding:30px 0;
  border-radius:8px}
.footer .footer-content .footer-column{
  border-radius:8px;
  border:1px solid #4c4f6b;
  display:flex;
  padding:17px;
  flex-direction:column;
  align-items:flex-start;
  gap:20px;
  flex-shrink:0}
.footer .footer-content .footer-column .column-title{
  width:100%;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.1);
  color:#4c4f6b;
  font-family:Alimama FangYuanTi VF;
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:22px;
  display:flex;
  align-items:center;
  gap:8px}
.footer .footer-content .footer-column .column-title .title-indicator{
  width:5px;
  height:7px;
  background:#4c4f6b;
  flex-shrink:0}
.footer .footer-content .footer-column .column-links{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:4px}
.footer .footer-content .footer-column .column-links li a{
  text-decoration:none;
  transition:color .2s ease 0s;
  color:#d2d3e0;
  font-family:Alimama FangYuanTi VF;
  font-size:14px;
  font-style:normal;
  font-weight:480;
  line-height:22px}
html.performance-high .footer .footer-content .footer-column .column-links li a,html.performance-medium .footer .footer-content .footer-column .column-links li a{
  transition:color .2s ease 0s}
html.performance-low .footer .footer-content .footer-column .column-links li a{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .footer .footer-content .footer-column .column-links li a{
  transition:none}
}
.footer .footer-content .footer-column .column-links li a:hover{
  color:#fff}
.footer .footer-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:16px;
  padding-bottom:24px}
.footer .footer-bottom .copyright{
  color:#a0aec0;
  font-size:14px}
.footer .footer-bottom .filing-info{
  color:#a0aec0;
  font-size:14px;
  text-align:right}
.footer .footer-logo{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:30px 0 60px;
  gap:2rem}
.footer .footer-logo .footer-logo-icon{
  width:clamp(60px,8vw,161px);
  height:clamp(60px,8vw,161px);
  flex-shrink:0;
  aspect-ratio:1/1}
.footer .footer-logo .footer-logo-codebuddy{
  width:clamp(300px,70vw,1342px);
  height:auto;
  flex-shrink:0;
  max-width:100%}
.footer .footer-brand{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:30px 0 60px}
.footer .footer-brand .footer-brand-logo{
  width:161px;
  height:161px;
  flex-shrink:0;
  aspect-ratio:1/1}
.footer .footer-brand .footer-brand-wordmark{
  width:1342.051px;
  height:153.983px;
  flex-shrink:0}
.footer .footer-brand-logo,.footer .footer-brand-wordmark svg{
  opacity:0;
  transform:translate(36px)}
.footer .footer-brand-wordmark.in-view svg,.footer .footer-brand-logo.in-view{
  animation:footer-slide-in .5s ease-out forwards;
  animation-delay:calc(var(--i,0) * 80ms)}
@keyframes footer-slide-in{
  0%{
  opacity:0;
  transform:translate(36px)}
to{
  opacity:1;
  transform:translate(0)}
}
@media (prefers-reduced-motion:reduce){
  .footer .footer-brand-logo,.footer .footer-brand-wordmark svg{
  opacity:1!important;
  transform:none!important;
  animation:none!important}
}
@media (max-width:1440px){
  .footer .footer-content{
  gap:32px;
  padding:28px 0}
}
@media (max-width:1200px){
  .footer-container .qr-codes{
  bottom:30px;
  right:30px}
.footer-container .qr-codes .qr-code-item .qr-code-image{
  width:100px;
  height:100px;
  padding:6px}
.footer-container .qr-codes .qr-code-item .qr-label{
  font-size:11px}
.footer .footer-content{
  gap:28px;
  padding:24px 0}
}
@media (max-width:1024px){
  .footer .footer-content{
  grid-template-columns:repeat(2,1fr);
  gap:24px;
  padding:20px 0}
.footer .footer-logo{
  flex-direction:column;
  gap:1.5rem;
  text-align:center}
.footer .footer-bottom{
  flex-direction:column;
  text-align:center;
  gap:12px}
.footer .footer-bottom .copyright,.footer .footer-bottom .filing-info{
  text-align:center}
}
@media (max-width:768px){
  .footer-container .qr-codes{
  position:static;
  display:flex;
  justify-content:center;
  margin:32px 0;
  gap:12px}
.footer-container .qr-codes .qr-code-item .qr-code-image{
  width:90px;
  height:90px;
  padding:5px}
.footer-container .qr-codes .qr-code-item .qr-label{
  font-size:10px}
.footer{
  padding:40px 0 20px}
.footer .footer-header{
  margin-bottom:32px}
.footer .footer-header .footer-logo .logo-text{
  font-size:20px}
.footer .footer-header .footer-actions .action-button{
  width:60px;
  height:28px}
.footer .footer-logo{
  flex-direction:column;
  gap:1rem;
  text-align:center;
  padding:20px 0 40px}
.footer .footer-content{
  grid-template-columns:1fr;
  gap:20px;
  margin-bottom:32px;
  padding:16px 0}
.footer .footer-content .footer-column .column-title{
  margin-bottom:16px;
  padding-bottom:8px}
.footer .footer-content .footer-column .column-links li{
  margin-bottom:8px}
}
@media (max-width:480px){
  .footer-container .qr-codes{
  position:static;
  display:flex;
  justify-content:center;
  margin:24px 0;
  gap:10px}
.footer-container .qr-codes .qr-code-item .qr-code-image{
  width:80px;
  height:80px;
  padding:4px}
.footer-container .qr-codes .qr-code-item .qr-label{
  font-size:9px}
.footer{
  padding:32px 0 16px}
.footer .footer-header{
  margin-bottom:24px}
.footer .footer-header .footer-logo .logo-icon{
  width:28px;
  height:28px}
.footer .footer-header .footer-logo .logo-text{
  font-size:18px}
.footer .footer-header .footer-actions .action-button{
  width:50px;
  height:24px}
.footer .footer-logo{
  flex-direction:column;
  gap:.75rem;
  text-align:center;
  padding:16px 0 32px}
.footer .footer-content{
  gap:16px;
  margin-bottom:24px;
  padding:12px 0}
.footer .footer-content .footer-column .column-title{
  font-size:15px;
  margin-bottom:12px;
  padding-bottom:6px}
.footer .footer-content .footer-column .column-links li{
  margin-bottom:6px}
.footer .footer-content .footer-column .column-links li a{
  font-size:13px}
.footer .footer-bottom{
  gap:8px}
.footer .footer-bottom .copyright,.footer .footer-bottom .filing-info{
  font-size:13px}
}
.special-button{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  text-decoration:none;
  border:none;
  cursor:pointer;
  transition:all .3s ease;
  font-weight:500;
  font-size:clamp(12px,1.5vw,14px);
  position:relative;
  overflow:hidden;
  gap:12px;
  flex-shrink:0;
  border-radius:clamp(3px,.5vw,4px);
  background:#28b894}
.special-button:before{
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
  transition:left .5s ease}
.special-button:hover:before{
  left:100%}
.special-button:active{
  transform:translateY(0);
  box-shadow:0 4px 12px #6c4dff4d}
.special-button.disabled{
  opacity:.5;
  cursor:not-allowed;
  pointer-events:none}
.special-button.disabled:hover{
  transform:none;
  box-shadow:none}
.special-button.secondary{
  background:#ffffff1a;
  border:1px solid rgba(108,77,255,.3);
  color:#6c4dff}
.special-button.secondary:hover{
  background:#6c4dff1a;
  border-color:#6c4dff80}
.special-button.small{
  padding:clamp(6px,1vw,8px) clamp(8px,1.5vw,12px);
  font-size:clamp(10px,1.2vw,12px);
  min-width:clamp(120px,20vw,160px);
  height:clamp(32px,5vw,40px)}
.special-button.small .button-content{
  gap:clamp(4px,.8vw,6px)}
.special-button.small .arrow-icon{
  width:clamp(12px,2vw,16px);
  height:clamp(12px,2vw,16px)}
.special-button.large{
  padding:clamp(12px,2vw,16px) clamp(16px,2.5vw,20px);
  font-size:clamp(14px,2vw,16px);
  min-width:clamp(180px,30vw,240px);
  height:clamp(56px,8vw,64px)}
.special-button.large .button-content{
  gap:clamp(8px,1.5vw,10px)}
.special-button.large .arrow-icon{
  width:clamp(16px,2.5vw,20px);
  height:clamp(16px,2.5vw,20px)}
.special-button .prefix-container{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  min-width:1px;
  height:clamp(20px,3vw,24px)}
.special-button .button-content{
  display:flex;
  align-items:center;
  gap:clamp(6px,1vw,8px);
  flex:1}
.special-button .button-text{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#000;
  font-family:Alimama ShuHeiTi;
  font-size:clamp(14px,2.5vw,18px);
  font-style:normal;
  font-weight:700;
  line-height:clamp(28px,5vw,36px);
  letter-spacing:clamp(.8px,.15vw,1.08px)}
@media (max-width:768px){
  .special-button{
  font-size:clamp(11px,2vw,13px);
  border-radius:clamp(2px,.6vw,3px);
  width:100%;
  justify-content:center}
.special-button.small{
  height:clamp(28px,6vw,32px);
  padding:clamp(4px,1.2vw,6px) clamp(6px,2vw,8px);
  font-size:clamp(9px,1.8vw,11px);
  min-width:clamp(100px,25vw,140px)}
.special-button.large{
  height:clamp(48px,10vw,56px);
  padding:clamp(8px,2.5vw,12px) clamp(12px,3vw,16px);
  font-size:clamp(13px,2.5vw,15px);
  min-width:clamp(160px,35vw,200px)}
.special-button .prefix-container{
  height:clamp(16px,4vw,20px)}
.special-button .button-content{
  gap:clamp(4px,1.5vw,6px)}
.special-button .button-text{
  font-size:clamp(12px,2.2vw,16px);
  line-height:clamp(24px,4.4vw,32px);
  letter-spacing:clamp(.6px,.12vw,.9px)}
}
@media (max-width:480px){
  .special-button{
  font-size:clamp(10px,2.5vw,12px)}
.special-button.small{
  height:clamp(24px,8vw,28px);
  padding:clamp(3px,1.5vw,4px) clamp(4px,2.5vw,6px);
  font-size:clamp(8px,2.2vw,10px);
  min-width:clamp(80px,30vw,120px)}
.special-button.large{
  height:clamp(40px,12vw,48px);
  padding:clamp(6px,3vw,8px) clamp(8px,4vw,12px);
  font-size:clamp(12px,3vw,14px);
  min-width:clamp(140px,40vw,180px)}
.special-button .prefix-container{
  height:clamp(14px,5vw,18px)}
.special-button .button-content{
  gap:clamp(3px,2vw,5px)}
.special-button .button-text{
  font-size:clamp(10px,2.8vw,14px);
  line-height:clamp(20px,5.6vw,28px);
  letter-spacing:clamp(.4px,.1vw,.7px)}
}
.letter-roll{
  position:relative;
  display:inline-block;
  overflow:hidden}
.letter-roll .single-letter{
  position:relative;
  display:inline-block;
  transition:transform .4s cubic-bezier(.25,.46,.45,.94);
  text-shadow:0px 1.45em currentColor;
  transform:translateY(0)}
.letter-up:hover .single-letter{
  transform:translateY(-1.45em)}
.dropdown-overlay{
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background:#efeeec14;
  z-index:999;
  opacity:0;
  transition:opacity .3s ease 0s;
  pointer-events:none;
  will-change:opacity}
html.performance-high .dropdown-overlay{
  transition:opacity .3s ease 0s}
html.performance-medium .dropdown-overlay{
  transition:opacity .2s ease 0s}
html.performance-low .dropdown-overlay{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .dropdown-overlay{
  transition:none}
}
.dropdown-overlay.active{
  opacity:1;
  pointer-events:none}
html.lock-scroll,body.lock-scroll{
  overflow:hidden!important;
  overscroll-behavior:none;
  touch-action:none}
.header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1100;
  background:#1e1e1efa;
  overflow:visible;
  transition:all .3s ease 0s;
  display:flex;
  align-items:center}
html.performance-high .header{
  transition:all .3s ease 0s}
html.performance-medium .header{
  transition:all .2s ease 0s}
html.performance-low .header{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header{
  transition:none}
}
html.performance-high .header{
  background:#1e1e1efa;
  -webkit-backdrop-filter:blur(40px);
  backdrop-filter:blur(40px)}
.header .header-nav{
  flex:1;
  height:80px;
  display:flex;
  align-items:center;
  position:relative}
.header .header-nav .nav-content{
  margin:0 auto;
  padding:0 80px;
  width:100%;
  max-width:1920px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:40px;
  position:relative;
  z-index:1;
  min-width:0;
  box-sizing:border-box}
.header .header-nav .nav-logo{
  display:flex;
  align-items:center;
  gap:12px;
  cursor:pointer;
  transition:all .3s ease 0s;
  border-radius:8px;
  flex-shrink:0;
  overflow:hidden}
html.performance-high .header .header-nav .nav-logo{
  transition:all .3s ease 0s}
html.performance-medium .header .header-nav .nav-logo{
  transition:all .2s ease 0s}
html.performance-low .header .header-nav .nav-logo{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-logo{
  transition:none}
}
.header .header-nav .nav-logo:hover{
  transform:translateY(-1px)}
.header .header-nav .nav-logo:hover .logo-icon{
  transform:scale(1.1) rotate(-5deg)}
.header .header-nav .nav-logo .logo-icon{
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .3s ease 0s}
html.performance-high .header .header-nav .nav-logo .logo-icon{
  transition:transform .3s ease 0s}
html.performance-medium .header .header-nav .nav-logo .logo-icon{
  transition:transform .2s ease 0s}
html.performance-low .header .header-nav .nav-logo .logo-icon{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-logo .logo-icon{
  transition:none}
}
.header .header-nav .nav-logo .logo-icon svg{
  width:100%;
  height:100%}
.header .header-nav .nav-logo .logo-text{
  font-size:0;
  background:linear-gradient(135deg,#1a202c,#4c4f6b);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  transition:all .3s ease 0s}
html.performance-high .header .header-nav .nav-logo .logo-text{
  transition:all .3s ease 0s}
html.performance-medium .header .header-nav .nav-logo .logo-text{
  transition:all .2s ease 0s}
html.performance-low .header .header-nav .nav-logo .logo-text{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-logo .logo-text{
  transition:none}
}
.header .header-nav .nav-logo .logo-text:hover{
  background:linear-gradient(135deg,#28b894,#3b82f6);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text}
.header .header-nav .nav-menu.desktop-menu{
  display:flex;
  align-items:center;
  justify-content:space-evenly;
  list-style:none;
  margin:0;
  padding:0;
  flex-wrap:nowrap;
  white-space:nowrap;
  min-width:0}
.header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container{
  position:relative;
  display:inline-block}
.header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu{
  position:absolute;
  top:100%;
  left:0;
  min-width:260px;
  opacity:0;
  visibility:hidden;
  transform:translateY(-10px);
  transition:all .3s ease 0s;
  z-index:1001;
  padding-top:20px}
html.performance-high .header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu{
  transition:all .3s ease 0s}
html.performance-medium .header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu{
  transition:all .2s ease 0s}
html.performance-low .header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu{
  transition:none}
}
.header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu .product-dropdown-menu-container{
  background:#2f2f2e;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:0 8px 32px #0000001a}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  html.performance-high .header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu .product-dropdown-menu-container{
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px)}
}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu .product-dropdown-menu-container{
  -webkit-backdrop-filter:none;
  backdrop-filter:none}
}
.header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu.active{
  opacity:1;
  visibility:visible;
  transform:translateY(0)}
.header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu .product-dropdown-item .product-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 16px;
  text-decoration:none;
  transition:background-color .2s ease 0s;
  margin:4px;
  color:#fff;
  font-family:Inter;
  font-size:13px;
  font-style:normal;
  font-weight:400;
  line-height:18px}
html.performance-high .header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu .product-dropdown-item .product-link,html.performance-medium .header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu .product-dropdown-item .product-link{
  transition:background-color .2s ease 0s}
html.performance-low .header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu .product-dropdown-item .product-link{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu .product-dropdown-item .product-link{
  transition:none}
}
.header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu .product-dropdown-item .product-link:hover{
  background:#0000000d;
  color:#28b894}
.header .header-nav .nav-menu.desktop-menu .nav-item .product-dropdown-container .product-dropdown-menu .product-dropdown-item .product-link.active{
  color:#28b894}
.header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container{
  position:relative;
  display:inline-block}
.header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .dropdown-toggle{
  display:flex;
  align-items:center;
  gap:4px}
.header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .dropdown-arrow{
  display:flex;
  align-items:center;
  font-size:0;
  transition:transform .3s ease 0s}
html.performance-high .header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .dropdown-arrow{
  transition:transform .3s ease 0s}
html.performance-medium .header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .dropdown-arrow{
  transition:transform .2s ease 0s}
html.performance-low .header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .dropdown-arrow{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .dropdown-arrow{
  transition:none}
}
.header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .dropdown-arrow.open{
  transform:rotate(180deg)}
.header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu{
  position:absolute;
  top:100%;
  left:0;
  min-width:280px;
  opacity:0;
  visibility:hidden;
  transform:translateY(-10px);
  transition:all .3s ease 0s;
  z-index:1001;
  padding-top:16px}
html.performance-high .header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu{
  transition:all .3s ease 0s}
html.performance-medium .header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu{
  transition:all .2s ease 0s}
html.performance-low .header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu{
  transition:none}
}
.header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu .cb-dropdown-menu-container{
  background:#2a2a2a;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  border-radius:8px;
  box-shadow:0 8px 32px #0000004d;
  padding:8px;
  display:flex;
  flex-direction:column;
  gap:2px}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  html.performance-high .header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu .cb-dropdown-menu-container{
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px)}
}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu .cb-dropdown-menu-container{
  -webkit-backdrop-filter:none;
  backdrop-filter:none}
}
.header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu.active{
  opacity:1;
  visibility:visible;
  transform:translateY(0)}
.header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu .cb-dropdown-item{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:12px 16px;
  text-decoration:none;
  border-radius:6px;
  transition:background-color .2s ease 0s;
  cursor:pointer}
html.performance-high .header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu .cb-dropdown-item,html.performance-medium .header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu .cb-dropdown-item{
  transition:background-color .2s ease 0s}
html.performance-low .header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu .cb-dropdown-item{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu .cb-dropdown-item{
  transition:none}
}
.header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu .cb-dropdown-item:hover{
  background:#ffffff0f}
.header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu .cb-dropdown-item:hover .cb-item-name{
  color:#28b894}
.header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu .cb-dropdown-item .cb-item-name{
  color:#fff;
  font-family:Alimama ShuHeiTi,sans-serif;
  font-size:15px;
  font-weight:700;
  line-height:1.4;
  display:flex;
  align-items:center;
  gap:8px;
  transition:color .2s ease 0s}
html.performance-high .header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu .cb-dropdown-item .cb-item-name,html.performance-medium .header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu .cb-dropdown-item .cb-item-name{
  transition:color .2s ease 0s}
html.performance-low .header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu .cb-dropdown-item .cb-item-name{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu .cb-dropdown-item .cb-item-name{
  transition:none}
}
.header .header-nav .nav-menu.desktop-menu .nav-item .cb-dropdown-container .cb-dropdown-menu .cb-dropdown-item .cb-item-desc{
  color:#ffffff80;
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;
  font-size:13px;
  font-weight:400;
  line-height:1.4}
.header .header-nav .nav-menu.desktop-menu .nav-item .nav-link{
  text-decoration:none;
  padding:8px 16px;
  display:flex;
  align-items:center;
  gap:6px;
  background:none;
  border:none;
  cursor:pointer;
  transition:all .3s ease 0s;
  border-radius:8px;
  position:relative;
  overflow:hidden;
  white-space:nowrap;
  flex-shrink:0;
  color:#fff;
  text-align:center;
  font-family:Alimama ShuHeiTi;
  font-size:16px;
  font-style:normal;
  font-weight:700}
html.performance-high .header .header-nav .nav-menu.desktop-menu .nav-item .nav-link{
  transition:all .3s ease 0s}
html.performance-medium .header .header-nav .nav-menu.desktop-menu .nav-item .nav-link{
  transition:all .2s ease 0s}
html.performance-low .header .header-nav .nav-menu.desktop-menu .nav-item .nav-link{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-menu.desktop-menu .nav-item .nav-link{
  transition:none}
}
.header .header-nav .nav-menu.desktop-menu .nav-item .nav-link:hover{
  color:#28b894;
  font-weight:680}
.header .header-nav .nav-menu.desktop-menu .nav-item .nav-link .dropdown-arrow{
  font-size:0px;
  transition:transform .3s ease 0s}
html.performance-high .header .header-nav .nav-menu.desktop-menu .nav-item .nav-link .dropdown-arrow{
  transition:transform .3s ease 0s}
html.performance-medium .header .header-nav .nav-menu.desktop-menu .nav-item .nav-link .dropdown-arrow{
  transition:transform .2s ease 0s}
html.performance-low .header .header-nav .nav-menu.desktop-menu .nav-item .nav-link .dropdown-arrow{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-menu.desktop-menu .nav-item .nav-link .dropdown-arrow{
  transition:none}
}
.header .header-nav .nav-menu.desktop-menu .nav-item .nav-link.nav-link-with-badge{
  overflow:visible;
  position:relative}
.header .header-nav .nav-menu.desktop-menu .nav-item .nav-link.nav-link-with-badge .t-tag{
  position:absolute;
  top:-6px;
  right:-14px}
.header .header-nav .nav-menu.desktop-menu .nav-item.dropdown .nav-link:hover .dropdown-arrow{
  transform:rotate(180deg);
  opacity:1}
.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu-overlay{
  padding-top:20px;
  position:absolute;
  top:calc(100% + 0px);
  left:80px;
  right:80px;
  opacity:0;
  visibility:hidden;
  z-index:1000;
  transition:all .3s ease 0s}
html.performance-high .header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu-overlay{
  transition:all .3s ease 0s}
html.performance-medium .header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu-overlay{
  transition:all .2s ease 0s}
html.performance-low .header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu-overlay{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu-overlay{
  transition:none}
}
.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu{
  width:100%;
  height:100%;
  background:#fff;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  border:1px solid rgba(226,232,240,.8);
  border-radius:8px;
  box-shadow:0 8px 32px #0000001f;
  min-width:180px;
  padding:8px 0;
  z-index:1001}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  html.performance-high .header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu{
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px)}
}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu{
  -webkit-backdrop-filter:none;
  backdrop-filter:none}
}
.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards{
  padding:15px;
  display:flex;
  gap:15px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px}
.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards:before{
  border-bottom:6px solid #2a2a2a}
.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card{
  height:200px;
  padding:15px;
  transition:all .4s cubic-bezier(.4,0,.2,1) 0s;
  flex:1;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between}
html.performance-high .header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card{
  transition:all .4s cubic-bezier(.4,0,.2,1) 0s}
html.performance-medium .header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card{
  transition:all .2s cubic-bezier(.4,0,.2,1) 0s}
html.performance-low .header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card{
  transition:none}
}
.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card .product-card-bg{
  background:#f1f1f1;
  position:absolute;
  inset:0;
  border-radius:8px;
  transition:all .4s cubic-bezier(.4,0,.2,1) 0s}
html.performance-high .header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card .product-card-bg{
  transition:all .4s cubic-bezier(.4,0,.2,1) 0s}
html.performance-medium .header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card .product-card-bg{
  transition:all .2s cubic-bezier(.4,0,.2,1) 0s}
html.performance-low .header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card .product-card-bg{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card .product-card-bg{
  transition:none}
}
.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card .product-icon{
  font-size:0;
  align-self:flex-end;
  border-radius:8px}
.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card:hover{
  flex:1.1}
.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card:hover .product-card-bg{
  background:#e8e8e8}
.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards:hover .product-card:not(:hover){
  flex:.95}
.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card-content{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:12px;
  max-width:340px}
.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card-content .product-title{
  font-size:20px;
  font-weight:600;
  color:#1e1e1e}
.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card-content .product-description{
  font-size:15px;
  color:#1e1e1e;
  flex:1;
  white-space:wrap}
.header .header-nav .nav-menu.desktop-menu .nav-item:hover .dropdown-menu-overlay{
  opacity:1;
  visibility:visible}
.header .header-nav .nav-actions{
  display:flex;
  align-items:center;
  gap:16px;
  flex-shrink:0}
.header .header-nav .nav-actions .site-dropdown-container{
  position:relative;
  display:inline-block}
.header .header-nav .nav-actions .site-dropdown-container .btn-site-switcher{
  background:transparent;
  color:#fff;
  padding:8px 16px;
  border-radius:8px;
  font-size:14px;
  font-weight:500;
  cursor:pointer;
  transition:all .3s ease 0s;
  display:inline-flex;
  align-items:center;
  gap:8px}
html.performance-high .header .header-nav .nav-actions .site-dropdown-container .btn-site-switcher{
  transition:all .3s ease 0s}
html.performance-medium .header .header-nav .nav-actions .site-dropdown-container .btn-site-switcher{
  transition:all .2s ease 0s}
html.performance-low .header .header-nav .nav-actions .site-dropdown-container .btn-site-switcher{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-actions .site-dropdown-container .btn-site-switcher{
  transition:none}
}
.header .header-nav .nav-actions .site-dropdown-container .btn-site-switcher:hover{
  background:#ffffff1a;
  border-color:#ffffff4d}
.header .header-nav .nav-actions .site-dropdown-container .btn-site-switcher .dropdown-arrow{
  display:flex;
  align-items:center;
  transition:transform .3s ease 0s}
html.performance-high .header .header-nav .nav-actions .site-dropdown-container .btn-site-switcher .dropdown-arrow{
  transition:transform .3s ease 0s}
html.performance-medium .header .header-nav .nav-actions .site-dropdown-container .btn-site-switcher .dropdown-arrow{
  transition:transform .2s ease 0s}
html.performance-low .header .header-nav .nav-actions .site-dropdown-container .btn-site-switcher .dropdown-arrow{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-actions .site-dropdown-container .btn-site-switcher .dropdown-arrow{
  transition:none}
}
.header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu{
  position:absolute;
  top:100%;
  right:0;
  min-width:260px;
  opacity:0;
  visibility:hidden;
  transform:translateY(-10px);
  transition:all .3s ease 0s;
  z-index:1001;
  padding-top:22px}
html.performance-high .header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu{
  transition:all .3s ease 0s}
html.performance-medium .header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu{
  transition:all .2s ease 0s}
html.performance-low .header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu{
  transition:none}
}
.header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu .site-dropdown-menu-container{
  background:#2f2f2e;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:0 8px 32px #0000001a}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  html.performance-high .header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu .site-dropdown-menu-container{
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px)}
}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu .site-dropdown-menu-container{
  -webkit-backdrop-filter:none;
  backdrop-filter:none}
}
.header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu.active{
  opacity:1;
  visibility:visible;
  transform:translateY(0)}
.header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu .site-dropdown-item .site-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 16px;
  text-decoration:none;
  transition:background-color .2s ease 0s;
  margin:4px;
  color:#fff;
  font-family:Inter;
  font-size:13px;
  font-style:normal;
  font-weight:400;
  line-height:18px}
html.performance-high .header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu .site-dropdown-item .site-link,html.performance-medium .header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu .site-dropdown-item .site-link{
  transition:background-color .2s ease 0s}
html.performance-low .header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu .site-dropdown-item .site-link{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu .site-dropdown-item .site-link{
  transition:none}
}
.header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu .site-dropdown-item .site-link:hover{
  background:#0000000d}
.header .header-nav .nav-actions .site-dropdown-container .site-dropdown-menu .site-dropdown-item .site-link.active{
  color:#28b894}
.header .header-nav .nav-actions .download-dropdown-container{
  position:relative;
  display:inline-block}
.header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu{
  position:absolute;
  top:100%;
  right:0;
  width:max-content;
  min-width:0;
  opacity:0;
  visibility:hidden;
  transform:translateY(-10px);
  transition:all .3s ease 0s;
  z-index:1001;
  padding-top:22px}
html.performance-high .header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu{
  transition:all .3s ease 0s}
html.performance-medium .header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu{
  transition:all .2s ease 0s}
html.performance-low .header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu{
  transition:none}
}
.header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu .download-dropdown-menu-container{
  min-width:max-content;
  background:#2f2f2e;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:0 8px 32px #0000001a;
  border-radius:8px;
  overflow:hidden}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  html.performance-high .header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu .download-dropdown-menu-container{
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px)}
}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu .download-dropdown-menu-container{
  -webkit-backdrop-filter:none;
  backdrop-filter:none}
}
.header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu.active{
  opacity:1;
  visibility:visible;
  transform:translateY(0)}
.header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu .download-dropdown-item .download-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 16px;
  text-decoration:none;
  transition:background-color .2s ease 0s;
  margin:0;
  border:none;
  background:transparent;
  width:100%;
  cursor:pointer;
  color:#fff;
  font-family:Inter;
  font-size:13px;
  font-style:normal;
  font-weight:400;
  line-height:18px}
html.performance-high .header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu .download-dropdown-item .download-link,html.performance-medium .header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu .download-dropdown-item .download-link{
  transition:background-color .2s ease 0s}
html.performance-low .header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu .download-dropdown-item .download-link{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu .download-dropdown-item .download-link{
  transition:none}
}
.header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu .download-dropdown-item .download-link:hover{
  background:#ffffff14}
.header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu .download-dropdown-item .download-link:hover .download-action{
  color:#28b894}
.header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu .download-dropdown-item .download-link .download-name{
  white-space:nowrap}
.header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu .download-dropdown-item .download-link .download-sub-label{
  color:#28b894;
  font-size:12px}
.header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu .download-dropdown-item .download-link .download-action{
  font-size:12px;
  color:#ffffff80;
  transition:color .2s ease 0s;
  margin-left:24px}
html.performance-high .header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu .download-dropdown-item .download-link .download-action,html.performance-medium .header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu .download-dropdown-item .download-link .download-action{
  transition:color .2s ease 0s}
html.performance-low .header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu .download-dropdown-item .download-link .download-action{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu .download-dropdown-item .download-link .download-action{
  transition:none}
}
.header .header-nav .nav-actions .download-dropdown-container .download-dropdown-menu .download-dropdown-item+.download-dropdown-item{
  border-top:1px solid rgba(255,255,255,.06)}
.header .header-nav .nav-actions .btn{
  padding:8px;
  border-radius:8px;
  font-size:16px;
  font-weight:700;
  text-decoration:none;
  border:none;
  cursor:pointer;
  transition:all .3s ease 0s;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden}
html.performance-high .header .header-nav .nav-actions .btn{
  transition:all .3s ease 0s}
html.performance-medium .header .header-nav .nav-actions .btn{
  transition:all .2s ease 0s}
html.performance-low .header .header-nav .nav-actions .btn{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-actions .btn{
  transition:none}
}
.header .header-nav .nav-actions .btn:hover:before{
  left:100%}
.header .header-nav .nav-actions .btn.btn-login{
  background:#000;
  color:#fff;
  border:none;
  border-radius:20px;
  cursor:pointer;
  transition:all .3s ease 0s;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
  width:clamp(90px,7.8vw,104px);
  box-sizing:border-box}
html.performance-high .header .header-nav .nav-actions .btn.btn-login{
  transition:all .3s ease 0s}
html.performance-medium .header .header-nav .nav-actions .btn.btn-login{
  transition:all .2s ease 0s}
html.performance-low .header .header-nav .nav-actions .btn.btn-login{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-actions .btn.btn-login{
  transition:none}
}
.header .header-nav .nav-actions .btn.btn-login:hover{
  background:#333;
  transform:translateY(-1px)}
.header .header-nav .nav-actions .btn.btn-login:active{
  transform:translateY(0)}
.header .header-nav .nav-actions .btn.btn-download{
  background:#fff;
  color:#333;
  border:none;
  border-radius:20px;
  cursor:pointer;
  transition:all .3s ease 0s;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
  width:clamp(90px,7.8vw,104px);
  box-sizing:border-box}
html.performance-high .header .header-nav .nav-actions .btn.btn-download{
  transition:all .3s ease 0s}
html.performance-medium .header .header-nav .nav-actions .btn.btn-download{
  transition:all .2s ease 0s}
html.performance-low .header .header-nav .nav-actions .btn.btn-download{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-actions .btn.btn-download{
  transition:none}
}
.header .header-nav .nav-actions .btn.btn-download:hover{
  background:#f5f5f5;
  transform:translateY(-1px)}
.header .header-nav .nav-actions .btn.btn-download:active{
  transform:translateY(0)}
.header .header-nav .nav-actions .btn.btn-user{
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  padding:0;
  border-radius:50%;
  border:1px solid rgba(76,79,107,.2);
  background:#fffc;
  transition:all .3s ease 0s;
  cursor:pointer;
  margin-left:auto}
html.performance-high .header .header-nav .nav-actions .btn.btn-user{
  transition:all .3s ease 0s}
html.performance-medium .header .header-nav .nav-actions .btn.btn-user{
  transition:all .2s ease 0s}
html.performance-low .header .header-nav .nav-actions .btn.btn-user{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .nav-actions .btn.btn-user{
  transition:none}
}
.header .header-nav .nav-actions .btn.btn-user .user-avatar{
  width:32px;
  height:32px;
  border-radius:50%;
  overflow:hidden;
  flex-shrink:0}
.header .header-nav .nav-actions .btn.btn-user .user-avatar .avatar-img{
  width:100%;
  height:100%;
  object-fit:cover}
.header .header-nav .nav-actions .btn.btn-user:hover{
  background:#fffffff2;
  border-color:#8b5cf64d;
  transform:scale(1.05)}
.header .header-nav .user-dropdown-container{
  position:relative;
  display:inline-block;
  width:clamp(90px,7.8vw,104px);
  box-sizing:border-box}
.header .header-nav .user-dropdown-container .user-dropdown-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:260px;
  opacity:0;
  visibility:hidden;
  transform:translateY(-10px);
  transition:all .3s ease 0s;
  z-index:1001;
  overflow:hidden;
  padding-top:20px}
html.performance-high .header .header-nav .user-dropdown-container .user-dropdown-menu{
  transition:all .3s ease 0s}
html.performance-medium .header .header-nav .user-dropdown-container .user-dropdown-menu{
  transition:all .2s ease 0s}
html.performance-low .header .header-nav .user-dropdown-container .user-dropdown-menu{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .user-dropdown-container .user-dropdown-menu{
  transition:none}
}
.header .header-nav .user-dropdown-container .user-dropdown-menu .user-dropdown-menu-container{
  background:#333;
  box-shadow:0 8px 32px #0000004d}
.header .header-nav .user-dropdown-container .user-dropdown-menu.active{
  opacity:1;
  visibility:visible;
  transform:translateY(0)}
.header .header-nav .user-dropdown-container .user-dropdown-menu .user-info-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px}
.header .header-nav .user-dropdown-container .user-dropdown-menu .user-info-header .user-email{
  color:#fff;
  font-size:14px;
  font-weight:400;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  flex:1;
  margin-right:12px}
.header .header-nav .user-dropdown-container .user-dropdown-menu .user-info-header .pro-badge{
  background:#28b894;
  color:#fff;
  font-size:12px;
  font-weight:700;
  padding:4px 8px;
  border-radius:4px;
  flex-shrink:0}
.header .header-nav .user-dropdown-container .user-dropdown-menu .user-dropdown-divider{
  height:1px;
  background:#444;
  margin:0}
.header .header-nav .user-dropdown-container .user-dropdown-menu .user-dropdown-items{
  padding:8px 0}
.header .header-nav .user-dropdown-container .user-dropdown-menu .user-dropdown-items .user-dropdown-item{
  display:block;
  width:100%;
  padding:12px 16px;
  background:transparent;
  border:none;
  color:#fff;
  font-size:14px;
  font-weight:400;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .2s ease 0s;
  text-align:left}
html.performance-high .header .header-nav .user-dropdown-container .user-dropdown-menu .user-dropdown-items .user-dropdown-item,html.performance-medium .header .header-nav .user-dropdown-container .user-dropdown-menu .user-dropdown-items .user-dropdown-item{
  transition:background-color .2s ease 0s}
html.performance-low .header .header-nav .user-dropdown-container .user-dropdown-menu .user-dropdown-items .user-dropdown-item{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .user-dropdown-container .user-dropdown-menu .user-dropdown-items .user-dropdown-item{
  transition:none}
}
.header .header-nav .user-dropdown-container .user-dropdown-menu .user-dropdown-items .user-dropdown-item:hover{
  background:#ffffff1a}
.header .header-nav .user-dropdown-container .user-dropdown-menu .user-logout-button{
  width:100%;
  padding:12px 16px;
  background:#000;
  border:1px solid #666666;
  border-radius:0;
  color:#fff;
  font-size:14px;
  font-weight:400;
  cursor:pointer;
  transition:all .2s ease 0s}
html.performance-high .header .header-nav .user-dropdown-container .user-dropdown-menu .user-logout-button,html.performance-medium .header .header-nav .user-dropdown-container .user-dropdown-menu .user-logout-button{
  transition:all .2s ease 0s}
html.performance-low .header .header-nav .user-dropdown-container .user-dropdown-menu .user-logout-button{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .user-dropdown-container .user-dropdown-menu .user-logout-button{
  transition:none}
}
.header .header-nav .user-dropdown-container .user-dropdown-menu .user-logout-button:hover{
  background:#111;
  border-color:#777}
.header .header-nav .user-dropdown-container .user-dropdown-menu .user-logout-button:active{
  transform:translateY(1px)}
.header .header-nav .mobile-menu-toggle{
  display:none;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:32px;
  height:32px;
  background:none;
  border:none;
  cursor:pointer;
  padding:4px;
  border-radius:4px;
  transition:all .3s ease 0s;
  position:relative;
  z-index:1002}
html.performance-high .header .header-nav .mobile-menu-toggle{
  transition:all .3s ease 0s}
html.performance-medium .header .header-nav .mobile-menu-toggle{
  transition:all .2s ease 0s}
html.performance-low .header .header-nav .mobile-menu-toggle{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .mobile-menu-toggle{
  transition:none}
}
.header .header-nav .mobile-menu-toggle:hover{
  background:#8b5cf61a}
.header .header-nav .mobile-menu-toggle .hamburger-line{
  width:20px;
  height:2px;
  background:#4c4f6b;
  margin:2px 0;
  transition:all .3s ease 0s;
  border-radius:1px}
html.performance-high .header .header-nav .mobile-menu-toggle .hamburger-line{
  transition:all .3s ease 0s}
html.performance-medium .header .header-nav .mobile-menu-toggle .hamburger-line{
  transition:all .2s ease 0s}
html.performance-low .header .header-nav .mobile-menu-toggle .hamburger-line{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .header-nav .mobile-menu-toggle .hamburger-line{
  transition:none}
}
.header .header-nav .mobile-menu-toggle.active .hamburger-line{
  background:#28b894}
.header .header-nav .mobile-menu-toggle.active .hamburger-line:nth-child(1){
  transform:rotate(45deg) translate(5px,5px)}
.header .header-nav .mobile-menu-toggle.active .hamburger-line:nth-child(2){
  opacity:0}
.header .header-nav .mobile-menu-toggle.active .hamburger-line:nth-child(3){
  transform:rotate(-45deg) translate(7px,-6px)}
.header .mobile-menu-overlay{
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100dvh;
  background:#00000080;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  z-index:9999;
  opacity:0;
  transition:opacity .5s cubic-bezier(.34,1.56,.64,1) 0s;
  pointer-events:none;
  will-change:opacity}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  html.performance-high .header .mobile-menu-overlay{
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px)}
}
@media (prefers-reduced-motion:reduce){
  .header .mobile-menu-overlay{
  -webkit-backdrop-filter:none;
  backdrop-filter:none}
}
html.performance-high .header .mobile-menu-overlay{
  transition:opacity .5s cubic-bezier(.34,1.56,.64,1) 0s}
html.performance-medium .header .mobile-menu-overlay{
  transition:opacity .2s cubic-bezier(.34,1.56,.64,1) 0s}
html.performance-low .header .mobile-menu-overlay{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .mobile-menu-overlay{
  transition:none}
}
.header .mobile-menu-overlay.active{
  opacity:1;
  pointer-events:auto}
.header .mobile-menu{
  position:fixed;
  top:0;
  right:0;
  width:320px;
  height:100dvh;
  max-height:100dvh;
  background:#fffffff2;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  border-left:1px solid rgba(226,232,240,.8);
  z-index:10000;
  transform:translate(100%);
  transition:transform .5s cubic-bezier(.34,1.56,.64,1) 0s;
  display:flex;
  flex-direction:column;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding-bottom:env(safe-area-inset-bottom,0);
  will-change:transform}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  html.performance-high .header .mobile-menu{
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px)}
}
@media (prefers-reduced-motion:reduce){
  .header .mobile-menu{
  -webkit-backdrop-filter:none;
  backdrop-filter:none}
}
html.performance-high .header .mobile-menu{
  transition:transform .5s cubic-bezier(.34,1.56,.64,1) 0s}
html.performance-medium .header .mobile-menu{
  transition:transform .2s cubic-bezier(.34,1.56,.64,1) 0s}
html.performance-low .header .mobile-menu{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .mobile-menu{
  transition:none}
}
.header .mobile-menu.open{
  transform:translate(0)}
.header .mobile-menu.open .mobile-menu-header,.header .mobile-menu.open .mobile-nav-menu{
  opacity:1;
  transform:translateY(0)}
.header .mobile-menu .mobile-menu-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px 24px;
  border-bottom:1px solid rgba(226,232,240,.6);
  opacity:0;
  transform:translateY(-20px);
  transition:all .5s cubic-bezier(.25,.46,.45,.94) .1s;
  background:#000}
html.performance-high .header .mobile-menu .mobile-menu-header{
  transition:all .5s cubic-bezier(.25,.46,.45,.94) .1s}
html.performance-medium .header .mobile-menu .mobile-menu-header{
  transition:all .2s cubic-bezier(.25,.46,.45,.94) .1s}
html.performance-low .header .mobile-menu .mobile-menu-header{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .mobile-menu .mobile-menu-header{
  transition:none}
}
.header .mobile-menu .mobile-menu-header .mobile-logo{
  display:flex;
  align-items:center;
  gap:12px}
.header .mobile-menu .mobile-menu-header .mobile-logo .logo-icon{
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center}
.header .mobile-menu .mobile-menu-header .mobile-logo .logo-icon svg{
  width:100%;
  height:100%}
.header .mobile-menu .mobile-menu-header .mobile-logo .logo-text{
  font-size:0;
  background:linear-gradient(135deg,#1a202c,#4c4f6b);
  -webkit-background-clip:text;
  background-clip:text}
.header .mobile-menu .mobile-menu-header .mobile-menu-close{
  width:32px;
  height:32px;
  background:none;
  border:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:4px;
  transition:all .3s ease 0s;
  color:#4c4f6b;
  font-size:24px;
  font-weight:300}
html.performance-high .header .mobile-menu .mobile-menu-header .mobile-menu-close{
  transition:all .3s ease 0s}
html.performance-medium .header .mobile-menu .mobile-menu-header .mobile-menu-close{
  transition:all .2s ease 0s}
html.performance-low .header .mobile-menu .mobile-menu-header .mobile-menu-close{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .mobile-menu .mobile-menu-header .mobile-menu-close{
  transition:none}
}
.header .mobile-menu .mobile-menu-header .mobile-menu-close:hover{
  background:#8b5cf61a;
  color:#28b894}
.header .mobile-menu .mobile-nav-menu{
  flex:1;
  list-style:none;
  margin:0;
  padding:20px 0;
  opacity:0;
  transform:translateY(20px);
  transition:all .5s cubic-bezier(.25,.46,.45,.94) .2s}
html.performance-high .header .mobile-menu .mobile-nav-menu{
  transition:all .5s cubic-bezier(.25,.46,.45,.94) .2s}
html.performance-medium .header .mobile-menu .mobile-nav-menu{
  transition:all .2s cubic-bezier(.25,.46,.45,.94) .2s}
html.performance-low .header .mobile-menu .mobile-nav-menu{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .mobile-menu .mobile-nav-menu{
  transition:none}
}
.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-nav-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 24px;
  color:#4c4f6b;
  text-decoration:none;
  font-size:16px;
  font-weight:500;
  transition:all .3s ease 0s;
  border-bottom:1px solid rgba(226,232,240,.3)}
html.performance-high .header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-nav-link{
  transition:all .3s ease 0s}
html.performance-medium .header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-nav-link{
  transition:all .2s ease 0s}
html.performance-low .header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-nav-link{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-nav-link{
  transition:none}
}
.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-nav-link:hover{
  background:#8b5cf60d;
  color:#28b894}
.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-nav-link.mobile-nav-link-with-badge{
  position:relative;
  display:flex;
  align-items:center;
  gap:8px}
.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-nav-link.mobile-nav-link-with-badge .t-tag{
  transform:scale(.9)}
.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-nav-link.mobile-nav-link-with-badge .beta-badge{
  background:linear-gradient(135deg,#28b894,#20a080);
  color:#fff;
  font-size:10px;
  font-weight:600;
  padding:2px 6px;
  border-radius:8px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.5px;
  box-shadow:0 2px 4px #28b8944d;
  font-family:Inter,sans-serif}
.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-nav-link .mobile-dropdown-toggle{
  background:none;
  border:none;
  cursor:pointer;
  font-size:18px;
  color:#4c4f6b;
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:4px;
  transition:all .3s ease 0s}
html.performance-high .header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-nav-link .mobile-dropdown-toggle{
  transition:all .3s ease 0s}
html.performance-medium .header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-nav-link .mobile-dropdown-toggle{
  transition:all .2s ease 0s}
html.performance-low .header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-nav-link .mobile-dropdown-toggle{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-nav-link .mobile-dropdown-toggle{
  transition:none}
}
.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-nav-link .mobile-dropdown-toggle:hover{
  background:#8b5cf61a;
  color:#28b894}
.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-product-cards{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:16px 24px;
  border-top:1px solid rgba(226,232,240,.3);
  background:#f1f1f1}
.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-product-cards .mobile-product-card{
  padding:12px;
  transition:all .3s ease 0s;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-decoration:none;
  border-radius:8px;
  overflow:hidden}
html.performance-high .header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-product-cards .mobile-product-card{
  transition:all .3s ease 0s}
html.performance-medium .header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-product-cards .mobile-product-card{
  transition:all .2s ease 0s}
html.performance-low .header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-product-cards .mobile-product-card{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-product-cards .mobile-product-card{
  transition:none}
}
.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-product-cards .mobile-product-card .mobile-product-card-content{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:8px;
  flex:1}
.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-product-cards .mobile-product-card .mobile-product-card-content .mobile-product-title{
  font-size:16px;
  font-weight:600;
  color:#1e1e1e;
  margin:0;
  line-height:1.3;
  display:flex;
  align-items:center;
  gap:8px}
.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-product-cards .mobile-product-card .mobile-product-card-content .mobile-product-desc{
  font-size:12px;
  color:#888;
  margin:4px 0 0;
  line-height:1.3}
.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-product-cards .mobile-product-card .mobile-product-icon{
  font-size:0}
.header .mobile-menu .mobile-nav-menu .mobile-nav-item .mobile-product-cards .mobile-product-card:hover .mobile-product-card-bg{
  background:#e8e8e8}
.header .mobile-menu .mobile-actions{
  padding:20px 24px;
  border-top:1px solid rgba(226,232,240,.6);
  display:flex;
  flex-direction:column;
  gap:12px}
.header .mobile-menu .mobile-actions .mobile-site-switcher{
  position:relative;
  width:100%}
.header .mobile-menu .mobile-actions .mobile-site-switcher .btn-site-switcher-mobile{
  width:100%;
  height:44px;
  background:#fffc;
  border:1px solid #4c4f6b;
  color:#4c4f6b;
  border-radius:8px;
  font-size:14px;
  font-weight:500;
  cursor:pointer;
  transition:all .3s ease 0s;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 16px}
html.performance-high .header .mobile-menu .mobile-actions .mobile-site-switcher .btn-site-switcher-mobile{
  transition:all .3s ease 0s}
html.performance-medium .header .mobile-menu .mobile-actions .mobile-site-switcher .btn-site-switcher-mobile{
  transition:all .2s ease 0s}
html.performance-low .header .mobile-menu .mobile-actions .mobile-site-switcher .btn-site-switcher-mobile{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .mobile-menu .mobile-actions .mobile-site-switcher .btn-site-switcher-mobile{
  transition:none}
}
.header .mobile-menu .mobile-actions .mobile-site-switcher .btn-site-switcher-mobile:hover{
  background:#fffffff2;
  border-color:#8b5cf64d;
  color:#28b894}
.header .mobile-menu .mobile-actions .mobile-site-switcher .btn-site-switcher-mobile .dropdown-arrow{
  display:flex;
  align-items:center;
  transition:transform .3s ease 0s}
html.performance-high .header .mobile-menu .mobile-actions .mobile-site-switcher .btn-site-switcher-mobile .dropdown-arrow{
  transition:transform .3s ease 0s}
html.performance-medium .header .mobile-menu .mobile-actions .mobile-site-switcher .btn-site-switcher-mobile .dropdown-arrow{
  transition:transform .2s ease 0s}
html.performance-low .header .mobile-menu .mobile-actions .mobile-site-switcher .btn-site-switcher-mobile .dropdown-arrow{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .mobile-menu .mobile-actions .mobile-site-switcher .btn-site-switcher-mobile .dropdown-arrow{
  transition:none}
}
.header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown{
  position:absolute;
  top:100%;
  left:0;
  right:0;
  margin-top:8px;
  background:#fffffff2;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  border-radius:12px;
  box-shadow:0 8px 32px #0000001a;
  border:1px solid rgba(255,255,255,.2);
  z-index:1001;
  overflow:hidden}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  html.performance-high .header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown{
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px)}
}
@media (prefers-reduced-motion:reduce){
  .header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown{
  -webkit-backdrop-filter:none;
  backdrop-filter:none}
}
.header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown .mobile-site-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 16px;
  color:#333;
  text-decoration:none;
  transition:background-color .2s ease 0s;
  border-bottom:1px solid rgba(0,0,0,.05)}
html.performance-high .header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown .mobile-site-link,html.performance-medium .header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown .mobile-site-link{
  transition:background-color .2s ease 0s}
html.performance-low .header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown .mobile-site-link{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown .mobile-site-link{
  transition:none}
}
.header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown .mobile-site-link:last-child{
  border-bottom:none}
.header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown .mobile-site-link:hover{
  background:#0000000d}
.header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown .mobile-site-link .site-name{
  font-weight:500;
  font-size:14px}
.header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown .mobile-site-link .site-current{
  font-size:12px;
  color:#666;
  background:#0000001a;
  padding:2px 8px;
  border-radius:4px}
.header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown .mobile-site-link.active{
  color:#28b894;
  background:#28b8941a}
.header .mobile-menu .mobile-actions .mobile-site-switcher .mobile-site-dropdown .mobile-site-link.active .site-name{
  color:#28b894;
  font-weight:600}
.header .mobile-menu .mobile-actions .btn{
  width:100%;
  height:44px;
  border-radius:8px;
  font-size:14px;
  font-weight:500;
  text-decoration:none;
  border:none;
  cursor:pointer;
  transition:all .3s ease 0s;
  display:flex;
  align-items:center;
  justify-content:center}
html.performance-high .header .mobile-menu .mobile-actions .btn{
  transition:all .3s ease 0s}
html.performance-medium .header .mobile-menu .mobile-actions .btn{
  transition:all .2s ease 0s}
html.performance-low .header .mobile-menu .mobile-actions .btn{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .header .mobile-menu .mobile-actions .btn{
  transition:none}
}
.header .mobile-menu .mobile-actions .btn.btn-login{
  background:#000;
  color:#fff;
  border:none;
  border-radius:20px}
.header .mobile-menu .mobile-actions .btn.btn-login:hover{
  background:#333}
.header .mobile-menu .mobile-actions .btn.btn-download{
  background:#fff;
  color:#333;
  border:none;
  border-radius:20px}
.header .mobile-menu .mobile-actions .btn.btn-download:hover{
  background:#f5f5f5}
.header .mobile-menu .mobile-actions .btn.btn-logout{
  background:#fffc;
  border:1px solid #ff6b6b;
  color:#ff6b6b}
.header .mobile-menu .mobile-actions .btn.btn-logout:hover{
  background:#ff6b6b1a;
  border-color:#ff5252;
  color:#ff5252}
.header .mobile-menu .mobile-actions .mobile-download-list{
  display:flex;
  flex-direction:column;
  gap:8px}
.header .mobile-menu .mobile-actions .mobile-user-info{
  display:flex;
  flex-direction:column;
  gap:16px}
.header .mobile-menu .mobile-actions .mobile-user-info .mobile-user-header{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px;
  background:#ffffff80;
  border-radius:12px;
  border:1px solid rgba(76,79,107,.1)}
.header .mobile-menu .mobile-actions .mobile-user-info .mobile-user-header .mobile-user-avatar{
  width:40px;
  height:40px;
  border-radius:50%;
  object-fit:cover;
  flex-shrink:0}
.header .mobile-menu .mobile-actions .mobile-user-info .mobile-user-header .mobile-user-details{
  flex:1;
  min-width:0}
.header .mobile-menu .mobile-actions .mobile-user-info .mobile-user-header .mobile-user-details .mobile-user-name{
  font-size:16px;
  font-weight:600;
  color:#1a1a1a;
  margin-bottom:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap}
.header .mobile-menu .mobile-actions .mobile-user-info .mobile-user-header .mobile-user-details .mobile-user-id{
  font-size:12px;
  color:#666;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap}
@keyframes fadeIn{
  0%{
  opacity:0}
to{
  opacity:1}
}
@media (max-width:1440px){
  .header .header-nav .nav-content{
  padding:0 40px;
  gap:20px}
.header .header-nav .nav-menu.desktop-menu{
  flex-wrap:nowrap}
.header .header-nav .nav-menu.desktop-menu .nav-item .nav-link{
  padding:6px 8px;
  font-size:14px;
  gap:4px}
.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards{
  width:calc(100vw - 120px);
  max-width:1000px;
  min-width:700px;
  padding:20px;
  gap:16px;
  display:flex}
.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card{
  padding:16px}
.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card .product-title{
  font-size:15px}
.header .header-nav .nav-menu.desktop-menu .nav-item .dropdown-menu.product-cards .product-card .product-description{
  font-size:11px;
  -webkit-line-clamp:5;
  line-clamp:5}
}
@media (max-width:1200px){
  .header .header-nav .nav-menu.desktop-menu,.header .header-nav .nav-actions{
  display:none}
.header .header-nav .mobile-menu-toggle{
  display:flex;
  justify-self:end}
}
@media (max-width:768px){
  .header .header-nav .nav-content{
  padding:0 24px;
  grid-template-columns:1fr auto;
  gap:16px}
.header .header-nav .nav-menu.desktop-menu,.header .header-nav .nav-actions{
  display:none}
.header .header-nav .mobile-menu-toggle{
  display:flex;
  justify-self:end}
}
@media (max-width:600px){
  .header .header-nav .nav-content{
  padding:0 16px;
  gap:12px;
  grid-template-columns:1fr auto}
.header .header-nav .mobile-menu-toggle{
  justify-self:end}
}
@media (max-width:480px){
  .header .header-nav{
  height:56px}
.header .header-nav .nav-content{
  padding:0 16px;
  gap:12px;
  grid-template-columns:1fr auto}
.header .header-nav .nav-logo .logo-icon{
  width:28px;
  height:28px}
.header .header-nav .nav-logo .logo-text{
  font-size:0px}
.header .header-nav .mobile-menu-toggle{
  justify-self:end}
.header .mobile-menu{
  width:100%}
}
.arrow-hover{
  display:inline-block;
  cursor:pointer}
.arrow-hover .arrow-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  transition:transform .3s ease;
  flex-shrink:0;
  border-radius:4px;
  background:#191a23;
  flex:0 0 48px;
  position:relative;
  overflow:hidden}
.arrow-hover .arrow-icon:before{
  content:"";
  position:absolute;
  bottom:4px;
  left:4px;
  width:0;
  height:0;
  background:#28b894;
  border-radius:50%;
  transition:all .3s ease;
  z-index:1}
.arrow-hover .arrow-icon .arrow-icon-white{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:4;
  opacity:1;
  transition:all .3s ease;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translate(0)}
.arrow-hover .arrow-icon .arrow-icon-white svg{
  width:24px;
  height:24px;
  filter:brightness(0) invert(1)}
.arrow-hover .arrow-icon .arrow-icon-black{
  position:absolute;
  bottom:-100%;
  left:-100%;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transition:all .3s ease-in-out;
  z-index:3}
.arrow-hover .arrow-icon .arrow-icon-black svg{
  width:24px;
  height:24px;
  filter:brightness(0)}
.arrow-hover.default .arrow-icon{
  background:#191a23}
.arrow-hover.default .arrow-icon:before,.arrow-hover.default .arrow-icon:after{
  background:#28b894}
.arrow-hover.default .arrow-icon .arrow-icon-white svg{
  filter:brightness(0) invert(1)}
.arrow-hover.default .arrow-icon .arrow-icon-black svg{
  filter:brightness(0)}
.arrow-hover.inverted .arrow-icon{
  background:#28b894}
.arrow-hover.inverted .arrow-icon:before,.arrow-hover.inverted .arrow-icon:after{
  background:#191a23}
.arrow-hover.inverted .arrow-icon .arrow-icon-white svg{
  filter:brightness(0)}
.arrow-hover.inverted .arrow-icon .arrow-icon-black svg{
  filter:brightness(0) invert(1)}
.arrow-hover.purple .arrow-icon{
  background:#28b894}
.arrow-hover.purple .arrow-icon:before,.arrow-hover.purple .arrow-icon:after{
  background:#6c4dff!important}
.arrow-hover.purple .arrow-icon .arrow-icon-white svg{
  filter:brightness(0)}
.arrow-hover.purple .arrow-icon .arrow-icon-black svg{
  filter:brightness(0) invert(1)}
.arrow-hover.small .arrow-icon{
  width:32px;
  height:32px;
  flex:0 0 32px}
.arrow-hover.small .arrow-icon .arrow-icon-white svg,.arrow-hover.small .arrow-icon .arrow-icon-black svg{
  width:16px;
  height:16px}
.arrow-hover.large .arrow-icon{
  width:64px;
  height:64px;
  flex:0 0 64px}
.arrow-hover.large .arrow-icon .arrow-icon-white svg,.arrow-hover.large .arrow-icon .arrow-icon-black svg{
  width:32px;
  height:32px}
.arrow-hover-container:hover .arrow-hover .arrow-icon .arrow-icon-white{
  opacity:1;
  transform:translate(48px,-48px)}
.arrow-hover-container:hover .arrow-hover .arrow-icon:before{
  width:100%;
  height:100%;
  bottom:0;
  left:0;
  border-radius:0}
.arrow-hover-container:hover .arrow-hover .arrow-icon:after{
  width:100%;
  height:100%;
  bottom:0;
  left:0;
  border-radius:0;
  opacity:1}
.arrow-hover-container:hover .arrow-hover .arrow-icon .arrow-icon-black{
  opacity:1;
  bottom:0;
  left:0}
.outline-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 32px;
  height:50px;
  color:#28b894;
  font-family:Alimama ShuHeiTi,sans-serif;
  font-size:clamp(14px,2.5vw,18px);
  font-weight:700;
  line-height:1;
  letter-spacing:clamp(.8px,.15vw,1.08px);
  border:2px solid #28b894;
  border-radius:4px;
  background:transparent;
  cursor:pointer;
  transition:all .3s ease;
  text-decoration:none;
  white-space:nowrap}
.outline-button:hover{
  background:#28b8941a;
  box-shadow:0 0 20px #28b8944d}
.outline-button.disabled{
  opacity:.5;
  pointer-events:none;
  cursor:not-allowed}
@media (max-width:768px){
  .outline-button{
  width:100%;
  height:40px;
  font-size:16px}
}
.promotion-banner{
  position:absolute;
  top:80px;
  left:0;
  right:0;
  z-index:101;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover}
.promotion-banner__link{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:9px 15px;
  text-decoration:none;
  color:#fff}
.promotion-banner__content{
  display:inline-flex;
  align-items:center;
  gap:12px;
  flex:0 1 auto;
  min-width:0}
.promotion-banner__deco{
  height:18px;
  width:auto;
  flex-shrink:0;
  display:block}
.promotion-banner__text{
  font-size:24px;
  font-weight:600;
  line-height:26px;
  color:#000;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis}
.promotion-banner__btn{
  flex-shrink:0;
  display:inline-flex;
  gap:6px;
  padding:6px 24px;
  border-radius:999px;
  background:linear-gradient(90deg,#ff8e59,#f45a2f 97.25%);
  box-shadow:inset 0 4px 8.3px #fff6,0 8px 20px #f86c3e33;
  font-size:16px;
  font-weight:600;
  color:#fff;
  white-space:nowrap;
  align-items:center;
  transition:transform .15s ease,box-shadow .15s ease}
.promotion-banner__btn:hover{
  transform:translateY(-1px);
  box-shadow:inset 0 4px 8.3px #ffffff80,0 10px 24px #f86c3e4d}
.promotion-banner__btn-arrow{
  font-size:18px;
  line-height:1;
  transform:translateY(-1px)}
@media (max-width:768px){
  .promotion-banner{
  top:60px}
.promotion-banner__link{
  flex-direction:column;
  gap:8px;
  padding:12px 16px}
.promotion-banner__content{
  width:100%;
  justify-content:center;
  gap:8px}
.promotion-banner__deco{
  height:12px}
.promotion-banner__text{
  font-size:12px;
  line-height:20px;
  color:#000;
  white-space:normal;
  text-align:center;
  overflow:visible;
  text-overflow:clip}
.promotion-banner__btn{
  padding:6px 18px;
  font-size:14px;
  line-height:20px;
  display:none}
.promotion-banner__btn-arrow{
  font-size:16px}
}
@media (max-width:380px){
  .promotion-banner__link{
  padding:10px 12px}
.promotion-banner__deco{
  height:10px}
.promotion-banner__text{
  font-size:12px;
  line-height:18px}
}
.video-player{
  z-index:10;
  position:relative;
  width:clamp(280px,30vw,432px);
  height:clamp(210px,22.5vw,323px);
  flex-shrink:0;
  border-radius:clamp(6px,.8vw,8.53px);
  background:#ffffff12;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  padding:clamp(12px,1.5vw,18px);
  display:flex;
  flex-direction:column;
  gap:clamp(12px,1.5vw,18px);
  justify-content:space-between;
  cursor:pointer;
  transition:all .3s ease 0s}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  html.performance-high .video-player{
  -webkit-backdrop-filter:blur(40px);
  backdrop-filter:blur(40px)}
}
@media (prefers-reduced-motion:reduce){
  .video-player{
  -webkit-backdrop-filter:none;
  backdrop-filter:none}
}
html.performance-high .video-player{
  transition:all .3s ease 0s}
html.performance-medium .video-player{
  transition:all .2s ease 0s}
html.performance-low .video-player{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .video-player{
  transition:none}
}
.video-player.expanded{
  background:#000000f2;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  border-radius:12px;
  box-shadow:0 20px 60px #00000080}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  html.performance-high .video-player.expanded{
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px)}
}
@media (prefers-reduced-motion:reduce){
  .video-player.expanded{
  -webkit-backdrop-filter:none;
  backdrop-filter:none}
}
.video-player.transitioning{
  pointer-events:none}
.video-player .player-content{
  flex:1;
  border-radius:8px;
  overflow:hidden;
  background:#000;
  position:relative;
  width:100%}
.video-player .player-content .native-video-player{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:8px;
  position:absolute;
  top:0;
  left:0}
.video-player .player-footer{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#fff;
  font-family:Alimama FangYuanTi VF}
.video-player .player-footer .player-timestamp{
  color:#fff;
  font-family:Alimama ShuHeiTi;
  font-size:clamp(12px,1.5vw,16px);
  font-style:normal;
  font-weight:700;
  line-height:clamp(12px,1.5vw,16px);
  text-transform:uppercase}
.video-player .player-footer .play-button{
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px}
.video-player .home-vid-star{
  pointer-events:none;
  position:absolute;
  inset:0% auto auto 0%;
  transform:translate(-50%,-50%)}
.video-player .home-vid-star svg{
  width:clamp(60px,12vw,214px);
  height:clamp(60px,12vw,214px)}
.video-player.video-player-clone{
  background:#000000f2;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  border-radius:12px;
  box-shadow:0 20px 60px #00000080;
  cursor:default}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  html.performance-high .video-player.video-player-clone{
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px)}
}
@media (prefers-reduced-motion:reduce){
  .video-player.video-player-clone{
  -webkit-backdrop-filter:none;
  backdrop-filter:none}
}
.video-player.video-player-clone .player-content{
  border-radius:12px}
.video-player.video-player-clone .player-footer,.video-player.video-player-clone .home-vid-star{
  display:none}
.video-close-overlay{
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background:#00000080;
  z-index:9998;
  cursor:pointer;
  opacity:1}
@keyframes fadeIn{
  0%{
  opacity:0}
to{
  opacity:1}
}
@keyframes scaleIn{
  0%{
  transform:scale(.8);
  opacity:0}
to{
  transform:scale(1);
  opacity:1}
}
@media (max-width:1700px){
  .video-player .home-vid-star{
  display:none}
}
@media (max-width:1200px){
  .video-player{
  width:clamp(240px,25vw,360px);
  height:clamp(180px,18.75vw,270px)}
}
@media (max-width:768px){
  .video-player{
  position:static;
  margin:clamp(12px,2vw,20px) auto;
  width:clamp(280px,80vw,400px);
  height:clamp(210px,60vw,300px);
  max-width:90vw}
}
@media (max-width:480px){
  .video-player{
  width:clamp(240px,85vw,320px);
  height:clamp(180px,63.75vw,240px);
  margin:clamp(8px,1.5vw,12px) auto;
  padding:clamp(8px,1.2vw,12px);
  gap:clamp(8px,1.2vw,12px)}
}
.t-layout{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none}
.t-layout,.t-layout__direction-vertical{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  background:var(--td-bg-color-page);
  -webkit-box-flex:1;
  -ms-flex:auto;
  flex:auto}
.t-layout--with-sider,.t-layout__direction-horizontal{
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row}
.t-layout__header{
  height:var(--td-comp-size-xxxl);
  background-color:var(--td-bg-color-container)}
.t-layout__content{
  -webkit-box-flex:1;
  -ms-flex:auto;
  flex:auto}
.t-layout__sider{
  position:relative;
  -webkit-transition:all .2s;
  transition:all .2s;
  background:var(--td-bg-color-container);
  width:232px}
.t-layout__footer{
  color:var(--td-text-color-placeholder);
  padding:24px}
.t-row{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap}
.t-row--start{
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start}
.t-row--center{
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.t-row--end{
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end}
.t-row--space-between{
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between}
.t-row--space-around{
  -ms-flex-pack:distribute;
  justify-content:space-around}
.t-row--top{
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start}
.t-row--middle{
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-row--bottom{
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end}
.t-row--align-top,.t-row--align-start{
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start}
.t-row--align-middle,.t-row--align-center{
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-row--align-bottom,.t-row--align-end{
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end}
.t-row--align-stretch{
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch}
.t-row--align-baseline{
  -webkit-box-align:baseline;
  -ms-flex-align:baseline;
  align-items:baseline}
.t-col{
  position:relative;
  max-width:100%;
  min-height:1px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-col-12{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%}
.t-col-push-12{
  left:100%}
.t-col-pull-12{
  right:100%}
.t-col-offset-12{
  margin-left:100%}
.t-col-order-12{
  -webkit-box-ordinal-group:13;
  -ms-flex-order:12;
  order:12}
.t-col-11{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 91.66666667%;
  flex:0 0 91.66666667%;
  max-width:91.66666667%}
.t-col-push-11{
  left:91.66666667%}
.t-col-pull-11{
  right:91.66666667%}
.t-col-offset-11{
  margin-left:91.66666667%}
.t-col-order-11{
  -webkit-box-ordinal-group:12;
  -ms-flex-order:11;
  order:11}
.t-col-10{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 83.33333333%;
  flex:0 0 83.33333333%;
  max-width:83.33333333%}
.t-col-push-10{
  left:83.33333333%}
.t-col-pull-10{
  right:83.33333333%}
.t-col-offset-10{
  margin-left:83.33333333%}
.t-col-order-10{
  -webkit-box-ordinal-group:11;
  -ms-flex-order:10;
  order:10}
.t-col-9{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%}
.t-col-push-9{
  left:75%}
.t-col-pull-9{
  right:75%}
.t-col-offset-9{
  margin-left:75%}
.t-col-order-9{
  -webkit-box-ordinal-group:10;
  -ms-flex-order:9;
  order:9}
.t-col-8{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 66.66666667%;
  flex:0 0 66.66666667%;
  max-width:66.66666667%}
.t-col-push-8{
  left:66.66666667%}
.t-col-pull-8{
  right:66.66666667%}
.t-col-offset-8{
  margin-left:66.66666667%}
.t-col-order-8{
  -webkit-box-ordinal-group:9;
  -ms-flex-order:8;
  order:8}
.t-col-7{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 58.33333333%;
  flex:0 0 58.33333333%;
  max-width:58.33333333%}
.t-col-push-7{
  left:58.33333333%}
.t-col-pull-7{
  right:58.33333333%}
.t-col-offset-7{
  margin-left:58.33333333%}
.t-col-order-7{
  -webkit-box-ordinal-group:8;
  -ms-flex-order:7;
  order:7}
.t-col-6{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%}
.t-col-push-6{
  left:50%}
.t-col-pull-6{
  right:50%}
.t-col-offset-6{
  margin-left:50%}
.t-col-order-6{
  -webkit-box-ordinal-group:7;
  -ms-flex-order:6;
  order:6}
.t-col-5{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 41.66666667%;
  flex:0 0 41.66666667%;
  max-width:41.66666667%}
.t-col-push-5{
  left:41.66666667%}
.t-col-pull-5{
  right:41.66666667%}
.t-col-offset-5{
  margin-left:41.66666667%}
.t-col-order-5{
  -webkit-box-ordinal-group:6;
  -ms-flex-order:5;
  order:5}
.t-col-4{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 33.33333333%;
  flex:0 0 33.33333333%;
  max-width:33.33333333%}
.t-col-push-4{
  left:33.33333333%}
.t-col-pull-4{
  right:33.33333333%}
.t-col-offset-4{
  margin-left:33.33333333%}
.t-col-order-4{
  -webkit-box-ordinal-group:5;
  -ms-flex-order:4;
  order:4}
.t-col-3{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%}
.t-col-push-3{
  left:25%}
.t-col-pull-3{
  right:25%}
.t-col-offset-3{
  margin-left:25%}
.t-col-order-3{
  -webkit-box-ordinal-group:4;
  -ms-flex-order:3;
  order:3}
.t-col-2{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 16.66666667%;
  flex:0 0 16.66666667%;
  max-width:16.66666667%}
.t-col-push-2{
  left:16.66666667%}
.t-col-pull-2{
  right:16.66666667%}
.t-col-offset-2{
  margin-left:16.66666667%}
.t-col-order-2{
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2}
.t-col-1{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 8.33333333%;
  flex:0 0 8.33333333%;
  max-width:8.33333333%}
.t-col-push-1{
  left:8.33333333%}
.t-col-pull-1{
  right:8.33333333%}
.t-col-offset-1{
  margin-left:8.33333333%}
.t-col-order-1{
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1}
.t-col-0{
  display:none}
.t-col-offset-0{
  margin-left:0}
.t-col-order-0{
  -webkit-box-ordinal-group:1;
  -ms-flex-order:0;
  order:0}
.t-col-xs-12{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%}
.t-col-xs-push-12{
  left:100%}
.t-col-xs-pull-12{
  right:100%}
.t-col-xs-offset-12{
  margin-left:100%}
.t-col-xs-order-12{
  -webkit-box-ordinal-group:13;
  -ms-flex-order:12;
  order:12}
.t-col-xs-11{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 91.66666667%;
  flex:0 0 91.66666667%;
  max-width:91.66666667%}
.t-col-xs-push-11{
  left:91.66666667%}
.t-col-xs-pull-11{
  right:91.66666667%}
.t-col-xs-offset-11{
  margin-left:91.66666667%}
.t-col-xs-order-11{
  -webkit-box-ordinal-group:12;
  -ms-flex-order:11;
  order:11}
.t-col-xs-10{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 83.33333333%;
  flex:0 0 83.33333333%;
  max-width:83.33333333%}
.t-col-xs-push-10{
  left:83.33333333%}
.t-col-xs-pull-10{
  right:83.33333333%}
.t-col-xs-offset-10{
  margin-left:83.33333333%}
.t-col-xs-order-10{
  -webkit-box-ordinal-group:11;
  -ms-flex-order:10;
  order:10}
.t-col-xs-9{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%}
.t-col-xs-push-9{
  left:75%}
.t-col-xs-pull-9{
  right:75%}
.t-col-xs-offset-9{
  margin-left:75%}
.t-col-xs-order-9{
  -webkit-box-ordinal-group:10;
  -ms-flex-order:9;
  order:9}
.t-col-xs-8{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 66.66666667%;
  flex:0 0 66.66666667%;
  max-width:66.66666667%}
.t-col-xs-push-8{
  left:66.66666667%}
.t-col-xs-pull-8{
  right:66.66666667%}
.t-col-xs-offset-8{
  margin-left:66.66666667%}
.t-col-xs-order-8{
  -webkit-box-ordinal-group:9;
  -ms-flex-order:8;
  order:8}
.t-col-xs-7{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 58.33333333%;
  flex:0 0 58.33333333%;
  max-width:58.33333333%}
.t-col-xs-push-7{
  left:58.33333333%}
.t-col-xs-pull-7{
  right:58.33333333%}
.t-col-xs-offset-7{
  margin-left:58.33333333%}
.t-col-xs-order-7{
  -webkit-box-ordinal-group:8;
  -ms-flex-order:7;
  order:7}
.t-col-xs-6{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%}
.t-col-xs-push-6{
  left:50%}
.t-col-xs-pull-6{
  right:50%}
.t-col-xs-offset-6{
  margin-left:50%}
.t-col-xs-order-6{
  -webkit-box-ordinal-group:7;
  -ms-flex-order:6;
  order:6}
.t-col-xs-5{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 41.66666667%;
  flex:0 0 41.66666667%;
  max-width:41.66666667%}
.t-col-xs-push-5{
  left:41.66666667%}
.t-col-xs-pull-5{
  right:41.66666667%}
.t-col-xs-offset-5{
  margin-left:41.66666667%}
.t-col-xs-order-5{
  -webkit-box-ordinal-group:6;
  -ms-flex-order:5;
  order:5}
.t-col-xs-4{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 33.33333333%;
  flex:0 0 33.33333333%;
  max-width:33.33333333%}
.t-col-xs-push-4{
  left:33.33333333%}
.t-col-xs-pull-4{
  right:33.33333333%}
.t-col-xs-offset-4{
  margin-left:33.33333333%}
.t-col-xs-order-4{
  -webkit-box-ordinal-group:5;
  -ms-flex-order:4;
  order:4}
.t-col-xs-3{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%}
.t-col-xs-push-3{
  left:25%}
.t-col-xs-pull-3{
  right:25%}
.t-col-xs-offset-3{
  margin-left:25%}
.t-col-xs-order-3{
  -webkit-box-ordinal-group:4;
  -ms-flex-order:3;
  order:3}
.t-col-xs-2{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 16.66666667%;
  flex:0 0 16.66666667%;
  max-width:16.66666667%}
.t-col-xs-push-2{
  left:16.66666667%}
.t-col-xs-pull-2{
  right:16.66666667%}
.t-col-xs-offset-2{
  margin-left:16.66666667%}
.t-col-xs-order-2{
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2}
.t-col-xs-1{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 8.33333333%;
  flex:0 0 8.33333333%;
  max-width:8.33333333%}
.t-col-xs-push-1{
  left:8.33333333%}
.t-col-xs-pull-1{
  right:8.33333333%}
.t-col-xs-offset-1{
  margin-left:8.33333333%}
.t-col-xs-order-1{
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1}
.t-col-xs-0{
  display:none}
.t-col-push-0{
  left:auto}
.t-col-pull-0{
  right:auto}
.t-col-xs-push-0{
  left:auto}
.t-col-xs-pull-0{
  right:auto}
.t-col-xs-offset-0{
  margin-left:0}
.t-col-xs-order-0{
  -webkit-box-ordinal-group:1;
  -ms-flex-order:0;
  order:0}
@media (min-width:768px){
  .t-col-sm-12{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%}
.t-col-sm-push-12{
  left:100%}
.t-col-sm-pull-12{
  right:100%}
.t-col-sm-offset-12{
  margin-left:100%}
.t-col-sm-order-12{
  -webkit-box-ordinal-group:13;
  -ms-flex-order:12;
  order:12}
.t-col-sm-11{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 91.66666667%;
  flex:0 0 91.66666667%;
  max-width:91.66666667%}
.t-col-sm-push-11{
  left:91.66666667%}
.t-col-sm-pull-11{
  right:91.66666667%}
.t-col-sm-offset-11{
  margin-left:91.66666667%}
.t-col-sm-order-11{
  -webkit-box-ordinal-group:12;
  -ms-flex-order:11;
  order:11}
.t-col-sm-10{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 83.33333333%;
  flex:0 0 83.33333333%;
  max-width:83.33333333%}
.t-col-sm-push-10{
  left:83.33333333%}
.t-col-sm-pull-10{
  right:83.33333333%}
.t-col-sm-offset-10{
  margin-left:83.33333333%}
.t-col-sm-order-10{
  -webkit-box-ordinal-group:11;
  -ms-flex-order:10;
  order:10}
.t-col-sm-9{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%}
.t-col-sm-push-9{
  left:75%}
.t-col-sm-pull-9{
  right:75%}
.t-col-sm-offset-9{
  margin-left:75%}
.t-col-sm-order-9{
  -webkit-box-ordinal-group:10;
  -ms-flex-order:9;
  order:9}
.t-col-sm-8{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 66.66666667%;
  flex:0 0 66.66666667%;
  max-width:66.66666667%}
.t-col-sm-push-8{
  left:66.66666667%}
.t-col-sm-pull-8{
  right:66.66666667%}
.t-col-sm-offset-8{
  margin-left:66.66666667%}
.t-col-sm-order-8{
  -webkit-box-ordinal-group:9;
  -ms-flex-order:8;
  order:8}
.t-col-sm-7{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 58.33333333%;
  flex:0 0 58.33333333%;
  max-width:58.33333333%}
.t-col-sm-push-7{
  left:58.33333333%}
.t-col-sm-pull-7{
  right:58.33333333%}
.t-col-sm-offset-7{
  margin-left:58.33333333%}
.t-col-sm-order-7{
  -webkit-box-ordinal-group:8;
  -ms-flex-order:7;
  order:7}
.t-col-sm-6{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%}
.t-col-sm-push-6{
  left:50%}
.t-col-sm-pull-6{
  right:50%}
.t-col-sm-offset-6{
  margin-left:50%}
.t-col-sm-order-6{
  -webkit-box-ordinal-group:7;
  -ms-flex-order:6;
  order:6}
.t-col-sm-5{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 41.66666667%;
  flex:0 0 41.66666667%;
  max-width:41.66666667%}
.t-col-sm-push-5{
  left:41.66666667%}
.t-col-sm-pull-5{
  right:41.66666667%}
.t-col-sm-offset-5{
  margin-left:41.66666667%}
.t-col-sm-order-5{
  -webkit-box-ordinal-group:6;
  -ms-flex-order:5;
  order:5}
.t-col-sm-4{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 33.33333333%;
  flex:0 0 33.33333333%;
  max-width:33.33333333%}
.t-col-sm-push-4{
  left:33.33333333%}
.t-col-sm-pull-4{
  right:33.33333333%}
.t-col-sm-offset-4{
  margin-left:33.33333333%}
.t-col-sm-order-4{
  -webkit-box-ordinal-group:5;
  -ms-flex-order:4;
  order:4}
.t-col-sm-3{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%}
.t-col-sm-push-3{
  left:25%}
.t-col-sm-pull-3{
  right:25%}
.t-col-sm-offset-3{
  margin-left:25%}
.t-col-sm-order-3{
  -webkit-box-ordinal-group:4;
  -ms-flex-order:3;
  order:3}
.t-col-sm-2{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 16.66666667%;
  flex:0 0 16.66666667%;
  max-width:16.66666667%}
.t-col-sm-push-2{
  left:16.66666667%}
.t-col-sm-pull-2{
  right:16.66666667%}
.t-col-sm-offset-2{
  margin-left:16.66666667%}
.t-col-sm-order-2{
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2}
.t-col-sm-1{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 8.33333333%;
  flex:0 0 8.33333333%;
  max-width:8.33333333%}
.t-col-sm-push-1{
  left:8.33333333%}
.t-col-sm-pull-1{
  right:8.33333333%}
.t-col-sm-offset-1{
  margin-left:8.33333333%}
.t-col-sm-order-1{
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1}
.t-col-sm-0{
  display:none}
.t-col-push-0{
  left:auto}
.t-col-pull-0{
  right:auto}
.t-col-sm-push-0{
  left:auto}
.t-col-sm-pull-0{
  right:auto}
.t-col-sm-offset-0{
  margin-left:0}
.t-col-sm-order-0{
  -webkit-box-ordinal-group:1;
  -ms-flex-order:0;
  order:0}
}
@media (min-width:992px){
  .t-col-md-12{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%}
.t-col-md-push-12{
  left:100%}
.t-col-md-pull-12{
  right:100%}
.t-col-md-offset-12{
  margin-left:100%}
.t-col-md-order-12{
  -webkit-box-ordinal-group:13;
  -ms-flex-order:12;
  order:12}
.t-col-md-11{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 91.66666667%;
  flex:0 0 91.66666667%;
  max-width:91.66666667%}
.t-col-md-push-11{
  left:91.66666667%}
.t-col-md-pull-11{
  right:91.66666667%}
.t-col-md-offset-11{
  margin-left:91.66666667%}
.t-col-md-order-11{
  -webkit-box-ordinal-group:12;
  -ms-flex-order:11;
  order:11}
.t-col-md-10{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 83.33333333%;
  flex:0 0 83.33333333%;
  max-width:83.33333333%}
.t-col-md-push-10{
  left:83.33333333%}
.t-col-md-pull-10{
  right:83.33333333%}
.t-col-md-offset-10{
  margin-left:83.33333333%}
.t-col-md-order-10{
  -webkit-box-ordinal-group:11;
  -ms-flex-order:10;
  order:10}
.t-col-md-9{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%}
.t-col-md-push-9{
  left:75%}
.t-col-md-pull-9{
  right:75%}
.t-col-md-offset-9{
  margin-left:75%}
.t-col-md-order-9{
  -webkit-box-ordinal-group:10;
  -ms-flex-order:9;
  order:9}
.t-col-md-8{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 66.66666667%;
  flex:0 0 66.66666667%;
  max-width:66.66666667%}
.t-col-md-push-8{
  left:66.66666667%}
.t-col-md-pull-8{
  right:66.66666667%}
.t-col-md-offset-8{
  margin-left:66.66666667%}
.t-col-md-order-8{
  -webkit-box-ordinal-group:9;
  -ms-flex-order:8;
  order:8}
.t-col-md-7{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 58.33333333%;
  flex:0 0 58.33333333%;
  max-width:58.33333333%}
.t-col-md-push-7{
  left:58.33333333%}
.t-col-md-pull-7{
  right:58.33333333%}
.t-col-md-offset-7{
  margin-left:58.33333333%}
.t-col-md-order-7{
  -webkit-box-ordinal-group:8;
  -ms-flex-order:7;
  order:7}
.t-col-md-6{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%}
.t-col-md-push-6{
  left:50%}
.t-col-md-pull-6{
  right:50%}
.t-col-md-offset-6{
  margin-left:50%}
.t-col-md-order-6{
  -webkit-box-ordinal-group:7;
  -ms-flex-order:6;
  order:6}
.t-col-md-5{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 41.66666667%;
  flex:0 0 41.66666667%;
  max-width:41.66666667%}
.t-col-md-push-5{
  left:41.66666667%}
.t-col-md-pull-5{
  right:41.66666667%}
.t-col-md-offset-5{
  margin-left:41.66666667%}
.t-col-md-order-5{
  -webkit-box-ordinal-group:6;
  -ms-flex-order:5;
  order:5}
.t-col-md-4{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 33.33333333%;
  flex:0 0 33.33333333%;
  max-width:33.33333333%}
.t-col-md-push-4{
  left:33.33333333%}
.t-col-md-pull-4{
  right:33.33333333%}
.t-col-md-offset-4{
  margin-left:33.33333333%}
.t-col-md-order-4{
  -webkit-box-ordinal-group:5;
  -ms-flex-order:4;
  order:4}
.t-col-md-3{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%}
.t-col-md-push-3{
  left:25%}
.t-col-md-pull-3{
  right:25%}
.t-col-md-offset-3{
  margin-left:25%}
.t-col-md-order-3{
  -webkit-box-ordinal-group:4;
  -ms-flex-order:3;
  order:3}
.t-col-md-2{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 16.66666667%;
  flex:0 0 16.66666667%;
  max-width:16.66666667%}
.t-col-md-push-2{
  left:16.66666667%}
.t-col-md-pull-2{
  right:16.66666667%}
.t-col-md-offset-2{
  margin-left:16.66666667%}
.t-col-md-order-2{
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2}
.t-col-md-1{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 8.33333333%;
  flex:0 0 8.33333333%;
  max-width:8.33333333%}
.t-col-md-push-1{
  left:8.33333333%}
.t-col-md-pull-1{
  right:8.33333333%}
.t-col-md-offset-1{
  margin-left:8.33333333%}
.t-col-md-order-1{
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1}
.t-col-md-0{
  display:none}
.t-col-push-0{
  left:auto}
.t-col-pull-0{
  right:auto}
.t-col-md-push-0{
  left:auto}
.t-col-md-pull-0{
  right:auto}
.t-col-md-offset-0{
  margin-left:0}
.t-col-md-order-0{
  -webkit-box-ordinal-group:1;
  -ms-flex-order:0;
  order:0}
}
@media (min-width:1200px){
  .t-col-lg-12{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%}
.t-col-lg-push-12{
  left:100%}
.t-col-lg-pull-12{
  right:100%}
.t-col-lg-offset-12{
  margin-left:100%}
.t-col-lg-order-12{
  -webkit-box-ordinal-group:13;
  -ms-flex-order:12;
  order:12}
.t-col-lg-11{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 91.66666667%;
  flex:0 0 91.66666667%;
  max-width:91.66666667%}
.t-col-lg-push-11{
  left:91.66666667%}
.t-col-lg-pull-11{
  right:91.66666667%}
.t-col-lg-offset-11{
  margin-left:91.66666667%}
.t-col-lg-order-11{
  -webkit-box-ordinal-group:12;
  -ms-flex-order:11;
  order:11}
.t-col-lg-10{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 83.33333333%;
  flex:0 0 83.33333333%;
  max-width:83.33333333%}
.t-col-lg-push-10{
  left:83.33333333%}
.t-col-lg-pull-10{
  right:83.33333333%}
.t-col-lg-offset-10{
  margin-left:83.33333333%}
.t-col-lg-order-10{
  -webkit-box-ordinal-group:11;
  -ms-flex-order:10;
  order:10}
.t-col-lg-9{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%}
.t-col-lg-push-9{
  left:75%}
.t-col-lg-pull-9{
  right:75%}
.t-col-lg-offset-9{
  margin-left:75%}
.t-col-lg-order-9{
  -webkit-box-ordinal-group:10;
  -ms-flex-order:9;
  order:9}
.t-col-lg-8{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 66.66666667%;
  flex:0 0 66.66666667%;
  max-width:66.66666667%}
.t-col-lg-push-8{
  left:66.66666667%}
.t-col-lg-pull-8{
  right:66.66666667%}
.t-col-lg-offset-8{
  margin-left:66.66666667%}
.t-col-lg-order-8{
  -webkit-box-ordinal-group:9;
  -ms-flex-order:8;
  order:8}
.t-col-lg-7{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 58.33333333%;
  flex:0 0 58.33333333%;
  max-width:58.33333333%}
.t-col-lg-push-7{
  left:58.33333333%}
.t-col-lg-pull-7{
  right:58.33333333%}
.t-col-lg-offset-7{
  margin-left:58.33333333%}
.t-col-lg-order-7{
  -webkit-box-ordinal-group:8;
  -ms-flex-order:7;
  order:7}
.t-col-lg-6{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%}
.t-col-lg-push-6{
  left:50%}
.t-col-lg-pull-6{
  right:50%}
.t-col-lg-offset-6{
  margin-left:50%}
.t-col-lg-order-6{
  -webkit-box-ordinal-group:7;
  -ms-flex-order:6;
  order:6}
.t-col-lg-5{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 41.66666667%;
  flex:0 0 41.66666667%;
  max-width:41.66666667%}
.t-col-lg-push-5{
  left:41.66666667%}
.t-col-lg-pull-5{
  right:41.66666667%}
.t-col-lg-offset-5{
  margin-left:41.66666667%}
.t-col-lg-order-5{
  -webkit-box-ordinal-group:6;
  -ms-flex-order:5;
  order:5}
.t-col-lg-4{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 33.33333333%;
  flex:0 0 33.33333333%;
  max-width:33.33333333%}
.t-col-lg-push-4{
  left:33.33333333%}
.t-col-lg-pull-4{
  right:33.33333333%}
.t-col-lg-offset-4{
  margin-left:33.33333333%}
.t-col-lg-order-4{
  -webkit-box-ordinal-group:5;
  -ms-flex-order:4;
  order:4}
.t-col-lg-3{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%}
.t-col-lg-push-3{
  left:25%}
.t-col-lg-pull-3{
  right:25%}
.t-col-lg-offset-3{
  margin-left:25%}
.t-col-lg-order-3{
  -webkit-box-ordinal-group:4;
  -ms-flex-order:3;
  order:3}
.t-col-lg-2{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 16.66666667%;
  flex:0 0 16.66666667%;
  max-width:16.66666667%}
.t-col-lg-push-2{
  left:16.66666667%}
.t-col-lg-pull-2{
  right:16.66666667%}
.t-col-lg-offset-2{
  margin-left:16.66666667%}
.t-col-lg-order-2{
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2}
.t-col-lg-1{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 8.33333333%;
  flex:0 0 8.33333333%;
  max-width:8.33333333%}
.t-col-lg-push-1{
  left:8.33333333%}
.t-col-lg-pull-1{
  right:8.33333333%}
.t-col-lg-offset-1{
  margin-left:8.33333333%}
.t-col-lg-order-1{
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1}
.t-col-lg-0{
  display:none}
.t-col-push-0{
  left:auto}
.t-col-pull-0{
  right:auto}
.t-col-lg-push-0{
  left:auto}
.t-col-lg-pull-0{
  right:auto}
.t-col-lg-offset-0{
  margin-left:0}
.t-col-lg-order-0{
  -webkit-box-ordinal-group:1;
  -ms-flex-order:0;
  order:0}
}
@media (min-width:1400px){
  .t-col-xl-12{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%}
.t-col-xl-push-12{
  left:100%}
.t-col-xl-pull-12{
  right:100%}
.t-col-xl-offset-12{
  margin-left:100%}
.t-col-xl-order-12{
  -webkit-box-ordinal-group:13;
  -ms-flex-order:12;
  order:12}
.t-col-xl-11{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 91.66666667%;
  flex:0 0 91.66666667%;
  max-width:91.66666667%}
.t-col-xl-push-11{
  left:91.66666667%}
.t-col-xl-pull-11{
  right:91.66666667%}
.t-col-xl-offset-11{
  margin-left:91.66666667%}
.t-col-xl-order-11{
  -webkit-box-ordinal-group:12;
  -ms-flex-order:11;
  order:11}
.t-col-xl-10{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 83.33333333%;
  flex:0 0 83.33333333%;
  max-width:83.33333333%}
.t-col-xl-push-10{
  left:83.33333333%}
.t-col-xl-pull-10{
  right:83.33333333%}
.t-col-xl-offset-10{
  margin-left:83.33333333%}
.t-col-xl-order-10{
  -webkit-box-ordinal-group:11;
  -ms-flex-order:10;
  order:10}
.t-col-xl-9{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%}
.t-col-xl-push-9{
  left:75%}
.t-col-xl-pull-9{
  right:75%}
.t-col-xl-offset-9{
  margin-left:75%}
.t-col-xl-order-9{
  -webkit-box-ordinal-group:10;
  -ms-flex-order:9;
  order:9}
.t-col-xl-8{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 66.66666667%;
  flex:0 0 66.66666667%;
  max-width:66.66666667%}
.t-col-xl-push-8{
  left:66.66666667%}
.t-col-xl-pull-8{
  right:66.66666667%}
.t-col-xl-offset-8{
  margin-left:66.66666667%}
.t-col-xl-order-8{
  -webkit-box-ordinal-group:9;
  -ms-flex-order:8;
  order:8}
.t-col-xl-7{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 58.33333333%;
  flex:0 0 58.33333333%;
  max-width:58.33333333%}
.t-col-xl-push-7{
  left:58.33333333%}
.t-col-xl-pull-7{
  right:58.33333333%}
.t-col-xl-offset-7{
  margin-left:58.33333333%}
.t-col-xl-order-7{
  -webkit-box-ordinal-group:8;
  -ms-flex-order:7;
  order:7}
.t-col-xl-6{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%}
.t-col-xl-push-6{
  left:50%}
.t-col-xl-pull-6{
  right:50%}
.t-col-xl-offset-6{
  margin-left:50%}
.t-col-xl-order-6{
  -webkit-box-ordinal-group:7;
  -ms-flex-order:6;
  order:6}
.t-col-xl-5{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 41.66666667%;
  flex:0 0 41.66666667%;
  max-width:41.66666667%}
.t-col-xl-push-5{
  left:41.66666667%}
.t-col-xl-pull-5{
  right:41.66666667%}
.t-col-xl-offset-5{
  margin-left:41.66666667%}
.t-col-xl-order-5{
  -webkit-box-ordinal-group:6;
  -ms-flex-order:5;
  order:5}
.t-col-xl-4{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 33.33333333%;
  flex:0 0 33.33333333%;
  max-width:33.33333333%}
.t-col-xl-push-4{
  left:33.33333333%}
.t-col-xl-pull-4{
  right:33.33333333%}
.t-col-xl-offset-4{
  margin-left:33.33333333%}
.t-col-xl-order-4{
  -webkit-box-ordinal-group:5;
  -ms-flex-order:4;
  order:4}
.t-col-xl-3{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%}
.t-col-xl-push-3{
  left:25%}
.t-col-xl-pull-3{
  right:25%}
.t-col-xl-offset-3{
  margin-left:25%}
.t-col-xl-order-3{
  -webkit-box-ordinal-group:4;
  -ms-flex-order:3;
  order:3}
.t-col-xl-2{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 16.66666667%;
  flex:0 0 16.66666667%;
  max-width:16.66666667%}
.t-col-xl-push-2{
  left:16.66666667%}
.t-col-xl-pull-2{
  right:16.66666667%}
.t-col-xl-offset-2{
  margin-left:16.66666667%}
.t-col-xl-order-2{
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2}
.t-col-xl-1{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 8.33333333%;
  flex:0 0 8.33333333%;
  max-width:8.33333333%}
.t-col-xl-push-1{
  left:8.33333333%}
.t-col-xl-pull-1{
  right:8.33333333%}
.t-col-xl-offset-1{
  margin-left:8.33333333%}
.t-col-xl-order-1{
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1}
.t-col-xl-0{
  display:none}
.t-col-push-0{
  left:auto}
.t-col-pull-0{
  right:auto}
.t-col-xl-push-0{
  left:auto}
.t-col-xl-pull-0{
  right:auto}
.t-col-xl-offset-0{
  margin-left:0}
.t-col-xl-order-0{
  -webkit-box-ordinal-group:1;
  -ms-flex-order:0;
  order:0}
}
@media (min-width:1880px){
  .t-col-xxl-12{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%}
.t-col-xxl-push-12{
  left:100%}
.t-col-xxl-pull-12{
  right:100%}
.t-col-xxl-offset-12{
  margin-left:100%}
.t-col-xxl-order-12{
  -webkit-box-ordinal-group:13;
  -ms-flex-order:12;
  order:12}
.t-col-xxl-11{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 91.66666667%;
  flex:0 0 91.66666667%;
  max-width:91.66666667%}
.t-col-xxl-push-11{
  left:91.66666667%}
.t-col-xxl-pull-11{
  right:91.66666667%}
.t-col-xxl-offset-11{
  margin-left:91.66666667%}
.t-col-xxl-order-11{
  -webkit-box-ordinal-group:12;
  -ms-flex-order:11;
  order:11}
.t-col-xxl-10{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 83.33333333%;
  flex:0 0 83.33333333%;
  max-width:83.33333333%}
.t-col-xxl-push-10{
  left:83.33333333%}
.t-col-xxl-pull-10{
  right:83.33333333%}
.t-col-xxl-offset-10{
  margin-left:83.33333333%}
.t-col-xxl-order-10{
  -webkit-box-ordinal-group:11;
  -ms-flex-order:10;
  order:10}
.t-col-xxl-9{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%}
.t-col-xxl-push-9{
  left:75%}
.t-col-xxl-pull-9{
  right:75%}
.t-col-xxl-offset-9{
  margin-left:75%}
.t-col-xxl-order-9{
  -webkit-box-ordinal-group:10;
  -ms-flex-order:9;
  order:9}
.t-col-xxl-8{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 66.66666667%;
  flex:0 0 66.66666667%;
  max-width:66.66666667%}
.t-col-xxl-push-8{
  left:66.66666667%}
.t-col-xxl-pull-8{
  right:66.66666667%}
.t-col-xxl-offset-8{
  margin-left:66.66666667%}
.t-col-xxl-order-8{
  -webkit-box-ordinal-group:9;
  -ms-flex-order:8;
  order:8}
.t-col-xxl-7{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 58.33333333%;
  flex:0 0 58.33333333%;
  max-width:58.33333333%}
.t-col-xxl-push-7{
  left:58.33333333%}
.t-col-xxl-pull-7{
  right:58.33333333%}
.t-col-xxl-offset-7{
  margin-left:58.33333333%}
.t-col-xxl-order-7{
  -webkit-box-ordinal-group:8;
  -ms-flex-order:7;
  order:7}
.t-col-xxl-6{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%}
.t-col-xxl-push-6{
  left:50%}
.t-col-xxl-pull-6{
  right:50%}
.t-col-xxl-offset-6{
  margin-left:50%}
.t-col-xxl-order-6{
  -webkit-box-ordinal-group:7;
  -ms-flex-order:6;
  order:6}
.t-col-xxl-5{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 41.66666667%;
  flex:0 0 41.66666667%;
  max-width:41.66666667%}
.t-col-xxl-push-5{
  left:41.66666667%}
.t-col-xxl-pull-5{
  right:41.66666667%}
.t-col-xxl-offset-5{
  margin-left:41.66666667%}
.t-col-xxl-order-5{
  -webkit-box-ordinal-group:6;
  -ms-flex-order:5;
  order:5}
.t-col-xxl-4{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 33.33333333%;
  flex:0 0 33.33333333%;
  max-width:33.33333333%}
.t-col-xxl-push-4{
  left:33.33333333%}
.t-col-xxl-pull-4{
  right:33.33333333%}
.t-col-xxl-offset-4{
  margin-left:33.33333333%}
.t-col-xxl-order-4{
  -webkit-box-ordinal-group:5;
  -ms-flex-order:4;
  order:4}
.t-col-xxl-3{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%}
.t-col-xxl-push-3{
  left:25%}
.t-col-xxl-pull-3{
  right:25%}
.t-col-xxl-offset-3{
  margin-left:25%}
.t-col-xxl-order-3{
  -webkit-box-ordinal-group:4;
  -ms-flex-order:3;
  order:3}
.t-col-xxl-2{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 16.66666667%;
  flex:0 0 16.66666667%;
  max-width:16.66666667%}
.t-col-xxl-push-2{
  left:16.66666667%}
.t-col-xxl-pull-2{
  right:16.66666667%}
.t-col-xxl-offset-2{
  margin-left:16.66666667%}
.t-col-xxl-order-2{
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2}
.t-col-xxl-1{
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 8.33333333%;
  flex:0 0 8.33333333%;
  max-width:8.33333333%}
.t-col-xxl-push-1{
  left:8.33333333%}
.t-col-xxl-pull-1{
  right:8.33333333%}
.t-col-xxl-offset-1{
  margin-left:8.33333333%}
.t-col-xxl-order-1{
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1}
.t-col-xxl-0{
  display:none}
.t-col-push-0{
  left:auto}
.t-col-pull-0{
  right:auto}
.t-col-xxl-push-0{
  left:auto}
.t-col-xxl-pull-0{
  right:auto}
.t-col-xxl-offset-0{
  margin-left:0}
.t-col-xxl-order-0{
  -webkit-box-ordinal-group:1;
  -ms-flex-order:0;
  order:0}
}
.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%)}
.content-placement-top .t-popup[data-popper-placement^=top] .t-popup__content{
  margin-bottom:var(--td-comp-margin-s)}
.content-placement-top .t-popup[data-popper-placement^=top] .t-popup__content--arrow{
  margin-bottom:var(--td-comp-margin-l)}
.content-placement-bottom .t-popup[data-popper-placement^=bottom] .t-popup__content{
  margin-top:var(--td-comp-margin-s)}
.content-placement-bottom .t-popup[data-popper-placement^=bottom] .t-popup__content--arrow{
  margin-top:var(--td-comp-margin-l)}
.content-placement-left .t-popup[data-popper-placement^=left] .t-popup__content{
  margin-right:var(--td-comp-margin-s)}
.content-placement-left .t-popup[data-popper-placement^=left] .t-popup__content--arrow{
  margin-right:var(--td-comp-margin-l)}
.content-placement-left .t-popup[data-popper-placement^=left] .t-popup__content--text{
  max-width:480px}
.content-placement-right .t-popup[data-popper-placement^=right] .t-popup__content{
  margin-left:var(--td-comp-margin-s)}
.content-placement-right .t-popup[data-popper-placement^=right] .t-popup__content--arrow{
  margin-left:var(--td-comp-margin-l)}
.content-placement-right .t-popup[data-popper-placement^=right] .t-popup__content--text{
  max-width:480px}
.t-popup{
  font:var(--td-font-body-medium);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  color:var(--td-text-color-primary);
  display:inline-block;
  z-index:5500}
.t-popup__content{
  position:relative;
  background:var(--td-bg-color-container);
  -webkit-box-shadow:var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);
  box-shadow:var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);
  border-radius:var(--td-radius-medium);
  padding:var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);
  font-size:var(--td-font-size-body-medium);
  line-height:var(--td-line-height-body-medium);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  word-break:break-all}
.t-popup__arrow{
  position:absolute;
  z-index:1;
  width:8px;
  height:8px}
.t-popup__arrow:before{
  position:absolute;
  content:"";
  width:8px;
  height:8px;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  background:var(--td-bg-color-container)}
.t-popup[data-popper-placement^=top] .t-popup__content{
  margin-bottom:var(--td-comp-margin-s)}
.t-popup[data-popper-placement^=top] .t-popup__content--arrow{
  margin-bottom:var(--td-comp-margin-l)}
.t-popup[data-popper-placement^=bottom] .t-popup__content{
  margin-top:var(--td-comp-margin-s)}
.t-popup[data-popper-placement^=bottom] .t-popup__content--arrow{
  margin-top:var(--td-comp-margin-l)}
.t-popup[data-popper-placement^=left] .t-popup__content{
  margin-right:var(--td-comp-margin-s)}
.t-popup[data-popper-placement^=left] .t-popup__content--arrow{
  margin-right:var(--td-comp-margin-l)}
.t-popup[data-popper-placement^=left] .t-popup__content--text{
  max-width:480px}
.t-popup[data-popper-placement^=right] .t-popup__content{
  margin-left:var(--td-comp-margin-s)}
.t-popup[data-popper-placement^=right] .t-popup__content--arrow{
  margin-left:var(--td-comp-margin-l)}
.t-popup[data-popper-placement^=right] .t-popup__content--text{
  max-width:480px}
.t-popup[data-popper-placement^=top] .t-popup__arrow:before{
  border-top-left-radius:100%;
  -webkit-box-shadow:var(--td-shadow-inset-left),var(--td-shadow-inset-bottom);
  box-shadow:var(--td-shadow-inset-left),var(--td-shadow-inset-bottom)}
.t-popup[data-popper-placement=top-start] .t-popup__arrow{
  left:8px}
.t-popup[data-popper-placement=top] .t-popup__arrow{
  left:50%;
  margin-left:-4px}
.t-popup[data-popper-placement=top-end] .t-popup__arrow{
  left:calc(100% - 16px)}
.t-popup[data-popper-placement^=bottom] .t-popup__arrow{
  top:-4px}
.t-popup[data-popper-placement^=bottom] .t-popup__arrow:before{
  border-bottom-right-radius:100%;
  -webkit-box-shadow:var(--td-shadow-inset-top),var(--td-shadow-inset-right);
  box-shadow:var(--td-shadow-inset-top),var(--td-shadow-inset-right)}
.t-popup[data-popper-placement=bottom-start] .t-popup__arrow{
  left:8px}
.t-popup[data-popper-placement=bottom] .t-popup__arrow{
  left:50%;
  margin-left:-4px}
.t-popup[data-popper-placement=bottom-end] .t-popup__arrow{
  left:calc(100% - 16px)}
.t-popup[data-popper-placement^=left] .t-popup__arrow{
  right:-4px}
.t-popup[data-popper-placement^=left] .t-popup__arrow:before{
  -webkit-box-shadow:var(--td-shadow-inset-left),var(--td-shadow-inset-top);
  box-shadow:var(--td-shadow-inset-left),var(--td-shadow-inset-top)}
.t-popup[data-popper-placement=left-start] .t-popup__arrow{
  top:8px}
.t-popup[data-popper-placement=left] .t-popup__arrow{
  top:50%;
  margin-top:-4px}
.t-popup[data-popper-placement=left-end] .t-popup__arrow{
  top:calc(100% - 16px)}
.t-popup[data-popper-placement^=right] .t-popup__arrow{
  left:-4px}
.t-popup[data-popper-placement^=right] .t-popup__arrow:before{
  -webkit-box-shadow:var(--td-shadow-inset-right),var(--td-shadow-inset-bottom);
  box-shadow:var(--td-shadow-inset-right),var(--td-shadow-inset-bottom)}
.t-popup[data-popper-placement=right-start] .t-popup__arrow{
  top:8px}
.t-popup[data-popper-placement=right] .t-popup__arrow{
  top:50%;
  margin-top:-4px}
.t-popup[data-popper-placement=right-end] .t-popup__arrow{
  top:calc(100% - 16px)}
.t-popup--animation-enter,.t-popup--animation-enter-from,.t-popup--animation-exiting,.t-popup--animation-leave-to{
  opacity:0;
  visibility:hidden}
.t-popup--animation-enter-to,.t-popup--animation-entering,.t-popup--animation-leave-from,.t-popup--animation-leave{
  opacity:1;
  visibility:visible;
  -webkit-transform:none;
  transform:none}
.t-popup--animation-enter-active{
  -webkit-transition:opacity .2s linear;
  transition:opacity .2s linear}
.t-popup--animation-leave-active{
  -webkit-transition:opacity .2s cubic-bezier(0,0,.15,1),visibility .2s cubic-bezier(.82,0,1,.9);
  transition:opacity .2s cubic-bezier(0,0,.15,1),visibility .2s cubic-bezier(.82,0,1,.9)}
.t-popup--animation-expand-enter-active[data-popper-placement^=top]{
  -webkit-animation:t-popup-animation-expand-in-top .2s cubic-bezier(.38,0,.24,1),t-fade-in .2s linear;
  animation:t-popup-animation-expand-in-top .2s cubic-bezier(.38,0,.24,1),t-fade-in .2s linear}
.t-popup--animation-expand-leave-active[data-popper-placement^=top]{
  -webkit-animation:t-popup-animation-expand-out-top .2s cubic-bezier(.38,0,.24,1),t-fade-out .2s cubic-bezier(0,0,.15,1);
  animation:t-popup-animation-expand-out-top .2s cubic-bezier(.38,0,.24,1),t-fade-out .2s cubic-bezier(0,0,.15,1)}
@-webkit-keyframes t-popup-animation-expand-in-top{
  0%{
  -webkit-clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%);
  clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%)}
to{
  -webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);
  clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}
}
@keyframes t-popup-animation-expand-in-top{
  0%{
  -webkit-clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%);
  clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%)}
to{
  -webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);
  clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}
}
@-webkit-keyframes t-popup-animation-expand-out-top{
  0%{
  -webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);
  clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}
to{
  -webkit-clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%);
  clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%)}
}
@keyframes t-popup-animation-expand-out-top{
  0%{
  -webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);
  clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}
to{
  -webkit-clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%);
  clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%)}
}
.t-popup--animation-expand-enter-active[data-popper-placement^=bottom]{
  -webkit-animation:t-popup-animation-expand-in-bottom .2s cubic-bezier(.38,0,.24,1),t-fade-in .2s linear;
  animation:t-popup-animation-expand-in-bottom .2s cubic-bezier(.38,0,.24,1),t-fade-in .2s linear}
.t-popup--animation-expand-leave-active[data-popper-placement^=bottom]{
  -webkit-animation:t-popup-animation-expand-out-bottom .2s cubic-bezier(.38,0,.24,1),t-fade-out .2s cubic-bezier(0,0,.15,1);
  animation:t-popup-animation-expand-out-bottom .2s cubic-bezier(.38,0,.24,1),t-fade-out .2s cubic-bezier(0,0,.15,1)}
@-webkit-keyframes t-popup-animation-expand-in-bottom{
  0%{
  -webkit-clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0);
  clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0)}
to{
  -webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);
  clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}
}
@keyframes t-popup-animation-expand-in-bottom{
  0%{
  -webkit-clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0);
  clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0)}
to{
  -webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);
  clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}
}
@-webkit-keyframes t-popup-animation-expand-out-bottom{
  0%{
  -webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);
  clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}
to{
  -webkit-clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0);
  clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0)}
}
@keyframes t-popup-animation-expand-out-bottom{
  0%{
  -webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);
  clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}
to{
  -webkit-clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0);
  clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0)}
}
.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)}
.input-readonly.t-is-readonly{
  color:var(--td-text-color-primary);
  background-color:var(--td-bg-color-specialcomponent)}
.input-readonly.t-is-readonly .t-input__inner{
  cursor:pointer}
.input-disabled.t-is-disabled{
  color:var(--td-text-color-disabled);
  background-color:var(--td-bg-color-component-disabled)}
.input-disabled.t-is-disabled:hover{
  border-color:var(--td-border-level-2-color)}
.input-disabled.t-is-disabled .t-input__inner{
  cursor:not-allowed;
  color:var(--td-text-color-disabled);
  text-overflow:initial}
.input-disabled.t-is-disabled .t-input__inner::-webkit-input-placeholder{
  color:var(--td-text-color-disabled)}
.input-disabled.t-is-disabled .t-input__inner::-moz-placeholder{
  color:var(--td-text-color-disabled)}
.input-disabled.t-is-disabled .t-input__inner:-ms-input-placeholder{
  color:var(--td-text-color-disabled)}
.input-disabled.t-is-disabled .t-input__inner::-ms-input-placeholder{
  color:var(--td-text-color-disabled)}
.input-disabled.t-is-disabled .t-input__inner::placeholder{
  color:var(--td-text-color-disabled)}
.input-disabled.t-is-disabled>.t-input__prefix .t-icon,.input-disabled.t-is-disabled>.t-input__suffix .t-icon{
  color:var(--td-text-color-disabled)}
.input-disabled.t-is-disabled>.t-input__prefix .t-icon:hover,.input-disabled.t-is-disabled>.t-input__suffix .t-icon:hover{
  color:var(--td-text-color-disabled)}
.t-tips{
  font-size:var(--td-font-size-body-small)}
.t-tips.t-is-default{
  color:var(--td-text-color-placeholder)}
.t-tips.t-is-error{
  color:var(--td-error-color)}
.t-tips.t-is-warning{
  color:var(--td-warning-color)}
.t-tips.t-is-success{
  color:var(--td-success-color)}
.t-input{
  margin:0;
  padding:0;
  list-style:none;
  position:relative;
  height:var(--td-comp-size-m);
  border-width:1px;
  border-style:solid;
  border-radius:var(--td-radius-default);
  border-color:var(--td-border-level-2-color);
  padding:0 var(--td-comp-paddingLR-s);
  background-color:var(--td-bg-color-specialcomponent);
  outline:none;
  color:var(--td-text-color-primary);
  font:var(--td-font-body-medium);
  width:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transition:border cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s,-webkit-box-shadow cubic-bezier(.38,0,.24,1) .2s;
  transition:border cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s,-webkit-box-shadow cubic-bezier(.38,0,.24,1) .2s;
  transition:border cubic-bezier(.38,0,.24,1) .2s,box-shadow cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s;
  transition:border cubic-bezier(.38,0,.24,1) .2s,box-shadow cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s,-webkit-box-shadow cubic-bezier(.38,0,.24,1) .2s;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  overflow:hidden}
.t-input:hover{
  border-color:var(--td-brand-color)}
.t-input:focus{
  z-index:1;
  border-color:var(--td-brand-color);
  -webkit-box-shadow:0 0 0 2px var(--td-brand-color-focus);
  box-shadow:0 0 0 2px var(--td-brand-color-focus)}
.t-input--borderless:not(.t-input--focused){
  border-color:transparent;
  -webkit-transition:border cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s,-webkit-box-shadow cubic-bezier(.38,0,.24,1) .2s;
  transition:border cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s,-webkit-box-shadow cubic-bezier(.38,0,.24,1) .2s;
  transition:border cubic-bezier(.38,0,.24,1) .2s,box-shadow cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s;
  transition:border cubic-bezier(.38,0,.24,1) .2s,box-shadow cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s,-webkit-box-shadow cubic-bezier(.38,0,.24,1) .2s}
.t-input--borderless:not(.t-input--focused):hover{
  border-color:var(--td-component-border);
  background-color:var(--td-bg-color-container-hover);
  cursor:pointer}
.t-input--borderless:not(.t-input--focused).t-is-disabled{
  border:none;
  background-color:var(--td-bg-color-component-disabled)}
.t-input--focused{
  border-color:var(--td-brand-color);
  -webkit-box-shadow:0 0 0 2px var(--td-brand-color-focus);
  box-shadow:0 0 0 2px var(--td-brand-color-focus);
  z-index:1}
.t-input:focus-visible{
  outline:none}
.t-input__inner{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  border:none;
  outline:none;
  padding:0;
  max-width:100%;
  min-width:0;
  color:var(--td-text-color-primary);
  font:inherit;
  background-color:transparent;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  white-space:nowrap;
  word-wrap:normal;
  overflow:hidden;
  text-overflow:ellipsis}
.t-input__inner::-webkit-input-placeholder{
  color:var(--td-text-color-placeholder)}
.t-input__inner::-moz-placeholder{
  color:var(--td-text-color-placeholder)}
.t-input__inner:-ms-input-placeholder{
  color:var(--td-text-color-placeholder)}
.t-input__inner::-ms-input-placeholder{
  color:var(--td-text-color-placeholder)}
.t-input__inner::placeholder{
  color:var(--td-text-color-placeholder)}
.t-input__inner:-moz-placeholder{
  text-overflow:ellipsis;
  width:100%}
.t-input__inner:-ms-input-placeholder{
  text-overflow:ellipsis;
  width:100%}
.t-input__inner:placeholder-shown{
  text-overflow:ellipsis;
  width:100%}
.t-input__inner[type=password]::-ms-reveal{
  display:none}
.t-input__inner[type=search]::-webkit-search-decoration,.t-input__inner[type=search]::-webkit-search-cancel-button,.t-input__inner[type=search]::-webkit-search-results-button,.t-input__inner[type=search]::-webkit-search-results-decoration{
  -webkit-appearance:none;
  appearance:none}
.t-input__inner.t-input--soft-hidden{
  width:0}
.t-input__extra{
  font:var(--td-font-body-small);
  color:var(--td-text-color-placeholder)}
.t-input__status{
  position:absolute;
  right:-24px;
  top:0}
.t-input.t-input--suffix>span.t-input__clear{
  opacity:0;
  visibility:hidden;
  -webkit-transition:border cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s,-webkit-box-shadow cubic-bezier(.38,0,.24,1) .2s;
  transition:border cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s,-webkit-box-shadow cubic-bezier(.38,0,.24,1) .2s;
  transition:border cubic-bezier(.38,0,.24,1) .2s,box-shadow cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s;
  transition:border cubic-bezier(.38,0,.24,1) .2s,box-shadow cubic-bezier(.38,0,.24,1) .2s,background-color cubic-bezier(.38,0,.24,1) .2s,-webkit-box-shadow cubic-bezier(.38,0,.24,1) .2s}
.t-input.t-input--suffix:hover>span.t-input__clear{
  opacity:1;
  visibility:visible}
.t-input.t-is-success{
  border-color:var(--td-success-color)}
.t-input.t-is-success:focus{
  -webkit-box-shadow:0 0 0 2px var(--td-success-color-focus);
  box-shadow:0 0 0 2px var(--td-success-color-focus)}
.t-input.t-is-success.t-input--focused{
  -webkit-box-shadow:0 0 0 2px var(--td-success-color-focus);
  box-shadow:0 0 0 2px var(--td-success-color-focus)}
.t-input.t-is-success>.t-input__extra{
  color:var(--td-success-color)}
.t-input.t-is-warning{
  border-color:var(--td-warning-color)}
.t-input.t-is-warning:focus{
  -webkit-box-shadow:0 0 0 2px var(--td-warning-color-focus);
  box-shadow:0 0 0 2px var(--td-warning-color-focus)}
.t-input.t-is-warning.t-input--focused{
  -webkit-box-shadow:0 0 0 2px var(--td-warning-color-focus);
  box-shadow:0 0 0 2px var(--td-warning-color-focus)}
.t-input.t-is-warning>.t-input__extra{
  color:var(--td-warning-color)}
.t-input.t-is-error{
  border-color:var(--td-error-color)}
.t-input.t-is-error:focus{
  -webkit-box-shadow:0 0 0 2px var(--td-error-color-focus);
  box-shadow:0 0 0 2px var(--td-error-color-focus)}
.t-input.t-is-error.t-input--focused{
  -webkit-box-shadow:0 0 0 2px var(--td-error-color-focus);
  box-shadow:0 0 0 2px var(--td-error-color-focus)}
.t-input.t-is-error>.t-input__extra{
  color:var(--td-error-color)}
.t-input.t-is-readonly{
  color:var(--td-text-color-primary);
  background-color:var(--td-bg-color-specialcomponent)}
.t-input.t-is-readonly .t-input__inner{
  cursor:pointer}
.t-input.t-is-disabled{
  color:var(--td-text-color-disabled);
  background-color:var(--td-bg-color-component-disabled)}
.t-input.t-is-disabled:hover{
  border-color:var(--td-border-level-2-color)}
.t-input.t-is-disabled .t-input__inner{
  cursor:not-allowed;
  color:var(--td-text-color-disabled);
  text-overflow:initial}
.t-input.t-is-disabled .t-input__inner::-webkit-input-placeholder{
  color:var(--td-text-color-disabled)}
.t-input.t-is-disabled .t-input__inner::-moz-placeholder{
  color:var(--td-text-color-disabled)}
.t-input.t-is-disabled .t-input__inner:-ms-input-placeholder{
  color:var(--td-text-color-disabled)}
.t-input.t-is-disabled .t-input__inner::-ms-input-placeholder{
  color:var(--td-text-color-disabled)}
.t-input.t-is-disabled .t-input__inner::placeholder{
  color:var(--td-text-color-disabled)}
.t-input.t-is-disabled>.t-input__prefix .t-icon,.t-input.t-is-disabled>.t-input__suffix .t-icon{
  color:var(--td-text-color-disabled)}
.t-input.t-is-disabled>.t-input__prefix .t-icon:hover,.t-input.t-is-disabled>.t-input__suffix .t-icon:hover{
  color:var(--td-text-color-disabled)}
.t-input.t-input--prefix>.t-input__prefix{
  z-index:2;
  height:100%;
  text-align:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-input.t-input--prefix>.t-input__prefix-icon{
  font-size:var(--td-font-size-body-large)}
.t-input.t-input--suffix>.t-input__suffix{
  z-index:2;
  height:100%;
  text-align:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-input.t-input--suffix>.t-input__suffix-icon{
  font-size:var(--td-font-size-body-large)}
.t-input .t-input__suffix-clear{
  cursor:pointer}
.t-input.t-size-l{
  height:var(--td-comp-size-xl);
  font:var(--td-font-body-large);
  padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m)}
.t-input.t-size-s{
  height:var(--td-comp-size-xs);
  font:var(--td-font-body-small)}
.t-input .t-input__prefix>.t-icon,.t-input .t-input__suffix>.t-icon{
  font-size:inherit}
.t-input .t-input__prefix>.t-icon{
  font-size:16px;
  color:var(--td-text-color-placeholder)}
.t-input .t-input__prefix:not(:empty){
  margin-right:var(--td-comp-margin-s)}
.t-input .t-input__suffix>.t-icon{
  color:var(--td-text-color-placeholder);
  -webkit-transition:all .2s linear;
  transition:all .2s linear}
.t-input .t-input__suffix>.t-icon:hover{
  color:var(--td-text-color-secondary);
  -webkit-transition:all .2s linear;
  transition:all .2s linear}
.t-input .t-input__suffix:not(:empty){
  margin-left:var(--td-comp-margin-s)}
.t-input.t-is-focused .t-input__prefix>.t-icon{
  color:var(--td-brand-color)}
.t-input.t-is-focused .t-input__suffix>.t-icon-time,.t-input.t-is-focused .t-input__suffix .t-icon-calendar{
  color:var(--td-brand-color)}
.t-input-group{
  position:relative;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch}
.t-input-group .t-input__wrap{
  border-radius:0}
.t-input-group .t-input__wrap:first-child{
  border-radius:var(--td-radius-default) 0 0 var(--td-radius-default)}
.t-input-group .t-input__wrap:last-child{
  border-radius:0 var(--td-radius-default) var(--td-radius-default) 0}
.t-input-group .t-button,.t-input-group .t-select{
  border-radius:0}
.t-input-group .t-button:not(:first-child),.t-input-group .t-select:not(:first-child){
  margin-left:-1px}
.t-input-group .t-input__wrap:not(:first-child) .t-input{
  margin-left:-1px}
.t-input-group .t-input__wrap:first-child .t-input{
  border-radius:var(--td-radius-default) 0 0 var(--td-radius-default)}
.t-input-group .t-input__wrap:last-child .t-input{
  border-radius:0 var(--td-radius-default) var(--td-radius-default) 0}
.t-input-group .t-button:first-child,.t-input-group .t-select:first-child{
  border-radius:var(--td-radius-default) 0 0 var(--td-radius-default)}
.t-input-group .t-button:last-child,.t-input-group .t-select:last-child{
  border-radius:0 var(--td-radius-default) var(--td-radius-default) 0}
.t-input-group--separate .t-input__wrap+.t-input__wrap{
  margin-left:var(--td-comp-margin-xxxl)}
.t-input-group--separate .t-button,.t-input-group--separate .t-select{
  border-radius:var(--td-radius-default)}
.t-input-group--separate .t-button:first-child,.t-input-group--separate .t-select:first-child{
  border-radius:var(--td-radius-default) 0 0 var(--td-radius-default)}
.t-input-group--separate .t-button:last-child,.t-input-group--separate .t-select:last-child{
  border-radius:0 var(--td-radius-default) var(--td-radius-default) 0}
.t-input-group--separate .t-input__wrap .t-input,.t-input-group--separate .t-input__wrap .t-input:first-child{
  border-radius:var(--td-radius-default)}
.t-input-group--separate .t-input__wrap .t-input:last-child{
  border-radius:var(--td-radius-default)}
.t-input-group .t-input__inner,.t-input-group .t-button,.t-input-group .t-select{
  position:relative;
  z-index:0}
.t-input-group .t-input__inner:hover,.t-input-group .t-button:hover,.t-input-group .t-select:hover,.t-input-group .t-input__inner:focus,.t-input-group .t-button:focus,.t-input-group .t-select:focus,.t-input-group .t-input__inner:active,.t-input-group .t-button:active,.t-input-group .t-select:active{
  z-index:1}
.t-input__wrap{
  width:100%}
.t-input__tips{
  height:auto;
  min-height:var(--td-line-height-body-small);
  font:var(--td-font-body-small);
  position:absolute}
.t-input__tips--default{
  color:var(--td-text-color-placeholder)}
.t-input__tips--success{
  color:var(--td-success-color)}
.t-input__tips--warning{
  color:var(--td-warning-color)}
.t-input__tips--error{
  color:var(--td-error-color)}
.t-align-center>.t-input__inner{
  text-align:center}
.t-align-right>.t-input__inner{
  text-align:right}
.t-input__input-pre{
  position:absolute;
  visibility:hidden;
  white-space:pre;
  display:block}
.t-input--auto-width{
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  min-width:60px}
.t-input__limit-number{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-placeholder);
  background:var(--td-bg-color-specialcomponent)}
.t-input__limit-number.t-is-disabled{
  background:var(--td-bg-color-component-disabled)}
.t-input-adornment{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-input-adornment__prepend .t-input,.t-input-adornment__append .t-input,.t-input-adornment__prepend .t-textarea__inner,.t-input-adornment__append .t-textarea__inner{
  background-color:transparent}
.t-input-adornment__prepend{
  background-color:var(--td-bg-color-secondarycontainer);
  color:var(--td-text-color-primary);
  word-break:keep-all;
  margin-right:-1px}
.t-input-adornment__append{
  background-color:var(--td-bg-color-secondarycontainer);
  color:var(--td-text-color-primary);
  word-break:keep-all;
  margin-left:-1px}
.t-input-adornment__text{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  height:100%;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  white-space:nowrap;
  padding:0 var(--td-comp-paddingLR-s);
  border:1px solid var(--td-border-level-2-color)}
.t-input-adornment>:first-child{
  border-radius:var(--td-radius-default) 0 0 var(--td-radius-default)}
.t-input-adornment>:first-child .t-input,.t-input-adornment>:first-child .t-input-adornment__text,.t-input-adornment>:first-child .t-textarea__inner{
  border-radius:var(--td-radius-default) 0 0 var(--td-radius-default)}
.t-input-adornment>:last-child{
  border-radius:0 var(--td-radius-default) var(--td-radius-default) 0}
.t-input-adornment>:last-child .t-input,.t-input-adornment>:last-child .t-input-adornment__text,.t-input-adornment>:last-child .t-textarea__inner{
  border-radius:0 var(--td-radius-default) var(--td-radius-default) 0}
.t-input-adornment>:not(:last-child):hover{
  z-index:2}
.t-input-adornment>:not(:first-child):not(:last-child) .t-input,.t-input-adornment>:not(:first-child):not(:last-child) .t-textarea__inner{
  border-radius:0}
.t-alert{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
  opacity:1;
  -webkit-transition:opacity .2s;
  transition:opacity .2s;
  border-radius:var(--td-radius-medium)}
.t-alert.t-is-hidden{
  display:none}
.t-alert--closing{
  opacity:0}
.t-alert--info{
  background-color:var(--td-brand-color-focus)}
.t-alert--info .t-alert__icon,.t-alert--info .t-alert__swiper-trigger-wrap,.t-alert--info .t-alert__swiper-trigger--active{
  color:var(--td-brand-color)}
.t-alert--success{
  background-color:var(--td-success-color-focus)}
.t-alert--success .t-alert__icon{
  color:var(--td-success-color)}
.t-alert--success .t-alert__swiper-trigger-wrap{
  color:var(--td-success-color-focus)}
.t-alert--success .t-alert__swiper-trigger--active{
  color:var(--td-success-color)}
.t-alert--warning{
  background-color:var(--td-warning-color-focus)}
.t-alert--warning .t-alert__icon{
  color:var(--td-warning-color)}
.t-alert--warning .t-alert__swiper-trigger-wrap{
  color:var(--td-warning-color-focus)}
.t-alert--warning .t-alert__swiper-trigger--active{
  color:var(--td-warning-color)}
.t-alert--error{
  background-color:var(--td-error-color-focus)}
.t-alert--error .t-alert__icon{
  color:var(--td-error-color)}
.t-alert--error .t-alert__swiper-trigger-wrap{
  color:var(--td-error-color-focus)}
.t-alert--error .t-alert__swiper-trigger--active{
  color:var(--td-error-color)}
.t-alert__icon{
  font-size:var(--td-line-height-body-medium);
  display:inherit}
.t-alert__icon,.t-alert__close{
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  line-height:var(--td-line-height-body-small)}
.t-alert__content{
  -webkit-box-flex:1;
  -ms-flex:1 1 0px;
  flex:1 1 0;
  font-size:var(--td-font-size-body-medium);
  line-height:var(--td-line-height-body-medium);
  overflow:hidden}
.t-alert__title,.t-alert__message{
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-alert__title{
  color:var(--td-text-color-primary);
  font-weight:700}
.t-alert__title+.t-alert__message{
  margin-top:var(--td-comp-margin-s)}
.t-alert__description{
  color:var(--td-text-color-secondary);
  -webkit-box-flex:0;
  -ms-flex:0 1 auto;
  flex:0 1 auto;
  -webkit-transition:height .2s;
  transition:height .2s}
.t-alert__operation{
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  padding:0 var(--td-comp-paddingLR-s);
  color:var(--td-brand-color);
  cursor:pointer;
  -webkit-transition:color .2s;
  transition:color .2s}
.t-alert__operation:hover{
  color:var(--td-brand-color-hover)}
.t-alert__operation:active{
  color:var(--td-brand-color-active)}
.t-alert__icon+.t-alert__content{
  margin-left:var(--td-comp-margin-s)}
.t-alert__collapse{
  margin-top:var(--td-comp-margin-s);
  color:var(--td-brand-color);
  cursor:pointer}
.t-alert__close{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-left:var(--td-comp-margin-l);
  color:var(--td-text-color-secondary);
  cursor:pointer;
  -webkit-transition:color .2s;
  transition:color .2s}
.t-alert__close:hover{
  color:var(--td-text-color-primary)}
.t-alert__close>.t-icon{
  font-size:calc(var(--td-line-height-body-medium) - 2px);
  padding:calc((var(--td-line-height-body-medium) - calc(var(--td-line-height-body-medium) - 2px)) / 2) 0}
.t-badge{
  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;
  display:inline-block}
.t-badge--dot,.t-badge--circle,.t-badge--round{
  position:absolute;
  top:0;
  right:0;
  color:var(--td-text-color-anti);
  text-align:center;
  font:var(--td-font-body-small);
  -webkit-transform:translate(50%,-50%);
  transform:translate(50%,-50%);
  -webkit-transform-origin:100% 0;
  transform-origin:100% 0;
  -webkit-box-sizing:content-box;
  box-sizing:content-box}
.t-badge--static{
  position:static;
  display:inline-block;
  -webkit-transform:none;
  transform:none}
.t-badge--dot{
  right:1px;
  margin-top:1px;
  width:6px;
  height:6px;
  border-radius:var(--td-radius-circle);
  background-color:var(--td-error-color)}
.t-badge--circle,.t-badge--round{
  padding-right:calc((var(--td-comp-size-xxs) - 8px) / 2);
  padding-left:calc((var(--td-comp-size-xxs) - 8px) / 2);
  min-width:8px;
  height:var(--td-comp-size-xxs);
  background-color:var(--td-error-color);
  line-height:var(--td-comp-size-xxs)}
.t-badge--circle.t-size-s,.t-badge--round.t-size-s{
  padding-right:calc((var(--td-comp-size-xxxs) - 8px) / 2);
  padding-left:calc((var(--td-comp-size-xxxs) - 8px) / 2);
  min-width:8px;
  height:var(--td-comp-size-xxxs);
  line-height:var(--td-comp-size-xxxs)}
.t-badge--circle{
  border-radius:calc(var(--td-comp-size-xxs) / 2)}
.t-badge--round{
  border-radius:var(--td-radius-default)}
.t-radio-group{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  max-width:100%;
  border-radius:var(--td-radius-default);
  -ms-flex-wrap:wrap;
  flex-wrap:wrap}
@-moz-document url-prefix(){
  .t-radio-group{
  scrollbar-color:var(--td-scrollbar-color) transparent;
  scrollbar-width:thin}
}
.t-radio-group::-webkit-scrollbar{
  width:4px;
  height:4px}
.t-radio-group::-webkit-scrollbar-thumb{
  border:0px solid transparent;
  background-clip:content-box;
  background-color:var(--td-scrollbar-color);
  border-radius:7px}
.t-radio-group::-webkit-scrollbar-thumb:vertical:hover,.t-radio-group::-webkit-scrollbar-thumb:horizontal:hover{
  background-color:var(--td-scrollbar-hover-color)}
.t-radio-group .t-radio{
  margin-right:var(--td-comp-margin-xxl)}
.t-radio-group.t-radio-group__outline{
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  row-gap:var(--td-comp-margin-xs)}
.t-radio-group.t-radio-group__outline.t-size-s .t-radio-button{
  height:var(--td-comp-size-xs)}
.t-radio-group.t-radio-group__outline.t-size-m .t-radio-button{
  height:var(--td-comp-size-m)}
.t-radio-group.t-radio-group__outline.t-size-l .t-radio-button{
  height:var(--td-comp-size-xl)}
.t-radio-group.t-radio-group__outline .t-radio-button:first-child{
  border-radius:var(--td-radius-default) 0 0 var(--td-radius-default)}
.t-radio-group.t-radio-group__outline .t-radio-button:last-child{
  border-radius:0 var(--td-radius-default) var(--td-radius-default) 0}
.t-radio-group.t-radio-group__outline .t-radio-button:only-child{
  border-radius:var(--td-radius-default)}
.t-radio-group.t-radio-group__outline .t-radio-button.t-is-checked{
  color:var(--td-brand-color)}
.t-radio-group.t-radio-group__outline .t-radio-button.t-is-disabled.t-is-checked{
  color:var(--td-brand-color-disabled);
  border-color:var(--td-brand-color-disabled);
  background-color:var(--td-bg-color-specialcomponent)}
.t-radio-group.t-radio-group--filled{
  border-color:var(--td-bg-color-component);
  padding:var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);
  border-radius:var(--td-radius-default);
  background-color:var(--td-bg-color-component);
  position:relative}
.t-radio-group.t-radio-group--filled .t-radio-group__bg-block{
  position:absolute;
  left:2px;
  top:2px;
  width:0;
  height:calc(100% - 4px);
  background-color:var(--td-bg-color-container-select);
  -webkit-transition:all .2s cubic-bezier(.38,0,.24,1);
  transition:all .2s cubic-bezier(.38,0,.24,1);
  border-radius:var(--td-radius-small)}
.t-radio-group.t-radio-group--filled .t-radio-button{
  color:var(--td-text-color-secondary);
  border:0;
  background-color:transparent}
.t-radio-group.t-radio-group--filled .t-radio-button:hover{
  color:var(--td-text-color-primary)}
.t-radio-group.t-radio-group--filled .t-radio-button:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  width:1px;
  height:calc(100% - 16px);
  background-color:var(--td-component-border);
  -webkit-transition:opacity .2s cubic-bezier(0,0,.15,1);
  transition:opacity .2s cubic-bezier(0,0,.15,1)}
.t-radio-group.t-radio-group--filled .t-radio-button:first-child:before{
  opacity:0}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked{
  position:relative;
  color:var(--td-text-color-primary);
  z-index:1;
  border:0;
  -webkit-transition:color .2s linear;
  transition:color .2s linear}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked:before{
  opacity:0}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked+label:before{
  opacity:0}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled{
  background-color:transparent}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled.t-is-checked{
  color:var(--td-text-color-disabled)}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled.t-is-checked~.t-radio-group__bg-block{
  background-color:var(--td-bg-color-component-disabled)}
.t-radio-group.t-radio-group--primary-filled .t-radio-group__bg-block{
  background-color:var(--td-brand-color)}
.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-checked,.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-disabled.t-is-checked{
  color:var(--td-text-color-anti)}
.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-disabled.t-is-checked~.t-radio-group__bg-block{
  background-color:var(--td-brand-color-disabled)}
.t-radio-group.t-size-s .t-radio-button{
  height:calc(var(--td-comp-size-xs) - (var(--td-comp-paddingTB-xxs) * 2));
  padding:0px var(--td-comp-paddingLR-s);
  font:var(--td-font-body-small)}
.t-radio-group.t-size-s .t-radio-button:before{
  height:calc(100% - 16px)}
.t-radio-group.t-size-m .t-radio-button{
  height:calc(var(--td-comp-size-m) - (var(--td-comp-paddingTB-xxs) * 2));
  padding:var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-l);
  font:var(--td-font-body-medium)}
.t-radio-group.t-size-m .t-radio-button:before{
  height:calc(100% - 20px)}
.t-radio-group.t-size-l .t-radio-button{
  height:calc(var(--td-comp-size-xl) - (var(--td-comp-paddingTB-xxs) * 2));
  padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-xl);
  font:var(--td-font-body-large)}
.t-radio-group.t-size-l .t-radio-button:before{
  height:calc(100% - 24px)}
.t-radio-group .t-radio-button{
  cursor:pointer;
  position:relative;
  border:1px solid;
  border-color:var(--td-border-level-2-color);
  border-right:0;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-transition:color .2s cubic-bezier(0,0,.15,1);
  transition:color .2s cubic-bezier(0,0,.15,1);
  color:var(--td-text-color-primary);
  white-space:nowrap;
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-radio-group .t-radio-button:first-child{
  border-radius:var(--td-radius-small) 0 0 var(--td-radius-small)}
.t-radio-group .t-radio-button:last-child{
  border-right:1px solid;
  border-right-color:var(--td-border-level-2-color);
  border-radius:0 var(--td-radius-small) var(--td-radius-small) 0}
.t-radio-group .t-radio-button__former{
  opacity:0;
  height:0;
  width:0;
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none}
.t-radio-group .t-radio-button:hover{
  color:var(--td-brand-color)}
.t-radio-group .t-radio-button.t-is-checked{
  border-right:1px solid;
  border-color:var(--td-brand-color);
  -webkit-transition:border-color .2s cubic-bezier(0,0,.15,1);
  transition:border-color .2s cubic-bezier(0,0,.15,1)}
.t-radio-group .t-radio-button.t-is-checked+.t-radio-button{
  border-left:0}
.t-radio-group .t-radio-button.t-is-disabled{
  cursor:not-allowed;
  color:var(--td-text-color-disabled);
  background-color:var(--td-bg-color-component-disabled)}
.t-radio-group .t-radio-button.t-is-disabled:hover{
  border-color:var(--td-border-level-2-color);
  color:var(--td-text-color-disabled)}
.t-radio-group .t-radio-button.t-is-disabled:hover:after{
  width:0}
.t-radio-group .t-radio-button.t-is-disabled.t-is-checked{
  color:var(--td-text-color-disabled)}
.t-radio-group .t-radio-button.t-is-disabled.t-is-checked:after{
  width:0}
.t-radio{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  position:relative;
  cursor:pointer;
  display:inline-block}
.t-radio__former{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  opacity:0;
  position:absolute}
.t-radio__input{
  position:relative;
  display:inline-block;
  width:16px;
  height:16px;
  vertical-align:middle;
  border-radius:var(--td-radius-circle);
  border:1px solid var(--td-border-level-2-color);
  background-color:var(--td-bg-color-container);
  -webkit-transition:border .2s cubic-bezier(0,0,.15,1);
  transition:border .2s cubic-bezier(0,0,.15,1)}
.t-radio__input:after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:16px;
  height:16px;
  margin-top:-8px;
  margin-left:-8px;
  -webkit-transform:scale(.5);
  transform:scale(.5);
  opacity:0;
  border-radius:var(--td-radius-circle);
  background-color:var(--td-brand-color);
  -webkit-transition:all .2s cubic-bezier(0,0,.15,1);
  transition:all .2s cubic-bezier(0,0,.15,1)}
.t-radio__label{
  display:inline-block;
  margin-left:var(--td-comp-margin-s);
  color:var(--td-text-color-primary);
  vertical-align:middle;
  font:var(--td-font-body-medium);
  white-space:nowrap}
.t-radio:hover .t-radio__input,.t-radio.t-is-checked .t-radio__input{
  border-color:var(--td-brand-color)}
.t-radio.t-is-checked .t-radio__input:after{
  opacity:1}
.t-radio.t-is-disabled{
  cursor:not-allowed}
.t-radio.t-is-disabled .t-radio__label{
  color:var(--td-text-color-disabled)}
.t-radio.t-is-disabled .t-radio__input{
  background-color:var(--td-bg-color-component-disabled)}
.t-radio.t-is-disabled:hover .t-radio__input,.t-radio.t-is-disabled.t-is-checked .t-radio__input{
  border-color:var(--td-border-level-2-color)}
.t-radio.t-is-disabled.t-is-checked .t-radio__input:after{
  background-color:var(--td-text-color-disabled)}
.t-radio:focus-visible:focus-visible{
  outline:2px solid var(--td-brand-color);
  outline-offset:var(--td-comp-paddingTB-xs);
  border-radius:0}
.t-checkbox-group{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  gap:16px}
.t-checkbox{
  font:var(--td-font-body-medium);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative;
  cursor:pointer;
  color:var(--td-text-color-primary)}
.t-checkbox+.t-checkbox{
  margin-left:inherit}
.t-checkbox__former{
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  outline:0;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none}
.t-checkbox__input{
  position:relative;
  display:inline-block;
  width:16px;
  height:16px;
  vertical-align:middle;
  border:1px solid var(--td-border-level-2-color);
  border-radius:var(--td-radius-default);
  background-color:var(--td-bg-color-container);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -ms-flex-negative:0;
  flex-shrink:0}
.t-checkbox__input:after{
  content:"";
  position:absolute;
  opacity:0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-checkbox__label{
  display:inline-block;
  margin-left:8px;
  vertical-align:middle;
  font:var(--td-font-body-medium)}
.t-checkbox:hover .t-checkbox__input{
  border-color:var(--td-brand-color);
  -webkit-transition:border-color .2s linear;
  transition:border-color .2s linear}
.t-checkbox.t-is-checked .t-checkbox__input{
  border-color:var(--td-brand-color);
  background-color:var(--td-brand-color);
  -webkit-transition:background-color .2s cubic-bezier(.82,0,1,.9);
  transition:background-color .2s cubic-bezier(.82,0,1,.9)}
.t-checkbox.t-is-checked .t-checkbox__input:after{
  opacity:1;
  top:6px;
  left:3px;
  width:5px;
  height:9px;
  border:2px solid var(--td-text-color-anti);
  border-radius:0 0 1px;
  border-top:0;
  border-left:0;
  -webkit-transform:rotate(45deg) scale(1) translate(-50%,-50%);
  transform:rotate(45deg) scale(1) translate(-50%,-50%);
  background:transparent}
.t-checkbox.t-is-indeterminate .t-checkbox__input{
  border-color:var(--td-brand-color);
  background-color:var(--td-brand-color);
  -webkit-transition:background-color .2s cubic-bezier(.82,0,1,.9);
  transition:background-color .2s cubic-bezier(.82,0,1,.9)}
.t-checkbox.t-is-indeterminate .t-checkbox__input:after{
  opacity:1;
  width:16px;
  height:4px;
  left:-1px;
  right:0;
  top:5px;
  border:unset;
  -webkit-transform:scale(.5);
  transform:scale(.5);
  background-color:var(--td-font-white-1)}
.t-checkbox.t-is-disabled{
  cursor:not-allowed}
.t-checkbox.t-is-disabled .t-checkbox__label{
  color:var(--td-text-color-disabled)}
.t-checkbox.t-is-disabled .t-checkbox__input{
  background-color:var(--td-bg-color-component-disabled)}
.t-checkbox.t-is-disabled:hover .t-checkbox__input,.t-checkbox.t-is-disabled.t-is-checked .t-checkbox__input{
  border-color:var(--td-border-level-2-color)}
.t-checkbox.t-is-disabled.t-is-checked .t-checkbox__input:after{
  border-color:var(--td-text-color-disabled)}
.t-checkbox.t-is-disabled.t-is-indeterminate .t-checkbox__input{
  border-color:var(--td-border-level-2-color)}
.t-checkbox.t-is-disabled.t-is-indeterminate .t-checkbox__input:after{
  background-color:var(--td-text-color-disabled)}
.t-checkbox:focus-visible:focus-visible{
  outline:2px solid var(--td-brand-color);
  outline-offset:var(--td-comp-paddingTB-xs);
  border-radius:0}
.t-input-number{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  margin:0;
  padding:0;
  list-style:none;
  display:inline-block;
  position:relative;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:0 var(--td-comp-size-m);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  width:144px}
.t-input-number:not(.t-input-number--column)>.t-input-number__decrease+.t-input__wrap{
  margin-left:var(--td-comp-margin-xs)}
.t-input-number input::-webkit-outer-spin-button,.t-input-number input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  appearance:none}
.t-input-number input[type=number]{
  -webkit-appearance:textfield;
  -moz-appearance:textfield;
  appearance:textfield}
.t-input-number>.t-input__tips{
  position:absolute;
  left:0}
.t-input-number input+.t-input__suffix{
  margin-left:var(--td-comp-paddingLR-s)}
.t-input-number .t-input__prefix{
  margin-right:var(--td-comp-paddingLR-s)}
.t-input-number .t-input{
  color:var(--td-text-color-primary)}
.t-input-number.t-input-number--auto-width{
  width:auto}
.t-input-number.t-input-number--auto-width.t-is-controls-right{
  min-width:auto;
  width:auto}
.t-input-number.t-input-number--auto-width .t-input__inner{
  min-width:42px}
.t-input-number .t-input-number__decrease,.t-input-number .t-input-number__increase{
  width:var(--td-comp-size-m);
  height:var(--td-comp-size-m);
  position:absolute;
  top:0;
  border:1px solid var(--td-border-level-2-color);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:var(--td-radius-default);
  background-color:transparent;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  z-index:1;
  cursor:pointer;
  -webkit-transition:all cubic-bezier(.38,0,.24,1) .2s;
  transition:all cubic-bezier(.38,0,.24,1) .2s}
.t-input-number .t-input-number__decrease:hover,.t-input-number .t-input-number__increase:hover{
  color:var(--td-brand-color);
  border-color:var(--td-brand-color)}
.t-input-number .t-input-number__decrease:hover .t-icon,.t-input-number .t-input-number__increase:hover .t-icon{
  color:var(--td-brand-color)}
.t-input-number .t-input-number__decrease:active,.t-input-number .t-input-number__increase:active{
  color:var(--td-brand-color);
  background-color:var(--td-bg-color-container-hover)}
.t-input-number .t-input-number__decrease .t-icon,.t-input-number .t-input-number__increase .t-icon{
  position:relative;
  z-index:1;
  font-size:var(--td-font-size-body-large);
  color:var(--td-text-color-secondary)}
.t-input-number .t-input-number__decrease.t-is-disabled,.t-input-number .t-input-number__increase.t-is-disabled{
  color:var(--td-text-color-disabled);
  cursor:no-drop;
  background-color:var(--td-bg-color-component-disabled)}
.t-input-number .t-input-number__decrease.t-is-disabled .t-icon,.t-input-number .t-input-number__increase.t-is-disabled .t-icon{
  color:var(--td-text-color-disabled)}
.t-input-number .t-input-number__decrease.t-is-disabled:hover,.t-input-number .t-input-number__increase.t-is-disabled:hover{
  border-color:var(--td-border-level-2-color)}
.t-input-number .t-input-number__decrease.t-is-disabled:hover .t-icon,.t-input-number .t-input-number__increase.t-is-disabled:hover .t-icon{
  color:var(--td-text-color-disabled)}
.t-input-number .t-input-number__decrease.t-is-disabled::-webkit-input-placeholder,.t-input-number .t-input-number__increase.t-is-disabled::-webkit-input-placeholder{
  color:var(--td-text-color-disabled)}
.t-input-number .t-input-number__decrease.t-is-disabled::-moz-placeholder,.t-input-number .t-input-number__increase.t-is-disabled::-moz-placeholder{
  color:var(--td-text-color-disabled)}
.t-input-number .t-input-number__decrease.t-is-disabled:-ms-input-placeholder,.t-input-number .t-input-number__increase.t-is-disabled:-ms-input-placeholder{
  color:var(--td-text-color-disabled)}
.t-input-number .t-input-number__decrease.t-is-disabled::-ms-input-placeholder,.t-input-number .t-input-number__increase.t-is-disabled::-ms-input-placeholder{
  color:var(--td-text-color-disabled)}
.t-input-number .t-input-number__decrease.t-is-disabled::placeholder,.t-input-number .t-input-number__increase.t-is-disabled::placeholder{
  color:var(--td-text-color-disabled)}
.t-input-number .t-input-number__decrease{
  left:0}
.t-input-number .t-input-number__increase{
  right:-8px}
.t-input-number.t-is-disabled .t-input{
  cursor:no-drop;
  background-color:var(--td-bg-color-component-disabled);
  color:var(--td-text-color-disabled)}
.t-input-number.t-is-disabled .t-input:hover,.t-input-number.t-is-disabled .t-input:focus,.t-input-number.t-is-disabled .t-input:active{
  border-color:var(--td-border-level-2-color)}
.t-input-number.t-is-disabled .t-input-number__decrease,.t-input-number.t-is-disabled .t-input-number__increase{
  color:var(--td-text-color-disabled);
  cursor:no-drop;
  background-color:var(--td-bg-color-component-disabled)}
.t-input-number.t-is-disabled .t-input-number__decrease .t-icon,.t-input-number.t-is-disabled .t-input-number__increase .t-icon{
  color:var(--td-text-color-secondary)}
.t-input-number.t-size-s{
  width:120px;
  padding:0 var(--td-comp-size-xs)}
.t-input-number.t-size-s .t-input{
  font-size:var(--td-font-size-body-small);
  height:var(--td-comp-size-xs);
  line-height:var(--td-comp-size-xs)}
.t-input-number.t-size-s .t-input-number__decrease,.t-input-number.t-size-s .t-input-number__increase{
  font-size:var(--td-font-size-body-medium);
  width:var(--td-comp-size-xs);
  height:var(--td-comp-size-xs)}
.t-input-number.t-size-l{
  width:168px;
  padding:0 var(--td-comp-size-xl)}
.t-input-number.t-size-l .t-input{
  height:var(--td-comp-size-xl);
  line-height:var(--td-comp-size-xl)}
.t-input-number.t-size-l .t-input-number__decrease,.t-input-number.t-size-l .t-input-number__increase{
  font-size:18px;
  width:var(--td-comp-size-xl);
  height:var(--td-comp-size-xl)}
.t-input-number.t-size-l.t-is-controls-right .t-input{
  height:var(--td-comp-size-xl);
  line-height:var(--td-comp-size-xl);
  padding-right:calc(var(--td-comp-size-xl) + var(--td-comp-paddingLR-s))}
.t-input-number.t-size-l.t-is-controls-right .t-input-number__decrease,.t-input-number.t-size-l.t-is-controls-right .t-input-number__increase{
  width:var(--td-comp-size-xl);
  font-size:var(--td-font-size-body-large)}
.t-input-number.t-size-l .t-input--prefix{
  font:var(--td-font-body-large);
  padding:0 var(--td-comp-paddingLR-m)}
.t-input-number.t-input-number--normal{
  padding:0;
  border-radius:var(--td-radius-default)}
.t-input-number.t-input-number--normal.t-is-disabled{
  cursor:no-drop;
  color:var(--td-text-color-disabled)}
.t-input-number.t-input-number--normal.t-is-disabled:hover .t-input{
  border-color:var(--td-border-level-2-color)}
.t-input-number.t-input-number--normal.t-is-disabled::-webkit-input-placeholder{
  color:var(--td-text-color-disabled)}
.t-input-number.t-input-number--normal.t-is-disabled::-moz-placeholder{
  color:var(--td-text-color-disabled)}
.t-input-number.t-input-number--normal.t-is-disabled:-ms-input-placeholder{
  color:var(--td-text-color-disabled)}
.t-input-number.t-input-number--normal.t-is-disabled::-ms-input-placeholder{
  color:var(--td-text-color-disabled)}
.t-input-number.t-input-number--normal.t-is-disabled::placeholder{
  color:var(--td-text-color-disabled)}
.t-input-number.t-input-number--normal.t-is-disabled .t-input:focus{
  -webkit-box-shadow:none;
  box-shadow:none}
.t-input-number.t-is-controls-right{
  width:96px;
  padding:0}
.t-input-number.t-is-controls-right:hover .t-input-number__decrease,.t-input-number.t-is-controls-right:hover .t-input-number__increase{
  opacity:1;
  visibility:visible}
.t-input-number.t-is-controls-right .t-input{
  width:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding-right:calc(var(--td-comp-size-m) + var(--td-comp-paddingLR-s));
  border-radius:var(--td-radius-default)}
.t-input-number.t-is-controls-right .t-input-number__decrease,.t-input-number.t-is-controls-right .t-input-number__increase{
  width:var(--td-comp-size-m);
  height:calc(calc(var(--td-comp-size-m) / 2) - 2px);
  border:0;
  left:initial;
  top:initial;
  right:1px;
  border-radius:0;
  background:var(--td-bg-color-secondarycontainer);
  opacity:0;
  visibility:hidden;
  z-index:2}
.t-input-number.t-is-controls-right .t-input-number__decrease .t-icon,.t-input-number.t-is-controls-right .t-input-number__increase .t-icon{
  font-size:var(--td-font-size-body-small)}
.t-input-number.t-is-controls-right .t-input-number__decrease:hover,.t-input-number.t-is-controls-right .t-input-number__increase:hover{
  background:var(--td-bg-color-component-hover)}
.t-input-number.t-is-controls-right .t-input-number__decrease:hover .t-icon,.t-input-number.t-is-controls-right .t-input-number__increase:hover .t-icon{
  color:var(--td-text-color-primary)}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled{
  color:var(--td-text-color-disabled);
  cursor:no-drop;
  background-color:var(--td-bg-color-component-disabled)}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled .t-icon,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled .t-icon{
  color:var(--td-text-color-disabled)}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:hover,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:hover{
  border-color:var(--td-border-level-2-color)}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:hover .t-icon,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:hover .t-icon{
  color:var(--td-text-color-disabled)}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-webkit-input-placeholder,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-webkit-input-placeholder{
  color:var(--td-text-color-disabled)}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-moz-placeholder,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-moz-placeholder{
  color:var(--td-text-color-disabled)}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:-ms-input-placeholder,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:-ms-input-placeholder{
  color:var(--td-text-color-disabled)}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-ms-input-placeholder,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-ms-input-placeholder{
  color:var(--td-text-color-disabled)}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::placeholder,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::placeholder{
  color:var(--td-text-color-disabled)}
.t-input-number.t-is-controls-right .t-input-number__increase{
  top:1px;
  border-top-right-radius:calc(var(--td-radius-default) - 1px)}
.t-input-number.t-is-controls-right .t-input-number__decrease{
  top:calc(calc(calc(var(--td-comp-size-m) / 2) - 2px) + 3px);
  border-bottom-right-radius:calc(var(--td-radius-default) - 1px)}
.t-input-number.t-is-controls-right.t-size-l{
  width:120px}
.t-input-number.t-is-controls-right.t-size-l .t-input-number__increase,.t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease{
  height:calc(calc(var(--td-comp-size-xl) / 2) - 2px)}
.t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease{
  top:calc(calc(calc(var(--td-comp-size-xl) / 2) - 2px) + 3px)}
.t-input-number.t-is-controls-right.t-size-s{
  width:88px}
.t-input-number.t-is-controls-right.t-size-s .t-input-number__increase,.t-input-number.t-is-controls-right.t-size-s .t-input-number__decrease{
  height:calc(calc(var(--td-comp-size-xs) / 2) - 2px)}
.t-input-number.t-is-controls-right.t-size-s .t-input-number__decrease{
  top:calc(calc(calc(var(--td-comp-size-xs) / 2) - 2px) + 3px)}
.t-input-number--row .t-input__wrap{
  width:initial;
  margin-right:var(--td-comp-margin-xs)}
.t-input-number--row .t-input-number__increase{
  right:0}
.default-step-icon{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:22px;
  height:22px;
  text-align:center;
  border-radius:var(--td-radius-circle);
  font-size:var(--td-font-size-body-large)}
.t-steps{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:100%}
.t-steps .t-steps-item{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  overflow:hidden;
  vertical-align:top;
  margin-right:var(--td-comp-margin-s);
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-steps .t-steps-item:last-child{
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none}
.t-steps .t-steps-item__inner{
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-steps .t-steps-item__inner.t-steps-item--clickable{
  cursor:pointer}
.t-steps .t-steps-item--finish .t-steps-item__icon .t-icon{
  color:var(--td-brand-color)}
.t-steps .t-steps-item--finish .t-steps-item__icon--number{
  border-color:var(--td-brand-color)}
.t-steps .t-steps-item--finish .t-steps-item__title{
  color:var(--td-text-color-primary);
  font-weight:400}
.t-steps .t-steps-item--finish .t-steps-item__description{
  color:var(--td-text-color-secondary)}
.t-steps .t-steps-item--process .t-steps-item__icon .t-icon{
  color:var(--td-brand-color)}
.t-steps .t-steps-item--process .t-steps-item__icon--number{
  border-color:var(--td-brand-color);
  background-color:var(--td-brand-color);
  color:var(--td-text-color-anti);
  font-weight:700}
.t-steps .t-steps-item--process .t-steps-item__title{
  color:var(--td-brand-color);
  font-weight:700}
.t-steps .t-steps-item--process .t-steps-item__description{
  color:var(--td-text-color-secondary)}
.t-steps .t-steps-item--error .t-steps-item__icon .t-icon{
  color:var(--td-error-color)}
.t-steps .t-steps-item--error .t-steps-item__icon--number{
  color:var(--td-error-color);
  border-color:var(--td-error-color)}
.t-steps .t-steps-item--error .t-steps-item__title{
  color:var(--td-error-color)}
.t-steps .t-steps-item--error .t-steps-item__description{
  color:var(--td-text-color-secondary)}
.t-steps .t-steps-item__icon{
  vertical-align:top;
  font-size:var(--td-font-size-body-medium);
  margin-right:var(--td-comp-margin-s);
  color:var(--td-text-color-placeholder)}
.t-steps .t-steps-item__icon--number{
  color:var(--td-text-color-placeholder);
  border:1px solid var(--td-text-color-placeholder);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:22px;
  height:22px;
  text-align:center;
  border-radius:var(--td-radius-circle);
  font-size:var(--td-font-size-body-large)}
.t-steps .t-steps-item__icon--finish{
  border:1px solid var(--td-brand-color);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:22px;
  height:22px;
  text-align:center;
  border-radius:var(--td-radius-circle);
  font-size:var(--td-font-size-body-large)}
.t-steps .t-steps-item__icon--error{
  border:1px solid var(--td-error-color);
  color:#000;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:22px;
  height:22px;
  text-align:center;
  border-radius:var(--td-radius-circle);
  font-size:var(--td-font-size-body-large)}
.t-steps .t-steps-item__icon>.t-icon{
  font-size:calc(var(--td-font-size-body-medium) + 10px)}
.t-steps .t-steps-item__title{
  position:relative;
  padding-right:var(--td-comp-margin-s);
  color:var(--td-text-color-placeholder);
  font-size:var(--td-font-size-body-large);
  line-height:24px}
.t-steps .t-steps-item__description{
  color:var(--td-text-color-placeholder);
  font-size:var(--td-font-size-body-medium);
  margin-bottom:var(--td-comp-margin-xs);
  line-height:22px}
.t-steps--line-separator .t-steps-item:before,.t-steps--line-separator .t-steps-item:after,.t-steps--line-separator .t-steps-item__title:after{
  border-style:solid}
.t-steps--dashed-separator .t-steps-item:before,.t-steps--dashed-separator .t-steps-item:after,.t-steps--dashed-separator .t-steps-item__title:after{
  border-style:dashed}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item__title{
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  margin-bottom:var(--td-comp-margin-xs)}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item__icon__number{
  width:22px;
  height:22px}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item__icon>.t-icon{
  font-size:calc(var(--td-font-size-body-medium) + 10px)}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item:not(:last-child) .t-steps-item__title:after{
  content:"";
  display:block;
  width:9999px;
  border-left:0;
  border-top:0;
  border-bottom-width:1px;
  border-bottom-color:var(--td-text-color-placeholder);
  position:absolute;
  left:100%;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)}
.t-steps--horizontal.t-steps--default-anchor.t-steps--arrow-separator .t-steps-item:not(:last-child):after{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  height:24px;
  content:"^";
  -webkit-transform:rotateZ(90deg);
  transform:rotate(90deg);
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end;
  border:0;
  font-size:var(--td-font-size-body-large);
  color:var(--td-text-color-placeholder)}
.t-steps--horizontal.t-steps--default-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):after{
  color:var(--td-brand-color)}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item--finish:not(:last-child) .t-steps-item__title:after{
  border-bottom-width:2px;
  border-bottom-color:var(--td-brand-color);
  color:var(--td-brand-color)}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item:not(:last-child) .t-steps-item__title:after{
  content:"";
  display:block;
  width:9999px;
  border-left:0;
  border-top:0;
  border-bottom-width:1px;
  border-bottom-color:var(--td-text-color-placeholder);
  position:absolute;
  left:100%;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child):after{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  height:24px;
  content:"^";
  -webkit-transform:rotateZ(90deg);
  transform:rotate(90deg);
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end;
  border:0;
  font-size:var(--td-font-size-body-large);
  color:var(--td-text-color-placeholder)}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):after{
  color:var(--td-brand-color)}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child):after{
  -webkit-transform:rotateZ(-90deg);
  transform:rotate(-90deg)}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--process:not(:last-child):after,.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):after{
  color:var(--td-brand-color)}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child) .t-steps-item__title:after{
  border-bottom-width:2px;
  border-bottom-color:var(--td-brand-color);
  color:var(--td-brand-color)}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item--process:not(:last-child) .t-steps-item__title:after,.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child) .t-steps-item__title:after{
  border-bottom-width:2px;
  border-bottom-color:var(--td-brand-color);
  color:var(--td-brand-color)}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item{
  overflow:visible}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item .t-steps-item__title{
  padding-right:0;
  margin-bottom:var(--td-comp-margin-xs)}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--finish .t-steps-item__icon{
  border-color:var(--td-brand-color)}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--process .t-steps-item__icon{
  background:var(--td-brand-color);
  border-color:var(--td-brand-color)}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--error .t-steps-item__icon{
  background:var(--td-error-color);
  border-color:var(--td-error-color)}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item__inner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item__icon{
  display:block;
  width:8px;
  height:8px;
  border:2px solid var(--td-text-color-placeholder);
  border-radius:var(--td-radius-circle);
  margin-bottom:var(--td-comp-margin-xs);
  position:relative;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -ms-flex-negative:0;
  flex-shrink:0}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item__content{
  text-align:center;
  width:140px}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item:not(:last-child):after{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  content:"^";
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  border:0;
  font-size:var(--td-font-size-body-large);
  -webkit-transform:rotateZ(90deg);
  transform:rotate(90deg);
  color:var(--td-text-color-placeholder)}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):after{
  color:var(--td-brand-color)}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item:not(:last-child):after{
  content:"";
  display:block;
  width:calc(100% - 16px);
  border-left:0;
  border-top:0;
  border-bottom-width:1px;
  border-bottom-color:var(--td-text-color-placeholder);
  position:absolute;
  left:78px;
  top:2.5px}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item:not(:last-child):not(.t-steps-item--finish):after{
  border-color:var(--td-text-color-placeholder)}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--finish:not(:last-child):after{
  color:var(--td-brand-color);
  border-bottom-color:var(--td-brand-color);
  border-bottom-width:2px}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child):after{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  content:"^";
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  border:0;
  font-size:var(--td-font-size-body-large);
  -webkit-transform:rotateZ(90deg);
  transform:rotate(90deg);
  color:var(--td-text-color-placeholder)}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):after{
  color:var(--td-brand-color)}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child):after{
  -webkit-transform:rotateZ(-90deg);
  transform:rotate(-90deg)}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--process:not(:last-child):after,.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):after{
  color:var(--td-brand-color)}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item:not(:last-child):after{
  content:"";
  display:block;
  width:calc(100% - 16px);
  border-left:0;
  border-top:0;
  border-bottom-width:1px;
  border-bottom-color:var(--td-text-color-placeholder);
  position:absolute;
  left:78px;
  top:2.5px}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item:not(:last-child):not(.t-steps-item--finish):after{
  border-color:var(--td-text-color-placeholder)}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child):after{
  color:var(--td-brand-color);
  border-bottom-color:var(--td-brand-color);
  border-bottom-width:2px}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item--process:not(:last-child):after,.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child):after{
  color:var(--td-brand-color);
  border-bottom-color:var(--td-brand-color);
  border-bottom-width:2px}
.t-steps--vertical{
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column}
.t-steps--vertical.t-steps--positive.t-steps--arrow-separator .t-steps-item:not(:last-child):before{
  content:"^";
  border:0;
  height:calc(100% - 24px);
  position:absolute;
  top:24px;
  left:6px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:var(--td-font-size-body-large);
  -webkit-transform:rotateZ(180deg);
  transform:rotate(180deg);
  color:var(--td-text-color-placeholder)}
.t-steps--vertical.t-steps--positive.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):before{
  color:var(--td-brand-color)}
.t-steps--vertical.t-steps--positive .t-steps-item{
  padding-bottom:var(--td-comp-margin-xxl);
  margin-bottom:5px}
.t-steps--vertical.t-steps--positive .t-steps-item:not(:last-child):before{
  content:"";
  display:block;
  height:100%;
  border-left:0;
  border-top:0;
  border-right-width:1px;
  border-right-color:var(--td-text-color-placeholder);
  position:absolute;
  top:35px;
  left:11px}
.t-steps--vertical.t-steps--positive .t-steps-item--finish:not(:last-child):before{
  border-right-width:2px;
  border-right-color:var(--td-brand-color);
  color:var(--td-brand-color)}
.t-steps--vertical.t-steps--default-anchor .t-steps-item__content{
  margin-left:0}
.t-steps--vertical.t-steps--default-anchor .t-steps-item__title{
  margin-bottom:var(--td-comp-margin-xs)}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive.t-steps--arrow-separator .t-steps-item:not(:last-child):before{
  content:"^";
  border:0;
  height:calc(100% - 4px);
  position:absolute;
  top:8px;
  left:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:var(--td-font-size-body-medium);
  color:var(--td-text-color-placeholder)}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):before{
  color:var(--td-brand-color)}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive .t-steps-item:not(:last-child):before{
  content:"";
  display:block;
  height:100%;
  border-bottom:0;
  border-left:0;
  border-right-width:1px;
  border-right-color:var(--td-text-color-placeholder);
  position:absolute;
  left:3.5px;
  top:17px}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive .t-steps-item--finish:not(:last-child):before{
  color:var(--td-brand-color);
  border-right-color:var(--td-brand-color);
  border-right-width:2px}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive .t-steps-item:not(:last-child).t-steps-item--default:before{
  border-color:var(--td-text-color-placeholder)}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item{
  margin-bottom:0}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item .t-steps-item__title{
  margin-bottom:var(--td-comp-margin-xs)}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item--finish .t-steps-item__icon{
  border-color:var(--td-brand-color)}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item--process .t-steps-item__icon{
  background:var(--td-brand-color);
  border-color:var(--td-brand-color)}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item--error .t-steps-item__icon{
  background:var(--td-error-color);
  border-color:var(--td-error-color)}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item__icon{
  display:block;
  width:8px;
  height:8px;
  border:2px solid var(--td-text-color-placeholder);
  border-radius:var(--td-radius-circle);
  margin-bottom:var(--td-comp-margin-xs);
  position:relative;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -ms-flex-negative:0;
  flex-shrink:0;
  top:8px}
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child):before{
  content:"^";
  border:0;
  height:calc(100% - 24px);
  position:absolute;
  top:24px;
  left:6px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:var(--td-font-size-body-large);
  -webkit-transform:rotateZ(180deg);
  transform:rotate(180deg);
  color:var(--td-text-color-placeholder)}
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):before{
  color:var(--td-brand-color)}
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child):before{
  -webkit-transform:rotateZ(0);
  transform:rotate(0);
  margin-top:var(--td-comp-margin-xs)}
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item--process:not(:last-child):before,.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):before{
  color:var(--td-brand-color)}
.t-steps--vertical.t-steps--reverse .t-steps-item{
  padding-bottom:var(--td-comp-margin-xxl);
  margin-bottom:5px}
.t-steps--vertical.t-steps--reverse .t-steps-item:not(:last-child):before{
  content:"";
  display:block;
  height:100%;
  border-left:0;
  border-bottom:0;
  border-right-width:1px;
  border-right-color:var(--td-text-color-placeholder);
  position:absolute;
  top:35px;
  left:11px}
.t-steps--vertical.t-steps--reverse .t-steps-item--process:not(:last-child):before,.t-steps--vertical.t-steps--reverse .t-steps-item--finish:not(:last-child):before{
  border-right-width:2px;
  border-right-color:var(--td-brand-color);
  color:var(--td-brand-color)}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item:not(:last-child):before{
  content:"^";
  border:0;
  height:calc(100% - 4px);
  position:absolute;
  top:8px;
  left:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:var(--td-font-size-body-medium);
  color:var(--td-text-color-placeholder)}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):before{
  color:var(--td-brand-color)}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--process:not(:last-child):before,.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child):before{
  color:var(--td-brand-color)}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item{
  margin-bottom:0}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item:not(:last-child):before{
  content:"";
  display:block;
  height:100%;
  border-bottom:0;
  border-left:0;
  border-right-width:1px;
  border-right-color:var(--td-text-color-placeholder);
  position:absolute;
  left:3.5px;
  top:17px}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item:last-child:before{
  display:none}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item--process:not(:last-child):before,.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item--finish:not(:last-child):before{
  border-right-width:2px;
  border-right-color:var(--td-brand-color);
  color:var(--td-brand-color)}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item:not(:last-child).t-steps-item--default:before{
  border-color:var(--td-text-color-placeholder)}
.t-sticky-tool{
  position:fixed;
  opacity:1;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  background-color:var(--td-bg-color-container);
  border:.5px solid var(--td-component-border);
  -webkit-box-shadow:var(--td-shadow-3);
  box-shadow:var(--td-shadow-3)}
.t-sticky-tool-popup-content{
  -webkit-box-shadow:var(--td-shadow-3);
  box-shadow:var(--td-shadow-3);
  font-size:var(--td-font-size-body-small);
  color:var(--td-text-color-secondary)}
.t-sticky-tool .t-sticky-item{
  opacity:1;
  position:relative;
  margin:var(--td-comp-margin-xs);
  text-align:center;
  font-size:var(--td-font-size-body-small);
  color:var(--td-text-color-secondary);
  -webkit-transition:background-color .2s linear;
  transition:background-color .2s linear}
.t-sticky-tool .t-sticky-item:hover{
  cursor:pointer;
  background-color:var(--td-bg-color-container-hover)}
.t-sticky-tool .t-sticky-item--normal{
  width:var(--td-comp-size-xxxl);
  height:var(--td-comp-size-xxxl)}
.t-sticky-tool .t-sticky-item--normal .t-icon{
  width:24px;
  height:24px;
  margin:var(--td-comp-margin-s) var(--td-comp-margin-l) 0 var(--td-comp-margin-l);
  color:var(--td-text-color-primary)}
.t-sticky-tool .t-sticky-item--compact{
  width:var(--td-comp-size-xl);
  height:var(--td-comp-size-xl)}
.t-sticky-tool .t-sticky-item--compact .t-icon{
  width:24px;
  height:24px;
  margin:var(--td-comp-margin-s);
  color:var(--td-text-color-primary)}
.t-sticky-tool .t-sticky-item--square{
  border-radius:var(--td-radius-default)}
.t-sticky-tool .t-sticky-item--round{
  border-radius:var(--td-radius-circle)}
.t-sticky-tool .t-sticky-item .t-sticky-item__label{
  width:100%;
  height:var(--td-comp-size-xxs);
  line-height:var(--td-comp-size-xxs);
  margin-top:var(--td-comp-margin-xxs);
  text-align:center}
.t-sticky-tool--square{
  border-radius:var(--td-radius-medium)}
.t-sticky-tool--round{
  border-radius:var(--td-radius-round)}
.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}
.t-tooltip .t-popup__content{
  display:inline-block;
  border:0;
  z-index:5600;
  margin-bottom:1px;
  max-width:480px;
  word-break:break-word;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:var(--td-radius-medium);
  color:var(--td-text-color-primary)}
.t-tooltip--default .t-popup__content{
  color:var(--td-text-color-anti);
  background:var(--td-gray-color-13);
  -webkit-box-shadow:inset 0 .5px 0 var(--td-gray-color-9),inset .5px 0 0 var(--td-gray-color-9),inset 0 -.5px 0 var(--td-gray-color-9),inset -.5px 0 0 var(--td-gray-color-9);
  box-shadow:inset 0 .5px 0 var(--td-gray-color-9),inset .5px 0 0 var(--td-gray-color-9),inset 0 -.5px 0 var(--td-gray-color-9),inset -.5px 0 0 var(--td-gray-color-9)}
.t-tooltip--default[data-popper-placement^=left] .t-popup__arrow:before{
  -webkit-box-shadow:inset -.5px 0 0 var(--td-gray-color-9),inset 0 .5px 0 var(--td-gray-color-9);
  box-shadow:inset -.5px 0 0 var(--td-gray-color-9),inset 0 .5px 0 var(--td-gray-color-9)}
.t-tooltip--default[data-popper-placement^=right] .t-popup__arrow:before{
  -webkit-box-shadow:inset .5px 0 0 var(--td-gray-color-9),inset 0 -.5px 0 var(--td-gray-color-9);
  box-shadow:inset .5px 0 0 var(--td-gray-color-9),inset 0 -.5px 0 var(--td-gray-color-9)}
.t-tooltip--default[data-popper-placement^=top] .t-popup__arrow:before{
  -webkit-box-shadow:inset 0 -.5px 0 var(--td-gray-color-9),inset -.5px 0 0 var(--td-gray-color-9);
  box-shadow:inset 0 -.5px 0 var(--td-gray-color-9),inset -.5px 0 0 var(--td-gray-color-9)}
.t-tooltip--default[data-popper-placement^=bottom] .t-popup__arrow:before{
  -webkit-box-shadow:inset .5px 0 0 var(--td-gray-color-9),inset 0 .5px 0 var(--td-gray-color-9);
  box-shadow:inset .5px 0 0 var(--td-gray-color-9),inset 0 .5px 0 var(--td-gray-color-9)}
.t-tooltip--primary .t-popup__content{
  color:var(--td-brand-color);
  background:var(--td-brand-color-light)}
.t-tooltip--success .t-popup__content{
  color:var(--td-success-color);
  background:var(--td-success-color-light)}
.t-tooltip--danger .t-popup__content{
  color:var(--td-error-color);
  background:var(--td-error-color-light)}
.t-tooltip--warning .t-popup__content{
  color:var(--td-warning-color);
  background:var(--td-warning-color-light)}
.t-tooltip .t-popup__arrow{
  background:inherit;
  height:auto}
.t-tooltip .t-popup__arrow:before{
  background:inherit}
.t-tooltip--noshadow .t-popup__content,.t-tooltip--noshadow[data-popper-placement] .t-popup__arrow:before{
  -webkit-box-shadow:none;
  box-shadow:none}
.t-affix{
  position:fixed;
  z-index:500}
.t-tag{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  padding:0px var(--td-comp-paddingLR-s);
  height:var(--td-comp-size-xs);
  font:var(--td-font-body-small);
  color:var(--td-text-color-anti);
  border-radius:var(--td-radius-default);
  border:1px solid transparent;
  white-space:nowrap}
.t-tag .t-icon{
  margin-right:var(--td-comp-margin-xs);
  width:calc(var(--td-font-size-body-medium) + 2px);
  height:calc(var(--td-font-size-body-medium) + 2px);
  -ms-flex-negative:0;
  flex-shrink:0}
.t-tag .t-tag__icon-close{
  margin-right:0;
  margin-left:var(--td-comp-margin-s);
  font:var(--td-font-body-medium);
  cursor:pointer;
  -webkit-transition:color .2s cubic-bezier(.38,0,.24,1);
  transition:color .2s cubic-bezier(.38,0,.24,1)}
.t-tag--default{
  color:var(--td-text-color-primary);
  background-color:var(--td-bg-color-component)}
.t-tag--default .t-tag__icon-close{
  color:var(--td-text-color-placeholder)}
.t-tag--default .t-tag__icon-close:hover{
  color:var(--td-text-color-primary)}
.t-tag--default:active{
  cursor:default}
.t-tag--default.t-tag--disabled{
  color:var(--td-text-color-disabled);
  background-color:var(--td-bg-color-component-disabled);
  border-color:var(--td-component-border);
  cursor:not-allowed}
.t-tag--default.t-tag--disabled:hover{
  cursor:not-allowed}
.t-tag--default.t-tag--disabled .t-icon:hover{
  cursor:pointer}
.t-tag--default.t-tag--outline{
  border-color:var(--td-component-border)}
.t-tag--default.t-tag--light{
  background-color:var(--td-bg-color-secondarycontainer)}
.t-tag--default.t-tag--light-outline{
  border-color:var(--td-component-border);
  background-color:var(--td-bg-color-secondarycontainer)}
.t-tag--primary{
  background-color:var(--td-brand-color)}
.t-tag--primary.t-tag--outline{
  border-color:var(--td-brand-color)}
.t-tag--primary.t-tag--light{
  background-color:var(--td-brand-color-light)}
.t-tag--primary.t-tag--light-outline{
  border-color:var(--td-brand-color);
  background-color:var(--td-brand-color-light)}
.t-tag--primary.t-tag--light,.t-tag--primary.t-tag--outline,.t-tag--primary.t-tag--light-outline{
  color:var(--td-brand-color)}
.t-tag--primary.t-tag--light .t-tag__icon-close:hover,.t-tag--primary.t-tag--outline .t-tag__icon-close:hover,.t-tag--primary.t-tag--light-outline .t-tag__icon-close:hover{
  color:var(--td-brand-color-hover)}
.t-tag--success{
  background-color:var(--td-success-color)}
.t-tag--success.t-tag--outline{
  border-color:var(--td-success-color)}
.t-tag--success.t-tag--light{
  background-color:var(--td-success-color-light)}
.t-tag--success.t-tag--light-outline{
  border-color:var(--td-success-color);
  background-color:var(--td-success-color-light)}
.t-tag--success.t-tag--light,.t-tag--success.t-tag--outline,.t-tag--success.t-tag--light-outline{
  color:var(--td-success-color)}
.t-tag--success.t-tag--light .t-tag__icon-close:hover,.t-tag--success.t-tag--outline .t-tag__icon-close:hover,.t-tag--success.t-tag--light-outline .t-tag__icon-close:hover{
  color:var(--td-success-color-hover)}
.t-tag--warning{
  background-color:var(--td-warning-color)}
.t-tag--warning.t-tag--outline{
  border-color:var(--td-warning-color)}
.t-tag--warning.t-tag--light{
  background-color:var(--td-warning-color-light)}
.t-tag--warning.t-tag--light-outline{
  border-color:var(--td-warning-color);
  background-color:var(--td-warning-color-light)}
.t-tag--warning.t-tag--light,.t-tag--warning.t-tag--outline,.t-tag--warning.t-tag--light-outline{
  color:var(--td-warning-color)}
.t-tag--warning.t-tag--light .t-tag__icon-close:hover,.t-tag--warning.t-tag--outline .t-tag__icon-close:hover,.t-tag--warning.t-tag--light-outline .t-tag__icon-close:hover{
  color:var(--td-warning-color-hover)}
.t-tag--danger{
  background-color:var(--td-error-color)}
.t-tag--danger.t-tag--outline{
  border-color:var(--td-error-color)}
.t-tag--danger.t-tag--light{
  background-color:var(--td-error-color-light)}
.t-tag--danger.t-tag--light-outline{
  border-color:var(--td-error-color);
  background-color:var(--td-error-color-light)}
.t-tag--danger .t-tag__icon-close{
  fill:var(--td-error-color)}
.t-tag--danger .t-tag__icon-close:hover{
  fill:var(--td-error-color-hover)}
.t-tag--danger.t-tag--light,.t-tag--danger.t-tag--outline,.t-tag--danger.t-tag--light-outline{
  color:var(--td-error-color)}
.t-tag--danger.t-tag--light .t-tag__icon-close:hover,.t-tag--danger.t-tag--outline .t-tag__icon-close:hover,.t-tag--danger.t-tag--light-outline .t-tag__icon-close:hover{
  color:var(--td-error-color-hover)}
.t-tag--dark.t-tag:not(.t-tag--default) .t-tag__icon-close{
  color:var(--td-font-white-2)}
.t-tag--dark.t-tag:not(.t-tag--default) .t-tag__icon-close:hover{
  color:var(--td-font-white-1)}
.t-tag.t-tag--outline{
  background:transparent}
.t-tag.t-size-s{
  padding:0px var(--td-comp-paddingLR-xs);
  height:var(--td-comp-size-xxs);
  font:var(--td-font-body-small)}
.t-tag.t-size-s .t-icon{
  font-size:var(--td-font-body-small)}
.t-tag.t-size-l{
  padding:0px var(--td-comp-paddingLR-m);
  height:var(--td-comp-size-m);
  font:var(--td-font-body-medium)}
.t-tag.t-size-l .t-icon{
  font:var(--td-font-body-medium)}
.t-tag.t-tag--round{
  border-radius:var(--td-radius-extraLarge)}
.t-tag.t-tag--mark{
  border-radius:0 var(--td-radius-extraLarge) var(--td-radius-extraLarge) 0}
.t-tag.t-tag--ellipsis .t-tag--text{
  display:inline-block;
  white-space:nowrap;
  word-wrap:normal;
  overflow:hidden;
  text-overflow:ellipsis}
.t-tag.t-tag--check:not(.t-tag--disabled){
  -webkit-transition:background-color .2s cubic-bezier(.38,0,.24,1);
  transition:background-color .2s cubic-bezier(.38,0,.24,1);
  cursor:pointer}
.t-tag.t-tag--check:not(.t-tag--disabled).t-tag--default.t-tag--dark:not(.t-tag--checked):hover{
  background-color:var(--td-bg-color-component-hover)}
.t-tag.t-tag--check:not(.t-tag--disabled).t-tag--primary.t-tag--dark.t-tag--checked:hover{
  background-color:var(--td-brand-color-hover)}
.t-tag.t-tag--check:not(.t-tag--disabled).t-tag--default.t-tag--outline:not(.t-tag--checked):hover{
  color:var(--td-brand-color-hover)}
.t-tag--check.t-tag--disabled.t-tag--primary.t-tag--dark{
  background-color:var(--td-brand-color-disabled);
  cursor:not-allowed}
.t-tag--check.t-tag--disabled.t-tag--primary.t-tag--outline{
  color:var(--td-text-color-disabled);
  background-color:var(--td-bg-color-component-disabled);
  border-color:var(--td-text-color-disabled);
  cursor:not-allowed}
.t-check-tag-group .t-tag:not(:last-child){
  margin-right:var(--td-comp-margin-s)}
a .t-tag{
  cursor:pointer;
  -webkit-transition:all .2s linear;
  transition:all .2s linear}
a .t-tag:hover{
  color:var(--td-brand-color);
  background-color:var(--td-bg-color-component-hover)}
a .t-tag:active{
  color:var(--td-brand-color-active);
  background-color:var(--td-bg-color-component-active)}
@-webkit-keyframes t-fade-in{
  0%{
  opacity:0}
to{
  opacity:1}
}
@keyframes t-fade-in{
  0%{
  opacity:0}
to{
  opacity:1}
}
@-webkit-keyframes t-fade-out{
  0%{
  opacity:1}
to{
  opacity:0}
}
@keyframes t-fade-out{
  0%{
  opacity:1}
to{
  opacity:0}
}
@-webkit-keyframes t-spin{
  0%{
  -webkit-transform:rotate(0deg);
  transform:rotate(0)}
to{
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)}
}
@keyframes t-spin{
  0%{
  -webkit-transform:rotate(0deg);
  transform:rotate(0)}
to{
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)}
}
.t-icon-loading{
  -webkit-animation:t-spin 1s linear infinite;
  animation:t-spin 1s linear infinite}
@-webkit-keyframes t-zoom-out{
  0%{
  -webkit-transform:scale(.2);
  transform:scale(.2)}
to{
  -webkit-transform:scale(1);
  transform:scale(1)}
}
@keyframes t-zoom-out{
  0%{
  -webkit-transform:scale(.2);
  transform:scale(.2)}
to{
  -webkit-transform:scale(1);
  transform:scale(1)}
}
.t-tag-input{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none}
.t-tag-input .t-tag{
  vertical-align:middle;
  -webkit-animation:t-fade-in .2s ease-in-out;
  animation:t-fade-in .2s ease-in-out;
  margin:3px var(--td-comp-margin-xs) 3px 0}
.t-tag-input .t-tag-input__drag_wrapper+.t-tag-input__drag_wrapper{
  margin-left:var(--td-comp-margin-xs)}
.t-tag-input .t-input{
  overflow:hidden;
  min-height:var(--td-comp-size-m);
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  padding:0 var(--td-comp-paddingLR-s) 0 var(--td-comp-margin-xs)}
.t-tag-input .t-input .t-input__suffix-icon{
  right:var(--td-comp-margin-s)}
.t-tag-input .t-input.t-size-s{
  padding:0 var(--td-comp-paddingLR-s) 0 var(--td-comp-margin-xs);
  min-height:var(--td-comp-size-xs)}
.t-tag-input .t-input.t-size-s .t-tag{
  margin:1px var(--td-comp-margin-xs) 1px 0}
.t-tag-input .t-input.t-size-l{
  min-height:var(--td-comp-size-xl);
  padding:0 var(--td-comp-paddingLR-m) 0 var(--td-comp-margin-s)}
.t-tag-input .t-input.t-size-l .t-input__suffix-icon{
  right:var(--td-comp-margin-m)}
.t-tag-input.t-is-empty .t-input__inner{
  margin-left:var(--td-comp-margin-xs)}
.t-tag-input:hover .t-input__inner:not(.t-input--soft-hidden),.t-tag-input .t-input--focused .t-input__inner:not(.t-input--soft-hidden){
  min-width:20px}
.t-tag-input .t-tag-input__prefix{
  margin-left:var(--td-comp-margin-xs);
  line-height:1}
.t-tag-input .t-tag-input__prefix>.t-icon{
  color:var(--td-text-color-placeholder)}
.t-tag-input .t-input .t-input__prefix:not(:empty){
  margin-right:0}
.t-tag-input.t-input--auto-width .t-input.t-input--focused{
  padding-right:calc(var(--td-comp-paddingLR-xxl) + var(--td-comp-paddingLR-xxs))}
.t-tag-input.t-input--auto-width .t-input__prefix{
  white-space:nowrap}
.t-tag-input .t-input__prefix--scrollable{
  overflow-y:hidden;
  overflow-x:auto}
@-moz-document url-prefix(){
  .t-tag-input .t-input__prefix--scrollable{
  scrollbar-color:var(--td-scrollbar-color) transparent;
  scrollbar-width:thin}
}
.t-tag-input .t-input__prefix--scrollable::-webkit-scrollbar{
  width:6px;
  height:6px}
.t-tag-input .t-input__prefix--scrollable::-webkit-scrollbar-thumb{
  border:0px solid transparent;
  background-clip:content-box;
  background-color:var(--td-scrollbar-color);
  border-radius:11px}
.t-tag-input .t-input__prefix--scrollable::-webkit-scrollbar-thumb:vertical:hover,.t-tag-input .t-input__prefix--scrollable::-webkit-scrollbar-thumb:horizontal:hover{
  background-color:var(--td-scrollbar-hover-color)}
.t-tag-input__suffix-clear{
  cursor:pointer}
.t-tag-input--break-line:not(.t-is-empty) .t-input{
  display:block}
.t-tag-input--break-line:not(.t-is-empty) .t-input.t-input--prefix>.t-input__prefix{
  display:inline;
  text-align:left}
.t-tag-input--break-line:not(.t-is-empty) .t-input .t-input__suffix-icon{
  position:absolute;
  bottom:0}
.t-tag-input--break-line:not(.t-is-empty) .t-tag-input__prefix{
  vertical-align:middle}
.t-tag-input__prefix{
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content;
  display:inline-block;
  margin-right:var(--td-comp-margin-s)}
.t-tag-input--break-line.t-tag-input--with-tag:not(.t-input--auto-width) .t-input,.t-tag-input.t-input--auto-width:hover .t-input{
  padding-right:calc(var(--td-comp-paddingLR-xxl) + var(--td-comp-paddingLR-xxs))}
.t-tag-input--break-line.t-tag-input--with-tag:not(.t-input--auto-width) .t-size-l .t-input,.t-tag-input.t-input--auto-width:hover .t-size-l .t-input{
  padding-right:calc(var(--td-comp-paddingLR-xxl) + var(--td-comp-paddingLR-xs))}
.t-tag-input.t-input--auto-width .t-input{
  padding-right:0}
.t-tag-input--max-rows .t-input{
  max-height:calc(var(--max-rows,1) * (var(--td-comp-size-m) - 2px));
  overflow-y:scroll}
.t-tag-input--max-rows .t-input.t-size-s{
  max-height:calc(var(--max-rows,1) * var(--td-comp-size-xs))}
.t-tag-input--max-rows .t-input.t-size-l{
  max-height:calc(var(--max-rows,1) * (var(--td-comp-size-xl) - 2px))}
.t-select-input{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  width:100%;
  display:inline-block;
  vertical-align:middle}
.t-select-input--multiple .t-input--auto-width.t-tag-input__with-suffix-icon.t-tag-input--with-tag .t-input{
  padding-right:var(--td-comp-paddingLR-xl)}
.t-select-input--multiple .t-input--auto-width.t-tag-input__with-suffix-icon.t-tag-input--with-tag .t-input.t-size-l{
  padding-right:calc(var(--td-comp-paddingLR-xl) + var(--td-comp-paddingLR-s))}
.t-select-input--multiple .t-input--auto-width.t-tag-input__with-suffix-icon.t-is-empty .t-input{
  padding-right:var(--td-comp-paddingLR-s)}
.t-select-input--multiple .t-input--auto-width.t-tag-input__with-suffix-icon.t-is-empty .t-input.t-size-l{
  padding-right:var(--td-comp-paddingLR-m)}
.t-select-input--borderless .t-input{
  -webkit-box-shadow:none;
  box-shadow:none;
  border:1px solid transparent;
  background:transparent;
  -webkit-transition:all .2s linear;
  transition:all .2s linear}
.t-select-input--borderless .t-input:hover:not(.t-input--focused){
  border-color:var(--td-component-border);
  background-color:var(--td-bg-color-container-hover);
  border-radius:var(--td-radius-default)}
.t-select-input--borderless .t-input--focused{
  border-color:var(--td-brand-color);
  -webkit-box-shadow:0 0 0 2px var(--td-brand-color-focus);
  box-shadow:0 0 0 2px var(--td-brand-color-focus);
  background-color:var(--td-bg-color-specialcomponent)}
.t-select-input--borderless.t-select-input--multiple:not(.t-select-input--empty).t-select-input--popup-visible input{
  display:inline-block}
.t-select-input--borderless.t-select-input--multiple:not(.t-select-input--empty).t-select-input--popup-visible .t-input{
  background-color:var(--td-bg-color-container-hover)}
.t-select-input--borderless.t-tag-input{
  border:0;
  -webkit-box-shadow:none;
  box-shadow:none;
  background:transparent;
  -webkit-transition:background-color .2s linear;
  transition:background-color .2s linear}
.t-select-input--borderless.t-tag-input:hover{
  background-color:var(--td-bg-color-container-hover);
  border-radius:var(--td-radius-default)}
.t-select__wrap{
  width:100%}
.t-select__dropdown .t-popup__content{
  margin:var(--td-comp-paddingTB-s) 0;
  padding:0;
  max-height:300px;
  overflow-y:auto;
  -ms-scroll-chaining:none;
  overscroll-behavior:contain;
  -webkit-box-shadow:var(--td-shadow-2);
  box-shadow:var(--td-shadow-2)}
@-moz-document url-prefix(){
  .t-select__dropdown .t-popup__content{
  scrollbar-color:var(--td-scrollbar-color) transparent;
  scrollbar-width:thin}
}
.t-select__dropdown .t-popup__content::-webkit-scrollbar{
  width:8px;
  height:8px}
.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb{
  border:2px solid transparent;
  background-clip:content-box;
  background-color:var(--td-scrollbar-color);
  border-radius:15px}
.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb:vertical:hover,.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb:horizontal:hover{
  background-color:var(--td-scrollbar-hover-color)}
.t-select__dropdown-inner{
  min-height:var(--td-comp-size-m)}
.t-select__dropdown-inner .t-select__list .t-select__list{
  padding:0}
.t-select__dropdown-inner .t-select__list,.t-select__dropdown-inner .t-tree{
  padding:var(--td-pop-padding-m)}
.t-select__dropdown-inner--size-s{
  min-height:var(--td-comp-size-xs)}
.t-select__dropdown-inner--size-s .t-select__list,.t-select__dropdown-inner--size-s .t-tree{
  padding:var(--td-pop-padding-s)}
.t-select__dropdown-inner--size-l{
  min-height:var(--td-comp-size-xl)}
.t-select__dropdown-inner--size-l .t-select__list,.t-select__dropdown-inner--size-l .t-tree{
  padding:var(--td-pop-padding-l)}
.t-select__list{
  margin:0;
  padding:0;
  list-style:none}
.t-select__dropdown.t-popup{
  padding:0}
.t-select__empty.t-size-s{
  line-height:var(--td-comp-size-xs)}
.t-select__empty{
  text-align:center;
  color:var(--td-text-color-disabled);
  line-height:var(--td-comp-size-m);
  padding:0 var(--td-comp-paddingLR-s)}
.t-select__empty.t-size-l{
  line-height:var(--td-comp-size-xl)}
.t-select__loading-tips.t-size-s{
  min-height:var(--td-comp-size-xs);
  line-height:var(--td-comp-size-xs)}
.t-select__loading-tips{
  position:fixed;
  top:var(--td-comp-paddingTB-s);
  left:0;
  bottom:var(--td-comp-paddingTB-s);
  right:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background-color:var(--td-bg-color-container);
  border-radius:var(--td-radius-default);
  min-height:var(--td-comp-size-m);
  line-height:var(--td-comp-size-m);
  color:var(--td-text-color-disabled);
  z-index:1000}
.t-select__loading-tips.t-size-l{
  min-height:var(--td-comp-size-xl);
  line-height:var(--td-comp-size-xl)}
.t-select-option-group+.t-select-option-group{
  padding-top:var(--td-comp-margin-xs);
  margin-top:var(--td-comp-margin-xs)}
.t-select-option-group__divider+.t-select-option-group__divider{
  position:relative}
.t-select-option-group__divider+.t-select-option-group__divider:before{
  content:"";
  width:100%;
  height:1px;
  padding:0 var(--td-comp-paddingLR-s);
  position:absolute;
  top:0;
  left:0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  background-color:var(--td-border-level-1-color);
  background-clip:content-box}
ul.t-select-option-group__header,.t-select-option-group__header{
  color:var(--td-text-color-placeholder);
  display:block;
  height:var(--td-comp-size-s);
  line-height:var(--td-comp-size-s);
  padding:0 var(--td-comp-paddingLR-s);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  white-space:nowrap;
  word-wrap:normal;
  overflow:hidden;
  text-overflow:ellipsis}
.t-select-option-group__header.t-size-l{
  height:var(--td-comp-size-l);
  line-height:var(--td-comp-size-l);
  padding:0 var(--td-comp-paddingLR-m)}
.t-select-option-group__header.t-size-s{
  height:var(--td-comp-size-xxs);
  line-height:var(--td-comp-size-xxs);
  padding:0 var(--td-comp-paddingLR-s)}
.t-select-option{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  border-radius:var(--td-radius-default);
  height:var(--td-comp-size-s);
  font:var(--td-font-body-medium);
  cursor:pointer;
  padding:0 var(--td-comp-paddingLR-s);
  color:var(--td-text-color-primary);
  -webkit-transition:background-color .2s cubic-bezier(.38,0,.24,1);
  transition:background-color .2s cubic-bezier(.38,0,.24,1);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  --ripple-color:var(--td-bg-color-container-active)}
.t-select-option span{
  position:relative;
  white-space:nowrap;
  word-wrap:normal;
  overflow:hidden;
  text-overflow:ellipsis}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover{
  background-color:var(--td-bg-color-container-hover)}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover .t-checkbox__label{
  color:inherit}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover .t-checkbox__input{
  border-color:var(--td-brand-color)}
.t-select-option .t-checkbox__label{
  color:var(--td-text-color-primary);
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  white-space:nowrap;
  word-wrap:normal;
  overflow:hidden;
  text-overflow:ellipsis}
.t-select-option .t-checkbox{
  width:100%}
.t-select-option.t-is-disabled{
  cursor:not-allowed;
  color:var(--td-text-color-disabled);
  background:var(--td-bg-color-specialcomponent)}
.t-select-option.t-is-disabled:hover,.t-select-option.t-is-disabled:active{
  background:var(--td-bg-color-specialcomponent)}
.t-select-option.t-size-l{
  height:var(--td-comp-size-l);
  padding:0 var(--td-comp-paddingLR-m);
  font:var(--td-font-body-large)}
.t-select-option.t-size-m{
  font:var(--td-font-body-medium)}
.t-select-option.t-size-s{
  height:var(--td-comp-size-xxs);
  padding:0 var(--td-comp-paddingLR-s);
  font:var(--td-font-body-small)}
.t-select-option.t-is-selected:not(.t-is-disabled){
  color:var(--td-brand-color);
  background-color:var(--td-brand-color-light);
  -webkit-transition:all .2s linear;
  transition:all .2s linear}
.t-select-option.t-is-selected:not(.t-is-disabled) .t-checkbox__label{
  color:var(--td-brand-color)}
.t-select-option.t-is-selected:not(.t-is-disabled):hover{
  background-color:var(--td-brand-color-light)}
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected),.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected),.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected),.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected){
  background-color:var(--td-bg-color-container-hover)}
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected) .t-checkbox__input,.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected) .t-checkbox__input,.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected) .t-checkbox__input,.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected) .t-checkbox__input{
  border-color:var(--td-brand-color)}
.t-select-option.t-select-option__hover .t-checkbox__label,.t-select-option.t-select-option--hover .t-checkbox__label{
  color:inherit}
.t-select-option+.t-select-option{
  margin-top:var(--td-comp-paddingTB-xxs)}
.t-select.t-select-input--borderless .t-select__right-icon{
  position:relative;
  margin:0}
.t-select .t-fake-arrow{
  color:var(--td-text-color-placeholder)}
.t-select .t-fake-arrow--active{
  color:var(--td-brand-color)}
.t-is-selected.t-select-option__hover{
  background-color:var(--td-brand-color-light-hover)}
.t-is-selected.t-select-option__hover .t-checkbox__label{
  color:var(--td-brand-color)}
.t-pagination-mini{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none}
.t-pagination-mini--outline .t-pagination-mini__prev{
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  position:relative;
  z-index:1}
.t-pagination-mini--outline .t-pagination-mini__current{
  border-radius:0;
  position:relative;
  margin-left:-1px}
.t-pagination-mini--outline .t-pagination-mini__current:hover{
  z-index:1}
.t-pagination-mini--outline .t-pagination-mini__next{
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  position:relative;
  margin-left:-1px}
.t-pagination-mini--outline .t-pagination-mini__next:hover{
  z-index:1}
.t-pagination{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  white-space:nowrap;
  color:var(--td-text-color-secondary);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none}
.t-pagination.t-is-disabled{
  color:var(--td-text-color-disabled)}
.t-pagination__total{
  font:var(--td-font-body-medium);
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap}
.t-pagination .t-select__wrap{
  width:auto}
.t-pagination__select{
  -ms-flex-negative:0;
  flex-shrink:0;
  margin-right:var(--td-comp-margin-l);
  height:var(--td-comp-size-m);
  font-size:var(--td-font-size-body-medium);
  color:var(--td-text-color-secondary)}
.t-pagination__btn{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-negative:0;
  flex-shrink:0;
  cursor:pointer;
  color:var(--td-text-color-secondary);
  border-radius:var(--td-radius-default);
  font:var(--td-font-body-large);
  width:var(--td-comp-size-m);
  height:var(--td-comp-size-m);
  line-height:var(--td-comp-size-m)}
.t-pagination__btn:hover{
  background-color:var(--td-bg-color-secondarycontainer-hover);
  -webkit-transition:all .2s cubic-bezier(.82,0,1,.9);
  transition:all .2s cubic-bezier(.82,0,1,.9)}
.t-pagination__btn:active{
  background-color:var(--td-bg-color-secondarycontainer-active)}
.t-pagination__btn.t-is-disabled,.t-pagination__btn.t-is-disabled:hover,.t-pagination__btn.t-is-disabled:active{
  background:none;
  color:var(--td-text-color-disabled)}
.t-pagination__btn.t-is-disabled{
  cursor:not-allowed}
.t-pagination__btn-prev{
  margin-right:var(--td-comp-margin-s)}
.t-pagination__btn-next{
  margin-left:var(--td-comp-margin-s)}
.t-pagination__btn+.t-pagination__select{
  margin-right:0}
.t-pagination__pager{
  -ms-flex-negative:0;
  flex-shrink:0;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  vertical-align:middle;
  list-style:none;
  padding:0;
  margin:0}
.t-pagination__pager li:not(:last-child){
  margin-right:var(--td-comp-margin-s)}
.t-pagination__number{
  display:inline-block;
  border:1px solid var(--td-component-border);
  text-align:center;
  border-radius:var(--td-radius-default);
  cursor:pointer;
  background-color:var(--td-bg-color-container);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  height:var(--td-comp-size-m);
  min-width:var(--td-comp-size-m);
  line-height:calc(var(--td-comp-size-m) - 2px);
  font-size:var(--td-font-body-medium);
  padding-left:var(--td-comp-paddingLR-xs);
  padding-right:var(--td-comp-paddingLR-xs)}
.t-pagination__number:hover{
  color:var(--td-brand-color-hover);
  border-color:var(--td-brand-color-hover);
  -webkit-transition:all .2s cubic-bezier(.82,0,1,.9);
  transition:all .2s cubic-bezier(.82,0,1,.9)}
.t-pagination__number:active,.t-pagination__number.t-is-current{
  background-color:var(--td-brand-color);
  color:var(--td-text-color-anti);
  border-color:var(--td-brand-color)}
.t-pagination__number.t-is-current.t-is-disabled,.t-pagination__number.t-is-current.t-is-disabled:hover,.t-pagination__number.t-is-current.t-is-disabled:active{
  background-color:var(--td-brand-color-focus);
  color:var(--td-text-color-anti);
  border-color:var(--td-brand-color-focus)}
.t-pagination__number.t-is-disabled{
  cursor:auto;
  background-color:var(--td-bg-color-component-disabled);
  color:var(--td-text-color-disabled)}
.t-pagination__number.t-is-disabled:hover,.t-pagination__number.t-is-disabled:active{
  background-color:var(--td-bg-color-component-disabled);
  color:var(--td-text-color-disabled);
  border-color:var(--td-component-border)}
.t-pagination__number--more{
  border:0 none;
  padding:0}
.t-pagination__number--more:hover{
  color:var(--td-text-color-primary);
  background-color:var(--td-bg-color-secondarycontainer-hover);
  -webkit-transition:all .2s cubic-bezier(.82,0,1,.9);
  transition:all .2s cubic-bezier(.82,0,1,.9)}
.t-pagination__number--more:active{
  color:var(--td-text-color-primary);
  background-color:var(--td-bg-color-secondarycontainer-active)}
.t-pagination__number--more.t-is-disabled,.t-pagination__number--more.t-is-disabled:hover,.t-pagination__number--more.t-is-disabled:active{
  background:none}
.t-pagination__number--more .t-icon-more{
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
  color:var(--td-text-color-disabled)}
.t-pagination__jump{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-negative:0;
  flex-shrink:0;
  margin-left:var(--td-comp-margin-s);
  font-size:var(--td-font-body-medium);
  gap:var(--td-comp-margin-s);
  background-color:var(--td-bg-color-secondarycontainer);
  height:var(--td-comp-size-m);
  padding-left:var(--td-comp-margin-s);
  border-radius:var(--td-radius-default)}
.t-pagination .t-input-adornment__append{
  border:none;
  height:calc(var(--td-comp-size-m) - 4px);
  color:var(--td-text-color-secondary);
  background-color:transparent}
.t-pagination .t-input-adornment__append .t-input-adornment__text{
  border:none}
.t-pagination .t-input-number{
  width:56px}
.t-pagination .t-input-number .t-input{
  height:calc(var(--td-comp-size-m) - 4px);
  border-radius:var(--td-radius-default)}
.t-pagination .t-input-number .t-input__inner{
  text-align:center}
.t-pagination.t-size-s{
  font:var(--td-font-body-small)}
.t-pagination.t-size-s .t-pagination__jump{
  height:var(--td-comp-size-xs)}
.t-pagination.t-size-s .t-input-adornment__append{
  height:calc(var(--td-comp-size-xs) - 4px);
  font:var(--td-font-body-small)}
.t-pagination.t-size-s .t-input-number{
  width:48px}
.t-pagination.t-size-s .t-input-number .t-input{
  height:calc(var(--td-comp-size-xs) - 4px)}
.t-pagination.t-size-s .t-pagination__total{
  font:var(--td-font-body-small)}
.t-pagination.t-size-s .t-pagination__select{
  height:var(--td-comp-size-xs);
  font-size:var(--td-font-size-body-small)}
.t-pagination.t-size-s .t-pagination__number{
  border:0 none;
  height:var(--td-comp-size-xs);
  min-width:var(--td-comp-size-xs);
  line-height:var(--td-comp-size-xs);
  font-size:var(--td-font-body-small);
  padding-left:var(--td-comp-paddingLR-xxs);
  padding-right:var(--td-comp-paddingLR-xxs)}
.t-pagination.t-size-s .t-pagination__number:hover:not(.t-pagination.t-size-s .t-pagination__number.t-is-current){
  color:var(--td-text-color-primary);
  background-color:var(--td-bg-color-secondarycontainer-hover);
  -webkit-transition:all .2s cubic-bezier(.82,0,1,.9);
  transition:all .2s cubic-bezier(.82,0,1,.9)}
.t-pagination.t-size-s .t-pagination__number:active:not(.t-pagination.t-size-s .t-pagination__number.t-is-current){
  color:var(--td-text-color-primary);
  background-color:var(--td-bg-color-secondarycontainer-active)}
.t-pagination.t-size-s .t-pagination__number.t-is-disabled{
  background:none;
  color:var(--td-text-color-disabled)}
.t-pagination.t-size-s .t-pagination__number.t-is-current.t-is-disabled{
  background-color:var(--td-brand-color-focus);
  color:var(--td-text-color-anti);
  border-color:var(--td-brand-color-focus)}
.t-pagination.t-size-s .t-pagination__btn{
  border:0 none;
  background:none;
  width:var(--td-comp-size-xs);
  height:var(--td-comp-size-xs);
  line-height:var(--td-comp-size-xs)}
.t-pagination.t-size-s .t-pagination__btn:hover{
  background-color:var(--td-bg-color-secondarycontainer-hover);
  -webkit-transition:all .2s cubic-bezier(.82,0,1,.9);
  transition:all .2s cubic-bezier(.82,0,1,.9)}
.t-pagination.t-size-s .t-pagination__btn:active{
  background-color:var(--td-bg-color-secondarycontainer-active)}
.t-pagination.t-size-s .t-pagination__btn.t-is-disabled,.t-pagination.t-size-s .t-pagination__btn.t-is-disabled:hover,.t-pagination.t-size-s .t-pagination__btn.t-is-disabled:active{
  background:none;
  color:var(--td-text-color-disabled)}
.t-pagination-ie .t-select .t-input__inner{
  min-width:54px}
@-moz-document url-prefix(){
  .scrollbar{
  scrollbar-color:var(--td-scrollbar-color) transparent;
  scrollbar-width:thin}
}
.scrollbar::-webkit-scrollbar{
  width:6px;
  height:6px}
.scrollbar::-webkit-scrollbar-thumb{
  border:0px solid transparent;
  background-clip:content-box;
  background-color:var(--td-scrollbar-color);
  border-radius:11px}
.scrollbar::-webkit-scrollbar-thumb:vertical:hover,.scrollbar::-webkit-scrollbar-thumb:horizontal:hover{
  background-color:var(--td-scrollbar-hover-color)}
.scrollbar.t-table__affixed-footer-elm::-webkit-scrollbar-track,.scrollbar.t-table__scrollbar--obvious::-webkit-scrollbar-track{
  background:var(--td-scroll-track-color)}
.t-table__affixed-footer-wrap>.scrollbar.t-table__affixed-footer-elm::-webkit-scrollbar-thumb,.t-table--width-overflow.t-table--footer-affixed .t-table__content::-webkit-scrollbar-thumb,.t-table--width-overflow.t-table--horizontal-bar-affixed .t-table__content::-webkit-scrollbar-thumb{
  background:transparent}
.t-table.t-table--overflow-visible{
  overflow:initial}
.t-table{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  width:100%;
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  background-color:var(--td-bg-color-container);
  position:relative}
.t-table .t-popup:not(.t-tooltip)[data-popper-placement^=top] .t-popup__arrow{
  bottom:-4px}
.t-table:focus-visible{
  outline:none}
.t-table .t-loading--full{
  z-index:72}
.t-table.t-vertical-align-top th:not(.t-table__cell-check),.t-table.t-vertical-align-top td:not(.t-table__cell-check){
  vertical-align:top}
.t-table.t-vertical-align-middle th:not(.t-table__cell-check),.t-table.t-vertical-align-middle td:not(.t-table__cell-check){
  vertical-align:middle}
.t-table.t-vertical-align-bottom th:not(.t-table__cell-check),.t-table.t-vertical-align-bottom td:not(.t-table__cell-check){
  vertical-align:bottom}
.t-table .t-table__resize-line{
  display:none;
  position:absolute;
  left:10px;
  width:0;
  border-left:1px solid var(--td-component-border);
  z-index:1001}
.t-table__column-controller-trigger.t-align-top-right,.t-table__column-controller-trigger.t-align-bottom-right{
  text-align:right}
.t-table__column-controller-trigger{
  padding:var(--td-comp-paddingTB-l) 0}
.t-table__column-controller-item:not(:last-child){
  margin-bottom:var(--td-comp-margin-l)}
.t-table__content{
  position:relative}
@-moz-document url-prefix(){
  .t-table__content{
  scrollbar-color:var(--td-scrollbar-color) transparent;
  scrollbar-width:thin}
}
.t-table__content::-webkit-scrollbar{
  width:6px;
  height:6px}
.t-table__content::-webkit-scrollbar-thumb{
  border:0px solid transparent;
  background-clip:content-box;
  background-color:var(--td-scrollbar-color);
  border-radius:11px}
.t-table__content::-webkit-scrollbar-thumb:vertical:hover,.t-table__content::-webkit-scrollbar-thumb:horizontal:hover{
  background-color:var(--td-scrollbar-hover-color)}
.t-table__pagination{
  padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-table .t-icon{
  font-size:var(--td-font-size-body-large)}
.t-table table{
  width:100%;
  border-spacing:0}
.t-table .t-text-ellipsis{
  line-height:var(--td-line-height-body-medium);
  white-space:nowrap;
  word-wrap:normal;
  overflow:hidden;
  text-overflow:ellipsis}
.t-table th,.t-table td{
  position:relative;
  padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
  border-bottom:1px solid var(--td-component-border);
  line-height:var(--td-line-height-body-medium);
  font-weight:400;
  overflow-wrap:break-word;
  background-color:inherit;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  text-align:left}
.t-table th.t-table__th-drag{
  padding:0;
  height:0;
  text-align:center}
.t-table thead td,.t-table th{
  color:var(--td-text-color-placeholder)}
.t-table td[key=row-select]{
  padding:13px 0 11px var(--td-comp-paddingLR-l)}
.t-table td.t-align-left,.t-table th.t-align-left{
  text-align:left}
.t-table td.t-align-right,.t-table th.t-align-right{
  text-align:right}
.t-table td.t-align-center,.t-table th.t-align-center{
  text-align:center}
.t-table tr{
  background-color:var(--td-bg-color-container)}
.t-table.t-size-s th,.t-table.t-size-s td{
  padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s)}
.t-table.t-size-l th,.t-table.t-size-l td{
  padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl)}
.t-table .t-table__expandable-icon-cell,.t-table .t-table__selection-cell{
  padding:0;
  height:0}
.t-table td.t-table__handle-draggable{
  text-align:center;
  height:0;
  padding:0}
.t-table .t-table__cell--selectable>.t-checkbox{
  vertical-align:middle}
.t-table .t-table__cell--selectable+td,.t-table .t-table__cell--selectable+th{
  padding-left:0}
.t-table--bordered td,.t-table--bordered th{
  border-left:1px solid var(--td-component-border)}
.t-table--bordered td.t-table__cell--fixed-left-last:before,.t-table--bordered th.t-table__cell--fixed-left-last:before{
  border-right:1px solid var(--td-component-border)}
.t-table--bordered th:first-child,.t-table--bordered td.t-table__td-first-col{
  border-left-width:0}
.t-table--bordered:not(.t-table--rowspan-colspan) td:first-child{
  border-left-width:0}
.t-table--bordered .t-table__content{
  border-left:1px solid var(--td-component-border)}
.t-table--bordered .t-table__content::-webkit-scrollbar-corner{
  background-color:transparent}
.t-table--bordered .t-table__content{
  border:1px solid var(--td-component-border);
  border-radius:var(--td-radius-default)}
.t-table--bordered .t-table--loading{
  border-bottom:1px solid var(--td-component-border)}
.t-table--bordered .t-table__pagination{
  padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l)}
.t-table--bordered .t-table__bottom-content+.t-table__pagination{
  padding:0}
.t-table--bordered.t-table__header--fixed .t-table__content{
  border-bottom:1px solid var(--td-component-border)}
.t-table--bordered .t-table__td-last-row{
  border-bottom:none}
.t-table--striped:not(.t-table--bordered) th,.t-table--striped:not(.t-table--bordered) td{
  border-bottom:none}
.t-table--striped.t-table--header-fixed>.t-table__content>table>tbody tr:nth-of-type(2n){
  background-color:var(--td-bg-color-secondarycontainer)}
.t-table--striped:not(.t-table--header-fixed)>.t-table__content>table>tbody>tr:nth-of-type(odd):not(.t-table__expanded-row){
  background-color:var(--td-bg-color-secondarycontainer)}
.t-table--striped.t-table--hoverable.t-table__header--fixed tbody tr:nth-of-type(2n):hover{
  background-color:var(--td-bg-color-secondarycontainer-hover)}
.t-table--striped.t-table--hoverable:not(.t-table__header--fixed)>.t-table__content>table>tbody tr:nth-of-type(odd):hover{
  background-color:var(--td-bg-color-secondarycontainer-hover)}
.t-table--striped.t-table--hoverable>.t-table__content>table>tbody tr{
  -webkit-transition:background-color .2s linear;
  transition:background-color .2s linear}
.t-table--striped.t-table--hoverable>.t-table__content>table>tbody tr:hover{
  background-color:var(--td-bg-color-container-hover)}
.t-table--hoverable tbody tr{
  -webkit-transition:background-color .2s linear;
  transition:background-color .2s linear}
.t-table--hoverable tbody tr:hover{
  background-color:var(--td-bg-color-container-hover)}
.t-table.t-table--align-top tbody td{
  vertical-align:top}
.t-table .t-table__cell--highlight{
  background-color:var(--td-bg-color-secondarycontainer)}
.t-table__header--fixed table{
  table-layout:fixed}
.t-table__header--fixed th,.t-table__header--fixed td{
  overflow-wrap:break-word}
.t-table__header--fixed.t-table__header,.t-table__header--fixed .t-table__header{
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  position:relative;
  z-index:5}
@-moz-document url-prefix(){
  .t-table__header--fixed .t-table__header{
  scrollbar-color:var(--td-scrollbar-color) transparent;
  scrollbar-width:thin}
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar{
  width:6px;
  height:6px}
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb{
  border:0px solid transparent;
  background-clip:content-box;
  background-color:var(--td-scrollbar-color);
  border-radius:11px}
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:vertical:hover,.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:horizontal:hover{
  background-color:var(--td-scrollbar-hover-color)}
.t-table__header--fixed .t-table__body{
  overflow-y:auto;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content}
@-moz-document url-prefix(){
  .t-table__header--fixed .t-table__body{
  scrollbar-color:var(--td-scrollbar-color) transparent;
  scrollbar-width:thin}
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar{
  width:6px;
  height:6px}
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb{
  border:0px solid transparent;
  background-clip:content-box;
  background-color:var(--td-scrollbar-color);
  border-radius:11px}
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:vertical:hover,.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:horizontal:hover{
  background-color:var(--td-scrollbar-hover-color)}
.t-table:not(.t-table--bordered) .t-table__cell--selectable+td,.t-table:not(.t-table--bordered) .t-table__cell--selectable+th{
  padding-left:0}
.t-table__cell--fixed.t-table__header--fixed .t-table__header{
  overflow:hidden;
  width:100%}
.t-table__cell--fixed.t-table__header--fixed .t-table__header .t-table__cell--fixed-left:last-child:after,.t-table__cell--fixed.t-table__header--fixed .t-table__header .t-table__cell--fixed-right:last-child:after{
  content:"";
  position:absolute;
  right:-6px;
  width:6px;
  height:100%;
  top:0;
  background-color:var(--td-bg-color-secondarycontainer)}
.t-table__cell--fixed.t-table__header--fixed .t-table__body{
  overflow:auto scroll}
.t-table__cell--fixed .t-table__content{
  overflow:auto hidden}
.t-table__cell--fixed table{
  table-layout:fixed;
  min-width:100%}
.t-table__cell--fixed th,.t-table__cell--fixed td{
  position:relative}
.t-table__cell--fixed .t-table__cell--fixed-left-last:before{
  z-index:-1;
  background-color:inherit}
.t-table__cell--fixed .t-table__cell--fixed-left-last:after{
  position:absolute;
  top:0;
  bottom:0;
  content:"";
  -webkit-transition:-webkit-box-shadow .3s;
  transition:-webkit-box-shadow .3s;
  transition:box-shadow .3s;
  transition:box-shadow .3s,-webkit-box-shadow .3s;
  pointer-events:none;
  z-index:-2}
.t-table__cell--fixed .t-table__cell--fixed-left-last:after{
  right:0;
  -webkit-transform:translateX(100%);
  transform:translate(100%)}
.t-table__cell--fixed .t-table__cell--fixed-right-first:before{
  z-index:-1;
  background-color:inherit}
.t-table__cell--fixed .t-table__cell--fixed-right-first:after{
  position:absolute;
  top:0;
  bottom:0;
  content:"";
  -webkit-transition:-webkit-box-shadow .3s;
  transition:-webkit-box-shadow .3s;
  transition:box-shadow .3s;
  transition:box-shadow .3s,-webkit-box-shadow .3s;
  pointer-events:none;
  z-index:-2}
.t-table__cell--fixed .t-table__cell--fixed-right-first:after{
  left:0;
  -webkit-transform:translateX(-100%);
  transform:translate(-100%)}
.t-table .t-table__cell-resizable{
  position:relative}
.t-table .t-table__cell-resizable .t-table__cell--resizer{
  position:absolute;
  top:0;
  right:-5px;
  bottom:0;
  z-index:10;
  width:10px;
  cursor:col-resize}
.t-table .t-table__row--disabled{
  color:var(--td-text-color-disabled)}
.t-table .t-table__cell--title{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-table__column-controller-desc{
  margin-bottom:var(--td-comp-margin-xxl)}
.t-table__column-controller-block{
  padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
  border:1px solid var(--td-component-border);
  border-bottom:1px solid var(--td-component-border)}
.t-table__column-controller-block+.t-table__column-controller-block{
  border-top:0;
  padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  border-bottom:1px solid var(--td-component-border)}
.t-table__column-controller--fixed .t-checkbox{
  width:108px}
.t-table.t-table__row--active-single tbody>tr.t-table__row--active,.t-table.t-table__row--active-multiple tbody>tr.t-table__row--active{
  background-color:var(--td-brand-color-light)}
.t-table.t-table__row--active-single tbody>tr.t-table__row--active.t-table__row--hover,.t-table.t-table__row--active-multiple tbody>tr.t-table__row--active.t-table__row--hover{
  background-color:var(--td-brand-color-light-hover)}
.t-table.t-table--hoverable tbody>tr.t-table__row--active:hover{
  background-color:var(--td-brand-color-light-hover)}
.t-table.t-table--row-expandable tbody>tr.t-table__row--hover,.t-table.t-table--row-select tbody>tr.t-table__row--hover,.t-table.t-table__row--active-multiple tbody>tr.t-table__row--hover{
  background-color:var(--td-bg-color-container-hover)}
.t-table--bordered .t-table__cell--sortable .t-table__cell--title,.t-table--bordered .t-table__cell--filterable .t-table__cell--title{
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between}
.t-table th.t-align-right .t-table__cell--title{
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end}
.t-table__cell--sort-trigger{
  text-align:center;
  vertical-align:text-bottom}
.t-table__cell--sort-trigger svg{
  vertical-align:initial}
.t-table--loading{
  position:relative}
.t-table--loading-progressbar{
  overflow:hidden;
  position:absolute;
  top:0;
  left:0;
  height:1px;
  background-color:var(--td-brand-color);
  -webkit-animation:tTableProgressbar 2s ease-in-out;
  animation:tTableProgressbar 2s ease-in-out;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both}
.t-table--loading-message{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  min-height:120px;
  color:var(--td-text-color-placeholder)}
.t-table__expanded-cell{
  padding-left:45px}
.t-table__async-loading{
  text-align:center}
.t-table__async-loading.t-is-load-more{
  cursor:pointer}
.t-table__empty{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  min-height:120px;
  color:var(--td-text-color-disabled)}
.t-table__filter-icon,.t-table__sort-icon{
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background-color:transparent;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  cursor:pointer;
  vertical-align:text-bottom;
  -webkit-transition:.2s linear;
  transition:.2s linear}
.t-table__filter-icon>svg,.t-table__sort-icon>svg{
  margin-top:0}
.t-table__sort-icon .t-is-focus,.t-table__sort-icon.t-is-focus,.t-table__sort-icon:hover{
  color:var(--td-brand-color);
  border-radius:var(--td-radius-circle);
  -webkit-transition:.2s linear;
  transition:.2s linear}
.t-table__filter-icon .t-is-focus,.t-table__filter-icon.t-is-focus,.t-table__filter-icon:hover{
  color:var(--td-brand-color);
  -webkit-transition:.2s linear;
  transition:.2s linear}
.t-table__filter-pop .t-popup__content{
  padding:0}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-inner{
  padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l)}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-inner .t-table__filter-popup-input{
  margin-bottom:var(--td-comp-margin-s)}
.t-table__filter-pop .t-table__filter-pop-content .t-radio-group{
  display:block;
  height:auto}
.t-table__filter-pop .t-table__filter-pop-content .t-checkbox-group{
  display:block}
.t-table__filter-pop .t-table__filter-pop-content .t-checkbox,.t-table__filter-pop .t-table__filter-pop-content .t-radio{
  display:block;
  margin:var(--td-comp-margin-xs) 0}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-button{
  border-top:1px solid var(--td-component-border);
  padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l)}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-button .t-button+.t-button{
  margin-left:var(--td-comp-margin-l)}
.t-table__filter-pop .t-table__list-filter-input--sticky .t-table__filter-pop-content .t-table__filter-pop-content-inner{
  padding:0;
  max-height:280px;
  overflow:auto;
  position:relative}
.t-table__filter-pop .t-table__list-filter-input--sticky .t-table__filter-pop-content .t-table__filter-pop-content-inner .t-input__wrap{
  padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l) 0 var(--td-comp-paddingLR-l);
  position:-webkit-sticky;
  position:sticky;
  top:0;
  z-index:1;
  background-color:var(--td-bg-color-container)}
.t-table__filter-pop .t-table__list-filter-input--sticky .t-table__filter-pop-content .t-table__filter-pop-content-inner .t-radio-group{
  padding:0 var(--td-comp-paddingLR-l)}
.t-table__filter-pop-content-inner>.t-input__wrap{
  width:200px}
.t-table__filter-pop-content-inner>.t-date-range-picker__panel{
  margin:calc(0px - var(--td-comp-margin-l))}
.t-table__sort-icon--active{
  color:var(--td-brand-color);
  -webkit-transition:.2s linear;
  transition:.2s linear}
.t-table__double-icons{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.t-table__double-icons .t-table__sort-icon{
  position:relative}
.t-table__double-icons .t-table-sort-asc{
  top:var(--td-comp-margin-xxs)}
.t-table__double-icons .t-table-sort-desc{
  bottom:var(--td-comp-margin-xxs)}
.t-table__filter-icon-wrap{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  pointer-events:all;
  height:var(--td-font-size-body-large);
  width:var(--td-font-size-body-large);
  margin-left:var(--td-comp-margin-s)}
.t-table--bordered .t-table__filter-icon-wrap{
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end}
.t-table--bordered .t-table__cell--sortable.t-table__cell--filterable .t-table__filter-icon-wrap{
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1}
.t-table .t-align-center .t-table__cell--sortable,.t-table .t-align-center .t-table__cell--filterable{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:distribute;
  justify-content:space-around}
.t-table__expand-box{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:100%;
  height:100%;
  color:var(--td-text-color-placeholder);
  cursor:pointer;
  -webkit-transition:all .2s cubic-bezier(.38,0,.24,1) 0s;
  transition:all .2s cubic-bezier(.38,0,.24,1) 0s}
.t-table__expand-box:hover{
  color:var(--td-brand-color);
  -webkit-transition:.2s linear;
  transition:.2s linear}
@-webkit-keyframes tTableProgressbar{
  0%{
  width:0}
to{
  width:100%}
}
@keyframes tTableProgressbar{
  0%{
  width:0}
to{
  width:100%}
}
.t-table__th-row-select .t-table__th-cell-inner{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-table-expandable-icon-cell+.t-table__cell--selectable[key=row-select]{
  padding-left:var(--td-comp-margin-s)}
.t-table__filter--bottom-buttons{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  border-top:1px solid var(--td-component-border)}
.t-table__filter--bottom-buttons>.t-button+.t-button{
  margin-left:var(--td-comp-margin-s)}
.t-table__row-filter-inner{
  position:-webkit-sticky;
  position:sticky;
  left:0;
  text-align:center}
.t-table__filter-result{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.t-table__filter-result>.t-button{
  margin-left:var(--td-comp-margin-s)}
.t-table--layout-fixed{
  table-layout:fixed}
.t-table--layout-auto{
  table-layout:auto}
.t-table__ellipsis{
  white-space:nowrap;
  width:100%}
.t-table__content{
  overflow:auto}
.t-table__content--scrollable-to-left .t-table__cell--fixed-left-last:after{
  border-right:2px solid var(--td-component-border)}
.t-table__content--scrollable-to-right .t-table__cell--fixed-right-first:after{
  border-left:2px solid var(--td-component-border)}
.t-table--bordered.t-table__content--scrollable-to-left .t-table__cell--fixed-left-last:after{
  border-right:4px solid var(--td-component-border)}
.t-table--bordered.t-table__content--scrollable-to-right .t-table__cell--fixed-right-first:after{
  border-left:4px solid var(--td-component-border)}
.t-table__scroll-bar-divider{
  position:absolute;
  bottom:0;
  right:0;
  height:100%;
  border-right:1px solid var(--td-component-border);
  z-index:71}
.t-table__footer,.t-table__header.t-table__header--fixed{
  position:-webkit-sticky;
  position:sticky;
  z-index:50}
.t-table:not(.t-table--striped) .t-table__footer>tr{
  background-color:var(--td-bg-color-secondarycontainer)}
.t-table__header--fixed:not(.t-table__header--multiple)>tr>th{
  background-color:var(--td-bg-color-secondarycontainer)}
.t-table__row--fixed-top,.t-table__row--fixed-bottom{
  position:-webkit-sticky;
  position:sticky;
  z-index:70}
.t-table__row--fixed-bottom-first>td{
  border-top:1px solid var(--td-component-border)}
.t-table--bordered .t-table__content .t-table__row--without-border-bottom>td{
  border-bottom:0}
.t-table--bordered tbody>tr:last-child>td,.t-table--bordered tfoot>tr:last-child>td{
  border-bottom:0}
.t-table--bordered tfoot>tr:first-child>td{
  border-top:1px solid var(--td-component-border)}
.t-table__header.t-table__header--fixed{
  top:0}
.t-table__footer.t-table__footer--fixed{
  bottom:0}
.t-table--column-fixed .t-table__cell--fixed-left-last:before{
  z-index:-1;
  background-color:inherit}
.t-table--column-fixed .t-table__cell--fixed-left-last:after{
  position:absolute;
  top:0;
  bottom:0;
  content:"";
  -webkit-transition:-webkit-box-shadow .3s;
  transition:-webkit-box-shadow .3s;
  transition:box-shadow .3s;
  transition:box-shadow .3s,-webkit-box-shadow .3s;
  pointer-events:none;
  z-index:-2}
.t-table--column-fixed .t-table__cell--fixed-left-last:after{
  right:0;
  -webkit-transform:translateX(100%);
  transform:translate(100%)}
.t-table--column-fixed .t-table__cell--fixed-right-first:before{
  z-index:-1;
  background-color:inherit}
.t-table--column-fixed .t-table__cell--fixed-right-first:after{
  position:absolute;
  top:0;
  bottom:0;
  content:"";
  -webkit-transition:-webkit-box-shadow .3s;
  transition:-webkit-box-shadow .3s;
  transition:box-shadow .3s;
  transition:box-shadow .3s,-webkit-box-shadow .3s;
  pointer-events:none;
  z-index:-2}
.t-table--column-fixed .t-table__cell--fixed-right-first:after{
  left:0;
  -webkit-transform:translateX(-100%);
  transform:translate(-100%)}
.t-table--column-fixed .t-table__cell--fixed-left,.t-table--column-fixed .t-table__cell--fixed-right{
  position:-webkit-sticky;
  position:sticky}
.t-table--column-fixed .t-table__cell--fixed-left{
  z-index:30}
.t-table--column-fixed .t-table__cell--fixed-right{
  z-index:31}
.t-table__empty-row>td{
  padding:0;
  border:0}
.t-table:not(.t-table--bordered) .t-table__header.t-table--bordered>tr:first-child>th{
  border-top:1px solid var(--td-component-border)}
.t-table--multiple-header .t-table__header th.t-table__header-th--bordered{
  border-left-width:1px}
.t-table__header.t-table__header--multiple>tr{
  background-color:var(--td-bg-color-container)}
.t-table__tree-op-icon{
  margin-right:var(--td-comp-margin-s);
  cursor:pointer;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  vertical-align:-3px}
.t-table__tree-op-icon:hover{
  color:var(--td-brand-color);
  -webkit-transition:.2s linear;
  transition:.2s linear}
.t-table__tree-leaf-node .t-table__tree-op-icon{
  min-width:0;
  margin-right:var(--td-comp-margin-xxs)}
.t-table__virtual-scroll-cursor{
  position:absolute;
  width:1px;
  height:1px;
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  transition:transform .2s;
  transition:transform .2s,-webkit-transform .2s}
.t-table__virtual-scroll-header{
  position:absolute;
  z-index:51;
  left:0}
.t-table__affixed-header-elm-wrap{
  overflow:hidden}
.t-table__affixed-header-elm-wrap,.t-table__affixed-header-elm{
  position:absolute;
  left:0;
  z-index:51}
.t-table__affixed-header-elm{
  overflow:auto;
  -webkit-transition:opacity .2s linear;
  transition:opacity .2s linear;
  opacity:1}
.t-table__affixed-footer-elm{
  overflow:auto;
  z-index:50}
.t-table--bordered .t-table__affixed-header-elm{
  border:1px solid var(--td-component-border);
  border-bottom:0;
  border-right:0}
.t-table--bordered .t-table__affixed-footer-elm{
  border-left:1px solid var(--td-component-border);
  border-bottom:1px solid var(--td-component-border)}
.t-table--multiple-header.t-table--bordered .t-table__affixed-header-elm{
  border-right:0}
.t-is-hidden{
  display:none}
.t-positive-rotate-90{
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg)}
.t-negative-rotate-180{
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)}
.t-table__expanded-row>td,.t-table__row--full>td{
  padding:0}
.t-table__row-full-element{
  padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l)}
.t-table__row-full-inner{
  position:-webkit-sticky;
  position:sticky;
  left:0}
.t-table__row-full-inner:not(.t-table__empty){
  display:inline-block}
.t-table__tree-col{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-table__tree-col--inline{
  display:inline}
.t-table--full-height{
  height:100%}
.t-table--loading .t-table__content{
  min-height:168px}
.t-table__handle-draggable:hover,.t-table--row-draggable tr,.t-table__th--drag-sort{
  cursor:move}
.t-table__ele--draggable-chosen{
  -webkit-box-shadow:var(--td-shadow-1);
  box-shadow:var(--td-shadow-1)}
.t-table:not(.t-table--row-edit) .t-table__cell--editable{
  min-height:22px;
  line-height:var(--td-line-height-body-medium);
  cursor:pointer}
.t-table:not(.t-table--row-edit) .t-table__cell--editable .t-icon{
  margin-left:var(--td-comp-margin-s);
  font-size:var(--td-font-size-body-large);
  -webkit-transition:.2s linear;
  transition:.2s linear;
  color:var(--td-text-color-placeholder)}
.t-table:not(.t-table--row-edit) .t-table__cell--editable .t-icon:hover{
  color:var(--td-brand-color)}
.t-table:not(.t-table--row-edit) .t-table__cell--editable:hover{
  -webkit-transition:.2s linear;
  transition:.2s linear}
.t-affix .t-table__pagination{
  background-color:var(--td-bg-color-container)}
.t-table--bordered .t-affix .t-table__pagination{
  border-top:1px solid var(--td-component-border)}
.t-table__bottom-content+.t-table__pagination-wrap .t-table__pagination{
  border:0;
  padding:0}
.t-table--column-resizable:not(.t-table--bordered) th{
  border-top:1px solid transparent}
.t-table--column-resizable:not(.t-table--bordered) thead.t-table__header:hover th:not(:last-child){
  border-right:1px solid var(--td-component-border)}
.t-table--column-resizable:not(.t-table--bordered) thead.t-table__header:hover th{
  border-top:1px solid var(--td-component-border)}
.t-table--column-resizable:not(.t-table--bordered).t-table__content--scrollable-to-left.t-table__content--scrollable-to-right thead.t-table__header:hover .t-table__cell--fixed-left-last:not(:last-child),.t-table--column-resizable:not(.t-table--bordered).t-table__content--scrollable-to-left thead.t-table__header:hover .t-table__cell--fixed-left-last:not(:last-child){
  border-right:0}
.t-table td.t-table__cell-check,.t-table th.t-table__cell-check{
  padding:0;
  height:0}
.t-table td.t-table__cell-check .t-radio__label:empty,.t-table th.t-table__cell-check .t-radio__label:empty,.t-table td.t-table__cell-check .t-checkbox__label:empty,.t-table th.t-table__cell-check .t-checkbox__label:empty{
  display:none}
.t-table .t-table__cell-check .t-radio,.t-table .t-table__cell-check .t-checkbox,.t-table .t-table__cell-check .t-table__th-cell-inner{
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-table td .t-input__tips{
  position:initial}
.t-table .t-table__sort-column{
  background-color:var(--td-bg-color-secondarycontainer)}
.t-table__ellipsis-content.t-size-s .t-popup__content{
  font:var(--td-font-body-medium)}
.t-list{
  font:var(--td-font-body-medium);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  overflow:auto;
  color:var(--td-text-color-primary);
  background:var(--td-bg-color-container)}
@-moz-document url-prefix(){
  .t-list{
  scrollbar-color:var(--td-scrollbar-color) transparent;
  scrollbar-width:thin}
}
.t-list::-webkit-scrollbar{
  width:6px;
  height:6px}
.t-list::-webkit-scrollbar-thumb{
  border:0px solid transparent;
  background-clip:content-box;
  background-color:var(--td-scrollbar-color);
  border-radius:11px}
.t-list::-webkit-scrollbar-thumb:vertical:hover,.t-list::-webkit-scrollbar-thumb:horizontal:hover{
  background-color:var(--td-scrollbar-hover-color)}
.t-list__inner{
  list-style:none;
  padding:0;
  margin:0}
.t-list-item{
  font:var(--td-font-body-medium);
  padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative}
.t-list-item:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px}
.t-list-item-main{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  width:100%;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1}
.t-list-item__meta{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-list-item__meta-avatar{
  width:var(--td-comp-size-xxxl);
  height:var(--td-comp-size-xxxl);
  border-radius:calc(var(--td-comp-size-xxxl) / 2);
  overflow:hidden;
  background:var(--td-bg-color-page);
  margin-right:var(--td-comp-margin-l);
  -ms-flex-negative:0;
  flex-shrink:0}
.t-list-item__meta-avatar img{
  max-width:100%;
  width:100%;
  height:100%}
.t-list-item__meta-title{
  padding:0;
  font:var(--td-font-title-medium);
  margin:0 0 var(--td-comp-margin-s);
  color:var(--td-text-color-primary)}
.t-list-item__meta-description{
  margin-right:var(--td-comp-margin-xxl);
  color:var(--td-text-color-primary)}
.t-list-item__action{
  list-style:none;
  padding:0;
  -ms-flex-negative:0;
  flex-shrink:0}
.t-list-item__action>li{
  display:inline-block}
.t-list-item__action>li:not(:last-child){
  margin-right:var(--td-comp-margin-l)}
.t-list-item__action>li .t-icon{
  color:var(--td-text-color-secondary);
  font-size:var(--td-comp-size-xxxs)}
.t-list-item__action>li .t-icon:hover{
  color:var(--td-text-color-link);
  cursor:pointer}
.t-list-item__action>li>a{
  text-decoration:none;
  color:var(--td-brand-color)}
.t-list--split .t-list-item:after{
  background:var(--td-border-level-1-color)}
.t-list--stripe .t-list-item:nth-child(2n){
  background:var(--td-bg-color-secondarycontainer)}
.t-list--vertical-action .t-list-item{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column}
.t-list.t-size-s .t-list-item{
  padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-m)}
.t-list.t-size-l .t-list-item{
  padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl)}
.t-list__header,.t-list__footer{
  background:var(--td-bg-color-container);
  padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l)}
.t-list__load{
  background:var(--td-bg-color-container);
  text-align:center;
  line-height:var(--td-line-height-body-medium)}
.t-list__load>div{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.t-list__load:not(:empty){
  padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l)}
.t-list__load .t-loading{
  font-size:var(--td-comp-size-xxxs);
  margin-right:var(--td-comp-margin-s)}
.t-list__load .t-loading.t-is-load-more{
  cursor:pointer}
.t-tabs{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  overflow:hidden;
  background-color:var(--td-bg-color-container)}
.t-tabs__header.t-is-left{
  float:left}
.t-tabs__header.t-is-right{
  float:right}
.t-tabs__header .t-icon{
  font-size:var(--td-font-size-body-large)}
.t-tabs__nav{
  position:relative;
  overflow:hidden;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none}
.t-tabs__operations{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  position:absolute;
  border-bottom:1px solid var(--td-component-stroke);
  background-color:var(--td-bg-color-container)}
.t-tabs__operations--left{
  left:0;
  z-index:2}
.t-tabs__operations--right{
  right:0;
  z-index:2}
.t-tabs__operations--right .t-tabs__btn:first-child{
  -webkit-box-shadow:-10px 0 20px 5px rgba(0,0,0,.05);
  box-shadow:-10px 0 20px 5px #0000000d}
.t-tabs__operations--right .t-tabs__nav-action{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:100%;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1}
.t-tabs__btn{
  width:40px;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background-color:var(--td-bg-color-secondarycontainer);
  border-left:1px solid var(--td-component-stroke);
  cursor:pointer;
  color:var(--td-text-color-secondary);
  font:var(--td-font-body-large);
  -webkit-transition:all .24s cubic-bezier(.38,0,.24,1);
  transition:all .24s cubic-bezier(.38,0,.24,1);
  z-index:1;
  opacity:1}
.t-tabs__btn:hover{
  background-color:var(--td-bg-color-secondarycontainer-hover)}
.t-tabs__btn.t-size-m{
  height:var(--td-comp-size-xxl);
  line-height:var(--td-comp-size-xxl)}
.t-tabs__btn.t-size-l{
  height:var(--td-comp-size-xxxxl);
  line-height:var(--td-comp-size-xxxxl)}
.t-tabs__btn--left{
  border-right:1px solid var(--td-component-stroke);
  -webkit-box-shadow:10px 0px 20px 5px rgba(0,0,0,.05);
  box-shadow:10px 0 20px 5px #0000000d}
.t-tabs__btn--left.fade-enter,.t-tabs__btn--left.fade-enter-from,.t-tabs__btn--left.fade-leave-to{
  -webkit-transform:translateX(-50px);
  transform:translate(-50px)}
.t-tabs__btn--right.fade-enter,.t-tabs__btn--right.fade-enter-from,.t-tabs__btn--right.fade-leave-to{
  -webkit-transform:translateX(50px);
  transform:translate(50px)}
.t-tabs__nav-container{
  position:relative}
.t-tabs__nav-container.t-is-top:after{
  content:"";
  width:100%;
  height:1px;
  position:absolute;
  inset:auto auto 0 0;
  background-color:var(--td-component-stroke)}
.t-tabs__nav-container.t-is-bottom:after{
  content:"";
  width:100%;
  height:1px;
  position:absolute;
  inset:0 auto auto 0;
  background-color:var(--td-component-stroke)}
.t-tabs__nav-container.t-is-left:after{
  content:"";
  width:1px;
  height:100%;
  position:absolute;
  inset:0 0 auto auto;
  background-color:var(--td-component-stroke)}
.t-tabs__nav-container.t-is-right:after{
  content:"";
  width:1px;
  height:100%;
  position:absolute;
  inset:0 auto auto 0;
  background-color:var(--td-component-stroke)}
.t-tabs__nav-container.t-is-addable{
  margin-right:40px}
.t-tabs__nav-container.t-tabs__nav--card:after{
  content:"";
  background-color:transparent}
.t-tabs__scroll-btn{
  position:absolute;
  z-index:1;
  width:40px;
  height:100%;
  display:block;
  background-color:var(--td-bg-color-secondarycontainer);
  text-align:center;
  border-bottom:1px solid var(--td-component-stroke);
  cursor:pointer;
  color:var(--td-text-color-secondary);
  font:var(--td-font-body-large)}
.t-tabs__scroll-btn.t-size-m{
  height:var(--td-comp-size-xxl);
  line-height:var(--td-comp-size-xxl)}
.t-tabs__scroll-btn.t-size-l{
  height:var(--td-comp-size-xxxxl);
  line-height:var(--td-comp-size-xxxxl)}
.t-tabs__nav-scroll{
  position:relative;
  display:inline-block;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-flex:1;
  -ms-flex:auto;
  flex:auto;
  -ms-flex-item-align:stretch;
  align-self:stretch;
  overflow:hidden;
  white-space:nowrap;
  -webkit-transform:translate(0);
  transform:translate(0);
  z-index:1}
.t-tabs__nav-wrap{
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-size:0}
.t-tabs__nav-wrap.t-is-smooth{
  -webkit-transition:-webkit-transform .24s cubic-bezier(0,0,.15,1);
  transition:-webkit-transform .24s cubic-bezier(0,0,.15,1);
  transition:transform .24s cubic-bezier(0,0,.15,1);
  transition:transform .24s cubic-bezier(0,0,.15,1),-webkit-transform .24s cubic-bezier(0,0,.15,1)}
.t-tabs__nav-wrap.t-is-vertical{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column}
.t-tabs__bar{
  position:absolute;
  background-color:var(--td-brand-color);
  z-index:1;
  -webkit-transition:all .24s cubic-bezier(.38,0,.24,1);
  transition:all .24s cubic-bezier(.38,0,.24,1);
  border-radius:var(--td-radius-small)}
.t-tabs__bar.t-is-top{
  bottom:0;
  left:0;
  height:3px}
.t-tabs__bar.t-is-bottom{
  top:0;
  left:0;
  height:3px}
.t-tabs__bar.t-is-left{
  top:0;
  right:0;
  width:3px}
.t-tabs__bar.t-is-right{
  top:0;
  left:0;
  width:3px}
.t-tabs__nav-item{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font:var(--td-font-body-medium);
  color:var(--td-text-color-secondary);
  position:relative;
  overflow:hidden;
  z-index:0;
  cursor:pointer;
  -ms-flex-negative:0;
  flex-shrink:0;
  -webkit-transition:background-color cubic-bezier(.38,0,.24,1) .2s;
  transition:background-color cubic-bezier(.38,0,.24,1) .2s;
  --ripple-color:var(--td-bg-color-container-active)}
.t-tabs__nav-item-wrapper{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  height:var(--td-comp-size-m);
  padding:0 var(--td-comp-paddingLR-s);
  margin-left:var(--td-comp-margin-s);
  margin-right:var(--td-comp-margin-s);
  border-radius:var(--td-radius-default);
  -webkit-transition:background-color cubic-bezier(.38,0,.24,1) .2s;
  transition:background-color cubic-bezier(.38,0,.24,1) .2s;
  --ripple-color:var(--td-bg-color-container-active)}
.t-tabs__nav-item.t-size-l{
  font:var(--td-font-body-large)}
.t-tabs__nav-item.t-size-l .t-tabs__nav-item-wrapper{
  height:var(--td-comp-size-xxl);
  padding:0 var(--td-comp-paddingLR-m)}
.t-tabs__nav-item-text-wrapper{
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover .t-tabs__nav-item-wrapper{
  background-color:var(--td-bg-color-container-hover)}
.t-tabs__nav-item.t-is-left,.t-tabs__nav-item.t-is-right{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-tabs__nav-item.t-size-m{
  height:var(--td-comp-size-xxl);
  line-height:var(--td-comp-size-xxl)}
.t-tabs__nav-item.t-size-l{
  height:var(--td-comp-size-xxxxl);
  line-height:var(--td-comp-size-xxxxl)}
.t-tabs__nav-item.t-is-active{
  color:var(--td-brand-color);
  text-shadow:0 0 .3px currentcolor}
.t-tabs__nav-item.t-is-disabled{
  color:var(--td-text-color-disabled);
  cursor:not-allowed}
.t-tabs__nav-item>.remove-btn{
  margin-left:var(--td-comp-margin-s);
  -webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
  transition:all .3s cubic-bezier(.645,.045,.355,1)}
.t-tabs__nav--card{
  background-color:var(--td-bg-color-secondarycontainer)}
.t-tabs__nav--card.t-tabs__nav-item{
  padding-right:var(--td-comp-paddingLR-l);
  padding-left:var(--td-comp-paddingLR-l);
  border-bottom:1px solid var(--td-component-stroke)}
.t-tabs__nav--card.t-tabs__nav-item:after{
  display:none}
.t-tabs__nav--card.t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover{
  background-color:var(--td-bg-color-secondarycontainer-hover)}
.t-tabs__nav--card.t-tabs__nav-item:not(:first-of-type){
  border-left:1px solid var(--td-component-stroke)}
.t-tabs__nav--card.t-tabs__nav-item:last-of-type{
  border-right:1px solid var(--td-component-stroke)}
.t-tabs__nav--card.t-tabs__nav-item.t-is-active{
  color:var(--td-brand-color);
  background-color:var(--td-bg-color-container);
  border-bottom-color:var(--td-bg-color-container)}
.t-tabs__nav--card.t-tabs__nav-item.t-size-l{
  padding-left:var(--td-comp-paddingLR-xl);
  padding-right:var(--td-comp-paddingLR-xl)}
.t-tabs__nav--card .t-icon-close{
  color:var(--td-text-color-secondary);
  -webkit-transition:color cubic-bezier(.38,0,.24,1) .2s;
  transition:color cubic-bezier(.38,0,.24,1) .2s}
.t-tabs__nav--card .t-icon-close:hover{
  color:var(--td-text-color-primary)}
.t-tabs__content{
  overflow:hidden;
  position:relative}
.t-tab-panel.t-is-hidden{
  display:none}
.t-notification{
  color:var(--td-text-color-primary);
  margin:0;
  padding:0;
  list-style:none;
  font:var(--td-font-body-medium);
  outline:0;
  border:0;
  background-color:var(--td-bg-color-container);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-shadow:var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);
  box-shadow:var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:var(--td-radius-medium);
  width:360px;
  padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l)}
.t-notification__icon{
  width:calc(var(--td-font-size-body-large) + 8px);
  text-align:center;
  margin-right:var(--td-comp-margin-s)}
.t-notification__icon .t-icon{
  font-size:calc(var(--td-font-size-body-large) + 8px)}
.t-notification .t-icon.t-is-info{
  color:var(--td-brand-color)}
.t-notification .t-icon.t-is-success{
  color:var(--td-success-color)}
.t-notification .t-icon.t-is-warning{
  color:var(--td-warning-color)}
.t-notification .t-icon.t-is-error{
  color:var(--td-error-color-6)}
.t-notification__main{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1}
.t-notification__title__wrap{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between}
.t-notification__title{
  font:var(--td-font-title-medium);
  color:var(--td-text-color-primary)}
.t-notification .t-icon-close{
  cursor:pointer;
  font-size:var(--td-font-size-body-large);
  border-radius:var(--td-radius-default);
  color:var(--td-text-color-secondary)}
.t-notification .t-icon-close:hover{
  background:var(--td-bg-color-container-hover)}
.t-notification .t-icon-close:active{
  background:var(--td-bg-color-container-active)}
.t-notification__content{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-secondary);
  margin-top:var(--td-comp-margin-s);
  max-height:66px;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical}
.t-notification__detail{
  margin-top:var(--td-comp-margin-l);
  text-align:right;
  font:var(--td-font-body-medium)}
.t-notification__detail-item{
  cursor:pointer}
.t-notification__detail-item:hover{
  color:inherit;
  background:var(--td-bg-color-container-hover)}
.t-notification__detail-item:active{
  color:inherit;
  background:var(--td-bg-color-container-active)}
.t-notification__detail-item+.t-notification__detail-item{
  margin-left:var(--td-comp-margin-s)}
.t-notification__detail-item.t-is-active{
  color:var(--td-brand-color)}
.t-notification__show--top-left{
  position:fixed;
  top:0;
  left:0}
.t-notification__show--top-left>.t-notification{
  -webkit-animation-duration:.3s;
  animation-duration:.3s;
  -webkit-animation-name:slidein-top-left;
  animation-name:slidein-top-left}
@-webkit-keyframes slidein-top-left{
  0%{
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)}
to{
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translateZ(0)}
}
@keyframes slidein-top-left{
  0%{
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)}
to{
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translateZ(0)}
}
.t-notification__show--top-right{
  position:fixed;
  top:0;
  right:0}
.t-notification__show--top-right>.t-notification{
  -webkit-animation-duration:.3s;
  animation-duration:.3s;
  -webkit-animation-name:slidein-top-right;
  animation-name:slidein-top-right}
@-webkit-keyframes slidein-top-right{
  0%{
  opacity:0;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)}
to{
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translateZ(0)}
}
@keyframes slidein-top-right{
  0%{
  opacity:0;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)}
to{
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translateZ(0)}
}
.t-notification__show--bottom-left{
  position:fixed;
  bottom:0;
  left:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse}
.t-notification__show--bottom-left>.t-notification{
  -webkit-animation-duration:.3s;
  animation-duration:.3s;
  -webkit-animation-name:slidein-bottom-left;
  animation-name:slidein-bottom-left}
@-webkit-keyframes slidein-bottom-left{
  0%{
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)}
to{
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translateZ(0)}
}
@keyframes slidein-bottom-left{
  0%{
  opacity:0;
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)}
to{
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translateZ(0)}
}
.t-notification__show--bottom-right{
  position:fixed;
  bottom:0;
  right:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse}
.t-notification__show--bottom-right>.t-notification{
  -webkit-animation-duration:.3s;
  animation-duration:.3s;
  -webkit-animation-name:slidein-bottom-right;
  animation-name:slidein-bottom-right}
@-webkit-keyframes slidein-bottom-right{
  0%{
  opacity:0;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)}
to{
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translateZ(0)}
}
@keyframes slidein-bottom-right{
  0%{
  opacity:0;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)}
to{
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translateZ(0)}
}
.t-notification-list__show{
  position:fixed}
a.t-menu__item{
  text-decoration:none;
  color:unset}
a.t-menu__item:hover,a.t-menu__item:active{
  color:inherit}
.t-menu__logo>*{
  margin-left:var(--td-comp-margin-xxl)}
.t-head-menu{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  position:relative;
  width:100%;
  background-color:var(--td-bg-color-container)}
.t-head-menu__inner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:var(--td-comp-size-xxxl)}
.t-head-menu__inner li+li{
  margin-left:var(--td-comp-margin-s)}
.t-head-menu__inner .t-menu:first-child{
  margin-left:var(--td-comp-margin-xxl)}
.t-head-menu .t-menu__logo:not(:empty){
  height:100%;
  margin-right:var(--td-comp-margin-xxxl)}
.t-head-menu .t-menu{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-head-menu .t-menu__operations:not(:empty){
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  height:var(--td-comp-size-xxxl);
  line-height:64px;
  text-align:right;
  margin-right:var(--td-comp-margin-s);
  overflow:hidden}
.t-head-menu .t-menu__operations-icon{
  width:var(--td-comp-size-m);
  height:var(--td-comp-size-m);
  padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
  line-height:var(--td-comp-size-m);
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-head-menu .t-submenu>.t-menu__item{
  overflow:unset}
.t-head-menu .t-submenu>.t-menu__item:before{
  content:"";
  display:block;
  position:absolute;
  bottom:-20px;
  left:0;
  right:0;
  height:20px}
.t-head-menu .t-menu__item{
  height:var(--td-comp-size-m);
  line-height:var(--td-comp-size-m);
  padding:0 var(--td-comp-paddingLR-l);
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-transition:all .28s cubic-bezier(.645,.045,.355,1);
  transition:all .28s cubic-bezier(.645,.045,.355,1);
  gap:var(--td-comp-margin-m)}
.t-head-menu__submenu{
  border-top:1px solid var(--td-component-stroke);
  padding-left:0}
.t-default-menu{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  position:relative;
  width:232px;
  display:inline-block;
  background:var(--td-bg-color-container);
  -webkit-transition:width .28s cubic-bezier(.645,.045,.355,1);
  transition:width .28s cubic-bezier(.645,.045,.355,1);
  white-space:nowrap}
.t-default-menu .t-menu__item{
  color:var(--td-text-color-secondary)}
.t-default-menu.t-is-collapsed{
  width:64px}
.t-default-menu.t-is-collapsed .t-menu__logo>*{
  margin-left:var(--td-comp-margin-l)}
.t-default-menu.t-is-collapsed .t-menu .t-menu__item{
  padding:0 14px;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.t-default-menu.t-is-collapsed .t-menu .t-menu__item .t-menu__item-link{
  margin-left:0;
  opacity:0;
  content:"";
  position:absolute;
  inset:0}
.t-default-menu.t-is-collapsed .t-fake-arrow{
  display:none}
.t-default-menu.t-is-collapsed .t-menu__item{
  text-overflow:initial}
.t-default-menu.t-is-collapsed .t-menu__item.t-is-active.t-is-opened{
  color:var(--td-brand-color);
  background-color:var(--td-brand-color-light)}
.t-default-menu.t-is-collapsed .t-menu__item.t-is-active.t-is-opened .t-icon{
  color:var(--td-brand-color)}
.t-default-menu.t-is-collapsed .t-menu__item.t-menu__item--plain:after{
  content:""}
.t-default-menu.t-is-collapsed .t-menu__item span{
  display:none}
.t-default-menu.t-is-collapsed .t-menu__item .t-icon{
  margin-right:initial}
.t-default-menu.t-is-collapsed .t-submenu-icon{
  display:none}
.t-default-menu.t-is-collapsed .t-submenu>.t-menu__item{
  min-width:initial}
.t-default-menu.t-is-collapsed .t-submenu>.t-menu__item:after{
  content:"";
  display:block;
  position:absolute;
  right:-20px;
  top:0;
  bottom:0;
  width:20px}
.t-default-menu.t-is-collapsed .t-menu-group:first-child .t-menu-group__title{
  display:none}
.t-default-menu.t-is-collapsed .t-menu-group:first-child .t-menu-group__title+*{
  margin-top:0}
.t-default-menu.t-is-collapsed .t-menu-group__title{
  padding:0;
  font-size:0}
.t-default-menu.t-is-collapsed .t-menu-group__title:after{
  content:"";
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  height:1px;
  width:20px;
  background:var(--td-component-stroke)}
.t-default-menu.t-is-collapsed .t-menu__operations{
  text-align:center}
.t-default-menu.t-is-collapsed .t-menu__operations-icon{
  display:block}
.t-default-menu.t-is-collapsed .t-menu__log>*{
  margin:0 auto}
.t-default-menu__inner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  height:100%}
.t-default-menu__inner .t-menu__logo:not(:empty){
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  height:var(--td-comp-size-xxxl);
  border-bottom:1px solid var(--td-component-stroke)}
.t-default-menu__inner .t-menu{
  padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-s);
  position:relative;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1}
.t-default-menu__inner .t-menu--scroll{
  overflow-y:auto;
  overflow-x:hidden}
@-moz-document url-prefix(){
  .t-default-menu__inner .t-menu--scroll{
  scrollbar-color:var(--td-scrollbar-color) transparent;
  scrollbar-width:thin}
}
.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar{
  width:6px;
  height:6px}
.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar-thumb{
  border:0px solid transparent;
  background-clip:content-box;
  background-color:var(--td-scrollbar-color);
  border-radius:11px}
.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar-thumb:vertical:hover,.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar-thumb:horizontal:hover{
  background-color:var(--td-scrollbar-hover-color)}
.t-default-menu__inner .t-menu>*:not(.t-menu-group):not(:first-child){
  margin-top:var(--td-comp-margin-xs)}
.t-default-menu__inner .t-menu .t-menu-group>*:not(:first-child),.t-default-menu__inner .t-menu .t-menu__sub>*:not(:first-child),.t-default-menu__inner .t-menu .t-submenu>*:not(:first-child){
  margin-top:var(--td-comp-margin-xs)}
.t-default-menu__inner .t-menu-group__title{
  position:relative;
  padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l) var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-l);
  color:var(--td-text-color-placeholder);
  font-size:var(--td-font-body-small);
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-default-menu .t-submenu{
  position:relative}
.t-default-menu .t-menu__operations:not(:empty){
  width:100%;
  position:relative;
  padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);
  top:0;
  left:0;
  text-align:left;
  border-top:solid 1px var(--td-component-stroke);
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-default-menu .t-menu__operations-icon{
  width:32px;
  height:32px;
  padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
  cursor:pointer;
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-default-menu .t-menu__item.t-is-opened{
  color:var(--td-text-color-primary);
  background-color:unset}
.t-default-menu .t-menu__item.t-is-opened .t-icon{
  color:var(--td-text-color-primary)}
.t-default-menu .t-menu__sub{
  padding:0;
  overflow:hidden}
.t-default-menu .t-menu__sub .t-menu__item{
  padding-left:var(--padding-left,32px)}
.t-default-menu .t-slide-down-enter-active .t-menu__sub{
  height:100%}
.t-default-menu .t-menu__item{
  position:relative;
  padding:0 10px 0 16px;
  height:var(--td-comp-size-l);
  line-height:var(--td-comp-size-l);
  border-bottom:0;
  text-align:left;
  border-radius:var(--td-radius-default);
  -webkit-transition:background-color .28s cubic-bezier(.38,0,.24,1),padding .28s cubic-bezier(.38,0,.24,1);
  transition:background-color .28s cubic-bezier(.38,0,.24,1),padding .28s cubic-bezier(.38,0,.24,1);
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-default-menu .t-menu__item .t-icon{
  width:20px;
  height:20px;
  -ms-flex-negative:0;
  flex-shrink:0}
.t-default-menu .t-menu__item .t-fake-arrow{
  margin-left:auto;
  min-width:16px}
.t-default-menu .t-menu__item.t-is-active:not(.t-is-opened){
  color:var(--td-brand-color);
  background-color:var(--td-brand-color-light)}
.t-default-menu .t-menu__item.t-is-active:not(.t-is-opened) .t-icon{
  color:var(--td-brand-color)}
.t-default-menu .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled){
  background:var(--td-bg-color-secondarycontainer-hover)}
.t-default-menu.t-menu--dark{
  background:var(--td-gray-color-13)}
.t-default-menu.t-menu--dark .t-menu__item{
  color:var(--td-font-white-2)}
.t-default-menu.t-menu--dark .t-menu__logo:not(:empty){
  border-bottom-color:var(--td-gray-color-10)}
.t-default-menu.t-menu--dark .t-menu__operations:not(:empty){
  border-top-color:var(--td-gray-color-10)}
.t-default-menu.t-menu--dark .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled){
  background-color:var(--td-gray-color-10)}
.t-default-menu.t-menu--dark .t-menu__item.t-is-active:not(.t-is-opened){
  color:var(--td-text-color-anti);
  background-color:var(--td-brand-color)}
.t-default-menu.t-menu--dark .t-menu__item.t-is-active:not(.t-is-opened) .t-icon{
  color:var(--td-text-color-anti)}
.t-default-menu.t-menu--dark .t-menu__item.t-is-opened.t-is-active{
  background-color:transparent}
.t-default-menu.t-menu--dark .t-menu-group__title{
  color:var(--td-font-white-3)}
.t-default-menu.t-menu--dark.t-is-collapsed .t-menu-group__title:after{
  background-color:var(--td-gray-color-10)}
.t-default-menu.t-menu--dark.t-is-collapsed .t-menu__item.t-is-active.t-is-opened{
  background-color:var(--td-brand-color);
  color:var(--td-text-color-anti)}
.t-default-menu.t-menu--dark.t-is-collapsed .t-menu__item.t-is-active.t-is-opened .t-icon{
  color:var(--td-text-color-anti)}
.t-menu{
  color:var(--td-text-color-primary);
  font:var(--td-font-body-medium);
  list-style:none;
  padding:0;
  margin:0}
.t-menu--dark{
  color:var(--td-font-white-2)}
.t-menu__logo:not(:empty){
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-menu .t-submenu{
  position:relative}
.t-menu .t-submenu.t-is-active>.t-menu__item{
  color:var(--td-gray-color-13)}
.t-menu .t-submenu.t-is-active>.t-menu__item .t-icon{
  color:var(--td-gray-color-13)}
.t-menu .t-submenu .t-submenu-icon{
  width:16px;
  height:16px}
.t-menu .t-submenu.t-is-opened .t-submenu-icon{
  -webkit-transform:scaleY(-1);
  transform:scaleY(-1)}
.t-menu__spacer:before{
  content:"";
  display:block;
  position:absolute;
  z-index:1}
.t-menu__spacer--left:before{
  left:-16px;
  width:16px;
  top:0;
  bottom:0}
.t-menu__spacer--top:before{
  top:-20px;
  left:0;
  right:0;
  height:20px}
.t-menu__item{
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  height:40px;
  line-height:40px;
  text-align:center;
  color:var(--td-text-color-primary);
  cursor:pointer;
  text-overflow:ellipsis;
  border-radius:var(--td-radius-default);
  --ripple-color:var(--td-bg-color-container-active)}
.t-menu__item::-moz-selection{
  background:transparent}
.t-menu__item::selection{
  background:transparent}
.t-menu__item-spacer{
  overflow:unset}
.t-menu__item-spacer:before{
  content:"";
  display:block;
  position:absolute;
  z-index:1}
.t-menu__item-spacer--right:before{
  right:-16px;
  width:16px;
  top:0;
  bottom:0}
.t-menu__item-spacer--bottom:before{
  bottom:-20px;
  left:0;
  right:0;
  height:20px}
.t-menu__item a{
  color:unset;
  text-decoration:none}
.t-menu__item a.t-menu__item-link{
  color:unset;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap}
.t-menu__item a.t-menu__item-link:before{
  content:"";
  position:absolute;
  inset:0}
.t-menu__item.t-is-active{
  color:var(--td-brand-color);
  background-color:var(--td-brand-color-light)}
.t-menu__item.t-is-opened{
  color:var(--td-brand-color)}
.t-menu__item:hover:not(.t-is-active):not(.t-is-opened):not(.t-is-disabled){
  background-color:var(--td-bg-color-container-hover)}
.t-menu__item.t-is-disabled{
  color:var(--td-text-color-disabled);
  cursor:not-allowed}
.t-menu__content{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap}
.t-icon+.t-menu__content,.t-icon+.t-menu__item-link{
  margin-left:var(--td-comp-margin-s)}
.t-menu--dark.t-head-menu{
  background-color:var(--td-gray-color-13)}
.t-menu--dark .t-menu__item{
  color:var(--td-text-color-anti);
  --ripple-color:var(--td-gray-color-11)}
.t-menu--dark .t-menu__item.t-is-active{
  color:var(--td-text-color-anti);
  background-color:var(--td-brand-color)}
.t-menu--dark .t-menu__item.t-is-opened,.t-menu--dark .t-menu__item.t-is-opened .t-icon{
  color:var(--td-text-color-anti)}
.t-menu--dark .t-menu__item.t-is-disabled{
  color:var(--td-font-white-4)}
.t-menu--dark .t-menu__item:hover:not(.t-is-active):not(.t-is-opened):not(.t-is-disabled){
  background-color:var(--td-gray-color-10)}
.t-menu--dark .t-menu__popup{
  background:var(--td-gray-color-13);
  border:solid .5px var(--td-gray-color-10)}
.t-menu--dark .t-menu__popup .t-menu__item{
  color:var(--td-text-color-anti);
  border-radius:var(--td-radius-default)}
.t-menu--dark .t-menu__popup .t-menu__item.t-is-active{
  color:var(--td-text-color-anti);
  background-color:var(--td-brand-color)}
.t-menu--dark .t-menu__popup .t-menu__item:hover:not(.t-is-active){
  background-color:var(--td-gray-color-10)}
.t-menu--dark .t-head-menu__submenu{
  border-top:1px solid transparent}
.t-menu--dark .t-menu__operations-icon{
  color:var(--td-bg-color-container)}
.t-menu--dark .t-menu__operations-icon:hover{
  background-color:var(--td-brand-color)}
.t-menu__popup{
  overflow:hidden;
  background:var(--td-bg-color-container);
  z-index:1000;
  border-radius:var(--td-radius-medium);
  opacity:0;
  list-style:none;
  padding:0;
  margin:0}
.t-menu__popup.t-popup__content{
  position:absolute}
.t-menu__popup-wrapper{
  padding:var(--td-pop-padding-m);
  height:100%;
  list-style:none;
  margin:0}
@-moz-document url-prefix(){
  .t-menu__popup-wrapper{
  scrollbar-color:var(--td-scrollbar-color) transparent;
  scrollbar-width:thin}
}
.t-menu__popup-wrapper::-webkit-scrollbar{
  width:8px;
  height:8px}
.t-menu__popup-wrapper::-webkit-scrollbar-thumb{
  border:2px solid transparent;
  background-clip:content-box;
  background-color:var(--td-scrollbar-color);
  border-radius:15px}
.t-menu__popup-wrapper::-webkit-scrollbar-thumb:vertical:hover,.t-menu__popup-wrapper::-webkit-scrollbar-thumb:horizontal:hover{
  background-color:var(--td-scrollbar-hover-color)}
.t-menu__popup .t-fake-arrow{
  margin-left:auto}
.t-menu__popup .t-menu__item{
  padding-left:var(--td-comp-paddingLR-l);
  padding-right:var(--td-comp-paddingLR-l)}
.t-menu__popup.t-is-vertical{
  min-width:var(--popup-width,160px)}
.t-menu__popup.t-is-horizontal .t-menu__item{
  white-space:nowrap}
.t-menu__popup.t-is-horizontal li+li{
  margin-top:var(--td-comp-margin-xs)}
.t-menu__popup.t-is-opened{
  opacity:1;
  -webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.1),0 8px 10px 1px rgba(0,0,0,.06),0 3px 14px 6px rgba(0,0,0,.05);
  box-shadow:0 5px 5px -3px #0000001a,0 8px 10px 1px #0000000f,0 3px 14px 6px #0000000d;
  overflow:visible}
.t-menu__popup .t-menu__item{
  color:var(--td-text-color-primary);
  height:var(--td-comp-size-s);
  line-height:var(--td-comp-size-s)}
.t-menu__popup .t-menu__item+.t-menu__item{
  margin-left:0}
.t-menu__popup .t-menu__item:hover:not(.t-is-active){
  background-color:var(--td-bg-color-container-hover)}
.t-menu__popup .t-is-disabled{
  color:var(--td-text-color-disabled)}
.t-menu__operations-icon{
  margin-right:var(--td-comp-margin-l);
  border-radius:var(--td-radius-default);
  color:var(--td-text-color-primary);
  -webkit-transition:background-color .24s cubic-bezier(.38,0,.24,1);
  transition:background-color .24s cubic-bezier(.38,0,.24,1)}
.t-menu__operations-icon:hover{
  background-color:var(--td-brand-color-light)}
.t-opacity-transition{
  -webkit-transition:opacity .28s cubic-bezier(.55,0,.1,1);
  transition:opacity .28s cubic-bezier(.55,0,.1,1)}
.horizontal-collapse-transition .t-submenu__title .t-submenu__icon-arrow{
  -webkit-transition:.2s;
  transition:.2s;
  opacity:0}
.t-menu__popup{
  top:0;
  left:calc(100% - var(--td-pop-padding-m))}
.t-menu__popup .t-menu__item:not(:first-child),.t-menu__popup .t-submenu:not(:first-child){
  margin-top:var(--td-comp-margin-xxs)}
.t-is-head-menu .t-menu__popup{
  margin-top:calc((var(--td-comp-size-xxxl) - var(--td-comp-size-m)) / 2)!important}
.t-menu-is-nested .t-menu__popup{
  margin-top:calc(0px - var(--td-pop-padding-m))!important}
@-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}
.t-dialog__ctx.t-dialog__ctx--modeless .t-dialog{
  -webkit-box-shadow:var(--td-shadow-3);
  box-shadow:var(--td-shadow-3)}
.t-tree{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  position:relative}
.t-tree.t-is-disabled,.t-tree.t-is-disabled .t-icon{
  color:var(--td-text-color-disabled)}
.t-tree.t-is-disabled .t-tree__item.t-is-active{
  background-color:var(--td-bg-color-container-hover);
  color:var(--td-text-color-disabled)}
.t-tree.t-is-disabled .t-tree__item .t-icon{
  color:var(--td-text-color-secondary)}
.t-tree__empty{
  color:var(--td-text-color-disabled)}
.t-tree__branch{
  display:block}
.t-tree__item{
  --level:0;
  --hscale:2;
  will-change:opacity,max-height;
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:0 0 0 calc(var(--td-comp-margin-xxl) * var(--level));
  cursor:default;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-perspective:1000;
  perspective:1000}
.t-tree__item .t-icon,.t-tree__item .t-loading{
  display:inline-block;
  position:relative;
  z-index:2;
  font-size:calc(var(--td-font-size-body-medium) + 2px)}
.t-tree__item .t-icon{
  color:var(--td-text-color-secondary)}
.t-tree__item .t-checkbox{
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:0}
.t-tree__item .t-checkbox__input{
  -ms-flex-negative:0;
  flex-shrink:0}
.t-tree__item .t-checkbox__label{
  overflow:hidden;
  text-overflow:ellipsis}
.t-tree__item .t-tree__icon--default .t-icon{
  -webkit-transform:rotate(0);
  transform:rotate(0)}
.t-tree__item--open .t-icon{
  color:var(--td-text-color-brand)}
.t-tree__item--open .t-tree__icon--default .t-icon{
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg)}
.t-tree__item--clickable{
  cursor:pointer}
.t-tree__item--locked{
  color:var(--td-text-color-disabled)}
.t-tree__item--matched{
  color:inherit}
.t-tree__item--draggable{
  cursor:pointer}
.t-tree__item--draggable:hover{
  background-color:var(--td-bg-color-container-hover);
  background-clip:content-box}
.t-tree__item--draggable:after{
  position:absolute;
  top:-1px;
  right:0;
  left:0;
  display:block;
  height:2px;
  border-radius:1px;
  content:"";
  padding:inherit;
  background-clip:content-box}
.t-tree__item--tip-top:after{
  background-color:var(--td-brand-color)}
.t-tree__item--tip-bottom:after{
  top:unset;
  bottom:-1px;
  background-color:var(--td-brand-color)}
.t-tree__item--tip-highlight{
  background-color:var(--td-brand-color-light);
  background-clip:content-box}
.t-tree__item:before{
  content:"";
  display:block;
  width:0;
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  height:calc(var(--td-comp-size-m) + 2px)}
.t-tree--block-node .t-tree__label{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1}
.t-tree--hoverable .t-tree__label:not(.t-is-active):not(.t-is-checked):hover{
  background-color:var(--td-bg-color-container-hover)}
.t-tree__line{
  --level:0;
  --color:var(--td-border-level-1-color);
  --space:var(--td-comp-margin-xxl);
  --iconSize:16px;
  position:absolute;
  left:calc(var(--td-comp-margin-xxl) * var(--level) - var(--td-comp-margin-l));
  bottom:var(--td-comp-margin-l);
  width:1px;
  height:calc(var(--td-comp-size-m) + 2px);
  pointer-events:none}
.t-tree__line:before{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  display:block;
  height:calc(var(--td-comp-size-m) + 2px);
  width:var(--td-comp-margin-m);
  border-left:1px solid var(--color);
  border-bottom:1px solid var(--color)}
.t-tree__line--first:before{
  height:var(--td-line-height-body-medium)}
.t-tree__line--leaf:before{
  width:var(--td-comp-margin-m)}
.t-tree__icon{
  position:relative;
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  text-align:center;
  width:calc(var(--td-font-size-body-medium) + 2px);
  font-size:0;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  cursor:pointer}
.t-tree__icon:after{
  content:"";
  display:block;
  position:absolute;
  left:-2px;
  top:-2px;
  width:calc(calc(var(--td-font-size-body-medium) + 2px) + 4px);
  height:calc(calc(var(--td-font-size-body-medium) + 2px) + 4px);
  border-radius:var(--td-radius-default)}
.t-tree__icon:not(:empty):hover{
  background-color:var(--td-bg-color-container-hover)}
.t-tree__icon:empty{
  cursor:initial}
.t-tree__label{
  --ripple-color:var(--td-bg-color-container-active);
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  padding:var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xs);
  margin-left:var(--td-comp-margin-xs);
  border-radius:var(--td-radius-default);
  cursor:pointer;
  white-space:nowrap;
  word-wrap:normal;
  overflow:hidden;
  text-overflow:ellipsis}
.t-tree__label.t-is-checked{
  font-weight:500;
  color:var(--td-text-color-primary);
  background-color:var(--td-brand-color-light)}
.t-tree__label::-moz-selection{
  background-color:transparent}
.t-tree__label::selection{
  background-color:transparent}
.t-is-active .t-tree__label{
  font-weight:500;
  color:var(--td-text-color-primary);
  background-color:var(--td-brand-color-light)}
.t-tree__space{
  display:block;
  -webkit-box-flex:1;
  -ms-flex:1 0 auto;
  flex:1 0 auto}
.t-tree__operations{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-left:auto}
.t-tree__operations .t-icon{
  cursor:pointer}
.t-tree__item.t-is-disabled{
  color:var(--td-text-color-disabled);
  cursor:default}
.t-tree__item.t-is-disabled .t-checkbox{
  cursor:default}
.t-tree__item--hidden{
  display:none}
.t-tree--transition .t-tree__label{
  -webkit-transition:background-color .24s cubic-bezier(.38,0,.24,1);
  transition:background-color .24s cubic-bezier(.38,0,.24,1)}
.t-tree--transition .t-tree__icon{
  -webkit-transition:color,-webkit-transform .24s cubic-bezier(.38,0,.24,1);
  transition:color,-webkit-transform .24s cubic-bezier(.38,0,.24,1);
  transition:color,transform .24s cubic-bezier(.38,0,.24,1);
  transition:color,transform .24s cubic-bezier(.38,0,.24,1),-webkit-transform .24s cubic-bezier(.38,0,.24,1)}
.t-tree--transition .t-tree__icon:after{
  -webkit-transition:.2s linear;
  transition:.2s linear}
.t-tree--transition .t-tree__icon:not(:empty):hover{
  -webkit-transition:.2s linear;
  transition:.2s linear}
.t-tree--transition .t-tree__icon--default .t-icon{
  -webkit-transition:color,-webkit-transform cubic-bezier(.38,0,.24,1) .2s;
  transition:color,-webkit-transform cubic-bezier(.38,0,.24,1) .2s;
  transition:color,transform cubic-bezier(.38,0,.24,1) .2s;
  transition:color,transform cubic-bezier(.38,0,.24,1) .2s,-webkit-transform cubic-bezier(.38,0,.24,1) .2s}
.t-tree--transition .t-tree__item--visible{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  max-height:calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px);
  opacity:1;
  -webkit-transition:opacity .15s linear .15s,max-height .15s linear 0s;
  transition:opacity .15s linear .15s,max-height .15s linear 0s}
.t-tree--transition .t-tree__item--hidden{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  max-height:0;
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-animation:initial;
  animation:initial;
  -webkit-transition:opacity .15s linear 0s,max-height .15s linear .15s;
  transition:opacity .15s linear 0s,max-height .15s linear .15s}
.t-tree--transition .t-tree__item--enter-active{
  -webkit-animation:t-tree-toggle .3s linear;
  animation:t-tree-toggle .3s linear}
.t-tree--transition .t-tree__item--leave-active{
  animation:t-tree-toggle .3s reverse linear forwards}
.t-tree__vscroll,.t-tree__lazyload{
  overflow-y:auto}
.t-tree__vscroll-cursor{
  position:absolute;
  width:1px;
  height:1px;
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  transition:transform .2s;
  transition:transform .2s,-webkit-transform .2s}
.t-tree--scrolling .t-tree__item{
  will-change:initial}
.t-tree--scrolling .v-enter,.t-tree--scrolling .v-leave,.t-tree--scrolling .t-tree__item--visible,.t-tree--scrolling .t-tree__item--hidden,.t-tree--scrolling .t-tree__item--enter,.t-tree--scrolling .t-tree__item--enter-active,.t-tree--scrolling .t-tree__item--enter-to,.t-tree--scrolling .t-tree__item--leave,.t-tree--scrolling .t-tree__item--leave-active .t-tree__item--leave-to{
  -webkit-animation:none;
  animation:none;
  -webkit-transition:none;
  transition:none}
.t-tree--scrolling .t-tree__item--visible,.t-tree--scrolling .t-tree__item--enter-to,.t-tree--scrolling .t-tree__item--enter-active{
  max-height:initial}
.t-tree--scrolling .t-tree__item--leave-to,.t-tree--scrolling .t-tree__item--leave-active{
  max-height:0}
@-webkit-keyframes t-tree-toggle{
  0%{
  opacity:0;
  max-height:0}
50%{
  opacity:0;
  max-height:calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px)}
to{
  opacity:1;
  max-height:calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px)}
}
@keyframes t-tree-toggle{
  0%{
  opacity:0;
  max-height:0}
50%{
  opacity:0;
  max-height:calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px)}
to{
  opacity:1;
  max-height:calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px)}
}
.t-tree-select{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none}
.t-tree-select--without-input input{
  display:none}
.t-tree-select--without-input .t-input__suffix-icon{
  margin-left:auto}
.t-tree-select .t-fake-arrow{
  -webkit-transition:color .2s cubic-bezier(.38,0,.24,1);
  transition:color .2s cubic-bezier(.38,0,.24,1);
  color:var(--td-text-color-placeholder)}
.t-tree-select .t-fake-arrow--highlight{
  color:var(--td-text-color-brand)}
.t-tree-select .t-fake-arrow--disable{
  color:var(--td-text-color-disabled)}
.t-tree-select--placeholder{
  color:var(--td-text-color-placeholder)}
.t-tree-select.t-single-suffix{
  padding-right:20px}
.t-tree-select.t-tag-prefix{
  padding-left:4px}
.t-tree-select-popup .t-popup__content{
  padding:var(--td-pop-padding-m);
  max-height:300px;
  overflow-y:auto}
@-moz-document url-prefix(){
  .t-tree-select-popup .t-popup__content{
  scrollbar-color:var(--td-scrollbar-color) transparent;
  scrollbar-width:thin}
}
.t-tree-select-popup .t-popup__content::-webkit-scrollbar{
  width:8px;
  height:8px}
.t-tree-select-popup .t-popup__content::-webkit-scrollbar-thumb{
  border:2px solid transparent;
  background-clip:content-box;
  background-color:var(--td-scrollbar-color);
  border-radius:15px}
.t-tree-select-popup .t-popup__content::-webkit-scrollbar-thumb:vertical:hover,.t-tree-select-popup .t-popup__content::-webkit-scrollbar-thumb:horizontal:hover{
  background-color:var(--td-scrollbar-hover-color)}
.t-divider{
  margin:0;
  padding:0;
  list-style:none;
  font:var(--td-font-body-medium);
  margin:var(--td-comp-margin-xxl) 0;
  border-top:1px solid var(--td-border-level-1-color);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-divider--dashed{
  border-top-style:dashed}
.t-divider--horizontal{
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-divider--vertical{
  border-top:0;
  display:inline-block;
  margin:0 var(--td-comp-margin-m);
  border-left:1px solid var(--td-border-level-1-color);
  height:.9em;
  vertical-align:middle}
.t-divider--with-text{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border-top:0;
  white-space:nowrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-divider--with-text .t-divider__inner-text:not(:empty){
  padding:0 1em;
  display:inline-block}
.t-divider--with-text:before,.t-divider--with-text:after{
  content:"";
  width:50%;
  border-top:1px solid var(--td-border-level-1-color)}
.t-divider--with-text-left:before{
  width:5%}
.t-divider--with-text-left:after{
  width:95%}
.t-divider--with-text-right:before{
  width:95%}
.t-divider--with-text-right:after{
  width:5%}
.t-divider--dashed:before,.t-divider--dashed:after{
  border-top:1px dashed var(--td-border-level-1-color)}
.t-divider--vertical.t-divider--dashed{
  border-left:1px dashed var(--td-border-level-1-color)}
.t-switch{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  list-style:none;
  position:relative;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  vertical-align:middle;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  outline:none;
  border:0;
  padding:0;
  margin:0;
  height:var(--td-comp-size-xxs);
  line-height:var(--td-comp-size-xxs);
  border-radius:var(--td-radius-round);
  min-width:calc(var(--td-comp-size-xxs) / .618);
  -webkit-transition:all .2s cubic-bezier(.38,0,.24,1);
  transition:all .2s cubic-bezier(.38,0,.24,1);
  background-color:var(--td-bg-color-secondarycomponent);
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none}
.t-switch:hover{
  background-color:var(--td-bg-color-secondarycomponent-hover)}
.t-switch__handle{
  position:absolute;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  top:4px;
  left:4px;
  width:calc(var(--td-comp-size-xxs) - 2 * 4px);
  height:calc(var(--td-comp-size-xxs) - 2 * 4px);
  border-radius:var(--td-radius-round);
  -webkit-transition:all .2s cubic-bezier(.38,0,.24,1);
  transition:all .2s cubic-bezier(.38,0,.24,1);
  -webkit-box-shadow:var(--td-shadow-1);
  box-shadow:var(--td-shadow-1)}
.t-switch__handle .t-icon{
  font-size:calc(var(--td-comp-size-xxs) - 4px);
  color:transparent}
.t-switch__handle:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:var(--td-radius-round);
  background-color:#fff;
  -webkit-transition:all .2s cubic-bezier(.38,0,.24,1);
  transition:all .2s cubic-bezier(.38,0,.24,1)}
.t-switch:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle:before{
  left:0;
  right:-6px}
.t-switch:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle:before{
  right:0;
  left:-6px}
.t-switch:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__content{
  opacity:0}
.t-switch__content{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  color:var(--td-text-color-anti);
  padding:0 var(--td-comp-margin-xs) 0 calc(calc(var(--td-comp-size-xxs) / .618) / 2 + 2px);
  font-size:var(--td-font-size-body-small);
  min-width:calc(var(--td-comp-size-xxs) / .618);
  -webkit-transition:padding .2s cubic-bezier(.38,0,.24,1),opacity .2s linear;
  transition:padding .2s cubic-bezier(.38,0,.24,1),opacity .2s linear}
.t-switch__content .t-icon{
  font-size:var(--td-font-size-body-large)}
.t-switch.t-is-checked{
  background-color:var(--td-brand-color)}
.t-switch.t-is-checked:hover{
  background-color:var(--td-brand-color-hover)}
.t-switch.t-is-checked .t-switch__handle{
  left:calc(100% - 2.5px);
  -webkit-transform:translate(-100%,0);
  transform:translate(-100%);
  width:calc(var(--td-comp-size-xxs) - 2 * 2.5px);
  height:calc(var(--td-comp-size-xxs) - 2 * 2.5px);
  top:2.5px}
.t-switch.t-is-checked .t-switch__content{
  padding:0 calc(calc(var(--td-comp-size-xxs) / .618) / 2 + 2px) 0 var(--td-comp-margin-xs);
  color:var(--td-text-color-anti)}
.t-switch.t-is-loading{
  cursor:not-allowed;
  background-color:var(--td-bg-color-component-disabled)}
.t-switch.t-is-loading .t-loading{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex}
.t-switch.t-is-loading .t-switch__handle .t-icon{
  color:var(--td-bg-color-component-disabled)}
.t-switch.t-is-loading.t-is-checked{
  background-color:var(--td-brand-color-focus)}
.t-switch.t-is-loading.t-is-checked .t-switch__handle .t-icon{
  color:var(--td-brand-color-focus)}
.t-switch.t-is-disabled{
  cursor:not-allowed;
  background-color:var(--td-bg-color-component-disabled)}
.t-switch.t-is-disabled .t-switch__handle{
  -webkit-box-shadow:none;
  box-shadow:none}
.t-switch.t-is-disabled.t-is-checked{
  background-color:var(--td-brand-color-disabled)}
.t-switch.t-is-disabled.t-is-checked .t-switch__handle{
  -webkit-box-shadow:none;
  box-shadow:none}
.t-switch.t-is-disabled.t-is-checked .t-switch__handle .t-icon{
  color:var(--td-brand-color-disabled)}
.t-switch.t-size-l{
  min-width:calc(var(--td-comp-size-xs) / .618);
  height:var(--td-comp-size-xs);
  line-height:var(--td-comp-size-xs);
  border-radius:var(--td-radius-round)}
.t-switch.t-size-l:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle:before{
  left:0;
  right:-8px}
.t-switch.t-size-l:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle:before{
  right:0;
  left:-8px}
.t-switch.t-size-l .t-switch__handle{
  top:5px;
  left:5px;
  width:calc(var(--td-comp-size-xs) - 2 * 5px);
  height:calc(var(--td-comp-size-xs) - 2 * 5px)}
.t-switch.t-size-l .t-switch__handle .t-icon{
  font-size:calc(var(--td-comp-size-xs) - 4px)}
.t-switch.t-size-l .t-switch__content{
  padding:0 var(--td-comp-margin-s) 0 calc(calc(var(--td-comp-size-xs) / .618) / 2 + 4px);
  min-width:calc(var(--td-comp-size-xs) / .618);
  font-size:var(--td-font-size-body-large)}
.t-switch.t-size-l .t-switch__content .t-icon{
  font-size:var(--td-font-size-body-large)}
.t-switch.t-size-l.t-is-checked .t-switch__handle{
  left:calc(100% - 3px);
  top:3px;
  width:calc(var(--td-comp-size-xs) - 2 * 3px);
  height:calc(var(--td-comp-size-xs) - 2 * 3px)}
.t-switch.t-size-l.t-is-checked .t-switch__content{
  padding:0 calc(calc(var(--td-comp-size-xs) / .618) / 2 + 4px) 0 var(--td-comp-margin-s)}
.t-switch.t-size-s{
  min-width:calc(var(--td-comp-size-xxxs) / .618);
  height:var(--td-comp-size-xxxs);
  line-height:var(--td-comp-size-xxxs);
  border-radius:var(--td-radius-round)}
.t-switch.t-size-s:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle:before{
  left:0;
  right:-4px}
.t-switch.t-size-s:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle:before{
  right:0;
  left:-4px}
.t-switch.t-size-s .t-switch__handle{
  top:3px;
  left:3px;
  width:calc(var(--td-comp-size-xxxs) - 2 * 3px);
  height:calc(var(--td-comp-size-xxxs) - 2 * 3px)}
.t-switch.t-size-s .t-switch__handle .t-icon{
  font-size:calc(var(--td-comp-size-xxxs) - 4px)}
.t-switch.t-size-s .t-switch__content{
  padding:0 var(--td-comp-margin-xxs) 0 calc(calc(var(--td-comp-size-xxxs) / .618) / 2 + 2px);
  min-width:calc(var(--td-comp-size-xxxs) / .618);
  font-size:9px}
.t-switch.t-size-s .t-switch__content .t-icon{
  font-size:var(--td-font-size-body-large)}
.t-switch.t-size-s.t-is-checked .t-switch__handle{
  left:calc(100% - 2px);
  top:2px;
  width:calc(var(--td-comp-size-xxxs) - 2 * 2px);
  height:calc(var(--td-comp-size-xxxs) - 2 * 2px)}
.t-switch.t-size-s.t-is-checked .t-switch__content{
  padding:0 calc(calc(var(--td-comp-size-xxxs) / .618) / 2 + 2px) 0 var(--td-comp-margin-xxs)}
.t-anchor{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  --td-anchor-space-base:var(--td-size-6);
  position:relative;
  background:var(--td-bg-color-container);
  width:200px;
  color:var(--td-text-color-primary);
  font:var(--td-font-body-medium)}
.t-anchor .t-is-active>a{
  color:var(--td-brand-color)}
.t-anchor__line{
  position:absolute;
  top:0;
  left:0;
  width:1px;
  height:100%;
  background-color:var(--td-component-stroke);
  cursor:pointer}
.t-anchor__line-cursor-wrapper{
  position:absolute;
  display:block;
  height:0;
  opacity:0;
  -webkit-transition:all .2s cubic-bezier(.24,.41,.51,.9);
  transition:all .2s cubic-bezier(.24,.41,.51,.9)}
.t-anchor__line-cursor-wrapper .t-anchor__line-cursor{
  width:1px;
  height:100%;
  background-color:var(--td-brand-color)}
.t-anchor__item{
  padding:var(--td-comp-paddingTB-xxs) var(--td-comp-paddingTB-l);
  --level:1;
  padding-left:calc(var(--level) * var(--td-anchor-space-base));
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column}
.t-anchor__item.t-is-active{
  font-weight:500}
.t-anchor__item-link{
  display:inline-block;
  position:relative;
  overflow:hidden;
  word-break:break-all;
  color:var(--td-text-color-primary);
  text-decoration:none;
  text-align:justify}
.t-anchor a{
  -webkit-transition:color .2s linear;
  transition:color .2s linear}
.t-anchor a:hover{
  color:var(--td-brand-color);
  cursor:pointer}
.t-anchor a:active{
  color:var(--td-brand-color-active)}
.t-anchor.t-size-s{
  width:120px}
.t-anchor.t-size-l{
  width:320px}
.t-anchor__target{
  cursor:pointer;
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary)}
@-webkit-keyframes fadeOut{
  0%{
  opacity:1}
to{
  opacity:0;
  display:none}
}
@keyframes fadeOut{
  0%{
  opacity:1}
to{
  opacity:0;
  display:none}
}
.t-anchor__target .t-anchor__copy{
  display:none;
  margin:0 0 0 var(--td-comp-margin-xs)}
.t-anchor__target:hover .t-anchor__copy{
  display:inline-block}
.t-anchor__target:target:after{
  display:inline-block;
  content:"";
  width:6px;
  height:6px;
  border-radius:var(--td-radius-circle);
  background-color:var(--td-brand-color);
  vertical-align:middle;
  -webkit-animation:fadeOut 2s 2s linear 1;
  animation:fadeOut 2s 2s linear 1;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards}
.t-calendar{
  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;
  border:1px solid var(--td-border-level-1-color);
  background-color:var(--td-bg-color-container);
  border-radius:var(--td-radius-large)}
.t-calendar .t-is-disabled.t-calendar__table-body-cell:hover{
  cursor:not-allowed}
.t-calendar .t-is-disabled .t-calendar__table-body-cell-display{
  color:var(--td-text-color-disabled)}
.t-calendar .t-is-disabled .t-calendar__table-body-cell-display:hover{
  -webkit-box-shadow:none;
  box-shadow:none}
.t-calendar--full{
  min-width:560px;
  padding:var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl)}
.t-calendar--full .t-calendar__control{
  padding:0}
.t-calendar--full .t-calendar__title{
  font:var(--td-font-title-large);
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1}
.t-calendar--full .t-calendar__panel{
  position:relative;
  margin-top:var(--td-comp-margin-xxxl)}
.t-calendar--full .t-calendar__panel-title{
  font:var(--td-font-title-large);
  color:var(--td-text-color-primary);
  position:absolute}
.t-calendar--full .t-calendar__table-head-cell,.t-calendar--full .t-calendar__table-body-cell{
  margin-right:var(--td-comp-margin-s);
  position:relative}
.t-calendar--full .t-calendar__table-body-cell{
  border-top:2px solid var(--td-border-level-1-color);
  padding:0;
  height:104px;
  line-height:var(--td-line-height-body-medium);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  margin-left:0;
  -webkit-transition-duration:.2s;
  transition-duration:.2s;
  -webkit-transition-property:border-top,background;
  transition-property:border-top,background;
  -webkit-transition-timing-function:linear;
  transition-timing-function:linear}
.t-calendar--full .t-calendar__table-body-cell-content{
  padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-xs);
  width:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-calendar--full .t-calendar__table-body-cell.t-is-checked,.t-calendar--full .t-calendar__table-body-cell.t-is-checked:hover{
  background-color:var(--td-brand-color-light)}
.t-calendar--full .t-calendar__table-body-cell--now{
  border-top:2px solid var(--td-brand-color)}
.t-calendar--full .t-calendar__table-body-cell--now .t-calendar__table-body-cell-display{
  color:var(--td-text-color-primary)}
.t-calendar--full .t-calendar__footer{
  height:90px;
  padding:var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl);
  border-top:1px solid var(--td-border-level-1-color)}
.t-calendar--card{
  width:280px;
  border-radius:var(--td-radius-medium);
  padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m)}
.t-calendar--card .t-calendar__control{
  padding:0}
.t-calendar--card .t-calendar__control-section{
  width:100%;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start}
.t-calendar--card .t-calendar__control-section-cell:last-child{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  text-align:right;
  display:block}
.t-calendar--card .t-calendar__panel.t-calendar__panel--month{
  height:200px;
  margin-top:var(--td-comp-margin-m)}
.t-calendar--card .t-calendar__panel.t-calendar__panel--year{
  height:168px;
  margin-top:var(--td-comp-margin-m)}
.t-calendar--card .t-calendar__panel.t-calendar__panel--year .t-calendar__table-body-cell-display{
  min-width:var(--td-comp-size-xxl)}
.t-calendar--card .t-calendar__table{
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  justify-self:start;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start}
.t-calendar--card .t-calendar__table-head-row,.t-calendar--card .t-calendar__table-body-row{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  background:var(--td-bg-color-container)}
.t-calendar--card .t-calendar__table-head-cell,.t-calendar--card .t-calendar__table-body-cell{
  width:100%;
  height:100%;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  font:var(--td-font-body-medium);
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-calendar--card .t-calendar__table-head-cell-display,.t-calendar--card .t-calendar__table-body-cell-display{
  width:var(--td-comp-size-xs);
  line-height:var(--td-comp-size-xs)}
.t-calendar--card .t-calendar__table-body{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  justify-self:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1}
.t-calendar--card .t-calendar__table-body-cell{
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-calendar--card .t-calendar__table-body-cell:hover{
  background-color:var(--td-bg-color-container)}
.t-calendar--card .t-calendar__table-body-cell-display{
  font:var(--td-font-body-medium);
  padding-top:calc(var(--td-comp-paddingTB-xxs) / 2);
  padding-bottom:calc(var(--td-comp-paddingTB-xxs) / 2);
  text-align:center;
  border-radius:var(--td-radius-default);
  -webkit-transition:all .2s linear;
  transition:all .2s linear}
.t-calendar--card .t-calendar__table-body-cell-display:hover{
  -webkit-box-shadow:inset 0 0 0 1px var(--td-brand-color);
  box-shadow:inset 0 0 0 1px var(--td-brand-color);
  -webkit-transition:-webkit-box-shadow .2s linear;
  transition:-webkit-box-shadow .2s linear;
  transition:box-shadow .2s linear;
  transition:box-shadow .2s linear,-webkit-box-shadow .2s linear}
.t-calendar--card .t-calendar__table-body-cell--now .t-calendar__table-body-cell-display{
  color:var(--td-brand-color);
  background-color:var(--td-brand-color-light);
  position:relative}
.t-calendar--card .t-is-checked .t-calendar__table-body-cell-display{
  background:var(--td-brand-color);
  border-radius:var(--td-radius-default);
  color:var(--td-text-color-anti)}
.t-calendar--card .t-calendar__footer{
  height:var(--td-comp-size-xxl);
  padding:0 var(--td-comp-paddingLR-m);
  border-top:1px solid var(--td-border-level-1-color)}
.t-calendar__control{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-calendar__control-section{
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-calendar__control-section:last-child{
  margin-right:0}
.t-calendar__control-section-cell{
  height:100%;
  margin-right:var(--td-comp-margin-s);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-calendar__control-section-cell .t-radio-group{
  vertical-align:bottom}
.t-calendar__control-section-cell .t-select{
  display:inline}
.t-calendar__control-section-cell:last-child{
  margin-right:0}
.t-calendar__panel{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:100%}
.t-calendar__table{
  border-collapse:collapse;
  border-spacing:0;
  width:100%;
  height:100%}
.t-calendar__table-head,.t-calendar__table-body{
  width:100%}
.t-calendar__table-head-row,.t-calendar__table-body-row{
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-calendar__table-head-cell,.t-calendar__table-body-cell{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  font:var(--td-font-title-small);
  color:var(--td-text-color-primary);
  cursor:default;
  padding:0}
.t-calendar__table-head-cell:last-child,.t-calendar__table-body-cell:last-child{
  margin-right:0}
.t-calendar__table-head{
  margin-bottom:var(--td-comp-margin-s);
  display:block}
.t-calendar__table-head-row{
  padding-bottom:0;
  background:var(--td-bg-color-container)}
.t-calendar__table-head-cell{
  height:100%;
  font:var(--td-font-title-small);
  color:var(--td-text-color-secondary)}
.t-calendar__table-body-cell{
  cursor:pointer}
.t-calendar__table-body-cell:hover{
  background-color:var(--td-bg-color-container-hover);
  -webkit-transition:background-color .2s linear;
  transition:background-color .2s linear}
.t-calendar__table-body-cell-display{
  font:var(--td-font-title-small);
  color:var(--td-text-color-primary)}
.t-link{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  cursor:pointer;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative;
  text-decoration:none;
  outline:none;
  padding:0;
  -webkit-transition:all .2s linear;
  transition:all .2s linear;
  font:var(--td-font-link-medium)}
.t-link .t-link__prefix-icon{
  margin-right:var(--td-comp-margin-s);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-link .t-link__suffix-icon{
  margin-left:var(--td-comp-margin-s);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-link.t-size-s{
  font:var(--td-font-link-small)}
.t-link.t-size-s .t-link__prefix-icon{
  margin-right:var(--td-comp-margin-xs);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-link.t-size-s .t-link__suffix-icon{
  margin-left:var(--td-comp-margin-xs);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-link.t-size-l{
  font:var(--td-font-link-large)}
.t-link.t-size-l .t-link__prefix-icon{
  margin-right:var(--td-comp-margin-m);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-link.t-size-l .t-link__suffix-icon{
  margin-left:var(--td-comp-margin-m);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-link--theme-default{
  color:var(--td-text-color-primary)}
.t-link--theme-default:active{
  color:var(--td-brand-color-active)}
.t-link--theme-default.t-link--hover-underline:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:0;
  bottom:0;
  border-bottom:1px solid var(--td-text-color-primary);
  opacity:0;
  -webkit-transition:all .2s linear;
  transition:all .2s linear}
.t-link--theme-default.t-link--hover-underline:hover:after{
  opacity:1}
.t-link--theme-default.t-link--hover-underline:active:after{
  opacity:1;
  border-color:var(--td-brand-color-active)}
.t-link--theme-default.t-link--hover-color:hover{
  color:var(--td-brand-color-hover)}
.t-link--theme-default.t-link--hover-color.t-is-underline:hover:after{
  border-color:var(--td-brand-color-hover)}
.t-link--theme-default.t-link--hover-color.t-is-underline:active:after{
  border-color:var(--td-brand-color-active)}
.t-link--theme-default.t-link--hover-color:active{
  color:var(--td-brand-color-active)}
.t-link--theme-default.t-is-underline:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:0;
  bottom:0;
  opacity:1;
  border-bottom:1px solid var(--td-text-color-primary);
  -webkit-transition:all .2s linear;
  transition:all .2s linear}
.t-link--theme-default.t-is-disabled{
  cursor:not-allowed;
  color:var(--td-text-color-disabled)}
.t-link--theme-default.t-is-disabled:hover,.t-link--theme-default.t-is-disabled:active{
  color:var(--td-text-color-disabled)}
.t-link--theme-default.t-is-disabled.t-is-underline:after{
  border-color:var(--td-text-color-disabled)}
.t-link--theme-primary{
  color:var(--td-brand-color)}
.t-link--theme-primary:active{
  color:var(--td-brand-color-active)}
.t-link--theme-primary.t-link--hover-underline:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:0;
  bottom:0;
  border-bottom:1px solid var(--td-brand-color);
  opacity:0;
  -webkit-transition:all .2s linear;
  transition:all .2s linear}
.t-link--theme-primary.t-link--hover-underline:hover:after{
  opacity:1}
.t-link--theme-primary.t-link--hover-underline:active:after{
  opacity:1;
  border-color:var(--td-brand-color-active)}
.t-link--theme-primary.t-link--hover-color:hover{
  color:var(--td-brand-color-hover)}
.t-link--theme-primary.t-link--hover-color.t-is-underline:hover:after{
  border-color:var(--td-brand-color-hover)}
.t-link--theme-primary.t-link--hover-color.t-is-underline:active:after{
  border-color:var(--td-brand-color-active)}
.t-link--theme-primary.t-link--hover-color:active{
  color:var(--td-brand-color-active)}
.t-link--theme-primary.t-is-underline:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:0;
  bottom:0;
  opacity:1;
  border-bottom:1px solid var(--td-brand-color);
  -webkit-transition:all .2s linear;
  transition:all .2s linear}
.t-link--theme-primary.t-is-disabled{
  cursor:not-allowed;
  color:var(--td-brand-color-disabled)}
.t-link--theme-primary.t-is-disabled:hover,.t-link--theme-primary.t-is-disabled:active{
  color:var(--td-brand-color-disabled)}
.t-link--theme-primary.t-is-disabled.t-is-underline:after{
  border-color:var(--td-brand-color-disabled)}
.t-link--theme-success{
  color:var(--td-success-color)}
.t-link--theme-success:active{
  color:var(--td-success-color-active)}
.t-link--theme-success.t-link--hover-underline:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:0;
  bottom:0;
  border-bottom:1px solid var(--td-success-color);
  opacity:0;
  -webkit-transition:all .2s linear;
  transition:all .2s linear}
.t-link--theme-success.t-link--hover-underline:hover:after{
  opacity:1}
.t-link--theme-success.t-link--hover-underline:active:after{
  opacity:1;
  border-color:var(--td-success-color-active)}
.t-link--theme-success.t-link--hover-color:hover{
  color:var(--td-success-color-hover)}
.t-link--theme-success.t-link--hover-color.t-is-underline:hover:after{
  border-color:var(--td-success-color-hover)}
.t-link--theme-success.t-link--hover-color.t-is-underline:active:after{
  border-color:var(--td-success-color-active)}
.t-link--theme-success.t-link--hover-color:active{
  color:var(--td-success-color-active)}
.t-link--theme-success.t-is-underline:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:0;
  bottom:0;
  opacity:1;
  border-bottom:1px solid var(--td-success-color);
  -webkit-transition:all .2s linear;
  transition:all .2s linear}
.t-link--theme-success.t-is-disabled{
  cursor:not-allowed;
  color:var(--td-success-color-disabled)}
.t-link--theme-success.t-is-disabled:hover,.t-link--theme-success.t-is-disabled:active{
  color:var(--td-success-color-disabled)}
.t-link--theme-success.t-is-disabled.t-is-underline:after{
  border-color:var(--td-success-color-disabled)}
.t-link--theme-danger{
  color:var(--td-error-color)}
.t-link--theme-danger:active{
  color:var(--td-error-color-active)}
.t-link--theme-danger.t-link--hover-underline:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:0;
  bottom:0;
  border-bottom:1px solid var(--td-error-color);
  opacity:0;
  -webkit-transition:all .2s linear;
  transition:all .2s linear}
.t-link--theme-danger.t-link--hover-underline:hover:after{
  opacity:1}
.t-link--theme-danger.t-link--hover-underline:active:after{
  opacity:1;
  border-color:var(--td-error-color-active)}
.t-link--theme-danger.t-link--hover-color:hover{
  color:var(--td-error-color-hover)}
.t-link--theme-danger.t-link--hover-color.t-is-underline:hover:after{
  border-color:var(--td-error-color-hover)}
.t-link--theme-danger.t-link--hover-color.t-is-underline:active:after{
  border-color:var(--td-error-color-active)}
.t-link--theme-danger.t-link--hover-color:active{
  color:var(--td-error-color-active)}
.t-link--theme-danger.t-is-underline:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:0;
  bottom:0;
  opacity:1;
  border-bottom:1px solid var(--td-error-color);
  -webkit-transition:all .2s linear;
  transition:all .2s linear}
.t-link--theme-danger.t-is-disabled{
  cursor:not-allowed;
  color:var(--td-error-color-disabled)}
.t-link--theme-danger.t-is-disabled:hover,.t-link--theme-danger.t-is-disabled:active{
  color:var(--td-error-color-disabled)}
.t-link--theme-danger.t-is-disabled.t-is-underline:after{
  border-color:var(--td-error-color-disabled)}
.t-link--theme-warning{
  color:var(--td-warning-color)}
.t-link--theme-warning:active{
  color:var(--td-warning-color-active)}
.t-link--theme-warning.t-link--hover-underline:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:0;
  bottom:0;
  border-bottom:1px solid var(--td-warning-color);
  opacity:0;
  -webkit-transition:all .2s linear;
  transition:all .2s linear}
.t-link--theme-warning.t-link--hover-underline:hover:after{
  opacity:1}
.t-link--theme-warning.t-link--hover-underline:active:after{
  opacity:1;
  border-color:var(--td-warning-color-active)}
.t-link--theme-warning.t-link--hover-color:hover{
  color:var(--td-warning-color-hover)}
.t-link--theme-warning.t-link--hover-color.t-is-underline:hover:after{
  border-color:var(--td-warning-color-hover)}
.t-link--theme-warning.t-link--hover-color.t-is-underline:active:after{
  border-color:var(--td-warning-color-active)}
.t-link--theme-warning.t-link--hover-color:active{
  color:var(--td-warning-color-active)}
.t-link--theme-warning.t-is-underline:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:0;
  bottom:0;
  opacity:1;
  border-bottom:1px solid var(--td-warning-color);
  -webkit-transition:all .2s linear;
  transition:all .2s linear}
.t-link--theme-warning.t-is-disabled{
  cursor:not-allowed;
  color:var(--td-warning-color-disabled)}
.t-link--theme-warning.t-is-disabled:hover,.t-link--theme-warning.t-is-disabled:active{
  color:var(--td-warning-color-disabled)}
.t-link--theme-warning.t-is-disabled.t-is-underline:after{
  border-color:var(--td-warning-color-disabled)}
.t-space{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex}
.t-space .t-space-item{
  width:inherit}
.t-space-align-start{
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start}
.t-space-align-end{
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end}
.t-space-align-baseline{
  -webkit-box-align:baseline;
  -ms-flex-align:baseline;
  align-items:baseline}
.t-space-align-center{
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-space-vertical{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column}
.t-space-vertical .t-space-item-separator{
  width:100%}
.t-space.t-space--break-line{
  -ms-flex-wrap:wrap;
  flex-wrap:wrap}
.t-space.t-space--polyfill{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-space.t-space--polyfill.t-space-horizontal,.t-space.t-space--polyfill.t-space--break-line{
  margin-left:calc(-1 * var(--td-space-column-gap,0))}
.t-space.t-space--polyfill.t-space-vertical,.t-space.t-space--polyfill.t-space--break-line{
  margin-top:calc(-1 * var(--td-space-row-gap,0))}
.t-space.t-space--polyfill.t-space-horizontal>*,.t-space.t-space--polyfill.t-space--break-line>*{
  margin-left:var(--td-space-column-gap)}
.t-space.t-space--polyfill.t-space-vertical>*,.t-space.t-space--polyfill.t-space--break-line>*{
  margin-top:var(--td-space-row-gap)}
.t-image__wrapper{
  position:relative;
  background:var(--td-bg-color-secondarycontainer);
  z-index:1}
.t-image__wrapper--shape-square{
  border-radius:0}
.t-image__wrapper--shape-round{
  border-radius:var(--td-radius-medium)}
.t-image__wrapper--shape-circle{
  border-radius:50%}
.t-image__wrapper--gallery{
  border-radius:var(--td-radius-medium)}
.t-image__wrapper--gallery .t-image{
  position:relative;
  z-index:5}
.t-image__wrapper--need-hover{
  cursor:pointer}
.t-image{
  width:100%;
  height:100%;
  border-radius:inherit;
  position:relative;
  z-index:inherit}
.t-image--fit-fill{
  -o-object-fit:fill;
  object-fit:fill}
.t-image--fit-contain{
  -o-object-fit:contain;
  object-fit:contain}
.t-image--fit-cover{
  -o-object-fit:cover;
  object-fit:cover}
.t-image--fit-scale-down{
  -o-object-fit:scale-down;
  object-fit:scale-down}
.t-image--fit-none{
  -o-object-fit:none;
  object-fit:none}
.t-image--position-center{
  -o-object-position:center;
  object-position:center}
.t-image--position-bottom{
  -o-object-position:bottom;
  object-position:bottom}
.t-image--position-top{
  -o-object-position:top;
  object-position:top}
.t-image--position-left{
  -o-object-position:left;
  object-position:left}
.t-image--position-right{
  -o-object-position:right;
  object-position:right}
.t-image__gallery-shadow{
  position:absolute;
  inset:24px -24px 24px 0;
  background:#eeeeee42;
  border-radius:var(--td-radius-medium);
  z-index:3}
.t-image__gallery-shadow:before,.t-image__gallery-shadow:after{
  content:"";
  position:absolute;
  left:0;
  border-radius:var(--td-radius-medium)}
.t-image__gallery-shadow:after{
  top:-16px;
  right:16px;
  bottom:-16px;
  background:#eeec;
  z-index:4}
.t-image__gallery-shadow:before{
  top:-8px;
  right:8px;
  bottom:-8px;
  background:#eeeeee80;
  z-index:2}
.t-image__placeholder{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  z-index:0}
.t-image__overlay-content{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:6;
  opacity:1;
  visibility:visible;
  -webkit-transition:visibility 0s,opacity .2s linear;
  transition:visibility 0s,opacity .2s linear}
.t-image__overlay-content--hidden{
  visibility:hidden;
  opacity:0}
.t-image__loading,.t-image__error{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  z-index:1}
.t-image__loading{
  color:var(--td-text-color-secondary)}
.t-image__error{
  color:var(--td-text-color-disabled)}
.t-image-viewer__img-error{
  height:440px;
  width:440px;
  background-color:var(--td-bg-color-component-disabled);
  border-radius:4px;
  color:#000;
  cursor:inherit;
  position:absolute}
.t-image-viewer__img-error .t-image-viewer__img-error-content{
  position:absolute;
  height:100%;
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-line-pack:center;
  align-content:center;
  font:var(--td-font-body-medium)}
.t-image-viewer__img-error .t-image-viewer__img-error-content .t-image-viewer__img-error-text{
  margin-top:var(--td-comp-margin-s)}
@-webkit-keyframes modal-image-show{
  0%{
  -webkit-transform:scale(0);
  transform:scale(0)}
to{
  -webkit-transform:scale(1);
  transform:scale(1)}
}
@-webkit-keyframes modal-image-hide{
  0%{
  -webkit-transform:scale(1);
  transform:scale(1)}
to{
  -webkit-transform:scale(0);
  transform:scale(0)}
}
@keyframes modal-image-hide{
  0%{
  -webkit-transform:scale(1);
  transform:scale(1)}
to{
  -webkit-transform:scale(0);
  transform:scale(0)}
}
@-webkit-keyframes modal-mask-show{
  0%{
  opacity:0}
to{
  opacity:1}
}
@keyframes modal-mask-show{
  0%{
  opacity:0}
to{
  opacity:1}
}
@-webkit-keyframes modal-mask-hide{
  0%{
  opacity:1}
to{
  opacity:0}
}
@keyframes modal-mask-hide{
  0%{
  opacity:1}
to{
  opacity:0}
}
.t-image-viewer-preview-image{
  position:fixed;
  inset:0;
  z-index:3000;
  overflow:hidden;
  -webkit-animation:.2s cubic-bezier(.82,0,1,.9) modal-mask-show;
  animation:.2s cubic-bezier(.82,0,1,.9) modal-mask-show}
.t-image-viewer-preview-image.t-is-hide{
  -webkit-animation:.2s cubic-bezier(0,0,.15,1) modal-mask-hide forwards;
  animation:.2s cubic-bezier(0,0,.15,1) modal-mask-hide forwards}
.t-image-viewer-preview-image.t-is-hide .t-image-viewer__modal-pic .t-image-viewer__modal-box{
  -webkit-animation:.2s cubic-bezier(0,0,.15,1) modal-image-hide forwards;
  animation:.2s cubic-bezier(0,0,.15,1) modal-image-hide forwards}
.t-image-viewer-preview-image .t-image-viewer__modal-index{
  text-align:center;
  font-size:var(--td-font-size-body-medium);
  color:var(--td-text-color-anti);
  position:absolute;
  top:92px;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translate(-50%);
  background:#0006;
  border-radius:var(--td-radius-default);
  padding:var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);
  z-index:1}
.t-image-viewer-preview-image .t-image-viewer__modal-mask{
  position:fixed;
  inset:0;
  background-color:var(--td-mask-active);
  height:100%;
  width:100%;
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  opacity:1}
.t-image-viewer-preview-image .t-image-viewer__modal-pic{
  height:0;
  width:0;
  position:absolute;
  top:50%;
  left:50%}
.t-image-viewer-preview-image .t-image-viewer__modal-pic .t-image-viewer__modal-box{
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-animation:.2s cubic-bezier(.38,0,.24,1) modal-image-show;
  animation:.2s cubic-bezier(.38,0,.24,1) modal-image-show}
.t-image-viewer-preview-image .t-image-viewer__modal-pic .t-image-viewer__modal-box .t-image-viewer__modal-image{
  display:block;
  max-width:min(90vw,1000px);
  max-height:min(90vh,800px);
  -webkit-transition:all .2s cubic-bezier(.38,0,.24,1);
  transition:all .2s cubic-bezier(.38,0,.24,1);
  -webkit-transform:rotate(0deg);
  transform:rotate(0);
  -o-object-fit:contain;
  object-fit:contain}
.t-image-viewer-preview-image .t-image-viewer__modal-header{
  width:100%;
  position:absolute;
  top:0;
  z-index:1;
  height:auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background-color:var(--td-bg-color-container);
  padding:0 0 12px}
.t-image-viewer-preview-image .t-image-viewer__modal-header.t-is-show{
  padding:12px 0}
@-webkit-keyframes preview-icon-range{
  0%{
  -webkit-transform:translate(-50%,50%) rotateZ(0);
  transform:translate(-50%,50%) rotate(0)}
to{
  -webkit-transform:translate(-50%,50%) rotateZ(-180deg);
  transform:translate(-50%,50%) rotate(-180deg)}
}
@keyframes preview-icon-range{
  0%{
  -webkit-transform:translate(-50%,50%) rotateZ(0);
  transform:translate(-50%,50%) rotate(0)}
to{
  -webkit-transform:translate(-50%,50%) rotateZ(-180deg);
  transform:translate(-50%,50%) rotate(-180deg)}
}
@-webkit-keyframes preview-icon-unrange{
  0%{
  -webkit-transform:translate(-50%,50%) rotateZ(-180deg);
  transform:translate(-50%,50%) rotate(-180deg)}
to{
  -webkit-transform:translate(-50%,50%) rotateZ(0);
  transform:translate(-50%,50%) rotate(0)}
}
@keyframes preview-icon-unrange{
  0%{
  -webkit-transform:translate(-50%,50%) rotateZ(-180deg);
  transform:translate(-50%,50%) rotate(-180deg)}
to{
  -webkit-transform:translate(-50%,50%) rotateZ(0);
  transform:translate(-50%,50%) rotate(0)}
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-pre-bt{
  width:var(--td-comp-size-xxs);
  height:var(--td-comp-size-xxs);
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:absolute;
  left:50%;
  bottom:0;
  -webkit-transform:translate(-50%,50%);
  transform:translate(-50%,50%);
  background-color:var(--td-bg-color-container);
  color:var(--td-text-color-primary);
  border-radius:50%;
  -webkit-box-shadow:var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);
  box-shadow:var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);
  -webkit-animation:.2s cubic-bezier(.38,0,.24,1) 0s 1 normal forwards running preview-icon-unrange;
  animation:.2s cubic-bezier(.38,0,.24,1) 0s 1 normal forwards running preview-icon-unrange}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-pre-bt .t-icon{
  font-size:var(--td-font-size-body-large)}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-pre-bt:hover{
  background-color:inherit}
@-webkit-keyframes preview-image-show{
  0%{
  height:0}
to{
  height:40px}
}
@keyframes preview-image-show{
  0%{
  height:0}
to{
  height:40px}
}
@-webkit-keyframes preview-image-hide{
  0%{
  height:40px}
to{
  height:0}
}
@keyframes preview-image-hide{
  0%{
  height:40px}
to{
  height:0}
}
.t-image-viewer-preview-image .t-image-viewer__modal-header.t-is-show .t-image-viewer__header-prev{
  -webkit-animation:.2s cubic-bezier(.38,0,.24,1) 0s 1 normal forwards running preview-image-show;
  animation:.2s cubic-bezier(.38,0,.24,1) 0s 1 normal forwards running preview-image-show}
.t-image-viewer-preview-image .t-image-viewer__modal-header.t-is-show .t-image-viewer__header-pre-bt{
  -webkit-animation:.2s cubic-bezier(.38,0,.24,1) 0s 1 normal forwards running preview-icon-range;
  animation:.2s cubic-bezier(.38,0,.24,1) 0s 1 normal forwards running preview-icon-range}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev{
  width:calc(40px / 9 * 16 * 7 + 4px * 6);
  -webkit-animation:.2s cubic-bezier(.38,0,.24,1) 0s 1 normal forwards running preview-image-hide;
  animation:.2s cubic-bezier(.38,0,.24,1) 0s 1 normal forwards running preview-image-hide;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  position:relative;
  overflow:hidden}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev:before,.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev:after{
  content:"";
  position:absolute;
  height:100%;
  z-index:1;
  width:calc(40px / 9 * 16);
  pointer-events:none}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev:before{
  left:0;
  background-image:-webkit-gradient(linear,left top,right top,from(var(--td-bg-color-container)),to(rgba(255,255,255,0)));
  background-image:linear-gradient(to right,var(--td-bg-color-container),rgba(255,255,255,0))}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev:after{
  right:0;
  background-image:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(var(--td-bg-color-container)));
  background-image:linear-gradient(to right,rgba(255,255,255,0),var(--td-bg-color-container))}
.t-image-viewer-preview-image .t-image-viewer__header-trans{
  height:100%;
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  transition:transform .2s;
  transition:transform .2s,-webkit-transform .2s;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  gap:4px;
  margin-left:calc(40px / 9 * 16 * 3 + 4px * 3)}
.t-image-viewer-preview-image .t-image-viewer__header-box{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:calc(40px / 9 * 16);
  height:40px;
  position:relative;
  -webkit-transition:.2s;
  transition:.2s;
  overflow:hidden;
  border-radius:var(--td-radius-default);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  border:1px solid transparent;
  background-color:var(--td-bg-color-secondarycontainer)}
.t-image-viewer-preview-image .t-image-viewer__header-box .t-image-viewer__header-img{
  width:auto;
  height:100%}
.t-image-viewer-preview-image .t-image-viewer__header-box:hover,.t-image-viewer-preview-image .t-image-viewer__header-box.t-is-active{
  border-color:var(--td-brand-color)}
.t-image-viewer-preview-image .t-image-viewer__modal-icon{
  cursor:pointer;
  color:var(--td-text-color-primary);
  border-radius:var(--td-radius-default);
  -webkit-transition:.2s;
  transition:.2s}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-close-bt{
  top:100px;
  right:40px}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-next-bt,.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-prev-bt{
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-prev-bt{
  left:40px}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-next-bt{
  right:40px}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-close-bt,.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-prev-bt,.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-next-bt{
  position:fixed;
  z-index:10;
  color:var(--td-text-color-anti);
  background-color:#0006;
  border-radius:50%;
  width:var(--td-comp-size-xl);
  height:var(--td-comp-size-xl);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-image-viewer-preview-image .t-image-viewer__modal-icon .t-image-viewer__modal-icon-label{
  margin-left:2px}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-is-disabled{
  color:#ffffff38}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-is-disabled:hover{
  background-color:#0006}
.t-image-viewer-preview-image .t-image-viewer__modal-icon:hover{
  background-color:#0003}
.t-image-viewer__mask{
  width:100vh;
  height:100vh;
  left:0;
  top:0;
  z-index:99;
  position:fixed;
  background-color:transparent}
.t-image-viewer__utils{
  width:100%;
  position:absolute;
  bottom:32px;
  z-index:1;
  height:auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  color:var(--td-text-color-primary);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none}
.t-image-viewer__utils .t-image-viewer__utils-content{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  height:50px;
  line-height:100%;
  background:var(--td-bg-color-container);
  border-radius:var(--td-radius-medium);
  padding:0 var(--td-comp-paddingLR-xs)}
.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__modal-icon{
  margin:0 var(--td-comp-margin-xs);
  width:var(--td-comp-size-m);
  height:var(--td-comp-size-m);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  border-radius:var(--td-radius-default);
  -webkit-transition:.2s;
  transition:.2s}
.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__modal-icon:hover{
  background-color:var(--td-bg-color-container-hover)}
.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__utils-scale{
  width:var(--td-comp-size-xl);
  text-align:center;
  cursor:inherit}
.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__utils-scale:hover{
  background-color:var(--td-bg-color-container)}
.t-image-viewer-mini__footer .t-image-viewer__utils{
  position:inherit}
.t-image-viewer-mini__content{
  max-width:min(90vw,1000px);
  max-height:min(90vh,800px)}
@keyframes modal-image-show{
  0%{
  -webkit-transform:scale(0);
  transform:scale(0)}
to{
  -webkit-transform:scale(1);
  transform:scale(1)}
}
.t-image-viewer-mini__content .t-image-viewer__modal-pic .t-image-viewer__modal-box{
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-image-viewer-mini__content .t-image-viewer__modal-pic .t-image-viewer__modal-box .t-image-viewer__modal-image{
  display:block;
  max-width:min(80vw,800px);
  max-height:min(80vh,600px);
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  -webkit-transform:rotate(0deg);
  transform:rotate(0);
  -o-object-fit:contain;
  object-fit:contain}
.t-image-viewer__dialog.t-dialog__ctx--fixed{
  z-index:3000}
.t-image-viewer__dialog .t-dialog__header{
  padding:0 var(--td-comp-paddingLR-s);
  pointer-events:none}
.t-image-viewer__dialog .t-dialog__header .t-image-viewer__dialog-title{
  pointer-events:all}
.t-image-viewer__dialog .t-dialog__header .t-dialog__close{
  pointer-events:auto}
.t-image-viewer__dialog .t-dialog{
  border-color:var(--td-component-border);
  overflow:hidden;
  padding:0;
  -webkit-box-shadow:var(--td-shadow-3);
  box-shadow:var(--td-shadow-3)}
.t-image-viewer__dialog .t-dialog__header{
  height:40px;
  width:100%;
  font-size:var(--td-font-size-body-medium);
  background-color:var(--td-bg-color-secondarycontainer)}
.t-image-viewer__dialog .t-dialog__header-content{
  margin-left:32px;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.t-image-viewer__dialog .t-dialog__close:hover{
  background-color:var(--td-bg-color-secondarycontainer-hover)}
.range-input-disabled.t-is-disabled{
  color:var(--td-text-color-disabled);
  background-color:var(--td-bg-color-component-disabled)}
.range-input-disabled.t-is-disabled:hover{
  border-color:var(--td-border-level-2-color)}
.range-input-disabled.t-is-disabled .t-range-input__inner{
  cursor:not-allowed;
  color:var(--td-text-color-disabled)}
.range-input-disabled.t-is-disabled .t-range-input__inner::-webkit-input-placeholder{
  color:var(--td-text-color-disabled)}
.range-input-disabled.t-is-disabled .t-range-input__inner::-moz-placeholder{
  color:var(--td-text-color-disabled)}
.range-input-disabled.t-is-disabled .t-range-input__inner:-ms-input-placeholder{
  color:var(--td-text-color-disabled)}
.range-input-disabled.t-is-disabled .t-range-input__inner::-ms-input-placeholder{
  color:var(--td-text-color-disabled)}
.range-input-disabled.t-is-disabled .t-range-input__inner::placeholder{
  color:var(--td-text-color-disabled)}
.range-input-disabled.t-is-disabled>.t-range-input__prefix .t-icon,.range-input-disabled.t-is-disabled>.t-range-input__suffix .t-icon{
  color:var(--td-text-color-disabled)}
.t-range-input{
  margin:0;
  padding:0;
  list-style:none;
  width:100%;
  position:relative;
  font:var(--td-font-body-medium);
  height:var(--td-comp-size-m);
  border-width:1px;
  border-style:solid;
  border-radius:var(--td-radius-default);
  border-color:var(--td-border-level-2-color);
  padding:var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s) var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);
  background-color:var(--td-bg-color-specialcomponent);
  color:var(--td-text-color-primary);
  font-size:var(--td-font-body-medium);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transition:all cubic-bezier(.38,0,.24,1) .2s;
  transition:all cubic-bezier(.38,0,.24,1) .2s;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  gap:4px}
.t-range-input:hover{
  border-color:var(--td-brand-color)}
.t-range-input--borderless:not(.t-is-focused){
  border-color:transparent;
  -webkit-transition:all cubic-bezier(.38,0,.24,1) .2s;
  transition:all cubic-bezier(.38,0,.24,1) .2s}
.t-range-input--borderless:not(.t-is-focused):hover{
  border-color:var(--td-component-border);
  cursor:pointer}
.t-range-input--borderless:not(.t-is-focused).t-is-disabled{
  border:none;
  background-color:var(--td-bg-color-component-disabled)}
.t-range-input.t-is-focused{
  z-index:1;
  border-color:var(--td-brand-color);
  -webkit-box-shadow:0 0 0 2px var(--td-brand-color-focus);
  box-shadow:0 0 0 2px var(--td-brand-color-focus)}
.t-range-input.t-is-success{
  border-color:var(--td-success-color)}
.t-range-input.t-is-success:focus{
  -webkit-box-shadow:0 0 0 2px var(--td-success-color-focus);
  box-shadow:0 0 0 2px var(--td-success-color-focus)}
.t-range-input.t-is-success.t-range-input--focused{
  -webkit-box-shadow:0 0 0 2px var(--td-success-color-focus);
  box-shadow:0 0 0 2px var(--td-success-color-focus)}
.t-range-input.t-is-success>.t-range-input__extra{
  color:var(--td-success-color)}
.t-range-input.t-is-success>.t-range-input__tips{
  color:var(--td-success-color);
  font-size:var(--td-font-size-body-small);
  margin-left:calc(-1 * var(--td-comp-paddingLR-xs))}
.t-range-input.t-is-warning{
  border-color:var(--td-warning-color)}
.t-range-input.t-is-warning:focus{
  -webkit-box-shadow:0 0 0 2px var(--td-warning-color-focus);
  box-shadow:0 0 0 2px var(--td-warning-color-focus)}
.t-range-input.t-is-warning.t-range-input--focused{
  -webkit-box-shadow:0 0 0 2px var(--td-warning-color-focus);
  box-shadow:0 0 0 2px var(--td-warning-color-focus)}
.t-range-input.t-is-warning>.t-range-input__extra{
  color:var(--td-warning-color)}
.t-range-input.t-is-warning>.t-range-input__tips{
  color:var(--td-warning-color);
  font-size:var(--td-font-size-body-small);
  margin-left:calc(-1 * var(--td-comp-paddingLR-xs))}
.t-range-input.t-is-error{
  border-color:var(--td-error-color)}
.t-range-input.t-is-error:focus{
  -webkit-box-shadow:0 0 0 2px var(--td-error-color-focus);
  box-shadow:0 0 0 2px var(--td-error-color-focus)}
.t-range-input.t-is-error.t-range-input--focused{
  -webkit-box-shadow:0 0 0 2px var(--td-error-color-focus);
  box-shadow:0 0 0 2px var(--td-error-color-focus)}
.t-range-input.t-is-error>.t-range-input__extra{
  color:var(--td-error-color)}
.t-range-input.t-is-error>.t-range-input__tips{
  color:var(--td-error-color);
  font-size:var(--td-font-size-body-small);
  margin-left:calc(-1 * var(--td-comp-paddingLR-xs))}
.t-range-input.t-is-disabled{
  color:var(--td-text-color-disabled);
  background-color:var(--td-bg-color-component-disabled)}
.t-range-input.t-is-disabled:hover{
  border-color:var(--td-border-level-2-color)}
.t-range-input.t-is-disabled .t-range-input__inner{
  cursor:not-allowed;
  color:var(--td-text-color-disabled)}
.t-range-input.t-is-disabled .t-range-input__inner::-webkit-input-placeholder{
  color:var(--td-text-color-disabled)}
.t-range-input.t-is-disabled .t-range-input__inner::-moz-placeholder{
  color:var(--td-text-color-disabled)}
.t-range-input.t-is-disabled .t-range-input__inner:-ms-input-placeholder{
  color:var(--td-text-color-disabled)}
.t-range-input.t-is-disabled .t-range-input__inner::-ms-input-placeholder{
  color:var(--td-text-color-disabled)}
.t-range-input.t-is-disabled .t-range-input__inner::placeholder{
  color:var(--td-text-color-disabled)}
.t-range-input.t-is-disabled>.t-range-input__prefix .t-icon,.t-range-input.t-is-disabled>.t-range-input__suffix .t-icon{
  color:var(--td-text-color-disabled)}
.t-range-input.t-range-input--prefix .t-range-input__prefix,.t-range-input.t-range-input--suffix .t-range-input__suffix{
  height:100%;
  text-align:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:var(--td-font-size-body-medium)}
.t-range-input.t-size-l{
  height:var(--td-comp-size-xl);
  font:var(--td-font-body-large);
  padding-top:var(--td-comp-paddingTB-xs);
  padding-bottom:var(--td-comp-paddingTB-xs)}
.t-range-input.t-size-l .t-input{
  padding:0 var(--td-comp-margin-s)}
.t-range-input.t-size-s{
  padding:var(--td-comp-paddingTB-xxs) var(--td-comp-margin-xs);
  height:var(--td-comp-size-xs);
  font:var(--td-font-body-small)}
.t-range-input__inner{
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:var(--td-comp-margin-s)}
.t-range-input__inner .t-input__wrap{
  height:100%;
  border-radius:var(--td-radius-small)}
.t-range-input__inner>.t-range-input__prefix{
  -ms-flex-negative:0;
  flex-shrink:0}
.t-range-input__inner .t-input{
  padding:0 var(--td-comp-paddingLR-xs);
  height:100%;
  border:0;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-size:inherit;
  border-radius:var(--td-radius-small)}
.t-range-input__inner .t-input:hover{
  background-color:var(--td-bg-color-container-hover)}
.t-range-input__inner .t-input__inner{
  width:100%;
  height:100%;
  line-height:1}
.t-range-input__inner .t-input.t-is-focused{
  background-color:var(--td-bg-color-component)}
.t-range-input__extra{
  font:var(--td-font-body-small);
  color:var(--td-text-color-placeholder)}
.t-range-input__status{
  position:absolute;
  right:calc(0px - var(--td-comp-margin-xxxl));
  top:0}
.t-range-input.t-range-input--suffix .t-input__clear{
  opacity:0;
  visibility:hidden;
  -webkit-transition:all cubic-bezier(.38,0,.24,1) .2s;
  transition:all cubic-bezier(.38,0,.24,1) .2s}
.t-range-input.t-range-input--suffix:hover .t-input__clear{
  opacity:1;
  visibility:visible}
.t-range-input .t-range-input__suffix-clear{
  cursor:pointer}
.t-range-input__prefix>.t-icon,.t-range-input__suffix>.t-icon{
  -webkit-transition:color .2s linear;
  transition:color .2s linear;
  font-size:16px;
  color:var(--td-text-color-placeholder);
  -ms-flex-negative:0;
  flex-shrink:0}
.t-range-input-popup{
  width:100%}
.t-range-input-popup--visible .t-range-input{
  border-color:var(--td-brand-color);
  -webkit-box-shadow:0 0 0 2px var(--td-brand-color-focus);
  box-shadow:0 0 0 2px var(--td-brand-color-focus)}
.t-range-input-popup--visible .t-range-input .t-icon-time,.t-range-input-popup--visible .t-range-input .t-icon-calendar{
  color:var(--td-brand-color)}
.t-range-input-popup--visible .t-range-input .t-input.t-is-focused{
  background-color:var(--td-bg-color-component)}
.flex-center{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.t-time-picker,.t-time-range-picker{
  width:240px;
  background:transparent;
  display:inline-block;
  position:relative;
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none}
.t-time-picker.t-is-disabled,.t-time-range-picker.t-is-disabled{
  cursor:not-allowed}
.t-time-picker>*:focus,.t-time-range-picker>*:focus,.t-time-picker>*:active,.t-time-range-picker>*:active{
  outline:0}
.t-time-picker__group,.t-time-range-picker__group{
  position:relative}
.t-time-picker__group.active,.t-time-range-picker__group.active{
  border:1px solid var(--td-brand-color);
  -webkit-box-shadow:0 0 2px 2px var(--td-brand-color-focus);
  box-shadow:0 0 2px 2px var(--td-brand-color-focus)}
.t-time-picker__group.active+.t-time-picker__icon-wrap>.t-time-picker__icon-clear,.t-time-range-picker__group.active+.t-time-picker__icon-wrap>.t-time-picker__icon-clear{
  display:block}
.t-time-picker__group-text,.t-time-range-picker__group-text{
  color:var(--td-text-color-primary)}
.t-time-picker__group input,.t-time-range-picker__group input{
  cursor:pointer}
.t-time-range-picker{
  width:auto}
.t-time-picker__panel{
  width:280px;
  background:transparent;
  border-radius:var(--td-radius-default);
  display:inline-block;
  position:relative;
  font:var(--td-font-body-medium);
  --timePickerPanelOffsetTop:15;
  --timePickerPanelOffsetBottom:21}
.t-time-picker__panel-body{
  width:100%;
  height:calc(calc(var(--td-comp-size-xs) + var(--td-size-3)) * 7 + var(--td-size-3));
  position:relative;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.t-time-picker__panel-body-active-mask{
  position:absolute;
  top:50%;
  height:var(--td-comp-size-xs);
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-time-picker__panel-body-active-mask>div{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  -webkit-transform:translateY(calc(0px - (calc(var(--td-comp-size-xs) + var(--td-size-3)) / 2)));
  transform:translateY(calc(0px - (calc(var(--td-comp-size-xs) + var(--td-size-3)) / 2)));
  height:var(--td-comp-size-xs);
  background-color:var(--td-brand-color-light);
  margin:var(--td-size-3) var(--td-comp-margin-xs);
  border-radius:var(--td-radius-default)}
.t-time-picker__panel-body-scroll{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  height:100%;
  overflow-y:scroll;
  text-align:center;
  position:relative;
  list-style:none;
  padding:0;
  margin:0}
.t-time-picker__panel-body-scroll::-webkit-scrollbar{
  width:0}
.t-time-picker__panel-body-scroll:after,.t-time-picker__panel-body-scroll:before{
  display:block;
  height:50%;
  content:""}
.t-time-picker__panel-body-scroll:before{
  height:calc(50% - var(--timePickerPanelOffsetTop,0) * 1px)}
.t-time-picker__panel-body-scroll:after{
  height:calc(50% - var(--timePickerPanelOffsetBottom,0) * 1px)}
.t-time-picker__panel-body-scroll:last-child{
  border-right:0}
.t-time-picker__panel-body-scroll-item{
  height:var(--td-comp-size-xs);
  font:var(--td-font-body-medium);
  line-height:var(--td-comp-size-xs);
  color:var(--td-text-color-secondary);
  margin:var(--td-size-3) var(--td-comp-margin-xs);
  border-radius:var(--td-radius-default);
  text-align:center;
  cursor:pointer;
  -webkit-transition:.2s linear;
  transition:.2s linear}
.t-time-picker__panel-body-scroll-item:not(.t-time-picker__panel-body-scroll-item.t-is-current):not(.t-time-picker__panel-body-scroll-item.t-is-disabled):hover{
  color:var(--td-text-color-primary)}
.t-time-picker__panel-body-scroll-item:not(.t-time-picker__panel-body-scroll-item.t-is-current):not(.t-time-picker__panel-body-scroll-item.t-is-disabled):active{
  background-color:var(--td-bg-color-container-hover)}
.t-time-picker__panel-body-scroll-item.t-is-disabled{
  color:var(--td-text-color-disabled);
  cursor:not-allowed}
.t-time-picker__panel-body-scroll-item.t-is-hidden{
  display:none;
  cursor:not-allowed}
.t-time-picker__panel-body-scroll-item.t-is-current{
  color:var(--td-brand-color)}
.t-time-picker__panel-section-body{
  padding:var(--td-pop-padding-xl) calc(var(--td-pop-padding-xl) - var(--td-comp-margin-xs))}
.t-time-picker__panel-section-footer{
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
  -ms-flex-direction:row-reverse;
  flex-direction:row-reverse;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background-color:transparent;
  position:relative;
  border-top:1px solid var(--td-border-level-1-color);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:var(--td-pop-padding-xl)}
.t-form{
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  font:var(--td-font-body-medium)}
.t-form:not(.t-form-inline) .t-form__item:last-of-type{
  margin:0}
.t-form__item{
  margin-bottom:var(--td-comp-margin-xxl)}
.t-form__item.t-form__item-with-help{
  margin-bottom:var(--td-comp-margin-xs)}
.t-form__item.t-form__item-with-extra{
  margin-bottom:var(--td-comp-margin-xxl)}
.t-form__label{
  float:left;
  padding-right:var(--td-comp-paddingLR-xl);
  vertical-align:middle;
  line-height:var(--td-comp-margin-xxxl);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  white-space:nowrap}
.t-form__label--top{
  float:none;
  min-height:var(--td-comp-margin-xxxl)}
.t-form__label--left{
  text-align:left}
.t-form__label--right{
  text-align:right}
.t-form__label--required:not(.t-form__label--required-right) label:before{
  display:inline-block;
  margin-right:var(--td-comp-margin-xs);
  color:var(--td-error-color);
  line-height:var(--td-line-height-body-medium);
  content:"*"}
.t-form__label--required-right label:after{
  display:inline-block;
  margin-left:var(--td-comp-margin-xs);
  color:var(--td-error-color);
  line-height:var(--td-line-height-body-medium);
  content:"*"}
.t-form__label--colon label:after{
  content:":";
  position:relative;
  margin:0 var(--td-comp-margin-xxs)}
.t-form__controls{
  min-height:var(--td-comp-margin-xxxl);
  display:flow-root;
  position:relative}
.t-form__controls-content{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  min-height:var(--td-comp-margin-xxxl)}
.t-form__controls .t-form__item{
  margin-bottom:0;
  margin-right:var(--td-comp-margin-xxl)}
.t-form__controls.t-is-success .t-form__status .t-icon,.t-form__controls.t-is-success .t-input__extra,.t-form__controls.t-form--success-border.t-is-success .t-input__extra{
  color:var(--td-success-color)}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-range-input,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner{
  border-color:var(--td-success-color)}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input--focused,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select--focused,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button--focused,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader--focused,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-range-input--focused,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner--focused{
  -webkit-box-shadow:0 0 0 2px var(--td-success-color-focus);
  box-shadow:0 0 0 2px var(--td-success-color-focus)}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input .t-icon,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select .t-icon,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button .t-icon,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader .t-icon,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-range-input .t-icon,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner .t-icon,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input .t-fake-arrow,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select .t-fake-arrow,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button .t-fake-arrow,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader .t-fake-arrow,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-range-input .t-fake-arrow,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner .t-fake-arrow{
  color:var(--td-success-color)}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select>.t-select__right-icon:not(.t-select__right-icon-clear){
  color:var(--td-success-color)}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button:last-child{
  border-right-color:var(--td-success-color)}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner.t-is-focused,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader.t-is-active,.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select.t-is-active{
  -webkit-box-shadow:0 0 0 2px var(--td-success-color-focus);
  box-shadow:0 0 0 2px var(--td-success-color-focus)}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-form__status .t-icon{
  color:var(--td-success-color)}
.t-form__status{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin:0 var(--td-comp-margin-s)}
.t-form__status>.t-icon{
  font-size:var(--td-comp-size-xxxs)}
.t-form__status-without-icon{
  width:25px;
  height:25px}
.t-form__status button{
  width:var(--td-comp-size-m)}
.t-form__status button+button{
  margin-left:var(--td-comp-margin-s)}
.t-form-inline{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  row-gap:var(--td-comp-margin-l)}
.t-form-inline .t-form__item{
  margin:0;
  min-width:200px;
  display:inline-block;
  margin-right:var(--td-comp-margin-xxl)}
.t-input__extra,.t-input__help{
  margin:0;
  width:100%;
  height:auto;
  min-height:var(--td-line-height-body-small);
  font:var(--td-font-body-small);
  color:var(--td-text-color-placeholder)}
.t-input__extra{
  position:absolute;
  bottom:calc(0px - var(--td-line-height-body-small));
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap}
.t-is-warning .t-input__extra{
  color:var(--td-warning-color)}
.t-is-warning .t-form__controls-content .t-input,.t-is-warning .t-form__controls-content .t-select,.t-is-warning .t-form__controls-content .t-radio-button,.t-is-warning .t-form__controls-content .t-cascader,.t-is-warning .t-form__controls-content .t-range-input,.t-is-warning .t-form__controls-content .t-textarea__inner{
  border-color:var(--td-warning-color)}
.t-is-warning .t-form__controls-content .t-input--focused,.t-is-warning .t-form__controls-content .t-select--focused,.t-is-warning .t-form__controls-content .t-radio-button--focused,.t-is-warning .t-form__controls-content .t-cascader--focused,.t-is-warning .t-form__controls-content .t-range-input--focused,.t-is-warning .t-form__controls-content .t-textarea__inner--focused{
  -webkit-box-shadow:0 0 0 2px var(--td-warning-color-focus);
  box-shadow:0 0 0 2px var(--td-warning-color-focus)}
.t-is-warning .t-form__controls-content .t-input .t-icon,.t-is-warning .t-form__controls-content .t-select .t-icon,.t-is-warning .t-form__controls-content .t-radio-button .t-icon,.t-is-warning .t-form__controls-content .t-cascader .t-icon,.t-is-warning .t-form__controls-content .t-range-input .t-icon,.t-is-warning .t-form__controls-content .t-textarea__inner .t-icon,.t-is-warning .t-form__controls-content .t-input .t-fake-arrow,.t-is-warning .t-form__controls-content .t-select .t-fake-arrow,.t-is-warning .t-form__controls-content .t-radio-button .t-fake-arrow,.t-is-warning .t-form__controls-content .t-cascader .t-fake-arrow,.t-is-warning .t-form__controls-content .t-range-input .t-fake-arrow,.t-is-warning .t-form__controls-content .t-textarea__inner .t-fake-arrow{
  color:var(--td-warning-color)}
.t-is-warning .t-form__controls-content .t-select>.t-select__right-icon:not(.t-select__right-icon-clear){
  color:var(--td-warning-color)}
.t-is-warning .t-form__controls-content .t-radio-button:last-child{
  border-right-color:var(--td-warning-color)}
.t-is-warning .t-form__controls-content .t-textarea__inner.t-is-focused,.t-is-warning .t-form__controls-content .t-cascader.t-is-active,.t-is-warning .t-form__controls-content .t-select.t-is-active{
  -webkit-box-shadow:0 0 0 2px var(--td-warning-color-focus);
  box-shadow:0 0 0 2px var(--td-warning-color-focus)}
.t-is-warning .t-form__controls-content .t-form__status .t-icon{
  color:var(--td-warning-color)}
.t-is-error .t-input__extra{
  color:var(--td-error-color)}
.t-is-error .t-form__controls-content .t-input,.t-is-error .t-form__controls-content .t-select,.t-is-error .t-form__controls-content .t-radio-button,.t-is-error .t-form__controls-content .t-cascader,.t-is-error .t-form__controls-content .t-range-input,.t-is-error .t-form__controls-content .t-textarea__inner{
  border-color:var(--td-error-color)}
.t-is-error .t-form__controls-content .t-input--focused,.t-is-error .t-form__controls-content .t-select--focused,.t-is-error .t-form__controls-content .t-radio-button--focused,.t-is-error .t-form__controls-content .t-cascader--focused,.t-is-error .t-form__controls-content .t-range-input--focused,.t-is-error .t-form__controls-content .t-textarea__inner--focused{
  -webkit-box-shadow:0 0 0 2px var(--td-error-color-focus);
  box-shadow:0 0 0 2px var(--td-error-color-focus)}
.t-is-error .t-form__controls-content .t-input .t-icon,.t-is-error .t-form__controls-content .t-select .t-icon,.t-is-error .t-form__controls-content .t-radio-button .t-icon,.t-is-error .t-form__controls-content .t-cascader .t-icon,.t-is-error .t-form__controls-content .t-range-input .t-icon,.t-is-error .t-form__controls-content .t-textarea__inner .t-icon,.t-is-error .t-form__controls-content .t-input .t-fake-arrow,.t-is-error .t-form__controls-content .t-select .t-fake-arrow,.t-is-error .t-form__controls-content .t-radio-button .t-fake-arrow,.t-is-error .t-form__controls-content .t-cascader .t-fake-arrow,.t-is-error .t-form__controls-content .t-range-input .t-fake-arrow,.t-is-error .t-form__controls-content .t-textarea__inner .t-fake-arrow{
  color:var(--td-error-color)}
.t-is-error .t-form__controls-content .t-select>.t-select__right-icon:not(.t-select__right-icon-clear){
  color:var(--td-error-color)}
.t-is-error .t-form__controls-content .t-radio-button:last-child{
  border-right-color:var(--td-error-color)}
.t-is-error .t-form__controls-content .t-textarea__inner.t-is-focused,.t-is-error .t-form__controls-content .t-cascader.t-is-active,.t-is-error .t-form__controls-content .t-select.t-is-active{
  -webkit-box-shadow:0 0 0 2px var(--td-error-color-focus);
  box-shadow:0 0 0 2px var(--td-error-color-focus)}
.t-is-error .t-form__controls-content .t-form__status .t-icon{
  color:var(--td-error-color)}
.t-drawer-fade-enter,.t-drawer-fade-appear{
  opacity:0;
  -webkit-animation-duration:.2s;
  animation-duration:.2s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear;
  -webkit-animation-play-state:paused;
  animation-play-state:paused}
.t-drawer-fade-exit{
  -webkit-animation-duration:.2s;
  animation-duration:.2s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear;
  -webkit-animation-play-state:paused;
  animation-play-state:paused}
.t-drawer-fade-enter.t-drawer-fade-enter-active,.t-drawer-fade-enter.t-drawer-fade-enter-active.t-drawer-fade-enter-to,.t-drawer-fade-appear.t-drawer-fade-appear-active,.t-drawer-fade-appear.t-drawer-fade-appear-active.t-drawer-fade-appear-to{
  -webkit-animation-name:tDrawerFadeIn;
  animation-name:tDrawerFadeIn;
  -webkit-animation-duration:.2s;
  animation-duration:.2s;
  -webkit-animation-play-state:running;
  animation-play-state:running}
.t-drawer-fade-exit.t-drawer-fade-exit-active,.t-drawer-fade-leave-active.t-drawer-fade-leave-to{
  -webkit-animation-name:tDrawerFadeOut;
  animation-name:tDrawerFadeOut;
  -webkit-animation-duration:.2s;
  animation-duration:.2s;
  -webkit-animation-play-state:running;
  animation-play-state:running}
@-webkit-keyframes tDrawerFadeIn{
  0%{
  opacity:0}
to{
  opacity:1}
}
@keyframes tDrawerFadeIn{
  0%{
  opacity:0}
to{
  opacity:1}
}
@-webkit-keyframes tDrawerFadeOut{
  0%{
  opacity:1}
to{
  opacity:0}
}
@keyframes tDrawerFadeOut{
  0%{
  opacity:1}
to{
  opacity:0}
}
.t-drawer{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  position:fixed;
  z-index:1500;
  width:100%;
  height:100%;
  pointer-events:none;
  overflow:hidden;
  outline:none}
.t-drawer--lock{
  overflow:hidden}
.t-drawer--attach{
  position:absolute}
.t-drawer--left,.t-drawer--right{
  top:0}
.t-drawer--left{
  left:0}
.t-drawer--right{
  right:0}
.t-drawer--top,.t-drawer--bottom{
  left:0}
.t-drawer--top{
  top:0}
.t-drawer--bottom{
  bottom:0}
.t-drawer__mask{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:var(--td-mask-active);
  -webkit-transition:opacity .2s cubic-bezier(.38,0,.24,1);
  transition:opacity .2s cubic-bezier(.38,0,.24,1);
  opacity:0}
.t-drawer__content-wrapper{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  background:var(--td-bg-color-container);
  width:16px;
  height:16px;
  font-size:var(--td-font-body-medium);
  color:var(--td-text-color-secondary);
  -webkit-box-shadow:var(--td-shadow-2);
  box-shadow:var(--td-shadow-2);
  overflow:hidden;
  pointer-events:auto;
  -webkit-transition:visibility .28s cubic-bezier(.38,0,.24,1),-webkit-transform .28s cubic-bezier(.38,0,.24,1);
  transition:visibility .28s cubic-bezier(.38,0,.24,1),-webkit-transform .28s cubic-bezier(.38,0,.24,1);
  transition:transform .28s cubic-bezier(.38,0,.24,1),visibility .28s cubic-bezier(.38,0,.24,1);
  transition:transform .28s cubic-bezier(.38,0,.24,1),visibility .28s cubic-bezier(.38,0,.24,1),-webkit-transform .28s cubic-bezier(.38,0,.24,1);
  position:relative}
.t-drawer .t-drawer__content-wrapper{
  position:absolute;
  width:100%;
  height:100%;
  visibility:hidden}
.t-drawer .t-drawer__content-wrapper--left,.t-drawer .t-drawer__content-wrapper--right{
  top:0}
.t-drawer .t-drawer__content-wrapper--left{
  left:0;
  -webkit-transform:translateX(-100%);
  transform:translate(-100%)}
.t-drawer .t-drawer__content-wrapper--right{
  right:0;
  -webkit-transform:translateX(100%);
  transform:translate(100%)}
.t-drawer .t-drawer__content-wrapper--top,.t-drawer .t-drawer__content-wrapper--bottom{
  left:0}
.t-drawer .t-drawer__content-wrapper--top{
  top:0;
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)}
.t-drawer .t-drawer__content-wrapper--bottom{
  bottom:0;
  -webkit-transform:translateY(100%);
  transform:translateY(100%)}
.t-drawer__header{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  min-height:var(--td-comp-size-xxxl);
  padding:0 var(--td-comp-paddingLR-l);
  font:var(--td-font-title-medium);
  color:var(--td-text-color-primary);
  border-bottom:1px solid var(--td-border-level-1-color);
  border-radius:var(--td-radius-small) var(--td-radius-small) 0 0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-drawer__body{
  padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  overflow:auto;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1}
.t-drawer__footer{
  width:100%;
  padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  text-align:left;
  border-top:1px solid var(--td-border-level-1-color);
  background-color:var(--td-bg-color-container);
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-drawer__footer .t-button{
  margin-left:var(--td-comp-margin-s)}
.t-drawer__footer .t-button:first-child{
  margin-left:0}
.t-drawer__close-btn{
  position:absolute;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:var(--td-comp-size-xs);
  height:var(--td-comp-size-xs);
  top:calc((var(--td-comp-size-xxxl) - var(--td-comp-size-xs)) / 2);
  right:var(--td-comp-margin-s);
  color:var(--td-text-color-primary);
  background-color:var(--td-bg-color-container);
  border-radius:var(--td-radius-default);
  cursor:pointer;
  -webkit-transition:background-color .2s;
  transition:background-color .2s}
.t-drawer__close-btn:hover{
  background-color:var(--td-bg-color-container-hover)}
.t-drawer__close-btn:active{
  background-color:var(--td-bg-color-container-active)}
.t-drawer__close-btn .t-icon{
  font-size:calc(var(--td-font-size-body-medium) + 2px);
  vertical-align:unset}
.t-drawer--open{
  width:100%;
  height:100%;
  pointer-events:auto}
.t-drawer--open>.t-drawer__content-wrapper{
  visibility:visible}
.t-drawer--open>.t-drawer__mask{
  opacity:1;
  width:100%;
  height:100%}
.t-drawer--without-mask{
  pointer-events:none}
[tabindex="-1"]:focus{
  outline:none!important}
.t-progress{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none}
.t-progress__inner{
  position:relative;
  height:100%;
  background:var(--td-brand-color);
  border-radius:var(--td-radius-round);
  -webkit-transition:all .2s cubic-bezier(.38,0,.24,1);
  transition:all .2s cubic-bezier(.38,0,.24,1)}
.t-progress__info{
  margin-left:var(--td-comp-margin-s);
  color:var(--td-text-color-primary);
  white-space:nowrap;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex}
.t-progress__icon{
  font-size:calc(var(--td-font-size-body-medium) + 2px)}
.t-progress__bar{
  width:100%;
  height:var(--td-size-3);
  overflow:hidden;
  background:var(--td-bg-color-component);
  border-radius:var(--td-radius-round)}
.t-progress--thin{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-progress--plump{
  height:var(--td-comp-size-xxs);
  border-radius:calc(var(--td-comp-size-xxs) / 2);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-progress--plump .t-progress__info{
  font-size:var(--td-font-size-body-small)}
.t-progress--over-ten .t-progress__info{
  position:absolute;
  top:50%;
  z-index:10;
  right:var(--td-comp-margin-s);
  color:var(--td-text-color-anti);
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)}
.t-progress--under-ten .t-progress__info,.t-progress--under-ten .t-progress__inner{
  display:inline-block}
.t-progress--under-ten .t-progress__info{
  vertical-align:top}
.t-progress--circle{
  position:relative}
.t-progress--circle .t-progress__info{
  position:absolute;
  display:block;
  top:50%;
  left:50%;
  width:100%;
  margin:0;
  font-size:inherit;
  font-weight:600;
  line-height:1;
  text-align:center;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)}
.t-progress--circle .t-progress__circle-outer{
  stroke:var(--td-bg-color-component)}
.t-progress--circle .t-progress__circle-inner{
  stroke:var(--td-brand-color);
  -webkit-transition:all .2s cubic-bezier(.38,0,.24,1);
  transition:all .2s cubic-bezier(.38,0,.24,1)}
.t-progress--circle .t-progress__icon{
  font-size:2.4em}
.t-progress--status--active .t-progress__inner:before{
  position:absolute;
  inset:0;
  z-index:1;
  content:"";
  -webkit-animation:progress-active-animation 2s cubic-bezier(.23,.99,.86,.2) infinite;
  animation:progress-active-animation 2s cubic-bezier(.23,.99,.86,.2) infinite;
  background:var(--td-text-color-anti);
  opacity:.2}
.t-progress--status--success .t-progress__inner{
  background:var(--td-success-color)}
.t-progress--status--success .t-progress__circle-inner{
  stroke:var(--td-success-color)}
.t-progress--status--success .t-progress__icon{
  color:var(--td-success-color)}
.t-progress--status--warning .t-progress__inner{
  background:var(--td-warning-color)}
.t-progress--status--warning .t-progress__circle-inner{
  stroke:var(--td-warning-color)}
.t-progress--status--warning .t-progress__icon{
  color:var(--td-warning-color)}
.t-progress--status--error .t-progress__inner{
  background:var(--td-error-color)}
.t-progress--status--error .t-progress__circle-inner{
  stroke:var(--td-error-color)}
.t-progress--status--error .t-progress__icon{
  color:var(--td-error-color)}
@-webkit-keyframes progress-active-animation{
  0%{
  width:0;
  opacity:.1}
35%{
  width:50%;
  opacity:.4}
to{
  width:100%;
  opacity:0}
}
@keyframes progress-active-animation{
  0%{
  width:0;
  opacity:.1}
35%{
  width:50%;
  opacity:.4}
to{
  width:100%;
  opacity:0}
}
.t-popconfirm{
  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;
  min-width:160px;
  border-radius:var(--td-radius-medium)}
.t-popconfirm .t-popup__content{
  padding:0}
.t-popconfirm.t-popup[data-popper-placement^=top] .t-popup__arrow{
  bottom:-4px}
.t-popconfirm__content{
  position:relative;
  padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  border-radius:var(--td-radius-medium)}
.t-popconfirm__body{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  text-align:left}
.t-popconfirm__body>.t-icon{
  display:inline-block;
  margin-right:var(--td-comp-margin-s);
  padding:calc(calc(var(--td-line-height-body-medium) - calc(var(--td-font-size-body-medium) + 6px)) / 2) 0;
  font-size:calc(var(--td-font-size-body-medium) + 6px)}
.t-popconfirm__confirm{
  margin-left:var(--td-comp-margin-s)}
.t-popconfirm__inner{
  display:inline-block;
  vertical-align:top;
  max-width:320px;
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary)}
.t-popconfirm__icon--warning{
  color:var(--td-warning-color)}
.t-popconfirm__icon--danger{
  color:var(--td-error-color)}
.t-popconfirm__icon--default{
  color:var(--td-brand-color)}
.t-popconfirm__buttons{
  text-align:right;
  margin-top:var(--td-comp-margin-l)}
.t-popconfirm__buttons>span:last-child{
  margin-right:0}
.t-textarea{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  position:relative;
  width:100%}
.t-textarea__inner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:100%;
  height:var(--td-comp-size-xxxl);
  border:1px solid var(--td-border-level-2-color);
  border-radius:var(--td-radius-default);
  padding:calc(calc(var(--td-comp-size-m) - var(--td-line-height-body-medium)) / 2) var(--td-comp-paddingLR-s);
  background-color:var(--td-bg-color-specialcomponent);
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  resize:vertical;
  outline:none;
  -webkit-transition:all cubic-bezier(.38,0,.24,1) .2s,height 0s;
  transition:all cubic-bezier(.38,0,.24,1) .2s,height 0s;
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-textarea__inner:hover{
  border-color:var(--td-brand-color)}
.t-textarea__inner:focus{
  border-color:var(--td-brand-color);
  -webkit-box-shadow:0 0 0 2px var(--td-brand-color-focus);
  box-shadow:0 0 0 2px var(--td-brand-color-focus)}
.t-textarea__inner::-webkit-input-placeholder{
  color:var(--td-text-color-placeholder)}
.t-textarea__inner::-moz-placeholder{
  color:var(--td-text-color-placeholder)}
.t-textarea__inner:-ms-input-placeholder{
  color:var(--td-text-color-placeholder)}
.t-textarea__inner::-ms-input-placeholder{
  color:var(--td-text-color-placeholder)}
.t-textarea__inner::placeholder{
  color:var(--td-text-color-placeholder)}
.t-textarea__inner.t-is-success{
  border-color:var(--td-success-color)}
.t-textarea__inner.t-is-success:focus{
  -webkit-box-shadow:0 0 0 2px var(--td-success-color-focus);
  box-shadow:0 0 0 2px var(--td-success-color-focus)}
.t-textarea__inner.t-is-warning{
  border-color:var(--td-warning-color)}
.t-textarea__inner.t-is-warning:focus{
  -webkit-box-shadow:0 0 0 2px var(--td-warning-color-focus);
  box-shadow:0 0 0 2px var(--td-warning-color-focus)}
.t-textarea__inner.t-is-error{
  border-color:var(--td-error-color)}
.t-textarea__inner.t-is-error:focus{
  -webkit-box-shadow:0 0 0 2px var(--td-error-color-focus);
  box-shadow:0 0 0 2px var(--td-error-color-focus)}
.t-textarea__info_wrapper{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-column-gap:var(--td-comp-margin-s);
  -moz-column-gap:var(--td-comp-margin-s);
  column-gap:var(--td-comp-margin-s);
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between}
.t-textarea__info_wrapper_align{
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:end}
.t-textarea__limit{
  font:var(--td-font-body-small);
  color:var(--td-text-color-placeholder)}
.t-textarea .t-is-disabled{
  color:var(--td-text-color-disabled);
  background-color:var(--td-bg-color-component-disabled);
  cursor:not-allowed}
.t-textarea .t-is-disabled:hover{
  border-color:var(--td-border-level-2-color)}
.t-textarea .t-is-disabled::-webkit-input-placeholder{
  color:var(--td-text-color-disabled)}
.t-textarea .t-is-disabled::-moz-placeholder{
  color:var(--td-text-color-disabled)}
.t-textarea .t-is-disabled:-ms-input-placeholder{
  color:var(--td-text-color-disabled)}
.t-textarea .t-is-disabled::-ms-input-placeholder{
  color:var(--td-text-color-disabled)}
.t-textarea .t-is-disabled::placeholder{
  color:var(--td-text-color-disabled)}
.t-textarea .t-resize-none{
  resize:none}
.t-textarea__tips{
  height:auto;
  min-height:var(--td-comp-size-xs);
  font:var(--td-font-body-small);
  display:inline-block}
.t-textarea__tips--normal{
  color:var(--td-text-color-placeholder)}
.t-textarea__tips--success{
  color:var(--td-success-color)}
.t-textarea__tips--warning{
  color:var(--td-warning-color)}
.t-textarea__tips--error{
  color:var(--td-error-color)}
@-webkit-keyframes changeColor{
  0%{
  color:var(--td-brand-color-hover)}
to{
  color:var(--td-brand-color-active)}
}
@keyframes changeColor{
  0%{
  color:var(--td-brand-color-hover)}
to{
  color:var(--td-brand-color-active)}
}
.t-breadcrumb{
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  font:var(--td-font-body-medium);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-breadcrumb__separator{
  margin:0 var(--td-comp-margin-xs);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-breadcrumb__separator .t-icon{
  color:var(--td-text-color-placeholder)}
.t-breadcrumb__item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  color:var(--td-text-color-placeholder);
  text-decoration:none}
.t-breadcrumb__item.t-is-current{
  color:var(--td-text-color-primary)}
.t-breadcrumb__item.t-is-current .t-icon{
  color:var(--td-text-color-placeholder)}
.t-breadcrumb__item:last-child{
  color:var(--td-text-color-primary)}
.t-breadcrumb__item:last-child .t-breadcrumb__separator{
  display:none}
.t-breadcrumb__item .t-icon{
  font-size:var(--td-font-size-body-large)}
.t-breadcrumb__item .t-link{
  color:inherit;
  text-decoration:none}
.t-breadcrumb__item .t-link:hover{
  color:var(--td-brand-color)}
.t-breadcrumb__item .t-is-disabled{
  cursor:not-allowed}
.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner{
  color:var(--td-text-color-disabled)}
.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner:hover{
  color:var(--td-text-color-disabled);
  cursor:not-allowed}
.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner:active{
  -webkit-animation:none;
  animation:none}
.t-breadcrumb__item--arrow,.t-breadcrumb__item--slash{
  margin:0 var(--td-comp-margin-xs);
  line-height:0;
  color:var(--td-text-color-placeholder);
  display:inline-block;
  vertical-align:middle}
.t-breadcrumb__inner{
  font:var(--td-font-body-medium);
  word-break:break-all;
  display:inline-block;
  vertical-align:middle}
.t-breadcrumb__inner .t-icon{
  margin:0 var(--td-comp-margin-xs)}
.t-breadcrumb__select{
  position:relative}
.t-breadcrumb__select:hover .t-breadcrumb__option{
  display:block}
.t-breadcrumb__select-item:hover .t-icon{
  color:var(--td-brand-color)}
.t-breadcrumb__option{
  display:none;
  position:absolute;
  top:28px;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translate(-50%);
  max-width:120px;
  background:var(--td-bg-color-container);
  -webkit-box-shadow:var(--td-shadow-2);
  box-shadow:var(--td-shadow-2);
  z-index:20}
.t-breadcrumb__option-item{
  padding:8px;
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap}
.t-breadcrumb__option-item:hover,.t-breadcrumb__option-item.t-is-active{
  color:var(--td-brand-color)}
.t-breadcrumb__inner-msg{
  display:none;
  position:absolute;
  left:50%;
  bottom:30px;
  -webkit-transform:translateX(-50%);
  transform:translate(-50%);
  width:300px;
  padding:8px;
  color:var(--td-text-color-primary);
  background:var(--td-bg-color-container);
  border-radius:calc(var(--td-radius-default) * .5);
  -webkit-box-shadow:var(--td-shadow-2);
  box-shadow:var(--td-shadow-2);
  z-index:20}
.t-breadcrumb__inner-msg:before{
  content:"";
  position:absolute;
  bottom:-8px;
  left:50%;
  margin-left:-4px;
  width:0;
  height:0;
  border-style:solid;
  border-width:8px 6px 0;
  border-color:var(--td-bg-color-container) transparent transparent transparent;
  z-index:20}
.t-breadcrumb--text-overflow{
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-breadcrumb--text-overflow:hover .t-breadcrumb__inner-msg{
  display:block}
.t-breadcrumb--text-overflow .t-breadcrumb__inner{
  max-width:120px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-transition:color .2s linear;
  transition:color .2s linear}
.t-breadcrumb--text-overflow .t-breadcrumb__inner-text{
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap}
.t-breadcrumb--text-overflow .t-breadcrumb__inner:hover{
  color:var(--td-brand-color);
  cursor:pointer}
.t-breadcrumb--text-overflow .t-breadcrumb__inner:active{
  -webkit-animation:.2s linear changeColor;
  animation:.2s linear changeColor}
.t-dropdown{
  font:var(--td-font-body-medium);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  background-color:var(--td-bg-color-container);
  font-size:var(--td-font-size-body-medium);
  color:var(--td-text-color-primary);
  position:relative;
  -webkit-box-shadow:var(--td-shadow-2);
  box-shadow:var(--td-shadow-2);
  border:.5px solid var(--td-component-border);
  border-radius:var(--td-radius-medium)}
.t-dropdown__menu{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  border-radius:var(--td-radius-medium);
  padding:var(--td-pop-padding-m);
  gap:2px;
  overflow-y:auto;
  overflow-x:hidden}
@-moz-document url-prefix(){
  .t-dropdown__menu{
  scrollbar-color:var(--td-scrollbar-color) transparent;
  scrollbar-width:thin}
}
.t-dropdown__menu::-webkit-scrollbar{
  width:8px;
  height:8px}
.t-dropdown__menu::-webkit-scrollbar-thumb{
  border:2px solid transparent;
  background-clip:content-box;
  background-color:var(--td-scrollbar-color);
  border-radius:15px}
.t-dropdown__menu::-webkit-scrollbar-thumb:vertical:hover,.t-dropdown__menu::-webkit-scrollbar-thumb:horizontal:hover{
  background-color:var(--td-scrollbar-hover-color)}
.t-dropdown__menu .t-divider{
  margin:var(--td-comp-margin-xs) var(--td-comp-margin-s) var(--td-comp-margin-xxs) var(--td-comp-margin-s);
  color:var(--td-brand-color-light);
  width:calc(100% - var(--td-comp-margin-s) * 2)}
.t-dropdown__menu .t-dropdown__item-direction{
  margin:0 0 0 var(--td-comp-margin-s)}
.t-dropdown__menu--overflow .t-dropdown__submenu-wrapper--right{
  left:calc(100% - 14px)}
.t-dropdown__menu--overflow .t-dropdown__submenu-wrapper--left{
  right:calc(100% - 14px)}
.t-dropdown__submenu{
  background-color:var(--td-bg-color-container);
  -webkit-box-shadow:var(--td-shadow-2);
  box-shadow:var(--td-shadow-2);
  border-radius:var(--td-radius-medium);
  border:.5px solid var(--td-component-border);
  z-index:1100;
  position:absolute;
  padding:var(--td-pop-padding-m);
  display:none;
  overflow-y:auto;
  overflow-x:visible}
@-moz-document url-prefix(){
  .t-dropdown__submenu{
  scrollbar-color:var(--td-scrollbar-color) transparent;
  scrollbar-width:thin}
}
.t-dropdown__submenu::-webkit-scrollbar{
  width:8px;
  height:8px}
.t-dropdown__submenu::-webkit-scrollbar-thumb{
  border:2px solid transparent;
  background-clip:content-box;
  background-color:var(--td-scrollbar-color);
  border-radius:15px}
.t-dropdown__submenu::-webkit-scrollbar-thumb:vertical:hover,.t-dropdown__submenu::-webkit-scrollbar-thumb:horizontal:hover{
  background-color:var(--td-scrollbar-hover-color)}
.t-dropdown__submenu ul{
  list-style:none;
  display:grid;
  padding-left:0;
  gap:2px}
.t-dropdown__submenu--disabled{
  visibility:hidden}
.t-dropdown__submenu .t-dropdown__item-direction{
  margin:0 0 0 var(--td-comp-margin-s)}
.t-dropdown__submenu-wrapper--right{
  left:calc(100% - 6px)}
.t-dropdown__submenu-wrapper--left{
  right:calc(100% - 6px)}
.t-dropdown__item{
  border-radius:var(--td-radius-default);
  font:var(--td-font-body-medium);
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  outline:none;
  -webkit-transition:background-color .2s cubic-bezier(.82,0,1,.9);
  transition:background-color .2s cubic-bezier(.82,0,1,.9);
  white-space:nowrap;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:calc(var(--td-comp-paddingTB-xs) - 1px) var(--td-comp-paddingLR-s);
  --ripple-color:var(--td-bg-color-container-active)}
.t-dropdown__item-icon{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  color:currentcolor;
  margin-right:var(--td-comp-margin-s);
  font-size:var(--td-font-size-body-large)}
.t-dropdown__item:hover>div>div{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-dropdown__item--disabled{
  cursor:not-allowed}
.t-dropdown__item-content{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  max-width:100%}
.t-dropdown__item-text{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1}
.t-dropdown__item.t-dropdown__item--suffix .t-dropdown__item-sub-icon{
  color:currentcolor;
  font-size:var(--td-font-size-body-large);
  -ms-flex-negative:0;
  flex-shrink:0}
.t-dropdown__item--theme-default{
  color:var(--td-text-color-primary)}
.t-dropdown__item--theme-default:hover{
  background-color:var(--td-bg-color-container-hover)}
.t-dropdown__item--theme-default:active{
  background-color:var(--td-bg-color-container-active)}
.t-dropdown__item--theme-default.t-dropdown__item--active{
  color:var(--td-brand-color);
  background-color:var(--td-brand-color-light)}
.t-dropdown__item--theme-default.t-dropdown__item--active:hover{
  background-color:var(--td-bg-color-container-hover)}
.t-dropdown__item--theme-default.t-dropdown__item--active:active{
  background-color:var(--td-bg-color-container-active)}
.t-dropdown__item--theme-default.t-dropdown__item--disabled{
  color:var(--td-text-color-disabled)}
.t-dropdown__item--theme-default.t-dropdown__item--disabled:hover{
  background-color:var(--td-bg-color-container-hover)}
.t-dropdown__item--theme-default.t-dropdown__item--suffix:hover{
  background-color:var(--td-brand-color-light);
  color:var(--td-brand-color)}
.t-dropdown__item--theme-success{
  color:var(--td-success-color)}
.t-dropdown__item--theme-success:hover{
  background-color:var(--td-bg-color-container-hover)}
.t-dropdown__item--theme-success:active{
  background-color:var(--td-bg-color-container-active)}
.t-dropdown__item--theme-success.t-dropdown__item--active{
  background-color:var(--td-success-color-light)}
.t-dropdown__item--theme-success.t-dropdown__item--active:hover{
  background-color:var(--td-bg-color-container-hover)}
.t-dropdown__item--theme-success.t-dropdown__item--active:active{
  background-color:var(--td-bg-color-container-active)}
.t-dropdown__item--theme-success.t-dropdown__item-disabled{
  color:var(--td-text-color-disabled)}
.t-dropdown__item--theme-success.t-dropdown__item-disabled:hover{
  background-color:var(--td-bg-color-container-hover)}
.t-dropdown__item--theme-success.t-dropdown__item--suffix:hover{
  background-color:var(--td-success-color-light)}
.t-dropdown__item--theme-error{
  color:var(--td-error-color)}
.t-dropdown__item--theme-error:hover{
  background-color:var(--td-bg-color-container-hover)}
.t-dropdown__item--theme-error:active{
  background-color:var(--td-bg-color-container-active)}
.t-dropdown__item--theme-error.t-dropdown__item--active{
  background-color:var(--td-error-color-light)}
.t-dropdown__item--theme-error.t-dropdown__item--active:hover{
  background-color:var(--td-bg-color-container-hover)}
.t-dropdown__item--theme-error.t-dropdown__item--active:active{
  background-color:var(--td-bg-color-container-active)}
.t-dropdown__item--theme-error.t-dropdown__item--disabled{
  color:var(--td-text-color-disabled)}
.t-dropdown__item--theme-error.t-dropdown__item--disabled:hover{
  background-color:var(--td-bg-color-container-hover)}
.t-dropdown__item--theme-error.t-dropdown__item--suffix:hover{
  background-color:var(--td-error-color-light)}
.t-dropdown__item--theme-warning{
  color:var(--td-warning-color)}
.t-dropdown__item--theme-warning:hover{
  background-color:var(--td-bg-color-container-hover)}
.t-dropdown__item--theme-warning:active{
  background-color:var(--td-bg-color-container-active)}
.t-dropdown__item--theme-warning.t-dropdown__item--active{
  background-color:var(--td-warning-color-light)}
.t-dropdown__item--theme-warning.t-dropdown__item--active:hover{
  background-color:var(--td-bg-color-container-hover)}
.t-dropdown__item--theme-warning.t-dropdown__item--active:active{
  background-color:var(--td-bg-color-container-active)}
.t-dropdown__item--theme-warning.t-dropdown__item--disabled{
  color:var(--td-text-color-disabled)}
.t-dropdown__item--theme-warning.t-dropdown__item--disabled:hover{
  background-color:var(--td-bg-color-container-hover)}
.t-dropdown__item--theme-warning.t-dropdown__item--suffix:hover{
  background-color:var(--td-warning-color-light)}
.t-slider__input-container{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-left:var(--td-comp-margin-xxl)}
.t-slider__input-container.is-vertical{
  padding-top:var(--td-comp-paddingTB-l);
  margin-left:0}
.t-slider__input-container .t-slider__center-line{
  width:var(--td-size-4);
  height:1px;
  background:#000000e6;
  margin:0 var(--td-comp-margin-s)}
.t-slider{
  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;
  height:calc(var(--td-comp-paddingTB-xs) * 2 + var(--td-size-2));
  width:100%;
  position:relative;
  padding:var(--td-comp-paddingTB-xs) 0}
.t-slider__container{
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-slider__container.is-vertical{
  height:100%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column}
.t-slider__rail{
  position:absolute;
  width:100%;
  height:var(--td-size-2);
  background-color:var(--td-bg-color-secondarycomponent);
  -webkit-transition:.2s linear;
  transition:.2s linear;
  border-radius:var(--td-radius-round)}
.t-slider__rail:hover{
  background-color:var(--td-bg-color-secondarycomponent-hover)}
.t-slider__track{
  position:absolute;
  height:var(--td-size-2);
  background-color:var(--td-brand-color);
  right:auto;
  border-radius:var(--td-radius-round)}
.t-slider__step{
  position:absolute;
  width:100%;
  height:var(--td-size-2);
  cursor:pointer}
.t-slider__button{
  width:var(--td-comp-size-xxxs);
  height:var(--td-comp-size-xxxs);
  border:2px solid var(--td-brand-color);
  background-color:#fff;
  border-radius:var(--td-radius-circle);
  -webkit-transition:.2s;
  transition:.2s;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-box-shadow:var(--td-shadow-1);
  box-shadow:var(--td-shadow-1)}
.t-slider__button--dragging{
  -webkit-box-shadow:0 0 0px 2px var(--td-brand-color-focus);
  box-shadow:0 0 0 2px var(--td-brand-color-focus)}
.t-slider__button:hover{
  background-color:var(--td-gray-color-1)}
.t-slider__button-wrapper{
  position:absolute;
  z-index:2;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  background-color:transparent;
  text-align:center;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  line-height:normal;
  outline:none;
  cursor:pointer;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-slider__stop{
  position:absolute;
  width:1px;
  height:var(--td-size-2);
  background-color:var(--td-bg-color-secondarycomponent);
  top:4px}
.t-slider__mark{
  position:absolute;
  top:2px;
  left:0;
  width:100%}
.t-slider__mark-text{
  position:absolute;
  display:inline-block;
  font:var(--td-font-body-small);
  color:var(--td-text-color-primary);
  top:calc(var(--td-size-2) + var(--td-comp-paddingTB-xs) + 2px);
  -webkit-transform:translateX(-50%);
  transform:translate(-50%);
  cursor:pointer}
.t-slider__mark-text:first-child{
  -webkit-transform:translateX(0%);
  transform:translate(0)}
.t-slider__mark-text:last-child{
  -webkit-transform:translateX(-100%);
  transform:translate(-100%)}
.t-slider--vertical{
  height:100%;
  padding:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  position:relative}
.t-slider--vertical .t-slider__rail{
  width:var(--td-size-2);
  height:100%}
.t-slider--vertical .t-slider__track{
  width:var(--td-size-2);
  top:auto}
.t-slider--vertical .t-slider__step{
  width:var(--td-size-2);
  height:100%}
.t-slider--vertical .t-slider__handle{
  margin-top:-6px;
  margin-left:-5px;
  top:auto;
  -webkit-transform:translateY(50%);
  transform:translateY(50%)}
.t-slider--vertical .t-slider__mark{
  top:0;
  left:12px;
  width:18px;
  height:100%}
.t-slider--vertical .t-slider__stop{
  width:var(--td-size-2);
  height:1px;
  left:4px;
  background-color:var(--td-bg-color-secondarycomponent)}
.t-slider--vertical .t-slider__mark-text{
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  margin-top:0;
  margin-left:var(--td-comp-margin-xxs)}
.t-slider--vertical .t-slider__button-wrapper{
  top:auto;
  position:absolute;
  z-index:2;
  left:50%;
  -webkit-transform:translate(-50%,50%);
  transform:translate(-50%,50%);
  background-color:transparent;
  text-align:center;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  line-height:normal;
  outline:none;
  cursor:pointer;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-is-disabled{
  cursor:not-allowed}
.t-is-disabled .t-slider__track{
  background-color:var(--td-brand-color-disabled)}
.t-is-disabled .t-slider__rail{
  background-color:var(--td-bg-color-component-disabled)}
.t-is-disabled .t-slider__handle{
  border:2px solid var(--td-brand-color-disabled)}
.t-is-disabled .t-slider__button{
  border-color:var(--td-brand-color-disabled);
  outline:none}
.t-is-disabled .t-slider__mark-text{
  color:var(--td-text-color-disabled);
  cursor:not-allowed}
.t-is-disabled .t-slider__button-wrapper{
  cursor:not-allowed}
.t-select-option__highlight-item .t-is-highlight{
  color:var(--td-brand-color)}
.t-auto-complete{
  width:100%}
.t-auto-complete .t-input__suffix-clear{
  display:none}
.t-auto-complete:hover .t-input__suffix-clear{
  display:inline-block}
.t-auto-complete__panel--empty{
  height:var(--td-comp-size-m);
  line-height:var(--td-comp-size-m);
  color:var(--td-text-color-disabled);
  text-align:center}
.t-cascader .t-fake-arrow{
  color:var(--td-text-color-placeholder)}
.t-cascader .t-fake-arrow--active{
  color:var(--td-brand-color)}
.t-cascader__popup .t-popup__content{
  padding:0;
  -webkit-box-shadow:var(--td-shadow-2);
  box-shadow:var(--td-shadow-2);
  border-radius:var(--td-radius-medium);
  border:.5px solid var(--td-component-border);
  overflow:hidden}
.t-cascader__panel{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:100%}
.t-cascader__panel.t-cascader--normal{
  height:200px}
.t-cascader__panel.t-cascader--multiple{
  height:280px}
.t-cascader__panel--empty{
  width:100%;
  height:var(--td-comp-size-s);
  line-height:var(--td-comp-size-s);
  color:var(--td-text-color-disabled);
  margin:var(--td-pop-padding-m);
  text-align:center;
  padding-left:0}
.t-cascader__panel--empty:hover{
  background:none;
  cursor:default}
.t-cascader__menu{
  width:148px;
  overflow:auto;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
  padding:var(--td-pop-padding-m);
  background:var(--td-bg-color-container)}
.t-cascader__menu.t-size-l{
  padding:var(--td-pop-padding-l)}
.t-cascader__menu.t-size-s{
  padding:var(--td-pop-padding-s)}
.t-cascader__menu--segment{
  border-right:1px solid var(--td-component-stroke)}
.t-cascader__menu--filter{
  width:auto;
  min-width:148px}
.t-cascader__item{
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  height:var(--td-comp-size-s);
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  padding:0 var(--td-comp-paddingLR-s);
  border-radius:var(--td-radius-default);
  margin-top:var(--td-comp-margin-xxs);
  -webkit-transition:background-color .2s cubic-bezier(.82,0,1,.9);
  transition:background-color .2s cubic-bezier(.82,0,1,.9);
  list-style:none;
  --ripple-color:var(--td-bg-color-container-active)}
.t-cascader__item.t-size-s{
  height:var(--td-comp-size-xs);
  font:var(--td-font-body-small);
  padding:0px var(--td-comp-paddingLR-s)}
.t-cascader__item.t-size-l{
  height:var(--td-comp-size-m);
  font:var(--td-font-body-large);
  padding:0 var(--td-comp-paddingLR-m)}
.t-cascader__item.t-is-disabled{
  color:var(--td-text-color-disabled);
  background-color:transparent;
  cursor:not-allowed}
.t-cascader__item-icon.t-icon{
  position:absolute;
  height:100%;
  right:0;
  top:0;
  background:transparent;
  margin:0 8px;
  font-size:16px;
  color:var(--td-text-color-placeholder)}
.t-cascader__item-icon.t-loading{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  color:var(--td-text-color-brand)}
.t-cascader__item.t-is-expanded{
  background:var(--td-brand-color-light);
  color:var(--td-text-color-brand)}
.t-cascader__item.t-is-expanded .t-icon-chevron-right{
  color:var(--td-text-color-brand)}
.t-cascader__item.t-is-expanded:hover{
  cursor:pointer}
.t-cascader__item:first-child{
  margin-top:0}
.t-cascader__item .t-checkbox{
  max-width:100%}
.t-cascader__item .t-checkbox .t-checkbox__input{
  -ms-flex-negative:0;
  flex-shrink:0}
.t-cascader__item .t-checkbox .t-checkbox__label{
  display:block;
  white-space:nowrap;
  word-wrap:normal;
  overflow:hidden;
  text-overflow:ellipsis}
.t-cascader__item .t-checkbox .t-checkbox__label .t-cascader__item__label--filter{
  color:var(--td-text-color-brand)}
.t-cascader__item--with-icon{
  padding:0 calc(var(--td-comp-paddingLR-s) + 14px) 0 var(--td-comp-paddingLR-s)}
.t-cascader__item--leaf .t-checkbox{
  width:100%}
.t-cascader__item-label{
  display:block;
  position:relative;
  white-space:nowrap;
  padding:0}
.t-cascader__item-label--ellipsis{
  white-space:nowrap;
  word-wrap:normal;
  overflow:hidden;
  text-overflow:ellipsis}
.t-cascader__item-label--filter{
  color:var(--td-text-color-brand)}
.t-cascader__item:hover:not(.t-is-expanded):not(.t-is-disabled){
  background:var(--td-bg-color-container-hover);
  cursor:pointer}
.t-cascader__item.t-is-selected{
  color:var(--td-brand-color);
  background:var(--td-brand-color-light)}
.t-cascader__item.t-is-selected .t-checkbox__label{
  color:var(--td-brand-color)}
.t-date-picker,.t-date-range-picker{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none}
.t-date-picker__header-controller-month-popup>.t-popup__content,.t-date-picker__header-controller-year-popup>.t-popup__content{
  max-height:160px}
.t-date-picker__panel-container>.t-popup__content,.t-date-range-picker__panel-container>.t-popup__content{
  padding:0;
  min-width:280px}
.t-date-picker__panel,.t-date-range-picker__panel{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column}
.t-date-picker__panel--direction-row,.t-date-range-picker__panel--direction-row{
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row}
.t-date-picker__panel .t-time-picker__panel,.t-date-range-picker__panel .t-time-picker__panel{
  width:216px}
.t-date-picker__panel .t-time-picker__panel-section-body,.t-date-range-picker__panel .t-time-picker__panel-section-body{
  padding:0}
.t-date-picker__panel .t-time-picker__panel-body,.t-date-range-picker__panel .t-time-picker__panel-body{
  margin:0}
.t-date-picker__panel-content,.t-date-range-picker__panel-content,.t-date-range-picker__panel-content-wrapper{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-date-picker__header{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  gap:var(--td-comp-margin-m);
  width:100%}
.t-date-picker__header-controller{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  gap:var(--td-comp-margin-s)}
.t-date-picker__header-controller .t-date-picker__header-controller-month{
  width:80px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-date-picker__header-controller .t-date-picker__header-controller-year{
  width:78px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-date-picker__table table{
  width:100%;
  border-collapse:collapse}
.t-date-picker__table table th{
  text-align:center;
  color:var(--td-text-color-secondary);
  font-weight:400}
.t-date-picker__table table td.t-date-picker__cell{
  text-align:center;
  font-weight:500}
.t-date-picker__table table th,.t-date-picker__table table th.t-date-picker__table-header-cell,.t-date-picker__table table td.t-date-picker__cell{
  padding:0;
  border:0;
  line-height:var(--td-line-height-body-medium)}
.t-date-picker__table table thead:after{
  content:"-";
  display:block;
  line-height:var(--td-comp-margin-xs);
  color:transparent}
.t-date-picker__table table thead:before{
  content:"-";
  display:block;
  line-height:var(--td-comp-margin-xs);
  color:transparent}
.t-date-picker__table-week-row{
  cursor:pointer;
  position:-webkit-sticky;
  position:sticky}
.t-date-picker__table-week-row .t-date-picker__cell:first-child .t-date-picker__cell-inner{
  color:var(--td-text-color-disabled)}
.t-date-picker__table-week-row .t-date-picker__cell:hover .t-date-picker__cell-inner{
  -webkit-box-shadow:none;
  box-shadow:none;
  background:none}
.t-date-picker__table-week-row:after{
  content:"";
  position:absolute;
  left:var(--td-comp-margin-xxxl);
  right:0;
  top:calc(var(--td-comp-margin-xs) - 1px);
  z-index:10;
  height:var(--td-comp-size-xs);
  border-radius:var(--td-radius-default);
  -webkit-transition:background-color .2s linear,border-color .2s linear,color .2s linear,-webkit-box-shadow .2s cubic-bezier(.38,0,.24,1);
  transition:background-color .2s linear,border-color .2s linear,color .2s linear,-webkit-box-shadow .2s cubic-bezier(.38,0,.24,1);
  transition:box-shadow .2s cubic-bezier(.38,0,.24,1),background-color .2s linear,border-color .2s linear,color .2s linear;
  transition:box-shadow .2s cubic-bezier(.38,0,.24,1),background-color .2s linear,border-color .2s linear,color .2s linear,-webkit-box-shadow .2s cubic-bezier(.38,0,.24,1);
  pointer-events:none}
.t-date-picker__table-week-row:hover .t-date-picker__cell:first-child .t-date-picker__cell-inner{
  color:var(--td-brand-color)}
.t-date-picker__table-week-row:hover:after{
  -webkit-box-shadow:inset 0 0 0 1px var(--td-brand-color);
  box-shadow:inset 0 0 0 1px var(--td-brand-color)}
.t-date-picker__table-week-row--active:after{
  opacity:1;
  z-index:0;
  background-color:var(--td-brand-color)}
.t-date-picker__table-week-row--active .t-date-picker__cell:first-child .t-date-picker__cell-inner{
  color:var(--td-brand-color)}
.t-date-picker__table-week-row--active .t-date-picker__cell .t-date-picker__cell-inner{
  background:transparent;
  color:var(--td-text-color-anti)}
.t-date-picker__table-week-row--range:after{
  opacity:1;
  z-index:0;
  background-color:var(--td-brand-color-light)}
.t-date-picker__table-week-row--range .t-date-picker__cell .t-date-picker__cell-inner{
  background:transparent}
.t-date-picker__footer{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  padding:var(--td-pop-padding-xl);
  gap:var(--td-comp-margin-s)}
.t-date-picker__footer--bottom{
  border-top:1px solid var(--td-component-stroke)}
.t-date-picker__footer--top{
  border-bottom:1px solid var(--td-component-stroke)}
.t-date-picker__footer--left{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  border-right:1px solid var(--td-component-stroke)}
.t-date-picker__footer--left .t-date-picker__presets{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column}
.t-date-picker__footer--right{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  border-left:1px solid var(--td-component-stroke)}
.t-date-picker__footer--right .t-date-picker__presets{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column}
.t-date-picker__presets{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:var(--td-comp-margin-s);
  white-space:nowrap;
  min-width:var(--td-comp-size-xl)}
.t-date-picker__presets .t-button{
  cursor:pointer}
.t-date-picker__presets a{
  color:var(--td-brand-color)}
.t-date-picker__presets a:hover{
  color:var(--td-brand-color-hover)}
.t-date-picker__panel-time,.t-date-range-picker__panel-time{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  gap:calc(var(--td-comp-margin-m) / 2);
  padding:var(--td-pop-padding-xl) calc(var(--td-pop-padding-xl) - var(--td-comp-margin-xs));
  border-left:1px solid var(--td-component-stroke)}
.t-date-picker__panel-time-viewer,.t-date-range-picker__panel-time-viewer{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:var(--td-comp-size-m);
  line-height:var(--td-line-height-body-medium);
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  color:var(--td-text-color-primary)}
.t-date-picker__panel-time .t-time-picker__panel-body,.t-date-range-picker__panel-time .t-time-picker__panel-body{
  margin:0}
.t-date-picker__panel-year,.t-date-picker__panel-month,.t-date-picker__panel-quarter,.t-date-picker__panel-week,.t-date-picker__panel-date{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  padding:var(--td-pop-padding-xl);
  gap:var(--td-comp-margin-m);
  width:280px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-date-picker__panel-year .t-date-picker__cell--hover-highlight+.t-date-picker__cell--hover-highlight:before,.t-date-picker__panel-month .t-date-picker__cell--hover-highlight+.t-date-picker__cell--hover-highlight:before,.t-date-picker__panel-year .t-date-picker__cell--hover-highlight+.t-date-picker__cell--hover-highlight:after,.t-date-picker__panel-month .t-date-picker__cell--hover-highlight+.t-date-picker__cell--hover-highlight:after{
  opacity:1;
  left:calc(0px - calc(var(--td-comp-size-xs) + var(--td-comp-margin-xxl)))}
.t-date-picker__panel-year .t-date-picker__cell--hover-highlight+.t-date-picker__cell--active:after,.t-date-picker__panel-month .t-date-picker__cell--hover-highlight+.t-date-picker__cell--active:after{
  opacity:1;
  left:calc(0px - calc(var(--td-comp-size-xs) + var(--td-comp-margin-xxl)));
  z-index:5}
.t-date-picker__panel-year .t-date-picker__cell--highlight+.t-date-picker__cell--highlight:before,.t-date-picker__panel-month .t-date-picker__cell--highlight+.t-date-picker__cell--highlight:before{
  left:calc(0px - calc(var(--td-comp-size-xs) + var(--td-comp-margin-xxl)))}
.t-date-picker__panel-year .t-date-picker__header-controller-year,.t-date-picker__panel-month .t-date-picker__header-controller-year,.t-date-picker__panel-quarter .t-date-picker__header-controller-year{
  width:130px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-date-picker__panel-year .t-date-picker__table table tbody,.t-date-picker__panel-month .t-date-picker__table table tbody,.t-date-picker__panel-quarter .t-date-picker__table table tbody{
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:var(--td-comp-margin-m);
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column}
.t-date-picker__panel-year .t-date-picker__table table tbody tr,.t-date-picker__panel-month .t-date-picker__table table tbody tr,.t-date-picker__panel-quarter .t-date-picker__table table tbody tr{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between}
.t-date-picker__panel-year .t-date-picker__cell--disabled+.t-date-picker__cell--disabled:before,.t-date-picker__panel-month .t-date-picker__cell--disabled+.t-date-picker__cell--disabled:before,.t-date-picker__panel-quarter .t-date-picker__cell--disabled+.t-date-picker__cell--disabled:before{
  left:calc(0px - var(--td-comp-size-xxxl))}
.t-date-picker__panel-year .t-date-picker__cell:nth-child(1),.t-date-picker__panel-month .t-date-picker__cell:nth-child(1),.t-date-picker__panel-quarter .t-date-picker__cell:nth-child(1){
  text-align:left}
.t-date-picker__panel-year .t-date-picker__cell:nth-child(3),.t-date-picker__panel-month .t-date-picker__cell:nth-child(3),.t-date-picker__panel-quarter .t-date-picker__cell:nth-child(3){
  text-align:right}
.t-date-picker__panel-year .t-date-picker__cell-inner,.t-date-picker__panel-month .t-date-picker__cell-inner,.t-date-picker__panel-quarter .t-date-picker__cell-inner{
  width:var(--td-comp-size-xxl)}
.t-date-picker__cell{
  cursor:pointer;
  position:relative;
  padding:0}
.t-date-picker__cell:before,.t-date-picker__cell:after{
  content:"";
  position:absolute;
  top:50%;
  right:-5%;
  left:-5%;
  z-index:1;
  opacity:0;
  border-radius:var(--td-radius-default);
  height:var(--td-comp-size-xs);
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-transition:opacity .2s cubic-bezier(0,0,.15,1);
  transition:opacity .2s cubic-bezier(0,0,.15,1)}
.t-date-picker__cell:hover .t-date-picker__cell-inner{
  -webkit-box-shadow:inset 0 0 0 1px var(--td-brand-color);
  box-shadow:inset 0 0 0 1px var(--td-brand-color)}
.t-date-picker__cell-inner{
  position:relative;
  z-index:5;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:var(--td-comp-size-xs);
  height:var(--td-comp-size-xs);
  margin:calc(var(--td-comp-margin-xs) - 1px);
  border-radius:var(--td-radius-default);
  -webkit-transition:background-color .2s linear,border-color .2s linear,color .2s linear,-webkit-box-shadow .2s cubic-bezier(.38,0,.24,1);
  transition:background-color .2s linear,border-color .2s linear,color .2s linear,-webkit-box-shadow .2s cubic-bezier(.38,0,.24,1);
  transition:box-shadow .2s cubic-bezier(.38,0,.24,1),background-color .2s linear,border-color .2s linear,color .2s linear;
  transition:box-shadow .2s cubic-bezier(.38,0,.24,1),background-color .2s linear,border-color .2s linear,color .2s linear,-webkit-box-shadow .2s cubic-bezier(.38,0,.24,1)}
.t-date-picker__cell--now .t-date-picker__cell-inner{
  color:var(--td-brand-color);
  background:var(--td-brand-color-light)}
.t-date-picker__cell--hover-highlight:after{
  opacity:1;
  background-color:var(--td-brand-color-light)}
.t-date-picker__cell--highlight:before{
  opacity:1;
  background-color:var(--td-brand-color-light)}
.t-date-picker__cell--highlight.t-date-picker__cell--hover-highlight:after{
  opacity:1;
  background-color:#0000000f}
.t-date-picker__cell--additional:hover .t-date-picker__cell-inner{
  -webkit-box-shadow:none;
  box-shadow:none;
  border-color:var(--td-bg-color-container-hover);
  background-color:var(--td-bg-color-container-hover)}
.t-date-picker__cell--additional .t-date-picker__cell-inner{
  color:var(--td-text-color-disabled)}
.t-date-picker__cell--active .t-date-picker__cell-inner{
  color:var(--td-text-color-anti);
  background-color:var(--td-brand-color)}
.t-date-picker__cell--active-start:before{
  opacity:1;
  left:calc(calc(var(--td-comp-margin-xs) - 1px) * 2);
  border-top-left-radius:var(--td-radius-default);
  border-bottom-left-radius:var(--td-radius-default)}
.t-date-picker__cell--active-start:hover:before{
  left:-5%}
.t-date-picker__cell--active-end:before{
  opacity:1;
  right:calc(calc(var(--td-comp-margin-xs) - 1px) * 2);
  border-top-right-radius:var(--td-radius-default);
  border-bottom-right-radius:var(--td-radius-default)}
.t-date-picker__cell--active-end:hover:before{
  right:-5%}
.t-date-picker__cell--disabled:hover .t-date-picker__cell-inner{
  -webkit-box-shadow:none;
  box-shadow:none;
  background-color:var(--td-bg-color-component-disabled)}
.t-date-picker__cell--disabled .t-date-picker__cell-inner{
  cursor:not-allowed;
  color:var(--td-text-color-disabled);
  background-color:var(--td-bg-color-component-disabled)}
.t-date-picker__cell--disabled+.t-date-picker__cell--disabled:before{
  opacity:1;
  left:calc(0px - var(--td-comp-size-l));
  background-color:var(--td-bg-color-component-disabled);
  border-radius:var(--td-radius-default)}
.t-date-picker__input--placeholder input{
  color:var(--td-text-color-placeholder)}
.t-upload{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none}
.t-upload .t-is-bordered{
  border:1px solid var(--td-component-border)}
.t-upload .t-upload__trigger{
  display:inline-block}
.t-upload .t-icon{
  font-size:calc(var(--td-font-size-body-medium) + 2px);
  -ms-flex-negative:0;
  flex-shrink:0}
.t-upload .t-icon-check-circle-filled{
  color:var(--td-success-color)}
.t-upload .t-icon-error-circle-filled{
  color:var(--td-error-color)}
.t-upload .t-icon-time-filled{
  color:var(--td-text-color-placeholder)}
.t-upload .t-icon-add{
  color:var(--td-text-color-primary)}
.t-upload__list-file{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:100px;
  height:100px;
  margin-right:var(--td-comp-margin-m);
  overflow:hidden}
.t-upload__list-file .t-icon{
  font-size:var(--td-comp-size-xl);
  color:var(--td-brand-color)}
.t-upload__list-item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-top:var(--td-comp-margin-m);
  width:496px;
  height:124px;
  padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
  border:1px solid var(--td-component-border);
  border-radius:var(--td-radius-default);
  font:var(--td-font-body-medium)}
.t-upload__list-item.t-is--error .t-upload__list-name,.t-upload__list-item.t-is--error .t-upload__list-file .t-icon{
  color:var(--td-error-color)}
.t-upload__list-content{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-upload-list__control{
  cursor:pointer}
.t-upload-list__control:hover{
  color:var(--td-error-color)}
.t-upload__list-img{
  -o-object-fit:cover;
  object-fit:cover;
  max-width:100%;
  max-height:100%;
  cursor:pointer}
.t-upload__list-name{
  max-width:200px;
  white-space:nowrap;
  word-wrap:normal;
  overflow:hidden;
  text-overflow:ellipsis}
.t-upload--highlight{
  color:var(--td-text-color-brand)}
.t-upload__single-name{
  margin-right:var(--td-comp-margin-s)}
.t-upload__card{
  font:var(--td-font-body-small);
  overflow:hidden;
  width:100%;
  margin:0;
  padding:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  gap:var(--td-comp-margin-s)}
.t-upload__card .t-is-disabled:hover{
  cursor:not-allowed}
.t-upload__card-item{
  cursor:pointer;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  list-style:none}
.t-upload__card-item:after{
  content:"";
  display:block}
.t-upload__card-item:hover .t-upload__card-mask{
  opacity:1;
  -webkit-transition:opacity .2s linear;
  transition:opacity .2s linear}
.t-upload__card-item.t-is--error .t-icon-warning_fill{
  color:var(--td-error-color);
  margin-bottom:var(--td-comp-margin-s)}
.t-upload__card-item.t-is--error .t-upload__card-status{
  color:var(--td-error-color)}
.t-upload__card-item.t-is-background{
  -webkit-transition:border-color .2s linear;
  transition:border-color .2s linear}
.t-upload__card .t-icon-loading{
  margin-bottom:var(--td-comp-margin-s)}
.t-upload__card-name{
  max-width:100%;
  margin-top:var(--td-comp-margin-s);
  white-space:nowrap;
  word-wrap:normal;
  overflow:hidden;
  text-overflow:ellipsis}
.t-upload__card-content{
  position:relative;
  width:110px;
  height:110px;
  overflow:hidden;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  background-color:var(--td-bg-color-secondarycontainer);
  border:1px dashed var(--td-component-border);
  padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
  border-radius:var(--td-radius-default)}
.t-upload__card-container{
  width:110px;
  height:110px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  background-color:var(--td-bg-color-secondarycontainer);
  border:1px dashed var(--td-component-border);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  position:relative;
  border-radius:var(--td-radius-default);
  -webkit-transition:border .2s linear;
  transition:border .2s linear}
.t-upload__card-container:hover:not(.t-is-disabled){
  border-color:var(--td-brand-color);
  -webkit-transition:border-color .2s linear;
  transition:border-color .2s linear}
.t-upload__card-container>.t-icon{
  color:var(--td-text-color-placeholder)}
.t-upload__card-container>.t-icon,.t-upload__card-container .t-loading{
  font-size:var(--td-comp-size-xs);
  margin-bottom:var(--td-comp-margin-s)}
.t-upload__card-container>p,.t-upload__card-container .t-upload__add-text{
  color:var(--td-text-color-placeholder);
  margin:0}
.t-upload__card-status-wrap{
  text-align:center}
.t-upload__card-status-wrap>svg{
  margin-bottom:var(--td-comp-margin-s)}
.t-upload__card-status-wrap .t-icon,.t-upload__card-status-wrap .t-loading{
  font-size:var(--td-comp-size-xs)}
.t-upload__card-image{
  max-width:100%;
  max-height:100%;
  width:100%;
  height:100%}
.t-upload__card-status{
  color:var(--td-text-color-disabled);
  font:var(--td-font-body-small)}
.t-upload__card-mask{
  background-color:var(--td-mask-active);
  color:var(--td-text-color-anti);
  will-change:transform;
  opacity:0;
  z-index:2;
  -webkit-transition:opacity .2s linear;
  transition:opacity .2s linear;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  position:absolute;
  inset:0}
.t-upload__card-mask-item-divider{
  margin:0 var(--td-comp-margin-l);
  border-left:1px var(--td-text-color-anti) solid;
  height:var(--td-comp-size-xxxs)}
.t-upload__card-mask-item>.t-icon{
  cursor:pointer;
  font-size:calc(var(--td-font-size-body-medium) + 2px)}
.t-upload__dialog .t-dialog{
  max-width:80%}
.t-upload__dialog .t-dialog--default{
  padding:32px}
.t-upload__dialog .t-dialog-body{
  padding-bottom:0}
.t-upload__dialog .t-dialog-body-img-box img{
  display:block;
  max-width:100%;
  max-height:100%}
.t-upload__dragger{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:336px;
  height:144px;
  border:1px dashed var(--td-component-border);
  border-radius:var(--td-radius-small);
  font:var(--td-font-body-medium);
  color:var(--td-text-color-secondary);
  cursor:pointer;
  padding:var(--td-comp-margin-l);
  position:relative;
  overflow:auto;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transition:border-color .2s linear;
  transition:border-color .2s linear}
.t-upload__dragger.t-is--active{
  background-color:var(--td-bg-color-container-active);
  border-color:var(--td-brand-color)}
.t-upload__dragger:hover{
  border-color:var(--td-brand-color)}
.t-upload__dragger-btns{
  position:absolute;
  bottom:var(--td-comp-margin-l)}
.t-upload__dragger .t-size-s{
  display:block}
.t-upload__dragger-center{
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-upload__dragger-error,.t-upload__dragger-error:hover{
  border-color:var(--td-error-color)}
.t-upload__dragger-text{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  margin-bottom:var(--td-comp-margin-s);
  max-width:calc(336px - var(--td-comp-margin-l) * 2 - 0)}
.t-upload__dragger-text .t-upload__single-name{
  white-space:nowrap;
  word-wrap:normal;
  overflow:hidden;
  text-overflow:ellipsis}
.t-upload__tips{
  display:block;
  color:var(--td-text-color-placeholder);
  margin-top:var(--td-comp-margin-s);
  font:var(--td-font-body-small)}
.t-upload__tips.t-upload__tips-error{
  color:var(--td-error-color)}
.t-upload__tips.t-upload__tips-warn{
  color:var(--td-warning-color)}
.t-upload__placeholder{
  color:var(--td-text-color-placeholder)}
.t-upload__display-text--margin{
  margin-top:var(--td-comp-margin-s)}
.t-upload__single-display-text{
  color:var(--td-text-color-secondary);
  font:var(--td-font-body-small);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-upload__single-display-text .t-upload__flow-status .t-icon{
  font-size:calc(var(--td-font-size-body-medium) + 2px)}
.t-icon-clear-circle-filled{
  color:var(--td-text-color-placeholder);
  margin-top:var(--td-comp-margin-xxs);
  -webkit-transition:color .2s linear;
  transition:color .2s linear}
.t-icon-clear-circle-filled:hover{
  color:var(--td-text-color-secondary);
  cursor:pointer;
  -webkit-transition:color .2s linear;
  transition:color .2s linear}
.t-upload__single-percent{
  margin-left:var(--td-comp-margin-xs)}
.t-upload__single-progress{
  color:var(--td-brand-color);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-upload__single-progress .t-loading{
  font-size:calc(var(--td-font-size-body-medium) + 2px);
  -ms-flex-negative:0;
  flex-shrink:0}
.t-upload__single-input-delete{
  margin-left:var(--td-comp-margin-l);
  font:var(--td-font-body-medium);
  color:var(--td-brand-color);
  cursor:pointer}
.t-upload__single-input-preview{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1}
.t-upload__single-input-text{
  display:block;
  white-space:nowrap;
  word-wrap:normal;
  overflow:hidden;
  text-overflow:ellipsis}
.t-upload__single-file-input{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-upload__single-file-input .t-upload__trigger{
  margin-left:var(--td-comp-margin-l)}
.t-upload__single-file-input .t-upload__single-progress{
  white-space:nowrap}
.t-upload__single-file-input .t-input__inner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between}
.t-upload__dragger-progress{
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-upload__dragger-progress .t-icon,.t-upload__dragger-progress .t-loading{
  font-size:calc(var(--td-font-size-body-medium) + 2px);
  -ms-flex-negative:0;
  flex-shrink:0}
.t-upload__dragger-img-wrap{
  width:110px;
  height:110px;
  background-color:var(--td-bg-color-secondarycontainer);
  border-radius:var(--td-radius-default);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -ms-flex-negative:0;
  flex-shrink:0}
.t-upload__dragger-img-wrap>.t-image__wrapper--shape-square{
  width:100%}
.t-upload__dragger-img-wrap>.t-image__wrapper--shape-square .t-space-item{
  text-align:center}
.t-upload__dragger-img-wrap>img{
  max-width:100%;
  max-height:100%}
.t-upload__dragger-img-wrap+.t-upload__dragger-progress-info{
  margin-left:var(--td-comp-margin-l);
  max-width:calc(336px - var(--td-comp-margin-l) * 2 - calc(110px + var(--td-comp-margin-l)))}
.t-upload__dragger-progress-info{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1}
.t-upload__dragger-progress-info .t-upload__single-display-text{
  margin-bottom:var(--td-comp-margin-s)}
.t-upload__dragger-progress-info .t-button:hover{
  background-color:transparent}
.t-upload__dragger-progress-cancel,.t-upload__dragger-progress-reupload{
  margin-right:var(--td-comp-margin-l)}
.t-upload__dragger-progress-cancel:hover,.t-upload__dragger-progress-reupload:hover,.t-upload__dragger-delete-btn:hover,.t-upload__dragger-upload-btn:hover{
  border-color:transparent}
.t-upload__flow-image-flow{
  width:498px}
.t-upload__flow{
  min-width:498px;
  max-width:960px}
.t-upload__flow-placeholder{
  display:inline-block;
  margin-left:var(--td-comp-margin-l)}
.t-upload__flow-op{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-upload__flow-bottom{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  margin-top:var(--td-comp-margin-xxl)}
.t-upload__flow-bottom .t-button+.t-button{
  margin-left:var(--td-comp-margin-s)}
.t-upload__flow-empty{
  width:100%;
  height:184px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  color:var(--td-text-color-placeholder)}
.t-upload__flow-table{
  width:100%;
  border:1px dashed var(--td-component-border);
  margin-top:var(--td-comp-margin-xxl);
  border-collapse:collapse}
.t-upload__flow-table>thead>tr,.t-upload__flow-table>tbody>tr,.t-upload__flow-table>tfoot>tr,.t-upload__flow-table>tr{
  border-top:1px solid var(--td-component-border)}
.t-upload__flow-table>thead>tr>th,.t-upload__flow-table>tbody>tr>th,.t-upload__flow-table>tfoot>tr>th,.t-upload__flow-table>tr>th{
  color:var(--td-text-color-placeholder);
  font-weight:400;
  border:1px solid var(--td-component-border);
  text-align:left;
  background-color:var(--td-bg-color-container)}
.t-upload__flow-table>thead>tr>td,.t-upload__flow-table>tbody>tr>td,.t-upload__flow-table>tfoot>tr>td,.t-upload__flow-table>tr>td{
  color:var(--td-text-color-primary)}
.t-upload__flow-table>thead>tr>td,.t-upload__flow-table>tbody>tr>td,.t-upload__flow-table>tfoot>tr>td,.t-upload__flow-table>tr>td,.t-upload__flow-table>thead>tr>th,.t-upload__flow-table>tbody>tr>th,.t-upload__flow-table>tfoot>tr>th,.t-upload__flow-table>tr>th{
  padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l)}
.t-upload__flow-table__batch-row{
  border-left:1px solid var(--td-component-border)}
.t-upload__flow-button{
  color:var(--td-text-color-placeholder);
  cursor:pointer;
  -webkit-transition:color .2s linear;
  transition:color .2s linear}
.t-upload__flow-button:hover{
  color:var(--td-text-color-secondary)}
.t-upload__flow-status{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-upload__flow-status .t-icon,.t-upload__flow-status .t-loading{
  margin-right:var(--td-comp-margin-s);
  font-size:calc(var(--td-font-size-body-medium) + 2px)}
.t-upload__flow-card-area{
  border:1px dashed var(--td-component-border);
  padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
  margin-top:var(--td-comp-margin-xxl);
  -webkit-transition:border .2s linear;
  transition:border .2s linear}
.t-upload__flow-card-area:hover{
  border-color:var(--td-brand-color);
  -webkit-transition:border-color .2s linear;
  transition:border-color .2s linear}
.t-upload__icon-delete,.t-upload__single-input-clear{
  color:var(--td-text-color-placeholder);
  cursor:pointer;
  -webkit-transition:color .2s linear;
  transition:color .2s linear}
.t-upload__icon-delete:hover,.t-upload__single-input-clear:hover{
  color:var(--td-text-color-secondary);
  -webkit-transition:color .2s linear;
  transition:color .2s linear}
.t-icon.t-upload__single-input-clear{
  display:none}
.t-upload__single-input-preview:hover .t-upload__single-input-clear{
  display:initial}
.t-upload__single-input-preview:hover .t-upload__status-icon{
  display:none}
.t-upload .t-upload__single-name{
  color:var(--td-text-color-secondary)}
.t-upload .t-upload__file-thumbnail{
  margin-right:var(--td-comp-paddingLR-s);
  width:var(--td-comp-size-xxl);
  height:var(--td-comp-size-xxl);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  cursor:pointer}
.t-upload .t-upload__file-thumbnail>svg{
  font-size:var(--td-comp-size-s);
  color:var(--td-text-color-placeholder)}
.t-upload__card-name{
  margin-top:8px}
.t-upload--theme-file-input{
  width:100%}
.t-upload__dragger-btns>.t-button{
  padding:0}
.t-upload__file-info{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-upload__card-container.t-is-disabled{
  cursor:not-allowed}
.t-upload__card-container.t-is-disabled .t-upload__add-text,.t-upload__card-container.t-is-disabled .t-icon{
  color:var(--td-text-color-disabled)}
.t-swiper{
  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;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content}
.t-swiper__wrap{
  display:block;
  position:relative;
  height:100%}
.t-swiper__content{
  position:relative;
  z-index:1;
  overflow:hidden}
.t-swiper__container{
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  height:100%;
  z-index:1}
.t-swiper__container__item{
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  width:100%;
  height:100%;
  display:inline-block}
.t-swiper__arrow{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-swiper__arrow svg.t-icon{
  width:20px;
  height:20px}
.t-swiper__arrow svg.t-icon:before{
  font-size:24px}
.t-swiper__arrow--default .t-swiper__arrow-left{
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:24px;
  height:24px;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  z-index:2;
  background-color:transparent;
  color:var(--td-font-white-2);
  -webkit-transition:.2s linear;
  transition:.2s linear;
  cursor:pointer;
  left:16px}
.t-swiper__arrow--default .t-swiper__arrow-left:hover{
  color:var(--td-bg-color-container);
  background-color:var(--td-font-white-4);
  border-radius:var(--td-radius-default);
  -webkit-transition:.2s linear;
  transition:.2s linear}
.t-swiper__arrow--default .t-swiper__arrow-left:active{
  background-color:var(--td-font-white-3);
  -webkit-transition:.2s linear;
  transition:.2s linear}
.t-swiper__arrow--default .t-swiper__arrow-right{
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:24px;
  height:24px;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  z-index:2;
  background-color:transparent;
  color:var(--td-font-white-2);
  -webkit-transition:.2s linear;
  transition:.2s linear;
  cursor:pointer;
  right:16px}
.t-swiper__arrow--default .t-swiper__arrow-right:hover{
  color:var(--td-bg-color-container);
  background-color:var(--td-font-white-4);
  border-radius:var(--td-radius-default);
  -webkit-transition:.2s linear;
  transition:.2s linear}
.t-swiper__arrow--default .t-swiper__arrow-right:active{
  background-color:var(--td-font-white-3);
  -webkit-transition:.2s linear;
  transition:.2s linear}
.t-swiper-card .t-swiper__container{
  display:block}
.t-swiper-card .t-swiper__container .t-is-active{
  z-index:2}
.t-swiper-card .t-swiper__card{
  position:absolute;
  top:0;
  left:0;
  width:41.5%;
  height:100%;
  z-index:0}
.t-swiper-fade .t-swiper__container{
  display:block}
.t-swiper-fade .t-swiper__fade{
  position:absolute;
  top:0;
  left:0}
.t-swiper__navigation{
  position:absolute;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translate(-50%);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  bottom:0;
  margin:0;
  padding:0;
  z-index:2}
.t-swiper__navigation>li{
  -webkit-box-flex:1;
  -ms-flex:1 0 auto;
  flex:1 0 auto;
  list-style-type:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-swiper__navigation .t-swiper__arrow svg.t-icon{
  width:16px;
  height:16px}
.t-swiper__navigation-bars .t-swiper__navigation-item{
  cursor:pointer;
  margin:0 0 0 6px;
  padding:18px 0;
  width:14px;
  height:auto}
.t-swiper__navigation-bars .t-swiper__navigation-item span{
  width:100%;
  height:3px}
.t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1){
  margin-left:0}
.t-swiper__navigation-bars .t-swiper__navigation-item span{
  background:var(--td-font-white-4)}
.t-swiper__navigation-bars .t-swiper__navigation-item span:hover{
  background-color:var(--td-font-white-2)}
.t-swiper__navigation-bars .t-swiper__navigation-item span:active{
  background-color:var(--td-bg-color-container)}
.t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active{
  width:24px}
.t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span{
  background-color:var(--td-bg-color-container)}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item{
  cursor:pointer;
  margin:0 0 0 6px;
  padding:18px 0;
  width:14px;
  height:auto}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item span{
  border-radius:1.5px}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item span{
  width:100%;
  height:3px}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item:nth-child(1){
  margin-left:0}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item span{
  background:var(--td-font-white-4)}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item span:hover{
  background-color:var(--td-font-white-2)}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item span:active{
  background-color:var(--td-bg-color-container)}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item.t-is-active{
  width:24px}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item.t-is-active span{
  background-color:var(--td-bg-color-container)}
.t-swiper__navigation-dots .t-swiper__navigation-item{
  cursor:pointer;
  margin:0 0 0 6px;
  padding:18px 0;
  width:var(--td-size-2);
  height:auto}
.t-swiper__navigation-dots .t-swiper__navigation-item span{
  border-radius:50%}
.t-swiper__navigation-dots .t-swiper__navigation-item span{
  width:100%;
  height:var(--td-size-2)}
.t-swiper__navigation-dots .t-swiper__navigation-item:nth-child(1){
  margin-left:0}
.t-swiper__navigation-dots .t-swiper__navigation-item span{
  background:var(--td-font-white-4)}
.t-swiper__navigation-dots .t-swiper__navigation-item span:hover{
  background-color:var(--td-font-white-2)}
.t-swiper__navigation-dots .t-swiper__navigation-item span:active,.t-swiper__navigation-dots .t-swiper__navigation-item.t-is-active span{
  background-color:var(--td-bg-color-container)}
.t-swiper__navigation--fraction{
  position:absolute;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translate(-50%);
  top:auto;
  right:auto;
  bottom:calc(0px - calc(var(--td-line-height-body-medium) + 12px));
  height:var(--td-line-height-body-medium);
  line-height:var(--td-line-height-body-medium)}
.t-swiper__navigation--fraction .t-swiper__arrow-left{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  z-index:2;
  background-color:transparent;
  color:var(--td-text-color-secondary);
  width:var(--td-line-height-body-medium);
  height:var(--td-line-height-body-medium);
  cursor:pointer}
.t-swiper__navigation--fraction .t-swiper__arrow-left:hover{
  color:var(--td-text-color-primary)}
.t-swiper__navigation--fraction .t-swiper__arrow-left:active{
  color:var(--td-brand-color-active)}
.t-swiper__navigation--fraction .t-swiper__arrow-right{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  z-index:2;
  background-color:transparent;
  color:var(--td-text-color-secondary);
  width:var(--td-line-height-body-medium);
  height:var(--td-line-height-body-medium);
  cursor:pointer}
.t-swiper__navigation--fraction .t-swiper__arrow-right:hover{
  color:var(--td-text-color-primary)}
.t-swiper__navigation--fraction .t-swiper__arrow-right:active{
  color:var(--td-brand-color-active)}
.t-swiper__navigation--fraction .t-swiper__navigation-text-fraction{
  display:inline-block;
  font-size:var(--td-font-size-body-medium);
  color:var(--td-text-color-secondary);
  margin:0}
.t-swiper--vertical .t-swiper__container{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column}
.t-swiper--vertical .t-swiper__navigation{
  position:absolute;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  inset:50% 0 auto auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item{
  cursor:pointer;
  margin:6px 0 0;
  padding:0 18px;
  width:auto;
  height:14px}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span{
  width:3px;
  height:100%}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1){
  margin-top:0}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span{
  background:var(--td-font-white-4)}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:hover{
  background-color:var(--td-font-white-2)}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:active{
  background-color:var(--td-bg-color-container)}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active{
  height:24px}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span{
  background-color:var(--td-bg-color-container)}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item{
  cursor:pointer;
  margin:6px 0 0;
  padding:0 18px;
  width:auto;
  height:14px}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span{
  border-radius:1.5px}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span{
  width:3px;
  height:100%}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item:nth-child(1){
  margin-top:0}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span{
  background:var(--td-font-white-4)}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span:hover{
  background-color:var(--td-font-white-2)}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span:active{
  background-color:var(--td-bg-color-container)}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item.t-is-active{
  height:24px}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item.t-is-active span{
  background-color:var(--td-bg-color-container)}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item{
  cursor:pointer;
  margin:6px 0 0;
  padding:0 18px;
  width:auto;
  max-height:var(--td-size-2)}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span{
  border-radius:50%}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span{
  width:var(--td-size-2);
  height:100%}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item:nth-child(1){
  margin-top:0}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span{
  background:var(--td-font-white-4)}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span:hover{
  background-color:var(--td-font-white-2)}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span:active,.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item.t-is-active span{
  background-color:var(--td-bg-color-container)}
.t-swiper--outside .t-swiper__navigation{
  bottom:-36px}
.t-swiper--outside .t-swiper__navigation--fraction{
  position:absolute;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translate(-50%);
  top:auto;
  right:auto;
  bottom:calc(0px - calc(var(--td-line-height-body-medium) + 12px));
  height:var(--td-line-height-body-medium);
  line-height:var(--td-line-height-body-medium)}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-left{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  z-index:2;
  background-color:transparent;
  color:var(--td-text-color-secondary);
  width:var(--td-line-height-body-medium);
  height:var(--td-line-height-body-medium);
  cursor:pointer}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-left:hover{
  color:var(--td-text-color-primary)}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-left:active{
  color:var(--td-brand-color-active)}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-right{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  z-index:2;
  background-color:transparent;
  color:var(--td-text-color-secondary);
  width:var(--td-line-height-body-medium);
  height:var(--td-line-height-body-medium);
  cursor:pointer}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-right:hover{
  color:var(--td-text-color-primary)}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-right:active{
  color:var(--td-brand-color-active)}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction{
  display:inline-block;
  font-size:var(--td-font-size-body-medium);
  color:var(--td-text-color-secondary);
  margin:0}
.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span{
  background-color:var(--td-text-color-disabled)}
.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover{
  background-color:var(--td-text-color-primary)}
.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active,.t-swiper--outside .t-swiper__navigation-bars .t-is-active span{
  background-color:var(--td-brand-color-active)}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation{
  bottom:auto;
  right:-36px}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction{
  position:absolute;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translate(-50%);
  top:auto;
  right:auto;
  bottom:calc(0px - calc(var(--td-line-height-body-medium) + 12px));
  height:var(--td-line-height-body-medium);
  line-height:var(--td-line-height-body-medium)}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-left{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  z-index:2;
  background-color:transparent;
  color:var(--td-text-color-secondary);
  width:var(--td-line-height-body-medium);
  height:var(--td-line-height-body-medium);
  cursor:pointer}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-left:hover{
  color:var(--td-text-color-primary)}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-left:active{
  color:var(--td-brand-color-active)}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-right{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  z-index:2;
  background-color:transparent;
  color:var(--td-text-color-secondary);
  width:var(--td-line-height-body-medium);
  height:var(--td-line-height-body-medium);
  cursor:pointer}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-right:hover{
  color:var(--td-text-color-primary)}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-right:active{
  color:var(--td-brand-color-active)}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction{
  display:inline-block;
  font-size:var(--td-font-size-body-medium);
  color:var(--td-text-color-secondary);
  margin:0}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span{
  background-color:var(--td-text-color-disabled)}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:hover{
  background-color:var(--td-text-color-primary)}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:active,.t-swiper--outside.t-swiper--vertical .t-swiper__navigation-bars .t-is-active span{
  background-color:var(--td-brand-color-active)}
.t-swiper--inside .t-swiper__navigation{
  bottom:0}
.t-swiper--inside .t-swiper__navigation--fraction{
  position:absolute;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translate(-50%);
  top:auto;
  right:auto;
  bottom:calc(0px - calc(var(--td-line-height-body-medium) + 12px));
  height:var(--td-line-height-body-medium);
  line-height:var(--td-line-height-body-medium)}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-left{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  z-index:2;
  background-color:transparent;
  color:var(--td-text-color-secondary);
  width:var(--td-line-height-body-medium);
  height:var(--td-line-height-body-medium);
  cursor:pointer}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-left:hover{
  color:var(--td-text-color-primary)}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-left:active{
  color:var(--td-brand-color-active)}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-right{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  z-index:2;
  background-color:transparent;
  color:var(--td-text-color-secondary);
  width:var(--td-line-height-body-medium);
  height:var(--td-line-height-body-medium);
  cursor:pointer}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-right:hover{
  color:var(--td-text-color-primary)}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-right:active{
  color:var(--td-brand-color-active)}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction{
  display:inline-block;
  font-size:var(--td-font-size-body-medium);
  color:var(--td-text-color-secondary);
  margin:0}
.t-swiper--large .t-swiper__arrow i.t-icon:before{
  font-size:32px}
.t-swiper--large .t-swiper__arrow--default .t-swiper__arrow-left{
  width:32px;
  height:32px;
  left:24px}
.t-swiper--large .t-swiper__arrow--default .t-swiper__arrow-right{
  width:32px;
  height:32px;
  right:24px}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item{
  cursor:pointer;
  margin:0 0 0 8px;
  padding:24px 0;
  width:21px;
  height:auto}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item span{
  width:100%;
  height:4px}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1){
  margin-left:0}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item span{
  background:var(--td-font-white-4)}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item span:hover{
  background-color:var(--td-font-white-2)}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item span:active{
  background-color:var(--td-bg-color-container)}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active{
  width:36px}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span{
  background-color:var(--td-bg-color-container)}
.t-swiper--large .t-swiper__navigation--fraction{
  position:absolute;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translate(-50%);
  top:auto;
  right:auto;
  bottom:calc(0px - calc(var(--td-line-height-body-large) + 12px));
  height:var(--td-line-height-body-large);
  line-height:var(--td-line-height-body-large)}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-left{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  z-index:2;
  background-color:transparent;
  color:var(--td-text-color-secondary);
  width:var(--td-line-height-body-large);
  height:var(--td-line-height-body-large);
  cursor:pointer}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-left:hover{
  color:var(--td-text-color-primary)}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-left:active{
  color:var(--td-brand-color-active)}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-right{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  z-index:2;
  background-color:transparent;
  color:var(--td-text-color-secondary);
  width:var(--td-line-height-body-large);
  height:var(--td-line-height-body-large);
  cursor:pointer}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-right:hover{
  color:var(--td-text-color-primary)}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-right:active{
  color:var(--td-brand-color-active)}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction{
  display:inline-block;
  font-size:var(--td-font-size-body-large);
  color:var(--td-text-color-secondary);
  margin:0}
.t-swiper--large.t-swiper--outside .t-swiper__navigation{
  bottom:-48px}
.t-swiper--large.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span{
  background-color:var(--td-text-color-disabled)}
.t-swiper--large.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover{
  background-color:var(--td-text-color-primary)}
.t-swiper--large.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active,.t-swiper--large.t-swiper--outside .t-swiper__navigation-bars .t-is-active span{
  background-color:var(--td-brand-color-active)}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item{
  cursor:pointer;
  margin:8px 0 0;
  padding:0 24px;
  width:auto;
  height:21px}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span{
  width:4px;
  height:100%}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1){
  margin-top:0}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span{
  background:var(--td-font-white-4)}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:hover{
  background-color:var(--td-font-white-2)}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:active{
  background-color:var(--td-bg-color-container)}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active{
  height:36px}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span{
  background-color:var(--td-bg-color-container)}
.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation{
  right:-48px}
.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span{
  background-color:var(--td-text-color-disabled)}
.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover{
  background-color:var(--td-text-color-primary)}
.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active,.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-is-active span{
  background-color:var(--td-brand-color-active)}
.t-swiper--small .t-swiper__arrow i.t-icon:before{
  font-size:16px}
.t-swiper--small .t-swiper__arrow--default .t-swiper__arrow-left{
  width:16px;
  height:16px;
  left:8px}
.t-swiper--small .t-swiper__arrow--default .t-swiper__arrow-right{
  width:16px;
  height:16px;
  right:8px}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item{
  cursor:pointer;
  margin:0 0 0 4px;
  padding:12px 0;
  width:9px;
  height:auto}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item span{
  width:100%;
  height:2px}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1){
  margin-left:0}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item span{
  background:var(--td-font-white-4)}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item span:hover{
  background-color:var(--td-font-white-2)}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item span:active{
  background-color:var(--td-bg-color-container)}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active{
  width:15px}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span{
  background-color:var(--td-bg-color-container)}
.t-swiper--small .t-swiper__navigation--fraction{
  position:absolute;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translate(-50%);
  top:auto;
  right:auto;
  bottom:calc(0px - calc(var(--td-line-height-body-small) + 12px));
  height:var(--td-line-height-body-small);
  line-height:var(--td-line-height-body-small)}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-left{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  z-index:2;
  background-color:transparent;
  color:var(--td-text-color-secondary);
  width:var(--td-line-height-body-small);
  height:var(--td-line-height-body-small);
  cursor:pointer}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-left:hover{
  color:var(--td-text-color-primary)}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-left:active{
  color:var(--td-brand-color-active)}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-right{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  z-index:2;
  background-color:transparent;
  color:var(--td-text-color-secondary);
  width:var(--td-line-height-body-small);
  height:var(--td-line-height-body-small);
  cursor:pointer}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-right:hover{
  color:var(--td-text-color-primary)}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-right:active{
  color:var(--td-brand-color-active)}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction{
  display:inline-block;
  font-size:var(--td-font-size-body-small);
  color:var(--td-text-color-secondary);
  margin:0}
.t-swiper--small.t-swiper--outside .t-swiper__navigation{
  bottom:-24px}
.t-swiper--small.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span{
  background-color:var(--td-text-color-disabled)}
.t-swiper--small.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover{
  background-color:var(--td-text-color-primary)}
.t-swiper--small.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active,.t-swiper--small.t-swiper--outside .t-swiper__navigation-bars .t-is-active span{
  background-color:var(--td-brand-color-active)}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item{
  cursor:pointer;
  margin:4px 0 0;
  padding:0 12px;
  width:auto;
  height:9px}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span{
  width:2px;
  height:100%}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1){
  margin-top:0}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span{
  background:var(--td-font-white-4)}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:hover{
  background-color:var(--td-font-white-2)}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:active{
  background-color:var(--td-bg-color-container)}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active{
  height:15px}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span{
  background-color:var(--td-bg-color-container)}
.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation{
  right:-24px}
.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span{
  background-color:var(--td-text-color-disabled)}
.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover{
  background-color:var(--td-text-color-primary)}
.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active,.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-is-active span{
  background-color:var(--td-brand-color-active)}
.t-comment{
  font:var(--td-font-body-medium);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  width:100%;
  color:var(--td-text-color-primary)}
.t-comment__inner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-comment__avatar{
  -ms-flex-negative:0;
  flex-shrink:0;
  margin-right:var(--td-comp-margin-xxl);
  cursor:pointer;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-comment__avatar-image{
  width:var(--td-comp-size-xxxl);
  height:var(--td-comp-size-xxxl);
  border-radius:var(--td-radius-circle)}
.t-comment__content{
  -webkit-box-flex:1;
  -ms-flex:auto;
  flex:auto;
  font:var(--td-font-body-medium)}
.t-comment__author{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:baseline;
  -ms-flex-align:baseline;
  align-items:baseline;
  margin-bottom:var(--td-comp-margin-s)}
.t-comment__name{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font:var(--td-font-title-medium);
  padding-right:var(--td-comp-paddingLR-s);
  cursor:pointer}
.t-comment__time{
  font:var(--td-font-body-small);
  padding-right:var(--td-comp-paddingLR-s);
  color:var(--td-text-color-placeholder)}
.t-comment__detail{
  word-break:break-all;
  font:var(--td-font-body-medium)}
.t-comment__quote{
  margin-top:var(--td-comp-margin-l);
  border-left:4px solid var(--td-component-stroke);
  padding-left:var(--td-comp-margin-l)}
.t-comment__quote .t-comment__name,.t-comment__quote .t-comment__detail{
  color:var(--td-text-color-secondary)}
.t-comment__actions{
  margin-top:var(--td-comp-margin-s);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  list-style:none;
  padding:0;
  gap:var(--td-comp-margin-s)}
.t-comment__actions .t-button--variant-text{
  color:var(--td-text-color-placeholder)}
.t-comment__actions .t-button--variant-text .t-button__text{
  gap:var(--td-comp-margin-s)}
.t-comment__reply{
  margin-top:var(--td-comp-margin-l);
  margin-left:calc(var(--td-comp-size-xxxl) + var(--td-comp-margin-xxl));
  background-color:var(--td-bg-color-secondarycontainer);
  border-radius:var(--td-radius-medium);
  padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl)}
.t-comment__reply .t-button--variant-text{
  color:var(--td-text-color-placeholder)}
.t-comment__reply .t-button--variant-text:hover{
  background-color:var(--td-bg-color-secondarycontainer-hover)}
.t-comment__reply .t-button--variant-text .t-button__text{
  gap:var(--td-comp-margin-s)}
.t-transfer{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  font:var(--td-font-body-medium);
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  background:transparent;
  color:var(--td-text-color-primary);
  max-height:100%}
.t-transfer__list{
  position:relative;
  display:inline-block;
  min-width:200px;
  height:200px;
  padding-top:var(--td-comp-size-xxl);
  border:0;
  word-break:break-word;
  vertical-align:middle}
.t-transfer__list-source,.t-transfer__list-target{
  border:1px solid var(--td-border-level-1-color);
  border-radius:var(--td-radius-medium)}
.t-transfer__list-header{
  position:absolute;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  top:0;
  height:var(--td-comp-size-xxl);
  line-height:var(--td-comp-size-xxl);
  width:calc(200px - var(--td-comp-margin-s) * 2);
  padding:0 var(--td-comp-paddingLR-s);
  margin:0 var(--td-comp-margin-s);
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-transfer__list-header+:not(.t-transfer__list--with-search){
  border-top:1px solid var(--td-border-level-1-color)}
.t-transfer__list-header .t-checkbox{
  margin-right:0}
.t-transfer__list-header .t-checkbox__label{
  margin:0}
.t-transfer__list-header div{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-transfer__list-header div>span{
  margin-left:var(--td-comp-margin-s)}
.t-transfer__list-header>span{
  color:var(--td-text-color-placeholder)}
.t-transfer__list-body{
  position:relative;
  height:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-transfer__list--with-search{
  padding-top:var(--td-comp-size-m);
  border-top:0}
.t-transfer__list-content{
  height:100%;
  width:100%;
  overflow:auto}
.t-transfer__list-content .t-checkbox-group{
  width:100%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  gap:var(--td-comp-margin-xs);
  margin:var(--td-comp-margin-s) 0}
.t-transfer__list-content .t-checkbox-group .t-checkbox{
  margin-right:var(--td-comp-margin-s);
  --ripple-color:var(--td-bg-color-container-active)}
.t-transfer__list-content .t-checkbox-group .t-checkbox+.t-checkbox{
  margin-left:var(--td-comp-margin-s)}
.t-transfer__list-content .t-checkbox-group .t-checkbox__label{
  margin:0;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1}
.t-transfer__list-content .t-checkbox-group .t-checkbox__label>span{
  margin-left:var(--td-comp-margin-s);
  display:inline-block}
.t-transfer__list .t-transfer__list-item{
  padding:var(--td-comp-paddingLR-xs) var(--td-comp-paddingLR-s);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  cursor:pointer;
  margin:0 var(--td-comp-margin-s);
  border-radius:var(--td-radius-default);
  -webkit-transition:background-color .2s cubic-bezier(.38,0,.24,1);
  transition:background-color .2s cubic-bezier(.38,0,.24,1)}
.t-transfer__list .t-transfer__list-item:first-child{
  margin-top:0}
.t-transfer__list .t-transfer__list-item.t-is-disabled:hover{
  background:transparent}
.t-transfer__list-item:hover{
  background:var(--td-bg-color-container-hover);
  -webkit-transition:background-color .2s cubic-bezier(.38,0,.24,1);
  transition:background-color .2s cubic-bezier(.38,0,.24,1)}
.t-transfer__list-item.t-is-checked{
  background:var(--td-brand-color-light)}
.t-transfer__list-wrapper{
  position:relative;
  height:100%;
  width:100%;
  overflow:auto;
  padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m)}
.t-transfer__list-pagination{
  height:var(--td-comp-size-xs);
  vertical-align:middle;
  padding:var(--td-comp-paddingTB-m)}
.t-transfer__list-footer{
  position:absolute;
  left:0;
  bottom:0;
  border-top:1px solid var(--td-border-level-1-color);
  width:100%}
.t-transfer__operations{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  margin:auto var(--td-comp-margin-s);
  vertical-align:middle;
  overflow:hidden;
  gap:var(--td-comp-margin-l)}
.t-transfer__operations .t-icon{
  font-size:var(--td-comp-size-xxxs)}
.t-transfer__operations .t-icon+.t-button__text{
  margin-left:0}
.t-transfer__empty{
  text-align:center;
  position:absolute;
  color:var(--td-text-color-placeholder);
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)}
.t-transfer__search-wrapper{
  position:absolute;
  top:0;
  width:100%;
  padding:0 var(--td-comp-margin-s);
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-transfer__search .t-transfer__list{
  height:240px}
.t-transfer--with-tree .t-transfer__list{
  height:auto}
.t-transfer--with-tree .t-transfer__list .t-tree{
  padding:0 var(--td-comp-paddingLR-m);
  margin:var(--td-comp-margin-s) 0}
.t-transfer__pagination .t-transfer__list{
  height:240px;
  padding-bottom:calc(var(--td-comp-size-xs) + var(--td-comp-paddingTB-m) * 2)}
.t-transfer__footer .t-transfer__list{
  height:248px;
  padding-bottom:48px}
.t-transfer__pagination.t-transfer__footer .t-transfer__list{
  height:288px;
  padding-bottom:calc(calc(var(--td-comp-size-xs) + var(--td-comp-paddingTB-m) * 2) + 48px)}
.t-transfer__search.t-transfer__footer .t-transfer__list{
  height:288px;
  padding-bottom:48px}
.t-transfer__search.t-transfer__pagination .t-transfer__list{
  height:280px;
  padding-bottom:48px}
.t-transfer__search.t-transfer__footer.t-transfer__pagination .t-transfer__list{
  height:328px;
  padding-bottom:88px}
.t-transfer__wrapper .t-transfer__list{
  height:320px;
  width:206px;
  overflow:scroll}
.t-avatar{
  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;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  background:var(--td-brand-color-focus);
  color:var(--td-text-color-brand);
  overflow:hidden;
  white-space:nowrap;
  vertical-align:middle;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
  width:var(--td-comp-size-m);
  height:var(--td-comp-size-m);
  font-size:var(--td-font-size-body-large);
  line-height:var(--td-comp-size-m)}
.t-avatar.t-avatar__icon{
  font-size:var(--td-comp-size-xxs)}
.t-avatar--circle{
  border-radius:var(--td-radius-circle)}
.t-avatar--round{
  border-radius:var(--td-radius-default)}
.t-avatar.t-size-s{
  width:var(--td-comp-size-xs);
  height:var(--td-comp-size-xs);
  font-size:var(--td-font-size-body-medium);
  line-height:var(--td-comp-size-xs)}
.t-avatar.t-size-s.t-avatar__icon{
  font-size:var(--td-comp-size-xxxs)}
.t-avatar.t-size-l{
  width:var(--td-comp-size-xl);
  height:var(--td-comp-size-xl);
  font-size:var(--td-font-size-title-large);
  line-height:var(--td-comp-size-xl)}
.t-avatar.t-size-l.t-avatar__icon{
  font-size:var(--td-comp-size-xs)}
.t-avatar>.t-image__wrapper{
  max-width:100%;
  max-height:100%}
.t-avatar-group{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-avatar-group .t-avatar{
  border:2px solid var(--td-bg-color-container)}
.t-avatar-group.t-avatar--offset-right .t-avatar:not(:last-child){
  margin-right:calc(0px - var(--td-size-3))}
.t-avatar-group.t-avatar--offset-right .t-avatar:not(:last-child).t-size-s{
  margin-right:calc(0px - var(--td-size-2))}
.t-avatar-group.t-avatar--offset-right .t-avatar:not(:last-child).t-size-l{
  margin-right:calc(0px - var(--td-size-4))}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(1){
  z-index:49}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(2){
  z-index:48}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(3){
  z-index:47}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(4){
  z-index:46}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(5){
  z-index:45}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(6){
  z-index:44}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(7){
  z-index:43}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(8){
  z-index:42}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(9){
  z-index:41}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(10){
  z-index:40}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(11){
  z-index:39}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(12){
  z-index:38}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(13){
  z-index:37}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(14){
  z-index:36}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(15){
  z-index:35}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(16){
  z-index:34}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(17){
  z-index:33}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(18){
  z-index:32}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(19){
  z-index:31}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(20){
  z-index:30}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(21){
  z-index:29}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(22){
  z-index:28}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(23){
  z-index:27}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(24){
  z-index:26}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(25){
  z-index:25}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(26){
  z-index:24}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(27){
  z-index:23}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(28){
  z-index:22}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(29){
  z-index:21}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(30){
  z-index:20}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(31){
  z-index:19}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(32){
  z-index:18}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(33){
  z-index:17}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(34){
  z-index:16}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(35){
  z-index:15}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(36){
  z-index:14}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(37){
  z-index:13}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(38){
  z-index:12}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(39){
  z-index:11}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(40){
  z-index:10}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(41){
  z-index:9}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(42){
  z-index:8}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(43){
  z-index:7}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(44){
  z-index:6}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(45){
  z-index:5}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(46){
  z-index:4}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(47){
  z-index:3}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(48){
  z-index:2}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(49){
  z-index:1}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(50){
  z-index:0}
.t-avatar-group.t-avatar--offset-left .t-avatar:not(:first-child){
  margin-left:calc(0px - var(--td-size-3))}
.t-avatar-group.t-avatar--offset-left .t-avatar:not(:first-child).t-size-s{
  margin-left:calc(0px - var(--td-size-2))}
.t-avatar-group.t-avatar--offset-left .t-avatar:not(:first-child).t-size-l{
  margin-left:calc(0px - var(--td-size-4))}
:root,:root[theme-mode=light]{
  --skeleton-animation-gradient:rgba(0,0,0,.04)}
:root[theme-mode=dark]{
  --skeleton-animation-gradient:rgba(255,255,255,.06)}
.t-skeleton{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none}
.t-skeleton__row{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-bottom:var(--td-comp-margin-l);
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-skeleton__row:only-child,.t-skeleton__row:last-child{
  margin-bottom:0}
.t-skeleton__col{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background-color:var(--td-bg-color-secondarycontainer);
  color:var(--td-text-color-disabled);
  margin-right:var(--td-comp-margin-l)}
.t-skeleton__col:first-child:last-child,.t-skeleton__col:last-child{
  margin-right:0}
.t-skeleton--type-text{
  width:100%;
  height:var(--td-font-size-body-large);
  border-radius:var(--td-radius-default)}
.t-skeleton--type-rect{
  width:120px;
  height:88px;
  border-radius:var(--td-radius-default)}
.t-skeleton--type-circle{
  width:32px;
  height:32px;
  border-radius:var(--td-radius-circle);
  -ms-flex-negative:0;
  flex-shrink:0}
.t-skeleton--animation-gradient{
  position:relative;
  overflow-x:hidden}
.t-skeleton--animation-gradient:after{
  content:" ";
  position:absolute;
  inset:0;
  background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(var(--skeleton-animation-gradient)),to(rgba(255,255,255,0)));
  background:linear-gradient(90deg,rgba(255,255,255,0),var(--skeleton-animation-gradient),rgba(255,255,255,0));
  -webkit-animation:t-skeleton--gradient 1.5s linear 2s infinite;
  animation:t-skeleton--gradient 1.5s linear 2s infinite}
.t-skeleton--animation-flashed{
  -webkit-animation:t-skeleton--flashed 2s linear 2s infinite;
  animation:t-skeleton--flashed 2s linear 2s infinite}
@-webkit-keyframes t-skeleton--gradient{
  0%{
  -webkit-transform:translateX(-100%) skewX(-15deg);
  transform:translate(-100%) skew(-15deg)}
to{
  -webkit-transform:translateX(100%) skewX(-15deg);
  transform:translate(100%) skew(-15deg)}
}
@keyframes t-skeleton--gradient{
  0%{
  -webkit-transform:translateX(-100%) skewX(-15deg);
  transform:translate(-100%) skew(-15deg)}
to{
  -webkit-transform:translateX(100%) skewX(-15deg);
  transform:translate(100%) skew(-15deg)}
}
@-webkit-keyframes t-skeleton--flashed{
  0%{
  opacity:1}
50%{
  background-color:#e6e6e64d;
  opacity:.3}
to{
  opacity:1}
}
@keyframes t-skeleton--flashed{
  0%{
  opacity:1}
50%{
  background-color:#e6e6e64d;
  opacity:.3}
to{
  opacity:1}
}
.t-color-picker__panel{
  padding:0;
  width:256px;
  background:var(--td-bg-color-container);
  -webkit-box-shadow:var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);
  box-shadow:var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);
  border-radius:var(--td-radius-medium);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none}
.t-popup__content .t-color-picker__panel{
  background:transparent;
  -webkit-box-shadow:unset;
  box-shadow:unset}
.t-color-picker{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none}
.t-color-picker.t-popup__content{
  -webkit-box-shadow:var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);
  box-shadow:var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left)}
.t-color-picker__icon{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  font-size:var(--td-comp-size-xxxs);
  background:transparent;
  -webkit-transition:.2s linear;
  transition:.2s linear;
  color:var(--td-text-color-secondary);
  border-radius:var(--td-radius-default);
  cursor:pointer}
.t-color-picker__icon:hover{
  background:var(--td-bg-color-container-hover);
  -webkit-transition:.2s linear;
  transition:.2s linear}
.t-color-picker__icon.t-is-disabled{
  color:var(--td-text-color-disabled);
  pointer-events:none}
.t-color-picker__head{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:var(--td-pop-padding-xl);
  position:relative;
  z-index:2}
.t-color-picker__head .t-color-picker__close{
  -ms-flex-negative:0;
  flex-shrink:0}
.t-color-picker__head+.t-color-picker__body{
  padding-top:0}
.t-color-picker__body{
  padding:var(--td-pop-padding-xl);
  padding-bottom:calc(var(--td-pop-padding-xl) - 4px)}
.t-color-picker__thumb{
  position:absolute;
  z-index:1;
  outline:none;
  border-color:currentcolor;
  width:calc(var(--td-comp-size-xxxs) + var(--td-size-1));
  height:calc(var(--td-comp-size-xxxs) + var(--td-size-1));
  border-radius:var(--td-radius-circle);
  -webkit-box-shadow:var(--td-shadow-1);
  box-shadow:var(--td-shadow-1);
  background:var(--td-text-color-anti);
  color:var(--td-text-color-brand);
  padding:2px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-color-picker__thumb:before{
  content:"";
  width:100%;
  height:100%;
  background:currentcolor;
  border-radius:var(--td-radius-circle);
  display:block}
.t-color-picker__saturation{
  height:160px;
  border-radius:var(--td-radius-default);
  position:relative;
  overflow:hidden;
  background:transparent}
.t-color-picker__saturation:before,.t-color-picker__saturation:after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%}
.t-color-picker__saturation:before{
  background:-webkit-gradient(linear,left top,right top,from(#fff),to(transparent));
  background:linear-gradient(90deg,#fff,transparent)}
.t-color-picker__saturation:after{
  background:-webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));
  background:linear-gradient(0deg,#000,transparent)}
.t-color-picker__saturation .t-color-picker__thumb{
  width:calc(var(--td-comp-size-xxxs) + var(--td-size-1));
  height:calc(var(--td-comp-size-xxxs) + var(--td-size-1));
  border-radius:var(--td-radius-circle);
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)}
.t-color-picker__slider-wrapper{
  border-radius:4px;
  padding:0 calc(calc(var(--td-comp-size-xxxs) + var(--td-size-1)) / 2);
  position:relative}
.t-color-picker__slider-wrapper--hue-type{
  background:red}
.t-color-picker__slider-wrapper--alpha-type{
  background:var(--td-text-color-anti);
  background-image:linear-gradient(45deg,#c5c5c5 25%,transparent 0,transparent 75%,#c5c5c5 0,#c5c5c5),linear-gradient(45deg,#c5c5c5 25%,transparent 0,transparent 75%,#c5c5c5 0,#c5c5c5);
  background-size:6px 6px;
  background-position:0 0,3px 3px}
.t-color-picker__slider-padding{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:8px;
  border-radius:4px}
.t-color-picker__slider{
  height:8px;
  position:relative;
  border-radius:4px;
  cursor:pointer;
  color:transparent;
  outline:none;
  z-index:1}
.t-color-picker__slider .t-color-picker__thumb{
  -webkit-transform:translate(calc(calc(var(--td-comp-size-xxxs) + var(--td-size-1)) * -.5),-50%);
  transform:translate(calc(calc(var(--td-comp-size-xxxs) + var(--td-size-1)) * -.5),-50%);
  top:50%}
.t-color-picker__slider .t-color-picker__rail{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:inherit}
.t-color-picker__alpha,.t-color-picker__format{
  margin:var(--td-comp-margin-m) 0 0 0}
.t-color-picker__hue{
  background:-webkit-gradient(linear,left top,right top,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));
  background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}
.t-color-picker__alpha .t-color-picker__rail{
  background:-webkit-gradient(linear,left top,right top,from(transparent),to(currentcolor));
  background:linear-gradient(to right,transparent,currentcolor)}
.t-color-picker__sliders-wrapper{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin:var(--td-comp-margin-m) 0}
.t-color-picker__sliders{
  width:100%}
.t-color-picker__sliders-preview{
  -ms-flex-negative:0;
  flex-shrink:0;
  margin-left:var(--td-comp-margin-m);
  width:var(--td-comp-size-s);
  height:var(--td-comp-size-s);
  border-radius:var(--td-radius-default);
  overflow:hidden;
  background:var(--td-text-color-anti);
  background-image:linear-gradient(45deg,#c5c5c5 25%,transparent 0,transparent 75%,#c5c5c5 0,#c5c5c5),linear-gradient(45deg,#c5c5c5 25%,transparent 0,transparent 75%,#c5c5c5 0,#c5c5c5);
  background-size:6px 6px;
  background-position:0 0,3px 3px}
.t-color-picker__sliders-preview-inner{
  display:block;
  width:100%;
  height:100%}
.t-color-picker__gradient{
  padding:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:var(--td-comp-margin-m)}
.t-color-picker__gradient-slider{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1}
.t-color-picker__gradient-degree{
  position:relative;
  -ms-flex-negative:0;
  flex-shrink:0;
  margin-left:var(--td-comp-margin-m);
  width:var(--td-comp-size-xxl)}
.t-color-picker__gradient-degree .t-input{
  margin:0;
  font:var(--td-font-body-small)}
.t-color-picker__gradient-degree .t-input-number{
  width:100%;
  padding:0}
.t-color-picker__gradient .gradient-thumbs{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  margin:0;
  padding:0;
  list-style:none;
  border-radius:inherit;
  cursor:pointer}
.t-color-picker__gradient .gradient-thumbs__item{
  top:50%;
  left:0;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  z-index:0;
  cursor:pointer}
.t-color-picker__gradient .gradient-thumbs__item:before{
  display:none}
.t-color-picker__gradient .gradient-thumbs__item.t-is-active{
  z-index:1;
  outline:2px solid var(--td-component-border)}
.t-color-picker__gradient .gradient-thumbs__item-inner{
  display:block;
  width:100%;
  height:100%;
  border-radius:var(--td-radius-circle);
  overflow:hidden}
.t-color-picker__gradient .gradient-thumbs__item-inner:before{
  content:"";
  width:100%;
  height:100%;
  display:block;
  background-color:currentcolor}
.t-color-picker__format{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between}
.t-color-picker__format--item:first-child{
  -ms-flex-negative:0;
  flex-shrink:0}
.t-color-picker__format--item:last-child{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1}
.t-color-picker__format--item .t-size-m,.t-color-picker__format--item .t-input.t-size-m{
  font:var(--td-font-body-small)}
.t-color-picker__format--item .t-input-number .t-input{
  margin:0}
.t-color-picker__format--item .input-group{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:distribute;
  justify-content:space-around;
  margin-left:var(--td-comp-margin-s)}
.t-color-picker__format--item .input-group__item{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  width:0;
  margin-left:-1px}
.t-color-picker__format--item .input-group__item .t-input{
  padding:0 1px}
.t-color-picker__format--item .input-group__item .t-input:focus,.t-color-picker__format--item .input-group__item .t-input:focus-within,.t-color-picker__format--item .input-group__item .t-input:hover{
  z-index:1}
.t-color-picker__format--item .input-group__item:not(:first-child):not(:last-child) .t-input{
  border-radius:0}
.t-color-picker__format--item .input-group__item:first-child:not(:last-child) .t-input{
  border-top-right-radius:0;
  border-bottom-right-radius:0}
.t-color-picker__format--item .input-group__item:last-child:not(:first-child) .t-input{
  border-top-left-radius:0;
  border-bottom-left-radius:0}
.t-color-picker__format--item .input-group .t-input-number{
  width:100%;
  padding:0;
  max-width:100%}
.t-color-picker__format-mode-select{
  width:72px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-color-picker__format-mode-select .t-select,.t-color-picker__format-mode-select .t-input{
  padding-right:0}
.t-color-picker__format-mode-select .t-input--prefix>.t-input__suffix{
  padding-left:0}
.t-color-picker__format-mode-select .t-select__right-icon{
  margin-right:var(--td-comp-margin-xs)}
.t-color-picker__swatches-wrap{
  margin-top:var(--td-comp-margin-m);
  position:relative}
.t-color-picker__swatches-wrap .t-color-picker__swatches+.t-color-picker__swatches{
  margin-top:var(--td-comp-margin-m)}
.t-color-picker__swatches-wrap .t-color-picker__swatches--title{
  font:var(--td-font-body-small);
  padding:0;
  color:var(--td-text-color-primary);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between}
.t-color-picker__swatches-wrap .t-color-picker__swatches--actions{
  margin-left:auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:0}
.t-color-picker__swatches-wrap .t-color-picker__swatches--actions .t-color-picker__icon{
  width:var(--td-comp-size-xxxs);
  height:var(--td-comp-size-xxxs);
  margin-left:var(--td-comp-margin-s)}
.t-color-picker__swatches-wrap .t-color-picker__swatches--items{
  width:100%;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(10,var(--td-comp-size-xxxs));
  gap:calc(calc(256px - calc(calc(var(--td-pop-padding-xl) * 2) + calc(var(--td-comp-size-xxxs) * 10))) / 9) calc(calc(256px - calc(calc(var(--td-pop-padding-xl) * 2) + calc(var(--td-comp-size-xxxs) * 10))) / 9);
  max-height:calc(4 * calc(var(--td-comp-size-xxxs) + calc(calc(256px - calc(calc(var(--td-pop-padding-xl) * 2) + calc(var(--td-comp-size-xxxs) * 10))) / 9)));
  overflow-x:hidden;
  overflow-y:auto;
  padding:calc(var(--td-pop-padding-xl) - 8px);
  position:relative;
  left:calc(0px - calc(var(--td-pop-padding-xl) - 8px));
  -webkit-box-sizing:content-box;
  box-sizing:content-box}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:var(--td-comp-size-xxxs);
  height:var(--td-comp-size-xxxs);
  border-radius:var(--td-radius-default);
  padding:0;
  overflow:hidden;
  cursor:pointer;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  position:relative;
  -webkit-transform-origin:center;
  transform-origin:center;
  -webkit-transition:all .2s cubic-bezier(.38,0,.24,1);
  transition:all .2s cubic-bezier(.38,0,.24,1);
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item:hover{
  -webkit-transform:scale(1.25);
  transform:scale(1.25);
  -webkit-transform-origin:center;
  transform-origin:center}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item__color{
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
  border:1px solid var(--td-component-border);
  border-radius:var(--td-radius-default);
  -ms-flex-negative:0;
  flex-shrink:0}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item__inner{
  width:100%;
  height:100%;
  display:block}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item:not(.t-is-active):hover{
  padding:0}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item.t-is-active .t-color-picker__swatches--item__color,.t-color-picker__swatches-wrap .t-color-picker__swatches--item.t-is-active .t-color-picker__swatches--color{
  border-color:var(--td-text-color-brand)}
.t-color-picker__swatches-wrap .t-color-picker__swatches--color{
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
  border-radius:var(--td-radius-default);
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-color-picker__swatches-wrap .t-color-picker__swatches--inner{
  width:100%;
  height:100%;
  display:block;
  border-radius:var(--td-radius-default);
  -webkit-box-shadow:var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);
  box-shadow:var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left)}
.t-color-picker__trigger--default{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-color-picker__trigger--default>.t-input{
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content}
.t-color-picker__trigger--default .t-input{
  padding:0 var(--td-comp-paddingLR-s) 0 var(--td-comp-paddingLR-xs)}
.t-color-picker__trigger--default__color{
  width:100%;
  height:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-color-picker__trigger--default__color .color-inner{
  border:1px solid var(--td-scrollbar-color);
  display:block;
  width:calc(var(--td-comp-size-xs) - 2px);
  height:calc(var(--td-comp-size-xs) - 2px);
  color:transparent;
  position:relative;
  border-radius:var(--td-radius-small)}
.t-color-picker__trigger--default__color .color-inner.t-size-s{
  width:calc(var(--td-comp-size-xxs) - 2px);
  height:calc(var(--td-comp-size-xxs) - 2px)}
.t-color-picker__trigger--default__color .color-inner.t-size-l{
  width:calc(var(--td-comp-size-s) - 2px);
  height:calc(var(--td-comp-size-s) - 2px)}
.t-color-picker__gradient-slider{
  padding:0 calc(calc(var(--td-comp-size-xxxs) + var(--td-size-1)) / 2);
  border-radius:4px}
.t-color-picker__gradient-slider .t-color-picker--bg-alpha{
  background:var(--td-text-color-anti);
  background-image:linear-gradient(45deg,#c5c5c5 25%,transparent 0,transparent 75%,#c5c5c5 0,#c5c5c5),linear-gradient(45deg,#c5c5c5 25%,transparent 0,transparent 75%,#c5c5c5 0,#c5c5c5);
  background-size:6px 6px;
  background-position:0 0,3px 3px}
.t-color-picker__panel.t-is-disabled .t-color-picker__saturation,.t-color-picker__panel.t-is-disabled .t-color-picker__slider,.t-color-picker__panel.t-is-disabled .t-color-picker__swatches--item{
  opacity:.8;
  cursor:not-allowed}
.t-color-picker__panel.t-is-disabled .t-color-picker__gradient-slider .gradient-thumbs,.t-color-picker__panel.t-is-disabled .t-color-picker__gradient-slider .gradient-thumbs__item{
  cursor:not-allowed}
.t-color-picker__panel.t-is-disabled .t-color-picker__swatches--item:hover{
  padding:0}
.t-color-picker__select-options>.t-popup__content{
  -webkit-box-shadow:var(--td-shadow-1),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);
  box-shadow:var(--td-shadow-1),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left)}
.t-card{
  font:var(--td-font-body-medium);
  margin:0;
  padding:0;
  list-style:none;
  position:relative;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:var(--td-radius-medium);
  background-color:var(--td-bg-color-container);
  color:var(--td-text-color-primary);
  -webkit-transition:-webkit-box-shadow .2s cubic-bezier(.38,0,.24,1);
  transition:-webkit-box-shadow .2s cubic-bezier(.38,0,.24,1);
  transition:box-shadow .2s cubic-bezier(.38,0,.24,1);
  transition:box-shadow .2s cubic-bezier(.38,0,.24,1),-webkit-box-shadow .2s cubic-bezier(.38,0,.24,1)}
.t-card--bordered{
  border:1px solid var(--td-component-border)}
.t-card--shadow-hover:hover,.t-card--shadow{
  -webkit-box-shadow:var(--td-shadow-1);
  box-shadow:var(--td-shadow-1)}
.t-card__cover{
  display:flow-root}
.t-card__cover img{
  display:flow-root;
  width:100%;
  max-height:100%;
  border-radius:var(--td-radius-default) var(--td-radius-default) 0 0}
.t-card__body{
  display:flow-root;
  padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl)}
.t-card__header{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
  position:relative}
.t-card__header-wrapper{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-card__header+.t-card__cover img{
  border-radius:0}
.t-card__footer{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl)}
.t-card__footer-wrapper{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1}
.t-size-s .t-card__body,.t-size-s .t-card__header,.t-size-s .t-card__footer{
  padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l)}
.t-card__avatar{
  margin-right:var(--td-comp-margin-l);
  width:var(--td-comp-size-xxxl);
  height:var(--td-comp-size-xxxl)}
.t-card__title{
  font:var(--td-font-title-medium);
  color:var(--td-text-color-primary);
  margin-right:var(--td-comp-margin-l);
  word-break:break-all}
.t-card__subtitle{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-secondary);
  word-break:break-all}
.t-card__description{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-secondary);
  margin-top:var(--td-comp-margin-xs);
  word-break:break-all}
.t-card__actions{
  float:right;
  color:var(--td-brand-color)}
.t-card__title--bordered{
  border-bottom:1px solid var(--td-component-border)}
.t-collapse{
  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;
  border:solid 1px var(--td-component-border);
  border-bottom:0;
  background:var(--td-bg-color-container)}
.t-collapse.t--border-less{
  border:none}
.t-collapse.t--border-less .t-collapse-panel__header{
  border-bottom:none}
.t-collapse.t--border-less .t-collapse-panel__body{
  background:var(--td-bg-color-container);
  border:none}
.t-collapse-panel__icon{
  -webkit-transition:all .2s cubic-bezier(.38,0,.24,1);
  transition:all .2s cubic-bezier(.38,0,.24,1);
  cursor:pointer;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.t-collapse-panel__icon>.t-fake-arrow{
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  -webkit-transition:all .2s cubic-bezier(.38,0,.24,1);
  transition:all .2s cubic-bezier(.38,0,.24,1)}
.t-collapse-panel__icon--left{
  margin-right:var(--td-comp-margin-s)}
.t-collapse-panel__icon--right{
  margin-left:var(--td-comp-margin-s)}
.t-collapse-panel__icon--active>.t-fake-arrow{
  -webkit-transform:rotate(0);
  transform:rotate(0)}
.t-collapse-panel__icon:hover{
  background-color:var(--td-bg-color-container-hover);
  border-radius:var(--td-radius-small)}
.t-collapse-panel__wrapper{
  overflow:hidden}
.t-collapse-panel__wrapper.t--borderless .t-collapse-panel__header{
  border-bottom:none}
.t-collapse-panel__wrapper.t--borderless .t-collapse-panel__body{
  background:var(--td-bg-color-container);
  border:none}
.t-collapse-panel__wrapper .t-collapse-panel__header{
  padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
  border-bottom:solid 1px var(--td-component-border);
  font:var(--td-font-title-small);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-collapse-panel__wrapper .t-collapse-panel__header--blank{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1}
.t-collapse-panel__wrapper .t-collapse-panel__header.t-is-clickable{
  cursor:pointer}
.t-collapse-panel__wrapper .t-collapse-panel__header-left,.t-collapse-panel__wrapper .t-collapse-panel__header-right,.t-collapse-panel__wrapper .t-collapse-panel__header-right-content{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-collapse-panel__wrapper .t-collapse-panel__body{
  border-bottom:solid 1px var(--td-component-border);
  background:var(--td-bg-color-secondarycontainer);
  overflow:inherit}
.t-collapse-panel__wrapper .t-collapse-panel__body--collapsed{
  border:none}
.t-collapse-panel__wrapper .t-collapse-panel__content{
  padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l) var(--td-comp-paddingTB-m) calc(var(--td-comp-paddingLR-l) + var(--td-comp-margin-xxl));
  color:var(--td-text-color-secondary)}
.t-collapse-panel.t-is-disabled .t-collapse-panel__header{
  cursor:not-allowed;
  color:var(--td-text-color-disabled)}
.t-collapse-panel.t-is-disabled .t-collapse-panel__icon{
  cursor:not-allowed;
  pointer-events:none}
.t-collapse-panel.t-is-disabled .t-collapse-panel__body{
  background:var(--td-bg-color-component-disabled)}
.t-collapse-panel.t-is-disabled .t-collapse-panel__content{
  color:var(--td-text-color-disabled)}
.t-watermark{
  position:relative}
.t-timeline{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column}
.t-timeline-item{
  min-height:72px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  position:relative}
.t-timeline-item__label.t-timeline-item__label--alternate{
  position:absolute}
.t-timeline-item__wrapper{
  width:8px;
  position:relative}
.t-timeline-item__wrapper .t-timeline-item__dot{
  -webkit-box-sizing:unset;
  box-sizing:unset;
  position:absolute;
  width:4px;
  height:4px;
  border:2px solid transparent;
  border-radius:50%;
  top:8px}
.t-timeline-item__wrapper .t-timeline-item__dot--primary{
  border-color:var(--td-brand-color)}
.t-timeline-item__wrapper .t-timeline-item__dot--default{
  border-color:var(--td-component-border)}
.t-timeline-item__wrapper .t-timeline-item__dot--success{
  border-color:var(--td-success-color)}
.t-timeline-item__wrapper .t-timeline-item__dot--warning{
  border-color:var(--td-warning-color)}
.t-timeline-item__wrapper .t-timeline-item__dot--error{
  border-color:var(--td-error-color)}
.t-timeline-item__wrapper .t-timeline-item__dot--custom{
  position:relative;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translate(-50%);
  top:4px;
  border:0}
.t-timeline-item__wrapper .t-timeline-item__dot--custom .t-timeline-item__dot-content{
  position:absolute;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translate(-50%);
  top:0}
.t-timeline-item__wrapper .t-timeline-item__tail{
  position:absolute;
  border-left:2px solid transparent;
  left:50%;
  height:calc(100% - 24px);
  bottom:0;
  -webkit-transform:translateX(-50%);
  transform:translate(-50%);
  padding-bottom:var(--td-comp-size-s);
  border-color:var(--td-component-border);
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-timeline-item__wrapper .t-timeline-item__tail--theme-dot{
  border-style:dashed;
  border-right:0}
.t-timeline-item__label{
  color:var(--td-text-color-secondary);
  font-size:var(--td-font-size-body-medium)}
.t-timeline-item__content{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  padding-left:var(--td-comp-margin-l);
  font-size:var(--td-font-size-body-large)}
.t-timeline-item--last .t-timeline-item__tail{
  display:none}
.t-timeline-label.t-timeline-label--alternate.t-timeline-left .t-timeline-item__label{
  text-align:right;
  left:0}
.t-timeline-label.t-timeline-label--alternate.t-timeline-left .t-timeline-item__wrapper{
  margin-left:100px}
.t-timeline-label.t-timeline-label--alternate.t-timeline-right .t-timeline-item__label{
  text-align:left;
  right:0}
.t-timeline-label.t-timeline-label--alternate.t-timeline-right .t-timeline-item__wrapper{
  margin-right:100px}
.t-timeline-right .t-timeline-item{
  -webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
  -ms-flex-direction:row-reverse;
  flex-direction:row-reverse}
.t-timeline-right .t-timeline-item__content{
  text-align:right;
  padding-left:0;
  padding-right:var(--td-comp-margin-l)}
.t-timeline-alternate .t-timeline-item-left{
  margin-left:calc(50% - 4px)}
.t-timeline-alternate .t-timeline-item-right{
  text-align:right;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
  -ms-flex-direction:row-reverse;
  flex-direction:row-reverse;
  margin-right:calc(50% - 4px)}
.t-timeline-alternate .t-timeline-item-right .t-timeline-item__content{
  padding-right:var(--td-comp-margin-l);
  padding-left:0}
.t-timeline-label.t-timeline-alternate .t-timeline-item__label{
  width:100%}
.t-timeline-label.t-timeline-alternate .t-timeline-item-left .t-timeline-item__label--alternate{
  left:0;
  -webkit-transform:translateX(-100%);
  transform:translate(-100%);
  text-align:right;
  padding-right:var(--td-comp-margin-l)}
.t-timeline-label.t-timeline-alternate .t-timeline-item-right .t-timeline-item__label--alternate{
  right:0;
  -webkit-transform:translateX(100%);
  transform:translate(100%);
  text-align:left;
  padding-left:var(--td-comp-margin-l)}
.t-timeline-horizontal{
  min-height:200px;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-timeline-horizontal .t-timeline-item{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  padding-right:8px;
  min-width:160px}
.t-timeline-horizontal .t-timeline-item__wrapper{
  width:100%;
  height:8px}
.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__dot{
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  left:unset;
  width:4px;
  height:4px;
  border-radius:50%}
.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__dot--custom{
  position:relative;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  border:0}
.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__dot--custom .t-timeline-item__dot-content{
  position:absolute;
  left:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  top:50%}
.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__tail{
  left:calc(8px + var(--td-comp-margin-s));
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  width:calc(100% - calc(8px + var(--td-comp-margin-s)));
  border:0;
  border-top:2px solid transparent;
  padding-bottom:0;
  border-color:var(--td-component-border)}
.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__tail--theme-dot{
  border-style:dashed;
  border-right:0}
.t-timeline-horizontal .t-timeline-item__content{
  padding-left:unset;
  padding-top:var(--td-comp-margin-l);
  -webkit-box-flex:unset;
  -ms-flex:unset;
  flex:unset}
.t-timeline-vertical .t-timeline-item__content{
  padding-bottom:var(--td-comp-margin-l)}
.t-timeline-label.t-timeline-horizontal.t-timeline-top .t-timeline-item__label--alternate{
  top:0;
  width:100%;
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%);
  padding-bottom:0}
.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item{
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse}
.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item__wrapper{
  padding-top:0}
.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item__label--alternate{
  padding-top:var(--td-comp-margin-l);
  bottom:0;
  width:100%;
  -webkit-transform:translateY(100%);
  transform:translateY(100%)}
.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item__content{
  padding-top:0;
  padding-bottom:var(--td-comp-margin-l)}
.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-top .t-timeline-item__label--alternate{
  top:0;
  width:100%;
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%);
  padding-bottom:var(--td-comp-margin-l)}
.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-bottom{
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse;
  position:relative;
  -webkit-transform:translateY(calc(-100% + 8px));
  transform:translateY(calc(-100% + 8px))}
.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-bottom .t-timeline-item__content{
  padding-bottom:var(--td-comp-margin-l);
  padding-top:unset}
.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-bottom .t-timeline-item__label--alternate{
  bottom:0;
  -webkit-transform:translateY(100%);
  transform:translateY(100%);
  padding-top:var(--td-comp-margin-l)}
.t-rate{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-rate .t-rate__star-top{
  position:absolute;
  width:0;
  height:100%;
  left:0;
  top:0;
  overflow:hidden;
  -webkit-transition:all .2s cubic-bezier(.38,0,.24,1);
  transition:all .2s cubic-bezier(.38,0,.24,1)}
.t-rate .t-rate__star-top,.t-rate .t-rate__star-bottom{
  display:grid}
.t-rate__list{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  list-style:none;
  padding:0;
  margin:0}
.t-rate__item{
  position:relative;
  cursor:pointer;
  -webkit-transition:all .2s cubic-bezier(.38,0,.24,1);
  transition:all .2s cubic-bezier(.38,0,.24,1)}
.t-rate__item:hover{
  -webkit-transform:scale(1.33);
  transform:scale(1.33)}
.t-rate__item--half .t-rate__star-top{
  width:50%}
.t-rate__item--full .t-rate__star-top{
  width:100%}
.t-rate__text{
  color:var(--td-text-color-primary);
  font:var(--td-font-mark-medium);
  margin-left:var(--td-comp-margin-l)}
.t-guide{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none}
.t-guide--lock{
  overflow:hidden}
.t-guide--absolute{
  position:absolute}
.t-guide--fixed{
  position:fixed}
.t-guide__overlay{
  position:fixed;
  inset:0;
  z-index:999997}
.t-guide__highlight{
  z-index:999998;
  -webkit-transition:.2s cubic-bezier(0,0,.15,1);
  transition:.2s cubic-bezier(0,0,.15,1);
  border-radius:var(--td-radius-default)}
.t-guide__highlight--dialog{
  border-radius:var(--td-radius-large)}
.t-guide__highlight--mask{
  -webkit-box-shadow:0 0 0 0 var(--td-mask-active),var(--td-mask-active) 0 0 0 5000px;
  box-shadow:0 0 0 0 var(--td-mask-active),var(--td-mask-active) 0 0 0 5000px}
.t-guide__highlight--nomask{
  border-radius:var(--td-radius-medium);
  border:2px solid var(--td-brand-color);
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-guide__reference{
  z-index:999999}
.t-guide__wrapper{
  position:fixed;
  inset:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  z-index:999999;
  padding-top:20vh}
.t-guide__wrapper--center{
  padding-top:0;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-guide__dialog{
  min-width:320px;
  max-width:500px;
  padding:var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl);
  border-radius:var(--td-radius-large);
  background:var(--td-bg-color-container);
  -webkit-animation:tGuideDialogFadeIn .3s ease-out;
  animation:tGuideDialogFadeIn .3s ease-out;
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
.t-guide__dialog--nomask{
  border:1px solid var(--td-component-border)}
.t-guide__dialog .t-guide__title{
  font:var(--td-font-title-medium);
  font-weight:700}
.t-guide__dialog .t-guide__desc{
  margin-top:var(--td-comp-margin-l);
  font:var(--td-font-body-medium)}
.t-guide__tooltip{
  padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-s);
  min-width:240px;
  max-width:600px;
  max-height:300px}
.t-guide__title{
  text-align:left;
  color:var(--td-text-color-primary);
  font:var(--td-font-title-small);
  font-weight:700}
.t-guide__desc{
  margin-top:var(--td-comp-margin-s);
  text-align:left;
  color:var(--td-text-color-secondary);
  font:var(--td-font-body-small)}
.t-guide__action{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-guide__action button{
  margin-right:var(--td-comp-margin-s)}
.t-guide__action button:last-child{
  margin-right:0}
.t-guide__footer{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center}
.t-guide__footer--popup{
  margin-top:var(--td-comp-margin-l)}
.t-guide__footer--dialog{
  margin-top:24px}
.t-guide__footer--dialog .t-guide__action{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.t-guide__counter{
  color:var(--td-text-color-placeholder);
  text-align:left;
  font:var(--td-font-body-small);
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1}
.t-guide__popup .t-guide__popup--content{
  background:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  padding:0}
@-webkit-keyframes tGuideDialogFadeIn{
  0%{
  opacity:0}
to{
  opacity:1}
}
@keyframes tGuideDialogFadeIn{
  0%{
  opacity:0}
to{
  opacity:1}
}
.t-back-top{
  position:fixed;
  z-index:300;
  overflow:hidden;
  outline:none;
  border-color:transparent;
  background-color:transparent;
  cursor:pointer;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -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-width:.5px;
  border-style:solid;
  -webkit-transition:background .2s linear,border .2s linear,color .2s linear,opacity .2s linear,visibility .2s linear;
  transition:background .2s linear,border .2s linear,color .2s linear,opacity .2s linear,visibility .2s linear;
  -ms-touch-action:manipulation;
  touch-action:manipulation;
  -webkit-box-shadow:var(--td-shadow-3);
  box-shadow:var(--td-shadow-3);
  visibility:hidden;
  opacity:0;
  color:var(--td-text-color-primary)}
.t-back-top__text{
  font:var(--td-font-body-small);
  text-align:center;
  margin-top:var(--td-comp-margin-xxs)}
.t-back-top__icon{
  font-size:var(--td-font-headline-small)}
.t-back-top.t-size-m .t-back-top__icon{
  margin-top:2px}
.t-back-top--show{
  visibility:visible;
  opacity:1}
.t-back-top--theme-light{
  border-color:var(--td-component-border);
  background-color:var(--td-bg-color-container)}
.t-back-top--theme-light:hover{
  border-color:var(--td-bg-color-container-hover);
  background-color:var(--td-bg-color-container-hover)}
.t-back-top--theme-light .t-back-top__text{
  color:var(--td-text-color-secondary)}
.t-back-top--theme-light .t-back-top__icon{
  color:var(--td-text-color-primary)}
.t-back-top--theme-primary{
  border-color:var(--td-brand-color);
  background-color:var(--td-brand-color)}
.t-back-top--theme-primary:hover{
  border-color:var(--td-brand-color-hover);
  background-color:var(--td-brand-color-hover)}
.t-back-top--theme-primary .t-back-top__text,.t-back-top--theme-primary .t-back-top__icon{
  color:var(--td-text-color-anti)}
.t-back-top--theme-dark{
  border-color:#000000e6;
  background-color:#000000e6}
.t-back-top--theme-dark:hover{
  border-color:#0009;
  background-color:#0009}
.t-back-top--theme-dark .t-back-top__text,.t-back-top--theme-dark .t-back-top__icon{
  color:var(--td-text-color-anti)}
.t-back-top.t-size-s{
  width:var(--td-comp-size-xxl);
  height:var(--td-comp-size-xxl)}
.t-back-top.t-size-s .t-back-top__text{
  display:none}
.t-back-top.t-size-m{
  width:var(--td-comp-size-xxxxl);
  height:var(--td-comp-size-xxxxl)}
.t-back-top.t-size-m .t-back-top__text{
  display:block}
.t-back-top--circle{
  border-radius:var(--td-radius-circle)}
.t-back-top--square{
  border-radius:var(--td-radius-medium)}
.t-statistic{
  display:inline-block;
  font-size:var(--td-font-size-body-medium);
  line-height:var(--td-line-height-body-medium);
  color:var(--td-text-color-secondary)}
.t-statistic-title{
  font-size:var(--td-font-body-medium);
  margin-bottom:var(--td-comp-margin-s)}
.t-statistic-content{
  display:inline-block;
  color:var(--td-text-color-primary);
  text-align:left;
  white-space:nowrap}
.t-statistic-content-value{
  font-size:var(--td-font-size-headline-medium);
  line-height:var(--td-line-height-headline-medium);
  font-family:TCloudNumber,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}
.t-statistic-content-unit{
  font-size:var(--td-font-size-body-medium);
  margin-left:var(--td-comp-margin-xs);
  font-family:TCloudNumber,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}
.t-statistic-content-suffix{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:var(--td-font-size-title-large);
  margin-left:var(--td-comp-margin-s)}
.t-statistic-content-prefix{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:var(--td-font-size-title-large);
  margin-right:var(--td-comp-margin-s)}
.t-statistic-content-prefix .t-icon{
  font-size:var(--td-font-size-title-large)}
.t-statistic-extra{
  margin-top:8px}
.t-statistic-extra .t-space .t-space-item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.t-descriptions{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  list-style:none}
.t-descriptions__header{
  color:var(--td-text-color-primary);
  font:var(--td-font-title-medium);
  margin-bottom:var(--td-comp-margin-m);
  font-weight:600}
.t-descriptions__body{
  border-collapse:collapse;
  font:var(--td-font-body-medium);
  width:100%}
.t-descriptions__body.t-size-l>tbody>tr>td{
  padding:var(--td-comp-paddingTB-l)}
.t-descriptions__body.t-size-m>tbody>tr>td{
  padding:var(--td-comp-paddingLR-m) var(--td-comp-paddingLR-l)}
.t-descriptions__body.t-size-s>tbody>tr>td{
  padding:var(--td-comp-paddingLR-s) var(--td-comp-paddingLR-l)}
.t-descriptions__body .t-descriptions__label{
  color:var(--td-text-color-placeholder)}
.t-descriptions__body--fixed{
  table-layout:fixed}
.t-descriptions__body--border>tbody>tr>td{
  border:1px solid var(--td-component-border)}
.t-descriptions__body--border .t-descriptions__label{
  background-color:var(--td-bg-color-secondarycontainer)}
.t-descriptions__body--border .t-descriptions__label:hover{
  background-color:var(--td-bg-color-container-hover)}
.t-empty{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-primary);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  list-style:none;
  padding:0;
  text-align:center}
.t-empty__image{
  font-size:48px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.t-empty__title{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-secondary);
  margin-top:var(--td-comp-margin-s);
  margin-bottom:0}
.t-empty__description{
  font:var(--td-font-body-medium);
  color:var(--td-text-color-placeholder);
  margin-top:var(--td-comp-margin-xs);
  margin-bottom:0}
.t-empty__action{
  margin-top:var(--td-comp-margin-xxl);
  margin-bottom:0}
.t-empty.t-size-s .t-empty__image{
  font-size:20px}
.t-empty.t-size-s .t-empty__title,.t-empty.t-size-s .t-empty__description{
  font:var(--td-font-body-small);
  margin-top:var(--td-comp-margin-xxs)}
.t-empty.t-size-l .t-empty__image{
  font-size:64px}
.t-typography{
  color:var(--td-text-color-primary);
  font:var(--td-font-body-medium);
  margin:var(--td-comp-margin-m) 0}
h1.t-typography{
  font:var(--td-font-headline-large);
  margin-top:var(--td-comp-margin-xxxxl);
  margin-bottom:var(--td-comp-margin-l)}
h2.t-typography{
  font:var(--td-font-headline-medium);
  margin-top:var(--td-comp-margin-xxxl);
  margin-bottom:var(--td-comp-margin-l)}
h3.t-typography{
  font:var(--td-font-headline-small);
  margin-top:var(--td-comp-margin-xxl);
  margin-bottom:var(--td-comp-margin-m)}
h4.t-typography{
  font:var(--td-font-title-large);
  margin-top:var(--td-comp-margin-xl);
  margin-bottom:var(--td-comp-margin-m)}
h5.t-typography{
  font:var(--td-font-title-medium);
  margin-top:var(--td-comp-margin-l);
  margin-bottom:var(--td-comp-margin-m)}
h6.t-typography{
  font:var(--td-font-title-small)}
.t-typography strong{
  font-weight:600}
.t-typography mark{
  background-color:#fcdf47}
.t-typography code{
  border-radius:var(--td-radius-default);
  border:1px solid var(--td-component-border);
  margin:0 var(--td-comp-margin-xs);
  background-color:var(--td-bg-color-secondarycontainer);
  padding:1px var(--td-comp-paddingLR-s);
  -webkit-transition:background-color .2s;
  transition:background-color .2s;
  white-space:nowrap;
  font:var(--td-font-body-small);
  font-family:Source Code Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei;
  display:inline-block}
.t-typography code:hover{
  border-radius:var(--td-radius-default);
  border:1px solid var(--td-component-border);
  background-color:var(--td-bg-color-secondarycontainer-hover)}
.t-typography kbd{
  border-radius:var(--td-radius-default);
  border:1px solid var(--td-component-border);
  margin:0 var(--td-comp-margin-xs);
  background-color:var(--td-bg-color-secondarycontainer);
  padding:1px var(--td-comp-paddingLR-s);
  -webkit-box-shadow:0 1px 0 0 var(--td-component-border);
  box-shadow:0 1px 0 0 var(--td-component-border);
  font:var(--td-font-body-small);
  font-family:Source Code Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei;
  display:inline-block}
.t-typography--disabled{
  color:var(--td-text-color-disabled);
  cursor:not-allowed}
.t-typography--success{
  color:var(--td-success-color)}
.t-typography--warning{
  color:var(--td-warning-color)}
.t-typography--error{
  color:var(--td-error-color)}
.t-typography--secondary{
  color:var(--td-text-color-secondary)}
.t-typography-ellipsis-symbol,.t-typography .t-icon-copy{
  color:var(--td-brand-color);
  cursor:pointer}
.t-typography-ellipsis-symbol:hover,.t-typography .t-icon-copy:hover{
  color:var(--td-brand-color-hover)}
.t-typography .t-icon-checked{
  color:var(--td-success-color)}
: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),max-height .2s cubic-bezier(.38,0,.24,1);
  transition:height .2s cubic-bezier(.38,0,.24,1),max-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,.08),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,.06),0 5px 5px -3px rgba(0,0,0,.1);
  --td-shadow-3:0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08);
  --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,.08),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,.1),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,.2);
  --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{
  --performance-level:high;
  --backdrop-blur-value:81.33px;
  --transition-duration:.3s}
@media (prefers-reduced-motion:reduce){
  :root{
  --performance-level:low;
  --backdrop-blur-value:0;
  --transition-duration:0}
}
@media (hover:none) and (pointer:coarse){
  :root{
  --performance-level:medium;
  --backdrop-blur-value:20px;
  --transition-duration:.2s}
}
html.performance-low{
  --performance-level:low;
  --backdrop-blur-value:0;
  --transition-duration:0}
html.performance-medium{
  --performance-level:medium;
  --backdrop-blur-value:20px;
  --transition-duration:.2s}
html.performance-high{
  --performance-level:high;
  --backdrop-blur-value:81.33px;
  --transition-duration:.3s}
@font-face{
  font-family:Alimama ShuHeiTi;
  src:url(images/AlimamaFangYuanTiVF-Thin.ttf) format("woff2"),url(images/AlimamaFangYuanTiVF-Thin.ttf) format("woff"),url(images/AlimamaFangYuanTiVF-Thin.ttf) format("truetype"),url(images/AlimamaFangYuanTiVF-Thin.ttf) format("opentype");
  font-display:fallback}
@font-face{
  font-family:Alimama FangYuanTi VF;
  src:url(images/AlimamaFangYuanTiVF-Thin.ttf) format("woff2"),url(images/AlimamaFangYuanTiVF-Thin.ttf) format("woff"),url(images/AlimamaFangYuanTiVF-Thin.ttf) format("truetype");
  font-display:fallback}
*,*:before,*:after{
  box-sizing:border-box;
  margin:0;
  padding:0}
html{
  font-size:16px;
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%}
body{
  font-family:Alimama FangYuanTi VF,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
  font-weight:400;
  line-height:1.6;
  color:#1a202c;
  background-color:#fff;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility}
a{
  text-decoration:none}
ul,ol{
  list-style:none;
  margin:0;
  padding:0}
li{
  margin:0;
  padding:0}
button{
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  border:none;
  background:none;
  cursor:pointer;
  padding:0;
  margin:0}
html.performance-high button{
  transition:all .3s ease}
html.performance-medium button{
  transition:all .2s ease}
html.performance-low button{
  transition:none}
@media (prefers-reduced-motion:reduce){
  button{
  transition:none}
}
input,textarea,select{
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  border:1px solid #e2e8f0;
  border-radius:4px;
  padding:.75rem;
  background-color:#fff}
input:focus,textarea:focus,select:focus{
  outline:none;
  border-color:#6c4dff;
  box-shadow:0 0 0 3px #6c4dff1a}
div,section,article,aside,header,footer,nav,main{
  display:block}
table{
  border-collapse:collapse;
  border-spacing:0;
  width:100%}
th,td{
  padding:.75rem;
  text-align:left;
  border-bottom:1px solid #e2e8f0}
th{
  font-weight:600;
  background-color:#f7fafc}
fieldset{
  border:none;
  padding:0;
  margin:0}
legend{
  padding:0;
  font-weight:600}
code{
  font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;
  background-color:#f7fafc;
  padding:.125rem .25rem;
  border-radius:4px;
  font-size:.875em;
  color:#e53e3e}
pre{
  font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;
  background-color:#1a202c;
  color:#e2e8f0;
  padding:1rem;
  border-radius:8px;
  overflow-x:auto;
  margin:1rem 0}
pre code{
  background-color:transparent;
  padding:0;
  color:inherit}
blockquote{
  margin:1rem 0;
  padding:1rem 1.5rem;
  border-left:4px solid #6c4dff;
  background-color:#f7fafc;
  border-radius:0 8px 8px 0;
  color:#4a5568}
hr{
  border:none;
  height:1px;
  background-color:#e2e8f0;
  margin:2rem 0}
::-webkit-scrollbar{
  width:8px;
  height:8px}
::-webkit-scrollbar-track{
  background:#f1f5f9;
  border-radius:4px}
::-webkit-scrollbar-thumb{
  background:#cbd5e1;
  border-radius:4px;
  transition:background-color .3s ease}
::-webkit-scrollbar-thumb:hover{
  background:#94a3b8}
.ShuHeiTi{
  font-family:Alimama ShuHeiTi}
.FangYuanTi{
  font-family:Alimama FangYuanTi VF}
.underline-hover{
  position:relative;
  color:#28b894;
  text-decoration:none}
.underline-hover:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:2px;
  border-radius:2px;
  background:#28b894;
  transform:scaleX(0);
  transform-origin:right}
html.performance-high .underline-hover:after{
  transition:transform .3s cubic-bezier(.4,0,.2,1)}
html.performance-medium .underline-hover:after{
  transition:transform .2s ease}
html.performance-low .underline-hover:after{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .underline-hover:after{
  transition:none}
}
.underline-hover:hover:after{
  transform:scaleX(1);
  transform-origin:left}
.hero-container{
  position:relative;
  max-width:1920px;
  margin:0 auto;
  padding:0 10px}
@media (max-width:1440px){
  .hero-container{
  padding:0 10px}
}
@media (max-width:1200px){
  .hero-container{
  padding:0 10px}
}
@media (max-width:768px){
  .hero-container{
  padding:0 24px}
}
@media (max-width:480px){
  .hero-container{
  padding:0 16px}
}
*,:before,:after{
  --un-rotate:0;
  --un-rotate-x:0;
  --un-rotate-y:0;
  --un-rotate-z:0;
  --un-scale-x:1;
  --un-scale-y:1;
  --un-scale-z:1;
  --un-skew-x:0;
  --un-skew-y:0;
  --un-translate-x:0;
  --un-translate-y:0;
  --un-translate-z:0;
  --un-pan-x:;
  --un-pan-y:;
  --un-pinch-zoom:;
  --un-scroll-snap-strictness:proximity;
  --un-ordinal:;
  --un-slashed-zero:;
  --un-numeric-figure:;
  --un-numeric-spacing:;
  --un-numeric-fraction:;
  --un-border-spacing-x:0;
  --un-border-spacing-y:0;
  --un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);
  --un-ring-shadow:0 0 rgb(0 0 0 / 0);
  --un-shadow-inset:;
  --un-shadow:0 0 rgb(0 0 0 / 0);
  --un-ring-inset:;
  --un-ring-offset-width:0px;
  --un-ring-offset-color:#fff;
  --un-ring-width:0px;
  --un-ring-color:rgb(147 197 253 / .5);
  --un-blur:;
  --un-brightness:;
  --un-contrast:;
  --un-drop-shadow:;
  --un-grayscale:;
  --un-hue-rotate:;
  --un-invert:;
  --un-saturate:;
  --un-sepia:;
  --un-backdrop-blur:;
  --un-backdrop-brightness:;
  --un-backdrop-contrast:;
  --un-backdrop-grayscale:;
  --un-backdrop-hue-rotate:;
  --un-backdrop-invert:;
  --un-backdrop-opacity:;
  --un-backdrop-saturate:;
  --un-backdrop-sepia:}
::backdrop{
  --un-rotate:0;
  --un-rotate-x:0;
  --un-rotate-y:0;
  --un-rotate-z:0;
  --un-scale-x:1;
  --un-scale-y:1;
  --un-scale-z:1;
  --un-skew-x:0;
  --un-skew-y:0;
  --un-translate-x:0;
  --un-translate-y:0;
  --un-translate-z:0;
  --un-pan-x:;
  --un-pan-y:;
  --un-pinch-zoom:;
  --un-scroll-snap-strictness:proximity;
  --un-ordinal:;
  --un-slashed-zero:;
  --un-numeric-figure:;
  --un-numeric-spacing:;
  --un-numeric-fraction:;
  --un-border-spacing-x:0;
  --un-border-spacing-y:0;
  --un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);
  --un-ring-shadow:0 0 rgb(0 0 0 / 0);
  --un-shadow-inset:;
  --un-shadow:0 0 rgb(0 0 0 / 0);
  --un-ring-inset:;
  --un-ring-offset-width:0px;
  --un-ring-offset-color:#fff;
  --un-ring-width:0px;
  --un-ring-color:rgb(147 197 253 / .5);
  --un-blur:;
  --un-brightness:;
  --un-contrast:;
  --un-drop-shadow:;
  --un-grayscale:;
  --un-hue-rotate:;
  --un-invert:;
  --un-saturate:;
  --un-sepia:;
  --un-backdrop-blur:;
  --un-backdrop-brightness:;
  --un-backdrop-contrast:;
  --un-backdrop-grayscale:;
  --un-backdrop-hue-rotate:;
  --un-backdrop-invert:;
  --un-backdrop-opacity:;
  --un-backdrop-saturate:;
  --un-backdrop-sepia:}
@keyframes shadcn-down{
  0%{
  height:0}
to{
  height:var(--reka-accordion-content-height)}
}
@keyframes shadcn-up{
  0%{
  height:var(--reka-accordion-content-height)}
to{
  height:0}
}
@keyframes shadcn-collapsible-down{
  0%{
  height:0}
to{
  height:var(--reka-collapsible-content-height)}
}
@keyframes shadcn-collapsible-up{
  0%{
  height:var(--reka-collapsible-content-height)}
to{
  height:0}
}
:root{
  --background:0 0% 100%;
  --foreground:0 0% 3.9%;
  --card:0 0% 100%;
  --card-foreground:0 0% 3.9%;
  --popover:0 0% 100%;
  --popover-foreground:0 0% 3.9%;
  --primary:0 72.2% 50.6%;
  --primary-foreground:0 85.7% 97.3%;
  --secondary:0 0% 96.1%;
  --secondary-foreground:0 0% 9%;
  --muted:0 0% 96.1%;
  --muted-foreground:0 0% 45.1%;
  --accent:0 0% 96.1%;
  --accent-foreground:0 0% 9%;
  --destructive:0 84.2% 60.2%;
  --destructive-foreground:0 0% 98%;
  --border:0 0% 89.8%;
  --input:0 0% 89.8%;
  --ring:0 72.2% 50.6%;
  --chart-1:12 76% 61%;
  --chart-2:173 58% 39%;
  --chart-3:197 37% 24%;
  --chart-4:43 74% 66%;
  --chart-5:27 87% 67%;
  --sidebar:0 0% 98%;
  --sidebar-foreground:240 5.3% 26.1%;
  --sidebar-primary:240 5.9% 10%;
  --sidebar-primary-foreground:0 0% 98%;
  --sidebar-accent:240 4.8% 95.9%;
  --sidebar-accent-foreground:240 5.9% 10%;
  --sidebar-border:220 13% 91%;
  --sidebar-ring:217.2 91.2% 59.8%;
  --radius:.5rem}
[data-kb-theme=dark]{
  --background:0 0% 3.9%;
  --foreground:0 0% 98%;
  --card:0 0% 3.9%;
  --card-foreground:0 0% 98%;
  --popover:0 0% 3.9%;
  --popover-foreground:0 0% 98%;
  --primary:0 72.2% 50.6%;
  --primary-foreground:0 85.7% 97.3%;
  --secondary:0 0% 14.9%;
  --secondary-foreground:0 0% 98%;
  --muted:0 0% 14.9%;
  --muted-foreground:0 0% 63.9%;
  --accent:0 0% 14.9%;
  --accent-foreground:0 0% 98%;
  --destructive:0 62.8% 30.6%;
  --destructive-foreground:0 0% 98%;
  --border:0 0% 14.9%;
  --input:0 0% 14.9%;
  --ring:0 72.2% 50.6%;
  --chart-1:220 70% 50%;
  --chart-2:160 60% 45%;
  --chart-3:30 80% 55%;
  --chart-4:280 65% 60%;
  --chart-5:340 75% 55%;
  --sidebar:240 5.9% 10%;
  --sidebar-foreground:240 4.8% 95.9%;
  --sidebar-primary:0 0% 98%;
  --sidebar-primary-foreground:240 5.9% 10%;
  --sidebar-accent:240 3.7% 15.9%;
  --sidebar-accent-foreground:240 4.8% 95.9%;
  --sidebar-border:240 3.7% 15.9%;
  --sidebar-ring:217.2 91.2% 59.8%}
*{
  border-color:#000;
}
body{
  color:hsl(var(--foreground));
  background:hsl(var(--background))}
.container{
  width:100%}
.max-content{
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
  padding-left:24px;
  padding-right:24px}
.flex-center{
  display:flex;
  align-items:center;
  justify-content:center}
.tag-primary{
  border-radius:8px;
  background-color:#32e6b933;
  padding:4px 8px;
  --un-text-opacity:1;
  color:rgb(46 228 163 / var(--un-text-opacity))}
.content-desc{
  font-weight:500;
  font-size:clamp(18px,1.0416666666666665vw,20px);
  line-height:calc(clamp(18px,1.0416666666666665vw,20px)*1.4)}
.content-title{
  font-weight:700;
  font-size:clamp(32px,3.125vw,60px);
  line-height:calc(clamp(32px,3.125vw,60px)*1.2)}
.content-title-lg{
  font-weight:700;
  font-size:clamp(36px,4.166666666666666vw,80px);
  line-height:calc(clamp(36px,4.166666666666666vw,80px)*1.15)}
.text-30-rpx{
  font-size:clamp(24px,1.5625vw,30px);
  line-height:calc(clamp(24px,1.5625vw,30px)*1.2)}
@media (min-width:376px){
  .container{
  max-width:376px}
}
@media (min-width:640px){
  .container{
  max-width:640px}
}
@media (min-width:768px){
  .container{
  max-width:768px}
.max-content{
  padding-left:40px;
  padding-right:40px}
}
@media (min-width:1080px){
  .container{
  max-width:1080px}
}
@media (min-width:1200px){
  .container{
  max-width:1200px}
.max-content{
  padding-left:60px;
  padding-right:60px}
}
@media (min-width:1440px){
  .container{
  max-width:1440px}
.max-content{
  padding-left:80px;
  padding-right:80px}
}
@media (min-width:1920px){
  .container,.max-content{
  max-width:1920px}
}
.pointer-events-none{
  pointer-events:none}
.visible{
  visibility:visible}
.absolute{
  position:absolute}
.fixed{
  position:fixed}
.relative{
  position:relative}
.sticky{
  position:sticky}
.inset-0{
  inset:0}
.-bottom-100px{
  bottom:-100px}
.-bottom-24px{
  bottom:-24px}
.-bottom-30px{
  bottom:-30px}
.-bottom-5{
  bottom:-20px}
.-left-60px{
  left:-60px}
.-right-60px{
  right:-60px}
.-top-35px{
  top:-35px}
.-top-400px{
  top:-400px}
.-top-40px{
  top:-40px}
.bottom-0{
  bottom:0}
.bottom-25{
  bottom:100px}
.bottom-40px{
  bottom:40px}
.bottom-60px{
  bottom:60px}
.left-0{
  left:0}
.left-40\%{
  left:40%}
.right-0{
  right:0}
.right-100px{
  right:100px}
.right-4{
  right:16px}
.right-400px{
  right:400px}
.right-5{
  right:20px}
.right-80px{
  right:80px}
.top-0{
  top:0}
.top-20{
  top:80px}
.top-4{
  top:16px}
.top-5{
  top:20px}
.line-clamp-2{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2}
.line-clamp-3{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3}
.z-\[1\],.z-1{
  z-index:1}
.z-0{
  z-index:0}
.z-10{
  z-index:10}
.z-1000{
  z-index:1000}
.z-20{
  z-index:20}
.z-200{
  z-index:200}
.grid{
  display:grid}
.grid-cols-1{
  grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{
  grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{
  grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-cols-4{
  grid-template-columns:repeat(4,minmax(0,1fr))}
.m-0{
  margin:0}
.m-0\!{
  margin:0!important}
.m-auto{
  margin:auto}
.m12{
  margin:48px}
.mx-\[2px\]{
  margin-left:2px;
  margin-right:2px}
.mx-1{
  margin-left:4px;
  margin-right:4px}
.mx-auto{
  margin-left:auto;
  margin-right:auto}
.mx-auto\!{
  margin-left:auto!important;
  margin-right:auto!important}
.my-10{
  margin-top:40px;
  margin-bottom:40px}
.my-4{
  margin-top:16px;
  margin-bottom:16px}
.-mt-2{
  margin-top:-8px}
.\!mb-0{
  margin-bottom:0!important}
.mb-1{
  margin-bottom:4px}
.mb-1\.5{
  margin-bottom:6px}
.mb-10{
  margin-bottom:40px}
.mb-2{
  margin-bottom:8px}
.mb-2\.5{
  margin-bottom:10px}
.mb-3{
  margin-bottom:12px}
.mb-4{
  margin-bottom:16px}
.mb-5{
  margin-bottom:20px}
.mb-5\!{
  margin-bottom:20px!important}
.mb-6{
  margin-bottom:24px}
.mb-8{
  margin-bottom:32px}
.me{
  margin-inline-end:16px}
.ml-1{
  margin-left:4px}
.ml-2{
  margin-left:8px}
.ml-20px{
  margin-left:20px}
.ml-5\.5px{
  margin-left:5.5px}
.mr-1{
  margin-right:4px}
.ms{
  margin-inline-start:16px}
.mt-0\.5{
  margin-top:2px}
.mt-1{
  margin-top:4px}
.mt-2{
  margin-top:8px}
.mt-3{
  margin-top:12px}
.mt-4{
  margin-top:16px}
.mt-5{
  margin-top:20px}
.mt-8{
  margin-top:32px}
.mt-auto{
  margin-top:auto}
.box-border{
  box-sizing:border-box}
.inline{
  display:inline}
.block{
  display:block}
.inline-block{
  display:inline-block}
.hidden{
  display:none}
.aspect-3\/2{
  aspect-ratio:3/2}
.aspect-square{
  aspect-ratio:1/1}
.size-15px{
  width:15px;
  height:15px}
.size-2{
  width:8px;
  height:8px}
.size-32px{
  width:32px;
  height:32px}
.\!max-w-none{
  max-width:none!important}
.h-\[400px\],.h-400px{
  height:400px}
.h-1,.h1{
  height:4px}
.h-1\.5{
  height:6px}
.h-10{
  height:40px}
.h-11{
  height:44px}
.h-12\.5{
  height:50px}
.h-13{
  height:52px}
.h-140px,.h-35{
  height:140px}
.h-150px{
  height:150px}
.h-16{
  height:64px}
.h-17{
  height:68px}
.h-18{
  height:72px}
.h-2\.5{
  height:10px}
.h-20,.h-80px{
  height:80px}
.h-24{
  height:96px}
.h-3,.h3{
  height:12px}
.h-3\.5{
  height:14px}
.h-32{
  height:128px}
.h-375px{
  height:375px}
.h-4\.5{
  height:18px}
.h-42{
  height:168px}
.h-5,.h5{
  height:20px}
.h-53px{
  height:53px}
.h-8{
  height:32px}
.h-full{
  height:100%}
.h2{
  height:8px}
.h4{
  height:16px}
.max-h-\[600px\]{
  max-height:600px}
.max-h-\[85vh\]{
  max-height:85vh}
.max-w-\[55\%\]{
  max-width:55%}
.max-w-100{
  max-width:400px}
.max-w-100\%{
  max-width:100%}
.max-w-1000px{
  max-width:1000px}
.max-w-105{
  max-width:420px}
.max-w-1200px{
  max-width:1200px}
.max-w-1440px{
  max-width:1440px}
.max-w-185{
  max-width:740px}
.max-w-200{
  max-width:800px}
.max-w-250px{
  max-width:250px}
.max-w-3xl{
  max-width:768px}
.max-w-470px{
  max-width:470px}
.max-w-5xl{
  max-width:1024px}
.max-w-70\%{
  max-width:70%}
.max-w-7xl{
  max-width:1280px}
.min-h-\[400px\]{
  min-height:400px}
.min-h-100vh,.min-h-screen{
  min-height:100vh}
.min-h-75{
  min-height:300px}
.min-h-md{
  min-height:448px}
.min-w-0{
  min-width:0}
.min-w-1{
  min-width:4px}
.min-w-300px{
  min-width:300px}
.min-w-5\.5{
  min-width:22px}
.min-w-7{
  min-width:28px}
.w-1{
  width:4px}
.w-1\.5{
  width:6px}
.w-10{
  width:40px}
.w-11{
  width:44px}
.w-150px{
  width:150px}
.w-16{
  width:64px}
.w-175px{
  width:175px}
.w-18{
  width:72px}
.w-19\.68vw{
  width:19.68vw}
.w-20{
  width:80px}
.w-3{
  width:12px}
.w-3\.5{
  width:14px}
.w-300px{
  width:300px}
.w-32{
  width:128px}
.w-35{
  width:140px}
.w-3px{
  width:3px}
.w-4\.5{
  width:18px}
.w-400px{
  width:400px}
.w-42{
  width:168px}
.w-5{
  width:20px}
.w-50{
  width:200px}
.w-55\%{
  width:55%}
.w-64{
  width:256px}
.w-656px{
  width:656px}
.w-8{
  width:32px}
.w-80\%{
  width:80%}
.w-85\%{
  width:85%}
.w-fit{
  width:fit-content}
.w-fit\!{
  width:fit-content!important}
.w-full{
  width:100%}
.w-px{
  width:1px}
.flex{
  display:flex}
.inline-flex{
  display:inline-flex}
.flex-1{
  flex:1 1 0%}
.flex-auto{
  flex:1 1 auto}
.flex-shrink-0,.shrink-0{
  flex-shrink:0}
.flex-col{
  flex-direction:column}
.flex-col-reverse{
  flex-direction:column-reverse}
.flex-wrap{
  flex-wrap:wrap}
.table{
  display:table}
.border-collapse{
  border-collapse:collapse}
.active\:scale-98:active{
  --un-scale-x:.98;
  --un-scale-y:.98;
  transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}
.active\:scale-99:active{
  --un-scale-x:.99;
  --un-scale-y:.99;
  transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}
.disabled\:active\:scale-100:active:disabled{
  --un-scale-x:1;
  --un-scale-y:1;
  transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}
.transform{
  transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}
.cursor-default{
  cursor:default}
.cursor-pointer{
  cursor:pointer}
.disabled\:cursor-not-allowed:disabled{
  cursor:not-allowed}
.select-none{
  -webkit-user-select:none;
  user-select:none}
.resize{
  resize:both}
.list-disc{
  list-style-type:disc}
.list-none{
  list-style-type:none}
.items-start{
  align-items:flex-start}
.items-end{
  align-items:flex-end}
.items-center{
  align-items:center}
.items-baseline{
  align-items:baseline}
.self-start{
  align-self:flex-start}
.self-center{
  align-self:center}
.justify-end{
  justify-content:flex-end}
.justify-center{
  justify-content:center}
.justify-between{
  justify-content:space-between}
.gap-0\.5{
  gap:2px}
.gap-1{
  gap:4px}
.gap-1\.5{
  gap:6px}
.gap-10{
  gap:40px}
.gap-10px,.gap-2\.5{
  gap:10px}
.gap-2{
  gap:8px}
.gap-25px{
  gap:25px}
.gap-3{
  gap:12px}
.gap-4{
  gap:16px}
.gap-5{
  gap:20px}
.gap-6{
  gap:24px}
.gap-8{
  gap:32px}
.space-x-2>:not([hidden])~:not([hidden]){
  --un-space-x-reverse:0;
  margin-left:calc(8px * calc(1 - var(--un-space-x-reverse)));
  margin-right:calc(8px * var(--un-space-x-reverse))}
.space-x-3>:not([hidden])~:not([hidden]){
  --un-space-x-reverse:0;
  margin-left:calc(12px * calc(1 - var(--un-space-x-reverse)));
  margin-right:calc(12px * var(--un-space-x-reverse))}
.space-x-4>:not([hidden])~:not([hidden]){
  --un-space-x-reverse:0;
  margin-left:calc(16px * calc(1 - var(--un-space-x-reverse)));
  margin-right:calc(16px * var(--un-space-x-reverse))}
.space-y-2>:not([hidden])~:not([hidden]){
  --un-space-y-reverse:0;
  margin-top:calc(8px * calc(1 - var(--un-space-y-reverse)));
  margin-bottom:calc(8px * var(--un-space-y-reverse))}
.divide-y>:not([hidden])~:not([hidden]){
  --un-divide-y-reverse:0;
  border-top-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));
  border-bottom-width:calc(1px * var(--un-divide-y-reverse))}
.divide-black\/8>:not([hidden])~:not([hidden]){
  border-color:#00000014}
.overflow-auto{
  overflow:auto}
.overflow-hidden{
  overflow:hidden}
.overflow-x-auto{
  overflow-x:auto}
.overflow-x-hidden{
  overflow-x:hidden}
.overflow-y-auto{
  overflow-y:auto}
.truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap}
.whitespace-nowrap{
  white-space:nowrap}
.whitespace-pre-wrap{
  white-space:pre-wrap}
.break-words{
  overflow-wrap:break-word}
.break-all{
  word-break:break-all}
.b,.border,.border-1{
  border-width:1px}
.border-0{
  border-width:0px}
.border-1\.5{
  border-width:1.5px}
.border-b{
  border-bottom-width:1px}
.border-b-0{
  border-bottom-width:0px}
.border-r{
  border-right-width:1px}
.border-r-0{
  border-right-width:0px}
.border-t{
  border-top-width:1px}
.border-t-0{
  border-top-width:0px}
.last\:border-b-0:last-child{
  border-bottom-width:0px}
.border-\#EFEEEC14{
  --un-border-opacity:.08;
  border-color:rgb(239 238 236 / var(--un-border-opacity))}
.border-\#EFEEEC33{
  --un-border-opacity:.2;
  border-color:rgb(239 238 236 / var(--un-border-opacity))}
.border-black\/15{
  border-color:#00000026}
.border-black\/6{
  border-color:#0000000f}
.border-black\/8{
  border-color:#00000014}
.border-white{
  --un-border-opacity:1;
  border-color:rgb(255 255 255 / var(--un-border-opacity))}
.border-white\/80{
  border-color:#fffc}
.border-b-\#E7EDEC{
  --un-border-opacity:1;
  --un-border-bottom-opacity:var(--un-border-opacity);
  border-bottom-color:rgb(231 237 236 / var(--un-border-bottom-opacity))}
.rounded,.rounded-1{
  border-radius:4px}
.rounded-1\.5{
  border-radius:6px}
.rounded-10{
  border-radius:40px}
.rounded-10px,.rounded-2\.5{
  border-radius:10px}
.rounded-2,.rounded-8px{
  border-radius:8px}
.rounded-2xl,.rounded-4{
  border-radius:16px}
.rounded-3{
  border-radius:12px}
.rounded-3\.5{
  border-radius:14px}
.rounded-4\.5{
  border-radius:18px}
.rounded-5{
  border-radius:20px}
.rounded-6{
  border-radius:24px}
.rounded-8{
  border-radius:32px}
.rounded-full{
  border-radius:9999px}
.rounded-lg{
  border-radius:var(--radius)}
.rounded-sm{
  border-radius:calc(var(--radius) - 4px)}
.rounded-b-5{
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px}
.rounded-t-20px,.rounded-t-5{
  border-top-left-radius:20px;
  border-top-right-radius:20px}
.rounded-t-8{
  border-top-left-radius:32px;
  border-top-right-radius:32px}
.rounded-tl-4{
  border-top-left-radius:16px}
.border-solid{
  border-style:solid}
.bg-\[\#1f1f22\]{
  --un-bg-opacity:1;
  background-color:rgb(31 31 34 / var(--un-bg-opacity))}
.bg-\[rgba\(0\,166\,110\,0\.1\)\]{
  --un-bg-opacity:.1;
  background-color:rgba(0,166,110,var(--un-bg-opacity))}
.bg-\[rgba\(132\,139\,146\,0\.1\)\]{
  --un-bg-opacity:.1;
  background-color:rgba(132,139,146,var(--un-bg-opacity))}
.bg-\[rgba\(138\,43\,226\,0\.1\)\]{
  --un-bg-opacity:.1;
  background-color:rgba(138,43,226,var(--un-bg-opacity))}
.bg-\[rgba\(220\,38\,38\,0\.1\)\]{
  --un-bg-opacity:.1;
  background-color:rgba(220,38,38,var(--un-bg-opacity))}
.bg-\[rgba\(243\,248\,247\,1\)\]{
  --un-bg-opacity:1;
  background-color:rgba(243,248,247,var(--un-bg-opacity))}
.bg-\[rgba\(245\,94\,50\,0\.1\)\]{
  --un-bg-opacity:.1;
  background-color:rgba(245,94,50,var(--un-bg-opacity))}
.bg-\[rgba\(255\,193\,7\,0\.1\)\]{
  --un-bg-opacity:.1;
  background-color:rgba(255,193,7,var(--un-bg-opacity))}
.bg-\#000,.bg-black{
  --un-bg-opacity:1;
  background-color:rgb(0 0 0 / var(--un-bg-opacity))}
.bg-\#191A23{
  --un-bg-opacity:1;
  background-color:rgb(25 26 35 / var(--un-bg-opacity))}
.bg-\#191A23\!{
  --un-bg-opacity:1 !important;
  background-color:rgb(25 26 35 / var(--un-bg-opacity))!important}
.bg-\#1f2937{
  --un-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--un-bg-opacity))}
.bg-\#28B894{
  --un-bg-opacity:1;
  background-color:rgb(40 184 148 / var(--un-bg-opacity))}
.bg-\#2f2f2e\!{
  --un-bg-opacity:1 !important;
  background-color:rgb(47 47 46 / var(--un-bg-opacity))!important}
.bg-\#374151{
  --un-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--un-bg-opacity))}
.bg-\#4b5563{
  --un-bg-opacity:1;
  background-color:rgb(75 85 99 / var(--un-bg-opacity))}
.bg-\#989c9e{
  --un-bg-opacity:1;
  background-color:rgb(152 156 158 / var(--un-bg-opacity))}
.bg-\#EAEBF6{
  --un-bg-opacity:1;
  background-color:rgb(234 235 246 / var(--un-bg-opacity))}
.bg-\#f2f4f8{
  --un-bg-opacity:1;
  background-color:rgb(242 244 248 / var(--un-bg-opacity))}
.bg-\#F3F8F7{
  --un-bg-opacity:1;
  background-color:rgb(243 248 247 / var(--un-bg-opacity))}
.bg-\#F55E32{
  --un-bg-opacity:1;
  background-color:rgb(245 94 50 / var(--un-bg-opacity))}
.bg-\#FEBC2E{
  --un-bg-opacity:1;
  background-color:rgb(254 188 46 / var(--un-bg-opacity))}
.bg-\#FF465E{
  --un-bg-opacity:1;
  background-color:rgb(255 70 94 / var(--un-bg-opacity))}
.bg-black\/20{
  background-color:#0003}
.bg-black\/50{
  background-color:#00000080}
.bg-black\/6{
  background-color:#0000000f}
.bg-green-500{
  --un-bg-opacity:1;
  background-color:rgb(34 197 94 / var(--un-bg-opacity))}
.bg-red-500{
  --un-bg-opacity:1;
  background-color:rgb(239 68 68 / var(--un-bg-opacity))}
.bg-transparent{
  background-color:transparent}
.bg-white{
  --un-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--un-bg-opacity))}
.bg-white\/60{
  background-color:#fff9}
.bg-yellow-500{
  --un-bg-opacity:1;
  background-color:rgb(234 179 8 / var(--un-bg-opacity))}
.hover\:bg-\[rgba\(0\,192\,199\,0\.08\)\]:hover{
  --un-bg-opacity:.08;
  background-color:rgba(0,192,199,var(--un-bg-opacity))}
.hover\:bg-\#4b5563:hover{
  --un-bg-opacity:1;
  background-color:rgb(75 85 99 / var(--un-bg-opacity))}
.hover\:bg-black\/12:hover{
  background-color:#0000001f}
.hover\:bg-black\/30:hover{
  background-color:#0000004d}
.hover\:bg-white\/80:hover{
  background-color:#fffc}
.hover\:bg-white\/90:hover{
  background-color:#ffffffe6}
.bg-cover{
  background-size:cover}
.bg-contain{
  background-size:contain}
.bg-center{
  background-position:center}
.bg-top{
  background-position:top}
.bg-no-repeat{
  background-repeat:no-repeat}
.object-cover{
  object-fit:cover}
.object-contain{
  object-fit:contain}
.object-contain\!{
  object-fit:contain!important}
.object-bottom{
  object-position:bottom}
.object-top{
  object-position:top}
.p-0{
  padding:0}
.p-0\!{
  padding:0!important}
.p-1px{
  padding:1px}
.p-2{
  padding:8px}
.p-3{
  padding:12px}
.p-4{
  padding:16px}
.p-5{
  padding:20px}
.p-6{
  padding:24px}
.p-8{
  padding:32px}
.p1{
  padding:4px}
.px,.px-4{
  padding-left:16px;
  padding-right:16px}
.px-1\.5{
  padding-left:6px;
  padding-right:6px}
.px-15{
  padding-left:60px;
  padding-right:60px}
.px-2{
  padding-left:8px;
  padding-right:8px}
.px-2\.5{
  padding-left:10px;
  padding-right:10px}
.px-20px,.px-5{
  padding-left:20px;
  padding-right:20px}
.px-3{
  padding-left:12px;
  padding-right:12px}
.px-6{
  padding-left:24px;
  padding-right:24px}
.px-7{
  padding-left:28px;
  padding-right:28px}
.px-9{
  padding-left:36px;
  padding-right:36px}
.py-0\.25{
  padding-top:1px;
  padding-bottom:1px}
.py-0\.5{
  padding-top:2px;
  padding-bottom:2px}
.py-0\.75{
  padding-top:3px;
  padding-bottom:3px}
.py-1{
  padding-top:4px;
  padding-bottom:4px}
.py-1\.5{
  padding-top:6px;
  padding-bottom:6px}
.py-10{
  padding-top:40px;
  padding-bottom:40px}
.py-12{
  padding-top:48px;
  padding-bottom:48px}
.py-2\.5{
  padding-top:10px;
  padding-bottom:10px}
.py-20{
  padding-top:80px;
  padding-bottom:80px}
.py-3{
  padding-top:12px;
  padding-bottom:12px}
.py-3\.5{
  padding-top:14px;
  padding-bottom:14px}
.py-4{
  padding-top:16px;
  padding-bottom:16px}
.py-5{
  padding-top:20px;
  padding-bottom:20px}
.py-7{
  padding-top:28px;
  padding-bottom:28px}
.pb-0{
  padding-bottom:0}
.pb-10{
  padding-bottom:40px}
.pb-2{
  padding-bottom:8px}
.pb-3{
  padding-bottom:12px}
.pb-4{
  padding-bottom:16px}
.pb-5{
  padding-bottom:20px}
.pb-7{
  padding-bottom:28px}
.pb-8{
  padding-bottom:32px}
.pl-\[9\%\]{
  padding-left:9%}
.pl-10px{
  padding-left:10px}
.pl-11{
  padding-left:44px}
.pl-2{
  padding-left:8px}
.pl-5{
  padding-left:20px}
.pt-2{
  padding-top:8px}
.pt-20,.pt-80px{
  padding-top:80px}
.pt-20px,.pt-5{
  padding-top:20px}
.pt-233px{
  padding-top:233px}
.pt-3xl{
  padding-top:30px}
.pt-4{
  padding-top:16px}
.pt-52\.271\%{
  padding-top:52.271%}
.pt-56\.25\%{
  padding-top:56.25%}
.pt-6{
  padding-top:24px}
.pt-60px,.pt-6xl{
  padding-top:60px}
.pt-7{
  padding-top:28px}
.pt-9{
  padding-top:36px}
.text-center{
  text-align:center}
.text-left{
  text-align:left}
.text-right{
  text-align:right}
.indent-2em{
  text-indent:2em}
.align-middle{
  vertical-align:middle}
.text-10{
  font-size:40px}
.text-2\.5{
  font-size:10px}
.text-2\.75{
  font-size:11px}
.text-2xl{
  font-size:24px;
  line-height:32px}
.text-3{
  font-size:12px}
.text-3\.25{
  font-size:13px}
.text-3\.5{
  font-size:14px}
.text-3\.75{
  font-size:15px}
.text-3xl{
  font-size:30px;
  line-height:36px}
.text-4{
  font-size:16px}
.text-4\.5{
  font-size:18px}
.text-4xl{
  font-size:36px;
  line-height:40px}
.text-5{
  font-size:20px}
.text-6{
  font-size:24px}
.text-6\.5{
  font-size:26px}
.text-7{
  font-size:28px}
.text-7\.5{
  font-size:30px}
.text-8{
  font-size:32px}
.text-base{
  font-size:16px;
  line-height:24px}
.text-lg{
  font-size:18px;
  line-height:28px}
.text-sm{
  font-size:14px;
  line-height:20px}
.text-xl{
  font-size:20px;
  line-height:28px}
.text-xs{
  font-size:12px;
  line-height:16px}
.text-\[\#00a66e\]{
  --un-text-opacity:1;
  color:rgb(0 166 110 / var(--un-text-opacity))}
.text-\[\#252528\]{
  --un-text-opacity:1;
  color:rgb(37 37 40 / var(--un-text-opacity))}
.text-\[\#848b92\]{
  --un-text-opacity:1;
  color:rgb(132 139 146 / var(--un-text-opacity))}
.text-\[\#8a2be2\]{
  --un-text-opacity:1;
  color:rgb(138 43 226 / var(--un-text-opacity))}
.text-\[\#9B9C9E\],.text-gray{
  --un-text-opacity:1;
  color:rgb(155 156 158 / var(--un-text-opacity))}
.text-\[\#b58200\]{
  --un-text-opacity:1;
  color:rgb(181 130 0 / var(--un-text-opacity))}
.text-\[\#dc2626\]{
  --un-text-opacity:1;
  color:rgb(220 38 38 / var(--un-text-opacity))}
.text-\[\#f55e32\]{
  --un-text-opacity:1;
  color:rgb(245 94 50 / var(--un-text-opacity))}
.text-\#28b894,.text-\#28B894,.text-primary2{
  --un-text-opacity:1;
  color:rgb(40 184 148 / var(--un-text-opacity))}
.text-\#4C4F6B{
  --un-text-opacity:1;
  color:rgb(76 79 107 / var(--un-text-opacity))}
.text-\#B6B7C1{
  --un-text-opacity:1;
  color:rgb(182 183 193 / var(--un-text-opacity))}
.text-\#d1d5db{
  --un-text-opacity:1;
  color:rgb(209 213 219 / var(--un-text-opacity))}
.text-\#D2D3E0{
  --un-text-opacity:1;
  color:rgb(210 211 224 / var(--un-text-opacity))}
.text-\#d2d3e099,.text-\#D2D3E099{
  --un-text-opacity:.6;
  color:rgb(210 211 224 / var(--un-text-opacity))}
.text-\#EFEEEC\/60{
  color:#efeeec99}
.text-\#fff\/65{
  color:#ffffffa6}
.color-\#000,.text-black{
  --un-text-opacity:1;
  color:rgb(0 0 0 / var(--un-text-opacity))}
.text-black\/40{
  color:#0006}
.text-black\/45{
  color:#00000073}
.text-black\/60{
  color:#0009}
.text-black\/75{
  color:#000000bf}
.text-black\/85{
  color:#000000d9}
.text-black\/90{
  color:#000000e6}
.text-blue-500{
  --un-text-opacity:1;
  color:rgb(59 130 246 / var(--un-text-opacity))}
.text-green-400{
  --un-text-opacity:1;
  color:rgb(74 222 128 / var(--un-text-opacity))}
.text-orange-400{
  --un-text-opacity:1;
  color:rgb(251 146 60 / var(--un-text-opacity))}
.text-white{
  --un-text-opacity:1;
  color:rgb(255 255 255 / var(--un-text-opacity))}
.text-white\/60{
  color:#fff9}
.text-white\/70{
  color:#ffffffb3}
.text-white\/80{
  color:#fffc}
.text-white\/90{
  color:#ffffffe6}
.hover\:text-white:hover{
  --un-text-opacity:1;
  color:rgb(255 255 255 / var(--un-text-opacity))}
.color-\#00C0C7{
  --un-text-opacity:1;
  color:rgb(0 192 199 / var(--un-text-opacity))}
.font-400{
  font-weight:400}
.font-500,.font-medium{
  font-weight:500}
.font-600,.font-semibold{
  font-weight:600}
.font-700,.font-bold{
  font-weight:700}
.font-900{
  font-weight:900}
.leading-relaxed{
  line-height:1.625}
.leading-tight{
  line-height:1.25}
.-tracking-1{
  letter-spacing:-4px}
.tracking-widest{
  letter-spacing:.1em}
.font-mono{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}
.uppercase{
  text-transform:uppercase}
.line-through{
  text-decoration-line:line-through}
.underline{
  text-decoration-line:underline}
.no-underline{
  text-decoration:none}
.tab{
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4}
.text-shadow{
  --un-text-shadow:0 0 1px var(--un-text-shadow-color,rgb(0 0 0 / .2)),0 0 1px var(--un-text-shadow-color,rgb(1 0 5 / .1));
  text-shadow:var(--un-text-shadow)}
.opacity-0{
  opacity:0}
.hover\:opacity-75:hover{
  opacity:.75}
.hover\:opacity-85:hover{
  opacity:.85}
.hover\:opacity-88:hover{
  opacity:.88}
.hover\:opacity-90:hover{
  opacity:.9}
.disabled\:hover\:opacity-50:hover:disabled{
  opacity:.5}
.disabled\:opacity-40:disabled{
  opacity:.4}
.disabled\:opacity-50:disabled{
  opacity:.5}
.shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.1\)\]{
  --un-shadow:0 8px 32px var(--un-shadow-color,rgba(0,0,0,.1));
  box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}
.shadow-2xl{
  --un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color,rgb(0 0 0 / .25));
  box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}
.outline{
  outline-style:solid}
.backdrop-blur-sm{
  --un-backdrop-blur:blur(4px);
  -webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
  backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}
.blur{
  --un-blur:blur(8px);
  filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}
.grayscale{
  --un-grayscale:grayscale(1);
  filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}
.backdrop-filter{
  -webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
  backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}
.transition{
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s}
.transition-all{
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s}
.transition-colors{
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s}
.transition-opacity{
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s}
.duration-200{
  transition-duration:.2s}
.ease{
  transition-timing-function:cubic-bezier(.4,0,.2,1)}
.ease-out{
  transition-timing-function:cubic-bezier(0,0,.2,1)}
@media (max-width:1079.9px){
  .max-lg\:grid-cols-2{
  grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767.9px){
  .max-md\:grid-cols-1{
  grid-template-columns:repeat(1,minmax(0,1fr))}
}
@media (max-width:639.9px){
  .max-sm\:absolute{
  position:absolute}
.max-sm\:right-3{
  right:12px}
.max-sm\:top-0{
  top:0}
.max-sm\:top-3{
  top:12px}
.max-sm\:mx-0{
  margin-left:0;
  margin-right:0}
.max-sm\:my-3{
  margin-top:12px;
  margin-bottom:12px}
.max-sm\:mb-0{
  margin-bottom:0}
.max-sm\:mb-0\.5{
  margin-bottom:2px}
.max-sm\:mb-1{
  margin-bottom:4px}
.max-sm\:mb-2{
  margin-bottom:8px}
.max-sm\:mb-4{
  margin-bottom:16px}
.max-sm\:mb-6{
  margin-bottom:24px}
.max-sm\:mt-0{
  margin-top:0}
.max-sm\:mt-1{
  margin-top:4px}
.max-sm\:block{
  display:block}
.max-sm\:hidden{
  display:none}
.max-sm\:h-12{
  height:48px}
.max-sm\:h-13{
  height:52px}
.max-sm\:h-2{
  height:8px}
.max-sm\:h-24{
  height:96px}
.max-sm\:h-8{
  height:32px}
.max-sm\:max-w-full{
  max-width:100%}
.max-sm\:min-h-auto{
  min-height:auto}
.max-sm\:min-w-0{
  min-width:0}
.max-sm\:min-w-4\.5{
  min-width:18px}
.max-sm\:min-w-6{
  min-width:24px}
.max-sm\:w-13{
  width:52px}
.max-sm\:w-24{
  width:96px}
.max-sm\:w-full{
  width:100%}
.max-sm\:flex{
  display:flex}
.max-sm\:flex-none{
  flex:none}
.max-sm\:flex-shrink-0{
  flex-shrink:0}
.max-sm\:flex-row{
  flex-direction:row}
.max-sm\:flex-col{
  flex-direction:column}
.max-sm\:rotate-90{
  --un-rotate-x:0;
  --un-rotate-y:0;
  --un-rotate-z:0;
  --un-rotate:90deg;
  transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}
.max-sm\:items-start{
  align-items:flex-start}
.max-sm\:gap-1\.5{
  gap:6px}
.max-sm\:gap-2{
  gap:8px}
.max-sm\:gap-3{
  gap:12px}
.max-sm\:gap-4{
  gap:16px}
.max-sm\:rounded-3\.5{
  border-radius:14px}
.max-sm\:rounded-5{
  border-radius:20px}
.max-sm\:p-2{
  padding:8px}
.max-sm\:p-2\.5{
  padding:10px}
.max-sm\:p-3{
  padding:12px}
.max-sm\:p-4{
  padding:16px}
.max-sm\:px-0{
  padding-left:0;
  padding-right:0}
.max-sm\:px-2{
  padding-left:8px;
  padding-right:8px}
.max-sm\:px-2\.5{
  padding-left:10px;
  padding-right:10px}
.max-sm\:px-3{
  padding-left:12px;
  padding-right:12px}
.max-sm\:px-4{
  padding-left:16px;
  padding-right:16px}
.max-sm\:px-5{
  padding-left:20px;
  padding-right:20px}
.max-sm\:px-8{
  padding-left:32px;
  padding-right:32px}
.max-sm\:py-1{
  padding-top:4px;
  padding-bottom:4px}
.max-sm\:py-2\.5{
  padding-top:10px;
  padding-bottom:10px}
.max-sm\:py-3{
  padding-top:12px;
  padding-bottom:12px}
.max-sm\:py-3\.5{
  padding-top:14px;
  padding-bottom:14px}
.max-sm\:py-6{
  padding-top:24px;
  padding-bottom:24px}
.max-sm\:pb-0{
  padding-bottom:0}
.max-sm\:pb-3\.5{
  padding-bottom:14px}
.max-sm\:pb-5{
  padding-bottom:20px}
.max-sm\:pl-9{
  padding-left:36px}
.max-sm\:pt-6{
  padding-top:24px}
.max-sm\:text-center{
  text-align:center}
.max-sm\:text-left{
  text-align:left}
.max-sm\:text-2\.75{
  font-size:11px}
.max-sm\:text-3{
  font-size:12px}
.max-sm\:text-3\.25{
  font-size:13px}
.max-sm\:text-3\.5{
  font-size:14px}
.max-sm\:text-3\.75{
  font-size:15px}
.max-sm\:text-4{
  font-size:16px}
.max-sm\:text-5\.5{
  font-size:22px}
.max-sm\:text-7{
  font-size:28px}
}
@media (min-width:768px){
  .md\:-bottom-10{
  bottom:-40px}
.md\:-right-90px{
  right:-90px}
.md\:bottom-60px{
  bottom:60px}
.md\:right-80px{
  right:80px}
.md\:line-clamp-3{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3}
.md\:grid-cols-2{
  grid-template-columns:repeat(2,minmax(0,1fr))}
.md\:my-15{
  margin-top:60px;
  margin-bottom:60px}
.md\:-mt-80px{
  margin-top:-80px}
.md\:mb-10{
  margin-bottom:40px}
.md\:mb-10\!{
  margin-bottom:40px!important}
.md\:mb-12{
  margin-bottom:48px}
.md\:mb-15{
  margin-bottom:60px}
.md\:mb-2{
  margin-bottom:8px}
.md\:mb-3{
  margin-bottom:12px}
.md\:mb-4{
  margin-bottom:16px}
.md\:mb-6{
  margin-bottom:24px}
.md\:mb-8{
  margin-bottom:32px}
.md\:ml-3{
  margin-left:12px}
.md\:mr-200px{
  margin-right:200px}
.md\:mt-8{
  margin-top:32px}
.md\:block{
  display:block}
.md\:size-3{
  width:12px;
  height:12px}
.md\:size-40px{
  width:40px;
  height:40px}
.md\:h-96px{
  height:96px}
.md\:max-w-48\%{
  max-width:48%}
.md\:max-w-70\%{
  max-width:70%}
.md\:min-w-350px{
  min-width:350px}
.md\:flex{
  display:flex}
.md\:flex-row{
  flex-direction:row}
.md\:gap-10{
  gap:40px}
.md\:gap-2{
  gap:8px}
.md\:gap-20{
  gap:80px}
.md\:gap-3{
  gap:12px}
.md\:gap-4{
  gap:16px}
.md\:gap-6{
  gap:24px}
.md\:gap-7xl{
  gap:72px}
.md\:gap-8{
  gap:32px}
.md\:rounded-2{
  border-radius:8px}
.md\:rounded-md{
  border-radius:calc(var(--radius) - 2px)}
.md\:rounded-xl{
  border-radius:calc(var(--radius) + 4px)}
.md\:rounded-t-40px{
  border-top-left-radius:40px;
  border-top-right-radius:40px}
.md\:p-12{
  padding:48px}
.md\:p-3{
  padding:12px}
.md\:p-4{
  padding:16px}
.md\:p-8{
  padding:32px}
.md\:px-4{
  padding-left:16px;
  padding-right:16px}
.md\:py-15{
  padding-top:60px;
  padding-bottom:60px}
.md\:py-20{
  padding-top:80px;
  padding-bottom:80px}
.md\:py-4{
  padding-top:16px;
  padding-bottom:16px}
.md\:py-5{
  padding-top:20px;
  padding-bottom:20px}
.md\:pb-15{
  padding-bottom:60px}
.md\:pt-6xl{
  padding-top:60px}
.md\:pt-8{
  padding-top:32px}
.md\:text-2xl{
  font-size:24px;
  line-height:32px}
.md\:text-3xl{
  font-size:30px;
  line-height:36px}
.md\:text-4xl{
  font-size:36px;
  line-height:40px}
.md\:text-5xl{
  font-size:48px;
  line-height:1}
.md\:text-base{
  font-size:16px;
  line-height:24px}
.md\:text-lg{
  font-size:18px;
  line-height:28px}
.md\:text-sm{
  font-size:14px;
  line-height:20px}
.md\:leading-normal{
  line-height:1.5}
.md\:leading-tight{
  line-height:1.25}
}
@media (min-width:1080px){
  .lg\:-right-115px{
  right:-115px}
.lg\:bottom-80px{
  bottom:80px}
.lg\:row-span-2{
  grid-row:span 2/span 2}
.lg\:grid-cols-\[1fr_420px\]{
  grid-template-columns:1fr 420px}
.lg\:grid-cols-2{
  grid-template-columns:repeat(2,minmax(0,1fr))}
.lg\:my-20{
  margin-top:80px;
  margin-bottom:80px}
.lg\:mb-10{
  margin-bottom:40px}
.lg\:mb-12{
  margin-bottom:48px}
.lg\:mb-16{
  margin-bottom:64px}
.lg\:mb-20{
  margin-bottom:80px}
.lg\:mb-4{
  margin-bottom:16px}
.lg\:ml-5{
  margin-left:20px}
.lg\:mt-10{
  margin-top:40px}
.lg\:block{
  display:block}
.lg\:size-48px{
  width:48px;
  height:48px}
.lg\:h-112px{
  height:112px}
.lg\:h-559px{
  height:559px}
.lg\:min-w-412px{
  min-width:412px}
.lg\:w-550px{
  width:550px}
.lg\:flex{
  display:flex}
.lg\:gap-10{
  gap:40px}
.lg\:gap-4{
  gap:16px}
.lg\:gap-6{
  gap:24px}
.lg\:gap-8{
  gap:32px}
.lg\:rounded-lg{
  border-radius:var(--radius)}
.lg\:rounded-t-60px{
  border-top-left-radius:60px;
  border-top-right-radius:60px}
.lg\:p-10{
  padding:40px}
.lg\:p-16{
  padding:64px}
.lg\:p-6{
  padding:24px}
.lg\:px-6{
  padding-left:24px;
  padding-right:24px}
.lg\:py-20{
  padding-top:80px;
  padding-bottom:80px}
.lg\:py-5{
  padding-top:20px;
  padding-bottom:20px}
.lg\:py-6{
  padding-top:24px;
  padding-bottom:24px}
.lg\:pb-20{
  padding-bottom:80px}
.lg\:pt-10{
  padding-top:40px}
.lg\:text-3xl{
  font-size:30px;
  line-height:36px}
.lg\:text-4xl{
  font-size:36px;
  line-height:40px}
.lg\:text-5xl{
  font-size:48px;
  line-height:1}
.lg\:text-6xl{
  font-size:60px;
  line-height:1}
.lg\:text-base{
  font-size:16px;
  line-height:24px}
.lg\:text-lg{
  font-size:18px;
  line-height:28px}
.lg\:text-xl{
  font-size:20px;
  line-height:28px}
.lg\:leading-normal{
  line-height:1.5}
.lg\:leading-relaxed{
  line-height:1.625}
}
@media (min-width:1200px){
  .xl\:-top-559px{
  top:-559px}
.xl\:right-200px{
  right:200px}
.xl\:grid-cols-3{
  grid-template-columns:repeat(3,minmax(0,1fr))}
.xl\:-mt-150px{
  margin-top:-150px}
.xl\:block{
  display:block}
.xl\:gap-10{
  gap:40px}
.xl\:rounded-t-80px{
  border-top-left-radius:80px;
  border-top-right-radius:80px}
.xl\:p-20{
  padding:80px}
.xl\:text-2xl{
  font-size:24px;
  line-height:32px}
.xl\:text-4xl{
  font-size:36px;
  line-height:40px}
.xl\:text-5xl{
  font-size:48px;
  line-height:1}
.xl\:text-6xl{
  font-size:60px;
  line-height:1}
.xl\:text-7xl{
  font-size:72px;
  line-height:1}
.xl\:text-xl{
  font-size:20px;
  line-height:28px}
.xl\:leading-loose{
  line-height:2}
.xl\:leading-relaxed{
  line-height:1.625}
}
.dialogModel-iframe{
  border:none;
  border-radius:8px;
  height:100%;
  margin:0;
  width:100%}
.dialogModel .t-dialog{
  border:0}
.dialogModel .t-dialog__header{
  display:none}
.dialogModel .t-dialog__body{
  height:100%;
  width:100%;
  padding:0;
  overflow:hidden;
  position:relative}
.dialogModel .t-dialog--default{
  padding:0}
.dialogModel .switch{
  position:absolute;
  right:0;
  top:0}
.dialogModel .switch:after{
  content:"";
  position:absolute;
  transform:translate(-2px,28px) rotate(-135deg);
  width:0px;
  height:0px;
  top:0;
  right:0;
  border-left:51px solid transparent;
  border-right:51px solid transparent;
  border-bottom:51px solid white;
  z-index:99}
.dialogModel .switch-container{
  background:linear-gradient(90deg,#ae59ec,#535aed);
  border-top-right-radius:12px;
  height:72px;
  position:absolute;
  right:-1px;
  top:-1px;
  width:72px;
  z-index:2;
  cursor:pointer}
.dialogModel .switch-container>img{
  width:40px;
  height:72px;
  left:23px;
  position:relative;
  top:0}
.login-button{
  border:0;
  height:32px;
  width:88px;
  font-size:14px}
.login-button--black{
  background:#9197ca33!important;
  border:2px solid rgba(255,255,255,.3)!important;
  color:#000000e6!important}
.login-button--white{
  background-color:#fff3!important;
  border:2px solid rgba(255,255,255,.3)!important;
  color:#fff!important}
.login-button-mobile{
  border:none!important;
  border-radius:8px;
  color:#fff;
  border:0;
  height:28px;
  width:68px}
.userinfo{
  align-items:center;
  background:#efeff5;
  border-radius:8px;
  cursor:pointer;
  box-sizing:border-box;
  display:flex;
  gap:8px;
  line-height:22px;
  padding:6px;
  font-size:14px;
  font-weight:400}
.userinfo>span{
  max-width:150px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap}
.userinfo>img{
  border-radius:50%;
  height:20px;
  width:20px}
.mobile-avatar{
  border-radius:50%;
  height:28px;
  width:28px}
.custom-dialog-overlay{
  position:fixed;
  inset:0;
  background:#00000080;
  z-index:1200;
  display:flex;
  align-items:center;
  justify-content:center}
.custom-dialog{
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  border-radius:8px;
  box-shadow:0 8px 32px #0000001f;
  z-index:1201;
  overflow:hidden}
.login-dialog-mobile{
  width:95vw;
  height:520px}
.login-dialog-desktop{
  width:420px;
  height:520px}
.dialogModel-loading{
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  border-radius:9px;
  inset:0}
.workbuddy-page{
  min-height:100vh;
  background:#000;
  color:#fff;
  overflow-x:hidden;
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}
.work-activity-banner{
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  width:100%;
  z-index:99}
.work-activity-banner .work-activity-banner-link{
  display:block;
  width:100%;
  line-height:0}
.work-activity-banner .work-activity-banner-img{
  width:100%;
  height:auto;
  display:block;
  object-fit:cover}
.work-activity-banner .work-activity-banner-close{
  position:absolute;
  right:24px;
  top:50%;
  transform:translateY(-50%);
  cursor:pointer}
.channel-popup-overlay .t-popup__content{
  background:#fffffff2;
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
  border-radius:12px;
  padding:16px;
  box-shadow:0 8px 32px #00000026}
.channel-popup-overlay .t-popup__arrow{
  color:#fffffff2}
.hero-section{
  position:relative;
  padding-top:100px;
  overflow:hidden}
@media (max-width:1440px){
  .hero-section{
  padding-top:120px}
}
@media (max-width:1200px){
  .hero-section{
  padding-top:120px}
}
@media (max-width:768px){
  .hero-section{
  padding-top:108px;
  min-height:auto}
}
.hero-section .hero-container{
  position:relative;
  max-width:1920px;
  width:100%;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  z-index:2;
  overflow:hidden}
@media (max-width:1200px){
  .hero-section .hero-container{
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:30px}
}
@media (max-width:768px){
  .hero-section .hero-container{
  gap:20px;
  padding:0 20px}
}
.hero-section .hero-content{
  max-width:800px;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:30px;
  position:relative;
  z-index:3;
  flex-shrink:1}
@media (max-width:1200px){
  .hero-section .hero-content{
  gap:24px;
  max-width:100%}
}
@media (max-width:768px){
  .hero-section .hero-content{
  order:1;
  gap:16px}
}
.hero-section .hero-text-wrapper{
  display:flex;
  flex-direction:column;
  gap:20px;
  min-width:0}
@media (max-width:768px){
  .hero-section .hero-text-wrapper{
  gap:12px}
}
.hero-section .hero-subtitle-en{
  font-family:Alimama FangYuanTi VF,sans-serif;
  font-weight:300;
  font-size:clamp(16px,2vw,30px);
  line-height:2.67;
  color:#fff;
  white-space:nowrap}
@media (max-width:768px){
  .hero-section .hero-subtitle-en{
  font-size:14px;
  line-height:1.4}
}
.hero-section .hero-title{
  font-family:Alimama ShuHeiTi,sans-serif;
  font-weight:700;
  font-size:clamp(20px,4.2vw,80px);
  line-height:1.1;
  color:#fff;
  white-space:nowrap}
@media (max-width:768px){
  .hero-section .hero-title{
  font-size:28px;
  white-space:normal}
}
.hero-section .hero-description{
  font-family:Alimama FangYuanTi VF,sans-serif;
  font-weight:500;
  font-size:clamp(12px,1.1vw,20px);
  line-height:2;
  color:#fff;
  max-width:900px;
  white-space:nowrap}
.hero-section .hero-description p{
  margin:0}
.hero-section .hero-description .hero-features-line{
  color:#fff}
.hero-section .hero-description .hero-features-line .feature-keyword{
  color:#28b894}
@media (max-width:1200px){
  .hero-section .hero-description{
  max-width:100%}
}
@media (max-width:768px){
  .hero-section .hero-description{
  font-size:13px;
  line-height:1.8;
  white-space:normal}
}
.hero-section .hero-cta{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:42px;
  margin-bottom:24px;
  position:relative;
  z-index:5}
@media (max-width:1200px){
  .hero-section .hero-cta{
  justify-content:center;
  margin-top:28px;
  margin-bottom:20px}
}
@media (max-width:768px){
  .hero-section .hero-cta{
  flex-direction:column;
  align-items:stretch;
  gap:10px;
  margin-top:16px;
  margin-bottom:12px}
}
.hero-section .hero-channel-entries{
  display:flex;
  align-items:stretch;
  gap:10px;
  margin-bottom:24px}
@media (max-width:1200px){
  .hero-section .hero-channel-entries{
  justify-content:center;
  flex-wrap:wrap}
}
@media (max-width:768px){
  .hero-section .hero-channel-entries{
  margin-bottom:24px;
  width:100%;
  justify-content:space-between;
  gap:6px;
  flex-wrap:nowrap}
}
.hero-section .channel-entry-item{
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border-radius:4px;
  transition:all .2s ease 0s}
html.performance-high .hero-section .channel-entry-item,html.performance-medium .hero-section .channel-entry-item{
  transition:all .2s ease 0s}
html.performance-low .hero-section .channel-entry-item{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .hero-section .channel-entry-item{
  transition:none}
}
.hero-section .channel-entry-item:hover{
  opacity:.8;
  transform:translateY(-1px)}
@media (max-width:768px){
  .hero-section .channel-entry-item{
  flex:1 1 0;
  width:auto;
  min-width:0}
}
.hero-section .channel-entry-card{
  width:100%;
  height:auto;
  object-fit:contain}
.hero-section .channel-entry-card-container{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ffffff1a;
  border-radius:4px;
  aspect-ratio:251 / 72;
  width:100%;
  box-sizing:border-box}
@media (max-width:768px){
  .hero-section .channel-entry-card-container{
  aspect-ratio:251 / 72}
}
.hero-section .channel-icon-only{
  height:24px;
  max-height:24px;
  object-fit:contain}
@media (max-width:768px){
  .hero-section .channel-icon-only{
  width:24px;
  height:24px;
  max-width:24px;
  max-height:24px}
}
.hero-section .channel-popover-content{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  min-width:180px}
.hero-section .channel-popover-text{
  margin:0;
  font-size:14px;
  font-weight:500;
  color:#1d2020;
  text-align:center;
  white-space:nowrap}
.hero-section .channel-popover-qrcode{
  width:160px;
  height:160px;
  border-radius:8px;
  object-fit:contain}
.hero-section .download-button-wrapper{
  position:relative;
  font-size:0;
  z-index:10}
@media (max-width:768px){
  .hero-section .download-button-wrapper{
  width:100%}
}
.hero-section .download-button{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  height:48px;
  background:transparent;
  border:1px solid #28B894;
  border-radius:4px;
  color:#28b894;
  font-family:Alimama ShuHeiTi,sans-serif;
  font-weight:700;
  font-size:clamp(14px,2.5vw,18px);
  line-height:1;
  letter-spacing:.06em;
  cursor:pointer;
  white-space:nowrap;
  transition:all .2s ease 0s}
html.performance-high .hero-section .download-button,html.performance-medium .hero-section .download-button{
  transition:all .2s ease 0s}
html.performance-low .hero-section .download-button{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .hero-section .download-button{
  transition:none}
}
.hero-section .download-button:hover{
  background:#28b8941a}
@media (max-width:768px){
  .hero-section .download-button{
  font-size:clamp(12px,2.2vw,16px);
  height:auto;
  padding:8px 16px;
  line-height:clamp(24px,4.4vw,32px);
  letter-spacing:clamp(.6px,.12vw,.9px)}
}
@media (max-width:480px){
  .hero-section .download-button{
  font-size:clamp(10px,2.8vw,14px);
  line-height:clamp(20px,5.6vw,28px);
  letter-spacing:clamp(.4px,.1vw,.7px)}
}
.hero-section .download-dropdown{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  min-width:calc(100% + 24px);
  background:#efeeec14;
  border-radius:4px;
  overflow:hidden;
  z-index:100;
  padding:4px 0;
  -webkit-backdrop-filter:none;
  backdrop-filter:none}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  html.performance-high .hero-section .download-dropdown{
  -webkit-backdrop-filter:blur(40px);
  backdrop-filter:blur(40px)}
}
@media (prefers-reduced-motion:reduce){
  .hero-section .download-dropdown{
  -webkit-backdrop-filter:none;
  backdrop-filter:none}
}
@media (max-width:768px){
  .hero-section .download-dropdown{
  position:relative;
  top:8px;
  min-width:100%;
  margin-bottom:16px}
}
.hero-section .download-dropdown .dropdown-item{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  padding:8px 12px;
  font-family:Alimama ShuHeiTi,sans-serif;
  font-weight:700;
  font-size:13px;
  line-height:1.38;
  cursor:pointer;
  white-space:nowrap}
@media (max-width:768px){
  .hero-section .download-dropdown .dropdown-item{
  padding:12px 16px;
  font-size:14px}
}
.hero-section .download-dropdown .dropdown-item .arch-name{
  color:#fff;
  transition:color .2s ease 0s}
html.performance-high .hero-section .download-dropdown .dropdown-item .arch-name,html.performance-medium .hero-section .download-dropdown .dropdown-item .arch-name{
  transition:color .2s ease 0s}
html.performance-low .hero-section .download-dropdown .dropdown-item .arch-name{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .hero-section .download-dropdown .dropdown-item .arch-name{
  transition:none}
}
.hero-section .download-dropdown .dropdown-item .current-device{
  color:#7d8fff;
  font-size:12px;
  margin-left:8px}
.hero-section .download-dropdown .dropdown-item .arrow-icon{
  display:flex;
  align-items:center;
  margin-left:auto;
  opacity:0;
  transition:opacity .2s ease 0s}
html.performance-high .hero-section .download-dropdown .dropdown-item .arrow-icon,html.performance-medium .hero-section .download-dropdown .dropdown-item .arrow-icon{
  transition:opacity .2s ease 0s}
html.performance-low .hero-section .download-dropdown .dropdown-item .arrow-icon{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .hero-section .download-dropdown .dropdown-item .arrow-icon{
  transition:none}
}
.hero-section .download-dropdown .dropdown-item .arrow-icon svg{
  width:16px;
  height:16px}
@media (max-width:768px){
  .hero-section .download-dropdown .dropdown-item .arrow-icon{
  opacity:1}
}
.hero-section .download-dropdown .dropdown-item:hover .arch-name{
  color:#28b894}
.hero-section .download-dropdown .dropdown-item:hover .arrow-icon{
  opacity:1}
@media (max-width:768px){
  .hero-section .download-dropdown .dropdown-item:active{
  background:#28b89429}
.hero-section .download-dropdown .dropdown-item:active .arch-name{
  color:#28b894}
}
.hero-section .download-dropdown .dropdown-item.loading{
  pointer-events:none;
  opacity:.7}
.hero-section .download-dropdown .dropdown-item.loading .arrow-icon{
  opacity:1}
.hero-section .download-dropdown .download-spinner{
  color:#28b894}
.hero-section .hero-right{
  display:flex;
  align-items:center;
  gap:20px;
  flex-shrink:1;
  min-width:0;
  max-width:100%;
  position:relative;
  z-index:2}
@media (max-width:1600px){
  .hero-section .hero-right{
  flex-direction:column;
  gap:30px}
}
@media (max-width:1200px){
  .hero-section .hero-right{
  flex-direction:row;
  gap:20px}
}
@media (max-width:768px){
  .hero-section .hero-right{
  flex-direction:column;
  gap:16px;
  order:2}
}
.hero-section .hero-mascot{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:1;
  min-width:0;
  z-index:2;
  overflow:hidden}
.hero-section .hero-mascot img{
  width:clamp(320px,36vw,603px);
  max-width:100%;
  height:auto;
  object-fit:contain}
@media (max-width:1600px){
  .hero-section .hero-mascot img{
  width:clamp(300px,42vw,540px)}
}
@media (max-width:1200px){
  .hero-section .hero-mascot img{
  width:clamp(240px,42vw,480px)}
}
@media (max-width:768px){
  .hero-section .hero-mascot img{
  width:clamp(140px,36vw,240px)}
}
.hero-section .hero-video{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:1;
  min-width:0;
  max-width:100%;
  z-index:2}
.hero-section .hero-video>*{
  max-width:100%}
@media (max-width:768px){
  .hero-section .hero-video{
  order:2}
}
.highlights-section{
  position:relative;
  margin-top:0}
@media (max-width:1600px){
  .highlights-section{
  margin-top:80px}
}
@media (max-width:1200px){
  .highlights-section{
  margin-top:0;
  padding-bottom:60px}
}
@media (max-width:768px){
  .highlights-section{
  padding-bottom:30px}
}
.highlights-section .hero-container{
  max-width:1920px;
  width:100%;
  margin:0 auto}
.highlights-section .hero-container .highlights-content-wrapper{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:40px;
  padding:80px 80px 0;
  background:#191a23;
  border-radius:80px 80px 0 0}
@media (max-width:1200px){
  .highlights-section .hero-container .highlights-content-wrapper{
  padding:60px 60px 0;
  gap:30px}
}
@media (max-width:768px){
  .highlights-section .hero-container .highlights-content-wrapper{
  padding:24px 20px 0;
  gap:20px}
}
.highlights-section .hero-container .highlights-content-wrapper .highlights-bg{
  position:absolute;
  inset:0 0 28px;
  background:#191a23;
  border-radius:80px 80px 0 0;
  z-index:1}
@media (max-width:1200px){
  .highlights-section .hero-container .highlights-content-wrapper .highlights-bg{
  bottom:-60px;
  top:0;
  border-radius:60px 60px 0 0}
}
@media (max-width:768px){
  .highlights-section .hero-container .highlights-content-wrapper .highlights-bg{
  bottom:-30px;
  border-radius:24px 24px 0 0}
}
.highlights-section .highlights-container{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:40px;
  overflow:hidden;
  max-width:100%}
@media (max-width:1370px){
  .highlights-section .highlights-container{
  flex-direction:column;
  align-items:center;
  gap:24px}
}
@media (max-width:768px){
  .highlights-section .highlights-container{
  gap:16px}
}
.highlights-section .screenshots-container{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:flex-start;
  align-items:flex-end;
  gap:0;
  width:100%}
@media (max-width:1200px){
  .highlights-section .screenshots-container{
  flex-direction:column;
  align-items:center;
  gap:40px}
}
@media (max-width:768px){
  .highlights-section .screenshots-container{
  gap:20px}
}
.highlights-section .highlights-left{
  display:flex;
  flex-direction:column;
  gap:20px;
  flex-shrink:1;
  min-width:0}
.highlights-section .highlights-left .codebuddy-logo{
  width:158px;
  height:auto}
@media (max-width:768px){
  .highlights-section .highlights-left .codebuddy-logo{
  width:100px}
}
.highlights-section .highlights-left .video-controls{
  width:181px;
  height:auto}
@media (max-width:1200px){
  .highlights-section .highlights-left{
  align-items:center}
}
.highlights-section .highlights-content{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:12px;
  flex-shrink:1;
  min-width:0;
  max-width:100%}
@media (max-width:1200px){
  .highlights-section .highlights-content{
  align-items:center;
  text-align:center}
}
@media (max-width:768px){
  .highlights-section .highlights-content{
  gap:8px}
}
.highlights-section .highlight-item .highlight-label{
  font-family:Alimama ShuHeiTi,sans-serif;
  font-weight:700;
  font-size:clamp(12px,1.6vw,30px);
  line-height:1;
  color:#d2d3e0;
  white-space:nowrap}
.highlights-section .highlight-main h2{
  font-family:Alimama ShuHeiTi,sans-serif;
  font-weight:700;
  font-size:clamp(20px,4.2vw,80px);
  line-height:1;
  color:#28b894;
  white-space:nowrap}
.highlights-section .highlight-features{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:0}
@media (max-width:1200px){
  .highlights-section .highlight-features{
  align-items:center}
}
.highlights-section .highlight-features p{
  font-family:Alimama ShuHeiTi,sans-serif;
  font-weight:700;
  font-size:clamp(16px,3.2vw,60px);
  line-height:1.33;
  color:#d2d3e0;
  white-space:nowrap}
.highlights-section .screenshots-wrapper{
  flex:1;
  min-width:0;
  position:relative;
  z-index:1;
  overflow:visible;
  width:100%}
@media (max-width:1200px){
  .highlights-section .screenshots-wrapper{
  width:100%;
  flex:none}
}
.highlights-section .screenshots-wrapper .video-background{
  width:100%;
  height:auto;
  aspect-ratio:16 / 9;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0a0a0a;
  border-radius:12px;
  box-shadow:0 8px 32px #0000004d;
  overflow:hidden;
  padding:12px}
@media (max-width:1200px){
  .highlights-section .screenshots-wrapper .video-background{
  padding:10px}
}
@media (max-width:768px){
  .highlights-section .screenshots-wrapper .video-background{
  padding:6px;
  box-shadow:0 4px 16px #00000040;
  margin-bottom:-20px;
  margin-left:-20px;
  margin-right:-20px;
  width:calc(100% + 40px);
  border-radius:0}
}
.highlights-section .screenshots-wrapper .highlights-screenshot{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  background:#0a0a0a;
  border-radius:6px}
.highlights-section .highlights-mascot{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  flex-shrink:1;
  max-width:280px}
.highlights-section .highlights-mascot .mascot-text{
  display:flex;
  flex-direction:column;
  font-family:Alimama ShuHeiTi,sans-serif;
  font-weight:700;
  font-size:clamp(40px,5vw,80px);
  line-height:1.2;
  background:radial-gradient(145.08% 141.51% at 50.03% 44.75%,#ffffff12,#d2d3e01a);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-align:left}
@media (max-width:768px){
  .highlights-section .highlights-mascot .mascot-text{
  font-size:32px;
  flex-direction:row;
  gap:8px}
}
.highlights-section .highlights-mascot .mascot-image{
  width:clamp(200px,22vw,380px);
  height:auto;
  margin-top:-30px;
  margin-left:-100px;
  position:relative;
  z-index:3}
@media (max-width:768px){
  .highlights-section .highlights-mascot .mascot-image{
  width:140px;
  margin-top:-15px;
  margin-left:-30px}
}
@media (max-width:1200px){
  .highlights-section .highlights-mascot{
  align-items:center;
  margin-top:40px}
.highlights-section .highlights-mascot .mascot-text{
  text-align:center}
.highlights-section .highlights-mascot .mascot-image{
  margin-left:0}
}
@media (max-width:768px){
  .highlights-section .highlights-mascot{
  flex-direction:row;
  align-items:center;
  justify-content:center;
  margin-top:10px;
  max-width:100%;
  gap:0}
.highlights-section .highlights-mascot .mascot-text{
  order:2}
.highlights-section .highlights-mascot .mascot-image{
  order:1;
  margin-top:0;
  margin-left:0;
  margin-right:-15px}
}
.scenario-features-section{
  margin-top:100px;
  padding-bottom:100px}
@media (max-width:1440px){
  .scenario-features-section{
  margin-top:80px;
  padding-bottom:80px}
}
@media (max-width:1200px){
  .scenario-features-section{
  margin-top:60px;
  padding-bottom:60px}
}
@media (max-width:768px){
  .scenario-features-section{
  margin-top:40px;
  padding-bottom:40px}
}
.scenario-features-section .section-container{
  max-width:1760px;
  margin:0 auto}
.scenario-features-section .section-header{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:20px;
  margin-bottom:60px}
@media (max-width:768px){
  .scenario-features-section .section-header{
  margin-bottom:40px}
}
.scenario-features-section .section-title{
  font-family:Alimama ShuHeiTi,sans-serif;
  font-weight:700;
  font-size:clamp(20px,4.2vw,80px);
  line-height:1;
  color:#fff;
  white-space:nowrap}
.scenario-features-section .section-subtitle{
  font-family:Alimama FangYuanTi VF,sans-serif;
  font-weight:500;
  font-size:clamp(12px,1.1vw,20px);
  line-height:2;
  color:#fff}
.scenario-features-section .features-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px}
@media (max-width:1200px){
  .scenario-features-section .features-grid{
  grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .scenario-features-section .features-grid{
  grid-template-columns:1fr;
  gap:24px}
}
.scenario-features-section .feature-card{
  background:#191a23;
  border-radius:20px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:30px;
  padding:40px;
  border:1px solid rgba(239,238,236,.08);
  transition:all .3s ease 0s}
html.performance-high .scenario-features-section .feature-card{
  transition:all .3s ease 0s}
html.performance-medium .scenario-features-section .feature-card{
  transition:all .2s ease 0s}
html.performance-low .scenario-features-section .feature-card{
  transition:none}
@media (prefers-reduced-motion:reduce){
  .scenario-features-section .feature-card{
  transition:none}
}
.scenario-features-section .feature-card:hover{
  border-color:#32e6b94d;
  transform:translateY(-4px)}
@media (max-width:768px){
  .scenario-features-section .feature-card{
  padding:16px;
  gap:16px}
}
.scenario-features-section .feature-card .card-image{
  width:100%;
  border-radius:12px;
  overflow:hidden;
  background:#0e0e0e;
  border:1px solid rgba(239,238,236,.08)}
.scenario-features-section .feature-card .card-image img{
  width:100%;
  height:auto;
  display:block}
.scenario-features-section .feature-card .card-content{
  display:flex;
  flex-direction:column;
  gap:16px}
.scenario-features-section .feature-card .card-title{
  font-family:Alimama ShuHeiTi,sans-serif;
  font-weight:700;
  font-size:clamp(14px,1.8vw,34px);
  line-height:1.3;
  color:#efeeec}
.scenario-features-section .feature-card .card-info{
  display:flex;
  flex-direction:column;
  gap:12px}
.scenario-features-section .feature-card .card-info .label{
  color:#efeeec;
  font-weight:700;
  opacity:.85}
.scenario-features-section .feature-card .card-info p,.scenario-features-section .feature-card .card-info .card-tasks{
  font-family:Alimama FangYuanTi VF,sans-serif;
  font-weight:500;
  font-size:clamp(12px,.9vw,16px);
  line-height:1.7;
  color:#efeeec;
  opacity:.65}
.scenario-features-section .feature-card .card-info .card-tasks .label{
  display:block;
  margin-bottom:8px}
.scenario-features-section .feature-card .card-info .card-tasks ul{
  margin:0;
  padding-left:18px}
.scenario-features-section .feature-card .card-info .card-tasks ul li{
  margin-bottom:6px;
  line-height:1.6}
.scenario-features-section .feature-card .card-info .card-tasks ul li:last-child{
  margin-bottom:0}
.scenario-features-section .coming-soon{
  margin-top:40px;
  padding:40px;
  background:#191a23;
  border:1px solid rgba(239,238,236,.08);
  border-radius:16px;
  text-align:center}
@media (max-width:1440px){
  .scenario-features-section .coming-soon{
  margin-top:30px;
  padding:30px}
}
@media (max-width:1200px){
  .scenario-features-section .coming-soon{
  margin-top:24px;
  padding:24px}
}
@media (max-width:768px){
  .scenario-features-section .coming-soon{
  margin-top:16px;
  padding:16px;
  border-radius:12px}
}
.scenario-features-section .coming-soon span{
  font-family:Alimama ShuHeiTi,sans-serif;
  font-weight:700;
  font-size:clamp(12px,1.1vw,20px);
  line-height:1.6;
  color:#efeeec;
  opacity:.7}
.workbuddy-install-page{
  min-height:100vh;
  background:#000;
  color:#fff;
  display:flex;
  flex-direction:column}
.workbuddy-install-content{
  height:calc(100vh - 80px);
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px}
.workbuddy-install-card{
  width:min(760px,100%);
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:#13131b;
  padding:32px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:20px;
  text-align:center}
.workbuddy-install-desc{
  margin:0;
  color:#efeeecd9;
  font-size:22px;
  line-height:1.6}
.workbuddy-install-dot{
  color:#28b894;
  font-size:16px}
.workbuddy-install-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:center}
@media (max-width:768px){
  .workbuddy-install-card{
  padding:20px}
.workbuddy-install-desc{
  font-size:18px}
}
.workbuddy-wechat-guide{
  position:fixed;
  inset:0;
  z-index:9999;
  background:#000000d9;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:20px;
  animation:workbuddy-wechat-guide-fadein .3s ease}
@keyframes workbuddy-wechat-guide-fadein{
  0%{
  opacity:0}
to{
  opacity:1}
}
.workbuddy-wechat-guide-arrow{
  position:absolute;
  top:8px;
  right:24px;
  animation:workbuddy-wechat-guide-arrow-bounce 1.2s ease infinite}
@keyframes workbuddy-wechat-guide-arrow-bounce{
  0%,to{
  transform:translateY(0)}
50%{
  transform:translateY(-8px)}
}
.workbuddy-wechat-guide-content{
  margin-top:96px;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  max-width:320px;
  text-align:center}
.workbuddy-wechat-guide-title{
  font-size:20px;
  font-weight:700;
  color:#fff;
  line-height:1.5}
.workbuddy-wechat-guide-dots{
  display:inline-block;
  background:#fff3;
  padding:0 8px;
  border-radius:4px;
  letter-spacing:2px;
  font-weight:900}
.workbuddy-wechat-guide-subtitle{
  font-size:18px;
  font-weight:600;
  color:#fff;
  margin-top:12px;
  line-height:1.6}
.workbuddy-wechat-guide-subtitle strong{
  color:#60d4a0}
.workbuddy-wechat-guide-tip{
  margin-top:16px;
  font-size:13px;
  color:#ffffffa6;
  line-height:1.6}
.workbuddy-mobile-block{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  width:100%}
.workbuddy-mobile-block-tip{
  margin:0;
  font-size:14px;
  color:#efeeecb3;
  line-height:1.7;
  text-align:center}