@keyframes t-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.t-icon {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
}
.t-icon::before {
  font-family: unset;
}
.t-icon-loading {
  animation: t-spin 1s linear infinite;
}
.t-icon {
  fill: currentColor;
}
.t-icon.t-size-s,
i.t-size-s {
  font-size: 14px;
}
.t-icon.t-size-m,
i.t-size-m {
  font-size: 16px;
}
.t-icon.t-size-l,
i.t-size-l {
  font-size: 18px;
}

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

.t-anchor {
  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;
  transition: all 0.2s cubic-bezier(0.24, 0.41, 0.51, 0.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: flex;
  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 {
  transition: color 0.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);
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    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;
  animation: fadeOut 2s 2s linear 1;
  animation-fill-mode: forwards;
}

.t-back-top {
  position: fixed;
  z-index: 300;
  overflow: hidden;
  outline: none;
  border-color: transparent;
  background-color: transparent;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  white-space: nowrap;
  border-width: 0.5px;
  border-style: solid;
  transition: background 0.2s linear, border 0.2s linear, color 0.2s linear, opacity 0.2s linear, visibility 0.2s linear;
  touch-action: manipulation;
  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 {
  color: var(--td-text-color-anti);
}
.t-back-top--theme-primary .t-back-top__icon {
  color: var(--td-text-color-anti);
}
.t-back-top--theme-dark {
  border-color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.9);
}
.t-back-top--theme-dark:hover {
  border-color: rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0.6);
}
.t-back-top--theme-dark .t-back-top__text {
  color: var(--td-text-color-anti);
}
.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-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;
  overscroll-behavior: contain;
  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: flex;
  align-items: 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;
  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);
  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: flex;
  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);
  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  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);
  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);
  transition: all 0.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);
}
/** 规范 CSS 类名为 --hover */
.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-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-avatar {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: inline-flex;
  background: var(--td-brand-color-focus);
  color: var(--td-text-color-brand);
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  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: inline-flex;
  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));
}

/* Alert */
.t-alert {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: flex-start;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
  opacity: 1;
  transition: opacity 0.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 {
  color: var(--td-brand-color);
}
.t-alert--info .t-alert__swiper-trigger-wrap {
  color: var(--td-brand-color);
}
.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 {
  flex: 0 0 auto;
  line-height: var(--td-line-height-body-small);
}
.t-alert__content {
  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: flex;
}
.t-alert__title {
  color: var(--td-text-color-primary);
  font-weight: bold;
}
.t-alert__title + .t-alert__message {
  margin-top: var(--td-comp-margin-s);
}
.t-alert__description {
  color: var(--td-text-color-secondary);
  flex: 0 1 auto;
  transition: height 0.2s;
}
.t-alert__operation {
  flex: 0 0 auto;
  padding: 0 var(--td-comp-paddingLR-s);
  color: var(--td-brand-color);
  cursor: pointer;
  transition: color 0.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: inline-flex;
  align-items: center;
  margin-left: var(--td-comp-margin-l);
  color: var(--td-text-color-secondary);
  cursor: pointer;
  transition: color 0.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;
}