tdesign-react 1.15.4 → 1.15.5-alpha.1

package/dist/tdesign.css

@@ -27,8 +27,8 @@
   background-color: var(--td-scrollbar-hover-color);
 }
 .t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
+  -webkit-transition: d 0.1s;
+  transition: d 0.1s;
   stroke: currentcolor;
 }
 .t-fake-arrow--active path {
@@ -36,8 +36,8 @@
 }
 .t-slide-down-enter-active,
 .t-slide-down-leave-active {
-  -webkit-transition: height 0.2s cubic-bezier(0.38, 0, 0.24, 1), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: height 0.2s cubic-bezier(0.38, 0, 0.24, 1), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: height 0.1s cubic-bezier(0.38, 0, 0.24, 1), max-height 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: height 0.1s cubic-bezier(0.38, 0, 0.24, 1), max-height 0.1s cubic-bezier(0.38, 0, 0.24, 1);
 }
 
 :root,
@@ -489,8 +489,8 @@
 }
 .t-layout__sider {
   position: relative;
-  -webkit-transition: all 0.2s;
-  transition: all 0.2s;
+  -webkit-transition: all 0.1s;
+  transition: all 0.1s;
   background: var(--td-bg-color-container);
   width: 232px;
 }
@@ -2888,20 +2888,20 @@
           transform: none;
 }
 .t-popup--animation-enter-active {
-  -webkit-transition: opacity 0.2s linear;
-  transition: opacity 0.2s linear;
+  -webkit-transition: opacity 0.1s linear;
+  transition: opacity 0.1s linear;
 }
 .t-popup--animation-leave-active {
-  -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9);
-  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+  -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 0.15, 1), visibility 0.1s cubic-bezier(0.82, 0, 1, 0.9);
+  transition: opacity 0.1s cubic-bezier(0, 0, 0.15, 1), visibility 0.1s cubic-bezier(0.82, 0, 1, 0.9);
 }
 .t-popup--animation-expand-enter-active[data-popper-placement^=top] {
-  -webkit-animation: t-popup-animation-expand-in-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
-          animation: t-popup-animation-expand-in-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
+  -webkit-animation: t-popup-animation-expand-in-top 0.1s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.1s linear;
+          animation: t-popup-animation-expand-in-top 0.1s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.1s linear;
 }
 .t-popup--animation-expand-leave-active[data-popper-placement^=top] {
-  -webkit-animation: t-popup-animation-expand-out-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
-          animation: t-popup-animation-expand-out-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
+  -webkit-animation: t-popup-animation-expand-out-top 0.1s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.1s cubic-bezier(0, 0, 0.15, 1);
+          animation: t-popup-animation-expand-out-top 0.1s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.1s cubic-bezier(0, 0, 0.15, 1);
 }
 @-webkit-keyframes t-popup-animation-expand-in-top {
   0% {
@@ -2944,12 +2944,12 @@
   }
 }
 .t-popup--animation-expand-enter-active[data-popper-placement^=bottom] {
-  -webkit-animation: t-popup-animation-expand-in-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
-          animation: t-popup-animation-expand-in-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
+  -webkit-animation: t-popup-animation-expand-in-bottom 0.1s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.1s linear;
+          animation: t-popup-animation-expand-in-bottom 0.1s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.1s linear;
 }
 .t-popup--animation-expand-leave-active[data-popper-placement^=bottom] {
-  -webkit-animation: t-popup-animation-expand-out-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
-          animation: t-popup-animation-expand-out-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
+  -webkit-animation: t-popup-animation-expand-out-bottom 0.1s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.1s cubic-bezier(0, 0, 0.15, 1);
+          animation: t-popup-animation-expand-out-bottom 0.1s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.1s cubic-bezier(0, 0, 0.15, 1);
 }
 @-webkit-keyframes t-popup-animation-expand-in-bottom {
   0% {
@@ -3022,8 +3022,8 @@
   vertical-align: middle;
   white-space: nowrap;
   border-radius: var(--td-radius-default);
-  -webkit-transition: all 0.2s linear;
-  transition: all 0.2s linear;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
   -ms-touch-action: manipulation;
       touch-action: manipulation;
   text-decoration: none;
@@ -4408,10 +4408,10 @@
   width: 100%;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  -webkit-transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
-  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
-  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
-  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  -webkit-transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.1s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.1s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
+  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.1s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.1s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
+  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.1s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.1s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
+  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.1s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.1s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.1s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -4431,10 +4431,10 @@
 }
 .t-input--borderless:not(.t-input--focused) {
   border-color: transparent;
-  -webkit-transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
-  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
-  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
-  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  -webkit-transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.1s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.1s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
+  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.1s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.1s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
+  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.1s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.1s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
+  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.1s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.1s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.1s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
 }
 .t-input--borderless:not(.t-input--focused):hover {
   border-color: var(--td-component-border);
@@ -4525,10 +4525,10 @@
 .t-input.t-input--suffix > span.t-input__clear {
   opacity: 0;
   visibility: hidden;
-  -webkit-transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
-  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
-  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
-  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  -webkit-transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.1s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.1s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
+  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.1s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.1s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
+  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.1s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.1s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
+  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.1s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.1s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.1s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
 }
 .t-input.t-input--suffix:hover > span.t-input__clear {
   opacity: 1;
@@ -4682,13 +4682,13 @@
 }
 .t-input .t-input__suffix > .t-icon {
   color: var(--td-text-color-placeholder);
-  -webkit-transition: all 0.2s linear;
-  transition: all 0.2s linear;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
 }
 .t-input .t-input__suffix > .t-icon:hover {
   color: var(--td-text-color-secondary);
-  -webkit-transition: all 0.2s linear;
-  transition: all 0.2s linear;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
 }
 .t-input .t-input__suffix:not(:empty) {
   margin-left: var(--td-comp-margin-s);
@@ -5014,8 +5014,8 @@
   -webkit-box-flex: 0;
       -ms-flex: 0 1 auto;
           flex: 0 1 auto;
-  -webkit-transition: height 0.2s;
-  transition: height 0.2s;
+  -webkit-transition: height 0.1s;
+  transition: height 0.1s;
 }
 .t-alert__operation {
   -webkit-box-flex: 0;
@@ -5024,8 +5024,8 @@
   padding: 0 var(--td-comp-paddingLR-s);
   color: var(--td-brand-color);
   cursor: pointer;
-  -webkit-transition: color 0.2s;
-  transition: color 0.2s;
+  -webkit-transition: color 0.1s;
+  transition: color 0.1s;
 }
 .t-alert__operation:hover {
   color: var(--td-brand-color-hover);
@@ -5051,8 +5051,8 @@
   margin-left: var(--td-comp-margin-l);
   color: var(--td-text-color-secondary);
   cursor: pointer;
-  -webkit-transition: color 0.2s;
-  transition: color 0.2s;
+  -webkit-transition: color 0.1s;
+  transition: color 0.1s;
 }
 .t-alert__close:hover {
   color: var(--td-text-color-primary);
@@ -5217,8 +5217,8 @@
   width: 0;
   height: calc(100% - 4px);
   background-color: var(--td-bg-color-container-select);
-  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
   border-radius: var(--td-radius-small);
 }
 .t-radio-group.t-radio-group--filled .t-radio-button {
@@ -5239,8 +5239,8 @@
   width: 1px;
   height: calc(100% - 16px);
   background-color: var(--td-component-border);
-  -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
-  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
+  -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 0.15, 1);
+  transition: opacity 0.1s cubic-bezier(0, 0, 0.15, 1);
 }
 .t-radio-group.t-radio-group--filled .t-radio-button:first-child::before {
   opacity: 0;
@@ -5250,8 +5250,8 @@
   color: var(--td-text-color-primary);
   z-index: 1;
   border: 0;
-  -webkit-transition: color 0.2s linear;
-  transition: color 0.2s linear;
+  -webkit-transition: color 0.1s linear;
+  transition: color 0.1s linear;
 }
 .t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked::before {
   opacity: 0;
@@ -5316,8 +5316,8 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  -webkit-transition: color 0.2s cubic-bezier(0, 0, 0.15, 1);
-  transition: color 0.2s cubic-bezier(0, 0, 0.15, 1);
+  -webkit-transition: color 0.1s cubic-bezier(0, 0, 0.15, 1);
+  transition: color 0.1s cubic-bezier(0, 0, 0.15, 1);
   color: var(--td-text-color-primary);
   white-space: nowrap;
   -webkit-box-sizing: border-box;
@@ -5349,8 +5349,8 @@
 .t-radio-group .t-radio-button.t-is-checked {
   border-right: 1px solid;
   border-color: var(--td-brand-color);
-  -webkit-transition: border-color 0.2s cubic-bezier(0, 0, 0.15, 1);
-  transition: border-color 0.2s cubic-bezier(0, 0, 0.15, 1);
+  -webkit-transition: border-color 0.1s cubic-bezier(0, 0, 0.15, 1);
+  transition: border-color 0.1s cubic-bezier(0, 0, 0.15, 1);
 }
 .t-radio-group .t-radio-button.t-is-checked + .t-radio-button {
   border-left: 0;
@@ -5405,8 +5405,8 @@
   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 0.2s cubic-bezier(0, 0, 0.15, 1);
-  transition: border 0.2s cubic-bezier(0, 0, 0.15, 1);
+  -webkit-transition: border 0.1s cubic-bezier(0, 0, 0.15, 1);
+  transition: border 0.1s cubic-bezier(0, 0, 0.15, 1);
 }
 .t-radio__input::after {
   content: "";
@@ -5422,8 +5422,8 @@
   opacity: 0;
   border-radius: var(--td-radius-circle);
   background-color: var(--td-brand-color);
-  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.15, 1);
-  transition: all 0.2s cubic-bezier(0, 0, 0.15, 1);
+  -webkit-transition: all 0.1s cubic-bezier(0, 0, 0.15, 1);
+  transition: all 0.1s cubic-bezier(0, 0, 0.15, 1);
 }
 .t-radio__label {
   display: inline-block;
@@ -5544,14 +5544,14 @@
 }
 .t-checkbox:hover .t-checkbox__input {
   border-color: var(--td-brand-color);
-  -webkit-transition: border-color 0.2s linear;
-  transition: border-color 0.2s linear;
+  -webkit-transition: border-color 0.1s linear;
+  transition: border-color 0.1s 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 0.2s cubic-bezier(0.82, 0, 1, 0.9);
-  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+  -webkit-transition: background-color 0.1s cubic-bezier(0.82, 0, 1, 0.9);
+  transition: background-color 0.1s cubic-bezier(0.82, 0, 1, 0.9);
 }
 .t-checkbox.t-is-checked .t-checkbox__input::after {
   opacity: 1;
@@ -5570,8 +5570,8 @@
 .t-checkbox.t-is-indeterminate .t-checkbox__input {
   border-color: var(--td-brand-color);
   background-color: var(--td-brand-color);
-  -webkit-transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
-  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+  -webkit-transition: background-color 0.1s cubic-bezier(0.82, 0, 1, 0.9);
+  transition: background-color 0.1s cubic-bezier(0.82, 0, 1, 0.9);
 }
 .t-checkbox.t-is-indeterminate .t-checkbox__input::after {
   opacity: 1;
@@ -5766,8 +5766,8 @@
           align-items: center;
   z-index: 1;
   cursor: pointer;
-  -webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
-  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  -webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
+  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
 }
 .t-input-number .t-input-number__decrease:hover,
 .t-input-number .t-input-number__increase:hover {
@@ -6734,8 +6734,8 @@
   text-align: center;
   font-size: var(--td-font-size-body-small);
   color: var(--td-text-color-secondary);
-  -webkit-transition: background-color 0.2s linear;
-  transition: background-color 0.2s linear;
+  -webkit-transition: background-color 0.1s linear;
+  transition: background-color 0.1s linear;
 }
 .t-sticky-tool .t-sticky-item:hover {
   cursor: pointer;
@@ -6841,8 +6841,8 @@
 .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 0.2s linear;
-  transition: all 0.2s linear;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
 }
 .t-message.t-is-closable .t-message__close .t-icon-close:hover {
   background: var(--td-bg-color-container-hover);
@@ -6967,8 +6967,8 @@
   margin-left: var(--td-comp-margin-s);
   font: var(--td-font-body-medium);
   cursor: pointer;
-  -webkit-transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: color 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: color 0.1s cubic-bezier(0.38, 0, 0.24, 1);
 }
 .t-tag--default {
   color: var(--td-text-color-primary);
@@ -7142,8 +7142,8 @@
   text-overflow: ellipsis;
 }
 .t-tag.t-tag--check:not(.t-tag--disabled) {
-  -webkit-transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: background-color 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: background-color 0.1s cubic-bezier(0.38, 0, 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 {
@@ -7170,8 +7170,8 @@
 }
 a .t-tag {
   cursor: pointer;
-  -webkit-transition: all 0.2s linear;
-  transition: all 0.2s linear;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
 }
 a .t-tag:hover {
   color: var(--td-brand-color);
@@ -7270,8 +7270,8 @@ a .t-tag:active {
 }
 .t-tag-input .t-tag {
   vertical-align: middle;
-  -webkit-animation: t-fade-in 0.2s ease-in-out;
-          animation: t-fade-in 0.2s ease-in-out;
+  -webkit-animation: t-fade-in 0.1s ease-in-out;
+          animation: t-fade-in 0.1s 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 {
@@ -7435,8 +7435,8 @@ a .t-tag:active {
           box-shadow: none;
   border: 1px solid transparent;
   background: transparent;
-  -webkit-transition: all 0.2s linear;
-  transition: all 0.2s linear;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
 }
 .t-select-input--borderless .t-input:hover:not(.t-input--focused) {
   border-color: var(--td-component-border);
@@ -7460,8 +7460,8 @@ a .t-tag:active {
   -webkit-box-shadow: none;
           box-shadow: none;
   background: transparent;
-  -webkit-transition: background-color 0.2s linear;
-  transition: background-color 0.2s linear;
+  -webkit-transition: background-color 0.1s linear;
+  transition: background-color 0.1s linear;
 }
 .t-select-input--borderless.t-tag-input:hover {
   background-color: var(--td-bg-color-container-hover);
@@ -7632,8 +7632,8 @@ ul.t-select-option-group__header,
   cursor: pointer;
   padding: 0 var(--td-comp-paddingLR-s);
   color: var(--td-text-color-primary);
-  -webkit-transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: background-color 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: background-color 0.1s cubic-bezier(0.38, 0, 0.24, 1);
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   --ripple-color: var(--td-bg-color-container-active);
@@ -7692,8 +7692,8 @@ ul.t-select-option-group__header,
 .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 0.2s linear;
-  transition: all 0.2s linear;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
 }
 .t-select-option.t-is-selected:not(.t-is-disabled) .t-checkbox__label {
   color: var(--td-brand-color);
@@ -7840,8 +7840,8 @@ ul.t-select-option-group__header,
 }
 .t-pagination__btn:hover {
   background-color: var(--td-bg-color-secondarycontainer-hover);
-  -webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
-  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+  -webkit-transition: all 0.1s cubic-bezier(0.82, 0, 1, 0.9);
+  transition: all 0.1s cubic-bezier(0.82, 0, 1, 0.9);
 }
 .t-pagination__btn:active {
   background-color: var(--td-bg-color-secondarycontainer-active);
@@ -7897,8 +7897,8 @@ ul.t-select-option-group__header,
 .t-pagination__number:hover {
   color: var(--td-brand-color-hover);
   border-color: var(--td-brand-color-hover);
-  -webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
-  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+  -webkit-transition: all 0.1s cubic-bezier(0.82, 0, 1, 0.9);
+  transition: all 0.1s cubic-bezier(0.82, 0, 1, 0.9);
 }
 .t-pagination__number:active {
   background-color: var(--td-brand-color);
@@ -7935,8 +7935,8 @@ ul.t-select-option-group__header,
 .t-pagination__number--more:hover {
   color: var(--td-text-color-primary);
   background-color: var(--td-bg-color-secondarycontainer-hover);
-  -webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
-  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+  -webkit-transition: all 0.1s cubic-bezier(0.82, 0, 1, 0.9);
+  transition: all 0.1s cubic-bezier(0.82, 0, 1, 0.9);
 }
 .t-pagination__number--more:active {
   color: var(--td-text-color-primary);
@@ -8023,8 +8023,8 @@ ul.t-select-option-group__header,
 .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 0.2s cubic-bezier(0.82, 0, 1, 0.9);
-  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+  -webkit-transition: all 0.1s cubic-bezier(0.82, 0, 1, 0.9);
+  transition: all 0.1s cubic-bezier(0.82, 0, 1, 0.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);
@@ -8048,8 +8048,8 @@ ul.t-select-option-group__header,
 }
 .t-pagination.t-size-s .t-pagination__btn:hover {
   background-color: var(--td-bg-color-secondarycontainer-hover);
-  -webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
-  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+  -webkit-transition: all 0.1s cubic-bezier(0.82, 0, 1, 0.9);
+  transition: all 0.1s cubic-bezier(0.82, 0, 1, 0.9);
 }
 .t-pagination.t-size-s .t-pagination__btn:active {
   background-color: var(--td-bg-color-secondarycontainer-active);
@@ -8341,15 +8341,15 @@ ul.t-select-option-group__header,
   background-color: var(--td-bg-color-secondarycontainer-hover);
 }
 .t-table--striped.t-table--hoverable > .t-table__content > table > tbody tr {
-  -webkit-transition: background-color 0.2s linear;
-  transition: background-color 0.2s linear;
+  -webkit-transition: background-color 0.1s linear;
+  transition: background-color 0.1s 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 0.2s linear;
-  transition: background-color 0.2s linear;
+  -webkit-transition: background-color 0.1s linear;
+  transition: background-color 0.1s linear;
 }
 .t-table--hoverable tbody tr:hover {
   background-color: var(--td-bg-color-container-hover);
@@ -8676,8 +8676,8 @@ ul.t-select-option-group__header,
   display: inline-flex;
   cursor: pointer;
   vertical-align: text-bottom;
-  -webkit-transition: 0.2s linear;
-  transition: 0.2s linear;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s linear;
 }
 .t-table__filter-icon > svg,
 .t-table__sort-icon > svg {
@@ -8688,15 +8688,15 @@ ul.t-select-option-group__header,
 .t-table__sort-icon:hover {
   color: var(--td-brand-color);
   border-radius: var(--td-radius-circle);
-  -webkit-transition: 0.2s linear;
-  transition: 0.2s linear;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s 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: 0.2s linear;
-  transition: 0.2s linear;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s linear;
 }
 .t-table__filter-pop .t-popup__content {
   padding: 0;
@@ -8751,8 +8751,8 @@ ul.t-select-option-group__header,
 }
 .t-table__sort-icon--active {
   color: var(--td-brand-color);
-  -webkit-transition: 0.2s linear;
-  transition: 0.2s linear;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s linear;
 }
 .t-table__double-icons {
   display: -webkit-box;
@@ -8822,13 +8822,13 @@ ul.t-select-option-group__header,
   height: 100%;
   color: var(--td-text-color-placeholder);
   cursor: pointer;
-  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s;
-  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s;
+  -webkit-transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1) 0s;
+  transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1) 0s;
 }
 .t-table__expand-box:hover {
   color: var(--td-brand-color);
-  -webkit-transition: 0.2s linear;
-  transition: 0.2s linear;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s linear;
 }
 @-webkit-keyframes tTableProgressbar {
   0% {
@@ -9036,8 +9036,8 @@ ul.t-select-option-group__header,
 }
 .t-table__tree-op-icon:hover {
   color: var(--td-brand-color);
-  -webkit-transition: 0.2s linear;
-  transition: 0.2s linear;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s linear;
 }
 .t-table__tree-leaf-node .t-table__tree-op-icon {
   min-width: 0;
@@ -9047,10 +9047,10 @@ ul.t-select-option-group__header,
   position: absolute;
   width: 1px;
   height: 1px;
-  -webkit-transition: -webkit-transform 0.2s;
-  transition: -webkit-transform 0.2s;
-  transition: transform 0.2s;
-  transition: transform 0.2s, -webkit-transform 0.2s;
+  -webkit-transition: -webkit-transform 0.1s;
+  transition: -webkit-transform 0.1s;
+  transition: transform 0.1s;
+  transition: transform 0.1s, -webkit-transform 0.1s;
 }
 .t-table__virtual-scroll-header {
   position: absolute;
@@ -9069,8 +9069,8 @@ ul.t-select-option-group__header,
 }
 .t-table__affixed-header-elm {
   overflow: auto;
-  -webkit-transition: opacity 0.2s linear;
-  transition: opacity 0.2s linear;
+  -webkit-transition: opacity 0.1s linear;
+  transition: opacity 0.1s linear;
   opacity: 1;
 }
 .t-table__affixed-footer-elm {
@@ -9147,16 +9147,16 @@ ul.t-select-option-group__header,
 .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: 0.2s linear;
-  transition: 0.2s linear;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s 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: 0.2s linear;
-  transition: 0.2s linear;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s linear;
 }
 /** 吸底的分页器，需要背景色，避免表格文本内容显示穿透 */
 .t-affix .t-table__pagination {
@@ -9671,8 +9671,8 @@ ul.t-select-option-group__header,
   cursor: pointer;
   -ms-flex-negative: 0;
       flex-shrink: 0;
-  -webkit-transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
-  transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  -webkit-transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
+  transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
   --ripple-color: var(--td-bg-color-container-active);
 }
 .t-tabs__nav-item-wrapper {
@@ -9687,8 +9687,8 @@ ul.t-select-option-group__header,
   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(0.38, 0, 0.24, 1) 0.2s;
-  transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  -webkit-transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
+  transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
   --ripple-color: var(--td-bg-color-container-active);
 }
 .t-tabs__nav-item.t-size-l {
@@ -9774,8 +9774,8 @@ ul.t-select-option-group__header,
 }
 .t-tabs__nav--card .t-icon-close {
   color: var(--td-text-color-secondary);
-  -webkit-transition: color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
-  transition: color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  -webkit-transition: color cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
+  transition: color cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
 }
 .t-tabs__nav--card .t-icon-close:hover {
   color: var(--td-text-color-primary);
@@ -10706,8 +10706,8 @@ a.t-menu__item:active {
   transition: opacity 0.28s cubic-bezier(0.55, 0, 0.1, 1);
 }
 .horizontal-collapse-transition .t-submenu__title .t-submenu__icon-arrow {
-  -webkit-transition: 0.2s;
-  transition: 0.2s;
+  -webkit-transition: 0.1s;
+  transition: 0.1s;
   opacity: 0;
 }
 .t-menu__popup {
@@ -10798,8 +10798,8 @@ a.t-menu__item:active {
   }
 }
 .t-dialog-zoom .animation-enter {
-  -webkit-animation-duration: 0.2s;
-          animation-duration: 0.2s;
+  -webkit-animation-duration: 0.1s;
+          animation-duration: 0.1s;
   -webkit-animation-fill-mode: both;
           animation-fill-mode: both;
   -webkit-animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
@@ -10808,8 +10808,8 @@ a.t-menu__item:active {
           animation-play-state: paused;
 }
 .t-dialog-zoom .animation-exit {
-  -webkit-animation-duration: 0.2s;
-          animation-duration: 0.2s;
+  -webkit-animation-duration: 0.1s;
+          animation-duration: 0.1s;
   -webkit-animation-fill-mode: both;
           animation-fill-mode: both;
   -webkit-animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
@@ -10826,8 +10826,8 @@ a.t-menu__item:active {
 .t-dialog-zoom-enter,
 .t-dialog-zoom-enter-from,
 .t-dialog-zoom-appear {
-  -webkit-animation-duration: 0.2s;
-          animation-duration: 0.2s;
+  -webkit-animation-duration: 0.1s;
+          animation-duration: 0.1s;
   -webkit-animation-fill-mode: both;
           animation-fill-mode: both;
   -webkit-animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
@@ -10836,8 +10836,8 @@ a.t-menu__item:active {
           animation-play-state: paused;
 }
 .t-dialog-zoom-exit {
-  -webkit-animation-duration: 0.2s;
-          animation-duration: 0.2s;
+  -webkit-animation-duration: 0.1s;
+          animation-duration: 0.1s;
   -webkit-animation-fill-mode: both;
           animation-fill-mode: both;
   -webkit-animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
@@ -10865,8 +10865,8 @@ a.t-menu__item:active {
 .t-dialog-zoom__vue-enter-active .t-dialog {
   -webkit-animation-name: tDialogZoomIn;
           animation-name: tDialogZoomIn;
-  -webkit-animation-duration: 0.2s;
-          animation-duration: 0.2s;
+  -webkit-animation-duration: 0.1s;
+          animation-duration: 0.1s;
   -webkit-animation-fill-mode: both;
           animation-fill-mode: both;
   -webkit-animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
@@ -10877,8 +10877,8 @@ a.t-menu__item:active {
 .t-dialog-zoom__vue-enter-active .t-dialog__mask {
   -webkit-animation-name: tDialogMaskIn;
           animation-name: tDialogMaskIn;
-  -webkit-animation-duration: 0.2s;
-          animation-duration: 0.2s;
+  -webkit-animation-duration: 0.1s;
+          animation-duration: 0.1s;
   -webkit-animation-timing-function: linear;
           animation-timing-function: linear;
   -webkit-animation-play-state: running;
@@ -10889,8 +10889,8 @@ a.t-menu__item:active {
 .t-dialog-zoom__vue-leave-active .t-dialog {
   -webkit-animation-name: tDialogZoomOut;
           animation-name: tDialogZoomOut;
-  -webkit-animation-duration: 0.2s;
-          animation-duration: 0.2s;
+  -webkit-animation-duration: 0.1s;
+          animation-duration: 0.1s;
   -webkit-animation-fill-mode: both;
           animation-fill-mode: both;
   -webkit-animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
@@ -10901,8 +10901,8 @@ a.t-menu__item:active {
 .t-dialog-zoom__vue-leave-active .t-dialog__mask {
   -webkit-animation-name: tDialogMaskOut;
           animation-name: tDialogMaskOut;
-  -webkit-animation-duration: 0.2s;
-          animation-duration: 0.2s;
+  -webkit-animation-duration: 0.1s;
+          animation-duration: 0.1s;
   -webkit-animation-timing-function: linear;
           animation-timing-function: linear;
   -webkit-animation-play-state: running;
@@ -10925,8 +10925,8 @@ a.t-menu__item:active {
 .t-dialog-fade-enter,
 .t-dialog-fade-appear {
   opacity: 0;
-  -webkit-animation-duration: 0.2s;
-          animation-duration: 0.2s;
+  -webkit-animation-duration: 0.1s;
+          animation-duration: 0.1s;
   -webkit-animation-fill-mode: both;
           animation-fill-mode: both;
   -webkit-animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
@@ -10935,8 +10935,8 @@ a.t-menu__item:active {
           animation-play-state: paused;
 }
 .t-dialog-fade-exit {
-  -webkit-animation-duration: 0.2s;
-          animation-duration: 0.2s;
+  -webkit-animation-duration: 0.1s;
+          animation-duration: 0.1s;
   -webkit-animation-fill-mode: both;
           animation-fill-mode: both;
   -webkit-animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
@@ -11179,8 +11179,8 @@ a.t-menu__item:active {
       -ms-flex-align: center;
           align-items: center;
   border-radius: var(--td-radius-default);
-  -webkit-transition: all 0.2s linear;
-  transition: all 0.2s linear;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
   padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);
 }
 .t-dialog__close:hover {
@@ -11625,18 +11625,18 @@ a.t-menu__item:active {
   transition: color, transform 0.24s cubic-bezier(0.38, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
 }
 .t-tree--transition .t-tree__icon::after {
-  -webkit-transition: 0.2s linear;
-  transition: 0.2s linear;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s linear;
 }
 .t-tree--transition .t-tree__icon:not(:empty):hover {
-  -webkit-transition: 0.2s linear;
-  transition: 0.2s linear;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s linear;
 }
 .t-tree--transition .t-tree__icon--default .t-icon {
-  -webkit-transition: color, -webkit-transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
-  transition: color, -webkit-transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
-  transition: color, transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
-  transition: color, transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  -webkit-transition: color, -webkit-transform cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
+  transition: color, -webkit-transform cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
+  transition: color, transform cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
+  transition: color, transform cubic-bezier(0.38, 0, 0.24, 1) 0.1s, -webkit-transform cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
 }
 .t-tree--transition .t-tree__item--visible {
   display: -webkit-box;
@@ -11681,10 +11681,10 @@ a.t-menu__item:active {
   position: absolute;
   width: 1px;
   height: 1px;
-  -webkit-transition: -webkit-transform 0.2s;
-  transition: -webkit-transform 0.2s;
-  transition: transform 0.2s;
-  transition: transform 0.2s, -webkit-transform 0.2s;
+  -webkit-transition: -webkit-transform 0.1s;
+  transition: -webkit-transform 0.1s;
+  transition: transform 0.1s;
+  transition: transform 0.1s, -webkit-transform 0.1s;
 }
 .t-tree--scrolling .t-tree__item {
   will-change: initial;
@@ -11759,8 +11759,8 @@ a.t-menu__item:active {
   margin-left: auto;
 }
 .t-tree-select .t-fake-arrow {
-  -webkit-transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: color 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: color 0.1s cubic-bezier(0.38, 0, 0.24, 1);
   color: var(--td-text-color-placeholder);
 }
 .t-tree-select .t-fake-arrow--highlight {
@@ -11894,8 +11894,8 @@ a.t-menu__item:active {
   line-height: var(--td-comp-size-xxs);
   border-radius: var(--td-radius-round);
   min-width: calc(var(--td-comp-size-xxs) / 0.618);
-  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
   background-color: var(--td-bg-color-secondarycomponent);
   cursor: pointer;
   -webkit-user-select: none;
@@ -11922,8 +11922,8 @@ a.t-menu__item:active {
   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 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
   -webkit-box-shadow: var(--td-shadow-1);
           box-shadow: var(--td-shadow-1);
 }
@@ -11940,8 +11940,8 @@ a.t-menu__item:active {
   bottom: 0;
   border-radius: var(--td-radius-round);
   background-color: #fff;
-  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
 }
 .t-switch:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle::before {
   left: 0;
@@ -11967,8 +11967,8 @@ a.t-menu__item:active {
   padding: 0 var(--td-comp-margin-xs) 0 calc(calc(var(--td-comp-size-xxs) / 0.618) / 2 + 2px);
   font-size: var(--td-font-size-body-small);
   min-width: calc(var(--td-comp-size-xxs) / 0.618);
-  -webkit-transition: padding 0.2s cubic-bezier(0.38, 0, 0.24, 1), opacity 0.2s linear;
-  transition: padding 0.2s cubic-bezier(0.38, 0, 0.24, 1), opacity 0.2s linear;
+  -webkit-transition: padding 0.1s cubic-bezier(0.38, 0, 0.24, 1), opacity 0.1s linear;
+  transition: padding 0.1s cubic-bezier(0.38, 0, 0.24, 1), opacity 0.1s linear;
 }
 .t-switch__content .t-icon {
   font-size: var(--td-font-size-body-large);
@@ -12138,8 +12138,8 @@ a.t-menu__item:active {
   display: block;
   height: 0;
   opacity: 0;
-  -webkit-transition: all 0.2s cubic-bezier(0.24, 0.41, 0.51, 0.9);
-  transition: all 0.2s cubic-bezier(0.24, 0.41, 0.51, 0.9);
+  -webkit-transition: all 0.1s cubic-bezier(0.24, 0.41, 0.51, 0.9);
+  transition: all 0.1s cubic-bezier(0.24, 0.41, 0.51, 0.9);
 }
 .t-anchor__line-cursor-wrapper .t-anchor__line-cursor {
   width: 1px;
@@ -12171,8 +12171,8 @@ a.t-menu__item:active {
   text-align: justify;
 }
 .t-anchor a {
-  -webkit-transition: color 0.2s linear;
-  transition: color 0.2s linear;
+  -webkit-transition: color 0.1s linear;
+  transition: color 0.1s linear;
 }
 .t-anchor a:hover {
   color: var(--td-brand-color);
@@ -12299,8 +12299,8 @@ a.t-menu__item:active {
       -ms-flex-pack: start;
           justify-content: flex-start;
   margin-left: 0;
-  -webkit-transition-duration: 0.2s;
-          transition-duration: 0.2s;
+  -webkit-transition-duration: 0.1s;
+          transition-duration: 0.1s;
   -webkit-transition-property: border-top, background;
   transition-property: border-top, background;
   -webkit-transition-timing-function: linear;
@@ -12432,16 +12432,16 @@ a.t-menu__item:active {
   padding-bottom: calc(var(--td-comp-paddingTB-xxs) / 2);
   text-align: center;
   border-radius: var(--td-radius-default);
-  -webkit-transition: all 0.2s linear;
-  transition: all 0.2s linear;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s 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 0.2s linear;
-  transition: -webkit-box-shadow 0.2s linear;
-  transition: box-shadow 0.2s linear;
-  transition: box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear;
+  -webkit-transition: -webkit-box-shadow 0.1s linear;
+  transition: -webkit-box-shadow 0.1s linear;
+  transition: box-shadow 0.1s linear;
+  transition: box-shadow 0.1s linear, -webkit-box-shadow 0.1s linear;
 }
 .t-calendar--card .t-calendar__table-body-cell--now .t-calendar__table-body-cell-display {
   color: var(--td-brand-color);
@@ -12560,8 +12560,8 @@ a.t-menu__item:active {
 }
 .t-calendar__table-body-cell:hover {
   background-color: var(--td-bg-color-container-hover);
-  -webkit-transition: background-color 0.2s linear;
-  transition: background-color 0.2s linear;
+  -webkit-transition: background-color 0.1s linear;
+  transition: background-color 0.1s linear;
 }
 .t-calendar__table-body-cell-display {
   font: var(--td-font-title-small);
@@ -12580,8 +12580,8 @@ a.t-menu__item:active {
   text-decoration: none;
   outline: none;
   padding: 0;
-  -webkit-transition: all 0.2s linear;
-  transition: all 0.2s linear;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
   font: var(--td-font-link-medium);
 }
 .t-link .t-link__prefix-icon {
@@ -12641,8 +12641,8 @@ a.t-menu__item:active {
   bottom: 0;
   border-bottom: 1px solid var(--td-text-color-primary);
   opacity: 0;
-  -webkit-transition: all 0.2s linear;
-  transition: all 0.2s linear;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
 }
 .t-link--theme-default.t-link--hover-underline:hover::after {
   opacity: 1;
@@ -12672,8 +12672,8 @@ a.t-menu__item:active {
   bottom: 0;
   opacity: 1;
   border-bottom: 1px solid var(--td-text-color-primary);
-  -webkit-transition: all 0.2s linear;
-  transition: all 0.2s linear;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
 }
 .t-link--theme-default.t-is-disabled {
   cursor: not-allowed;
@@ -12701,8 +12701,8 @@ a.t-menu__item:active {
   bottom: 0;
   border-bottom: 1px solid var(--td-brand-color);
   opacity: 0;
-  -webkit-transition: all 0.2s linear;
-  transition: all 0.2s linear;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
 }
 .t-link--theme-primary.t-link--hover-underline:hover::after {
   opacity: 1;
@@ -12732,8 +12732,8 @@ a.t-menu__item:active {
   bottom: 0;
   opacity: 1;
   border-bottom: 1px solid var(--td-brand-color);
-  -webkit-transition: all 0.2s linear;
-  transition: all 0.2s linear;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
 }
 .t-link--theme-primary.t-is-disabled {
   cursor: not-allowed;
@@ -12761,8 +12761,8 @@ a.t-menu__item:active {
   bottom: 0;
   border-bottom: 1px solid var(--td-success-color);
   opacity: 0;
-  -webkit-transition: all 0.2s linear;
-  transition: all 0.2s linear;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
 }
 .t-link--theme-success.t-link--hover-underline:hover::after {
   opacity: 1;
@@ -12792,8 +12792,8 @@ a.t-menu__item:active {
   bottom: 0;
   opacity: 1;
   border-bottom: 1px solid var(--td-success-color);
-  -webkit-transition: all 0.2s linear;
-  transition: all 0.2s linear;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
 }
 .t-link--theme-success.t-is-disabled {
   cursor: not-allowed;
@@ -12821,8 +12821,8 @@ a.t-menu__item:active {
   bottom: 0;
   border-bottom: 1px solid var(--td-error-color);
   opacity: 0;
-  -webkit-transition: all 0.2s linear;
-  transition: all 0.2s linear;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
 }
 .t-link--theme-danger.t-link--hover-underline:hover::after {
   opacity: 1;
@@ -12852,8 +12852,8 @@ a.t-menu__item:active {
   bottom: 0;
   opacity: 1;
   border-bottom: 1px solid var(--td-error-color);
-  -webkit-transition: all 0.2s linear;
-  transition: all 0.2s linear;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
 }
 .t-link--theme-danger.t-is-disabled {
   cursor: not-allowed;
@@ -12881,8 +12881,8 @@ a.t-menu__item:active {
   bottom: 0;
   border-bottom: 1px solid var(--td-warning-color);
   opacity: 0;
-  -webkit-transition: all 0.2s linear;
-  transition: all 0.2s linear;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
 }
 .t-link--theme-warning.t-link--hover-underline:hover::after {
   opacity: 1;
@@ -12912,8 +12912,8 @@ a.t-menu__item:active {
   bottom: 0;
   opacity: 1;
   border-bottom: 1px solid var(--td-warning-color);
-  -webkit-transition: all 0.2s linear;
-  transition: all 0.2s linear;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
 }
 .t-link--theme-warning.t-is-disabled {
   cursor: not-allowed;
@@ -13118,8 +13118,8 @@ a.t-menu__item:active {
   z-index: calc(5 + 1);
   opacity: 1;
   visibility: visible;
-  -webkit-transition: visibility 0s, opacity 0.2s linear;
-  transition: visibility 0s, opacity 0.2s linear;
+  -webkit-transition: visibility 0s, opacity 0.1s linear;
+  transition: visibility 0s, opacity 0.1s linear;
 }
 .t-image__overlay-content--hidden {
   visibility: hidden;
@@ -13263,16 +13263,16 @@ a.t-menu__item:active {
   right: 0;
   z-index: 3000;
   overflow: hidden;
-  -webkit-animation: 0.2s cubic-bezier(0.82, 0, 1, 0.9) modal-mask-show;
-          animation: 0.2s cubic-bezier(0.82, 0, 1, 0.9) modal-mask-show;
+  -webkit-animation: 0.1s cubic-bezier(0.82, 0, 1, 0.9) modal-mask-show;
+          animation: 0.1s cubic-bezier(0.82, 0, 1, 0.9) modal-mask-show;
 }
 .t-image-viewer-preview-image.t-is-hide {
-  -webkit-animation: 0.2s cubic-bezier(0, 0, 0.15, 1) modal-mask-hide forwards;
-          animation: 0.2s cubic-bezier(0, 0, 0.15, 1) modal-mask-hide forwards;
+  -webkit-animation: 0.1s cubic-bezier(0, 0, 0.15, 1) modal-mask-hide forwards;
+          animation: 0.1s cubic-bezier(0, 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: 0.2s cubic-bezier(0, 0, 0.15, 1) modal-image-hide forwards;
-          animation: 0.2s cubic-bezier(0, 0, 0.15, 1) modal-image-hide forwards;
+  -webkit-animation: 0.1s cubic-bezier(0, 0, 0.15, 1) modal-image-hide forwards;
+          animation: 0.1s cubic-bezier(0, 0, 0.15, 1) modal-image-hide forwards;
 }
 .t-image-viewer-preview-image .t-image-viewer__modal-index {
   text-align: center;
@@ -13297,8 +13297,8 @@ a.t-menu__item:active {
   background-color: var(--td-mask-active);
   height: 100%;
   width: 100%;
-  -webkit-transition: all 0.2s ease;
-  transition: all 0.2s ease;
+  -webkit-transition: all 0.1s ease;
+  transition: all 0.1s ease;
   opacity: 1;
 }
 .t-image-viewer-preview-image .t-image-viewer__modal-pic {
@@ -13320,15 +13320,15 @@ a.t-menu__item:active {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  -webkit-animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) modal-image-show;
-          animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) modal-image-show;
+  -webkit-animation: 0.1s cubic-bezier(0.38, 0, 0.24, 1) modal-image-show;
+          animation: 0.1s cubic-bezier(0.38, 0, 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 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
   -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
   -o-object-fit: contain;
@@ -13417,8 +13417,8 @@ a.t-menu__item:active {
   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: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-icon-unrange;
-          animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-icon-unrange;
+  -webkit-animation: 0.1s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-icon-unrange;
+          animation: 0.1s cubic-bezier(0.38, 0, 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);
@@ -13459,17 +13459,17 @@ a.t-menu__item:active {
   }
 }
 .t-image-viewer-preview-image .t-image-viewer__modal-header.t-is-show .t-image-viewer__header-prev {
-  -webkit-animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-image-show;
-          animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-image-show;
+  -webkit-animation: 0.1s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-image-show;
+          animation: 0.1s cubic-bezier(0.38, 0, 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: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-icon-range;
-          animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-icon-range;
+  -webkit-animation: 0.1s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-icon-range;
+          animation: 0.1s cubic-bezier(0.38, 0, 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: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-image-hide;
-          animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-image-hide;
+  -webkit-animation: 0.1s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-image-hide;
+          animation: 0.1s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-image-hide;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -13497,10 +13497,10 @@ a.t-menu__item:active {
 }
 .t-image-viewer-preview-image .t-image-viewer__header-trans {
   height: 100%;
-  -webkit-transition: -webkit-transform 0.2s;
-  transition: -webkit-transform 0.2s;
-  transition: transform 0.2s;
-  transition: transform 0.2s, -webkit-transform 0.2s;
+  -webkit-transition: -webkit-transform 0.1s;
+  transition: -webkit-transform 0.1s;
+  transition: transform 0.1s;
+  transition: transform 0.1s, -webkit-transform 0.1s;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -13519,8 +13519,8 @@ a.t-menu__item:active {
   width: calc(40px / 9 * 16);
   height: 40px;
   position: relative;
-  -webkit-transition: 0.2s;
-  transition: 0.2s;
+  -webkit-transition: 0.1s;
+  transition: 0.1s;
   overflow: hidden;
   border-radius: var(--td-radius-default);
   display: -webkit-box;
@@ -13547,8 +13547,8 @@ a.t-menu__item:active {
   cursor: pointer;
   color: var(--td-text-color-primary);
   border-radius: var(--td-radius-default);
-  -webkit-transition: 0.2s;
-  transition: 0.2s;
+  -webkit-transition: 0.1s;
+  transition: 0.1s;
 }
 .t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-close-bt {
   top: 100px;
@@ -13659,8 +13659,8 @@ a.t-menu__item:active {
       -ms-flex-align: center;
           align-items: center;
   border-radius: var(--td-radius-default);
-  -webkit-transition: 0.2s;
-  transition: 0.2s;
+  -webkit-transition: 0.1s;
+  transition: 0.1s;
 }
 .t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__modal-icon:hover {
   background-color: var(--td-bg-color-container-hover);
@@ -13707,8 +13707,8 @@ a.t-menu__item:active {
   display: block;
   max-width: min(80vw, 800px);
   max-height: min(80vh, 600px);
-  -webkit-transition: all 0.2s ease;
-  transition: all 0.2s ease;
+  -webkit-transition: all 0.1s ease;
+  transition: all 0.1s ease;
   -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
   -o-object-fit: contain;
@@ -13786,8 +13786,8 @@ a.t-menu__item:active {
   opacity: 0;
   background-color: var(--td-mask-active);
   color: var(--td-text-color-anti);
-  -webkit-transition: 0.2s;
-  transition: 0.2s;
+  -webkit-transition: 0.1s;
+  transition: 0.1s;
   cursor: pointer;
 }
 .t-image-viewer__trigger-img {
@@ -13852,8 +13852,8 @@ a.t-menu__item:active {
   font-size: var(--td-font-body-medium);
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  -webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
-  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  -webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
+  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -13868,8 +13868,8 @@ a.t-menu__item:active {
 }
 .t-range-input--borderless:not(.t-is-focused) {
   border-color: transparent;
-  -webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
-  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  -webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
+  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
 }
 .t-range-input--borderless:not(.t-is-focused):hover {
   border-color: var(--td-component-border);
@@ -14058,8 +14058,8 @@ a.t-menu__item:active {
 .t-range-input.t-range-input--suffix .t-input__clear {
   opacity: 0;
   visibility: hidden;
-  -webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
-  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  -webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
+  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.1s;
 }
 .t-range-input.t-range-input--suffix:hover .t-input__clear {
   opacity: 1;
@@ -14070,8 +14070,8 @@ a.t-menu__item:active {
 }
 .t-range-input__prefix > .t-icon,
 .t-range-input__suffix > .t-icon {
-  -webkit-transition: color 0.2s linear;
-  transition: color 0.2s linear;
+  -webkit-transition: color 0.1s linear;
+  transition: color 0.1s linear;
   font-size: 16px;
   color: var(--td-text-color-placeholder);
   -ms-flex-negative: 0;
@@ -14240,8 +14240,8 @@ a.t-menu__item:active {
   border-radius: var(--td-radius-default);
   text-align: center;
   cursor: pointer;
-  -webkit-transition: 0.2s linear;
-  transition: 0.2s linear;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s 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);
@@ -14601,8 +14601,8 @@ a.t-menu__item:active {
 .t-drawer-fade-enter,
 .t-drawer-fade-appear {
   opacity: 0;
-  -webkit-animation-duration: 0.2s;
-          animation-duration: 0.2s;
+  -webkit-animation-duration: 0.1s;
+          animation-duration: 0.1s;
   -webkit-animation-fill-mode: both;
           animation-fill-mode: both;
   -webkit-animation-timing-function: linear;
@@ -14611,8 +14611,8 @@ a.t-menu__item:active {
           animation-play-state: paused;
 }
 .t-drawer-fade-exit {
-  -webkit-animation-duration: 0.2s;
-          animation-duration: 0.2s;
+  -webkit-animation-duration: 0.1s;
+          animation-duration: 0.1s;
   -webkit-animation-fill-mode: both;
           animation-fill-mode: both;
   -webkit-animation-timing-function: linear;
@@ -14626,8 +14626,8 @@ a.t-menu__item: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: 0.2s;
-          animation-duration: 0.2s;
+  -webkit-animation-duration: 0.1s;
+          animation-duration: 0.1s;
   -webkit-animation-play-state: running;
           animation-play-state: running;
 }
@@ -14635,8 +14635,8 @@ a.t-menu__item:active {
 .t-drawer-fade-leave-active.t-drawer-fade-leave-to {
   -webkit-animation-name: tDrawerFadeOut;
           animation-name: tDrawerFadeOut;
-  -webkit-animation-duration: 0.2s;
-          animation-duration: 0.2s;
+  -webkit-animation-duration: 0.1s;
+          animation-duration: 0.1s;
   -webkit-animation-play-state: running;
           animation-play-state: running;
 }
@@ -14721,8 +14721,8 @@ a.t-menu__item:active {
   width: 100%;
   height: 100%;
   background-color: var(--td-mask-active);
-  -webkit-transition: opacity 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: opacity 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: opacity 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: opacity 0.1s cubic-bezier(0.38, 0, 0.24, 1);
   opacity: 0;
 }
 .t-drawer__content-wrapper {
@@ -14839,8 +14839,8 @@ a.t-menu__item:active {
   background-color: var(--td-bg-color-container);
   border-radius: var(--td-radius-default);
   cursor: pointer;
-  -webkit-transition: background-color 0.2s;
-  transition: background-color 0.2s;
+  -webkit-transition: background-color 0.1s;
+  transition: background-color 0.1s;
 }
 .t-drawer__close-btn:hover {
   background-color: var(--td-bg-color-container-hover);
@@ -14887,8 +14887,8 @@ a.t-menu__item:active {
   height: 100%;
   background: var(--td-brand-color);
   border-radius: var(--td-radius-round);
-  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
 }
 .t-progress__info {
   margin-left: var(--td-comp-margin-s);
@@ -14970,8 +14970,8 @@ a.t-menu__item:active {
 }
 .t-progress--circle .t-progress__circle-inner {
   stroke: var(--td-brand-color);
-  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
 }
 .t-progress--circle .t-progress__icon {
   font-size: 2.4em;
@@ -15134,8 +15134,8 @@ a.t-menu__item:active {
   color: var(--td-text-color-primary);
   resize: vertical;
   outline: none;
-  -webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s, height 0s;
-  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s, height 0s;
+  -webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.1s, height 0s;
+  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.1s, height 0s;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
@@ -15481,8 +15481,8 @@ a.t-menu__item:active {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  -webkit-transition: color 0.2s linear;
-  transition: color 0.2s linear;
+  -webkit-transition: color 0.1s linear;
+  transition: color 0.1s linear;
 }
 .t-breadcrumb--text-overflow .t-breadcrumb__inner-text {
   text-overflow: ellipsis;
@@ -15494,8 +15494,8 @@ a.t-menu__item:active {
   cursor: pointer;
 }
 .t-breadcrumb--text-overflow .t-breadcrumb__inner:active {
-  -webkit-animation: 0.2s linear changeColor;
-          animation: 0.2s linear changeColor;
+  -webkit-animation: 0.1s linear changeColor;
+          animation: 0.1s linear changeColor;
 }
 
 .t-dropdown {
@@ -15636,8 +15636,8 @@ a.t-menu__item:active {
       -ms-user-select: none;
           user-select: none;
   outline: none;
-  -webkit-transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
-  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+  -webkit-transition: background-color 0.1s cubic-bezier(0.82, 0, 1, 0.9);
+  transition: background-color 0.1s cubic-bezier(0.82, 0, 1, 0.9);
   white-space: nowrap;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -15860,8 +15860,8 @@ a.t-menu__item:active {
   width: 100%;
   height: var(--td-size-2);
   background-color: var(--td-bg-color-secondarycomponent);
-  -webkit-transition: 0.2s linear;
-  transition: 0.2s linear;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s linear;
   border-radius: var(--td-radius-round);
 }
 .t-slider__rail:hover {
@@ -16147,8 +16147,8 @@ a.t-menu__item:active {
   padding: 0 var(--td-comp-paddingLR-s);
   border-radius: var(--td-radius-default);
   margin-top: var(--td-comp-margin-xxs);
-  -webkit-transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
-  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+  -webkit-transition: background-color 0.1s cubic-bezier(0.82, 0, 1, 0.9);
+  transition: background-color 0.1s cubic-bezier(0.82, 0, 1, 0.9);
   list-style: none;
   --ripple-color: var(--td-bg-color-container-active);
 }
@@ -16390,10 +16390,10 @@ a.t-menu__item:active {
   z-index: 10;
   height: var(--td-comp-size-xs);
   border-radius: var(--td-radius-default);
-  -webkit-transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
-  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, -webkit-box-shadow 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, -webkit-box-shadow 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: box-shadow 0.1s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear;
+  transition: box-shadow 0.1s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, -webkit-box-shadow 0.1s cubic-bezier(0.38, 0, 0.24, 1);
   pointer-events: none;
 }
 .t-date-picker__table-week-row:hover .t-date-picker__cell:first-child .t-date-picker__cell-inner {
@@ -16621,8 +16621,8 @@ a.t-menu__item:active {
   height: var(--td-comp-size-xs);
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
-  -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
-  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
+  -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 0.15, 1);
+  transition: opacity 0.1s cubic-bezier(0, 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);
@@ -16644,10 +16644,10 @@ a.t-menu__item:active {
   height: var(--td-comp-size-xs);
   margin: calc(var(--td-comp-margin-xs) - 1px);
   border-radius: var(--td-radius-default);
-  -webkit-transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
-  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, -webkit-box-shadow 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, -webkit-box-shadow 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: box-shadow 0.1s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear;
+  transition: box-shadow 0.1s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, -webkit-box-shadow 0.1s cubic-bezier(0.38, 0, 0.24, 1);
 }
 .t-date-picker__cell--now .t-date-picker__cell-inner {
   color: var(--td-brand-color);
@@ -16853,8 +16853,8 @@ a.t-menu__item:active {
 }
 .t-upload__card-item:hover .t-upload__card-mask {
   opacity: 1;
-  -webkit-transition: opacity 0.2s linear;
-  transition: opacity 0.2s linear;
+  -webkit-transition: opacity 0.1s linear;
+  transition: opacity 0.1s linear;
 }
 .t-upload__card-item.t-is--error .t-icon-warning_fill {
   color: var(--td-error-color);
@@ -16864,8 +16864,8 @@ a.t-menu__item:active {
   color: var(--td-error-color);
 }
 .t-upload__card-item.t-is-background {
-  -webkit-transition: border-color 0.2s linear;
-  transition: border-color 0.2s linear;
+  -webkit-transition: border-color 0.1s linear;
+  transition: border-color 0.1s linear;
 }
 .t-upload__card .t-icon-loading {
   margin-bottom: var(--td-comp-margin-s);
@@ -16921,13 +16921,13 @@ a.t-menu__item:active {
           box-sizing: border-box;
   position: relative;
   border-radius: var(--td-radius-default);
-  -webkit-transition: border 0.2s linear;
-  transition: border 0.2s linear;
+  -webkit-transition: border 0.1s linear;
+  transition: border 0.1s linear;
 }
 .t-upload__card-container:hover:not(.t-is-disabled) {
   border-color: var(--td-brand-color);
-  -webkit-transition: border-color 0.2s linear;
-  transition: border-color 0.2s linear;
+  -webkit-transition: border-color 0.1s linear;
+  transition: border-color 0.1s linear;
 }
 .t-upload__card-container > .t-icon {
   color: var(--td-text-color-placeholder);
@@ -16968,8 +16968,8 @@ a.t-menu__item:active {
   will-change: transform;
   opacity: 0;
   z-index: 2;
-  -webkit-transition: opacity 0.2s linear;
-  transition: opacity 0.2s linear;
+  -webkit-transition: opacity 0.1s linear;
+  transition: opacity 0.1s linear;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -17024,8 +17024,8 @@ a.t-menu__item:active {
   overflow: auto;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  -webkit-transition: border-color 0.2s linear;
-  transition: border-color 0.2s linear;
+  -webkit-transition: border-color 0.1s linear;
+  transition: border-color 0.1s linear;
 }
 .t-upload__dragger.t-is--active {
   background-color: var(--td-bg-color-container-active);
@@ -17107,14 +17107,14 @@ a.t-menu__item:active {
 .t-icon-clear-circle-filled {
   color: var(--td-text-color-placeholder);
   margin-top: var(--td-comp-margin-xxs);
-  -webkit-transition: color 0.2s linear;
-  transition: color 0.2s linear;
+  -webkit-transition: color 0.1s linear;
+  transition: color 0.1s linear;
 }
 .t-icon-clear-circle-filled:hover {
   color: var(--td-text-color-secondary);
   cursor: pointer;
-  -webkit-transition: color 0.2s linear;
-  transition: color 0.2s linear;
+  -webkit-transition: color 0.1s linear;
+  transition: color 0.1s linear;
 }
 .t-upload__single-percent {
   margin-left: var(--td-comp-margin-xs);
@@ -17337,8 +17337,8 @@ a.t-menu__item:active {
 .t-upload__flow-button {
   color: var(--td-text-color-placeholder);
   cursor: pointer;
-  -webkit-transition: color 0.2s linear;
-  transition: color 0.2s linear;
+  -webkit-transition: color 0.1s linear;
+  transition: color 0.1s linear;
 }
 .t-upload__flow-button:hover {
   color: var(--td-text-color-secondary);
@@ -17360,26 +17360,26 @@ a.t-menu__item:active {
   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 0.2s linear;
-  transition: border 0.2s linear;
+  -webkit-transition: border 0.1s linear;
+  transition: border 0.1s linear;
 }
 .t-upload__flow-card-area:hover {
   border-color: var(--td-brand-color);
-  -webkit-transition: border-color 0.2s linear;
-  transition: border-color 0.2s linear;
+  -webkit-transition: border-color 0.1s linear;
+  transition: border-color 0.1s linear;
 }
 .t-upload__icon-delete,
 .t-upload__single-input-clear {
   color: var(--td-text-color-placeholder);
   cursor: pointer;
-  -webkit-transition: color 0.2s linear;
-  transition: color 0.2s linear;
+  -webkit-transition: color 0.1s linear;
+  transition: color 0.1s linear;
 }
 .t-upload__icon-delete:hover,
 .t-upload__single-input-clear:hover {
   color: var(--td-text-color-secondary);
-  -webkit-transition: color 0.2s linear;
-  transition: color 0.2s linear;
+  -webkit-transition: color 0.1s linear;
+  transition: color 0.1s linear;
 }
 .t-icon.t-upload__single-input-clear {
   display: none;
@@ -17517,8 +17517,8 @@ a.t-menu__item:active {
   z-index: 2;
   background-color: transparent;
   color: var(--td-font-white-2);
-  -webkit-transition: 0.2s linear;
-  transition: 0.2s linear;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s linear;
   cursor: pointer;
   left: 16px;
 }
@@ -17526,13 +17526,13 @@ a.t-menu__item:active {
   color: var(--td-bg-color-container);
   background-color: var(--td-font-white-4);
   border-radius: var(--td-radius-default);
-  -webkit-transition: 0.2s linear;
-  transition: 0.2s linear;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s linear;
 }
 .t-swiper__arrow--default .t-swiper__arrow-left:active {
   background-color: var(--td-font-white-3);
-  -webkit-transition: 0.2s linear;
-  transition: 0.2s linear;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s linear;
 }
 .t-swiper__arrow--default .t-swiper__arrow-right {
   position: absolute;
@@ -17553,8 +17553,8 @@ a.t-menu__item:active {
   z-index: 2;
   background-color: transparent;
   color: var(--td-font-white-2);
-  -webkit-transition: 0.2s linear;
-  transition: 0.2s linear;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s linear;
   cursor: pointer;
   right: 16px;
 }
@@ -17562,13 +17562,13 @@ a.t-menu__item:active {
   color: var(--td-bg-color-container);
   background-color: var(--td-font-white-4);
   border-radius: var(--td-radius-default);
-  -webkit-transition: 0.2s linear;
-  transition: 0.2s linear;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s linear;
 }
 .t-swiper__arrow--default .t-swiper__arrow-right:active {
   background-color: var(--td-font-white-3);
-  -webkit-transition: 0.2s linear;
-  transition: 0.2s linear;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s linear;
 }
 .t-swiper-card .t-swiper__container {
   display: block;
@@ -18678,8 +18678,8 @@ a.t-menu__item:active {
   cursor: pointer;
   margin: 0 var(--td-comp-margin-s);
   border-radius: var(--td-radius-default);
-  -webkit-transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: background-color 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: background-color 0.1s cubic-bezier(0.38, 0, 0.24, 1);
 }
 .t-transfer__list .t-transfer__list-item:first-child {
   margin-top: 0;
@@ -18689,8 +18689,8 @@ a.t-menu__item:active {
 }
 .t-transfer__list-item:hover {
   background: var(--td-bg-color-container-hover);
-  -webkit-transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: background-color 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: background-color 0.1s cubic-bezier(0.38, 0, 0.24, 1);
 }
 .t-transfer__list-item.t-is-checked {
   background: var(--td-brand-color-light);
@@ -19202,16 +19202,16 @@ a.t-menu__item:active {
           justify-content: center;
   font-size: var(--td-comp-size-xxxs);
   background: transparent;
-  -webkit-transition: 0.2s linear;
-  transition: 0.2s linear;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s 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: 0.2s linear;
-  transition: 0.2s linear;
+  -webkit-transition: 0.1s linear;
+  transition: 0.1s linear;
 }
 .t-color-picker__icon.t-is-disabled {
   color: var(--td-text-color-disabled);
@@ -19616,8 +19616,8 @@ a.t-menu__item:active {
   position: relative;
   -webkit-transform-origin: center;
           transform-origin: center;
-  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
@@ -19751,10 +19751,10 @@ a.t-menu__item:active {
   border-radius: var(--td-radius-medium);
   background-color: var(--td-bg-color-container);
   color: var(--td-text-color-primary);
-  -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: -webkit-box-shadow 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: -webkit-box-shadow 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: box-shadow 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: box-shadow 0.1s cubic-bezier(0.38, 0, 0.24, 1), -webkit-box-shadow 0.1s cubic-bezier(0.38, 0, 0.24, 1);
 }
 .t-card--bordered {
   border: 1px solid var(--td-component-border);
@@ -19883,8 +19883,8 @@ a.t-menu__item:active {
   border: none;
 }
 .t-collapse-panel__icon {
-  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
   cursor: pointer;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -19899,8 +19899,8 @@ a.t-menu__item:active {
 .t-collapse-panel__icon > .t-fake-arrow {
   -webkit-transform: rotate(-90deg);
           transform: rotate(-90deg);
-  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
 }
 .t-collapse-panel__icon--left {
   margin-right: var(--td-comp-margin-s);
@@ -20285,8 +20285,8 @@ a.t-menu__item:active {
   left: 0;
   top: 0;
   overflow: hidden;
-  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
 }
 .t-rate .t-rate__star-top,
 .t-rate .t-rate__star-bottom {
@@ -20303,8 +20303,8 @@ a.t-menu__item:active {
 .t-rate__item {
   position: relative;
   cursor: pointer;
-  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.1s cubic-bezier(0.38, 0, 0.24, 1);
 }
 .t-rate__item:hover {
   -webkit-transform: scale(1.33);
@@ -20350,8 +20350,8 @@ a.t-menu__item:active {
 }
 .t-guide__highlight {
   z-index: 999998;
-  -webkit-transition: 0.2s cubic-bezier(0, 0, 0.15, 1);
-  transition: 0.2s cubic-bezier(0, 0, 0.15, 1);
+  -webkit-transition: 0.1s cubic-bezier(0, 0, 0.15, 1);
+  transition: 0.1s cubic-bezier(0, 0, 0.15, 1);
   border-radius: var(--td-radius-default);
 }
 .t-guide__highlight--dialog {
@@ -20523,8 +20523,8 @@ a.t-menu__item:active {
   white-space: nowrap;
   border-width: 0.5px;
   border-style: solid;
-  -webkit-transition: background 0.2s linear, border 0.2s linear, color 0.2s linear, opacity 0.2s linear, visibility 0.2s linear;
-  transition: background 0.2s linear, border 0.2s linear, color 0.2s linear, opacity 0.2s linear, visibility 0.2s linear;
+  -webkit-transition: background 0.1s linear, border 0.1s linear, color 0.1s linear, opacity 0.1s linear, visibility 0.1s linear;
+  transition: background 0.1s linear, border 0.1s linear, color 0.1s linear, opacity 0.1s linear, visibility 0.1s linear;
   -ms-touch-action: manipulation;
       touch-action: manipulation;
   -webkit-box-shadow: var(--td-shadow-3);