.ud__select__selector.ud__select__selector-xl {
  border-width: 1px;
  font-size: 16px;
  height: 48px;
  padding: 2px 12px;
}
.ud__select__selector.ud__select__selector-xl
  .ud__select__selector__placeholder,
.ud__select__selector.ud__select__selector-xl
  .ud__select__selector__selectItem {
  line-height: 42px;
}
.ud__select__selector.ud__select__selector-xl > .ud__select__selector__arrow {
  font-size: 20px;
  height: 42px;
  margin-left: 12px;
}
.ud__select__selector.ud__select__selector-xl > .ud__select__selector__clear {
  font-size: 20px;
  height: 42px;
  margin-left: 8px;
}
.ud__select__selector.ud__select__selector-xl
  .ud__select__selector__search__input {
  height: 42px;
}
.ud__select__selector.ud__select__selector-xl.ud__select__selector-multiple {
  height: auto;
  min-height: 48px;
}
.ud__select__selector.ud__select__selector-xl .ud__select__selector__tag {
  margin: 2px 4px 2px 0;
}
.ud__checkbox:after {
  content: "\a0";
}
.ud__checkbox-group {
  box-sizing: border-box;
  display: inline-block;
}
.ud__checkbox-group .ud__checkbox__wrapper {
  margin: 0 8px 0 0;
}
.ud__checkbox-group .ud__checkbox__wrapper:last-child {
  margin-right: 0;
}
.ud__checkbox__wrapper {
  align-items: baseline;
  box-sizing: border-box;
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.ud__checkbox__wrapper.ud__os-mac,
.ud__os-mac .ud__checkbox__wrapper {
  font-weight: 400;
}
.ud__checkbox__wrapper.ud__os-win,
.ud__os-win .ud__checkbox__wrapper {
  font-weight: 500;
}
.ud__checkbox__input {
  font-size: inherit;
  line-height: inherit;
  -webkit-transform: translateY(-50%);
}
.ud__checkbox__input-disabled {
  cursor: not-allowed;
}
.ud__checkbox__wallpaper {
  background-color: var(--udtoken-component-outlined-bg);
  border: 1px solid var(--N500);
  box-sizing: border-box;
  color: var(--static-white);
  -webkit-transform: translateY(-50%);
}
.ud__checkbox__input:focus-visible ~ .ud__checkbox__wallpaper {
  background-color: var(--udtoken-component-outlined-bg);
  border-color: var(--primary-pri-500);
}
.ud__checkbox__input:hover ~ .ud__checkbox__wallpaper {
  background-color: var(--udtoken-component-outlined-bg);
  border-color: var(--primary-pri-500);
}
.ud__checkbox__input:active ~ .ud__checkbox__wallpaper {
  background-color: var(--udtoken-component-outlined-bg);
  border-color: var(--primary-pri-600);
}
.ud__checkbox__input:checked ~ .ud__checkbox__wallpaper,
.ud__checkbox__input:indeterminate ~ .ud__checkbox__wallpaper {
  background-color: var(--primary-pri-500);
  border: none;
}
.ud__checkbox__input:checked:focus-visible ~ .ud__checkbox__wallpaper,
.ud__checkbox__input:indeterminate:focus-visible ~ .ud__checkbox__wallpaper {
  background-color: var(--primary-pri-400);
}
.ud__checkbox__input:checked:hover ~ .ud__checkbox__wallpaper,
.ud__checkbox__input:indeterminate:hover ~ .ud__checkbox__wallpaper {
  background-color: var(--primary-pri-400);
}
.ud__checkbox__input:checked:active ~ .ud__checkbox__wallpaper,
.ud__checkbox__input:indeterminate:active ~ .ud__checkbox__wallpaper {
  background-color: var(--primary-pri-600);
}
.ud__checkbox--error .ud__checkbox__input:active ~ .ud__checkbox__wallpaper,
.ud__checkbox--error .ud__checkbox__input:hover ~ .ud__checkbox__wallpaper,
.ud__checkbox--error .ud__checkbox__wallpaper {
  border-color: var(--function-danger-500);
}
.ud__checkbox--error
  .ud__checkbox__input:focus-visible
  ~ .ud__checkbox__wallpaper {
  border-color: var(--function-danger-500);
}
.ud__checkbox--error .ud__checkbox__input:disabled ~ .ud__checkbox__wallpaper,
.ud__checkbox__input:disabled ~ .ud__checkbox__wallpaper {
  background-color: var(--N200);
  border-color: var(--N400);
  color: var(--N200);
}
.ud__checkbox__checked-svg,
.ud__checkbox__indeterminate-svg {
  box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ud__checkbox__label-content {
  box-sizing: border-box;
  color: var(--text-title);
  margin-right: 8px;
  overflow-wrap: break-word;
}
.ud__checkbox__label-content-disabled {
  color: var(--text-disabled);
}
.ud__cascader__dropdown {
  box-sizing: border-box;
  color: var(--text-title);
  pointer-events: none;
}
.ud__cascader__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__cascader__dropdown-placement-bottomLeft,
.ud__cascader__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__cascader__dropdown-placement-bottomLeft {
  -webkit-animation-name: udSlideUpIn;
}
.ud__cascader__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__cascader__dropdown-placement-topLeft,
.ud__cascader__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__cascader__dropdown-placement-topLeft {
  -webkit-animation-name: udSlideDownIn;
}
.ud__cascader__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__cascader__dropdown-placement-bottomLeft {
  -webkit-animation-name: udSlideUpOut;
}
.ud__cascader__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__cascader__dropdown-placement-topLeft {
  -webkit-animation-name: udSlideDownOut;
}
.ud__cascader__menu {
  background-color: var(--bg-float);
  border: 1px solid var(--line-border-card);
  border-radius: 6px;
  box-shadow: var(--shadow-s4-down);
  box-sizing: border-box;
  color: var(--text-title);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: auto;
  width: -webkit-min-content;
}
.ud__cascader__menu__level:not(:first-child) {
  border-left: 1px solid var(--line-divider-default);
}
.ud__cascader__menu__level {
  box-sizing: border-box;
  color: var(--text-title);
  font-variant: tabular-nums;
}
.ud__cascader__menu__empty {
  box-sizing: border-box;
  color: var(--text-placeholder);
}
.ud__cascader__menu__option {
  align-items: center;
  background: var(--bg-float);
  box-sizing: border-box;
  color: var(--text-title);
  display: flex;
}
.ud__cascader__menu__option:hover {
  background: var(--fill-hover);
}
.ud__cascader__menu__option-active {
  background: var(--fill-hover);
  color: var(--text-title);
}
.ud__cascader__menu__option-selected {
  color: var(--primary-pri-500);
}
.ud__cascader__menu__option-selected:not(.ud__cascader__menu__option-leaf) {
  background: var(--fill-hover);
}
.ud__cascader__menu__option-disabled {
  background: var(--bg-float);
  color: var(--text-disabled);
}
.ud__cascader__menu__option-disabled:hover {
  background: var(--bg-float);
}
.ud__cascader__menu__option__label {
  box-sizing: border-box;
  flex: 1 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.ud__cascader__menu__option__label.ud__os-mac,
.ud__os-mac .ud__cascader__menu__option__label {
  font-weight: 400;
}
.ud__cascader__menu__option__label.ud__os-win,
.ud__os-win .ud__cascader__menu__option__label {
  font-weight: 500;
}
.ud__cascader__menu__option__label-highlight {
  box-sizing: border-box;
  color: var(--primary-pri-500);
}
.ud__cascader__menu__option__expandIcon {
  box-sizing: border-box;
  color: var(--icon-n3);
  flex: 0 1;
}
.ud__cascader__menu__option-disabled .ud__cascader__menu__option__expandIcon {
  color: var(--icon-disabled);
}
.lite-login-dialog {
  max-width: 100%;
  width: auto !important;
}
.lite-login-dialog__inner {
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  height: auto;
  min-height: 470px;
  overflow: hidden;
  width: 100%;
}
.lite-login-dialog__biz {
  overflow: hidden;
  transition: width 0.3s ease-out;
}
.lite-login-dialog__biz.hide {
  margin: 0;
  width: 0;
}
.lite-login-dialog__iframe {
  height: auto;
  min-width: 311px;
  overflow: hidden;
  position: relative;
  transition: width 0.1s ease-out 0.1s;
  width: 311px;
}
.lite-login-dialog__iframe > div {
  height: 100%;
  width: 100%;
}
.lite-login-dialog__iframe.wide {
  height: 480px;
  width: 440px;
}
.lite-login-dialog__iframe-loading {
  align-items: center;
  background-color: var(--bg-body);
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 10;
}
.lite-login-dialog__iframe-main iframe {
  border: none;
  height: 100%;
  width: 100%;
}
.lite-login-dialog__close {
  align-items: center;
  background-color: rgba(var(--N900-raw), 90%);
  border-radius: 50%;
  cursor: pointer;
  height: 36px;
  justify-content: center;
  position: absolute;
  right: -36px;
  top: -36px;
  width: 36px;
}
.lite-login-dialog__close .universe-icon {
  color: var(--bg-body);
}
.lite-login-dialog .ud__modal__body {
  margin: 0 !important;
  padding: 0 !important;
}
.lite-login-dialog .ud__modal__close {
  z-index: 20;
}
.lite-login-dialog__mobile-tip-dialog {
  margin: auto !important;
  width: 300px !important;
}
.lite-login-dialog__mobile-tip-dialog .ud__confirm {
  overflow: hidden;
}
.lite-login-dialog__mobile-tip-dialog .ud__confirm__header {
  padding: 24px 20px;
}
.lite-login-dialog__mobile-tip-dialog .ud__confirm__icon {
  display: none;
}
.lite-login-dialog__mobile-tip-dialog .ud__confirm__titleContent {
  font-size: 17px;
  margin-bottom: 12px;
  text-align: center;
}
.lite-login-dialog__mobile-tip-dialog .ud__confirm__body {
  font-size: 16px;
  margin-left: 0 !important;
}
.lite-login-dialog__mobile-tip-dialog .ud__confirm__content {
  overflow: hidden;
}
.lite-login-dialog__mobile-tip-dialog .ud__confirm__footer {
  border-top: 0.5px solid #dee0e3;
  height: 48px;
  padding: 0;
}
.lite-login-dialog__mobile-tip-dialog .ud__confirm__footer__btns .ud__button {
  border: 0;
  border-radius: 0;
  flex: 1 1;
  font-size: 16px;
  height: 48px;
  margin: 0;
}
.lite-login-dialog__mobile-tip-dialog
  .ud__confirm__footer__btns
  .ud__button--filled {
  background-color: #fff;
  border-left: 0.5px solid #dee0e3;
  color: #3370ff;
}
.lite-login-dialog-wrap {
  overflow: hidden;
}
.lite-login-dialog-wrap.ud__dialog__content-animation-appear,
.lite-login-dialog-wrap.ud__dialog__content-animation-enter {
  transform: translateY(100%);
}
.lite-login-dialog-wrap.ud__dialog__content-animation-appear-active,
.lite-login-dialog-wrap.ud__dialog__content-animation-enter-active {
  transform: translateY(0);
  transition-duration: 0.2;
}
.lite-login-dialog-wrap.ud__dialog__content-animation-appear-done,
.lite-login-dialog-wrap.ud__dialog__content-animation-enter-done,
.lite-login-dialog-wrap.ud__dialog__content-animation-exit {
  transform: translateY(0);
}
.lite-login-dialog-wrap.ud__dialog__content-animation-exit-active {
  transform: translateY(100%);
  transition-duration: 0.2;
}
.lite-login-dialog-wrap .lite-login-dialog {
  bottom: 0;
  height: 80% !important;
  left: 0;
  margin: 0 !important;
  min-width: 100% !important;
  position: fixed;
  top: auto !important;
  width: 100% !important;
}
.lite-login-dialog-wrap .lite-login-dialog__inner {
  height: 100%;
  padding: 0;
}
.lite-login-dialog-wrap .lite-login-dialog__iframe {
  width: 100%;
}
.lite-login-dialog-wrap .lite-login-dialog .ud__modal__content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: 100%;
}
.lite-login-dialog-wrap .ud__dialog__content-animation-appear,
.lite-login-dialog-wrap .ud__dialog__content-animation-enter {
  transform: translateY(100%);
}
.lite-login-dialog-wrap .ud__dialog__content-animation-appear-active,
.lite-login-dialog-wrap .ud__dialog__content-animation-enter-active {
  transform: translateY(0);
  transition-duration: 0.2;
}
.lite-login-dialog-wrap .ud__dialog__content-animation-appear-done,
.lite-login-dialog-wrap .ud__dialog__content-animation-enter-done,
.lite-login-dialog-wrap .ud__dialog__content-animation-exit {
  transform: translateY(0);
}
.lite-login-dialog-wrap .ud__dialog__content-animation-exit-active {
  transform: translateY(100%);
  transition-duration: 0.2;
}
@media (max-width: 850px) {
  .ud__dialog__wrap:has(.lite-login-dialog__biz) .lite-login-dialog {
    min-width: auto !important;
  }
  .ud__dialog__wrap:has(.lite-login-dialog__biz) .lite-login-dialog__iframe {
    width: 440px;
  }
  .ud__dialog__wrap:has(.lite-login-dialog__biz) .lite-login-dialog__inner {
    height: 500px;
  }
  .ud__dialog__wrap:has(.lite-login-dialog__biz) .lite-login-dialog__biz {
    display: none;
  }
}
@media (max-width: 520px) {
  .ud__dialog__wrap:has(.lite-login-dialog__biz) .lite-login-dialog {
    min-width: auto !important;
  }
  .ud__dialog__wrap:has(.lite-login-dialog__biz) .lite-login-dialog__iframe {
    width: 311px;
  }
  .ud__dialog__wrap:has(.lite-login-dialog__biz)
    .lite-login-dialog__iframe.wide {
    width: 311px;
  }
  .ud__dialog__wrap:has(.lite-login-dialog__biz) .lite-login-dialog__inner {
    height: 500px;
  }
  .ud__dialog__wrap:has(.lite-login-dialog__biz) .lite-login-dialog__biz {
    display: none;
  }
}
.passport-policy-tip {
  color: var(--text-link-normal);
  cursor: pointer;
  text-decoration: none;
}
.passport-policy-tip:hover {
  color: var(--text-link-hover);
}
.passport-policy-tip:active {
  color: var(--text-link-pressed);
}
.ud-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(31, 35, 41, 0.3);
}
.ud-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(31, 35, 41, 0.6) !important;
}
.rc-virtual-list-scrollbar-thumb:after {
  background-color: rgba(31, 35, 41, 0.3) !important;
  box-sizing: border-box;
  content: "\a0";
}
.rc-virtual-list-scrollbar-thumb:hover:after {
  background-color: rgba(31, 35, 41, 0.6) !important;
}
.ud__dialog__mask {
  background-color: rgba(0, 0, 0, 0.4);
}
.ud__dialog__mask,
.ud__dialog__wrap {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.ud__dialog__wrap:focus {
  --hack-merge-rules: true;
  outline: 0;
  --hack-merge-rules: true;
}
.ud__dialog--centered {
  text-align: center;
  white-space: nowrap;
}
.ud__dialog--centered:before {
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.ud__dialog--centered .ud__dialog__content {
  display: inline-flex;
  text-align: left;
  top: 0;
  vertical-align: middle;
}
.ud__dialog__content {
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  top: 100px;
  white-space: normal;
}
.ud__dialog__content.ud__dialog__content-sm {
  width: 420px;
}
.ud__dialog__content.ud__dialog__content-md {
  min-height: 128px;
  width: 600px;
}
.ud__dialog__content.ud__dialog__content-lg {
  max-width: 840px;
  min-width: 420px;
  width: calc(100vw - 120px);
}
.ud__dialog__content.ud__dialog__content-xl {
  max-width: 1080px;
  min-width: 420px;
  width: calc(100vw - 120px);
}
.ud__dialog__content-animation-appear-done,
.ud__dialog__content-animation-enter-done,
.ud__dialog__content-animation-exit {
  opacity: 1;
  transform: scale(1);
}
.ud__confirm {
  display: flex;
}
.ud__confirm__content {
  border-radius: 6px;
  box-sizing: border-box;
  color: #1f2329;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.ud__confirm__header {
  box-sizing: border-box;
}
.ud__confirm__title {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.ud__confirm__title.ud__os-mac,
.ud__os-mac .ud__confirm__title {
  font-weight: 500;
}
.ud__confirm__title.ud__os-win,
.ud__os-win .ud__confirm__title {
  font-weight: 600;
}
.ud__confirm__title:after {
  content: "\a0";
  display: inline-block;
  visibility: hidden;
  width: 0;
}
.ud__confirm__titleContent {
  flex: 1 1;
  overflow-wrap: break-word;
}
.ud__confirm__icon {
  font-size: 24px;
  height: 24px;
  margin-bottom: 0;
  margin-right: 16px;
  margin-top: 0;
  width: 24px;
}
.ud__confirm__body {
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  overflow-wrap: break-word;
}
.ud__confirm__body.ud__os-mac,
.ud__os-mac .ud__confirm__body {
  font-weight: 400;
}
.ud__confirm__body.ud__os-win,
.ud__os-win .ud__confirm__body {
  font-weight: 500;
}
.ud__confirm__footer {
  box-sizing: border-box;
}
.ud__confirm__footer:after {
  content: "";
}
.ud__confirm__footer__btns {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}
.ud__modal {
  display: flex;
}
.ud__modal__content {
  border-radius: 6px;
  color: #1f2329;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.ud__modal__content,
.ud__modal__header {
  box-sizing: border-box;
  position: relative;
}
.ud__modal__title {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.ud__modal__title.ud__os-mac,
.ud__os-mac .ud__modal__title {
  font-weight: 500;
}
.ud__modal__title.ud__os-win,
.ud__os-win .ud__modal__title {
  font-weight: 600;
}
.ud__modal__title:after {
  content: "\a0";
  display: inline-block;
  visibility: hidden;
  width: 0;
}
.ud__modal__titleContent {
  flex: 1 1;
  overflow-wrap: break-word;
}
.ud__modal__des {
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  overflow-wrap: break-word;
}
.ud__modal__des.ud__os-mac,
.ud__os-mac .ud__modal__des {
  font-weight: 400;
}
.ud__modal__des.ud__os-win,
.ud__os-win .ud__modal__des {
  font-weight: 500;
}
.ud__modal__body {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  box-sizing: border-box;
  flex: 1 1;
  font-variant: tabular-nums;
  overflow: auto;
  overflow-wrap: break-word;
}
.ud__modal__body--top-overflow {
  border-top: 1px solid rgba(31, 35, 41, 0.15);
}
.ud__modal__body--bottom-overflow {
  border-bottom: 1px solid rgba(31, 35, 41, 0.15);
}
.ud__modal__footer {
  box-sizing: border-box;
}
.ud__modal__footer:after {
  content: "";
}
.ud__modal__footer__btns {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}
.ud__button {
  box-sizing: border-box;
  font-variant: tabular-nums;
  touch-action: manipulation;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ud__button--filled-default-loading,
.ud__button--filled-default-loading:active,
.ud__button--filled-default-loading:hover {
  background: #82a7fc;
  border-color: #82a7fc;
  color: #fff;
}
.ud__button--filled-primary-loading,
.ud__button--filled-primary-loading:active,
.ud__button--filled-primary-loading:hover {
  background: #82a7fc;
  border-color: #82a7fc;
  color: #fff;
}
.ud__button--filled-danger-loading,
.ud__button--filled-danger-loading:active,
.ud__button--filled-danger-loading:hover {
  background: #f98e8b;
  border-color: #f98e8b;
  color: #fff;
}
.ud__button--filled:disabled,
.ud__button--filled:disabled:active,
.ud__button--filled:disabled:hover,
.ud__button--filled[disabled],
.ud__button--filled[disabled]:active,
.ud__button--filled[disabled]:hover {
  background: #bbbfc4;
  border-color: #bbbfc4;
  color: #fff;
}
.ud__button--outlined-default-loading,
.ud__button--outlined-default-loading:active,
.ud__button--outlined-default-loading:hover {
  background: #fff;
  border-color: #d0d3d6;
  color: #8f959e;
}
.ud__button--outlined-primary-loading,
.ud__button--outlined-primary-loading:active,
.ud__button--outlined-primary-loading:hover {
  background: #fff;
  border-color: #82a7fc;
  color: #82a7fc;
}
.ud__button--outlined-danger-loading,
.ud__button--outlined-danger-loading:active,
.ud__button--outlined-danger-loading:hover {
  background: #fff;
  border-color: #f98e8b;
  color: #f98e8b;
}
.ud__button--outlined:disabled,
.ud__button--outlined:disabled:active,
.ud__button--outlined:disabled:hover,
.ud__button--outlined[disabled],
.ud__button--outlined[disabled]:active,
.ud__button--outlined[disabled]:hover {
  background: #fff;
  border-color: #d0d3d6;
  color: #bbbfc4;
}
.ud__button--text-default-selected,
.ud__button--text-default:hover {
  background: rgba(31, 35, 41, 0.1);
}
.ud__button--text-default:focus-visible {
  --hack-merge-rules: true;
  background: rgba(31, 35, 41, 0.1);
}
.ud__button--text-default:active {
  background: rgba(31, 35, 41, 0.2);
}
.ud__button--text-default-loading,
.ud__button--text-default-loading:active,
.ud__button--text-default-loading:hover {
  color: #8f959e;
}
.ud__button--text-primary-selected,
.ud__button--text-primary:hover {
  background: rgba(51, 112, 255, 0.1);
}
.ud__button--text-primary:focus-visible {
  --hack-merge-rules: true;
  background: rgba(51, 112, 255, 0.1);
}
.ud__button--text-primary:active {
  background: rgba(51, 112, 255, 0.2);
}
.ud__button--text-primary-loading,
.ud__button--text-primary-loading:active,
.ud__button--text-primary-loading:hover {
  color: #82a7fc;
}
.ud__button--text-danger-selected,
.ud__button--text-danger:hover {
  background: rgba(245, 74, 69, 0.1);
}
.ud__button--text-danger:focus-visible {
  --hack-merge-rules: true;
  background: rgba(245, 74, 69, 0.1);
}
.ud__button--text-danger:active {
  background: rgba(245, 74, 69, 0.2);
}
.ud__button--text-danger-loading,
.ud__button--text-danger-loading:active,
.ud__button--text-danger-loading:hover {
  color: #f98e8b;
}
.ud__button--text:disabled,
.ud__button--text:disabled:active,
.ud__button--text:disabled:hover,
.ud__button--text[disabled],
.ud__button--text[disabled]:active,
.ud__button--text[disabled]:hover {
  color: #bbbfc4;
}
.ud__button--text-secondary-default-loading,
.ud__button--text-secondary-default-loading:active,
.ud__button--text-secondary-default-loading:hover {
  color: #3370ff;
}
.ud__button--text-secondary-primary-loading,
.ud__button--text-secondary-primary-loading:active,
.ud__button--text-secondary-primary-loading:hover {
  color: #3370ff;
}
.ud__button--text-secondary-danger-loading,
.ud__button--text-secondary-danger-loading:active,
.ud__button--text-secondary-danger-loading:hover {
  color: #3370ff;
}
.ud__button--text-secondary:disabled,
.ud__button--text-secondary:disabled:active,
.ud__button--text-secondary:disabled:hover,
.ud__button--text-secondary[disabled],
.ud__button--text-secondary[disabled]:active,
.ud__button--text-secondary[disabled]:hover {
  color: #bbbfc4;
}
.ud__button--link-default-loading,
.ud__button--link-default-loading:active,
.ud__button--link-default-loading:hover {
  color: #82a7fc;
}
.ud__button--link-primary-loading,
.ud__button--link-primary-loading:active,
.ud__button--link-primary-loading:hover {
  color: #82a7fc;
}
.ud__button--link-danger-loading,
.ud__button--link-danger-loading:active,
.ud__button--link-danger-loading:hover {
  color: #f98e8b;
}
.ud__button--link:disabled,
.ud__button--link:disabled:active,
.ud__button--link:disabled:hover,
.ud__button--link[disabled],
.ud__button--link[disabled]:active,
.ud__button--link[disabled]:hover {
  color: #bbbfc4;
}
.ud__button--icon-default-selected,
.ud__button--icon-default:hover {
  background: rgba(31, 35, 41, 0.1);
}
.ud__button--icon-default:focus-visible {
  --hack-merge-rules: true;
  background: rgba(31, 35, 41, 0.1);
}
.ud__button--icon-default:active {
  background: rgba(31, 35, 41, 0.2);
}
.ud__button--icon-default-loading,
.ud__button--icon-default-loading:active,
.ud__button--icon-default-loading:hover {
  color: #8f959e;
}
.ud__button--icon-default-selected:hover {
  background-color: rgba(31, 35, 41, 0.2);
}
.ud__button--icon-primary-selected,
.ud__button--icon-primary:hover {
  background: rgba(51, 112, 255, 0.1);
}
.ud__button--icon-primary:focus-visible {
  --hack-merge-rules: true;
  background: rgba(51, 112, 255, 0.1);
}
.ud__button--icon-primary:active {
  background: rgba(51, 112, 255, 0.2);
}
.ud__button--icon-primary-loading,
.ud__button--icon-primary-loading:active,
.ud__button--icon-primary-loading:hover {
  color: #82a7fc;
}
.ud__button--icon-primary-selected:hover {
  background-color: rgba(51, 112, 255, 0.2);
}
.ud__button--icon-danger-selected,
.ud__button--icon-danger:hover {
  background: rgba(245, 74, 69, 0.1);
}
.ud__button--icon-danger:focus-visible {
  --hack-merge-rules: true;
  background: rgba(245, 74, 69, 0.1);
}
.ud__button--icon-danger:active {
  background: rgba(245, 74, 69, 0.2);
}
.ud__button--icon-danger-loading,
.ud__button--icon-danger-loading:active,
.ud__button--icon-danger-loading:hover {
  color: #f98e8b;
}
.ud__button--icon-danger-selected:hover {
  background-color: rgba(245, 74, 69, 0.2);
}
.ud__button--icon:disabled,
.ud__button--icon:disabled:active,
.ud__button--icon:disabled:hover,
.ud__button--icon[disabled],
.ud__button--icon[disabled]:active,
.ud__button--icon[disabled]:hover {
  color: #bbbfc4;
}
.ud__tooltip {
  box-sizing: border-box;
  pointer-events: auto !important;
}
.ud__tooltip__arrow__content {
  box-sizing: border-box;
  content: "";
  transform-origin: center;
}
.ud__tooltip-content {
  word-wrap: break-word;
  box-shadow:
    0 8px 24px 8px rgba(31, 35, 41, 0.04),
    0 6px 12px rgba(31, 35, 41, 0.04),
    0 4px 8px -8px rgba(31, 35, 41, 0.06);
  box-sizing: border-box;
}
@keyframes udTooltipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes udTooltipZoomOut {
  0% {
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.7);
  }
}
.ud__msg-manager {
  box-sizing: border-box;
  font-variant: tabular-nums;
  pointer-events: none;
}
.ud__notification {
  box-shadow:
    0 10px 36px 10px rgba(31, 35, 41, 0.04),
    0 8px 24px rgba(31, 35, 41, 0.04),
    0 6px 12px -10px rgba(31, 35, 41, 0.06);
  box-sizing: border-box;
  pointer-events: auto;
}
.ud__notification .ud__notification__notice-title {
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.ud__notification .ud__notification__notice-title.ud__os-mac,
.ud__os-mac .ud__notification .ud__notification__notice-title {
  font-weight: 500;
}
.ud__notification .ud__notification__notice-title.ud__os-win,
.ud__os-win .ud__notification .ud__notification__notice-title {
  font-weight: 600;
}
.ud__notification .ud__notification__notice-des {
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  box-sizing: border-box;
}
.ud__notification .ud__notification__notice-des.ud__os-mac,
.ud__os-mac .ud__notification .ud__notification__notice-des {
  font-weight: 400;
}
.ud__notification .ud__notification__notice-des.ud__os-win,
.ud__os-win .ud__notification .ud__notification__notice-des {
  font-weight: 500;
}
.ud__notice.ud__notice--outlined {
  font-weight: 500;
}
.ud__notice.ud__notice--outlined.ud__os-mac,
.ud__os-mac .ud__notice.ud__notice--outlined {
  font-weight: 500;
}
.ud__notice.ud__notice--outlined.ud__os-win,
.ud__os-win .ud__notice.ud__notice--outlined {
  font-weight: 600;
}
.ud__notice.ud__notice--plain {
  box-shadow: 0 4px 8px rgba(31, 35, 41, 0.1);
  font-weight: 500;
}
.ud__notice.ud__notice--plain.ud__os-mac,
.ud__os-mac .ud__notice.ud__notice--plain {
  font-weight: 500;
}
.ud__notice.ud__notice--plain.ud__os-win,
.ud__os-win .ud__notice.ud__notice--plain {
  font-weight: 600;
}
.ud__notice {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-variant: tabular-nums;
  pointer-events: auto;
}
.ud__notice .ud__notice--ellipsis .ud__notice__description-content:after {
  content: "...";
  background-color: var(--bg-body);
  content: "...";
}
.ud__notice .ud__notice__title {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-weight: 500;
  justify-content: space-between;
}
.ud__notice .ud__notice__title.ud__os-mac,
.ud__os-mac .ud__notice .ud__notice__title {
  font-weight: 500;
}
.ud__notice .ud__notice__title.ud__os-win,
.ud__os-win .ud__notice .ud__notice__title {
  font-weight: 600;
}
.ud__notice .ud__notice__description {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ud__notice .ud__notice__description .ud__notice__description-content {
  -webkit-box-orient: vertical;
  box-sizing: border-box;
  display: -webkit-box;
  flex-grow: 1;
  word-break: break-word;
}
.ud__toast.ud__notice {
  box-shadow:
    0 8px 24px 8px rgba(31, 35, 41, 0.04),
    0 6px 12px rgba(31, 35, 41, 0.04),
    0 4px 8px -8px rgba(31, 35, 41, 0.06);
  display: inline-flex;
}
.ud__illustration {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-variant: tabular-nums;
}
.ud__illustration-title {
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.ud__illustration-title.ud__os-mac,
.ud__os-mac .ud__illustration-title {
  font-weight: 500;
}
.ud__illustration-title.ud__os-win,
.ud__os-win .ud__illustration-title {
  font-weight: 600;
}
.ud__illustration-description {
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.ud__illustration-description.ud__os-mac,
.ud__os-mac .ud__illustration-description {
  font-weight: 400;
}
.ud__illustration-description.ud__os-win,
.ud__os-win .ud__illustration-description {
  font-weight: 500;
}
.ud__illustration-footer {
  box-sizing: border-box;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: center;
}
.box__BUUrV {
  position: relative;
}
body {
  background-color: var(--bg-body);
  color: var(--text-title);
  word-wrap: break-word;
  background-color: var(--bg-body);
  color: var(--text-title);
  overflow-wrap: break-word;
  color: #1f2329;
  background-color: #fff;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-variant-ligatures: no-common-ligatures;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  color: var(--text-title);
  background-color: var(--bg-body);
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ud__lang-en body,
.ud__lang-en button,
.ud__lang-en input,
.ud__lang-en optgroup,
.ud__lang-en select,
.ud__lang-en textarea,
.ud__lang-zh body,
.ud__lang-zh button,
.ud__lang-zh input,
.ud__lang-zh optgroup,
.ud__lang-zh select,
.ud__lang-zh textarea,
body,
body.ud__lang-en,
body.ud__lang-zh,
button,
button.ud__lang-en,
button.ud__lang-zh,
input,
input.ud__lang-en,
input.ud__lang-zh,
optgroup,
optgroup.ud__lang-en,
optgroup.ud__lang-zh,
select,
select.ud__lang-en,
select.ud__lang-zh,
textarea,
textarea.ud__lang-en,
textarea.ud__lang-zh {
  font-family:
    LarkEmojiFont,
    LarkChineseQuote,
    -apple-system,
    BlinkMacSystemFont,
    Helvetica Neue,
    Tahoma,
    PingFang SC,
    Microsoft Yahei,
    Arial,
    Hiragino Sans GB,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
}
.ud__lang-jp body,
.ud__lang-jp button,
.ud__lang-jp input,
.ud__lang-jp optgroup,
.ud__lang-jp select,
.ud__lang-jp textarea,
body.ud__lang-jp,
button.ud__lang-jp,
input.ud__lang-jp,
optgroup.ud__lang-jp,
select.ud__lang-jp,
textarea.ud__lang-jp {
  font-family:
    ヒラギノ角ゴ Pro W3,
    Hiragino Kaku Gothic Pro,
    Yu Gothic UI,
    游ゴシック体,
    Noto Sans Japanese,
    Microsoft Jhenghei UI,
    Microsoft Yahei UI,
    ＭＳ Ｐゴシック,
    Arial,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
}
.ud-slide-up-appear,
.ud-slide-up-enter,
.ud-slide-up-leave {
  -webkit-animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  -webkit-animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud-slide-up-appear.ud-slide-up-appear-active,
.ud-slide-up-enter.ud-slide-up-enter-active {
  -webkit-animation-name: udSlideUpIn;
  -webkit-animation-play-state: running;
}
.ud-slide-up-leave.ud-slide-up-leave-active {
  pointer-events: none;
  -webkit-animation-name: udSlideUpOut;
  -webkit-animation-play-state: running;
  pointer-events: none;
}
.ud-slide-down-appear,
.ud-slide-down-enter,
.ud-slide-down-leave {
  -webkit-animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  -webkit-animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud-slide-down-appear.ud-slide-down-appear-active,
.ud-slide-down-enter.ud-slide-down-enter-active {
  -webkit-animation-name: udSlideDownIn;
  -webkit-animation-play-state: running;
}
.ud-slide-down-leave.ud-slide-down-leave-active {
  pointer-events: none;
  -webkit-animation-name: udSlideDownOut;
  -webkit-animation-play-state: running;
  pointer-events: none;
}
.ud-slide-left-appear,
.ud-slide-left-enter,
.ud-slide-left-leave {
  -webkit-animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  -webkit-animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud-slide-left-appear.ud-slide-left-appear-active,
.ud-slide-left-enter.ud-slide-left-enter-active {
  -webkit-animation-name: udSlideLeftIn;
  -webkit-animation-play-state: running;
}
.ud-slide-left-leave.ud-slide-left-leave-active {
  pointer-events: none;
  -webkit-animation-name: udSlideLeftOut;
  -webkit-animation-play-state: running;
  pointer-events: none;
}
.ud-slide-right-appear,
.ud-slide-right-enter,
.ud-slide-right-leave {
  -webkit-animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  -webkit-animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud-slide-right-appear.ud-slide-right-appear-active,
.ud-slide-right-enter.ud-slide-right-enter-active {
  -webkit-animation-name: udSlideRightIn;
  -webkit-animation-play-state: running;
}
.ud-slide-right-leave.ud-slide-right-leave-active {
  pointer-events: none;
  -webkit-animation-name: udSlideRightOut;
  -webkit-animation-play-state: running;
  pointer-events: none;
}
@-webkit-keyframes udSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
@keyframes udSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
@-webkit-keyframes udSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
@keyframes udSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
@-webkit-keyframes udSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}
@keyframes udSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}
@-webkit-keyframes udSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}
@keyframes udSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}
@-webkit-keyframes udSlideLeftIn {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
@keyframes udSlideLeftIn {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
@-webkit-keyframes udSlideLeftOut {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
@keyframes udSlideLeftOut {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
@-webkit-keyframes udSlideRightIn {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
}
@keyframes udSlideRightIn {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
}
@-webkit-keyframes udSlideRightOut {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  to {
    opacity: 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
}
@keyframes udSlideRightOut {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  to {
    opacity: 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
}
.zoom-appear,
.zoom-enter,
.zoom-leave {
  -webkit-animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: paused;
}
.zoom-appear.zoom-appear-active,
.zoom-enter.zoom-enter-active {
  -webkit-animation-name: udZoomIn;
  -webkit-animation-play-state: running;
}
.zoom-leave.zoom-leave-active {
  pointer-events: none;
  -webkit-animation-name: udZoomOut;
  -webkit-animation-play-state: running;
  pointer-events: none;
}
.zoom-appear,
.zoom-enter {
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-transform: scale(0);
}
.zoom-appear-prepare,
.zoom-enter-prepare {
  -webkit-transform: none;
}
.zoom-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ud-zoom-big-appear,
.ud-zoom-big-enter,
.ud-zoom-big-leave {
  -webkit-animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: paused;
}
.ud-zoom-big-appear.ud-zoom-big-appear-active,
.ud-zoom-big-enter.ud-zoom-big-enter-active {
  -webkit-animation-name: udZoomBigIn;
  -webkit-animation-play-state: running;
}
.ud-zoom-big-leave.ud-zoom-big-leave-active {
  pointer-events: none;
  -webkit-animation-name: udZoomBigOut;
  -webkit-animation-play-state: running;
  pointer-events: none;
}
.ud-zoom-big-appear,
.ud-zoom-big-enter {
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-transform: scale(0);
}
.ud-zoom-big-appear-prepare,
.ud-zoom-big-enter-prepare {
  -webkit-transform: none;
}
.ud-zoom-big-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ud-zoom-big-fast-appear,
.ud-zoom-big-fast-enter,
.ud-zoom-big-fast-leave {
  -webkit-animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: paused;
}
.ud-zoom-big-fast-appear.ud-zoom-big-fast-appear-active,
.ud-zoom-big-fast-enter.ud-zoom-big-fast-enter-active {
  -webkit-animation-name: udZoomBigIn;
  -webkit-animation-play-state: running;
}
.ud-zoom-big-fast-leave.ud-zoom-big-fast-leave-active {
  pointer-events: none;
  -webkit-animation-name: udZoomBigOut;
  -webkit-animation-play-state: running;
  pointer-events: none;
}
.ud-zoom-big-fast-appear,
.ud-zoom-big-fast-enter {
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-transform: scale(0);
}
.ud-zoom-big-fast-appear-prepare,
.ud-zoom-big-fast-enter-prepare {
  -webkit-transform: none;
}
.ud-zoom-big-fast-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ud-zoom-up-appear,
.ud-zoom-up-enter,
.ud-zoom-up-leave {
  -webkit-animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: paused;
}
.ud-zoom-up-appear.ud-zoom-up-appear-active,
.ud-zoom-up-enter.ud-zoom-up-enter-active {
  -webkit-animation-name: udZoomUpIn;
  -webkit-animation-play-state: running;
}
.ud-zoom-up-leave.ud-zoom-up-leave-active {
  pointer-events: none;
  -webkit-animation-name: udZoomUpOut;
  -webkit-animation-play-state: running;
  pointer-events: none;
}
.ud-zoom-up-appear,
.ud-zoom-up-enter {
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-transform: scale(0);
}
.ud-zoom-up-appear-prepare,
.ud-zoom-up-enter-prepare {
  -webkit-transform: none;
}
.ud-zoom-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ud-zoom-down-appear,
.ud-zoom-down-enter,
.ud-zoom-down-leave {
  -webkit-animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: paused;
}
.ud-zoom-down-appear.ud-zoom-down-appear-active,
.ud-zoom-down-enter.ud-zoom-down-enter-active {
  -webkit-animation-name: udZoomDownIn;
  -webkit-animation-play-state: running;
}
.ud-zoom-down-leave.ud-zoom-down-leave-active {
  pointer-events: none;
  -webkit-animation-name: udZoomDownOut;
  -webkit-animation-play-state: running;
  pointer-events: none;
}
.ud-zoom-down-appear,
.ud-zoom-down-enter {
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-transform: scale(0);
}
.ud-zoom-down-appear-prepare,
.ud-zoom-down-enter-prepare {
  -webkit-transform: none;
}
.ud-zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ud-zoom-left-appear,
.ud-zoom-left-enter,
.ud-zoom-left-leave {
  -webkit-animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: paused;
}
.ud-zoom-left-appear.ud-zoom-left-appear-active,
.ud-zoom-left-enter.ud-zoom-left-enter-active {
  -webkit-animation-name: udZoomLeftIn;
  -webkit-animation-play-state: running;
}
.ud-zoom-left-leave.ud-zoom-left-leave-active {
  pointer-events: none;
  -webkit-animation-name: udZoomLeftOut;
  -webkit-animation-play-state: running;
  pointer-events: none;
}
.ud-zoom-left-appear,
.ud-zoom-left-enter {
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-transform: scale(0);
}
.ud-zoom-left-appear-prepare,
.ud-zoom-left-enter-prepare {
  -webkit-transform: none;
}
.ud-zoom-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ud-zoom-right-appear,
.ud-zoom-right-enter,
.ud-zoom-right-leave {
  -webkit-animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: paused;
}
.ud-zoom-right-appear.ud-zoom-right-appear-active,
.ud-zoom-right-enter.ud-zoom-right-enter-active {
  -webkit-animation-name: udZoomRightIn;
  -webkit-animation-play-state: running;
}
.ud-zoom-right-leave.ud-zoom-right-leave-active {
  pointer-events: none;
  -webkit-animation-name: udZoomRightOut;
  -webkit-animation-play-state: running;
  pointer-events: none;
}
.ud-zoom-right-appear,
.ud-zoom-right-enter {
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-transform: scale(0);
}
.ud-zoom-right-appear-prepare,
.ud-zoom-right-enter-prepare {
  -webkit-transform: none;
}
.ud-zoom-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@-webkit-keyframes udZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes udZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes udZoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
}
@keyframes udZoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
}
@-webkit-keyframes udZoomBigIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes udZoomBigIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes udZoomBigOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes udZoomBigOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-webkit-keyframes udZoomUpIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
}
@keyframes udZoomUpIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
}
@-webkit-keyframes udZoomUpOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
}
@keyframes udZoomUpOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
}
@-webkit-keyframes udZoomLeftIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
}
@keyframes udZoomLeftIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
}
@-webkit-keyframes udZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
}
@keyframes udZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
}
@-webkit-keyframes udZoomRightIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
}
@keyframes udZoomRightIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
}
@-webkit-keyframes udZoomRightOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
}
@keyframes udZoomRightOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
}
@-webkit-keyframes udZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@keyframes udZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@-webkit-keyframes udZoomDownOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@keyframes udZoomDownOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
.ud__select {
  vertical-align: top;
}
.ud__select,
.ud__select__selector {
  box-sizing: border-box;
  color: var(--text-title);
  font-variant: tabular-nums;
}
.ud__select__selector {
  align-items: flex-start;
  background-color: var(--udtoken-component-outlined-bg);
  border: solid var(--line-border-component);
  display: flex;
}
.ud__select__selector__arrow {
  align-items: center;
  color: var(--icon-n2);
  display: flex;
  position: -webkit-sticky;
  position: sticky;
}
.ud__select__selector-loading .universe-icon,
.ud__select__selector__arrow .universe-icon {
  -webkit-transform: none;
}
.ud__select__selector-open .ud__select__selector__selectItem {
  color: var(--text-title);
  opacity: 0.5;
}
.ud__select__selector-open > .ud__select__selector__arrow .universe-icon {
  -webkit-transform: rotate(180deg);
}
.ud__select__selector-readOnly .ud__select__selector__search {
  pointer-events: none;
}
.ud__select__selector-disabled {
  background-color: var(--udtoken-input-bg-disabled);
  color: var(--udtoken-component-text-disabled-loading);
}
.ud__select__selector__content {
  flex: 1 1;
  overflow-x: hidden;
}
.ud__select__selector__search__input {
  -webkit-appearance: none;
  appearance: none;
  color: var(--text-title);
  cursor: inherit;
  font-size: inherit;
}
.ud__select__selector__search__input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.ud__select__selector__selectItem {
  transition: color 0.12s cubic-bezier(0.34, 0.69, 0.1, 1);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ud__select__selector__placeholder {
  color: var(--text-placeholder);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ud__select__selector-multiple.ud__select__selector-not-empty
  .ud__select__selector__search {
  align-items: center;
  display: flex;
  flex: 1 1;
}
.ud__select__selector__tag {
  display: flex;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ud__select__selector__clear {
  align-items: center;
  color: var(--icon-n2);
  display: flex;
  opacity: 0;
  position: -webkit-sticky;
  position: sticky;
}
.ud__select__list {
  background: var(--bg-float);
  border: 1px solid var(--line-border-card);
  box-shadow: var(--shadow-s4-down);
  box-sizing: border-box;
  color: var(--text-title);
  font-variant: tabular-nums;
}
.ud__select__list__loading-container {
  align-items: center;
  box-sizing: border-box;
  color: var(--primary-pri-500);
  display: flex;
  justify-content: center;
}
.ud__select__list__empty {
  color: var(--text-placeholder);
}
.ud__select__list__item {
  background: var(--bg-float);
  display: flex;
}
.ud__select__list__item-selected {
  color: var(--primary-pri-500);
}
.ud__select__list__item-disabled {
  background: var(--bg-float);
  color: var(--text-disabled);
}
.ud__select__list__item__content {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}
.ud__select__list__item__content-highlight {
  color: var(--primary-pri-500);
}
.ud__select__list__item__check {
  align-items: center;
  display: flex;
}
.ud__select__list__group__title {
  color: var(--text-placeholder);
  font-weight: 500;
}
.ud__os-mac .ud__select__list__group__title,
.ud__select__list__group__title.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__select__list__group__title,
.ud__select__list__group__title.ud__os-win {
  font-weight: 600;
}
.ud__select__list__group:before {
  background-color: var(--line-divider-default);
  content: "";
}
.ud__select__dropdown {
  color: var(--text-title);
  pointer-events: auto !important;
}
.ud__select__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__select__dropdown-placement-bottomLeft,
.ud__select__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__select__dropdown-placement-bottomLeft {
  -webkit-animation-name: udSlideUpIn;
}
.ud__select__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__select__dropdown-placement-topLeft,
.ud__select__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__select__dropdown-placement-topLeft {
  -webkit-animation-name: udSlideDownIn;
}
.ud__select__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__select__dropdown-placement-bottomLeft {
  -webkit-animation-name: udSlideUpOut;
}
.ud__select__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__select__dropdown-placement-topLeft {
  -webkit-animation-name: udSlideDownOut;
}
.ud__tooltip {
  box-sizing: border-box;
  pointer-events: auto !important;
  -webkit-transform: translateZ(0);
  width: -webkit-max-content;
}
.ud__tooltip__arrow {
  box-sizing: border-box;
  overflow: hidden;
}
.ud__tooltip__arrow__content {
  background: var(--bg-float);
  border: 1px solid var(--line-border-card);
  box-sizing: border-box;
  content: "";
  -webkit-transform: rotate(45deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.ud__tooltip__arrow-top {
  -webkit-transform: translate(-50%, -100%);
}
.ud__tooltip__arrow-bottom {
  -webkit-transform: translate(-50%, 100%);
}
.ud__tooltip__arrow-left {
  -webkit-transform: translate(-100%, -50%);
}
.ud__tooltip__arrow-right {
  -webkit-transform: translate(100%, -50%);
}
.ud__tooltip-content {
  word-wrap: break-word;
  background-color: var(--bg-tips);
  box-shadow: var(--shadow-s4-down);
  box-sizing: border-box;
  color: var(--static-white);
}
.ud-tooltip-zoom-appear,
.ud-tooltip-zoom-enter,
.ud-tooltip-zoom-leave {
  -webkit-animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  -webkit-animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
  animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud-tooltip-zoom-appear.ud-tooltip-zoom-appear-active,
.ud-tooltip-zoom-enter.ud-tooltip-zoom-enter-active {
  -webkit-animation-name: udTooltipZoomIn;
  -webkit-animation-play-state: running;
}
.ud-tooltip-zoom-leave.ud-tooltip-zoom-leave-active {
  pointer-events: none;
  -webkit-animation-name: udTooltipZoomOut;
  -webkit-animation-play-state: running;
  pointer-events: none;
}
.ud-tooltip-zoom[class*="-top"] {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.ud-tooltip-zoom[class*="-left"] {
  -webkit-transform-origin: right;
  transform-origin: right;
}
.ud-tooltip-zoom[class*="-right"] {
  -webkit-transform-origin: left;
  transform-origin: left;
}
.ud-tooltip-zoom[class*="-bottom"] {
  -webkit-transform-origin: top;
  transform-origin: top;
}
.ud-tooltip-zoom[class*="-rightBottom"],
.ud-tooltip-zoom[class*="-topLeft"] {
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.ud-tooltip-zoom[class*="-leftBottom"],
.ud-tooltip-zoom[class*="-topRight"] {
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.ud-tooltip-zoom[class*="-bottomRight"],
.ud-tooltip-zoom[class*="-leftTop"] {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.ud-tooltip-zoom[class*="-bottomLeft"],
.ud-tooltip-zoom[class*="-rightTop"] {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
@-webkit-keyframes udTooltipZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes udTooltipZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes udTooltipZoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@keyframes udTooltipZoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
.ud__tag {
  align-items: center;
  border-radius: 4px;
  box-sizing: border-box;
  color: var(--text-title);
  cursor: text;
  display: inline-flex;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  max-width: 100%;
  padding: 0;
  vertical-align: top;
  white-space: nowrap;
}
.ud__tag,
.ud__tag__close-icon {
  transition: 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__tag__close-icon {
  cursor: pointer;
  margin-left: 4px;
}
.ud__tag-xs {
  font-size: 10px;
  height: 17px;
  line-height: 17px;
  padding: 0 4px;
}
.ud__tag-xs.ud__tag-square {
  width: 17px;
}
.ud__tag-xs.ud__tag-round {
  padding-right: 5.6661px;
}
.ud__tag-xs > .ud__tag__close-icon {
  font-size: 9px;
  margin-left: 2px;
}
.ud__tag-xs > .ud__tag__content {
  zoom: 0.83333333;
  font-size: 12px;
}
.ud__tag-sm {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
}
.ud__tag-sm.ud__tag-square {
  width: 20px;
}
.ud__tag-sm.ud__tag-round {
  padding-right: 6.666px;
}
.ud__tag-sm > .ud__tag__close-icon {
  font-size: 10px;
  margin-left: 4px;
}
.ud__tag-md {
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
}
.ud__tag-md.ud__tag-square {
  width: 24px;
}
.ud__tag-md.ud__tag-round {
  padding-right: 7.9992px;
}
.ud__tag-md > .ud__tag__close-icon {
  font-size: 12px;
  margin-left: 4px;
}
.ud__tag-lg {
  font-size: 16px;
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
}
.ud__tag-lg.ud__tag-square {
  width: 32px;
}
.ud__tag-lg.ud__tag-round {
  padding-right: 10.6656px;
}
.ud__tag-lg > .ud__tag__close-icon {
  font-size: 14px;
  margin-left: 4px;
}
.ud__tag__content {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}
.ud__tag__content-has-icon {
  margin: 0 0 0 4px;
}
.ud__tag-square {
  justify-content: center;
  padding: 0;
}
.ud__tag-round {
  border-radius: 999999px;
  padding: 0 8px;
}
.ud__tag-round.ud__tag-has-icon {
  padding-bottom: 0;
  padding-left: 2px;
  padding-top: 0;
}
.ud__tag-neutral {
  background-color: var(--udtoken-tag-neutral-bg-normal);
  color: var(--udtoken-tag-neutral-text-normal);
  font-weight: 500;
}
.ud__os-mac .ud__tag-neutral,
.ud__tag-neutral.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-neutral,
.ud__tag-neutral.ud__os-win {
  font-weight: 600;
}
.ud__tag-neutral > .ud__tag__close-icon,
.ud__tag-neutral > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-neutral-text-normal);
}
.ud__tag-neutral > .ud__tag__close-icon {
  box-sizing: border-box;
  opacity: 0.6;
}
.ud__tag-neutral > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-neutral-text-normal);
  opacity: 1;
}
.ud__tag-neutral > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-neutral-text-normal);
  opacity: 0.8;
}
.ud__tag-neutral-light {
  background-color: var(--udtoken-tag-neutral-bg-solid);
  color: var(--udtoken-tag-neutral-text-solid);
  font-weight: 500;
}
.ud__os-mac .ud__tag-neutral-light,
.ud__tag-neutral-light.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-neutral-light,
.ud__tag-neutral-light.ud__os-win {
  font-weight: 600;
}
.ud__tag-neutral-light > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-neutral-text-solid);
}
.ud__tag-neutral-light > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--udtoken-tag-neutral-text-solid);
  opacity: 0.6;
}
.ud__tag-neutral-light > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-neutral-text-solid);
  opacity: 1;
}
.ud__tag-neutral-light > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-neutral-text-solid);
  opacity: 0.8;
}
.ud__tag-neutral-ghost {
  background-color: var(--udtoken-tag-neutral-bg-inverse);
  color: var(--udtoken-tag-neutral-text-inverse);
  font-weight: 500;
}
.ud__os-mac .ud__tag-neutral-ghost,
.ud__tag-neutral-ghost.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-neutral-ghost,
.ud__tag-neutral-ghost.ud__os-win {
  font-weight: 600;
}
.ud__tag-neutral-ghost > .ud__tag__close-icon,
.ud__tag-neutral-ghost > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-neutral-text-inverse);
}
.ud__tag-neutral-ghost > .ud__tag__close-icon {
  box-sizing: border-box;
  opacity: 0.6;
}
.ud__tag-neutral-ghost > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-neutral-text-inverse);
  opacity: 1;
}
.ud__tag-neutral-ghost > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-neutral-text-inverse);
  opacity: 0.8;
}
.ud__tag-neutral-ghost-transparent {
  background-color: var(--udtoken-tag-neutral-bg-inverse-opacity);
  color: var(--udtoken-tag-neutral-text-inverse-opacity);
  font-weight: 500;
}
.ud__os-mac .ud__tag-neutral-ghost-transparent,
.ud__tag-neutral-ghost-transparent.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-neutral-ghost-transparent,
.ud__tag-neutral-ghost-transparent.ud__os-win {
  font-weight: 600;
}
.ud__tag-neutral-ghost-transparent > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--udtoken-tag-neutral-text-inverse-opacity);
  opacity: 0.6;
}
.ud__tag-neutral-ghost-transparent > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-neutral-text-inverse-opacity);
  opacity: 1;
}
.ud__tag-neutral-ghost-transparent > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-neutral-text-inverse-opacity);
  opacity: 0.8;
}
.ud__tag-neutral-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--icon-n1);
}
.ud__tag-neutral-option > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--icon-n1);
  opacity: 0.6;
}
.ud__tag-neutral-option > .ud__tag__close-icon:hover {
  color: var(--icon-n1);
  opacity: 1;
}
.ud__tag-neutral-option > .ud__tag__close-icon:active {
  color: var(--icon-n1);
  opacity: 0.8;
}
.ud__tag-neutral-option.ud__tag-disabled {
  color: var(--text-placeholder);
}
.ud__tag-neutral-select {
  background-color: var(--udtoken-tag-neutral-bg-normal);
  color: var(--text-title);
}
.ud__tag-neutral-select > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--icon-n1);
}
.ud__tag-neutral-select > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--text-title);
  opacity: 0.6;
}
.ud__tag-neutral-select > .ud__tag__close-icon:hover {
  color: var(--icon-n1);
  opacity: 1;
}
.ud__tag-neutral-select > .ud__tag__close-icon:active {
  color: var(--text-title);
  opacity: 0.8;
}
.ud__tag-neutral-select:hover {
  background-color: var(--udtoken-tag-neutral-bg-normal-hover);
}
.ud__tag-neutral-select:active {
  background-color: var(--udtoken-tag-neutral-bg-normal-pressed);
}
.ud__tag-neutral-select.ud__tag-disabled {
  background-color: var(--udtoken-tag-neutral-bg-normal);
  color: var(--udtoken-component-text-disabled-loading);
  cursor: not-allowed;
}
.ud__os-mac .ud__tag-blue,
.ud__tag-blue,
.ud__tag-blue.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-blue,
.ud__tag-blue.ud__os-win {
  font-weight: 600;
}
.ud__tag-blue > .ud__tag__close-icon,
.ud__tag-blue > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-blue);
}
.ud__tag-blue > .ud__tag__close-icon {
  box-sizing: border-box;
  opacity: 0.6;
}
.ud__tag-blue > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-s-blue);
  opacity: 1;
}
.ud__tag-blue > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-s-blue);
  opacity: 0.8;
}
.ud__tag-turquoise {
  background-color: var(--udtoken-tag-bg-turquoise);
  color: var(--udtoken-tag-text-s-turquoise);
  font-weight: 500;
}
.ud__os-mac .ud__tag-turquoise,
.ud__tag-turquoise.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-turquoise,
.ud__tag-turquoise.ud__os-win {
  font-weight: 600;
}
.ud__tag-turquoise > .ud__tag__close-icon,
.ud__tag-turquoise > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-turquoise);
}
.ud__tag-turquoise > .ud__tag__close-icon {
  box-sizing: border-box;
  opacity: 0.6;
}
.ud__tag-turquoise > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-s-turquoise);
  opacity: 1;
}
.ud__tag-turquoise > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-s-turquoise);
  opacity: 0.8;
}
.ud__os-mac .ud__tag-lime,
.ud__tag-lime,
.ud__tag-lime.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-lime,
.ud__tag-lime.ud__os-win {
  font-weight: 600;
}
.ud__tag-lime > .ud__tag__close-icon,
.ud__tag-lime > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-lime);
}
.ud__tag-lime > .ud__tag__close-icon {
  box-sizing: border-box;
  opacity: 0.6;
}
.ud__tag-lime > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-s-lime);
  opacity: 1;
}
.ud__tag-lime > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-s-lime);
  opacity: 0.8;
}
.ud__tag-orange {
  background-color: var(--udtoken-tag-bg-orange);
  color: var(--udtoken-tag-text-s-orange);
  font-weight: 500;
}
.ud__os-mac .ud__tag-orange,
.ud__tag-orange.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-orange,
.ud__tag-orange.ud__os-win {
  font-weight: 600;
}
.ud__tag-orange > .ud__tag__close-icon,
.ud__tag-orange > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-orange);
}
.ud__tag-orange > .ud__tag__close-icon {
  box-sizing: border-box;
  opacity: 0.6;
}
.ud__tag-orange > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-s-orange);
  opacity: 1;
}
.ud__tag-orange > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-s-orange);
  opacity: 0.8;
}
.ud__tag-violet {
  background-color: var(--udtoken-tag-bg-violet);
  color: var(--udtoken-tag-text-s-violet);
  font-weight: 500;
}
.ud__os-mac .ud__tag-violet,
.ud__tag-violet.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-violet,
.ud__tag-violet.ud__os-win {
  font-weight: 600;
}
.ud__tag-violet > .ud__tag__close-icon,
.ud__tag-violet > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-violet);
}
.ud__tag-violet > .ud__tag__close-icon {
  box-sizing: border-box;
  opacity: 0.6;
}
.ud__tag-violet > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-s-violet);
  opacity: 1;
}
.ud__tag-violet > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-s-violet);
  opacity: 0.8;
}
.ud__tag-indigo {
  background-color: var(--udtoken-tag-bg-indigo);
  color: var(--udtoken-tag-text-s-indigo);
  font-weight: 500;
}
.ud__os-mac .ud__tag-indigo,
.ud__tag-indigo.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-indigo,
.ud__tag-indigo.ud__os-win {
  font-weight: 600;
}
.ud__tag-indigo > .ud__tag__close-icon,
.ud__tag-indigo > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-indigo);
}
.ud__tag-indigo > .ud__tag__close-icon {
  box-sizing: border-box;
  opacity: 0.6;
}
.ud__tag-indigo > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-s-indigo);
  opacity: 1;
}
.ud__tag-indigo > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-s-indigo);
  opacity: 0.8;
}
.ud__tag-wathet {
  background-color: var(--udtoken-tag-bg-wathet);
  color: var(--udtoken-tag-text-s-wathet);
  font-weight: 500;
}
.ud__os-mac .ud__tag-wathet,
.ud__tag-wathet.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-wathet,
.ud__tag-wathet.ud__os-win {
  font-weight: 600;
}
.ud__tag-wathet > .ud__tag__close-icon,
.ud__tag-wathet > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-wathet);
}
.ud__tag-wathet > .ud__tag__close-icon {
  box-sizing: border-box;
  opacity: 0.6;
}
.ud__tag-wathet > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-s-wathet);
  opacity: 1;
}
.ud__tag-wathet > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-s-wathet);
  opacity: 0.8;
}
.ud__os-mac .ud__tag-green,
.ud__tag-green,
.ud__tag-green.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-green,
.ud__tag-green.ud__os-win {
  font-weight: 600;
}
.ud__tag-green > .ud__tag__close-icon,
.ud__tag-green > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-green);
}
.ud__tag-green > .ud__tag__close-icon {
  box-sizing: border-box;
  opacity: 0.6;
}
.ud__tag-green > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-s-green);
  opacity: 1;
}
.ud__tag-green > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-s-green);
  opacity: 0.8;
}
.ud__tag-yellow {
  background-color: var(--udtoken-tag-bg-yellow);
  color: var(--udtoken-tag-text-s-yellow);
  font-weight: 500;
}
.ud__os-mac .ud__tag-yellow,
.ud__tag-yellow.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-yellow,
.ud__tag-yellow.ud__os-win {
  font-weight: 600;
}
.ud__tag-yellow > .ud__tag__close-icon,
.ud__tag-yellow > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-yellow);
}
.ud__tag-yellow > .ud__tag__close-icon {
  box-sizing: border-box;
  opacity: 0.6;
}
.ud__tag-yellow > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-s-yellow);
  opacity: 1;
}
.ud__tag-yellow > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-s-yellow);
  opacity: 0.8;
}
.ud__os-mac .ud__tag-red,
.ud__tag-red,
.ud__tag-red.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-red,
.ud__tag-red.ud__os-win {
  font-weight: 600;
}
.ud__tag-red > .ud__tag__close-icon,
.ud__tag-red > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-red);
}
.ud__tag-red > .ud__tag__close-icon {
  box-sizing: border-box;
  opacity: 0.6;
}
.ud__tag-red > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-s-red);
  opacity: 1;
}
.ud__tag-red > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-s-red);
  opacity: 0.8;
}
.ud__tag-purple {
  background-color: var(--udtoken-tag-bg-purple);
  color: var(--udtoken-tag-text-s-purple);
  font-weight: 500;
}
.ud__os-mac .ud__tag-purple,
.ud__tag-purple.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-purple,
.ud__tag-purple.ud__os-win {
  font-weight: 600;
}
.ud__tag-purple > .ud__tag__close-icon,
.ud__tag-purple > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-purple);
}
.ud__tag-purple > .ud__tag__close-icon {
  box-sizing: border-box;
  opacity: 0.6;
}
.ud__tag-purple > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-s-purple);
  opacity: 1;
}
.ud__tag-purple > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-s-purple);
  opacity: 0.8;
}
.ud__tag-carmine {
  background-color: var(--udtoken-tag-bg-carmine);
  color: var(--udtoken-tag-text-s-carmine);
  font-weight: 500;
}
.ud__os-mac .ud__tag-carmine,
.ud__tag-carmine.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-carmine,
.ud__tag-carmine.ud__os-win {
  font-weight: 600;
}
.ud__tag-carmine > .ud__tag__close-icon,
.ud__tag-carmine > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-carmine);
}
.ud__tag-carmine > .ud__tag__close-icon {
  box-sizing: border-box;
  opacity: 0.6;
}
.ud__tag-carmine > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-s-carmine);
  opacity: 1;
}
.ud__tag-carmine > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-s-carmine);
  opacity: 0.8;
}
.ud__tag-blue-option {
  background-color: var(--udtoken-tag-bg-blue);
}
.ud__tag-blue-option,
.ud__tag-blue-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-blue);
}
.ud__tag-blue-option > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--udtoken-tag-text-blue);
  opacity: 0.6;
}
.ud__tag-blue-option > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-blue);
  opacity: 1;
}
.ud__tag-blue-option > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-blue);
  opacity: 0.8;
}
.ud__tag-turquoise-option {
  background-color: var(--udtoken-tag-bg-turquoise);
}
.ud__tag-turquoise-option,
.ud__tag-turquoise-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-turquoise);
}
.ud__tag-turquoise-option > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--udtoken-tag-text-turquoise);
  opacity: 0.6;
}
.ud__tag-turquoise-option > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-turquoise);
  opacity: 1;
}
.ud__tag-turquoise-option > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-turquoise);
  opacity: 0.8;
}
.ud__tag-lime-option {
  background-color: var(--udtoken-tag-bg-lime);
}
.ud__tag-lime-option,
.ud__tag-lime-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-lime);
}
.ud__tag-lime-option > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--udtoken-tag-text-lime);
  opacity: 0.6;
}
.ud__tag-lime-option > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-lime);
  opacity: 1;
}
.ud__tag-lime-option > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-lime);
  opacity: 0.8;
}
.ud__tag-orange-option {
  background-color: var(--udtoken-tag-bg-orange);
}
.ud__tag-orange-option,
.ud__tag-orange-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-orange);
}
.ud__tag-orange-option > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--udtoken-tag-text-orange);
  opacity: 0.6;
}
.ud__tag-orange-option > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-orange);
  opacity: 1;
}
.ud__tag-orange-option > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-orange);
  opacity: 0.8;
}
.ud__tag-violet-option {
  background-color: var(--udtoken-tag-bg-violet);
}
.ud__tag-violet-option,
.ud__tag-violet-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-violet);
}
.ud__tag-violet-option > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--udtoken-tag-text-violet);
  opacity: 0.6;
}
.ud__tag-violet-option > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-violet);
  opacity: 1;
}
.ud__tag-violet-option > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-violet);
  opacity: 0.8;
}
.ud__tag-indigo-option {
  background-color: var(--udtoken-tag-bg-indigo);
}
.ud__tag-indigo-option,
.ud__tag-indigo-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-indigo);
}
.ud__tag-indigo-option > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--udtoken-tag-text-indigo);
  opacity: 0.6;
}
.ud__tag-indigo-option > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-indigo);
  opacity: 1;
}
.ud__tag-indigo-option > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-indigo);
  opacity: 0.8;
}
.ud__tag-wathet-option {
  background-color: var(--udtoken-tag-bg-wathet);
}
.ud__tag-wathet-option,
.ud__tag-wathet-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-wathet);
}
.ud__tag-wathet-option > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--udtoken-tag-text-wathet);
  opacity: 0.6;
}
.ud__tag-wathet-option > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-wathet);
  opacity: 1;
}
.ud__tag-wathet-option > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-wathet);
  opacity: 0.8;
}
.ud__tag-green-option {
  background-color: var(--udtoken-tag-bg-green);
}
.ud__tag-green-option,
.ud__tag-green-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-green);
}
.ud__tag-green-option > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--udtoken-tag-text-green);
  opacity: 0.6;
}
.ud__tag-green-option > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-green);
  opacity: 1;
}
.ud__tag-green-option > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-green);
  opacity: 0.8;
}
.ud__tag-yellow-option {
  background-color: var(--udtoken-tag-bg-yellow);
}
.ud__tag-yellow-option,
.ud__tag-yellow-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-yellow);
}
.ud__tag-yellow-option > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--udtoken-tag-text-yellow);
  opacity: 0.6;
}
.ud__tag-yellow-option > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-yellow);
  opacity: 1;
}
.ud__tag-yellow-option > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-yellow);
  opacity: 0.8;
}
.ud__tag-red-option {
  background-color: var(--udtoken-tag-bg-red);
}
.ud__tag-red-option,
.ud__tag-red-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-red);
}
.ud__tag-red-option > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--udtoken-tag-text-red);
  opacity: 0.6;
}
.ud__tag-red-option > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-red);
  opacity: 1;
}
.ud__tag-red-option > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-red);
  opacity: 0.8;
}
.ud__tag-purple-option {
  background-color: var(--udtoken-tag-bg-purple);
}
.ud__tag-purple-option,
.ud__tag-purple-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-purple);
}
.ud__tag-purple-option > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--udtoken-tag-text-purple);
  opacity: 0.6;
}
.ud__tag-purple-option > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-purple);
  opacity: 1;
}
.ud__tag-purple-option > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-purple);
  opacity: 0.8;
}
.ud__tag-carmine-option {
  background-color: var(--udtoken-tag-bg-carmine);
}
.ud__tag-carmine-option,
.ud__tag-carmine-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-carmine);
}
.ud__tag-carmine-option > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--udtoken-tag-text-carmine);
  opacity: 0.6;
}
.ud__tag-carmine-option > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-carmine);
  opacity: 1;
}
.ud__tag-carmine-option > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-carmine);
  opacity: 0.8;
}
.ud__tag-blue-ghost {
  background-color: var(--B400);
  color: var(--static-white);
  font-weight: 500;
}
.ud__os-mac .ud__tag-blue-ghost,
.ud__tag-blue-ghost.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-blue-ghost,
.ud__tag-blue-ghost.ud__os-win {
  font-weight: 600;
}
.ud__tag-blue-ghost > .ud__tag__close-icon {
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, 0.6);
  opacity: 0.6;
}
.ud__tag-blue-ghost > .ud__tag__close-icon:hover {
  color: var(--static-white);
  opacity: 1;
}
.ud__tag-blue-ghost > .ud__tag__close-icon:active {
  color: hsla(0, 0%, 100%, 0.8);
  opacity: 0.8;
}
.ud__tag-carmine-ghost {
  background-color: var(--C400);
  color: var(--static-white);
  font-weight: 500;
}
.ud__os-mac .ud__tag-carmine-ghost,
.ud__tag-carmine-ghost.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-carmine-ghost,
.ud__tag-carmine-ghost.ud__os-win {
  font-weight: 600;
}
.ud__tag-carmine-ghost > .ud__tag__close-icon {
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, 0.6);
  opacity: 0.6;
}
.ud__tag-carmine-ghost > .ud__tag__close-icon:hover {
  color: var(--static-white);
  opacity: 1;
}
.ud__tag-carmine-ghost > .ud__tag__close-icon:active {
  color: hsla(0, 0%, 100%, 0.8);
  opacity: 0.8;
}
.ud__tag-red-ghost {
  background-color: var(--R500);
  color: var(--static-white);
  font-weight: 500;
}
.ud__os-mac .ud__tag-red-ghost,
.ud__tag-red-ghost.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-red-ghost,
.ud__tag-red-ghost.ud__os-win {
  font-weight: 600;
}
.ud__tag-red-ghost > .ud__tag__close-icon {
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, 0.6);
  opacity: 0.6;
}
.ud__tag-red-ghost > .ud__tag__close-icon:hover {
  color: var(--static-white);
  opacity: 1;
}
.ud__tag-red-ghost > .ud__tag__close-icon:active {
  color: hsla(0, 0%, 100%, 0.8);
  opacity: 0.8;
}
.ud__tag-waiting {
  background-color: var(--udtoken-tag-bg-purple);
  color: var(--udtoken-tag-text-s-purple);
  font-weight: 500;
}
.ud__os-mac .ud__tag-waiting,
.ud__tag-waiting.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-waiting,
.ud__tag-waiting.ud__os-win {
  font-weight: 600;
}
.ud__tag-waiting > .ud__tag__close-icon,
.ud__tag-waiting > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-purple);
}
.ud__tag-waiting > .ud__tag__close-icon {
  box-sizing: border-box;
  opacity: 0.6;
}
.ud__tag-waiting > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-s-purple);
  opacity: 1;
}
.ud__tag-waiting > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-s-purple);
  opacity: 0.8;
}
.ud__tag-success {
  background-color: var(--udtoken-tag-bg-green);
  color: var(--udtoken-tag-text-s-green);
  font-weight: 500;
}
.ud__os-mac .ud__tag-success,
.ud__tag-success.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-success,
.ud__tag-success.ud__os-win {
  font-weight: 600;
}
.ud__tag-success > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--udtoken-tag-text-s-green);
  opacity: 0.6;
}
.ud__tag-success > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-s-green);
  opacity: 1;
}
.ud__tag-success > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-s-green);
  opacity: 0.8;
}
.ud__os-mac .ud__tag-info,
.ud__tag-info,
.ud__tag-info.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-info,
.ud__tag-info.ud__os-win {
  font-weight: 600;
}
.ud__tag-info > .ud__tag__close-icon,
.ud__tag-info > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-blue);
}
.ud__tag-info > .ud__tag__close-icon {
  box-sizing: border-box;
  opacity: 0.6;
}
.ud__tag-info > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-s-blue);
  opacity: 1;
}
.ud__tag-info > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-s-blue);
  opacity: 0.8;
}
.ud__tag-warning {
  background-color: var(--udtoken-tag-bg-orange);
  color: var(--udtoken-tag-text-s-orange);
  font-weight: 500;
}
.ud__os-mac .ud__tag-warning,
.ud__tag-warning.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-warning,
.ud__tag-warning.ud__os-win {
  font-weight: 600;
}
.ud__tag-warning > .ud__tag__close-icon,
.ud__tag-warning > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-orange);
}
.ud__tag-warning > .ud__tag__close-icon {
  box-sizing: border-box;
  opacity: 0.6;
}
.ud__tag-warning > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-s-orange);
  opacity: 1;
}
.ud__tag-warning > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-s-orange);
  opacity: 0.8;
}
.ud__os-mac .ud__tag-error,
.ud__tag-error,
.ud__tag-error.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-error,
.ud__tag-error.ud__os-win {
  font-weight: 600;
}
.ud__tag-error > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--udtoken-tag-text-s-red);
  opacity: 0.6;
}
.ud__tag-error > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-text-s-red);
  opacity: 1;
}
.ud__tag-error > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-text-s-red);
  opacity: 0.8;
}
.ud__tag-missing {
  background-color: var(--udtoken-tag-neutral-bg-normal);
  color: var(--udtoken-tag-neutral-text-normal);
  font-weight: 500;
}
.ud__os-mac .ud__tag-missing,
.ud__tag-missing.ud__os-mac {
  font-weight: 500;
}
.ud__os-win .ud__tag-missing,
.ud__tag-missing.ud__os-win {
  font-weight: 600;
}
.ud__tag-missing > .ud__tag__close-icon,
.ud__tag-missing > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-neutral-text-normal);
}
.ud__tag-missing > .ud__tag__close-icon {
  box-sizing: border-box;
  opacity: 0.6;
}
.ud__tag-missing > .ud__tag__close-icon:hover {
  color: var(--udtoken-tag-neutral-text-normal);
  opacity: 1;
}
.ud__tag-missing > .ud__tag__close-icon:active {
  color: var(--udtoken-tag-neutral-text-normal);
  opacity: 0.8;
}
.ud__tag-neutral-avatar > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--icon-n3);
  opacity: 1;
}
.ud__tag-neutral-avatar > .ud__tag__close-icon:hover {
  color: var(--primary-pri-500);
  opacity: 1;
}
.ud__tag-neutral-avatar > .ud__tag__close-icon:active {
  color: var(--primary-pri-600);
  opacity: 1;
}
.ud__tag-blue-avatar > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--icon-n3);
  opacity: 1;
}
.ud__tag-blue-avatar > .ud__tag__close-icon:hover {
  color: var(--B500);
  opacity: 1;
}
.ud__tag-blue-avatar > .ud__tag__close-icon:active {
  color: var(--B600);
  opacity: 1;
}
.ud__tag-orange-avatar > .ud__tag__close-icon {
  box-sizing: border-box;
  color: var(--icon-n3);
  opacity: 1;
}
.ud__tag-orange-avatar > .ud__tag__close-icon:hover {
  color: var(--O500);
  opacity: 1;
}
.ud__tag-orange-avatar > .ud__tag__close-icon:active {
  color: var(--O600);
  opacity: 1;
}
.ud__loading {
  align-items: center;
  box-sizing: border-box;
  color: var(--primary-pri-500);
  display: inline-flex;
  flex-direction: column;
}
.ud__loading__spin-rotate {
  -webkit-animation: 4s linear infinite rotate;
}
.ud__loading__spinner {
  -webkit-animation: 1s linear infinite rotate;
  box-sizing: border-box;
  color: var(--primary-pri-500);
  display: flex;
}
.ud__loading__tip {
  box-sizing: border-box;
  color: var(--text-caption);
}
.ud__loading-nested-loading > .ud__loading {
  -webkit-transform: translate(-50%, -50%);
}
.ud__loading__container-blur {
  opacity: 0.2;
  overflow: hidden;
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes rotate {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.ud__overflow {
  display: flex;
  flex-wrap: wrap;
}
.ud__overflow,
.ud__overflow__item,
.ud__overflow__rest,
.ud__overflow__suffix {
  box-sizing: border-box;
}
.ud__textOverflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}
.ud__popover {
  box-sizing: border-box;
  pointer-events: auto !important;
  width: -webkit-max-content;
}
.ud__popover__arrow {
  box-sizing: border-box;
  overflow: hidden;
}
.ud__popover__arrow__content {
  background: var(--bg-float);
  border: 1px solid var(--line-border-card);
  box-sizing: border-box;
  content: "";
  -webkit-transform: rotate(45deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.ud__popover__arrow-top {
  -webkit-transform: translate(-50%, calc(1px - 100%));
}
.ud__popover__arrow-bottom {
  -webkit-transform: translate(-50%, calc(-1px + 100%));
}
.ud__popover__arrow-left {
  -webkit-transform: translate(calc(1px - 100%), -50%);
}
.ud__popover__arrow-right {
  -webkit-transform: translate(calc(-1px + 100%), -50%);
}
.ud__popover-content {
  word-wrap: break-word;
  background-color: var(--bg-float);
  border: 1px solid var(--line-border-card);
  box-shadow: var(--shadow-s4-down);
  box-sizing: border-box;
  color: var(--text-title);
}
.ud__popover__overlay-title {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-weight: 500;
}
.ud__popover-icon-customer,
.ud__popover-icon-error,
.ud__popover-icon-info,
.ud__popover-icon-success,
.ud__popover-icon-warning {
  box-sizing: border-box;
  font-size: 16px;
  padding-right: 8px;
}
.ud__popover-icon-success {
  color: var(--function-success-500);
}
.ud__popover-icon-warning {
  color: var(--function-warning-500);
}
.ud__popover-icon-info {
  color: var(--function-info-500);
}
.ud__popover-icon-error {
  color: var(--function-danger-500);
}
.ud__popover-icon-customer-wrapper {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  color: inherit;
  display: inline-block;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-rendering: optimizeLegibility;
  text-transform: none;
  vertical-align: -0.125em;
}
.ud__popover-icon-customer-wrapper > * {
  line-height: 1;
}
.ud__popover-icon-customer-wrapper svg {
  display: inline-block;
}
.ud__popover-icon-customer-wrapper:before {
  display: none;
}
.ud__space {
  box-sizing: border-box;
  display: flex;
}
.ud__native-input[disabled] {
  -webkit-text-fill-color: var(--text-placeholder);
  color: var(--text-placeholder);
}
.ud__svg-spin-loading {
  box-sizing: border-box;
  -webkit-animation: 1.2s linear infinite SpinSVGRotate;
  box-sizing: border-box;
}
.ud__svg-spin-loading > circle {
  stroke-dasharray: 1, 220;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  stroke-dasharray: 1, 220;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  -webkit-animation: 2.5s ease-in-out infinite SpinSVGDash;
  animation: 2.5s ease-in-out infinite SpinSVGDash;
}
@-webkit-keyframes SpinSVGRotate {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes SpinSVGRotate {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-webkit-keyframes SpinSVGDash {
  0% {
    stroke-dasharray: 1, 220;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 150, 220;
    stroke-dashoffset: -68px;
  }
  to {
    stroke-dasharray: 150, 220;
    stroke-dashoffset: -218px;
  }
}
.ud__input,
.ud__input-password {
  background-color: var(--udtoken-component-outlined-bg);
  border-color: var(--line-border-component);
  box-sizing: border-box;
  display: inline-flex;
  width: 100%;
}
.ud__input-input-wrap,
.ud__input-password-input-wrap {
  box-sizing: border-box;
  display: flex;
  flex: 1 1;
  min-width: 0;
}
.ud__input-input-wrap:before,
.ud__input-password-input-wrap:before {
  content: "\a0";
}
.ud__input--size-sm .ud__input-password__prefix .ud__button svg,
.ud__input--size-sm .ud__input-password__suffix .ud__button svg,
.ud__input--size-sm .ud__input__prefix .ud__button svg,
.ud__input--size-sm .ud__input__suffix .ud__button svg,
.ud__input-password--size-sm .ud__input-password__prefix .ud__button svg,
.ud__input-password--size-sm .ud__input-password__suffix .ud__button svg,
.ud__input-password--size-sm .ud__input__prefix .ud__button svg,
.ud__input-password--size-sm .ud__input__suffix .ud__button svg {
  height: 14px;
  width: 14px;
}
.ud__input--size-sm .ud__input__clear-icon svg,
.ud__input-password--size-sm .ud__input__clear-icon svg {
  color: var(--icon-n2);
  font-size: 10px;
}
.ud__input--size-sm.ud__input--size-sm.ud__input-addon input,
.ud__input--size-sm.ud__input-password--size-sm.ud__input-addon input,
.ud__input-password--size-sm.ud__input--size-sm.ud__input-addon input,
.ud__input-password--size-sm.ud__input-password--size-sm.ud__input-addon input {
  padding: 0 7px;
}
.ud__input--size-sm .ud__input-password__addon-after .ud__select__selector-s,
.ud__input--size-sm .ud__input-password__addon-before .ud__select__selector-s,
.ud__input--size-sm .ud__input__addon-after .ud__select__selector-s,
.ud__input--size-sm .ud__input__addon-before .ud__select__selector-s,
.ud__input-password--size-sm
  .ud__input-password__addon-after
  .ud__select__selector-s,
.ud__input-password--size-sm
  .ud__input-password__addon-before
  .ud__select__selector-s,
.ud__input-password--size-sm .ud__input__addon-after .ud__select__selector-s,
.ud__input-password--size-sm .ud__input__addon-before .ud__select__selector-s {
  -webkit-transform: translateY(1px);
}
.ud__input--size-md .ud__input-password__prefix .ud__button svg,
.ud__input--size-md .ud__input-password__suffix .ud__button svg,
.ud__input--size-md .ud__input__prefix .ud__button svg,
.ud__input--size-md .ud__input__suffix .ud__button svg,
.ud__input-password--size-md .ud__input-password__prefix .ud__button svg,
.ud__input-password--size-md .ud__input-password__suffix .ud__button svg,
.ud__input-password--size-md .ud__input__prefix .ud__button svg,
.ud__input-password--size-md .ud__input__suffix .ud__button svg {
  height: 16px;
  width: 16px;
}
.ud__input--size-md .ud__input__clear-icon svg,
.ud__input-password--size-md .ud__input__clear-icon svg {
  color: var(--icon-n2);
  font-size: 12px;
}
.ud__input--size-md.ud__input--size-md.ud__input-addon input,
.ud__input--size-md.ud__input-password--size-md.ud__input-addon input,
.ud__input-password--size-md.ud__input--size-md.ud__input-addon input,
.ud__input-password--size-md.ud__input-password--size-md.ud__input-addon input {
  padding: 0 11px;
}
.ud__input--size-lg .ud__input-password__prefix .ud__button svg,
.ud__input--size-lg .ud__input-password__suffix .ud__button svg,
.ud__input--size-lg .ud__input__prefix .ud__button svg,
.ud__input--size-lg .ud__input__suffix .ud__button svg,
.ud__input-password--size-lg .ud__input-password__prefix .ud__button svg,
.ud__input-password--size-lg .ud__input-password__suffix .ud__button svg,
.ud__input-password--size-lg .ud__input__prefix .ud__button svg,
.ud__input-password--size-lg .ud__input__suffix .ud__button svg {
  height: 20px;
  width: 20px;
}
.ud__input--size-lg .ud__input__clear-icon svg,
.ud__input-password--size-lg .ud__input__clear-icon svg {
  color: var(--icon-n2);
  font-size: 16px;
}
.ud__input--size-lg.ud__input--size-lg.ud__input-addon input,
.ud__input--size-lg.ud__input-password--size-lg.ud__input-addon input,
.ud__input-password--size-lg.ud__input--size-lg.ud__input-addon input,
.ud__input-password--size-lg.ud__input-password--size-lg.ud__input-addon input {
  padding: 0 11px;
}
.ud__input input,
.ud__input-password input {
  color: var(--text-title);
  flex: 1 1;
  min-width: 0;
}
.ud__input input::-webkit-input-placeholder,
.ud__input-password input::-webkit-input-placeholder {
  color: var(--text-placeholder);
}
.ud__input input:-ms-input-placeholder,
.ud__input-password input:-ms-input-placeholder {
  color: var(--text-placeholder);
  text-overflow: ellipsis;
}
.ud__input input::placeholder,
.ud__input-password input::placeholder {
  color: var(--text-placeholder);
}
.ud__input--focused:not(.ud__input-addon),
.ud__input-password--focused:not(.ud__input-addon),
.ud__input-password:focus:not(.ud__input-addon),
.ud__input-password:hover:not(.ud__input-addon),
.ud__input:focus:not(.ud__input-addon),
.ud__input:hover:not(.ud__input-addon) {
  border-color: var(--primary-pri-500);
}
.ud__input--disabled,
.ud__input-password--disabled {
  background-color: var(--udtoken-input-bg-disabled);
  border-color: var(--line-border-component);
  color: var(--text-placeholder);
}
.ud__input--disabled > *,
.ud__input-password--disabled > * {
  color: var(--text-placeholder);
  pointer-events: none;
}
.ud__input--disabled .ud__input-password__addon-after svg,
.ud__input--disabled .ud__input-password__addon-before svg,
.ud__input--disabled .ud__input-password__prefix svg,
.ud__input--disabled .ud__input-password__suffix svg,
.ud__input--disabled .ud__input__addon-after svg,
.ud__input--disabled .ud__input__addon-before svg,
.ud__input--disabled .ud__input__prefix svg,
.ud__input--disabled .ud__input__suffix svg,
.ud__input-password--disabled .ud__input-password__addon-after svg,
.ud__input-password--disabled .ud__input-password__addon-before svg,
.ud__input-password--disabled .ud__input-password__prefix svg,
.ud__input-password--disabled .ud__input-password__suffix svg,
.ud__input-password--disabled .ud__input__addon-after svg,
.ud__input-password--disabled .ud__input__addon-before svg,
.ud__input-password--disabled .ud__input__prefix svg,
.ud__input-password--disabled .ud__input__suffix svg {
  color: var(--icon-disabled);
}
.ud__input--disabled
  .ud__input-password__addon-after
  .ud__select
  .ud__select__selector,
.ud__input--disabled
  .ud__input-password__addon-before
  .ud__select
  .ud__select__selector,
.ud__input--disabled
  .ud__input-password__prefix
  .ud__select
  .ud__select__selector,
.ud__input--disabled
  .ud__input-password__suffix
  .ud__select
  .ud__select__selector,
.ud__input--disabled .ud__input__addon-after .ud__select .ud__select__selector,
.ud__input--disabled .ud__input__addon-before .ud__select .ud__select__selector,
.ud__input--disabled .ud__input__prefix .ud__select .ud__select__selector,
.ud__input--disabled .ud__input__suffix .ud__select .ud__select__selector,
.ud__input-password--disabled
  .ud__input-password__addon-after
  .ud__select
  .ud__select__selector,
.ud__input-password--disabled
  .ud__input-password__addon-before
  .ud__select
  .ud__select__selector,
.ud__input-password--disabled
  .ud__input-password__prefix
  .ud__select
  .ud__select__selector,
.ud__input-password--disabled
  .ud__input-password__suffix
  .ud__select
  .ud__select__selector,
.ud__input-password--disabled
  .ud__input__addon-after
  .ud__select
  .ud__select__selector,
.ud__input-password--disabled
  .ud__input__addon-before
  .ud__select
  .ud__select__selector,
.ud__input-password--disabled
  .ud__input__prefix
  .ud__select
  .ud__select__selector,
.ud__input-password--disabled
  .ud__input__suffix
  .ud__select
  .ud__select__selector {
  color: var(--text-placeholder);
}
.ud__input--disabled
  .ud__input-password__addon-after
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input--disabled
  .ud__input-password__addon-before
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input--disabled
  .ud__input-password__prefix
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input--disabled
  .ud__input-password__suffix
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input--disabled
  .ud__input__addon-after
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input--disabled
  .ud__input__addon-before
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input--disabled
  .ud__input__prefix
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input--disabled
  .ud__input__suffix
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input-password--disabled
  .ud__input-password__addon-after
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input-password--disabled
  .ud__input-password__addon-before
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input-password--disabled
  .ud__input-password__prefix
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input-password--disabled
  .ud__input-password__suffix
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input-password--disabled
  .ud__input__addon-after
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input-password--disabled
  .ud__input__addon-before
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input-password--disabled
  .ud__input__prefix
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input-password--disabled
  .ud__input__suffix
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow {
  color: var(--icon-disabled);
}
.ud__input--disabled.ud__input--error,
.ud__input--disabled.ud__input--focused,
.ud__input--disabled.ud__input-password--error,
.ud__input--disabled.ud__input-password--focused,
.ud__input--disabled.ud__input-password:focus,
.ud__input--disabled.ud__input-password:hover,
.ud__input--disabled.ud__input:focus,
.ud__input--disabled.ud__input:hover,
.ud__input-password--disabled.ud__input--error,
.ud__input-password--disabled.ud__input--focused,
.ud__input-password--disabled.ud__input-password--error,
.ud__input-password--disabled.ud__input-password--focused,
.ud__input-password--disabled.ud__input-password:focus,
.ud__input-password--disabled.ud__input-password:hover,
.ud__input-password--disabled.ud__input:focus,
.ud__input-password--disabled.ud__input:hover {
  border-color: var(--line-border-component);
}
.ud__input--error,
.ud__input--error.ud__input--focused,
.ud__input--error.ud__input-password--focused,
.ud__input--error.ud__input-password:focus,
.ud__input--error.ud__input-password:hover,
.ud__input--error.ud__input:focus,
.ud__input--error.ud__input:hover,
.ud__input-password--error,
.ud__input-password--error.ud__input--focused,
.ud__input-password--error.ud__input-password--focused,
.ud__input-password--error.ud__input-password:focus,
.ud__input-password--error.ud__input-password:hover,
.ud__input-password--error.ud__input:focus,
.ud__input-password--error.ud__input:hover {
  border-color: var(--function-danger-500);
}
.ud__input-addon .ud__input-input-wrap,
.ud__input-password-addon .ud__input-input-wrap {
  padding: 0;
}
.ud__input-addon .ud__input__suffix,
.ud__input-password-addon .ud__input__suffix {
  padding-left: 0;
  padding-right: 8px;
}
.ud__input-password__prefix,
.ud__input-password__suffix,
.ud__input__prefix,
.ud__input__suffix {
  align-items: center;
  display: flex;
}
.ud__input-password__prefix .ud__tag-xs,
.ud__input-password__suffix .ud__tag-xs,
.ud__input__prefix .ud__tag-xs,
.ud__input__suffix .ud__tag-xs {
  margin-right: -3px;
}
.ud__input-password__prefix .ud__tag-sm,
.ud__input-password__suffix .ud__tag-sm,
.ud__input__prefix .ud__tag-sm,
.ud__input__suffix .ud__tag-sm {
  margin-right: -6px;
}
.ud__input-password__prefix .ud__tag-md,
.ud__input-password__suffix .ud__tag-md,
.ud__input__prefix .ud__tag-md,
.ud__input__suffix .ud__tag-md {
  margin-right: -4px;
}
.ud__input-password__prefix svg,
.ud__input-password__suffix svg,
.ud__input__prefix svg,
.ud__input__suffix svg {
  color: var(--icon-n2);
}
.ud__input-password__addon-after,
.ud__input-password__addon-before,
.ud__input__addon-after,
.ud__input__addon-before {
  background-color: var(--udtoken-input-bg-disabled);
}
.ud__input-password__addon-after svg,
.ud__input-password__addon-before svg,
.ud__input__addon-after svg,
.ud__input__addon-before svg {
  color: var(--icon-n2);
}
.ud__input-password__addon-after,
.ud__input__addon-after {
  border-color: var(--line-border-component);
}
.ud__input-password__addon-before,
.ud__input__addon-before {
  border-color: var(--line-border-component);
}
.ud__input-password__clear-icon,
.ud__input__clear-icon {
  align-items: center;
  align-self: center;
  display: flex;
}
.ud__input-password__clear-icon:hover svg,
.ud__input__clear-icon:hover svg {
  color: var(--primary-pri-500);
}
.ud__input-password__clear-icon:active svg,
.ud__input__clear-icon:active svg {
  color: var(--primary-pri-600);
}
.ud__input-password__clear-icon svg,
.ud__input__clear-icon svg {
  color: var(--icon-n3);
}
.ud__input--error.ud__input-addon.ud__input--focused .ud__input-input-wrap,
.ud__input--error.ud__input-addon.ud__input--focused
  .ud__input-password-input-wrap,
.ud__input--error.ud__input-addon.ud__input-password--focused
  .ud__input-input-wrap,
.ud__input--error.ud__input-addon.ud__input-password--focused
  .ud__input-password-input-wrap,
.ud__input--error.ud__input-password-addon.ud__input--focused
  .ud__input-input-wrap,
.ud__input--error.ud__input-password-addon.ud__input--focused
  .ud__input-password-input-wrap,
.ud__input--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-input-wrap,
.ud__input--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-password-input-wrap,
.ud__input-password--error.ud__input-addon.ud__input--focused
  .ud__input-input-wrap,
.ud__input-password--error.ud__input-addon.ud__input--focused
  .ud__input-password-input-wrap,
.ud__input-password--error.ud__input-addon.ud__input-password--focused
  .ud__input-input-wrap,
.ud__input-password--error.ud__input-addon.ud__input-password--focused
  .ud__input-password-input-wrap,
.ud__input-password--error.ud__input-password-addon.ud__input--focused
  .ud__input-input-wrap,
.ud__input-password--error.ud__input-password-addon.ud__input--focused
  .ud__input-password-input-wrap,
.ud__input-password--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-input-wrap,
.ud__input-password--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-password-input-wrap {
  border-color: var(--line-border-component);
  border-bottom-color: var(--function-danger-500);
  border-top-color: var(--function-danger-500);
}
.ud__input--error.ud__input-addon.ud__input--focused
  .ud__input-input-wrap:first-child,
.ud__input--error.ud__input-addon.ud__input--focused
  .ud__input-password-input-wrap:first-child,
.ud__input--error.ud__input-addon.ud__input-password--focused
  .ud__input-input-wrap:first-child,
.ud__input--error.ud__input-addon.ud__input-password--focused
  .ud__input-password-input-wrap:first-child,
.ud__input--error.ud__input-password-addon.ud__input--focused
  .ud__input-input-wrap:first-child,
.ud__input--error.ud__input-password-addon.ud__input--focused
  .ud__input-password-input-wrap:first-child,
.ud__input--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-input-wrap:first-child,
.ud__input--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-password-input-wrap:first-child,
.ud__input-password--error.ud__input-addon.ud__input--focused
  .ud__input-input-wrap:first-child,
.ud__input-password--error.ud__input-addon.ud__input--focused
  .ud__input-password-input-wrap:first-child,
.ud__input-password--error.ud__input-addon.ud__input-password--focused
  .ud__input-input-wrap:first-child,
.ud__input-password--error.ud__input-addon.ud__input-password--focused
  .ud__input-password-input-wrap:first-child,
.ud__input-password--error.ud__input-password-addon.ud__input--focused
  .ud__input-input-wrap:first-child,
.ud__input-password--error.ud__input-password-addon.ud__input--focused
  .ud__input-password-input-wrap:first-child,
.ud__input-password--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-input-wrap:first-child,
.ud__input-password--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-password-input-wrap:first-child {
  border-left-color: var(--function-danger-500);
}
.ud__input--error.ud__input-addon.ud__input--focused
  .ud__input-input-wrap:last-child,
.ud__input--error.ud__input-addon.ud__input--focused
  .ud__input-password-input-wrap:last-child,
.ud__input--error.ud__input-addon.ud__input-password--focused
  .ud__input-input-wrap:last-child,
.ud__input--error.ud__input-addon.ud__input-password--focused
  .ud__input-password-input-wrap:last-child,
.ud__input--error.ud__input-password-addon.ud__input--focused
  .ud__input-input-wrap:last-child,
.ud__input--error.ud__input-password-addon.ud__input--focused
  .ud__input-password-input-wrap:last-child,
.ud__input--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-input-wrap:last-child,
.ud__input--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-password-input-wrap:last-child,
.ud__input-password--error.ud__input-addon.ud__input--focused
  .ud__input-input-wrap:last-child,
.ud__input-password--error.ud__input-addon.ud__input--focused
  .ud__input-password-input-wrap:last-child,
.ud__input-password--error.ud__input-addon.ud__input-password--focused
  .ud__input-input-wrap:last-child,
.ud__input-password--error.ud__input-addon.ud__input-password--focused
  .ud__input-password-input-wrap:last-child,
.ud__input-password--error.ud__input-password-addon.ud__input--focused
  .ud__input-input-wrap:last-child,
.ud__input-password--error.ud__input-password-addon.ud__input--focused
  .ud__input-password-input-wrap:last-child,
.ud__input-password--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-input-wrap:last-child,
.ud__input-password--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-password-input-wrap:last-child {
  border-right-color: var(--function-danger-500);
}
.ud__input--error.ud__input-addon .ud__input-input-wrap,
.ud__input--error.ud__input-addon .ud__input-password-input-wrap,
.ud__input--error.ud__input-password-addon .ud__input-input-wrap,
.ud__input--error.ud__input-password-addon .ud__input-password-input-wrap,
.ud__input-password--error.ud__input-addon .ud__input-input-wrap,
.ud__input-password--error.ud__input-addon .ud__input-password-input-wrap,
.ud__input-password--error.ud__input-password-addon .ud__input-input-wrap,
.ud__input-password--error.ud__input-password-addon
  .ud__input-password-input-wrap {
  border-bottom-color: var(--function-danger-500);
  border-top-color: var(--function-danger-500);
}
.ud__input--error.ud__input-addon .ud__input-input-wrap:first-child,
.ud__input--error.ud__input-addon .ud__input-password-input-wrap:first-child,
.ud__input--error.ud__input-password-addon .ud__input-input-wrap:first-child,
.ud__input--error.ud__input-password-addon
  .ud__input-password-input-wrap:first-child,
.ud__input-password--error.ud__input-addon .ud__input-input-wrap:first-child,
.ud__input-password--error.ud__input-addon
  .ud__input-password-input-wrap:first-child,
.ud__input-password--error.ud__input-password-addon
  .ud__input-input-wrap:first-child,
.ud__input-password--error.ud__input-password-addon
  .ud__input-password-input-wrap:first-child {
  border-left-color: var(--function-danger-500);
}
.ud__input--error.ud__input-addon .ud__input-input-wrap:last-child,
.ud__input--error.ud__input-addon .ud__input-password-input-wrap:last-child,
.ud__input--error.ud__input-password-addon .ud__input-input-wrap:last-child,
.ud__input--error.ud__input-password-addon
  .ud__input-password-input-wrap:last-child,
.ud__input-password--error.ud__input-addon .ud__input-input-wrap:last-child,
.ud__input-password--error.ud__input-addon
  .ud__input-password-input-wrap:last-child,
.ud__input-password--error.ud__input-password-addon
  .ud__input-input-wrap:last-child,
.ud__input-password--error.ud__input-password-addon
  .ud__input-password-input-wrap:last-child {
  border-right-color: var(--function-danger-500);
}
.ud__input--error.ud__input-addon .ud__input-input-wrap:hover,
.ud__input--error.ud__input-addon .ud__input-password-input-wrap:hover,
.ud__input--error.ud__input-password-addon .ud__input-input-wrap:hover,
.ud__input--error.ud__input-password-addon .ud__input-password-input-wrap:hover,
.ud__input-password--error.ud__input-addon .ud__input-input-wrap:hover,
.ud__input-password--error.ud__input-addon .ud__input-password-input-wrap:hover,
.ud__input-password--error.ud__input-password-addon .ud__input-input-wrap:hover,
.ud__input-password--error.ud__input-password-addon
  .ud__input-password-input-wrap:hover {
  border-color: var(--line-border-component);
  border-bottom-color: var(--function-danger-500);
  border-top-color: var(--function-danger-500);
}
.ud__input--error.ud__input-addon .ud__input-input-wrap:hover:first-child,
.ud__input--error.ud__input-addon
  .ud__input-password-input-wrap:hover:first-child,
.ud__input--error.ud__input-password-addon
  .ud__input-input-wrap:hover:first-child,
.ud__input--error.ud__input-password-addon
  .ud__input-password-input-wrap:hover:first-child,
.ud__input-password--error.ud__input-addon
  .ud__input-input-wrap:hover:first-child,
.ud__input-password--error.ud__input-addon
  .ud__input-password-input-wrap:hover:first-child,
.ud__input-password--error.ud__input-password-addon
  .ud__input-input-wrap:hover:first-child,
.ud__input-password--error.ud__input-password-addon
  .ud__input-password-input-wrap:hover:first-child {
  border-left-color: var(--function-danger-500);
}
.ud__input--error.ud__input-addon .ud__input-input-wrap:hover:last-child,
.ud__input--error.ud__input-addon
  .ud__input-password-input-wrap:hover:last-child,
.ud__input--error.ud__input-password-addon
  .ud__input-input-wrap:hover:last-child,
.ud__input--error.ud__input-password-addon
  .ud__input-password-input-wrap:hover:last-child,
.ud__input-password--error.ud__input-addon
  .ud__input-input-wrap:hover:last-child,
.ud__input-password--error.ud__input-addon
  .ud__input-password-input-wrap:hover:last-child,
.ud__input-password--error.ud__input-password-addon
  .ud__input-input-wrap:hover:last-child,
.ud__input-password--error.ud__input-password-addon
  .ud__input-password-input-wrap:hover:last-child {
  border-right-color: var(--function-danger-500);
}
.ud__input--error.ud__input-addon .ud__input__addon-after,
.ud__input--error.ud__input-addon .ud__input__addon-after .ud__select__selector,
.ud__input--error.ud__input-addon .ud__input__addon-before,
.ud__input--error.ud__input-addon
  .ud__input__addon-before
  .ud__select__selector,
.ud__input--error.ud__input-password-addon .ud__input__addon-after,
.ud__input--error.ud__input-password-addon
  .ud__input__addon-after
  .ud__select__selector,
.ud__input--error.ud__input-password-addon .ud__input__addon-before,
.ud__input--error.ud__input-password-addon
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-addon .ud__input__addon-after,
.ud__input-password--error.ud__input-addon
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-addon .ud__input__addon-before,
.ud__input-password--error.ud__input-addon
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon .ud__input__addon-after,
.ud__input-password--error.ud__input-password-addon
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon .ud__input__addon-before,
.ud__input-password--error.ud__input-password-addon
  .ud__input__addon-before
  .ud__select__selector {
  border-bottom-color: var(--function-danger-500);
  border-top-color: var(--function-danger-500);
}
.ud__input--error.ud__input-addon .ud__input__addon-before,
.ud__input--error.ud__input-addon
  .ud__input__addon-before
  .ud__select__selector,
.ud__input--error.ud__input-password-addon .ud__input__addon-before,
.ud__input--error.ud__input-password-addon
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-addon .ud__input__addon-before,
.ud__input-password--error.ud__input-addon
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon .ud__input__addon-before,
.ud__input-password--error.ud__input-password-addon
  .ud__input__addon-before
  .ud__select__selector {
  border-left-color: var(--function-danger-500);
}
.ud__input--error.ud__input-addon .ud__input__addon-after,
.ud__input--error.ud__input-addon .ud__input__addon-after .ud__select__selector,
.ud__input--error.ud__input-password-addon .ud__input__addon-after,
.ud__input--error.ud__input-password-addon
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-addon .ud__input__addon-after,
.ud__input-password--error.ud__input-addon
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon .ud__input__addon-after,
.ud__input-password--error.ud__input-password-addon
  .ud__input__addon-after
  .ud__select__selector {
  border-right-color: var(--function-danger-500);
}
.ud__input--error.ud__input-addon.ud__input--disabled .ud__input-input-wrap,
.ud__input--error.ud__input-addon.ud__input--disabled
  .ud__input-password-input-wrap,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input-input-wrap,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input-password-input-wrap,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input-input-wrap,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input-password-input-wrap,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-input-wrap,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-password-input-wrap,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input-input-wrap,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input-password-input-wrap,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input-input-wrap,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input-password-input-wrap,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input-input-wrap,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input-password-input-wrap,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-input-wrap,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-password-input-wrap {
  border-bottom-color: var(--line-border-component);
  border-top-color: var(--line-border-component);
}
.ud__input--error.ud__input-addon.ud__input--disabled
  .ud__input-input-wrap:first-child,
.ud__input--error.ud__input-addon.ud__input--disabled
  .ud__input-password-input-wrap:first-child,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input-input-wrap:first-child,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input-password-input-wrap:first-child,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input-input-wrap:first-child,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input-password-input-wrap:first-child,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-input-wrap:first-child,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-password-input-wrap:first-child,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input-input-wrap:first-child,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input-password-input-wrap:first-child,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input-input-wrap:first-child,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input-password-input-wrap:first-child,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input-input-wrap:first-child,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input-password-input-wrap:first-child,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-input-wrap:first-child,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-password-input-wrap:first-child {
  border-left-color: var(--line-border-component);
}
.ud__input--error.ud__input-addon.ud__input--disabled
  .ud__input-input-wrap:last-child,
.ud__input--error.ud__input-addon.ud__input--disabled
  .ud__input-password-input-wrap:last-child,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input-input-wrap:last-child,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input-password-input-wrap:last-child,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input-input-wrap:last-child,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input-password-input-wrap:last-child,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-input-wrap:last-child,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-password-input-wrap:last-child,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input-input-wrap:last-child,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input-password-input-wrap:last-child,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input-input-wrap:last-child,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input-password-input-wrap:last-child,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input-input-wrap:last-child,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input-password-input-wrap:last-child,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-input-wrap:last-child,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-password-input-wrap:last-child {
  border-right-color: var(--line-border-component);
}
.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-after,
.ud__input--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-before,
.ud__input--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-after,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-before,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-after,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-before,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-after,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-before,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-after,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-before,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-after,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-before,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-after,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-before,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-after,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-before,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-before
  .ud__select__selector {
  border-bottom-color: var(--line-border-component);
  border-top-color: var(--line-border-component);
}
.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-before,
.ud__input--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-before,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-before,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-before,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-before,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-before,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-before,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-before,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-before
  .ud__select__selector {
  border-left-color: var(--line-border-component);
}
.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-after,
.ud__input--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-after,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-after,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-after,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-after,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-after,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-after,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-after,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-after
  .ud__select__selector {
  border-right-color: var(--line-border-component);
}
.ud__input-addon .ud__input-input-wrap,
.ud__input-addon .ud__input-password-input-wrap,
.ud__input-password-addon .ud__input-input-wrap,
.ud__input-password-addon .ud__input-password-input-wrap {
  border-color: var(--line-border-component);
}
.ud__input-addon .ud__input-input-wrap:focus,
.ud__input-addon .ud__input-input-wrap:hover,
.ud__input-addon .ud__input-password-input-wrap:focus,
.ud__input-addon .ud__input-password-input-wrap:hover,
.ud__input-password-addon .ud__input-input-wrap:focus,
.ud__input-password-addon .ud__input-input-wrap:hover,
.ud__input-password-addon .ud__input-password-input-wrap:focus,
.ud__input-password-addon .ud__input-password-input-wrap:hover {
  border-color: var(--primary-pri-500);
}
.ud__input-addon.ud__input--focused .ud__input-input-wrap,
.ud__input-addon.ud__input--focused .ud__input-password-input-wrap,
.ud__input-addon.ud__input-password--focused .ud__input-input-wrap,
.ud__input-addon.ud__input-password--focused .ud__input-password-input-wrap,
.ud__input-password-addon.ud__input--focused .ud__input-input-wrap,
.ud__input-password-addon.ud__input--focused .ud__input-password-input-wrap,
.ud__input-password-addon.ud__input-password--focused .ud__input-input-wrap,
.ud__input-password-addon.ud__input-password--focused
  .ud__input-password-input-wrap {
  border-color: var(--primary-pri-500);
}
.ud__input-group {
  display: inline-block;
}
.ud__input-group > .ud__input--error:first-child,
.ud__input-group > .ud__input-number--error:first-child,
.ud__input-group > .ud__picker--error:first-child > .ud__picker-inputWrapper,
.ud__input-group > .ud__select:first-child > .ud__select__selector-error {
  border-right-color: var(--line-border-component);
}
.ud__input-group > .ud__input--error:last-child,
.ud__input-group > .ud__input-number--error:last-child,
.ud__input-group > .ud__picker--error:last-child > .ud__picker-inputWrapper,
.ud__input-group > .ud__select:last-child > .ud__select__selector-error {
  border-left-color: var(--line-border-component);
}
.ud__input-group > .ud__input-number--error:first-child:hover {
  border-right-color: var(--line-border-component);
}
.ud__input-group > .ud__input-number--error:last-child:hover {
  border-left-color: var(--line-border-component);
}
.ud__input-group .ud__button:not(:first-child):not(:last-child),
.ud__input-group .ud__input--error:not(:first-child):not(:last-child),
.ud__input-group .ud__input-number--error:not(:first-child):not(:last-child),
.ud__input-group
  .ud__picker--error:not(:first-child):not(:last-child)
  > .ud__picker-inputWrapper,
.ud__input-group
  .ud__select:not(:first-child):not(:last-child)
  > .ud__select__selector-error {
  border-left-color: var(--line-border-component);
  border-right-color: var(--line-border-component);
}
.ud__input-group--compact:before {
  content: "";
}
.ud__input-group--compact:after {
  content: "";
}
.ud__search--error {
  border-color: var(--function-danger-500);
}
.ud__search .ud__input__prefix,
.ud__search .ud__input__suffix {
  color: var(--icon-n2);
}
.ud__textarea {
  box-sizing: border-box;
  vertical-align: bottom;
}
.ud__textarea textarea {
  background-color: var(--udtoken-component-outlined-bg);
  border-color: var(--line-border-component);
  box-sizing: border-box;
  color: var(--text-title);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  resize: vertical;
}
.ud__textarea textarea::-webkit-scrollbar-thumb {
  background-color: rgba(var(--N900-raw), 30%);
  -webkit-transition: background 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__textarea textarea::-webkit-scrollbar-thumb:hover {
  background-color: rgba(var(--N900-raw), 60%) !important;
}
.ud__os-mac .ud__textarea textarea,
.ud__textarea textarea.ud__os-mac {
  font-weight: 400;
}
.ud__os-win .ud__textarea textarea,
.ud__textarea textarea.ud__os-win {
  font-weight: 500;
}
.ud__textarea textarea::-webkit-input-placeholder {
  color: var(--text-placeholder);
}
.ud__textarea textarea:-ms-input-placeholder {
  color: var(--text-placeholder);
  text-overflow: ellipsis;
}
.ud__textarea textarea::placeholder {
  color: var(--text-placeholder);
}
.ud__textarea textarea--focused,
.ud__textarea textarea:focus,
.ud__textarea textarea:hover {
  border-color: var(--primary-pri-500);
}
.ud__textarea--error textarea,
.ud__textarea--error textarea--focused,
.ud__textarea--error textarea:focus,
.ud__textarea--error textarea:hover {
  border-color: var(--function-danger-500);
}
.ud__textarea__clear-icon {
  align-items: center;
  display: flex;
}
.ud__textarea__clear-icon:hover svg {
  color: var(--primary-pri-500);
}
.ud__textarea__clear-icon:active svg {
  color: var(--primary-pri-600);
}
.ud__textarea__clear-icon svg {
  color: var(--icon-n3);
  font-size: 16px;
  vertical-align: -0.2em;
}
.ud__textarea-suffix-slot {
  margin-left: 4px;
}
.ud__textarea--show-count .ud__textarea__count-current {
  color: var(--text-title);
}
.ud__textarea--show-count .ud__textarea__count-exceed {
  color: var(--function-danger-500);
}
.ud__textarea--disabled,
.ud__textarea--disabled textarea {
  color: var(--text-placeholder);
}
.ud__textarea--disabled textarea {
  background-color: var(--udtoken-input-bg-disabled);
}
.ud__textarea--disabled textarea,
.ud__textarea--disabled textarea:hover {
  border-color: var(--line-border-component);
}
.ud__textarea--disabled textarea::-webkit-scrollbar,
.ud__textarea--disabled textarea::-webkit-scrollbar-corner,
.ud__textarea--disabled textarea::-webkit-scrollbar-track {
  background-color: var(--udtoken-input-bg-disabled);
}
.ud__button {
  border: 1px solid var(--N00);
  box-sizing: border-box;
  color: var(--text-title);
  display: inline-block;
  font-variant: tabular-nums;
  touch-action: manipulation;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ud__button--filled-default {
  background: var(--primary-pri-500);
  border-color: var(--primary-pri-500);
  color: var(--static-white);
}
.ud__button--filled-default:hover {
  background: var(--primary-pri-400);
  border-color: var(--primary-pri-400);
  color: var(--static-white);
}
.ud__button--filled-default:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  background: var(--primary-pri-400);
  border-color: var(--primary-pri-400);
  color: var(--static-white);
}
.ud__button--filled-default:active {
  background: var(--primary-pri-600);
  border-color: var(--primary-pri-600);
  color: var(--static-white);
}
.ud__button--filled-default-loading,
.ud__button--filled-default-loading:active,
.ud__button--filled-default-loading:hover {
  background: var(--primary-pri-300);
  border-color: var(--primary-pri-300);
  color: var(--udtoken-btn-pri-text-disabled);
  cursor: default;
}
.ud__button--filled-default-loading:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  background: var(--primary-pri-300);
  border-color: var(--primary-pri-300);
  color: var(--udtoken-btn-pri-text-disabled);
}
.ud__button--filled-default-loading .ud__button__loading-icon {
  color: var(--static-white);
}
.ud__button--filled-primary {
  background: var(--primary-pri-500);
  border-color: var(--primary-pri-500);
  color: var(--static-white);
}
.ud__button--filled-primary:hover {
  background: var(--primary-pri-400);
  border-color: var(--primary-pri-400);
  color: var(--static-white);
}
.ud__button--filled-primary:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  background: var(--primary-pri-400);
  border-color: var(--primary-pri-400);
  color: var(--static-white);
}
.ud__button--filled-primary:active {
  background: var(--primary-pri-600);
  border-color: var(--primary-pri-600);
  color: var(--static-white);
}
.ud__button--filled-primary-loading,
.ud__button--filled-primary-loading:active,
.ud__button--filled-primary-loading:hover {
  background: var(--primary-pri-300);
  border-color: var(--primary-pri-300);
  color: var(--udtoken-btn-pri-text-disabled);
  cursor: default;
}
.ud__button--filled-primary-loading:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  background: var(--primary-pri-300);
  border-color: var(--primary-pri-300);
  color: var(--udtoken-btn-pri-text-disabled);
}
.ud__button--filled-primary-loading .ud__button__loading-icon {
  color: var(--static-white);
}
.ud__button--filled-danger {
  background: var(--function-danger-500);
  border-color: var(--function-danger-500);
  color: var(--static-white);
}
.ud__button--filled-danger:hover {
  background: var(--function-danger-400);
  border-color: var(--function-danger-400);
  color: var(--static-white);
}
.ud__button--filled-danger:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  background: var(--function-danger-400);
  border-color: var(--function-danger-400);
  color: var(--static-white);
}
.ud__button--filled-danger:active {
  background: var(--function-danger-600);
  border-color: var(--function-danger-600);
  color: var(--static-white);
}
.ud__button--filled-danger-loading,
.ud__button--filled-danger-loading:active,
.ud__button--filled-danger-loading:hover {
  background: var(--function-danger-300);
  border-color: var(--function-danger-300);
  color: var(--udtoken-btn-pri-text-disabled);
  cursor: default;
}
.ud__button--filled-danger-loading:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  background: var(--function-danger-300);
  border-color: var(--function-danger-300);
  color: var(--udtoken-btn-pri-text-disabled);
}
.ud__button--filled-danger-loading .ud__button__loading-icon {
  color: var(--static-white);
}
.ud__button--filled:disabled,
.ud__button--filled:disabled:active,
.ud__button--filled:disabled:hover,
.ud__button--filled[disabled],
.ud__button--filled[disabled]:active,
.ud__button--filled[disabled]:hover {
  background: var(--fill-disabled);
  border-color: var(--fill-disabled);
  color: var(--udtoken-btn-pri-text-disabled);
  cursor: not-allowed;
}
.ud__button--outlined-default:hover {
  background: var(--udtoken-btn-se-bg-neutral-hover);
  border-color: var(--line-border-component);
  color: var(--text-title);
}
.ud__button--outlined-default-loading,
.ud__button--outlined-default-loading:active,
.ud__button--outlined-default-loading:hover {
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--line-border-component);
  color: var(--udtoken-component-text-disabled-loading);
  cursor: default;
}
.ud__button--outlined-default-loading .ud__button__loading-icon {
  color: var(--primary-pri-500);
}
.ud__button--outlined-primary {
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--primary-pri-500);
  color: var(--primary-pri-500);
}
.ud__button--outlined-primary:hover {
  background: var(--udtoken-btn-se-bg-pri-hover);
  border-color: var(--primary-pri-500);
  color: var(--primary-pri-500);
}
.ud__button--outlined-primary:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  background: var(--udtoken-btn-se-bg-pri-hover);
  border-color: var(--primary-pri-500);
  color: var(--primary-pri-500);
}
.ud__button--outlined-primary:active {
  background: var(--udtoken-btn-se-bg-pri-pressed);
  border-color: var(--primary-pri-500);
  color: var(--primary-pri-500);
}
.ud__button--outlined-primary-loading,
.ud__button--outlined-primary-loading:active,
.ud__button--outlined-primary-loading:hover {
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--primary-pri-300);
  color: var(--primary-pri-300);
  cursor: default;
}
.ud__button--outlined-primary-loading:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--primary-pri-300);
  color: var(--primary-pri-300);
}
.ud__button--outlined-primary-loading .ud__button__loading-icon {
  color: var(--primary-pri-500);
}
.ud__button--outlined-danger {
  background: var(--udtoken-component-outlined-bg);
}
.ud__button--outlined-danger,
.ud__button--outlined-danger:hover {
  border-color: var(--function-danger-500);
  color: var(--function-danger-500);
}
.ud__button--outlined-danger:hover {
  background: var(--udtoken-btn-se-bg-danger-hover);
}
.ud__button--outlined-danger:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  background: var(--udtoken-btn-se-bg-danger-hover);
  border-color: var(--function-danger-500);
  color: var(--function-danger-500);
}
.ud__button--outlined-danger:active {
  background: var(--udtoken-btn-se-bg-danger-pressed);
  border-color: var(--function-danger-500);
  color: var(--function-danger-500);
}
.ud__button--outlined-danger-loading,
.ud__button--outlined-danger-loading:active,
.ud__button--outlined-danger-loading:hover {
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--function-danger-300);
  color: var(--function-danger-300);
  cursor: default;
}
.ud__button--outlined-danger-loading:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--function-danger-300);
  color: var(--function-danger-300);
}
.ud__button--outlined-danger-loading .ud__button__loading-icon {
  color: var(--function-danger-500);
}
.ud__button--outlined:disabled,
.ud__button--outlined:disabled:active,
.ud__button--outlined:disabled:hover,
.ud__button--outlined[disabled],
.ud__button--outlined[disabled]:active,
.ud__button--outlined[disabled]:hover {
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--line-border-component);
  color: var(--text-disabled);
  cursor: not-allowed;
}
.ud__button--text-default-selected,
.ud__button--text-default:hover {
  background: var(--udtoken-btn-text-bg-neutral-hover);
  border-color: transparent;
  color: var(--text-title);
}
.ud__button--text-default-loading,
.ud__button--text-default-loading:active,
.ud__button--text-default-loading:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--text-placeholder);
  cursor: default;
}
.ud__button--text-default-loading .ud__button__loading-icon {
  color: var(--primary-pri-500);
}
.ud__button--text-primary {
  color: var(--primary-pri-500);
}
.ud__button--text-primary-selected,
.ud__button--text-primary:hover {
  background: var(--udtoken-btn-text-bg-pri-hover);
  border-color: transparent;
  color: var(--primary-pri-500);
}
.ud__button--text-primary:focus-visible {
  --hack-merge-rules: true;
  background: var(--udtoken-btn-text-bg-pri-hover);
  color: var(--primary-pri-500);
}
.ud__button--text-primary:active {
  background: var(--udtoken-btn-text-bg-pri-pressed);
  color: var(--primary-pri-500);
}
.ud__button--text-primary-loading,
.ud__button--text-primary-loading:active,
.ud__button--text-primary-loading:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--primary-pri-300);
  cursor: default;
}
.ud__button--text-primary-loading:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--primary-pri-300);
}
.ud__button--text-primary-loading .ud__button__loading-icon {
  color: var(--primary-pri-500);
}
.ud__button--text-danger {
  color: var(--function-danger-500);
}
.ud__button--text-danger-selected,
.ud__button--text-danger:hover {
  background: var(--udtoken-btn-text-bg-danger-hover);
  border-color: transparent;
  color: var(--function-danger-500);
}
.ud__button--text-danger:focus-visible {
  --hack-merge-rules: true;
  background: var(--udtoken-btn-text-bg-danger-hover);
  color: var(--function-danger-500);
}
.ud__button--text-danger:active {
  background: var(--udtoken-btn-text-bg-danger-pressed);
  color: var(--function-danger-500);
}
.ud__button--text-danger-loading,
.ud__button--text-danger-loading:active,
.ud__button--text-danger-loading:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--function-danger-300);
  cursor: default;
}
.ud__button--text-danger-loading:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--function-danger-300);
}
.ud__button--text-danger-loading .ud__button__loading-icon {
  color: var(--function-danger-500);
}
.ud__button--text:disabled,
.ud__button--text:disabled:active,
.ud__button--text:disabled:hover,
.ud__button--text[disabled],
.ud__button--text[disabled]:active,
.ud__button--text[disabled]:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--text-disabled);
  cursor: not-allowed;
}
.ud__button--text-secondary-default-selected,
.ud__button--text-secondary-default:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--primary-pri-500);
}
.ud__button--text-secondary-default:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--primary-pri-500);
}
.ud__button--text-secondary-default:active {
  color: var(--primary-pri-600);
}
.ud__button--text-secondary-default-loading,
.ud__button--text-secondary-default-loading:active,
.ud__button--text-secondary-default-loading:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--primary-pri-500);
  cursor: default;
}
.ud__button--text-secondary-default-loading:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--primary-pri-500);
}
.ud__button--text-secondary-default-loading .ud__button__loading-icon {
  color: var(--primary-pri-500);
}
.ud__button--text-secondary-primary-selected,
.ud__button--text-secondary-primary:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--primary-pri-500);
}
.ud__button--text-secondary-primary:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--primary-pri-500);
}
.ud__button--text-secondary-primary:active {
  color: var(--primary-pri-600);
}
.ud__button--text-secondary-primary-loading,
.ud__button--text-secondary-primary-loading:active,
.ud__button--text-secondary-primary-loading:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--primary-pri-500);
  cursor: default;
}
.ud__button--text-secondary-primary-loading:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--primary-pri-500);
}
.ud__button--text-secondary-primary-loading .ud__button__loading-icon {
  color: var(--primary-pri-500);
}
.ud__button--text-secondary-danger-selected,
.ud__button--text-secondary-danger:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--function-danger-500);
}
.ud__button--text-secondary-danger:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--function-danger-500);
}
.ud__button--text-secondary-danger:active {
  color: var(--function-danger-600);
}
.ud__button--text-secondary-danger-loading,
.ud__button--text-secondary-danger-loading:active,
.ud__button--text-secondary-danger-loading:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--primary-pri-500);
  cursor: default;
}
.ud__button--text-secondary-danger-loading:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--primary-pri-500);
}
.ud__button--text-secondary-danger-loading .ud__button__loading-icon {
  color: var(--function-danger-500);
}
.ud__button--text-secondary:disabled,
.ud__button--text-secondary:disabled:active,
.ud__button--text-secondary:disabled:hover,
.ud__button--text-secondary[disabled],
.ud__button--text-secondary[disabled]:active,
.ud__button--text-secondary[disabled]:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--text-disabled);
  cursor: not-allowed;
}
.ud__button--link-default {
  color: var(--primary-pri-500);
}
.ud__button--link-default-selected,
.ud__button--link-default:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--primary-pri-400);
}
.ud__button--link-default:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--primary-pri-400);
}
.ud__button--link-default:active {
  color: var(--primary-pri-600);
}
.ud__button--link-default-loading,
.ud__button--link-default-loading:active,
.ud__button--link-default-loading:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--primary-pri-300);
  cursor: default;
}
.ud__button--link-default-loading:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--primary-pri-300);
}
.ud__button--link-default-loading .ud__button__loading-icon {
  color: var(--primary-pri-500);
}
.ud__button--link-primary {
  color: var(--primary-pri-500);
}
.ud__button--link-primary-selected,
.ud__button--link-primary:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--primary-pri-400);
}
.ud__button--link-primary:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--primary-pri-400);
}
.ud__button--link-primary:active {
  color: var(--primary-pri-600);
}
.ud__button--link-primary-loading,
.ud__button--link-primary-loading:active,
.ud__button--link-primary-loading:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--primary-pri-300);
  cursor: default;
}
.ud__button--link-primary-loading:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--primary-pri-300);
}
.ud__button--link-primary-loading .ud__button__loading-icon {
  color: var(--primary-pri-500);
}
.ud__button--link-danger {
  color: var(--function-danger-500);
}
.ud__button--link-danger-selected,
.ud__button--link-danger:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--function-danger-400);
}
.ud__button--link-danger:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--function-danger-400);
}
.ud__button--link-danger:active {
  color: var(--function-danger-600);
}
.ud__button--link-danger-loading,
.ud__button--link-danger-loading:active,
.ud__button--link-danger-loading:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--function-danger-300);
  cursor: default;
}
.ud__button--link-danger-loading:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--function-danger-300);
}
.ud__button--link-danger-loading .ud__button__loading-icon {
  color: var(--function-danger-500);
}
.ud__button--link:disabled,
.ud__button--link:disabled:active,
.ud__button--link:disabled:hover,
.ud__button--link[disabled],
.ud__button--link[disabled]:active,
.ud__button--link[disabled]:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--text-disabled);
  cursor: not-allowed;
}
.ud__button--icon-default-selected,
.ud__button--icon-default:hover {
  background: var(--udtoken-btn-text-bg-neutral-hover);
  border-color: transparent;
  color: var(--icon-n1);
}
.ud__button--icon-default-loading,
.ud__button--icon-default-loading:active,
.ud__button--icon-default-loading:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--text-placeholder);
  cursor: default;
}
.ud__button--icon-default-loading .ud__button__loading-icon {
  color: var(--primary-pri-500);
}
.ud__button--icon-primary {
  color: var(--primary-pri-500);
}
.ud__button--icon-primary-selected,
.ud__button--icon-primary:hover {
  background: var(--udtoken-btn-text-bg-pri-hover);
  border-color: transparent;
  color: var(--primary-pri-500);
}
.ud__button--icon-primary:focus-visible {
  --hack-merge-rules: true;
  background: var(--udtoken-btn-text-bg-pri-hover);
  color: var(--primary-pri-500);
}
.ud__button--icon-primary:active {
  background: var(--udtoken-btn-text-bg-pri-pressed);
  color: var(--primary-pri-500);
}
.ud__button--icon-primary-loading,
.ud__button--icon-primary-loading:active,
.ud__button--icon-primary-loading:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--primary-pri-300);
  cursor: default;
}
.ud__button--icon-primary-loading:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--primary-pri-300);
}
.ud__button--icon-primary-loading .ud__button__loading-icon {
  color: var(--primary-pri-500);
}
.ud__button--icon-danger {
  color: var(--function-danger-500);
}
.ud__button--icon-danger-selected,
.ud__button--icon-danger:hover {
  background: var(--udtoken-btn-text-bg-danger-hover);
  border-color: transparent;
  color: var(--function-danger-500);
}
.ud__button--icon-danger:focus-visible {
  --hack-merge-rules: true;
  background: var(--udtoken-btn-text-bg-danger-hover);
  color: var(--function-danger-500);
}
.ud__button--icon-danger:active {
  background: var(--udtoken-btn-text-bg-danger-pressed);
  color: var(--function-danger-500);
}
.ud__button--icon-danger-loading,
.ud__button--icon-danger-loading:active,
.ud__button--icon-danger-loading:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--function-danger-300);
  cursor: default;
}
.ud__button--icon-danger-loading:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--function-danger-300);
}
.ud__button--icon-danger-loading .ud__button__loading-icon {
  color: var(--function-danger-500);
}
.ud__button--icon:disabled,
.ud__button--icon:disabled:active,
.ud__button--icon:disabled:hover,
.ud__button--icon[disabled],
.ud__button--icon[disabled]:active,
.ud__button--icon[disabled]:hover {
  background: 0 0;
  border-color: transparent;
  color: var(--icon-disabled);
  cursor: not-allowed;
}
.ud__button__loading-icon {
  box-sizing: border-box;
  line-height: 1;
}
.ud__button__loading-icon svg {
  display: inline-block;
  vertical-align: -0.15em;
}
.ud__button__icon-inline {
  box-sizing: border-box;
  display: inline-block;
}
:root {
  --N00-raw: 255, 255, 255;
  --N00: rgb(var(--N00-raw));
  --ud-neutral-color-1: var(--N00);
  --N50-raw: 245, 246, 247;
  --N50: rgb(var(--N50-raw));
  --ud-neutral-color-2: var(--N50);
  --N100-raw: 242, 243, 245;
  --N100: rgb(var(--N100-raw));
  --ud-neutral-color-3: var(--N100);
  --N200-raw: 239, 240, 241;
  --N200: rgb(var(--N200-raw));
  --ud-neutral-color-4: var(--N200);
  --N300-raw: 222, 224, 227;
  --N300: rgb(var(--N300-raw));
  --ud-neutral-color-5: var(--N300);
  --N400-raw: 187, 191, 196;
  --N400: rgb(var(--N400-raw));
  --ud-neutral-color-6: var(--N400);
  --N500-raw: 143, 149, 158;
  --N500: rgb(var(--N500-raw));
  --ud-neutral-color-7: var(--N500);
  --N600-raw: 100, 106, 115;
  --N600: rgb(var(--N600-raw));
  --ud-neutral-color-8: var(--N600);
  --N650-raw: 81, 86, 93;
  --N650: rgb(var(--N650-raw));
  --ud-neutral-color-9: var(--N650);
  --N700-raw: 55, 60, 67;
  --N700: rgb(var(--N700-raw));
  --ud-neutral-color-10: var(--N700);
  --N800-raw: 43, 47, 54;
  --N800: rgb(var(--N800-raw));
  --ud-neutral-color-11: var(--N800);
  --N900-raw: 31, 35, 41;
  --N900: rgb(var(--N900-raw));
  --ud-neutral-color-12: var(--N900);
  --B500-raw: 51, 112, 255;
  --B500: rgb(var(--B500-raw));
  --primary-pri-500: var(--B500);
  --B400-raw: 78, 131, 253;
  --B400: rgb(var(--B400-raw));
  --primary-pri-400: var(--B400);
  --B600-raw: 36, 91, 219;
  --B600: rgb(var(--B600-raw));
  --primary-pri-600: var(--B600);
  --text-title: var(--N900);
  --static-white: #fff;
  --text-disabled: var(--N400);
  --bg-body: var(--N00);
  --udtoken-component-outlined-bg: var(--bg-body);
  --fill-disabled: var(--N400);
  --R500-raw: 245, 74, 69;
  --R500: rgb(var(--R500-raw));
  --function-danger-500: var(--R500);
  --primary-pri-500-raw: var(--B500-raw);
  --udtoken-btn-text-bg-pri-hover: rgba(var(--primary-pri-500-raw), 0.1);
  --udtoken-btn-text-bg-pri-pressed: rgba(var(--primary-pri-500-raw), 0.2);
  --udtoken-btn-pri-text-disabled: var(--static-white);
  --B300-raw: 130, 167, 252;
  --B300: rgb(var(--B300-raw));
  --primary-pri-300: var(--B300);
  --R400-raw: 247, 105, 100;
  --R400: rgb(var(--R400-raw));
  --function-danger-400: var(--R400);
  --R600-raw: 216, 57, 49;
  --R600: rgb(var(--R600-raw));
  --function-danger-600: var(--R600);
  --R300-raw: 249, 142, 139;
  --R300: rgb(var(--R300-raw));
  --function-danger-300: var(--R300);
  --N350-raw: 208, 211, 214;
  --N350: rgb(var(--N350-raw));
  --line-border-component: var(--N350);
  --udtoken-btn-se-bg-neutral-hover: var(--N100);
  --udtoken-btn-se-bg-neutral-pressed: var(--N200);
  --udtoken-component-text-disabled-loading: var(--N500);
  --B100-raw: 225, 234, 255;
  --B100: rgb(var(--B100-raw));
  --primary-pri-100: var(--B100);
  --udtoken-btn-se-bg-pri-hover: var(--primary-pri-100);
  --B200-raw: 186, 206, 253;
  --B200: rgb(var(--B200-raw));
  --primary-pri-200: var(--B200);
  --udtoken-btn-se-bg-pri-pressed: var(--primary-pri-200);
  --R100-raw: 253, 226, 226;
  --R100: rgb(var(--R100-raw));
  --function-danger-100: var(--R100);
  --udtoken-btn-se-bg-danger-hover: var(--function-danger-100);
  --R200-raw: 251, 191, 188;
  --R200: rgb(var(--R200-raw));
  --function-danger-200: var(--R200);
  --udtoken-btn-se-bg-danger-pressed: var(--function-danger-200);
  --icon-n1: var(--N800);
  --icon-disabled: var(--N400);
  --udtoken-btn-text-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-text-bg-neutral-pressed: rgba(var(--N900-raw), 0.2);
  --text-placeholder: var(--N500);
  --function-danger-500-raw: var(--R500-raw);
  --udtoken-btn-text-bg-danger-hover: rgba(var(--function-danger-500-raw), 0.1);
  --udtoken-btn-text-bg-danger-pressed: rgba(
    var(--function-danger-500-raw),
    0.2
  );
  --fill-hover: rgba(var(--N900-raw), 0.08);
  --fill-pressed: rgba(var(--N900-raw), 0.12);
  --fill-selected: rgba(var(--primary-pri-500-raw), 0.08);
  --bg-tips: var(--N900);
  --bg-float: var(--N00);
  --line-border-card: var(--N300);
  --bg-mask: rgba(0, 0, 0, 0.4);
  --line-divider-default: rgba(var(--N900-raw), 0.15);
  --shadow-default-raw: var(--N900-raw);
  --shadow-s5-down:
    0px 10px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    0px 8px 24px rgba(var(--shadow-default-raw), 0.04),
    0px 6px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --G400-raw: 98, 210, 86;
  --G400: rgb(var(--G400-raw));
  --function-success-400: var(--G400);
  --function-info-400: var(--B400);
  --O400-raw: 255, 165, 61;
  --O400: rgb(var(--O400-raw));
  --function-warning-400: var(--O400);
  --shadow-default-md: rgba(var(--N900-raw), 0.1);
  --shadow-md-down: 0px 4px 8px var(--shadow-default-md);
  --B50-raw: 240, 244, 255;
  --B50: rgb(var(--B50-raw));
  --function-info-50: var(--B50);
  --R50-raw: 254, 241, 241;
  --R50: rgb(var(--R50-raw));
  --function-danger-50: var(--R50);
  --G50-raw: 240, 251, 239;
  --G50: rgb(var(--G50-raw));
  --function-success-50: var(--G50);
  --O50-raw: 255, 245, 235;
  --O50: rgb(var(--O50-raw));
  --function-warning-50: var(--O50);
  --text-caption: var(--N600);
  --icon-n2: var(--N600);
  --icon-n3: var(--N500);
  --udtoken-input-bg-disabled: var(--N200);
  --fill-tag: rgba(var(--N900-raw), 0.1);
  --bg-base: var(--N100);
  --fill-active: rgba(var(--primary-pri-500-raw), 0.12);
  --udtoken-sliding-block-bg-disabled-loading: var(--N00);
  --shadow-default-sm: rgba(var(--N900-raw), 0.12);
  --shadow-sm-down: 0px 2px 4px var(--shadow-default-sm);
  --shadow-default-lg: rgba(var(--N900-raw), 0.08);
  --shadow-lg-down: 0px 6px 24px var(--shadow-default-lg);
  --Y500-raw: 255, 198, 10;
  --Y500: rgb(var(--Y500-raw));
  --udtoken-table-bg-expand: var(--N100);
  --udtoken-table-bg-head: var(--N100);
  --udtoken-table-bg-hover: var(--N200);
  --udtoken-steps-bg-hover: rgba(var(--primary-pri-500-raw), 0.08);
  --B700-raw: 28, 76, 186;
  --B700: rgb(var(--B700-raw));
  --B800-raw: 19, 60, 154;
  --B800: rgb(var(--B800-raw));
  --B900-raw: 12, 41, 110;
  --B900: rgb(var(--B900-raw));
  --C100-raw: 253, 221, 239;
  --C100: rgb(var(--C100-raw));
  --C200-raw: 249, 174, 217;
  --C200: rgb(var(--C200-raw));
  --C300-raw: 245, 122, 192;
  --C300: rgb(var(--C300-raw));
  --C400-raw: 241, 75, 169;
  --C400: rgb(var(--C400-raw));
  --C50-raw: 254, 241, 248;
  --C50: rgb(var(--C50-raw));
  --C500-raw: 240, 29, 148;
  --C500: rgb(var(--C500-raw));
  --C600-raw: 199, 16, 119;
  --C600: rgb(var(--C600-raw));
  --C700-raw: 158, 19, 97;
  --C700: rgb(var(--C700-raw));
  --C800-raw: 122, 15, 75;
  --C800: rgb(var(--C800-raw));
  --C900-raw: 82, 10, 50;
  --C900: rgb(var(--C900-raw));
  --G100-raw: 217, 245, 214;
  --G100: rgb(var(--G100-raw));
  --G200-raw: 183, 237, 177;
  --G200: rgb(var(--G200-raw));
  --G300-raw: 142, 224, 133;
  --G300: rgb(var(--G300-raw));
  --G500-raw: 52, 199, 36;
  --G500: rgb(var(--G500-raw));
  --G600-raw: 46, 161, 33;
  --G600: rgb(var(--G600-raw));
  --G700-raw: 35, 123, 25;
  --G700: rgb(var(--G700-raw));
  --G800-raw: 24, 96, 16;
  --G800: rgb(var(--G800-raw));
  --G900-raw: 18, 75, 12;
  --G900: rgb(var(--G900-raw));
  --I100-raw: 224, 226, 250;
  --I100: rgb(var(--I100-raw));
  --I200-raw: 180, 185, 243;
  --I200: rgb(var(--I200-raw));
  --I300-raw: 123, 131, 234;
  --I300: rgb(var(--I300-raw));
  --I400-raw: 97, 106, 229;
  --I400: rgb(var(--I400-raw));
  --I50-raw: 242, 243, 253;
  --I50: rgb(var(--I50-raw));
  --I500-raw: 73, 84, 230;
  --I500: rgb(var(--I500-raw));
  --I600-raw: 41, 51, 199;
  --I600: rgb(var(--I600-raw));
  --I700-raw: 22, 31, 162;
  --I700: rgb(var(--I700-raw));
  --I800-raw: 10, 18, 133;
  --I800: rgb(var(--I800-raw));
  --I900-raw: 12, 18, 100;
  --I900: rgb(var(--I900-raw));
  --L100-raw: 238, 246, 198;
  --L100: rgb(var(--L100-raw));
  --L200-raw: 223, 238, 150;
  --L200: rgb(var(--L200-raw));
  --L300-raw: 210, 231, 106;
  --L300: rgb(var(--L300-raw));
  --L400-raw: 195, 221, 64;
  --L400: rgb(var(--L400-raw));
  --L50-raw: 247, 250, 229;
  --L50: rgb(var(--L50-raw));
  --L500-raw: 179, 214, 0;
  --L500: rgb(var(--L500-raw));
  --L600-raw: 143, 172, 2;
  --L600: rgb(var(--L600-raw));
  --L700-raw: 102, 121, 1;
  --L700: rgb(var(--L700-raw));
  --L800-raw: 73, 87, 0;
  --L800: rgb(var(--L800-raw));
  --L900-raw: 53, 66, 0;
  --L900: rgb(var(--L900-raw));
  --N1000-raw: 0, 0, 0;
  --N1000: rgb(var(--N1000-raw));
  --N950-raw: 15, 17, 20;
  --N950: rgb(var(--N950-raw));
  --O100-raw: 254, 234, 210;
  --O100: rgb(var(--O100-raw));
  --O200-raw: 254, 212, 164;
  --O200: rgb(var(--O200-raw));
  --O300-raw: 255, 186, 107;
  --O300: rgb(var(--O300-raw));
  --O500-raw: 255, 136, 0;
  --O500: rgb(var(--O500-raw));
  --O600-raw: 222, 120, 2;
  --O600: rgb(var(--O600-raw));
  --O700-raw: 178, 98, 6;
  --O700: rgb(var(--O700-raw));
  --O800-raw: 143, 79, 4;
  --O800: rgb(var(--O800-raw));
  --O900-raw: 107, 57, 0;
  --O900: rgb(var(--O900-raw));
  --P100-raw: 236, 226, 254;
  --P100: rgb(var(--P100-raw));
  --P200-raw: 205, 178, 250;
  --P200: rgb(var(--P200-raw));
  --P300-raw: 173, 130, 247;
  --P300: rgb(var(--P300-raw));
  --P400-raw: 147, 90, 246;
  --P400: rgb(var(--P400-raw));
  --P50-raw: 246, 241, 254;
  --P50: rgb(var(--P50-raw));
  --P500-raw: 127, 59, 245;
  --P500: rgb(var(--P500-raw));
  --P600-raw: 100, 37, 208;
  --P600: rgb(var(--P600-raw));
  --P700-raw: 78, 27, 167;
  --P700: rgb(var(--P700-raw));
  --P800-raw: 56, 13, 130;
  --P800: rgb(var(--P800-raw));
  --P900-raw: 39, 5, 97;
  --P900: rgb(var(--P900-raw));
  --R700-raw: 172, 47, 40;
  --R700: rgb(var(--R700-raw));
  --R800-raw: 129, 37, 32;
  --R800: rgb(var(--R800-raw));
  --R900-raw: 98, 28, 24;
  --R900: rgb(var(--R900-raw));
  --S100-raw: 255, 255, 204;
  --S100: rgb(var(--S100-raw));
  --S200-raw: 255, 252, 163;
  --S200: rgb(var(--S200-raw));
  --S300-raw: 255, 246, 122;
  --S300: rgb(var(--S300-raw));
  --S400-raw: 255, 242, 88;
  --S400: rgb(var(--S400-raw));
  --S50-raw: 254, 255, 240;
  --S50: rgb(var(--S50-raw));
  --S500-raw: 255, 233, 40;
  --S500: rgb(var(--S500-raw));
  --S600-raw: 229, 206, 0;
  --S600: rgb(var(--S600-raw));
  --S700-raw: 194, 168, 0;
  --S700: rgb(var(--S700-raw));
  --S800-raw: 143, 124, 0;
  --S800: rgb(var(--S800-raw));
  --S900-raw: 92, 79, 0;
  --S900: rgb(var(--S900-raw));
  --T100-raw: 213, 246, 242;
  --T100: rgb(var(--T100-raw));
  --T200-raw: 169, 239, 230;
  --T200: rgb(var(--T200-raw));
  --T300-raw: 100, 232, 214;
  --T300: rgb(var(--T300-raw));
  --T400-raw: 20, 225, 198;
  --T400: rgb(var(--T400-raw));
  --T50-raw: 234, 250, 248;
  --T50: rgb(var(--T50-raw));
  --T500-raw: 0, 214, 185;
  --T500: rgb(var(--T500-raw));
  --T600-raw: 4, 180, 156;
  --T600: rgb(var(--T600-raw));
  --T700-raw: 7, 131, 114;
  --T700: rgb(var(--T700-raw));
  --T800-raw: 3, 99, 86;
  --T800: rgb(var(--T800-raw));
  --T900-raw: 2, 75, 65;
  --T900: rgb(var(--T900-raw));
  --V100-raw: 248, 222, 248;
  --V100: rgb(var(--V100-raw));
  --V200-raw: 239, 185, 239;
  --V200: rgb(var(--V200-raw));
  --V300-raw: 229, 143, 229;
  --V300: rgb(var(--V300-raw));
  --V400-raw: 219, 102, 219;
  --V400: rgb(var(--V400-raw));
  --V50-raw: 252, 238, 252;
  --V50: rgb(var(--V50-raw));
  --V500-raw: 209, 54, 209;
  --V500: rgb(var(--V500-raw));
  --V600-raw: 178, 32, 178;
  --V600: rgb(var(--V600-raw));
  --V700-raw: 140, 33, 140;
  --V700: rgb(var(--V700-raw));
  --V800-raw: 104, 18, 104;
  --V800: rgb(var(--V800-raw));
  --V900-raw: 70, 11, 70;
  --V900: rgb(var(--V900-raw));
  --W100-raw: 217, 243, 253;
  --W100: rgb(var(--W100-raw));
  --W200-raw: 177, 232, 252;
  --W200: rgb(var(--W200-raw));
  --W300-raw: 126, 218, 251;
  --W300: rgb(var(--W300-raw));
  --W400-raw: 80, 206, 251;
  --W400: rgb(var(--W400-raw));
  --W50-raw: 236, 249, 254;
  --W50: rgb(var(--W50-raw));
  --W500-raw: 20, 192, 255;
  --W500: rgb(var(--W500-raw));
  --W600-raw: 4, 159, 215;
  --W600: rgb(var(--W600-raw));
  --W700-raw: 3, 126, 170;
  --W700: rgb(var(--W700-raw));
  --W800-raw: 0, 97, 133;
  --W800: rgb(var(--W800-raw));
  --W900-raw: 0, 71, 97;
  --W900: rgb(var(--W900-raw));
  --Y100-raw: 250, 241, 209;
  --Y100: rgb(var(--Y100-raw));
  --Y200-raw: 248, 230, 171;
  --Y200: rgb(var(--Y200-raw));
  --Y300-raw: 247, 220, 130;
  --Y300: rgb(var(--Y300-raw));
  --Y400-raw: 250, 211, 85;
  --Y400: rgb(var(--Y400-raw));
  --Y50-raw: 253, 249, 237;
  --Y50: rgb(var(--Y50-raw));
  --Y600-raw: 220, 155, 4;
  --Y600: rgb(var(--Y600-raw));
  --Y700-raw: 170, 120, 3;
  --Y700: rgb(var(--Y700-raw));
  --Y800-raw: 121, 81, 1;
  --Y800: rgb(var(--Y800-raw));
  --Y900-raw: 92, 58, 0;
  --Y900: rgb(var(--Y900-raw));
  --N00-10: rgba(var(--N00-raw), 0.1);
  --N00-15: rgba(var(--N00-raw), 0.15);
  --N00-20: rgba(var(--N00-raw), 0.2);
  --N00-30: rgba(var(--N00-raw), 0.3);
  --N00-40: rgba(var(--N00-raw), 0.4);
  --N00-5: rgba(var(--N00-raw), 0.05);
  --N00-50: rgba(var(--N00-raw), 0.5);
  --N00-60: rgba(var(--N00-raw), 0.6);
  --N00-70: rgba(var(--N00-raw), 0.7);
  --N00-80: rgba(var(--N00-raw), 0.8);
  --N00-90: rgba(var(--N00-raw), 0.9);
  --N900-10: rgba(var(--N900-raw), 0.1);
  --N900-15: rgba(var(--N900-raw), 0.15);
  --N900-20: rgba(var(--N900-raw), 0.2);
  --N900-30: rgba(var(--N900-raw), 0.3);
  --N900-40: rgba(var(--N900-raw), 0.4);
  --N900-5: rgba(var(--N900-raw), 0.05);
  --N900-50: rgba(var(--N900-raw), 0.5);
  --N900-60: rgba(var(--N900-raw), 0.6);
  --N900-70: rgba(var(--N900-raw), 0.7);
  --N900-80: rgba(var(--N900-raw), 0.8);
  --N900-90: rgba(var(--N900-raw), 0.9);
  --bg-base-raw: var(--N100-raw);
  --bg-body-raw: var(--N00-raw);
  --bg-body-overlay: var(--N50);
  --bg-body-overlay-raw: var(--N50-raw);
  --bg-content-base: #f8f9fa;
  --bg-content-base-raw: 248, 249, 250;
  --bg-filler: var(--N200);
  --bg-filler-raw: var(--N200-raw);
  --bg-float-raw: var(--N00-raw);
  --bg-float-base: var(--N100);
  --bg-float-base-raw: var(--N100-raw);
  --bg-float-overlay: var(--N50);
  --bg-float-overlay-raw: var(--N50-raw);
  --bg-float-push: rgba(var(--N00-raw), 0.8);
  --bg-mask-raw: 0, 0, 0;
  --bg-pricolor: var(--primary-pri-400);
  --primary-pri-400-raw: var(--B400-raw);
  --bg-pricolor-raw: var(--primary-pri-400-raw);
  --bg-sub-navigation: var(--bg-body-overlay);
  --bg-sub-navigation-raw: var(--bg-body-overlay-raw);
  --bg-text-selection: rgba(var(--B600-raw), 0.3);
  --bg-tips-raw: var(--N900-raw);
  --fill-disabled-raw: var(--N400-raw);
  --fill-focus: rgba(var(--N900-raw), 0.12);
  --fill-img-mask: rgba(var(--N00-raw), 0);
  --function-danger-100-raw: var(--R100-raw);
  --function-danger-200-raw: var(--R200-raw);
  --function-danger-300-raw: var(--R300-raw);
  --function-danger-400-raw: var(--R400-raw);
  --function-danger-50-raw: var(--R50-raw);
  --function-danger-600-raw: var(--R600-raw);
  --function-danger-700: var(--R700);
  --function-danger-700-raw: var(--R700-raw);
  --function-danger-800: var(--R800);
  --function-danger-800-raw: var(--R800-raw);
  --function-danger-900: var(--R900);
  --function-danger-900-raw: var(--R900-raw);
  --function-info-100: var(--B100);
  --function-info-100-raw: var(--B100-raw);
  --function-info-200: var(--B200);
  --function-info-200-raw: var(--B200-raw);
  --function-info-300: var(--B300);
  --function-info-300-raw: var(--B300-raw);
  --function-info-400-raw: var(--B400-raw);
  --function-info-50-raw: var(--B50-raw);
  --function-info-500: var(--B500);
  --function-info-500-raw: var(--B500-raw);
  --function-info-600: var(--B600);
  --function-info-600-raw: var(--B600-raw);
  --function-info-700: var(--B700);
  --function-info-700-raw: var(--B700-raw);
  --function-info-800: var(--B800);
  --function-info-800-raw: var(--B800-raw);
  --function-info-900: var(--B900);
  --function-info-900-raw: var(--B900-raw);
  --function-success-100: var(--G100);
  --function-success-100-raw: var(--G100-raw);
  --function-success-200: var(--G200);
  --function-success-200-raw: var(--G200-raw);
  --function-success-300: var(--G300);
  --function-success-300-raw: var(--G300-raw);
  --function-success-400-raw: var(--G400-raw);
  --function-success-50-raw: var(--G50-raw);
  --function-success-500: var(--G500);
  --function-success-500-raw: var(--G500-raw);
  --function-success-600: var(--G600);
  --function-success-600-raw: var(--G600-raw);
  --function-success-700: var(--G700);
  --function-success-700-raw: var(--G700-raw);
  --function-success-800: var(--G800);
  --function-success-800-raw: var(--G800-raw);
  --function-success-900: var(--G900);
  --function-success-900-raw: var(--G900-raw);
  --function-warning-100: var(--O100);
  --function-warning-100-raw: var(--O100-raw);
  --function-warning-200: var(--O200);
  --function-warning-200-raw: var(--O200-raw);
  --function-warning-300: var(--O300);
  --function-warning-300-raw: var(--O300-raw);
  --function-warning-400-raw: var(--O400-raw);
  --function-warning-50-raw: var(--O50-raw);
  --function-warning-500: var(--O500);
  --function-warning-500-raw: var(--O500-raw);
  --function-warning-600: var(--O600);
  --function-warning-600-raw: var(--O600-raw);
  --function-warning-700: var(--O700);
  --function-warning-700-raw: var(--O700-raw);
  --function-warning-800: var(--O800);
  --function-warning-800-raw: var(--O800-raw);
  --function-warning-900: var(--O900);
  --function-warning-900-raw: var(--O900-raw);
  --gradient-blue: linear-gradient(90deg, var(--B400) 0%, var(--B500) 100%);
  --gradient-carmine: linear-gradient(90deg, var(--C400) 0%, var(--C500) 100%);
  --gradient-green: linear-gradient(90deg, var(--G400) 0%, var(--G500) 100%);
  --gradient-indigo: linear-gradient(90deg, var(--I400) 0%, var(--I500) 100%);
  --gradient-lime: linear-gradient(90deg, var(--L400) 0%, var(--L500) 100%);
  --gradient-orange: linear-gradient(90deg, var(--O400) 0%, var(--O500) 100%);
  --gradient-purple: linear-gradient(90deg, var(--P400) 0%, var(--P500) 100%);
  --gradient-red: linear-gradient(90deg, var(--R400) 0%, var(--R500) 100%);
  --gradient-turquoise: linear-gradient(
    90deg,
    var(--T400) 0%,
    var(--T500) 100%
  );
  --gradient-violet: linear-gradient(90deg, var(--V400) 0%, var(--V500) 100%);
  --gradient-wathet: linear-gradient(90deg, var(--W400) 0%, var(--W500) 100%);
  --gradient-yellow: linear-gradient(90deg, var(--Y400) 0%, var(--Y500) 100%);
  --icon-disabled-raw: var(--N400-raw);
  --icon-n1-raw: var(--N800-raw);
  --icon-n2-raw: var(--N600-raw);
  --icon-n3-raw: var(--N500-raw);
  --illustration-blue-a: var(--B900);
  --illustration-blue-a-raw: var(--B900-raw);
  --illustration-blue-b: var(--B900);
  --illustration-blue-b-raw: var(--B900-raw);
  --illustration-blue-c: var(--B900);
  --illustration-blue-c-raw: var(--B900-raw);
  --illustration-blue-d: var(--B900);
  --illustration-blue-d-raw: var(--B900-raw);
  --illustration-blue-e: var(--B500);
  --illustration-blue-e-raw: var(--B500-raw);
  --illustration-neutral-a: var(--N00);
  --illustration-neutral-a-raw: var(--N00-raw);
  --illustration-neutral-b: var(--N00);
  --illustration-neutral-b-raw: var(--N00-raw);
  --illustration-neutral-c: rgba(var(--N400-raw), 0.45);
  --illustration-neutral-d: var(--N500);
  --illustration-neutral-d-raw: var(--N500-raw);
  --illustration-orange: var(--O500);
  --illustration-orange-raw: var(--O500-raw);
  --illustration-red: var(--R500);
  --illustration-red-raw: var(--R500-raw);
  --static-black: #000;
  --illustration-static-black: var(--static-black);
  --static-black-raw: 0, 0, 0;
  --illustration-static-black-raw: var(--static-black-raw);
  --illustration-static-white: var(--static-white);
  --static-white-raw: 255, 255, 255;
  --illustration-static-white-raw: var(--static-white-raw);
  --illustration-turquoise: var(--T500);
  --illustration-turquoise-raw: var(--T500-raw);
  --illustration-wathet: var(--W500);
  --illustration-wathet-raw: var(--W500-raw);
  --illustration-yellow: var(--Y500);
  --illustration-yellow-raw: var(--Y500-raw);
  --line-border-card-raw: var(--N300-raw);
  --line-border-component-raw: var(--N350-raw);
  --line-divider-module: rgba(var(--N900-raw), 0.15);
  --primary-pri-100-raw: var(--B100-raw);
  --primary-pri-200-raw: var(--B200-raw);
  --primary-pri-300-raw: var(--B300-raw);
  --primary-pri-50: var(--B50);
  --primary-pri-50-raw: var(--B50-raw);
  --primary-pri-600-raw: var(--B600-raw);
  --primary-pri-700: var(--B700);
  --primary-pri-700-raw: var(--B700-raw);
  --primary-pri-800: var(--B800);
  --primary-pri-800-raw: var(--B800-raw);
  --primary-pri-900: var(--B900);
  --primary-pri-900-raw: var(--B900-raw);
  --shadow-default: var(--N900);
  --shadow-lg-left: -6px 0px 24px var(--shadow-default-lg);
  --shadow-lg-right: 6px 0px 24px var(--shadow-default-lg);
  --shadow-lg-up: 0px -6px 24px var(--shadow-default-lg);
  --shadow-md-left: -4px 0px 8px var(--shadow-default-md);
  --shadow-md-right: 4px 0px 8px var(--shadow-default-md);
  --shadow-md-up: 0px -4px 8px var(--shadow-default-md);
  --shadow-pri: var(--B600);
  --shadow-pri-raw: var(--B600-raw);
  --shadow-pri-lg: rgba(var(--primary-pri-500-raw), 0.24);
  --shadow-pri-lg-down: 0px 6px 24px var(--shadow-pri-lg);
  --shadow-pri-md: rgba(var(--primary-pri-600-raw), 0.24);
  --shadow-pri-md-down: 0px 4px 8px var(--shadow-pri-md);
  --shadow-s1-down:
    0px 1px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 4px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-down-pri:
    0px 1px 2px -2px rgba(var(--shadow-pri-raw), 0.12),
    0px 2px 4px rgba(var(--shadow-pri-raw), 0.04),
    0px 2px 8px 2px rgba(var(--shadow-pri-raw), 0.02);
  --shadow-s1-left:
    -1px 0px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 4px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-right:
    1px 0px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 4px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-up:
    0px -1px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 4px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-down:
    0px 4px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    0px 4px 8px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-down-pri:
    0px 2px 4px -4px rgba(var(--shadow-pri-raw), 0.12),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.04),
    0px 4px 16px 4px rgba(var(--shadow-pri-raw), 0.03);
  --shadow-s2-left:
    -4px 0px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    -4px 0px 8px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-right:
    4px 0px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    4px 0px 8px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-up:
    0px -4px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    0px -4px 8px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s3-down:
    0px 6px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    0px 3px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    0px 4px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-down-pri:
    0px 3px 6px -6px rgba(var(--shadow-pri-raw), 0.14),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.06),
    0px 6px 18px 6px rgba(var(--shadow-pri-raw), 0.04);
  --shadow-s3-left:
    -6px 0px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    -3px 0px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    -4px 0px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-right:
    6px 0px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    3px 0px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    4px 0px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-up:
    0px -6px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    0px -3px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    0px -4px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s4-down:
    0px 8px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    0px 6px 12px rgba(var(--shadow-default-raw), 0.04),
    0px 4px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-down-pri:
    0px 4px 8px -4px rgba(var(--shadow-pri-raw), 0.16),
    0px 6px 12px rgba(var(--shadow-pri-raw), 0.08),
    0px 8px 24px 8px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s4-left:
    -8px 0px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    -6px 0px 12px rgba(var(--shadow-default-raw), 0.04),
    -4px 0px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-right:
    8px 0px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    6px 0px 12px rgba(var(--shadow-default-raw), 0.04),
    4px 0px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-up:
    0px -8px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    0px -6px 12px rgba(var(--shadow-default-raw), 0.04),
    0px -4px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-down-pri:
    0px 10px 12px -10px rgba(var(--shadow-pri-raw), 0.18),
    0px 8px 24px rgba(var(--shadow-pri-raw), 0.1),
    0px 10px 36px 10px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s5-left:
    -10px 0px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    -8px 0px 24px rgba(var(--shadow-default-raw), 0.04),
    -6px 0px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-right:
    10px 0px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    8px 0px 24px rgba(var(--shadow-default-raw), 0.04),
    6px 0px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-up:
    0px -10px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    0px -8px 24px rgba(var(--shadow-default-raw), 0.04),
    0px -6px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-sm-left: -2px 0px 4px var(--shadow-default-sm);
  --shadow-sm-right: 2px 0px 4px var(--shadow-default-sm);
  --shadow-sm-up: 0px -2px 4px var(--shadow-default-sm);
  --static-black-10: rgba(0, 0, 0, 0.1);
  --static-black-15: rgba(0, 0, 0, 0.15);
  --static-black-20: rgba(0, 0, 0, 0.2);
  --static-black-30: rgba(0, 0, 0, 0.3);
  --static-black-40: rgba(0, 0, 0, 0.4);
  --static-black-5: rgba(0, 0, 0, 0.05);
  --static-black-50: rgba(0, 0, 0, 0.5);
  --static-black-60: rgba(0, 0, 0, 0.6);
  --static-black-70: rgba(0, 0, 0, 0.7);
  --static-black-80: rgba(0, 0, 0, 0.8);
  --static-black-90: rgba(0, 0, 0, 0.9);
  --static-white-10: hsla(0, 0%, 100%, 0.1);
  --static-white-15: hsla(0, 0%, 100%, 0.15);
  --static-white-20: hsla(0, 0%, 100%, 0.2);
  --static-white-30: hsla(0, 0%, 100%, 0.3);
  --static-white-40: hsla(0, 0%, 100%, 0.4);
  --static-white-5: hsla(0, 0%, 100%, 0.05);
  --static-white-50: hsla(0, 0%, 100%, 0.5);
  --static-white-60: hsla(0, 0%, 100%, 0.6);
  --static-white-70: hsla(0, 0%, 100%, 0.7);
  --static-white-80: hsla(0, 0%, 100%, 0.8);
  --static-white-90: hsla(0, 0%, 100%, 0.9);
  --static-white-hover: hsla(0, 0%, 100%, 0.1);
  --static-white-hover-raw: 255, 255, 255;
  --static-white-pressed: hsla(0, 0%, 100%, 0.2);
  --static-white-pressed-raw: 255, 255, 255;
  --text-caption-raw: var(--N600-raw);
  --text-disabled-raw: var(--N400-raw);
  --text-link-disabled: var(--N400);
  --text-link-disabled-raw: var(--N400-raw);
  --text-link-hover: var(--B500);
  --text-link-hover-raw: var(--B500-raw);
  --text-link-loading: var(--B300);
  --text-link-loading-raw: var(--B300-raw);
  --text-link-normal: var(--B600);
  --text-link-normal-raw: var(--B600-raw);
  --text-link-pressed: var(--B700);
  --text-link-pressed-raw: var(--B700-raw);
  --text-placeholder-raw: var(--N500-raw);
  --text-title-raw: var(--N900-raw);
  --udtoken-btn-ghost-bg: rgba(var(--N00-raw), 0);
  --udtoken-btn-se-bg-danger-focus: var(--function-danger-100);
  --udtoken-btn-se-bg-neutral-focus: var(--N100);
  --udtoken-btn-se-bg-pri-focus: var(--primary-pri-100);
  --udtoken-btn-selected-bg-danger-hover: var(--R100);
  --udtoken-btn-selected-bg-danger-normal: var(--R50);
  --udtoken-btn-selected-bg-danger-press: var(--R200);
  --udtoken-btn-selected-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-selected-bg-neutral-normal: rgba(var(--N900-raw), 0.06);
  --udtoken-btn-selected-bg-neutral-press: rgba(var(--N900-raw), 0.14);
  --udtoken-btn-selected-bg-success-hover: var(--G100);
  --udtoken-btn-selected-bg-success-normal: var(--G50);
  --udtoken-btn-selected-bg-success-press: var(--G200);
  --udtoken-btn-selected-border-neutral: var(--N400);
  --udtoken-btn-selected-text-danger: var(--R600);
  --udtoken-btn-selected-text-success: var(--G700);
  --udtoken-btn-text-bg-danger-focus: rgba(var(--function-danger-500-raw), 0.1);
  --udtoken-btn-text-bg-neutral-focus: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-text-bg-pri-focus: rgba(var(--primary-pri-500-raw), 0.1);
  --udtoken-message-card-bg-blue: var(--B100);
  --udtoken-message-card-bg-carmine: var(--C100);
  --udtoken-message-card-bg-green: var(--G100);
  --udtoken-message-card-bg-indigo: var(--I100);
  --udtoken-message-card-bg-light-neutral: var(--N100);
  --udtoken-message-card-bg-lime: var(--L100);
  --udtoken-message-card-bg-mask-general: rgba(var(--N00-raw), 0.5);
  --udtoken-message-card-bg-mask-special: rgba(var(--N00-raw), 0.2);
  --udtoken-message-card-bg-neutral: var(--N500);
  --udtoken-message-card-bg-orange: var(--O100);
  --udtoken-message-card-bg-purple: var(--P100);
  --udtoken-message-card-bg-red: var(--R100);
  --udtoken-message-card-bg-turquoise: var(--T100);
  --udtoken-message-card-bg-violet: var(--V100);
  --udtoken-message-card-bg-wathet: var(--W100);
  --udtoken-message-card-bg-yellow: var(--Y100);
  --udtoken-message-card-text-blue: var(--B600);
  --udtoken-message-card-text-carmine: var(--C600);
  --udtoken-message-card-text-green: var(--G700);
  --udtoken-message-card-text-indigo: var(--I600);
  --udtoken-message-card-text-lime: var(--L700);
  --udtoken-message-card-text-neutral: var(--N00);
  --udtoken-message-card-text-orange: var(--O600);
  --udtoken-message-card-text-purple: var(--P600);
  --udtoken-message-card-text-red: var(--R600);
  --udtoken-message-card-text-turquoise: var(--T700);
  --udtoken-message-card-text-violet: var(--V600);
  --udtoken-message-card-text-wathet: var(--W700);
  --udtoken-message-card-text-yellow: var(--Y700);
  --udtoken-navigation-bar-resize-handle: #4599ff;
  --udtoken-navigation-bar-tab-bg-black: #1c2435;
  --udtoken-navigation-bar-tab-bg-blue: #1b429c;
  --udtoken-navigation-bar-tab-bg-gray: #e5e5e9;
  --udtoken-progress-bg: var(--N300);
  --udtoken-reaction-bg-grey: rgba(var(--N900-raw), 0.05);
  --udtoken-reaction-bg-grey-float: rgba(var(--N900-raw), 0.05);
  --udtoken-skeleton-bg: rgba(var(--N900-raw), 0.08);
  --udtoken-skeleton-fg: rgba(var(--N900-raw), 0.05);
  --udtoken-tab-pri-bg: rgba(var(--primary-pri-500-raw), 0.2);
  --udtoken-tab-pri-text: var(--primary-pri-600);
  --udtoken-tab-se-bg-unselected: rgba(var(--N900-raw), 0.1);
  --udtoken-table-bg-grey: var(--N50);
  --udtoken-table-bg-pressed: var(--N300);
  --udtoken-table-bg-selected: var(--primary-pri-50);
  --udtoken-tag-bg-blue: rgba(var(--B500-raw), 0.2);
  --udtoken-tag-bg-carmine: rgba(var(--C500-raw), 0.2);
  --udtoken-tag-bg-green: rgba(var(--G500-raw), 0.2);
  --udtoken-tag-bg-indigo: rgba(var(--I500-raw), 0.2);
  --udtoken-tag-bg-lime: rgba(var(--L500-raw), 0.2);
  --udtoken-tag-bg-orange: rgba(var(--O500-raw), 0.2);
  --udtoken-tag-bg-purple: rgba(var(--P500-raw), 0.2);
  --udtoken-tag-bg-red: rgba(var(--R500-raw), 0.2);
  --udtoken-tag-bg-turquoise: rgba(var(--T500-raw), 0.2);
  --udtoken-tag-bg-violet: rgba(var(--V500-raw), 0.2);
  --udtoken-tag-bg-wathet: rgba(var(--W500-raw), 0.2);
  --udtoken-tag-bg-yellow: rgba(var(--Y500-raw), 0.2);
  --udtoken-tag-neutral-bg-inverse: var(--N500);
  --udtoken-tag-neutral-bg-inverse-opacity: rgba(var(--N900-raw), 0.4);
  --udtoken-tag-neutral-bg-normal: rgba(var(--N900-raw), 0.1);
  --udtoken-tag-neutral-bg-normal-hover: rgba(var(--N900-raw), 0.15);
  --udtoken-tag-neutral-bg-normal-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-tag-neutral-bg-solid: var(--N200);
  --udtoken-tag-neutral-text-inverse: var(--N00);
  --udtoken-tag-neutral-text-inverse-opacity: var(--N00);
  --udtoken-tag-neutral-text-normal: var(--N600);
  --udtoken-tag-neutral-text-solid: var(--N600);
  --udtoken-tag-state-blue-light: var(--B500);
  --udtoken-tag-state-green-light: var(--G500);
  --udtoken-tag-state-grey-light: var(--N500);
  --udtoken-tag-state-orange-light: var(--O500);
  --udtoken-tag-state-purple-light: var(--P500);
  --udtoken-tag-state-red-light: var(--R500);
  --udtoken-tag-text-blue: var(--B900);
  --udtoken-tag-text-carmine: var(--C900);
  --udtoken-tag-text-green: var(--G900);
  --udtoken-tag-text-indigo: var(--I900);
  --udtoken-tag-text-lime: var(--L900);
  --udtoken-tag-text-orange: var(--O900);
  --udtoken-tag-text-purple: var(--P900);
  --udtoken-tag-text-red: var(--R900);
  --udtoken-tag-text-s-blue: var(--B600);
  --udtoken-tag-text-s-carmine: var(--C600);
  --udtoken-tag-text-s-green: var(--G600);
  --udtoken-tag-text-s-indigo: var(--I600);
  --udtoken-tag-text-s-lime: var(--L700);
  --udtoken-tag-text-s-orange: var(--O600);
  --udtoken-tag-text-s-purple: var(--P600);
  --udtoken-tag-text-s-red: var(--R600);
  --udtoken-tag-text-s-turquoise: var(--T600);
  --udtoken-tag-text-s-violet: var(--V600);
  --udtoken-tag-text-s-wathet: var(--W600);
  --udtoken-tag-text-s-yellow: var(--Y700);
  --udtoken-tag-text-turquoise: var(--T900);
  --udtoken-tag-text-violet: var(--V900);
  --udtoken-tag-text-wathet: var(--W900);
  --udtoken-tag-text-yellow: var(--Y900);
  --udtoken-upload-bg-error: var(--N200);
  --udtoken-upload-mask-img: rgba(var(--N900-raw), 0.4);
  --B100: #e0e9ff;
  --B100-raw: 224, 233, 255;
  --B200: #c2d4ff;
  --B200-raw: 194, 212, 255;
  --B300: #94b4ff;
  --B300-raw: 148, 180, 255;
  --B350: #7aa2ff;
  --B350-raw: 122, 162, 255;
  --B400: #5083fb;
  --B400-raw: 80, 131, 251;
  --B50: #f0f4ff;
  --B50-raw: 240, 244, 255;
  --B500: #336df4;
  --B500-raw: 51, 109, 244;
  --B600: #1456f0;
  --B600-raw: 20, 86, 240;
  --B700: #0442d2;
  --B700-raw: 4, 66, 210;
  --B800: #002f9e;
  --B800-raw: 0, 47, 158;
  --B900: #002270;
  --B900-raw: 0, 34, 112;
  --C100: #fee2f2;
  --C100-raw: 254, 226, 242;
  --C200: #f8c4e1;
  --C200-raw: 248, 196, 225;
  --C300: #f598cc;
  --C300-raw: 245, 152, 204;
  --C350: #eb78b8;
  --C350-raw: 235, 120, 184;
  --C400: #df58a5;
  --C400-raw: 223, 88, 165;
  --C50: #fef0f8;
  --C50-raw: 254, 240, 248;
  --C500: #cc398c;
  --C500-raw: 204, 57, 140;
  --C600: #b82879;
  --C600-raw: 184, 40, 121;
  --C700: #9d1562;
  --C700-raw: 157, 21, 98;
  --C800: #730744;
  --C800-raw: 115, 7, 68;
  --C900: #550c35;
  --C900-raw: 85, 12, 53;
  --G100: #d0f5ce;
  --G100-raw: 208, 245, 206;
  --G200: #95e599;
  --G200-raw: 149, 229, 153;
  --G300: #5cd168;
  --G300-raw: 92, 209, 104;
  --G350: #35bd4b;
  --G350-raw: 53, 189, 75;
  --G400: #32a645;
  --G400-raw: 50, 166, 69;
  --G50: #e4fae1;
  --G50-raw: 228, 250, 225;
  --G500: #258832;
  --G500-raw: 37, 136, 50;
  --G600: #1a7526;
  --G600-raw: 26, 117, 38;
  --G700: #0b6017;
  --G700-raw: 11, 96, 23;
  --G800: #04430c;
  --G800-raw: 4, 67, 12;
  --G900: #022c07;
  --G900-raw: 2, 44, 7;
  --I100: #e9eafb;
  --I100-raw: 233, 234, 251;
  --I200: #cccff9;
  --I200-raw: 204, 207, 249;
  --I300: #abb0f2;
  --I300-raw: 171, 176, 242;
  --I350: #959bee;
  --I350-raw: 149, 155, 238;
  --I400: #757df0;
  --I400-raw: 117, 125, 240;
  --I50: #f2f3fd;
  --I50-raw: 242, 243, 253;
  --I500: #5b65f5;
  --I500-raw: 91, 101, 245;
  --I600: #4752e6;
  --I600-raw: 71, 82, 230;
  --I700: #333dcc;
  --I700-raw: 51, 61, 204;
  --I800: #1e27a4;
  --I800-raw: 30, 39, 164;
  --I900: #151b70;
  --I900-raw: 21, 27, 112;
  --L100: #e3f0a3;
  --L100-raw: 227, 240, 163;
  --L200: #c8dd5f;
  --L200-raw: 200, 221, 95;
  --L300: #a2c10b;
  --L300-raw: 162, 193, 11;
  --L350: #91ad00;
  --L350-raw: 145, 173, 0;
  --L400: #7b9207;
  --L400-raw: 123, 146, 7;
  --L50: #f2f8d3;
  --L50-raw: 242, 248, 211;
  --L500: #6b7f06;
  --L500-raw: 107, 127, 6;
  --L600: #5c6d08;
  --L600-raw: 92, 109, 8;
  --L700: #4a5804;
  --L700-raw: 74, 88, 4;
  --L800: #333d00;
  --L800-raw: 51, 61, 0;
  --L900: #262e00;
  --L900-raw: 38, 46, 0;
  --N00: #fff;
  --N00-raw: 255, 255, 255;
  --N100: #f2f3f5;
  --N100-raw: 242, 243, 245;
  --N1000: #000;
  --N1000-raw: 0, 0, 0;
  --N200: #eff0f1;
  --N200-raw: 239, 240, 241;
  --N300: #dee0e3;
  --N300-raw: 222, 224, 227;
  --N350: #d0d3d6;
  --N350-raw: 208, 211, 214;
  --N400: #bbbfc4;
  --N400-raw: 187, 191, 196;
  --N50: #f5f6f7;
  --N50-raw: 245, 246, 247;
  --N500: #8f959e;
  --N500-raw: 143, 149, 158;
  --N600: #646a73;
  --N600-raw: 100, 106, 115;
  --N650: #51565d;
  --N650-raw: 81, 86, 93;
  --N700: #373c43;
  --N700-raw: 55, 60, 67;
  --N800: #2b2f36;
  --N800-raw: 43, 47, 54;
  --N900: #1f2329;
  --N900-raw: 31, 35, 41;
  --N950: #0f1114;
  --N950-raw: 15, 17, 20;
  --O100: #fee7cd;
  --O100-raw: 254, 231, 205;
  --O200: #fec48b;
  --O200-raw: 254, 196, 139;
  --O300: #ff9d4c;
  --O300-raw: 255, 157, 76;
  --O350: #ff811a;
  --O350-raw: 255, 129, 26;
  --O400: #ed6d0c;
  --O400-raw: 237, 109, 12;
  --O50: #fff3e5;
  --O50-raw: 255, 243, 229;
  --O500: #c25705;
  --O500-raw: 194, 87, 5;
  --O600: #a44904;
  --O600-raw: 164, 73, 4;
  --O700: #853a05;
  --O700-raw: 133, 58, 5;
  --O800: #642b02;
  --O800-raw: 100, 43, 2;
  --O900: #3b1a02;
  --O900-raw: 59, 26, 2;
  --P100: #efe6fe;
  --P100-raw: 239, 230, 254;
  --P200: #dcc9fd;
  --P200-raw: 220, 201, 253;
  --P300: #c8a9fc;
  --P300-raw: 200, 169, 252;
  --P350: #b791fa;
  --P350-raw: 183, 145, 250;
  --P400: #9f6ff1;
  --P400-raw: 159, 111, 241;
  --P50: #f5f0fe;
  --P50-raw: 245, 240, 254;
  --P500: #8d55ed;
  --P500-raw: 141, 85, 237;
  --P600: #7a35f0;
  --P600-raw: 122, 53, 240;
  --P700: #611fd6;
  --P700-raw: 97, 31, 214;
  --P800: #4811a6;
  --P800-raw: 72, 17, 166;
  --P900: #2f0080;
  --P900-raw: 47, 0, 128;
  --R100: #fee3e2;
  --R100-raw: 254, 227, 226;
  --R200: #fdc6c4;
  --R200-raw: 253, 198, 196;
  --R300: #f89e9b;
  --R300-raw: 248, 158, 155;
  --R350: #ff7570;
  --R350-raw: 255, 117, 112;
  --R400: #f54a45;
  --R400-raw: 245, 74, 69;
  --R50: #fef0f0;
  --R50-raw: 254, 240, 240;
  --R500: #e22e28;
  --R500-raw: 226, 46, 40;
  --R600: #c02a26;
  --R600-raw: 192, 42, 38;
  --R700: #a11c17;
  --R700-raw: 161, 28, 23;
  --R800: #741915;
  --R800-raw: 116, 25, 21;
  --R900: #590603;
  --R900-raw: 89, 6, 3;
  --S100: #fffca3;
  --S100-raw: 255, 252, 163;
  --S200: #fff67a;
  --S200-raw: 255, 246, 122;
  --S300: #fff258;
  --S300-raw: 255, 242, 88;
  --S350: #ffe928;
  --S350-raw: 255, 233, 40;
  --S400: #e5ce00;
  --S400-raw: 229, 206, 0;
  --S50: #ffffdb;
  --S50-raw: 255, 255, 219;
  --S500: #c2a800;
  --S500-raw: 194, 168, 0;
  --S600: #8f7c00;
  --S600-raw: 143, 124, 0;
  --S700: #5c4f00;
  --S700-raw: 92, 79, 0;
  --S800: #423700;
  --S800-raw: 66, 55, 0;
  --S900: #2c2502;
  --S900-raw: 44, 37, 2;
  --T100: #c4f2ec;
  --T100-raw: 196, 242, 236;
  --T200: #6fe8d8;
  --T200-raw: 111, 232, 216;
  --T300: #33d6c0;
  --T300-raw: 51, 214, 192;
  --T350: #2dbeab;
  --T350-raw: 45, 190, 171;
  --T400: #10a893;
  --T400-raw: 16, 168, 147;
  --T50: #e2f8f5;
  --T50-raw: 226, 248, 245;
  --T500: #0f8575;
  --T500-raw: 15, 133, 117;
  --T600: #067062;
  --T600-raw: 6, 112, 98;
  --T700: #045d51;
  --T700-raw: 4, 93, 81;
  --T800: #03443b;
  --T800-raw: 3, 68, 59;
  --T900: #02312a;
  --T900-raw: 2, 49, 42;
  --V100: #f9e2f9;
  --V100-raw: 249, 226, 249;
  --V200: #f3c4f3;
  --V200-raw: 243, 196, 243;
  --V300: #e59ce5;
  --V300-raw: 229, 156, 229;
  --V350: #de81de;
  --V350-raw: 222, 129, 222;
  --V400: #cf5ecf;
  --V400-raw: 207, 94, 207;
  --V50: #fceefc;
  --V50-raw: 252, 238, 252;
  --V500: #bf3dbf;
  --V500-raw: 191, 61, 191;
  --V600: #a630a6;
  --V600-raw: 166, 48, 166;
  --V700: #872787;
  --V700-raw: 135, 39, 135;
  --V800: #6a116a;
  --V800-raw: 106, 17, 106;
  --V900: #520052;
  --V900-raw: 82, 0, 82;
  --W100: #caeffc;
  --W100-raw: 202, 239, 252;
  --W200: #97dcfc;
  --W200-raw: 151, 220, 252;
  --W300: #3ec3f7;
  --W300-raw: 62, 195, 247;
  --W350: #25b0e7;
  --W350-raw: 37, 176, 231;
  --W400: #1295ca;
  --W400-raw: 18, 149, 202;
  --W50: #e7f8fe;
  --W50-raw: 231, 248, 254;
  --W500: #047fb0;
  --W500-raw: 4, 127, 176;
  --W600: #076a94;
  --W600-raw: 7, 106, 148;
  --W700: #0f587a;
  --W700-raw: 15, 88, 122;
  --W800: #06415c;
  --W800-raw: 6, 65, 92;
  --W900: #072b3d;
  --W900-raw: 7, 43, 61;
  --Y100: #faedc2;
  --Y100-raw: 250, 237, 194;
  --Y200: #fcdf7e;
  --Y200-raw: 252, 223, 126;
  --Y300: #fad355;
  --Y300-raw: 250, 211, 85;
  --Y350: #ffc60a;
  --Y350-raw: 255, 198, 10;
  --Y400: #d99904;
  --Y400-raw: 217, 153, 4;
  --Y50: #fbf4df;
  --Y50-raw: 251, 244, 223;
  --Y500: #ad7a03;
  --Y500-raw: 173, 122, 3;
  --Y600: #865b03;
  --Y600-raw: 134, 91, 3;
  --Y700: #6f4a01;
  --Y700-raw: 111, 74, 1;
  --Y800: #573601;
  --Y800-raw: 87, 54, 1;
  --Y900: #382201;
  --Y900-raw: 56, 34, 1;
  --AI-cursor: var(--I600);
  --AI-cursor-raw: var(--I600-raw);
  --AI-dynamic-line: conic-gradient(
    from 45deg,
    var(--V400) 0%,
    var(--I600) 33.33333333%,
    var(--I600) 66.66666667%,
    var(--V400) 100%
  );
  --AI-icon-gradient: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--P400) 100%
  );
  --AI-icon-in-button: var(--I600);
  --AI-icon-in-button-raw: var(--I600-raw);
  --AI-loading: linear-gradient(to right, var(--I600) 0%, var(--V350) 100%);
  --AI-primary-content-default: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--V400) 100%
  );
  --AI-primary-content-hover: linear-gradient(
    to right,
    var(--I500) 0%,
    var(--V350) 100%
  );
  --AI-primary-content-loading: linear-gradient(
    to right,
    rgba(var(--I600-raw), 0.6) 0%,
    rgba(var(--V400-raw), 0.6) 100%
  );
  --AI-primary-content-pressed: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--V500) 100%
  );
  --AI-primary-fill-default: linear-gradient(
    to right,
    var(--I500) 0%,
    var(--V350) 100%
  );
  --AI-primary-fill-hover: linear-gradient(
    to right,
    var(--I400) 0%,
    var(--V300) 100%
  );
  --AI-primary-fill-loading: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.6) 0%,
    rgba(var(--V350-raw), 0.6) 100%
  );
  --AI-primary-fill-pressed: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--V400) 100%
  );
  --AI-primary-fill-solid-01: linear-gradient(
    to right,
    var(--I50) 0%,
    var(--V50) 100%
  );
  --AI-primary-fill-solid-02: linear-gradient(
    to right,
    var(--I100) 0%,
    var(--V100) 100%
  );
  --AI-primary-fill-solid-03: linear-gradient(
    to right,
    var(--I200) 0%,
    var(--V200) 100%
  );
  --AI-primary-fill-transparent-01: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.1) 0%,
    rgba(var(--V350-raw), 0.1) 100%
  );
  --AI-primary-fill-transparent-02: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.2) 0%,
    rgba(var(--V350-raw), 0.2) 100%
  );
  --AI-primary-fill-transparent-03: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.3) 0%,
    rgba(var(--V350-raw), 0.3) 100%
  );
  --AI-sendicon: linear-gradient(to right, var(--I600) 0%, var(--P400) 100%);
  --Aurora-bg-main: rgba(var(--B600-raw), 0.2);
  --Aurora-bg-reflection: rgba(var(--T350-raw), 0.1);
  --Aurora-bg-subordinate: rgba(var(--B500-raw), 0.2);
  --N00-10: rgba(var(--N00-raw), 0.1);
  --N00-15: rgba(var(--N00-raw), 0.15);
  --N00-20: rgba(var(--N00-raw), 0.2);
  --N00-30: rgba(var(--N00-raw), 0.3);
  --N00-40: rgba(var(--N00-raw), 0.4);
  --N00-5: rgba(var(--N00-raw), 0.05);
  --N00-50: rgba(var(--N00-raw), 0.5);
  --N00-60: rgba(var(--N00-raw), 0.6);
  --N00-70: rgba(var(--N00-raw), 0.7);
  --N00-80: rgba(var(--N00-raw), 0.8);
  --N00-90: rgba(var(--N00-raw), 0.9);
  --N900-10: rgba(var(--N900-raw), 0.1);
  --N900-15: rgba(var(--N900-raw), 0.15);
  --N900-20: rgba(var(--N900-raw), 0.2);
  --N900-30: rgba(var(--N900-raw), 0.3);
  --N900-40: rgba(var(--N900-raw), 0.4);
  --N900-5: rgba(var(--N900-raw), 0.05);
  --N900-50: rgba(var(--N900-raw), 0.5);
  --N900-60: rgba(var(--N900-raw), 0.6);
  --N900-70: rgba(var(--N900-raw), 0.7);
  --N900-80: rgba(var(--N900-raw), 0.8);
  --N900-90: rgba(var(--N900-raw), 0.9);
  --Vnext-bg-content-header: #fcfcfc;
  --Vnext-bg-content-header-raw: 252, 252, 252;
  --Vnext-bg-gradient: linear-gradient(
    180deg,
    rgba(var(--N00-raw), 0.05) 0%,
    rgba(var(--N600-raw), 0.05) 100%
  );
  --Vnext-bg-sub-navigation: hsla(0, 0%, 96%, 0.7);
  --Vnext-bg-sub-navigation-raw: 245, 245, 245;
  --Vnext-bg-thirdly-navigation: hsla(0, 0%, 99%, 0.9);
  --Vnext-bg-thirdly-navigation-raw: 252, 252, 252;
  --bg-base: var(--N100);
  --bg-base-raw: var(--N100-raw);
  --bg-body: var(--N00);
  --bg-body-raw: var(--N00-raw);
  --bg-body-overlay: var(--N50);
  --bg-body-overlay-raw: var(--N50-raw);
  --bg-content-base: #f8f9fa;
  --bg-content-base-raw: 248, 249, 250;
  --bg-filler: var(--N200);
  --bg-filler-raw: var(--N200-raw);
  --bg-float: var(--N00);
  --bg-float-raw: var(--N00-raw);
  --bg-float-base: var(--N100);
  --bg-float-base-raw: var(--N100-raw);
  --bg-float-overlay: var(--N50);
  --bg-float-overlay-raw: var(--N50-raw);
  --bg-float-push: rgba(var(--N00-raw), 0.8);
  --bg-mask: rgba(0, 0, 0, 0.55);
  --bg-mask-raw: 0, 0, 0;
  --bg-pricolor: var(--primary-pri-400);
  --bg-pricolor-raw: var(--primary-pri-400-raw);
  --bg-sub-navigation: var(--bg-body-overlay);
  --bg-sub-navigation-raw: var(--bg-body-overlay-raw);
  --bg-text-selection: rgba(var(--primary-pri-600-raw), 0.3);
  --bg-tips: var(--N900);
  --bg-tips-raw: var(--N900-raw);
  --colorful-blue: var(--B500);
  --colorful-blue-raw: var(--B500-raw);
  --colorful-carmine: var(--C400);
  --colorful-carmine-raw: var(--C400-raw);
  --colorful-green: var(--G350);
  --colorful-green-raw: var(--G350-raw);
  --colorful-indigo: var(--I500);
  --colorful-indigo-raw: var(--I500-raw);
  --colorful-lime: var(--L350);
  --colorful-lime-raw: var(--L350-raw);
  --colorful-neutral: var(--N500);
  --colorful-neutral-raw: var(--N500-raw);
  --colorful-orange: var(--O350);
  --colorful-orange-raw: var(--O350-raw);
  --colorful-purple: var(--P500);
  --colorful-purple-raw: var(--P500-raw);
  --colorful-red: var(--R400);
  --colorful-red-raw: var(--R400-raw);
  --colorful-sunflower: var(--S350);
  --colorful-sunflower-raw: var(--S350-raw);
  --colorful-turquoise: var(--T350);
  --colorful-turquoise-raw: var(--T350-raw);
  --colorful-violet: var(--V500);
  --colorful-violet-raw: var(--V500-raw);
  --colorful-wathet: var(--W350);
  --colorful-wathet-raw: var(--W350-raw);
  --colorful-yellow: var(--Y350);
  --colorful-yellow-raw: var(--Y350-raw);
  --fill-active: var(--primary-fill-transparent-02);
  --fill-disabled: var(--N400);
  --fill-disabled-raw: var(--N400-raw);
  --fill-focus: rgba(var(--N900-raw), 0.12);
  --fill-hover: rgba(var(--N900-raw), 0.08);
  --fill-img-mask: rgba(var(--N00-raw), 0);
  --fill-loading-mask: rgba(var(--N00-raw), 0.6);
  --fill-pressed: rgba(var(--N900-raw), 0.12);
  --fill-selected: var(--primary-fill-transparent-01);
  --fill-tag: rgba(var(--N900-raw), 0.1);
  --function-danger-100: var(--R100);
  --function-danger-100-raw: var(--R100-raw);
  --function-danger-200: var(--R200);
  --function-danger-200-raw: var(--R200-raw);
  --function-danger-300: var(--R300);
  --function-danger-300-raw: var(--R300-raw);
  --function-danger-350: var(--R350);
  --function-danger-350-raw: var(--R350-raw);
  --function-danger-400: var(--R400);
  --function-danger-400-raw: var(--R400-raw);
  --function-danger-50: var(--R50);
  --function-danger-50-raw: var(--R50-raw);
  --function-danger-500: var(--R500);
  --function-danger-500-raw: var(--R500-raw);
  --function-danger-600: var(--R600);
  --function-danger-600-raw: var(--R600-raw);
  --function-danger-700: var(--R700);
  --function-danger-700-raw: var(--R700-raw);
  --function-danger-800: var(--R800);
  --function-danger-800-raw: var(--R800-raw);
  --function-danger-900: var(--R900);
  --function-danger-900-raw: var(--R900-raw);
  --function-danger-content-default: var(--function-danger-400);
  --function-danger-content-default-raw: var(--function-danger-400-raw);
  --function-danger-content-hover: var(--function-danger-350);
  --function-danger-content-hover-raw: var(--function-danger-350-raw);
  --function-danger-content-loading: var(--function-danger-300);
  --function-danger-content-loading-raw: var(--function-danger-300-raw);
  --function-danger-content-pressed: var(--function-danger-500);
  --function-danger-content-pressed-raw: var(--function-danger-500-raw);
  --function-danger-fill-default: var(--function-danger-400);
  --function-danger-fill-default-raw: var(--function-danger-400-raw);
  --function-danger-fill-hover: var(--function-danger-350);
  --function-danger-fill-hover-raw: var(--function-danger-350-raw);
  --function-danger-fill-loading: var(--function-danger-300);
  --function-danger-fill-loading-raw: var(--function-danger-300-raw);
  --function-danger-fill-pressed: var(--function-danger-500);
  --function-danger-fill-pressed-raw: var(--function-danger-500-raw);
  --function-danger-fill-solid-01: var(--function-danger-50);
  --function-danger-fill-solid-01-raw: var(--function-danger-50-raw);
  --function-danger-fill-solid-02: var(--function-danger-100);
  --function-danger-fill-solid-02-raw: var(--function-danger-100-raw);
  --function-danger-fill-solid-03: var(--function-danger-200);
  --function-danger-fill-solid-03-raw: var(--function-danger-200-raw);
  --function-danger-fill-transparent-01: rgba(
    var(--function-danger-500-raw),
    0.1
  );
  --function-danger-fill-transparent-02: rgba(
    var(--function-danger-500-raw),
    0.15
  );
  --function-danger-fill-transparent-03: rgba(
    var(--function-danger-500-raw),
    0.2
  );
  --function-danger-on-danger-fill: var(--static-white);
  --function-danger-on-danger-fill-raw: var(--static-white-raw);
  --function-info-100: var(--B100);
  --function-info-100-raw: var(--B100-raw);
  --function-info-200: var(--B200);
  --function-info-200-raw: var(--B200-raw);
  --function-info-300: var(--B300);
  --function-info-300-raw: var(--B300-raw);
  --function-info-350: var(--B350);
  --function-info-350-raw: var(--B350-raw);
  --function-info-400: var(--B400);
  --function-info-400-raw: var(--B400-raw);
  --function-info-50: var(--B50);
  --function-info-50-raw: var(--B50-raw);
  --function-info-500: var(--B500);
  --function-info-500-raw: var(--B500-raw);
  --function-info-600: var(--B600);
  --function-info-600-raw: var(--B600-raw);
  --function-info-700: var(--B700);
  --function-info-700-raw: var(--B700-raw);
  --function-info-800: var(--B800);
  --function-info-800-raw: var(--B800-raw);
  --function-info-900: var(--B900);
  --function-info-900-raw: var(--B900-raw);
  --function-info-content-default: var(--function-info-600);
  --function-info-content-default-raw: var(--function-info-600-raw);
  --function-info-content-hover: var(--function-info-500);
  --function-info-content-hover-raw: var(--function-info-500-raw);
  --function-info-content-loading: var(--function-info-300);
  --function-info-content-loading-raw: var(--function-info-300-raw);
  --function-info-content-pressed: var(--function-info-700);
  --function-info-content-pressed-raw: var(--function-info-700-raw);
  --function-info-fill-default: var(--function-info-600);
  --function-info-fill-default-raw: var(--function-info-600-raw);
  --function-info-fill-hover: var(--function-info-500);
  --function-info-fill-hover-raw: var(--function-info-500-raw);
  --function-info-fill-loading: var(--function-info-300);
  --function-info-fill-loading-raw: var(--function-info-300-raw);
  --function-info-fill-pressed: var(--function-info-700);
  --function-info-fill-pressed-raw: var(--function-info-700-raw);
  --function-info-fill-solid-01: var(--function-info-50);
  --function-info-fill-solid-01-raw: var(--function-info-50-raw);
  --function-info-fill-solid-02: var(--function-info-100);
  --function-info-fill-solid-02-raw: var(--function-info-100-raw);
  --function-info-fill-solid-03: var(--function-info-200);
  --function-info-fill-solid-03-raw: var(--function-info-200-raw);
  --function-info-fill-transparent-01: rgba(var(--function-info-600-raw), 0.1);
  --function-info-fill-transparent-02: rgba(var(--function-info-600-raw), 0.15);
  --function-info-fill-transparent-03: rgba(var(--function-info-600-raw), 0.2);
  --function-info-on-info-fill: var(--static-white);
  --function-info-on-info-fill-raw: var(--static-white-raw);
  --function-success-100: var(--G100);
  --function-success-100-raw: var(--G100-raw);
  --function-success-200: var(--G200);
  --function-success-200-raw: var(--G200-raw);
  --function-success-300: var(--G300);
  --function-success-300-raw: var(--G300-raw);
  --function-success-350: var(--G350);
  --function-success-350-raw: var(--G350-raw);
  --function-success-400: var(--G400);
  --function-success-400-raw: var(--G400-raw);
  --function-success-50: var(--G50);
  --function-success-50-raw: var(--G50-raw);
  --function-success-500: var(--G500);
  --function-success-500-raw: var(--G500-raw);
  --function-success-600: var(--G600);
  --function-success-600-raw: var(--G600-raw);
  --function-success-700: var(--G700);
  --function-success-700-raw: var(--G700-raw);
  --function-success-800: var(--G800);
  --function-success-800-raw: var(--G800-raw);
  --function-success-900: var(--G900);
  --function-success-900-raw: var(--G900-raw);
  --function-success-content-default: var(--function-success-400);
  --function-success-content-default-raw: var(--function-success-400-raw);
  --function-success-content-hover: var(--function-success-350);
  --function-success-content-hover-raw: var(--function-success-350-raw);
  --function-success-content-loading: var(--function-success-300);
  --function-success-content-loading-raw: var(--function-success-300-raw);
  --function-success-content-pressed: var(--function-success-500);
  --function-success-content-pressed-raw: var(--function-success-500-raw);
  --function-success-fill-default: var(--function-success-350);
  --function-success-fill-default-raw: var(--function-success-350-raw);
  --function-success-fill-hover: var(--function-success-300);
  --function-success-fill-hover-raw: var(--function-success-300-raw);
  --function-success-fill-loading: var(--function-success-300);
  --function-success-fill-loading-raw: var(--function-success-300-raw);
  --function-success-fill-pressed: var(--function-success-400);
  --function-success-fill-pressed-raw: var(--function-success-400-raw);
  --function-success-fill-solid-01: var(--function-success-50);
  --function-success-fill-solid-01-raw: var(--function-success-50-raw);
  --function-success-fill-solid-02: var(--function-success-100);
  --function-success-fill-solid-02-raw: var(--function-success-100-raw);
  --function-success-fill-solid-03: var(--function-success-200);
  --function-success-fill-solid-03-raw: var(--function-success-200-raw);
  --function-success-fill-transparent-01: rgba(
    var(--function-success-350-raw),
    0.1
  );
  --function-success-fill-transparent-02: rgba(
    var(--function-success-350-raw),
    0.15
  );
  --function-success-fill-transparent-03: rgba(
    var(--function-success-350-raw),
    0.2
  );
  --function-success-on-success-fill: var(--static-white);
  --function-success-on-success-fill-raw: var(--static-white-raw);
  --function-warning-100: var(--O100);
  --function-warning-100-raw: var(--O100-raw);
  --function-warning-200: var(--O200);
  --function-warning-200-raw: var(--O200-raw);
  --function-warning-300: var(--O300);
  --function-warning-300-raw: var(--O300-raw);
  --function-warning-350: var(--O350);
  --function-warning-350-raw: var(--O350-raw);
  --function-warning-400: var(--O400);
  --function-warning-400-raw: var(--O400-raw);
  --function-warning-50: var(--O50);
  --function-warning-50-raw: var(--O50-raw);
  --function-warning-500: var(--O500);
  --function-warning-500-raw: var(--O500-raw);
  --function-warning-600: var(--O600);
  --function-warning-600-raw: var(--O600-raw);
  --function-warning-700: var(--O700);
  --function-warning-700-raw: var(--O700-raw);
  --function-warning-800: var(--O800);
  --function-warning-800-raw: var(--O800-raw);
  --function-warning-900: var(--O900);
  --function-warning-900-raw: var(--O900-raw);
  --function-warning-content-default: var(--function-warning-400);
  --function-warning-content-default-raw: var(--function-warning-400-raw);
  --function-warning-content-hover: var(--function-warning-350);
  --function-warning-content-hover-raw: var(--function-warning-350-raw);
  --function-warning-content-loading: var(--function-warning-300);
  --function-warning-content-loading-raw: var(--function-warning-300-raw);
  --function-warning-content-pressed: var(--function-warning-500);
  --function-warning-content-pressed-raw: var(--function-warning-500-raw);
  --function-warning-fill-default: var(--function-warning-350);
  --function-warning-fill-default-raw: var(--function-warning-350-raw);
  --function-warning-fill-hover: var(--function-warning-300);
  --function-warning-fill-hover-raw: var(--function-warning-300-raw);
  --function-warning-fill-loading: var(--function-warning-300);
  --function-warning-fill-loading-raw: var(--function-warning-300-raw);
  --function-warning-fill-pressed: var(--function-warning-400);
  --function-warning-fill-pressed-raw: var(--function-warning-400-raw);
  --function-warning-fill-solid-01: var(--function-warning-50);
  --function-warning-fill-solid-01-raw: var(--function-warning-50-raw);
  --function-warning-fill-solid-02: var(--function-warning-100);
  --function-warning-fill-solid-02-raw: var(--function-warning-100-raw);
  --function-warning-fill-solid-03: var(--function-warning-200);
  --function-warning-fill-solid-03-raw: var(--function-warning-200-raw);
  --function-warning-fill-transparent-01: rgba(
    var(--function-warning-400-raw),
    0.1
  );
  --function-warning-fill-transparent-02: rgba(
    var(--function-warning-400-raw),
    0.15
  );
  --function-warning-fill-transparent-03: rgba(
    var(--function-warning-400-raw),
    0.2
  );
  --function-warning-on-warning-fill: var(--static-white);
  --function-warning-on-warning-fill-raw: var(--static-white-raw);
  --gradient-blue: linear-gradient(90deg, var(--B400) 0%, var(--B500) 100%);
  --gradient-carmine: linear-gradient(90deg, var(--C400) 0%, var(--C500) 100%);
  --gradient-green: linear-gradient(90deg, var(--G300) 0%, var(--G350) 100%);
  --gradient-indigo: linear-gradient(90deg, var(--I400) 0%, var(--I500) 100%);
  --gradient-lime: linear-gradient(90deg, var(--L200) 0%, var(--L300) 100%);
  --gradient-orange: linear-gradient(90deg, var(--O300) 0%, var(--O350) 100%);
  --gradient-purple: linear-gradient(90deg, var(--P400) 0%, var(--P500) 100%);
  --gradient-red: linear-gradient(90deg, var(--R350) 0%, var(--R400) 100%);
  --gradient-turquoise: linear-gradient(
    90deg,
    var(--T200) 0%,
    var(--T300) 100%
  );
  --gradient-violet: linear-gradient(90deg, var(--V350) 0%, var(--V400) 100%);
  --gradient-wathet: linear-gradient(90deg, var(--W300) 0%, var(--W350) 100%);
  --gradient-yellow: linear-gradient(90deg, var(--Y350) 0%, var(--Y400) 100%);
  --icon-disabled: var(--N400);
  --icon-disabled-raw: var(--N400-raw);
  --icon-n1: var(--N800);
  --icon-n1-raw: var(--N800-raw);
  --icon-n2: var(--N600);
  --icon-n2-raw: var(--N600-raw);
  --icon-n3: var(--N500);
  --icon-n3-raw: var(--N500-raw);
  --illustration-blue-a: var(--B900);
  --illustration-blue-a-raw: var(--B900-raw);
  --illustration-blue-b: var(--B900);
  --illustration-blue-b-raw: var(--B900-raw);
  --illustration-blue-c: var(--B900);
  --illustration-blue-c-raw: var(--B900-raw);
  --illustration-blue-d: var(--B900);
  --illustration-blue-d-raw: var(--B900-raw);
  --illustration-blue-e: var(--B500);
  --illustration-blue-e-raw: var(--B500-raw);
  --illustration-neutral-a: var(--N00);
  --illustration-neutral-a-raw: var(--N00-raw);
  --illustration-neutral-b: var(--N00);
  --illustration-neutral-b-raw: var(--N00-raw);
  --illustration-neutral-c: rgba(var(--N400-raw), 0.45);
  --illustration-neutral-d: var(--N500);
  --illustration-neutral-d-raw: var(--N500-raw);
  --illustration-orange: var(--O350);
  --illustration-orange-raw: var(--O350-raw);
  --illustration-red: var(--R400);
  --illustration-red-raw: var(--R400-raw);
  --illustration-static-black: var(--static-black);
  --illustration-static-black-raw: var(--static-black-raw);
  --illustration-static-white: var(--static-white);
  --illustration-static-white-raw: var(--static-white-raw);
  --illustration-turquoise: var(--T300);
  --illustration-turquoise-raw: var(--T300-raw);
  --illustration-wathet: var(--W300);
  --illustration-wathet-raw: var(--W300-raw);
  --illustration-yellow: var(--Y350);
  --illustration-yellow-raw: var(--Y350-raw);
  --inverse-primary-content-default: var(--B400);
  --inverse-primary-content-default-raw: var(--B400-raw);
  --inverse-primary-content-hover: var(--B350);
  --inverse-primary-content-hover-raw: var(--B350-raw);
  --inverse-primary-content-pressed: var(--B500);
  --inverse-primary-content-pressed-raw: var(--B500-raw);
  --line-border-card: var(--N300);
  --line-border-card-raw: var(--N300-raw);
  --line-border-component: var(--N350);
  --line-border-component-raw: var(--N350-raw);
  --line-divider-default: rgba(var(--N900-raw), 0.15);
  --line-divider-module: rgba(var(--N900-raw), 0.15);
  --primary-content-default: var(--primary-pri-600);
  --primary-content-default-raw: var(--primary-pri-600-raw);
  --primary-content-hover: var(--primary-pri-500);
  --primary-content-hover-raw: var(--primary-pri-500-raw);
  --primary-content-loading: var(--primary-pri-300);
  --primary-content-loading-raw: var(--primary-pri-300-raw);
  --primary-content-pressed: var(--primary-pri-700);
  --primary-content-pressed-raw: var(--primary-pri-700-raw);
  --primary-fill-default: var(--primary-pri-600);
  --primary-fill-default-raw: var(--primary-pri-600-raw);
  --primary-fill-hover: var(--primary-pri-500);
  --primary-fill-hover-raw: var(--primary-pri-500-raw);
  --primary-fill-loading: var(--primary-pri-300);
  --primary-fill-loading-raw: var(--primary-pri-300-raw);
  --primary-fill-pressed: var(--primary-pri-700);
  --primary-fill-pressed-raw: var(--primary-pri-700-raw);
  --primary-fill-solid-01: var(--primary-pri-50);
  --primary-fill-solid-01-raw: var(--primary-pri-50-raw);
  --primary-fill-solid-02: var(--primary-pri-100);
  --primary-fill-solid-02-raw: var(--primary-pri-100-raw);
  --primary-fill-solid-03: var(--primary-pri-200);
  --primary-fill-solid-03-raw: var(--primary-pri-200-raw);
  --primary-fill-transparent-01: rgba(var(--primary-pri-600-raw), 0.1);
  --primary-fill-transparent-02: rgba(var(--primary-pri-600-raw), 0.15);
  --primary-fill-transparent-03: rgba(var(--primary-pri-600-raw), 0.2);
  --primary-on-primary-fill: var(--static-white);
  --primary-on-primary-fill-raw: var(--static-white-raw);
  --primary-pri-100: var(--B100);
  --primary-pri-100-raw: var(--B100-raw);
  --primary-pri-200: var(--B200);
  --primary-pri-200-raw: var(--B200-raw);
  --primary-pri-300: var(--B300);
  --primary-pri-300-raw: var(--B300-raw);
  --primary-pri-350: var(--B350);
  --primary-pri-350-raw: var(--B350-raw);
  --primary-pri-400: var(--B400);
  --primary-pri-400-raw: var(--B400-raw);
  --primary-pri-50: var(--B50);
  --primary-pri-50-raw: var(--B50-raw);
  --primary-pri-500: var(--B500);
  --primary-pri-500-raw: var(--B500-raw);
  --primary-pri-600: var(--B600);
  --primary-pri-600-raw: var(--B600-raw);
  --primary-pri-700: var(--B700);
  --primary-pri-700-raw: var(--B700-raw);
  --primary-pri-800: var(--B800);
  --primary-pri-800-raw: var(--B800-raw);
  --primary-pri-900: var(--B900);
  --primary-pri-900-raw: var(--B900-raw);
  --shadow-default: var(--N900);
  --shadow-default-raw: var(--N900-raw);
  --shadow-default-lg: rgba(var(--N900-raw), 0.08);
  --shadow-default-md: rgba(var(--N900-raw), 0.1);
  --shadow-default-sm: rgba(var(--N900-raw), 0.12);
  --shadow-lg-down: 0px 6px 24px var(--shadow-default-lg);
  --shadow-lg-left: -6px 0px 24px var(--shadow-default-lg);
  --shadow-lg-right: 6px 0px 24px var(--shadow-default-lg);
  --shadow-lg-up: 0px -6px 24px var(--shadow-default-lg);
  --shadow-md-down: 0px 4px 8px var(--shadow-default-md);
  --shadow-md-left: -4px 0px 8px var(--shadow-default-md);
  --shadow-md-right: 4px 0px 8px var(--shadow-default-md);
  --shadow-md-up: 0px -4px 8px var(--shadow-default-md);
  --shadow-pri: var(--primary-pri-600);
  --shadow-pri-raw: var(--primary-pri-600-raw);
  --shadow-pri-lg: rgba(var(--primary-pri-600-raw), 0.24);
  --shadow-pri-lg-down: 0px 6px 24px var(--shadow-pri-lg);
  --shadow-pri-md: rgba(var(--primary-pri-600-raw), 0.24);
  --shadow-pri-md-down: 0px 4px 8px var(--shadow-pri-md);
  --shadow-s1-down:
    0px 1px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 4px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-down-pri:
    0px 1px 2px -2px rgba(var(--shadow-pri-raw), 0.12),
    0px 2px 4px rgba(var(--shadow-pri-raw), 0.04),
    0px 2px 8px 2px rgba(var(--shadow-pri-raw), 0.02);
  --shadow-s1-left:
    -1px 0px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 4px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-right:
    1px 0px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 4px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-up:
    0px -1px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 4px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-down:
    0px 4px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    0px 4px 8px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-down-pri:
    0px 2px 4px -4px rgba(var(--shadow-pri-raw), 0.12),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.04),
    0px 4px 16px 4px rgba(var(--shadow-pri-raw), 0.03);
  --shadow-s2-left:
    -4px 0px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    -4px 0px 8px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-right:
    4px 0px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    4px 0px 8px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-up:
    0px -4px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    0px -4px 8px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s3-down:
    0px 6px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    0px 3px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    0px 4px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-down-pri:
    0px 3px 6px -6px rgba(var(--shadow-pri-raw), 0.14),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.06),
    0px 6px 18px 6px rgba(var(--shadow-pri-raw), 0.04);
  --shadow-s3-left:
    -6px 0px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    -3px 0px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    -4px 0px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-right:
    6px 0px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    3px 0px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    4px 0px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-up:
    0px -6px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    0px -3px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    0px -4px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s4-down:
    0px 8px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    0px 6px 12px rgba(var(--shadow-default-raw), 0.04),
    0px 4px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-down-pri:
    0px 4px 8px -4px rgba(var(--shadow-pri-raw), 0.16),
    0px 6px 12px rgba(var(--shadow-pri-raw), 0.08),
    0px 8px 24px 8px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s4-left:
    -8px 0px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    -6px 0px 12px rgba(var(--shadow-default-raw), 0.04),
    -4px 0px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-right:
    8px 0px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    6px 0px 12px rgba(var(--shadow-default-raw), 0.04),
    4px 0px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-up:
    0px -8px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    0px -6px 12px rgba(var(--shadow-default-raw), 0.04),
    0px -4px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-down:
    0px 10px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    0px 8px 24px rgba(var(--shadow-default-raw), 0.04),
    0px 6px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-down-pri:
    0px 10px 12px -10px rgba(var(--shadow-pri-raw), 0.18),
    0px 8px 24px rgba(var(--shadow-pri-raw), 0.1),
    0px 10px 36px 10px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s5-left:
    -10px 0px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    -8px 0px 24px rgba(var(--shadow-default-raw), 0.04),
    -6px 0px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-right:
    10px 0px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    8px 0px 24px rgba(var(--shadow-default-raw), 0.04),
    6px 0px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-up:
    0px -10px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    0px -8px 24px rgba(var(--shadow-default-raw), 0.04),
    0px -6px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-sm-down: 0px 2px 4px var(--shadow-default-sm);
  --shadow-sm-left: -2px 0px 4px var(--shadow-default-sm);
  --shadow-sm-right: 2px 0px 4px var(--shadow-default-sm);
  --shadow-sm-up: 0px -2px 4px var(--shadow-default-sm);
  --static-black: #000;
  --static-black-raw: 0, 0, 0;
  --static-black-10: rgba(0, 0, 0, 0.1);
  --static-black-15: rgba(0, 0, 0, 0.15);
  --static-black-20: rgba(0, 0, 0, 0.2);
  --static-black-30: rgba(0, 0, 0, 0.3);
  --static-black-40: rgba(0, 0, 0, 0.4);
  --static-black-5: rgba(0, 0, 0, 0.05);
  --static-black-50: rgba(0, 0, 0, 0.5);
  --static-black-60: rgba(0, 0, 0, 0.6);
  --static-black-70: rgba(0, 0, 0, 0.7);
  --static-black-80: rgba(0, 0, 0, 0.8);
  --static-black-90: rgba(0, 0, 0, 0.9);
  --static-white: #fff;
  --static-white-raw: 255, 255, 255;
  --static-white-10: hsla(0, 0%, 100%, 0.1);
  --static-white-15: hsla(0, 0%, 100%, 0.15);
  --static-white-20: hsla(0, 0%, 100%, 0.2);
  --static-white-30: hsla(0, 0%, 100%, 0.3);
  --static-white-40: hsla(0, 0%, 100%, 0.4);
  --static-white-5: hsla(0, 0%, 100%, 0.05);
  --static-white-50: hsla(0, 0%, 100%, 0.5);
  --static-white-60: hsla(0, 0%, 100%, 0.6);
  --static-white-70: hsla(0, 0%, 100%, 0.7);
  --static-white-80: hsla(0, 0%, 100%, 0.8);
  --static-white-90: hsla(0, 0%, 100%, 0.9);
  --static-white-hover: hsla(0, 0%, 100%, 0.1);
  --static-white-hover-raw: 255, 255, 255;
  --static-white-pressed: hsla(0, 0%, 100%, 0.2);
  --static-white-pressed-raw: 255, 255, 255;
  --text-caption: var(--N600);
  --text-caption-raw: var(--N600-raw);
  --text-disabled: var(--N400);
  --text-disabled-raw: var(--N400-raw);
  --text-link-disabled: var(--N400);
  --text-link-disabled-raw: var(--N400-raw);
  --text-link-hover: var(--B500);
  --text-link-hover-raw: var(--B500-raw);
  --text-link-loading: var(--B300);
  --text-link-loading-raw: var(--B300-raw);
  --text-link-normal: var(--B600);
  --text-link-normal-raw: var(--B600-raw);
  --text-link-pressed: var(--B700);
  --text-link-pressed-raw: var(--B700-raw);
  --text-placeholder: var(--N500);
  --text-placeholder-raw: var(--N500-raw);
  --text-title: var(--N900);
  --text-title-raw: var(--N900-raw);
  --udtoken-block-view-inline-bg-nopermission: rgba(var(--N900-raw), 0.1);
  --udtoken-block-view-inline-bg-other: rgba(var(--primary-pri-300-raw), 0.18);
  --udtoken-block-view-inline-bg-self: var(--primary-pri-600);
  --udtoken-btn-ghost-bg: rgba(var(--N00-raw), 0);
  --udtoken-btn-pri-text-disabled: var(--static-white);
  --udtoken-btn-se-bg-danger-focus: var(--function-danger-fill-solid-02);
  --udtoken-btn-se-bg-danger-hover: var(--function-danger-fill-solid-02);
  --udtoken-btn-se-bg-danger-pressed: var(--function-danger-fill-solid-03);
  --udtoken-btn-se-bg-neutral-focus: var(--N100);
  --udtoken-btn-se-bg-neutral-hover: var(--N100);
  --udtoken-btn-se-bg-neutral-pressed: var(--N200);
  --udtoken-btn-se-bg-pri-focus: var(--primary-fill-solid-02);
  --udtoken-btn-se-bg-pri-hover: var(--primary-fill-solid-02);
  --udtoken-btn-se-bg-pri-pressed: var(--primary-fill-solid-03);
  --udtoken-btn-selected-bg-danger-hover: var(--function-danger-fill-solid-02);
  --udtoken-btn-selected-bg-danger-normal: var(--function-danger-fill-solid-01);
  --udtoken-btn-selected-bg-danger-press: var(--function-danger-fill-solid-03);
  --udtoken-btn-selected-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-selected-bg-neutral-normal: rgba(var(--N900-raw), 0.06);
  --udtoken-btn-selected-bg-neutral-press: rgba(var(--N900-raw), 0.14);
  --udtoken-btn-selected-bg-success-hover: var(
    --function-success-fill-solid-02
  );
  --udtoken-btn-selected-bg-success-normal: var(
    --function-success-fill-solid-01
  );
  --udtoken-btn-selected-bg-success-press: var(
    --function-success-fill-solid-03
  );
  --udtoken-btn-selected-border-neutral: var(--N400);
  --udtoken-btn-selected-text-danger: var(--R600);
  --udtoken-btn-selected-text-success: var(--G500);
  --udtoken-btn-text-bg-danger-focus: var(
    --function-danger-fill-transparent-01
  );
  --udtoken-btn-text-bg-danger-hover: var(
    --function-danger-fill-transparent-01
  );
  --udtoken-btn-text-bg-danger-pressed: var(
    --function-danger-fill-transparent-03
  );
  --udtoken-btn-text-bg-neutral-focus: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-text-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-text-bg-neutral-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-btn-text-bg-pri-focus: var(--primary-fill-transparent-01);
  --udtoken-btn-text-bg-pri-hover: var(--primary-fill-transparent-01);
  --udtoken-btn-text-bg-pri-pressed: var(--primary-fill-transparent-03);
  --udtoken-colorpicker-blue: var(--B500);
  --udtoken-colorpicker-carmine: var(--C400);
  --udtoken-colorpicker-green: var(--G350);
  --udtoken-colorpicker-indigo: var(--I600);
  --udtoken-colorpicker-lime: var(--L300);
  --udtoken-colorpicker-neutral: var(--N500);
  --udtoken-colorpicker-orange: var(--O350);
  --udtoken-colorpicker-purple: var(--P600);
  --udtoken-colorpicker-red: var(--R400);
  --udtoken-colorpicker-sunflower: var(--S200);
  --udtoken-colorpicker-turquoise: var(--T300);
  --udtoken-colorpicker-violet: var(--V500);
  --udtoken-colorpicker-wathet: var(--W300);
  --udtoken-colorpicker-yellow: var(--Y350);
  --udtoken-component-bg-bottom-mask: linear-gradient(
    to bottom,
    rgba(var(--N00-raw), 0) 0%,
    var(--N00) 100%
  );
  --udtoken-component-bg-left-mask: linear-gradient(
    to left,
    rgba(var(--N00-raw), 0) 0%,
    var(--N00) 100%
  );
  --udtoken-component-bg-right-mask: linear-gradient(
    to right,
    rgba(var(--N00-raw), 0) 0%,
    var(--N00) 100%
  );
  --udtoken-component-bg-top-mask: linear-gradient(
    to top,
    rgba(var(--N00-raw), 0) 0%,
    var(--N00) 100%
  );
  --udtoken-component-outlined-bg: var(--bg-body);
  --udtoken-component-text-disabled-loading: var(--N500);
  --udtoken-dropdown-button-divider: rgba(var(--N00-raw), 0.5);
  --udtoken-imageview-bg-mask: rgba(0, 0, 0, 0.55);
  --udtoken-imageview-icondisabled: hsla(0, 0%, 100%, 0.6);
  --udtoken-imageview-tooltips-bg: #505050;
  --udtoken-input-bg-disabled: var(--N200);
  --udtoken-message-card-bg-blue: var(--B100);
  --udtoken-message-card-bg-carmine: var(--C100);
  --udtoken-message-card-bg-green: var(--G100);
  --udtoken-message-card-bg-indigo: var(--I100);
  --udtoken-message-card-bg-light-neutral: var(--N100);
  --udtoken-message-card-bg-lime: var(--L100);
  --udtoken-message-card-bg-mask-general: rgba(var(--N00-raw), 0.5);
  --udtoken-message-card-bg-mask-special: rgba(var(--N00-raw), 0.2);
  --udtoken-message-card-bg-neutral: var(--N500);
  --udtoken-message-card-bg-orange: var(--O100);
  --udtoken-message-card-bg-purple: var(--P100);
  --udtoken-message-card-bg-red: var(--R100);
  --udtoken-message-card-bg-turquoise: var(--T100);
  --udtoken-message-card-bg-violet: var(--V100);
  --udtoken-message-card-bg-wathet: var(--W100);
  --udtoken-message-card-bg-yellow: var(--Y100);
  --udtoken-message-card-text-blue: var(--B600);
  --udtoken-message-card-text-carmine: var(--C600);
  --udtoken-message-card-text-green: var(--G600);
  --udtoken-message-card-text-indigo: var(--I600);
  --udtoken-message-card-text-lime: var(--L600);
  --udtoken-message-card-text-neutral: var(--N00);
  --udtoken-message-card-text-orange: var(--O500);
  --udtoken-message-card-text-purple: var(--P600);
  --udtoken-message-card-text-red: var(--R600);
  --udtoken-message-card-text-turquoise: var(--T600);
  --udtoken-message-card-text-violet: var(--V600);
  --udtoken-message-card-text-wathet: var(--W600);
  --udtoken-message-card-text-yellow: var(--Y500);
  --udtoken-navigation-bar-resize-handle: #4599ff;
  --udtoken-navigation-bar-tab-bg-black: #1c2435;
  --udtoken-navigation-bar-tab-bg-blue: #1b429c;
  --udtoken-navigation-bar-tab-bg-gray: #e5e5e9;
  --udtoken-progress-bg: var(--N300);
  --udtoken-quote-bar-bg: var(--N400);
  --udtoken-reaction-bg-grey: rgba(var(--N900-raw), 0.05);
  --udtoken-reaction-bg-grey-float: rgba(var(--N900-raw), 0.05);
  --udtoken-skeleton-bg: rgba(var(--N900-raw), 0.08);
  --udtoken-skeleton-fg: rgba(var(--N900-raw), 0.05);
  --udtoken-sliding-block-bg-disabled-loading: var(--N00);
  --udtoken-steps-bg-hover: var(--primary-fill-transparent-01);
  --udtoken-switch-handle-disabled: rgba(var(--static-white-raw), 0.6);
  --udtoken-tab-pri-bg: var(--primary-fill-transparent-03);
  --udtoken-tab-pri-text: var(--primary-content-default);
  --udtoken-tab-se-bg-unselected: rgba(var(--N900-raw), 0.1);
  --udtoken-table-bg-expand: var(--N100);
  --udtoken-table-bg-grey: var(--N50);
  --udtoken-table-bg-head: var(--N100);
  --udtoken-table-bg-hover: var(--N200);
  --udtoken-table-bg-pressed: var(--N300);
  --udtoken-table-bg-selected: var(--primary-fill-solid-01);
  --udtoken-tag-bg-blue: rgba(var(--B600-raw), 0.2);
  --udtoken-tag-bg-blue-default: rgba(var(--B600-raw), 0.12);
  --udtoken-tag-bg-blue-hover: rgba(var(--B600-raw), 0.3);
  --udtoken-tag-bg-blue-pressed: rgba(var(--B600-raw), 0.2);
  --udtoken-tag-bg-blue-solid: var(--B200);
  --udtoken-tag-bg-carmine: rgba(var(--C500-raw), 0.2);
  --udtoken-tag-bg-carmine-hover: rgba(var(--C500-raw), 0.3);
  --udtoken-tag-bg-carmine-solid: var(--C200);
  --udtoken-tag-bg-green: rgba(var(--G350-raw), 0.2);
  --udtoken-tag-bg-green-hover: rgba(var(--G350-raw), 0.3);
  --udtoken-tag-bg-green-solid: var(--G200);
  --udtoken-tag-bg-indigo: rgba(var(--I500-raw), 0.2);
  --udtoken-tag-bg-indigo-hover: rgba(var(--I500-raw), 0.3);
  --udtoken-tag-bg-indigo-solid: var(--I200);
  --udtoken-tag-bg-lime: rgba(var(--L350-raw), 0.2);
  --udtoken-tag-bg-lime-hover: rgba(var(--L350-raw), 0.3);
  --udtoken-tag-bg-lime-solid: var(--L200);
  --udtoken-tag-bg-orange: rgba(var(--O350-raw), 0.15);
  --udtoken-tag-bg-orange-hover: rgba(var(--O350-raw), 0.3);
  --udtoken-tag-bg-orange-pressed: rgba(var(--O350-raw), 0.35);
  --udtoken-tag-bg-orange-solid: var(--O200);
  --udtoken-tag-bg-purple: rgba(var(--P500-raw), 0.2);
  --udtoken-tag-bg-purple-hover: rgba(var(--P500-raw), 0.3);
  --udtoken-tag-bg-purple-solid: var(--P200);
  --udtoken-tag-bg-red: rgba(var(--R400-raw), 0.2);
  --udtoken-tag-bg-red-hover: rgba(var(--R400-raw), 0.3);
  --udtoken-tag-bg-red-solid: var(--R200);
  --udtoken-tag-bg-turquoise: rgba(var(--T300-raw), 0.2);
  --udtoken-tag-bg-turquoise-hover: rgba(var(--T300-raw), 0.3);
  --udtoken-tag-bg-turquoise-solid: var(--T200);
  --udtoken-tag-bg-violet: rgba(var(--V500-raw), 0.2);
  --udtoken-tag-bg-violet-hover: rgba(var(--V500-raw), 0.3);
  --udtoken-tag-bg-violet-solid: var(--V200);
  --udtoken-tag-bg-wathet: rgba(var(--W300-raw), 0.2);
  --udtoken-tag-bg-wathet-hover: rgba(var(--W300-raw), 0.3);
  --udtoken-tag-bg-wathet-solid: var(--W200);
  --udtoken-tag-bg-yellow: rgba(var(--Y300-raw), 0.2);
  --udtoken-tag-bg-yellow-hover: rgba(var(--Y300-raw), 0.4);
  --udtoken-tag-bg-yellow-solid: var(--Y200);
  --udtoken-tag-close-blue-disabled: rgba(var(--B600-raw), 0.8);
  --udtoken-tag-close-blue-hover: var(--B600);
  --udtoken-tag-close-blue-normal: rgba(var(--B600-raw), 0.6);
  --udtoken-tag-close-blue-pressed: rgba(var(--B600-raw), 0.8);
  --udtoken-tag-close-orange-disabled: rgba(var(--O350-raw), 0.3);
  --udtoken-tag-close-orange-hover: var(--O350);
  --udtoken-tag-close-orange-normal: rgba(var(--O350-raw), 0.6);
  --udtoken-tag-close-orange-pressed: rgba(var(--O350-raw), 0.8);
  --udtoken-tag-neutral-bg-inverse: var(--N500);
  --udtoken-tag-neutral-bg-inverse-opacity: rgba(var(--N900-raw), 0.4);
  --udtoken-tag-neutral-bg-normal: rgba(var(--N900-raw), 0.1);
  --udtoken-tag-neutral-bg-normal-hover: rgba(var(--N900-raw), 0.15);
  --udtoken-tag-neutral-bg-normal-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-tag-neutral-bg-solid: var(--N200);
  --udtoken-tag-neutral-close-disabled: rgba(var(--text-title-raw), 0.3);
  --udtoken-tag-neutral-close-hover: var(--text-title);
  --udtoken-tag-neutral-close-normal: rgba(var(--text-title-raw), 0.6);
  --udtoken-tag-neutral-close-pressed: rgba(var(--text-title-raw), 0.8);
  --udtoken-tag-neutral-text-inverse: var(--N00);
  --udtoken-tag-neutral-text-inverse-opacity: var(--N00);
  --udtoken-tag-neutral-text-normal: var(--N600);
  --udtoken-tag-neutral-text-solid: var(--N600);
  --udtoken-tag-state-blue-light: var(--B500);
  --udtoken-tag-state-green-light: var(--G500);
  --udtoken-tag-state-grey-light: var(--N500);
  --udtoken-tag-state-orange-light: var(--O350);
  --udtoken-tag-state-purple-light: var(--P500);
  --udtoken-tag-state-red-light: var(--R500);
  --udtoken-tag-text-blue: var(--B900);
  --udtoken-tag-text-carmine: var(--C900);
  --udtoken-tag-text-green: var(--G900);
  --udtoken-tag-text-indigo: var(--I900);
  --udtoken-tag-text-lime: var(--L900);
  --udtoken-tag-text-orange: var(--O900);
  --udtoken-tag-text-purple: var(--P900);
  --udtoken-tag-text-red: var(--R900);
  --udtoken-tag-text-s-blue: var(--B600);
  --udtoken-tag-text-s-carmine: var(--C600);
  --udtoken-tag-text-s-green: var(--G600);
  --udtoken-tag-text-s-indigo: var(--I600);
  --udtoken-tag-text-s-lime: var(--L600);
  --udtoken-tag-text-s-orange: var(--O500);
  --udtoken-tag-text-s-purple: var(--P600);
  --udtoken-tag-text-s-red: var(--R600);
  --udtoken-tag-text-s-turquoise: var(--T600);
  --udtoken-tag-text-s-violet: var(--V600);
  --udtoken-tag-text-s-wathet: var(--W600);
  --udtoken-tag-text-s-yellow: var(--Y500);
  --udtoken-tag-text-turquoise: var(--T900);
  --udtoken-tag-text-violet: var(--V900);
  --udtoken-tag-text-wathet: var(--W900);
  --udtoken-tag-text-yellow: var(--Y900);
  --udtoken-upload-bg-error: var(--N200);
  --udtoken-upload-mask-img: rgba(var(--N900-raw), 0.4);
}
:root[data-ud-theme-mode="dark"] {
  --B100-raw: 25, 42, 76;
  --B100: rgb(var(--B100-raw));
  --B200-raw: 32, 62, 120;
  --B200: rgb(var(--B200-raw));
  --B300-raw: 40, 81, 163;
  --B300: rgb(var(--B300-raw));
  --B400-raw: 46, 101, 209;
  --B400: rgb(var(--B400-raw));
  --B50-raw: 21, 31, 51;
  --B50: rgb(var(--B50-raw));
  --B500-raw: 76, 136, 255;
  --B500: rgb(var(--B500-raw));
  --B600-raw: 112, 160, 255;
  --B600: rgb(var(--B600-raw));
  --B700-raw: 153, 187, 255;
  --B700: rgb(var(--B700-raw));
  --B800-raw: 184, 207, 255;
  --B800: rgb(var(--B800-raw));
  --B900-raw: 206, 223, 255;
  --B900: rgb(var(--B900-raw));
  --C100-raw: 92, 37, 66;
  --C100: rgb(var(--C100-raw));
  --C200-raw: 145, 55, 106;
  --C200: rgb(var(--C200-raw));
  --C300-raw: 173, 64, 126;
  --C300: rgb(var(--C300-raw));
  --C400-raw: 204, 71, 146;
  --C400: rgb(var(--C400-raw));
  --C50-raw: 66, 27, 49;
  --C50: rgb(var(--C50-raw));
  --C500-raw: 227, 82, 163;
  --C500: rgb(var(--C500-raw));
  --C600-raw: 237, 102, 179;
  --C600: rgb(var(--C600-raw));
  --C700-raw: 255, 145, 207;
  --C700: rgb(var(--C700-raw));
  --C800-raw: 255, 189, 226;
  --C800: rgb(var(--C800-raw));
  --C900-raw: 255, 219, 239;
  --C900: rgb(var(--C900-raw));
  --G100-raw: 31, 71, 27;
  --G100: rgb(var(--G100-raw));
  --G200-raw: 41, 107, 34;
  --G200: rgb(var(--G200-raw));
  --G300-raw: 51, 148, 40;
  --G300: rgb(var(--G300-raw));
  --G400-raw: 59, 176, 46;
  --G400: rgb(var(--G400-raw));
  --G50-raw: 25, 48, 22;
  --G50: rgb(var(--G50-raw));
  --G500-raw: 84, 194, 72;
  --G500: rgb(var(--G500-raw));
  --G600-raw: 109, 209, 98;
  --G600: rgb(var(--G600-raw));
  --G700-raw: 146, 222, 137;
  --G700: rgb(var(--G700-raw));
  --G800-raw: 189, 240, 184;
  --G800: rgb(var(--G800-raw));
  --G900-raw: 214, 245, 210;
  --G900: rgb(var(--G900-raw));
  --I100-raw: 38, 42, 94;
  --I100: rgb(var(--I100-raw));
  --I200-raw: 53, 59, 140;
  --I200: rgb(var(--I200-raw));
  --I300-raw: 65, 73, 181;
  --I300: rgb(var(--I300-raw));
  --I400-raw: 76, 85, 212;
  --I400: rgb(var(--I400-raw));
  --I50-raw: 29, 31, 71;
  --I50: rgb(var(--I50-raw));
  --I500-raw: 95, 105, 237;
  --I500: rgb(var(--I500-raw));
  --I600-raw: 115, 123, 235;
  --I600: rgb(var(--I600-raw));
  --I700-raw: 158, 165, 255;
  --I700: rgb(var(--I700-raw));
  --I800-raw: 187, 192, 246;
  --I800: rgb(var(--I800-raw));
  --I900-raw: 210, 213, 253;
  --I900: rgb(var(--I900-raw));
  --L100-raw: 73, 87, 6;
  --L100: rgb(var(--L100-raw));
  --L200-raw: 109, 130, 5;
  --L200: rgb(var(--L200-raw));
  --L300-raw: 145, 173, 2;
  --L300: rgb(var(--L300-raw));
  --L400-raw: 171, 201, 18;
  --L400: rgb(var(--L400-raw));
  --L50-raw: 46, 54, 5;
  --L50: rgb(var(--L50-raw));
  --L500-raw: 185, 214, 39;
  --L500: rgb(var(--L500-raw));
  --L600-raw: 199, 224, 77;
  --L600: rgb(var(--L600-raw));
  --L700-raw: 214, 234, 117;
  --L700: rgb(var(--L700-raw));
  --L800-raw: 231, 245, 166;
  --L800: rgb(var(--L800-raw));
  --L900-raw: 246, 255, 204;
  --L900: rgb(var(--L900-raw));
  --N00-raw: 10, 10, 10;
  --N00: rgb(var(--N00-raw));
  --N100-raw: 41, 41, 41;
  --N100: rgb(var(--N100-raw));
  --N1000-raw: 255, 255, 255;
  --N1000: rgb(var(--N1000-raw));
  --N200-raw: 55, 55, 55;
  --N200: rgb(var(--N200-raw));
  --N300-raw: 67, 67, 67;
  --N300: rgb(var(--N300-raw));
  --N350-raw: 80, 80, 80;
  --N350: rgb(var(--N350-raw));
  --N400-raw: 95, 95, 95;
  --N400: rgb(var(--N400-raw));
  --N50-raw: 26, 26, 26;
  --N50: rgb(var(--N50-raw));
  --N500-raw: 117, 117, 117;
  --N500: rgb(var(--N500-raw));
  --N600-raw: 166, 166, 166;
  --N600: rgb(var(--N600-raw));
  --N650-raw: 207, 207, 207;
  --N650: rgb(var(--N650-raw));
  --N700-raw: 224, 224, 224;
  --N700: rgb(var(--N700-raw));
  --N800-raw: 232, 232, 232;
  --N800: rgb(var(--N800-raw));
  --N900-raw: 235, 235, 235;
  --N900: rgb(var(--N900-raw));
  --N950-raw: 248, 248, 248;
  --N950: rgb(var(--N950-raw));
  --O100-raw: 87, 51, 10;
  --O100: rgb(var(--O100-raw));
  --O200-raw: 132, 81, 23;
  --O200: rgb(var(--O200-raw));
  --O300-raw: 189, 112, 23;
  --O300: rgb(var(--O300-raw));
  --O400-raw: 222, 130, 24;
  --O400: rgb(var(--O400-raw));
  --O50-raw: 51, 33, 11;
  --O50: rgb(var(--O50-raw));
  --O500-raw: 242, 150, 44;
  --O500: rgb(var(--O500-raw));
  --O600-raw: 245, 165, 74;
  --O600: rgb(var(--O600-raw));
  --O700-raw: 250, 188, 117;
  --O700: rgb(var(--O700-raw));
  --O800-raw: 255, 216, 172;
  --O800: rgb(var(--O800-raw));
  --O900-raw: 255, 234, 206;
  --O900: rgb(var(--O900-raw));
  --P100-raw: 54, 29, 97;
  --P100: rgb(var(--P100-raw));
  --P200-raw: 77, 38, 145;
  --P200: rgb(var(--P200-raw));
  --P300-raw: 101, 51, 189;
  --P300: rgb(var(--P300-raw));
  --P400-raw: 124, 74, 212;
  --P400: rgb(var(--P400-raw));
  --P50-raw: 40, 23, 69;
  --P50: rgb(var(--P50-raw));
  --P500-raw: 151, 98, 245;
  --P500: rgb(var(--P500-raw));
  --P600-raw: 164, 114, 252;
  --P600: rgb(var(--P600-raw));
  --P700-raw: 185, 144, 255;
  --P700: rgb(var(--P700-raw));
  --P800-raw: 211, 186, 253;
  --P800: rgb(var(--P800-raw));
  --P900-raw: 227, 212, 255;
  --P900: rgb(var(--P900-raw));
  --R100-raw: 74, 29, 27;
  --R100: rgb(var(--R100-raw));
  --R200-raw: 107, 40, 39;
  --R200: rgb(var(--R200-raw));
  --R300-raw: 158, 56, 54;
  --R300: rgb(var(--R300-raw));
  --R400-raw: 204, 71, 67;
  --R400: rgb(var(--R400-raw));
  --R50-raw: 54, 25, 24;
  --R50: rgb(var(--R50-raw));
  --R500-raw: 240, 91, 86;
  --R500: rgb(var(--R500-raw));
  --R600-raw: 250, 120, 115;
  --R600: rgb(var(--R600-raw));
  --R700-raw: 255, 156, 153;
  --R700: rgb(var(--R700-raw));
  --R800-raw: 254, 198, 195;
  --R800: rgb(var(--R800-raw));
  --R900-raw: 255, 224, 224;
  --R900: rgb(var(--R900-raw));
  --S100-raw: 92, 85, 20;
  --S100: rgb(var(--S100-raw));
  --S200-raw: 135, 123, 16;
  --S200: rgb(var(--S200-raw));
  --S300-raw: 199, 179, 0;
  --S300: rgb(var(--S300-raw));
  --S400-raw: 232, 209, 0;
  --S400: rgb(var(--S400-raw));
  --S50-raw: 56, 52, 12;
  --S50: rgb(var(--S50-raw));
  --S500-raw: 245, 226, 49;
  --S500: rgb(var(--S500-raw));
  --S600-raw: 250, 237, 87;
  --S600: rgb(var(--S600-raw));
  --S700-raw: 252, 244, 124;
  --S700: rgb(var(--S700-raw));
  --S800-raw: 255, 252, 158;
  --S800: rgb(var(--S800-raw));
  --S900-raw: 255, 255, 199;
  --S900: rgb(var(--S900-raw));
  --T100-raw: 21, 61, 56;
  --T100: rgb(var(--T100-raw));
  --T200-raw: 35, 102, 93;
  --T200: rgb(var(--T200-raw));
  --T300-raw: 38, 150, 135;
  --T300: rgb(var(--T300-raw));
  --T400-raw: 55, 184, 166;
  --T400: rgb(var(--T400-raw));
  --T50-raw: 22, 46, 43;
  --T50: rgb(var(--T50-raw));
  --T500-raw: 65, 204, 185;
  --T500: rgb(var(--T500-raw));
  --T600-raw: 92, 219, 202;
  --T600: rgb(var(--T600-raw));
  --T700-raw: 127, 235, 220;
  --T700: rgb(var(--T700-raw));
  --T800-raw: 183, 247, 239;
  --T800: rgb(var(--T800-raw));
  --T900-raw: 218, 249, 245;
  --T900: rgb(var(--T900-raw));
  --V100-raw: 79, 28, 79;
  --V100: rgb(var(--V100-raw));
  --V200-raw: 122, 40, 122;
  --V200: rgb(var(--V200-raw));
  --V300-raw: 148, 59, 148;
  --V300: rgb(var(--V300-raw));
  --V400-raw: 181, 74, 181;
  --V400: rgb(var(--V400-raw));
  --V50-raw: 59, 21, 59;
  --V50: rgb(var(--V50-raw));
  --V500-raw: 212, 87, 212;
  --V500: rgb(var(--V500-raw));
  --V600-raw: 222, 115, 222;
  --V600: rgb(var(--V600-raw));
  --V700-raw: 232, 152, 232;
  --V700: rgb(var(--V700-raw));
  --V800-raw: 242, 191, 242;
  --V800: rgb(var(--V800-raw));
  --V900-raw: 251, 218, 251;
  --V900: rgb(var(--V900-raw));
  --W100-raw: 23, 55, 66;
  --W100: rgb(var(--W100-raw));
  --W200-raw: 34, 91, 112;
  --W200: rgb(var(--W200-raw));
  --W300-raw: 39, 130, 163;
  --W300: rgb(var(--W300-raw));
  --W400-raw: 46, 165, 209;
  --W400: rgb(var(--W400-raw));
  --W50-raw: 20, 41, 48;
  --W50: rgb(var(--W50-raw));
  --W500-raw: 66, 189, 235;
  --W500: rgb(var(--W500-raw));
  --W600-raw: 95, 212, 254;
  --W600: rgb(var(--W600-raw));
  --W700-raw: 137, 223, 254;
  --W700: rgb(var(--W700-raw));
  --W800-raw: 194, 238, 255;
  --W800: rgb(var(--W800-raw));
  --W900-raw: 222, 246, 255;
  --W900: rgb(var(--W900-raw));
  --Y100-raw: 87, 71, 17;
  --Y100: rgb(var(--Y100-raw));
  --Y200-raw: 143, 114, 17;
  --Y200: rgb(var(--Y200-raw));
  --Y300-raw: 201, 157, 8;
  --Y300: rgb(var(--Y300-raw));
  --Y400-raw: 240, 187, 10;
  --Y400: rgb(var(--Y400-raw));
  --Y50-raw: 56, 46, 12;
  --Y50: rgb(var(--Y50-raw));
  --Y500-raw: 250, 200, 35;
  --Y500: rgb(var(--Y500-raw));
  --Y600-raw: 252, 212, 86;
  --Y600: rgb(var(--Y600-raw));
  --Y700-raw: 255, 222, 117;
  --Y700: rgb(var(--Y700-raw));
  --Y800-raw: 255, 230, 148;
  --Y800: rgb(var(--Y800-raw));
  --Y900-raw: 252, 239, 194;
  --Y900: rgb(var(--Y900-raw));
  --N00-10: rgba(var(--N00-raw), 0.1);
  --N00-15: rgba(var(--N00-raw), 0.15);
  --N00-20: rgba(var(--N00-raw), 0.2);
  --N00-30: rgba(var(--N00-raw), 0.3);
  --N00-40: rgba(var(--N00-raw), 0.4);
  --N00-5: rgba(var(--N00-raw), 0.05);
  --N00-50: rgba(var(--N00-raw), 0.5);
  --N00-60: rgba(var(--N00-raw), 0.6);
  --N00-70: rgba(var(--N00-raw), 0.7);
  --N00-80: rgba(var(--N00-raw), 0.8);
  --N00-90: rgba(var(--N00-raw), 0.9);
  --N900-10: rgba(var(--N900-raw), 0.1);
  --N900-15: rgba(var(--N900-raw), 0.15);
  --N900-20: rgba(var(--N900-raw), 0.2);
  --N900-30: rgba(var(--N900-raw), 0.3);
  --N900-40: rgba(var(--N900-raw), 0.4);
  --N900-5: rgba(var(--N900-raw), 0.05);
  --N900-50: rgba(var(--N900-raw), 0.5);
  --N900-60: rgba(var(--N900-raw), 0.6);
  --N900-70: rgba(var(--N900-raw), 0.7);
  --N900-80: rgba(var(--N900-raw), 0.8);
  --N900-90: rgba(var(--N900-raw), 0.9);
  --bg-base: var(--N00);
  --bg-base-raw: var(--N00-raw);
  --bg-body: var(--N50);
  --bg-body-raw: var(--N50-raw);
  --bg-body-overlay: var(--N100);
  --bg-body-overlay-raw: var(--N100-raw);
  --bg-content-base: #121212;
  --bg-content-base-raw: 18, 18, 18;
  --bg-filler: var(--N200);
  --bg-filler-raw: var(--N200-raw);
  --bg-float: var(--N100);
  --bg-float-raw: var(--N100-raw);
  --bg-float-base: var(--N50);
  --bg-float-base-raw: var(--N50-raw);
  --bg-float-overlay: var(--N200);
  --bg-float-overlay-raw: var(--N200-raw);
  --bg-float-push: rgba(var(--N100-raw), 0.8);
  --bg-mask: rgba(0, 0, 0, 0.7);
  --bg-mask-raw: 0, 0, 0;
  --primary-pri-400: var(--B400);
  --bg-pricolor: var(--primary-pri-500);
  --primary-pri-400-raw: var(--B400-raw);
  --bg-pricolor-raw: var(--primary-pri-500-raw);
  --bg-sub-navigation: #262626;
  --bg-sub-navigation-raw: 38, 38, 38;
  --bg-text-selection: rgba(var(--B600-raw), 0.3);
  --bg-tips: var(--N350);
  --bg-tips-raw: var(--N350-raw);
  --primary-pri-500-raw: var(--B500-raw);
  --fill-active: rgba(var(--primary-pri-600-raw), 0.19);
  --fill-disabled: var(--N400);
  --fill-disabled-raw: var(--N400-raw);
  --fill-focus: rgba(var(--N900-raw), 0.12);
  --fill-hover: rgba(var(--N900-raw), 0.08);
  --fill-img-mask: rgba(0, 0, 0, 0.12);
  --fill-pressed: rgba(var(--N900-raw), 0.12);
  --fill-selected: rgba(var(--primary-pri-600-raw), 0.15);
  --fill-tag: rgba(var(--N900-raw), 0.1);
  --function-danger-100: var(--R100);
  --function-danger-100-raw: var(--R100-raw);
  --function-danger-200: var(--R200);
  --function-danger-200-raw: var(--R200-raw);
  --function-danger-300: var(--R300);
  --function-danger-300-raw: var(--R300-raw);
  --function-danger-400: var(--R400);
  --function-danger-400-raw: var(--R400-raw);
  --function-danger-50: var(--R50);
  --function-danger-50-raw: var(--R50-raw);
  --function-danger-500: var(--R500);
  --function-danger-500-raw: var(--R500-raw);
  --function-danger-600: var(--R600);
  --function-danger-600-raw: var(--R600-raw);
  --function-danger-700: var(--R700);
  --function-danger-700-raw: var(--R700-raw);
  --function-danger-800: var(--R800);
  --function-danger-800-raw: var(--R800-raw);
  --function-danger-900: var(--R900);
  --function-danger-900-raw: var(--R900-raw);
  --function-info-100: var(--B100);
  --function-info-100-raw: var(--B100-raw);
  --function-info-200: var(--B200);
  --function-info-200-raw: var(--B200-raw);
  --function-info-300: var(--B300);
  --function-info-300-raw: var(--B300-raw);
  --function-info-400: var(--B400);
  --function-info-400-raw: var(--B400-raw);
  --function-info-50: var(--B50);
  --function-info-50-raw: var(--B50-raw);
  --function-info-500: var(--B500);
  --function-info-500-raw: var(--B500-raw);
  --function-info-600: var(--B600);
  --function-info-600-raw: var(--B600-raw);
  --function-info-700: var(--B700);
  --function-info-700-raw: var(--B700-raw);
  --function-info-800: var(--B800);
  --function-info-800-raw: var(--B800-raw);
  --function-info-900: var(--B900);
  --function-info-900-raw: var(--B900-raw);
  --function-success-100: var(--G100);
  --function-success-100-raw: var(--G100-raw);
  --function-success-200: var(--G200);
  --function-success-200-raw: var(--G200-raw);
  --function-success-300: var(--G300);
  --function-success-300-raw: var(--G300-raw);
  --function-success-400: var(--G400);
  --function-success-400-raw: var(--G400-raw);
  --function-success-50: var(--G50);
  --function-success-50-raw: var(--G50-raw);
  --function-success-500: var(--G500);
  --function-success-500-raw: var(--G500-raw);
  --function-success-600: var(--G600);
  --function-success-600-raw: var(--G600-raw);
  --function-success-700: var(--G700);
  --function-success-700-raw: var(--G700-raw);
  --function-success-800: var(--G800);
  --function-success-800-raw: var(--G800-raw);
  --function-success-900: var(--G900);
  --function-success-900-raw: var(--G900-raw);
  --function-warning-100: var(--O100);
  --function-warning-100-raw: var(--O100-raw);
  --function-warning-200: var(--O200);
  --function-warning-200-raw: var(--O200-raw);
  --function-warning-300: var(--O300);
  --function-warning-300-raw: var(--O300-raw);
  --function-warning-400: var(--O400);
  --function-warning-400-raw: var(--O400-raw);
  --function-warning-50: var(--O50);
  --function-warning-50-raw: var(--O50-raw);
  --function-warning-500: var(--O500);
  --function-warning-500-raw: var(--O500-raw);
  --function-warning-600: var(--O600);
  --function-warning-600-raw: var(--O600-raw);
  --function-warning-700: var(--O700);
  --function-warning-700-raw: var(--O700-raw);
  --function-warning-800: var(--O800);
  --function-warning-800-raw: var(--O800-raw);
  --function-warning-900: var(--O900);
  --function-warning-900-raw: var(--O900-raw);
  --gradient-blue: linear-gradient(90deg, var(--B500) 0%, var(--B400) 100%);
  --gradient-carmine: linear-gradient(90deg, var(--C500) 0%, var(--C400) 100%);
  --gradient-green: linear-gradient(90deg, var(--G500) 0%, var(--G400) 100%);
  --gradient-indigo: linear-gradient(90deg, var(--I500) 0%, var(--I400) 100%);
  --gradient-lime: linear-gradient(90deg, var(--L500) 0%, var(--L400) 100%);
  --gradient-orange: linear-gradient(90deg, var(--O500) 0%, var(--O400) 100%);
  --gradient-purple: linear-gradient(90deg, var(--P500) 0%, var(--P400) 100%);
  --gradient-red: linear-gradient(90deg, var(--R500) 0%, var(--R400) 100%);
  --gradient-turquoise: linear-gradient(
    90deg,
    var(--T500) 0%,
    var(--T400) 100%
  );
  --gradient-violet: linear-gradient(90deg, var(--V500) 0%, var(--V400) 100%);
  --gradient-wathet: linear-gradient(90deg, var(--W500) 0%, var(--W400) 100%);
  --gradient-yellow: linear-gradient(90deg, var(--Y500) 0%, var(--Y400) 100%);
  --icon-disabled: var(--N400);
  --icon-disabled-raw: var(--N400-raw);
  --icon-n1: var(--N800);
  --icon-n1-raw: var(--N800-raw);
  --icon-n2: var(--N600);
  --icon-n2-raw: var(--N600-raw);
  --icon-n3: var(--N500);
  --icon-n3-raw: var(--N500-raw);
  --illustration-blue-a: var(--N700);
  --illustration-blue-a-raw: var(--N700-raw);
  --illustration-blue-b: rgba(var(--static-white-raw), 0.4);
  --illustration-blue-b-raw: rgba(var(--static-white-raw), 0.4);
  --illustration-blue-c: var(--N400);
  --illustration-blue-c-raw: var(--N400-raw);
  --illustration-blue-d: var(--B300);
  --illustration-blue-d-raw: var(--B300-raw);
  --illustration-blue-e: var(--B500);
  --illustration-blue-e-raw: var(--B500-raw);
  --illustration-neutral-a: var(--N900);
  --illustration-neutral-a-raw: var(--N900-raw);
  --illustration-neutral-b: var(--N200);
  --illustration-neutral-b-raw: var(--N200-raw);
  --illustration-neutral-c: rgba(var(--static-white-raw), 0.3);
  --illustration-neutral-d: rgba(var(--static-white-raw), 0.4);
  --illustration-neutral-d-raw: rgba(var(--static-white-raw), 0.4);
  --illustration-orange: var(--O500);
  --illustration-orange-raw: var(--O500-raw);
  --illustration-red: var(--R500);
  --illustration-red-raw: var(--R500-raw);
  --static-black: #000;
  --illustration-static-black: var(--static-black);
  --static-black-raw: 0, 0, 0;
  --illustration-static-black-raw: var(--static-black-raw);
  --static-white: #fff;
  --illustration-static-white: var(--static-white);
  --static-white-raw: 255, 255, 255;
  --illustration-static-white-raw: var(--static-white-raw);
  --illustration-turquoise: var(--T500);
  --illustration-turquoise-raw: var(--T500-raw);
  --illustration-wathet: var(--W500);
  --illustration-wathet-raw: var(--W500-raw);
  --illustration-yellow: var(--Y500);
  --illustration-yellow-raw: var(--Y500-raw);
  --line-border-card: rgba(var(--N900-raw), 0.15);
  --line-border-card-raw: rgba(var(--N900-raw), 0.15);
  --line-border-component: var(--N350);
  --line-border-component-raw: var(--N350-raw);
  --line-divider-default: rgba(var(--N650-raw), 0.15);
  --line-divider-module: var(--static-black);
  --primary-pri-100: var(--B100);
  --primary-pri-100-raw: var(--B100-raw);
  --primary-pri-200: var(--B200);
  --primary-pri-200-raw: var(--B200-raw);
  --primary-pri-300: var(--B300);
  --primary-pri-300-raw: var(--B300-raw);
  --primary-pri-50: var(--B50);
  --primary-pri-50-raw: var(--B50-raw);
  --primary-pri-500: var(--B500);
  --primary-pri-600: var(--B600);
  --primary-pri-600-raw: var(--B600-raw);
  --primary-pri-700: var(--B700);
  --primary-pri-700-raw: var(--B700-raw);
  --primary-pri-800: var(--B800);
  --primary-pri-800-raw: var(--B800-raw);
  --primary-pri-900: var(--B900);
  --primary-pri-900-raw: var(--B900-raw);
  --shadow-default: #000;
  --shadow-default-raw: 0, 0, 0;
  --shadow-default-lg: rgba(0, 0, 0, 0.24);
  --shadow-default-md: rgba(0, 0, 0, 0.28);
  --shadow-default-sm: rgba(0, 0, 0, 0.32);
  --shadow-lg-down: 0px 12px 48px var(--shadow-default-lg);
  --shadow-lg-left: -12px 0px 48px var(--shadow-default-lg);
  --shadow-lg-right: 12px 0px 48px var(--shadow-default-lg);
  --shadow-lg-up: 0px -12px 48px var(--shadow-default-lg);
  --shadow-md-down: 0px 8px 16px var(--shadow-default-md);
  --shadow-md-left: -8px 0px 16px var(--shadow-default-md);
  --shadow-md-right: 8px 0px 16px var(--shadow-default-md);
  --shadow-md-up: 0px -8px 16px var(--shadow-default-md);
  --shadow-pri: #245bdb;
  --shadow-pri-raw: 36, 91, 219;
  --shadow-pri-lg: rgba(var(--primary-pri-200-raw), 0.48);
  --shadow-pri-lg-down: 0px 12px 48px var(--shadow-pri-lg);
  --shadow-pri-md: rgba(var(--primary-pri-200-raw), 0.48);
  --shadow-pri-md-down: 0px 8px 16px var(--shadow-pri-md);
  --shadow-s1-down:
    0px 1px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 4px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-down-pri:
    0px 1px 2px -2px rgba(var(--shadow-pri-raw), 0.02),
    0px 2px 4px rgba(var(--shadow-pri-raw), 0.02),
    0px 2px 8px 2px rgba(var(--shadow-pri-raw), 0.02);
  --shadow-s1-left:
    -1px 0px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 4px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-right:
    1px 0px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 4px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-up:
    0px -1px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 4px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-down:
    0px 4px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    0px 4px 8px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-down-pri:
    0px 4px 16px 4px rgba(var(--shadow-pri-raw), 0.03),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.02),
    0px 2px 4px -4px rgba(var(--shadow-pri-raw), 0.02);
  --shadow-s2-left:
    -4px 0px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    -4px 0px 8px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-right:
    4px 0px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    4px 0px 8px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-up:
    0px -4px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    0px -4px 8px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s3-down:
    0px 6px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    0px 3px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    0px 4px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-down-pri:
    0px 6px 18px 6px rgba(var(--shadow-pri-raw), 0.03),
    0px 3px 6px -6px rgba(var(--shadow-pri-raw), 0.05),
    0px 4px 8px rgba(36, 91, 219, 0.03);
  --shadow-s3-left:
    -6px 0px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    -3px 0px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    -4px 0px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-right:
    6px 0px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    3px 0px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    4px 0px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-up:
    0px -6px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    0px -3px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    0px -4px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s4-down:
    0px 8px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    0px 6px 12px rgba(var(--shadow-default-raw), 0.04),
    0px 4px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-down-pri:
    0px 8px 24px 8px rgba(var(--shadow-pri-raw), 0.04),
    0px 6px 12px rgba(var(--shadow-pri-raw), 0.04),
    0px 4px 8px -8px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s4-left:
    -8px 0px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    -6px 0px 12px rgba(var(--shadow-default-raw), 0.04),
    -4px 0px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-right:
    8px 0px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    6px 0px 12px rgba(var(--shadow-default-raw), 0.04),
    4px 0px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-up:
    0px -8px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    0px -6px 12px rgba(var(--shadow-default-raw), 0.04),
    0px -4px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-down:
    0px 10px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    0px 8px 24px rgba(var(--shadow-default-raw), 0.04),
    0px 6px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-down-pri:
    0px 10px 36px 10px rgba(var(--shadow-pri-raw), 0.04),
    0px 8px 24px rgba(var(--shadow-pri-raw), 0.04),
    0px 6px 12px -10px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s5-left:
    -10px 0px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    -8px 0px 24px rgba(var(--shadow-default-raw), 0.04),
    -6px 0px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-right:
    10px 0px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    8px 0px 24px rgba(var(--shadow-default-raw), 0.04),
    6px 0px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-up:
    0px -10px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    0px -8px 24px rgba(var(--shadow-default-raw), 0.04),
    0px -6px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-sm-down: 0px 4px 8px var(--shadow-default-sm);
  --shadow-sm-left: -4px 0px 8px var(--shadow-default-sm);
  --shadow-sm-right: 4px 0px 8px var(--shadow-default-sm);
  --shadow-sm-up: 0px -4px 8px var(--shadow-default-sm);
  --static-black-10: rgba(0, 0, 0, 0.1);
  --static-black-15: rgba(0, 0, 0, 0.15);
  --static-black-20: rgba(0, 0, 0, 0.2);
  --static-black-30: rgba(0, 0, 0, 0.3);
  --static-black-40: rgba(0, 0, 0, 0.4);
  --static-black-5: rgba(0, 0, 0, 0.05);
  --static-black-50: rgba(0, 0, 0, 0.5);
  --static-black-60: rgba(0, 0, 0, 0.6);
  --static-black-70: rgba(0, 0, 0, 0.7);
  --static-black-80: rgba(0, 0, 0, 0.8);
  --static-black-90: rgba(0, 0, 0, 0.9);
  --static-white-10: hsla(0, 0%, 100%, 0.1);
  --static-white-15: hsla(0, 0%, 100%, 0.15);
  --static-white-20: hsla(0, 0%, 100%, 0.2);
  --static-white-30: hsla(0, 0%, 100%, 0.3);
  --static-white-40: hsla(0, 0%, 100%, 0.4);
  --static-white-5: hsla(0, 0%, 100%, 0.05);
  --static-white-50: hsla(0, 0%, 100%, 0.5);
  --static-white-60: hsla(0, 0%, 100%, 0.6);
  --static-white-70: hsla(0, 0%, 100%, 0.7);
  --static-white-80: hsla(0, 0%, 100%, 0.8);
  --static-white-90: hsla(0, 0%, 100%, 0.9);
  --static-white-hover: hsla(0, 0%, 100%, 0.1);
  --static-white-hover-raw: 255, 255, 255;
  --static-white-pressed: hsla(0, 0%, 100%, 0.2);
  --static-white-pressed-raw: 255, 255, 255;
  --text-caption: var(--N600);
  --text-caption-raw: var(--N600-raw);
  --text-disabled: var(--N400);
  --text-disabled-raw: var(--N400-raw);
  --text-link-disabled: var(--N400);
  --text-link-disabled-raw: var(--N400-raw);
  --text-link-hover: var(--B500);
  --text-link-hover-raw: var(--B500-raw);
  --text-link-loading: var(--B300);
  --text-link-loading-raw: var(--B300-raw);
  --text-link-normal: var(--B600);
  --text-link-normal-raw: var(--B600-raw);
  --text-link-pressed: var(--B700);
  --text-link-pressed-raw: var(--B700-raw);
  --text-placeholder: var(--N500);
  --text-placeholder-raw: var(--N500-raw);
  --text-title: var(--N900);
  --text-title-raw: var(--N900-raw);
  --ud-neutral-color-1: var(--N00);
  --ud-neutral-color-2: var(--N50);
  --ud-neutral-color-3: var(--N100);
  --ud-neutral-color-4: var(--N200);
  --ud-neutral-color-5: var(--N300);
  --ud-neutral-color-6: var(--N400);
  --ud-neutral-color-7: var(--N500);
  --ud-neutral-color-8: var(--N600);
  --ud-neutral-color-9: var(--N650);
  --ud-neutral-color-10: var(--N700);
  --ud-neutral-color-11: var(--N800);
  --ud-neutral-color-12: var(--N900);
  --udtoken-component-outlined-bg: rgba(var(--N00-raw), 0);
  --udtoken-btn-text-bg-pri-hover: rgba(var(--primary-pri-500-raw), 0.2);
  --udtoken-btn-text-bg-pri-pressed: rgba(var(--primary-pri-500-raw), 0.3);
  --udtoken-btn-pri-text-disabled: rgba(var(--N900-raw), 0.3);
  --udtoken-btn-se-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-se-bg-neutral-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-component-text-disabled-loading: var(--N500);
  --udtoken-btn-se-bg-pri-hover: rgba(var(--primary-pri-500-raw), 0.2);
  --udtoken-btn-se-bg-pri-pressed: rgba(var(--primary-pri-500-raw), 0.3);
  --udtoken-btn-se-bg-danger-hover: rgba(var(--function-danger-500-raw), 0.2);
  --udtoken-btn-se-bg-danger-pressed: rgba(var(--function-danger-500-raw), 0.3);
  --udtoken-btn-text-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-text-bg-neutral-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-btn-text-bg-danger-hover: rgba(var(--function-danger-500-raw), 0.2);
  --udtoken-btn-text-bg-danger-pressed: rgba(
    var(--function-danger-500-raw),
    0.3
  );
  --udtoken-input-bg-disabled: rgba(var(--N900-raw), 0.12);
  --udtoken-sliding-block-bg-disabled-loading: var(--N500);
  --udtoken-table-bg-expand: var(--N00);
  --udtoken-table-bg-head: var(--N200);
  --udtoken-table-bg-hover: var(--N350);
  --udtoken-steps-bg-hover: rgba(var(--primary-pri-600-raw), 0.15);
  --udtoken-btn-ghost-bg: rgba(var(--N00-raw), 0);
  --udtoken-btn-se-bg-danger-focus: rgba(var(--function-danger-500-raw), 0.2);
  --udtoken-btn-se-bg-neutral-focus: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-se-bg-pri-focus: rgba(var(--primary-pri-500-raw), 0.2);
  --udtoken-btn-selected-bg-danger-hover: rgba(var(--R500-raw), 0.28);
  --udtoken-btn-selected-bg-danger-normal: rgba(var(--R500-raw), 0.15);
  --udtoken-btn-selected-bg-danger-press: rgba(var(--R500-raw), 0.36);
  --udtoken-btn-selected-bg-neutral-hover: rgba(var(--N900-raw), 0.12);
  --udtoken-btn-selected-bg-neutral-normal: rgba(var(--N900-raw), 0.08);
  --udtoken-btn-selected-bg-neutral-press: rgba(var(--N900-raw), 0.16);
  --udtoken-btn-selected-bg-success-hover: rgba(var(--G500-raw), 0.28);
  --udtoken-btn-selected-bg-success-normal: rgba(var(--G500-raw), 0.15);
  --udtoken-btn-selected-bg-success-press: rgba(var(--G500-raw), 0.36);
  --udtoken-btn-selected-border-neutral: rgba(var(--N1000-raw), 0.5);
  --udtoken-btn-selected-text-danger: var(--R500);
  --udtoken-btn-selected-text-success: var(--G500);
  --udtoken-btn-text-bg-danger-focus: rgba(var(--function-danger-500-raw), 0.2);
  --udtoken-btn-text-bg-neutral-focus: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-text-bg-pri-focus: rgba(var(--primary-pri-500-raw), 0.2);
  --udtoken-message-card-bg-blue: var(--B100);
  --udtoken-message-card-bg-carmine: var(--C100);
  --udtoken-message-card-bg-green: var(--G100);
  --udtoken-message-card-bg-indigo: var(--I100);
  --udtoken-message-card-bg-light-neutral: var(--N200);
  --udtoken-message-card-bg-lime: var(--L100);
  --udtoken-message-card-bg-mask-general: rgba(var(--N00-raw), 0.3);
  --udtoken-message-card-bg-mask-special: rgba(var(--N00-raw), 0.3);
  --udtoken-message-card-bg-neutral: var(--N300);
  --udtoken-message-card-bg-orange: var(--O100);
  --udtoken-message-card-bg-purple: var(--P100);
  --udtoken-message-card-bg-red: var(--R100);
  --udtoken-message-card-bg-turquoise: var(--T100);
  --udtoken-message-card-bg-violet: var(--V100);
  --udtoken-message-card-bg-wathet: var(--W100);
  --udtoken-message-card-bg-yellow: var(--Y100);
  --udtoken-message-card-text-blue: var(--B700);
  --udtoken-message-card-text-carmine: var(--C700);
  --udtoken-message-card-text-green: var(--G700);
  --udtoken-message-card-text-indigo: var(--I700);
  --udtoken-message-card-text-lime: var(--L700);
  --udtoken-message-card-text-neutral: var(--N650);
  --udtoken-message-card-text-orange: var(--O700);
  --udtoken-message-card-text-purple: var(--P700);
  --udtoken-message-card-text-red: var(--R700);
  --udtoken-message-card-text-turquoise: var(--T700);
  --udtoken-message-card-text-violet: var(--V700);
  --udtoken-message-card-text-wathet: var(--W700);
  --udtoken-message-card-text-yellow: var(--Y700);
  --udtoken-navigation-bar-resize-handle: #4599ff;
  --udtoken-navigation-bar-tab-bg-black: #0d0e12;
  --udtoken-navigation-bar-tab-bg-blue: #141c2a;
  --udtoken-navigation-bar-tab-bg-gray: #242424;
  --udtoken-progress-bg: rgba(var(--N900-raw), 0.2);
  --udtoken-reaction-bg-grey: #101010;
  --udtoken-reaction-bg-grey-float: #1f1f1f;
  --udtoken-skeleton-bg: hsla(0, 0%, 94%, 0.08);
  --udtoken-skeleton-fg: hsla(0, 0%, 94%, 0.05);
  --udtoken-tab-pri-bg: var(--primary-pri-200);
  --udtoken-tab-pri-text: var(--primary-pri-700);
  --udtoken-tab-se-bg-unselected: rgba(var(--N900-raw), 0.2);
  --udtoken-table-bg-grey: var(--N100);
  --udtoken-table-bg-pressed: var(--N400);
  --udtoken-table-bg-selected: var(--primary-pri-100);
  --udtoken-tag-bg-blue: rgba(var(--B500-raw), 0.2);
  --udtoken-tag-bg-carmine: rgba(var(--C500-raw), 0.2);
  --udtoken-tag-bg-green: rgba(var(--G400-raw), 0.2);
  --udtoken-tag-bg-indigo: rgba(var(--I500-raw), 0.2);
  --udtoken-tag-bg-lime: rgba(var(--L300-raw), 0.2);
  --udtoken-tag-bg-orange: rgba(var(--O400-raw), 0.2);
  --udtoken-tag-bg-purple: rgba(var(--P500-raw), 0.2);
  --udtoken-tag-bg-red: rgba(var(--R500-raw), 0.2);
  --udtoken-tag-bg-turquoise: rgba(var(--T400-raw), 0.2);
  --udtoken-tag-bg-violet: rgba(var(--V500-raw), 0.2);
  --udtoken-tag-bg-wathet: rgba(var(--W400-raw), 0.2);
  --udtoken-tag-bg-yellow: rgba(var(--Y300-raw), 0.2);
  --udtoken-tag-neutral-bg-inverse: var(--N400);
  --udtoken-tag-neutral-bg-inverse-opacity: rgba(var(--N900-raw), 0.4);
  --udtoken-tag-neutral-bg-normal: rgba(var(--N600-raw), 0.2);
  --udtoken-tag-neutral-bg-normal-hover: rgba(var(--N900-raw), 0.3);
  --udtoken-tag-neutral-bg-normal-pressed: rgba(var(--N900-raw), 0.4);
  --udtoken-tag-neutral-bg-solid: var(--N200);
  --udtoken-tag-neutral-text-inverse: var(--N1000);
  --udtoken-tag-neutral-text-inverse-opacity: var(--N1000);
  --udtoken-tag-neutral-text-normal: var(--N600);
  --udtoken-tag-neutral-text-solid: var(--N600);
  --udtoken-tag-state-blue-light: var(--B500);
  --udtoken-tag-state-green-light: var(--G500);
  --udtoken-tag-state-grey-light: var(--N500);
  --udtoken-tag-state-orange-light: var(--O500);
  --udtoken-tag-state-purple-light: var(--P500);
  --udtoken-tag-state-red-light: var(--R500);
  --udtoken-tag-text-blue: var(--B700);
  --udtoken-tag-text-carmine: var(--C700);
  --udtoken-tag-text-green: var(--G700);
  --udtoken-tag-text-indigo: var(--I700);
  --udtoken-tag-text-lime: var(--L700);
  --udtoken-tag-text-orange: var(--O700);
  --udtoken-tag-text-purple: var(--P700);
  --udtoken-tag-text-red: var(--R700);
  --udtoken-tag-text-s-blue: var(--B700);
  --udtoken-tag-text-s-carmine: var(--C700);
  --udtoken-tag-text-s-green: var(--G700);
  --udtoken-tag-text-s-indigo: var(--I700);
  --udtoken-tag-text-s-lime: var(--L700);
  --udtoken-tag-text-s-orange: var(--O700);
  --udtoken-tag-text-s-purple: var(--P700);
  --udtoken-tag-text-s-red: var(--R700);
  --udtoken-tag-text-s-turquoise: var(--T700);
  --udtoken-tag-text-s-violet: var(--V700);
  --udtoken-tag-text-s-wathet: var(--W700);
  --udtoken-tag-text-s-yellow: var(--Y700);
  --udtoken-tag-text-turquoise: var(--T700);
  --udtoken-tag-text-violet: var(--V700);
  --udtoken-tag-text-wathet: var(--W700);
  --udtoken-tag-text-yellow: var(--Y700);
  --udtoken-upload-bg-error: rgba(var(--N900-raw), 0.12);
  --udtoken-upload-mask-img: rgba(0, 0, 0, 0.7);
  --B100: #173166;
  --B100-raw: 23, 49, 102;
  --B200: #194294;
  --B200-raw: 25, 66, 148;
  --B300: #2655b6;
  --B300-raw: 38, 85, 182;
  --B350: #275fce;
  --B350-raw: 39, 95, 206;
  --B400: #3370eb;
  --B400-raw: 51, 112, 235;
  --B50: #152340;
  --B50-raw: 21, 35, 64;
  --B500: #4c88ff;
  --B500-raw: 76, 136, 255;
  --B600: #75a4ff;
  --B600-raw: 117, 164, 255;
  --B700: #8fb4ff;
  --B700-raw: 143, 180, 255;
  --B800: #bdd2ff;
  --B800-raw: 189, 210, 255;
  --B900: #e0e9ff;
  --B900-raw: 224, 233, 255;
  --C100: #591c3f;
  --C100-raw: 89, 28, 63;
  --C200: #782b57;
  --C200-raw: 120, 43, 87;
  --C300: #94386c;
  --C300-raw: 148, 56, 108;
  --C350: #ab417d;
  --C350-raw: 171, 65, 125;
  --C400: #c24a8e;
  --C400-raw: 194, 74, 142;
  --C50: #3a182b;
  --C50-raw: 58, 24, 43;
  --C500: #db5ea4;
  --C500-raw: 219, 94, 164;
  --C600: #ed77ba;
  --C600-raw: 237, 119, 186;
  --C700: #fc94cf;
  --C700-raw: 252, 148, 207;
  --C800: #ffc2e5;
  --C800-raw: 255, 194, 229;
  --C900: #ffe0f2;
  --C900-raw: 255, 224, 242;
  --G100: #173b12;
  --G100-raw: 23, 59, 18;
  --G200: #21511a;
  --G200-raw: 33, 81, 26;
  --G300: #296621;
  --G300-raw: 41, 102, 33;
  --G350: #2f7526;
  --G350-raw: 47, 117, 38;
  --G400: #35872a;
  --G400-raw: 53, 135, 42;
  --G50: #0e2b0a;
  --G50-raw: 14, 43, 10;
  --G500: #419e34;
  --G500-raw: 65, 158, 52;
  --G600: #51ba43;
  --G600-raw: 81, 186, 67;
  --G700: #69cc5c;
  --G700-raw: 105, 204, 92;
  --G800: #99e490;
  --G800-raw: 153, 228, 144;
  --G900: #cbf5c6;
  --G900-raw: 203, 245, 198;
  --I100: #2a2d69;
  --I100-raw: 42, 45, 105;
  --I200: #373d90;
  --I200-raw: 55, 61, 144;
  --I300: #474fb8;
  --I300-raw: 71, 79, 184;
  --I350: #515ad6;
  --I350-raw: 81, 90, 214;
  --I400: #5e68e8;
  --I400-raw: 94, 104, 232;
  --I50: #1e204a;
  --I50-raw: 30, 32, 74;
  --I500: #7b83f7;
  --I500-raw: 123, 131, 247;
  --I600: #9499f7;
  --I600-raw: 148, 153, 247;
  --I700: #aaaff8;
  --I700-raw: 170, 175, 248;
  --I800: #cdd0f9;
  --I800-raw: 205, 208, 249;
  --I900: #e7e9fe;
  --I900-raw: 231, 233, 254;
  --L100: #303804;
  --L100-raw: 48, 56, 4;
  --L200: #404c06;
  --L200-raw: 64, 76, 6;
  --L300: #53610a;
  --L300-raw: 83, 97, 10;
  --L350: #5f700a;
  --L350-raw: 95, 112, 10;
  --L400: #6b7f05;
  --L400-raw: 107, 127, 5;
  --L50: #212702;
  --L50-raw: 33, 39, 2;
  --L500: #82990a;
  --L500-raw: 130, 153, 10;
  --L600: #93af04;
  --L600-raw: 147, 175, 4;
  --L700: #a6c313;
  --L700-raw: 166, 195, 19;
  --L800: #c2e12d;
  --L800-raw: 194, 225, 45;
  --L900: #e3f391;
  --L900-raw: 227, 243, 145;
  --N00: #0a0a0a;
  --N00-raw: 10, 10, 10;
  --N100: #292929;
  --N100-raw: 41, 41, 41;
  --N1000: #fff;
  --N1000-raw: 255, 255, 255;
  --N200: #373737;
  --N200-raw: 55, 55, 55;
  --N300: #434343;
  --N300-raw: 67, 67, 67;
  --N350: #505050;
  --N350-raw: 80, 80, 80;
  --N400: #5f5f5f;
  --N400-raw: 95, 95, 95;
  --N50: #1a1a1a;
  --N50-raw: 26, 26, 26;
  --N500: #757575;
  --N500-raw: 117, 117, 117;
  --N600: #a6a6a6;
  --N600-raw: 166, 166, 166;
  --N650: #cfcfcf;
  --N650-raw: 207, 207, 207;
  --N700: #e0e0e0;
  --N700-raw: 224, 224, 224;
  --N800: #e8e8e8;
  --N800-raw: 232, 232, 232;
  --N900: #ebebeb;
  --N900-raw: 235, 235, 235;
  --N950: #f8f8f8;
  --N950-raw: 248, 248, 248;
  --O100: #4a2b10;
  --O100-raw: 74, 43, 16;
  --O200: #683a12;
  --O200-raw: 104, 58, 18;
  --O300: #8a4a19;
  --O300-raw: 138, 74, 25;
  --O350: #a15317;
  --O350-raw: 161, 83, 23;
  --O400: #b85e1a;
  --O400-raw: 184, 94, 26;
  --O50: #33210b;
  --O50-raw: 51, 33, 11;
  --O500: #db7018;
  --O500-raw: 219, 112, 24;
  --O600: #f3871b;
  --O600-raw: 243, 135, 27;
  --O700: #f89e44;
  --O700-raw: 248, 158, 68;
  --O800: #fec88b;
  --O800-raw: 254, 200, 139;
  --O900: #fee7cd;
  --O900-raw: 254, 231, 205;
  --P100: #3f2073;
  --P100-raw: 63, 32, 115;
  --P200: #5529a3;
  --P200-raw: 85, 41, 163;
  --P300: #6c39c6;
  --P300-raw: 108, 57, 198;
  --P350: #7c4ad4;
  --P350-raw: 124, 74, 212;
  --P400: #8c55ec;
  --P400-raw: 140, 85, 236;
  --P50: #2b194a;
  --P50-raw: 43, 25, 74;
  --P500: #a575fa;
  --P500-raw: 165, 117, 250;
  --P600: #b88ffe;
  --P600-raw: 184, 143, 254;
  --P700: #c5a3ff;
  --P700-raw: 197, 163, 255;
  --P800: #dbc8fd;
  --P800-raw: 219, 200, 253;
  --P900: #efe5ff;
  --P900-raw: 239, 229, 255;
  --R100: #591f1d;
  --R100-raw: 89, 31, 29;
  --R200: #7b2524;
  --R200-raw: 123, 37, 36;
  --R300: #a03331;
  --R300-raw: 160, 51, 49;
  --R350: #b33a37;
  --R350-raw: 179, 58, 55;
  --R400: #d14642;
  --R400-raw: 209, 70, 66;
  --R50: #3d1a19;
  --R50-raw: 61, 26, 25;
  --R500: #f05b56;
  --R500-raw: 240, 91, 86;
  --R600: #f6827e;
  --R600-raw: 246, 130, 126;
  --R700: #f89e9b;
  --R700-raw: 248, 158, 155;
  --R800: #fdc6c4;
  --R800-raw: 253, 198, 196;
  --R900: #fee3e2;
  --R900-raw: 254, 227, 226;
  --S100: #38320c;
  --S100-raw: 56, 50, 12;
  --S200: #574d01;
  --S200-raw: 87, 77, 1;
  --S300: #7a6a01;
  --S300-raw: 122, 106, 1;
  --S350: #9c8702;
  --S350-raw: 156, 135, 2;
  --S400: #c9b218;
  --S400-raw: 201, 178, 24;
  --S50: #29250a;
  --S50-raw: 41, 37, 10;
  --S500: #e5cd17;
  --S500-raw: 229, 205, 23;
  --S600: #f5df36;
  --S600-raw: 245, 223, 54;
  --S700: #f7e663;
  --S700-raw: 247, 230, 99;
  --S800: #faed7a;
  --S800-raw: 250, 237, 122;
  --S900: #fff59e;
  --S900-raw: 255, 245, 158;
  --T100: #173b36;
  --T100-raw: 23, 59, 54;
  --T200: #1d4e47;
  --T200-raw: 29, 78, 71;
  --T300: #25665e;
  --T300-raw: 37, 102, 94;
  --T350: #227369;
  --T350-raw: 34, 115, 105;
  --T400: #198578;
  --T400-raw: 25, 133, 120;
  --T50: #132926;
  --T50-raw: 19, 41, 38;
  --T500: #1fa18f;
  --T500-raw: 31, 161, 143;
  --T600: #1ab7a1;
  --T600-raw: 26, 183, 161;
  --T700: #17cfb5;
  --T700-raw: 23, 207, 181;
  --T800: #65e7d5;
  --T800-raw: 101, 231, 213;
  --T900: #b7f7ef;
  --T900-raw: 183, 247, 239;
  --V100: #541854;
  --V100-raw: 84, 24, 84;
  --V200: #712871;
  --V200-raw: 113, 40, 113;
  --V300: #8b378b;
  --V300-raw: 139, 55, 139;
  --V350: #a43da4;
  --V350-raw: 164, 61, 164;
  --V400: #b54ab5;
  --V400-raw: 181, 74, 181;
  --V50: #3b153b;
  --V50-raw: 59, 21, 59;
  --V500: #d661d6;
  --V500-raw: 214, 97, 214;
  --V600: #e17fe1;
  --V600-raw: 225, 127, 225;
  --V700: #e99be9;
  --V700-raw: 233, 155, 233;
  --V800: #f4c3f4;
  --V800-raw: 244, 195, 244;
  --V900: #fcdffc;
  --V900-raw: 252, 223, 252;
  --W100: #103647;
  --W100-raw: 16, 54, 71;
  --W200: #164359;
  --W200-raw: 22, 67, 89;
  --W300: #135a78;
  --W300-raw: 19, 90, 120;
  --W350: #146c91;
  --W350-raw: 20, 108, 145;
  --W400: #1a7fab;
  --W400-raw: 26, 127, 171;
  --W50: #152830;
  --W50-raw: 21, 40, 48;
  --W500: #1099cc;
  --W500-raw: 16, 153, 204;
  --W600: #25b2e5;
  --W600-raw: 37, 178, 229;
  --W700: #51c3f0;
  --W700-raw: 81, 195, 240;
  --W800: #89dffe;
  --W800-raw: 137, 223, 254;
  --W900: #c7f0ff;
  --W900-raw: 199, 240, 255;
  --Y100: #473409;
  --Y100-raw: 71, 52, 9;
  --Y200: #63470f;
  --Y200-raw: 99, 71, 15;
  --Y300: #8a6419;
  --Y300-raw: 138, 100, 25;
  --Y350: #ad7d15;
  --Y350-raw: 173, 125, 21;
  --Y400: #d49b0b;
  --Y400-raw: 212, 155, 11;
  --Y50: #30250a;
  --Y50-raw: 48, 37, 10;
  --Y500: #f0b622;
  --Y500-raw: 240, 182, 34;
  --Y600: #fbcb46;
  --Y600-raw: 251, 203, 70;
  --Y700: #fcd456;
  --Y700-raw: 252, 212, 86;
  --Y800: #ffde75;
  --Y800-raw: 255, 222, 117;
  --Y900: #ffeaa3;
  --Y900-raw: 255, 234, 163;
  --AI-cursor: var(--I600);
  --AI-cursor-raw: var(--I600-raw);
  --AI-dynamic-line: conic-gradient(
    from 45deg,
    var(--V400) 0%,
    var(--I600) 33.33333333%,
    var(--I600) 66.66666667%,
    var(--V400) 100%
  );
  --AI-icon-gradient: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--P400) 100%
  );
  --AI-icon-in-button: var(--I600);
  --AI-icon-in-button-raw: var(--I600-raw);
  --AI-loading: linear-gradient(to right, var(--I600) 0%, var(--V350) 100%);
  --AI-primary-content-default: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--V400) 100%
  );
  --AI-primary-content-hover: linear-gradient(
    to right,
    var(--I500) 0%,
    var(--V350) 100%
  );
  --AI-primary-content-loading: linear-gradient(
    to right,
    rgba(var(--I600-raw), 0.6) 0%,
    rgba(var(--V400-raw), 0.6) 100%
  );
  --AI-primary-content-pressed: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--V500) 100%
  );
  --AI-primary-fill-default: linear-gradient(
    to right,
    var(--I500) 0%,
    var(--V350) 100%
  );
  --AI-primary-fill-hover: linear-gradient(
    to right,
    var(--I400) 0%,
    var(--V300) 100%
  );
  --AI-primary-fill-loading: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.6) 0%,
    rgba(var(--V350-raw), 0.6) 100%
  );
  --AI-primary-fill-pressed: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--V400) 100%
  );
  --AI-primary-fill-solid-01: linear-gradient(
    to right,
    var(--I50) 0%,
    var(--V50) 100%
  );
  --AI-primary-fill-solid-02: linear-gradient(
    to right,
    var(--I100) 0%,
    var(--V100) 100%
  );
  --AI-primary-fill-solid-03: linear-gradient(
    to right,
    var(--I200) 0%,
    var(--V200) 100%
  );
  --AI-primary-fill-transparent-01: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.1) 0%,
    rgba(var(--V350-raw), 0.1) 100%
  );
  --AI-primary-fill-transparent-02: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.2) 0%,
    rgba(var(--V350-raw), 0.2) 100%
  );
  --AI-primary-fill-transparent-03: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.3) 0%,
    rgba(var(--V350-raw), 0.3) 100%
  );
  --AI-sendicon: linear-gradient(to right, var(--I600) 0%, var(--P400) 100%);
  --Aurora-bg-main: rgba(var(--B600-raw), 0.2);
  --Aurora-bg-reflection: rgba(var(--T350-raw), 0.1);
  --Aurora-bg-subordinate: rgba(var(--B500-raw), 0.2);
  --N00-10: rgba(var(--N00-raw), 0.1);
  --N00-15: rgba(var(--N00-raw), 0.15);
  --N00-20: rgba(var(--N00-raw), 0.2);
  --N00-30: rgba(var(--N00-raw), 0.3);
  --N00-40: rgba(var(--N00-raw), 0.4);
  --N00-5: rgba(var(--N00-raw), 0.05);
  --N00-50: rgba(var(--N00-raw), 0.5);
  --N00-60: rgba(var(--N00-raw), 0.6);
  --N00-70: rgba(var(--N00-raw), 0.7);
  --N00-80: rgba(var(--N00-raw), 0.8);
  --N00-90: rgba(var(--N00-raw), 0.9);
  --N900-10: rgba(var(--N900-raw), 0.1);
  --N900-15: rgba(var(--N900-raw), 0.15);
  --N900-20: rgba(var(--N900-raw), 0.2);
  --N900-30: rgba(var(--N900-raw), 0.3);
  --N900-40: rgba(var(--N900-raw), 0.4);
  --N900-5: rgba(var(--N900-raw), 0.05);
  --N900-50: rgba(var(--N900-raw), 0.5);
  --N900-60: rgba(var(--N900-raw), 0.6);
  --N900-70: rgba(var(--N900-raw), 0.7);
  --N900-80: rgba(var(--N900-raw), 0.8);
  --N900-90: rgba(var(--N900-raw), 0.9);
  --Vnext-bg-content-header: #fcfcfc;
  --Vnext-bg-content-header-raw: 252, 252, 252;
  --Vnext-bg-gradient: linear-gradient(
    180deg,
    rgba(var(--N00-raw), 0.05) 0%,
    rgba(var(--N600-raw), 0.05) 100%
  );
  --Vnext-bg-sub-navigation: hsla(0, 0%, 96%, 0.7);
  --Vnext-bg-sub-navigation-raw: 245, 245, 245;
  --Vnext-bg-thirdly-navigation: hsla(0, 0%, 99%, 0.9);
  --Vnext-bg-thirdly-navigation-raw: 252, 252, 252;
  --bg-base: var(--N100);
  --bg-base-raw: var(--N100-raw);
  --bg-body: var(--N00);
  --bg-body-raw: var(--N00-raw);
  --bg-body-overlay: var(--N50);
  --bg-body-overlay-raw: var(--N50-raw);
  --bg-content-base: #f8f9fa;
  --bg-content-base-raw: 248, 249, 250;
  --bg-filler: var(--N200);
  --bg-filler-raw: var(--N200-raw);
  --bg-float: var(--N00);
  --bg-float-raw: var(--N00-raw);
  --bg-float-base: var(--N100);
  --bg-float-base-raw: var(--N100-raw);
  --bg-float-overlay: var(--N50);
  --bg-float-overlay-raw: var(--N50-raw);
  --bg-float-push: rgba(var(--N00-raw), 0.8);
  --bg-mask: rgba(0, 0, 0, 0.55);
  --bg-pricolor: var(--primary-pri-400);
  --bg-pricolor-raw: var(--primary-pri-400-raw);
  --bg-sub-navigation: var(--bg-body-overlay);
  --bg-sub-navigation-raw: var(--bg-body-overlay-raw);
  --bg-text-selection: rgba(var(--primary-pri-600-raw), 0.3);
  --bg-tips: var(--N900);
  --bg-tips-raw: var(--N900-raw);
  --colorful-blue: var(--B500);
  --colorful-blue-raw: var(--B500-raw);
  --colorful-carmine: var(--C400);
  --colorful-carmine-raw: var(--C400-raw);
  --colorful-green: var(--G350);
  --colorful-green-raw: var(--G350-raw);
  --colorful-indigo: var(--I500);
  --colorful-indigo-raw: var(--I500-raw);
  --colorful-lime: var(--L350);
  --colorful-lime-raw: var(--L350-raw);
  --colorful-neutral: var(--N500);
  --colorful-neutral-raw: var(--N500-raw);
  --colorful-orange: var(--O350);
  --colorful-orange-raw: var(--O350-raw);
  --colorful-purple: var(--P500);
  --colorful-purple-raw: var(--P500-raw);
  --colorful-red: var(--R400);
  --colorful-red-raw: var(--R400-raw);
  --colorful-sunflower: var(--S350);
  --colorful-sunflower-raw: var(--S350-raw);
  --colorful-turquoise: var(--T350);
  --colorful-turquoise-raw: var(--T350-raw);
  --colorful-violet: var(--V500);
  --colorful-violet-raw: var(--V500-raw);
  --colorful-wathet: var(--W350);
  --colorful-wathet-raw: var(--W350-raw);
  --colorful-yellow: var(--Y350);
  --colorful-yellow-raw: var(--Y350-raw);
  --fill-active: var(--primary-fill-transparent-02);
  --fill-disabled: var(--N400);
  --fill-disabled-raw: var(--N400-raw);
  --fill-focus: rgba(var(--N900-raw), 0.12);
  --fill-hover: rgba(var(--N900-raw), 0.08);
  --fill-img-mask: rgba(var(--N00-raw), 0);
  --fill-loading-mask: rgba(var(--N00-raw), 0.6);
  --fill-pressed: rgba(var(--N900-raw), 0.12);
  --fill-selected: var(--primary-fill-transparent-01);
  --fill-tag: rgba(var(--N900-raw), 0.1);
  --function-danger-100: var(--R100);
  --function-danger-100-raw: var(--R100-raw);
  --function-danger-200: var(--R200);
  --function-danger-200-raw: var(--R200-raw);
  --function-danger-300: var(--R300);
  --function-danger-300-raw: var(--R300-raw);
  --function-danger-350: var(--R350);
  --function-danger-350-raw: var(--R350-raw);
  --function-danger-400: var(--R400);
  --function-danger-400-raw: var(--R400-raw);
  --function-danger-50: var(--R50);
  --function-danger-50-raw: var(--R50-raw);
  --function-danger-500: var(--R500);
  --function-danger-500-raw: var(--R500-raw);
  --function-danger-600: var(--R600);
  --function-danger-600-raw: var(--R600-raw);
  --function-danger-700: var(--R700);
  --function-danger-700-raw: var(--R700-raw);
  --function-danger-800: var(--R800);
  --function-danger-800-raw: var(--R800-raw);
  --function-danger-900: var(--R900);
  --function-danger-900-raw: var(--R900-raw);
  --function-danger-content-default: var(--function-danger-400);
  --function-danger-content-default-raw: var(--function-danger-400-raw);
  --function-danger-content-hover: var(--function-danger-350);
  --function-danger-content-hover-raw: var(--function-danger-350-raw);
  --function-danger-content-loading: var(--function-danger-300);
  --function-danger-content-loading-raw: var(--function-danger-300-raw);
  --function-danger-content-pressed: var(--function-danger-500);
  --function-danger-content-pressed-raw: var(--function-danger-500-raw);
  --function-danger-fill-default: var(--function-danger-400);
  --function-danger-fill-default-raw: var(--function-danger-400-raw);
  --function-danger-fill-hover: var(--function-danger-350);
  --function-danger-fill-hover-raw: var(--function-danger-350-raw);
  --function-danger-fill-loading: var(--function-danger-300);
  --function-danger-fill-loading-raw: var(--function-danger-300-raw);
  --function-danger-fill-pressed: var(--function-danger-500);
  --function-danger-fill-pressed-raw: var(--function-danger-500-raw);
  --function-danger-fill-solid-01: var(--function-danger-50);
  --function-danger-fill-solid-01-raw: var(--function-danger-50-raw);
  --function-danger-fill-solid-02: var(--function-danger-100);
  --function-danger-fill-solid-02-raw: var(--function-danger-100-raw);
  --function-danger-fill-solid-03: var(--function-danger-200);
  --function-danger-fill-solid-03-raw: var(--function-danger-200-raw);
  --function-danger-fill-transparent-01: rgba(
    var(--function-danger-500-raw),
    0.1
  );
  --function-danger-fill-transparent-02: rgba(
    var(--function-danger-500-raw),
    0.15
  );
  --function-danger-fill-transparent-03: rgba(
    var(--function-danger-500-raw),
    0.2
  );
  --function-danger-on-danger-fill: var(--static-white);
  --function-danger-on-danger-fill-raw: var(--static-white-raw);
  --function-info-100: var(--B100);
  --function-info-100-raw: var(--B100-raw);
  --function-info-200: var(--B200);
  --function-info-200-raw: var(--B200-raw);
  --function-info-300: var(--B300);
  --function-info-300-raw: var(--B300-raw);
  --function-info-350: var(--B350);
  --function-info-350-raw: var(--B350-raw);
  --function-info-400: var(--B400);
  --function-info-400-raw: var(--B400-raw);
  --function-info-50: var(--B50);
  --function-info-50-raw: var(--B50-raw);
  --function-info-500: var(--B500);
  --function-info-500-raw: var(--B500-raw);
  --function-info-600: var(--B600);
  --function-info-600-raw: var(--B600-raw);
  --function-info-700: var(--B700);
  --function-info-700-raw: var(--B700-raw);
  --function-info-800: var(--B800);
  --function-info-800-raw: var(--B800-raw);
  --function-info-900: var(--B900);
  --function-info-900-raw: var(--B900-raw);
  --function-info-content-default: var(--function-info-600);
  --function-info-content-default-raw: var(--function-info-600-raw);
  --function-info-content-hover: var(--function-info-500);
  --function-info-content-hover-raw: var(--function-info-500-raw);
  --function-info-content-loading: var(--function-info-300);
  --function-info-content-loading-raw: var(--function-info-300-raw);
  --function-info-content-pressed: var(--function-info-700);
  --function-info-content-pressed-raw: var(--function-info-700-raw);
  --function-info-fill-default: var(--function-info-600);
  --function-info-fill-default-raw: var(--function-info-600-raw);
  --function-info-fill-hover: var(--function-info-500);
  --function-info-fill-hover-raw: var(--function-info-500-raw);
  --function-info-fill-loading: var(--function-info-300);
  --function-info-fill-loading-raw: var(--function-info-300-raw);
  --function-info-fill-pressed: var(--function-info-700);
  --function-info-fill-pressed-raw: var(--function-info-700-raw);
  --function-info-fill-solid-01: var(--function-info-50);
  --function-info-fill-solid-01-raw: var(--function-info-50-raw);
  --function-info-fill-solid-02: var(--function-info-100);
  --function-info-fill-solid-02-raw: var(--function-info-100-raw);
  --function-info-fill-solid-03: var(--function-info-200);
  --function-info-fill-solid-03-raw: var(--function-info-200-raw);
  --function-info-fill-transparent-01: rgba(var(--function-info-600-raw), 0.1);
  --function-info-fill-transparent-02: rgba(var(--function-info-600-raw), 0.15);
  --function-info-fill-transparent-03: rgba(var(--function-info-600-raw), 0.2);
  --function-info-on-info-fill: var(--static-white);
  --function-info-on-info-fill-raw: var(--static-white-raw);
  --function-success-100: var(--G100);
  --function-success-100-raw: var(--G100-raw);
  --function-success-200: var(--G200);
  --function-success-200-raw: var(--G200-raw);
  --function-success-300: var(--G300);
  --function-success-300-raw: var(--G300-raw);
  --function-success-350: var(--G350);
  --function-success-350-raw: var(--G350-raw);
  --function-success-400: var(--G400);
  --function-success-400-raw: var(--G400-raw);
  --function-success-50: var(--G50);
  --function-success-50-raw: var(--G50-raw);
  --function-success-500: var(--G500);
  --function-success-500-raw: var(--G500-raw);
  --function-success-600: var(--G600);
  --function-success-600-raw: var(--G600-raw);
  --function-success-700: var(--G700);
  --function-success-700-raw: var(--G700-raw);
  --function-success-800: var(--G800);
  --function-success-800-raw: var(--G800-raw);
  --function-success-900: var(--G900);
  --function-success-900-raw: var(--G900-raw);
  --function-success-content-default: var(--function-success-400);
  --function-success-content-default-raw: var(--function-success-400-raw);
  --function-success-content-hover: var(--function-success-350);
  --function-success-content-hover-raw: var(--function-success-350-raw);
  --function-success-content-loading: var(--function-success-300);
  --function-success-content-loading-raw: var(--function-success-300-raw);
  --function-success-content-pressed: var(--function-success-500);
  --function-success-content-pressed-raw: var(--function-success-500-raw);
  --function-success-fill-default: var(--function-success-350);
  --function-success-fill-default-raw: var(--function-success-350-raw);
  --function-success-fill-hover: var(--function-success-300);
  --function-success-fill-hover-raw: var(--function-success-300-raw);
  --function-success-fill-loading: var(--function-success-300);
  --function-success-fill-loading-raw: var(--function-success-300-raw);
  --function-success-fill-pressed: var(--function-success-400);
  --function-success-fill-pressed-raw: var(--function-success-400-raw);
  --function-success-fill-solid-01: var(--function-success-50);
  --function-success-fill-solid-01-raw: var(--function-success-50-raw);
  --function-success-fill-solid-02: var(--function-success-100);
  --function-success-fill-solid-02-raw: var(--function-success-100-raw);
  --function-success-fill-solid-03: var(--function-success-200);
  --function-success-fill-solid-03-raw: var(--function-success-200-raw);
  --function-success-fill-transparent-01: rgba(
    var(--function-success-350-raw),
    0.1
  );
  --function-success-fill-transparent-02: rgba(
    var(--function-success-350-raw),
    0.15
  );
  --function-success-fill-transparent-03: rgba(
    var(--function-success-350-raw),
    0.2
  );
  --function-success-on-success-fill: var(--static-white);
  --function-success-on-success-fill-raw: var(--static-white-raw);
  --function-warning-100: var(--O100);
  --function-warning-100-raw: var(--O100-raw);
  --function-warning-200: var(--O200);
  --function-warning-200-raw: var(--O200-raw);
  --function-warning-300: var(--O300);
  --function-warning-300-raw: var(--O300-raw);
  --function-warning-350: var(--O350);
  --function-warning-350-raw: var(--O350-raw);
  --function-warning-400: var(--O400);
  --function-warning-400-raw: var(--O400-raw);
  --function-warning-50: var(--O50);
  --function-warning-50-raw: var(--O50-raw);
  --function-warning-500: var(--O500);
  --function-warning-500-raw: var(--O500-raw);
  --function-warning-600: var(--O600);
  --function-warning-600-raw: var(--O600-raw);
  --function-warning-700: var(--O700);
  --function-warning-700-raw: var(--O700-raw);
  --function-warning-800: var(--O800);
  --function-warning-800-raw: var(--O800-raw);
  --function-warning-900: var(--O900);
  --function-warning-900-raw: var(--O900-raw);
  --function-warning-content-default: var(--function-warning-400);
  --function-warning-content-default-raw: var(--function-warning-400-raw);
  --function-warning-content-hover: var(--function-warning-350);
  --function-warning-content-hover-raw: var(--function-warning-350-raw);
  --function-warning-content-loading: var(--function-warning-300);
  --function-warning-content-loading-raw: var(--function-warning-300-raw);
  --function-warning-content-pressed: var(--function-warning-500);
  --function-warning-content-pressed-raw: var(--function-warning-500-raw);
  --function-warning-fill-default: var(--function-warning-350);
  --function-warning-fill-default-raw: var(--function-warning-350-raw);
  --function-warning-fill-hover: var(--function-warning-300);
  --function-warning-fill-hover-raw: var(--function-warning-300-raw);
  --function-warning-fill-loading: var(--function-warning-300);
  --function-warning-fill-loading-raw: var(--function-warning-300-raw);
  --function-warning-fill-pressed: var(--function-warning-400);
  --function-warning-fill-pressed-raw: var(--function-warning-400-raw);
  --function-warning-fill-solid-01: var(--function-warning-50);
  --function-warning-fill-solid-01-raw: var(--function-warning-50-raw);
  --function-warning-fill-solid-02: var(--function-warning-100);
  --function-warning-fill-solid-02-raw: var(--function-warning-100-raw);
  --function-warning-fill-solid-03: var(--function-warning-200);
  --function-warning-fill-solid-03-raw: var(--function-warning-200-raw);
  --function-warning-fill-transparent-01: rgba(
    var(--function-warning-400-raw),
    0.1
  );
  --function-warning-fill-transparent-02: rgba(
    var(--function-warning-400-raw),
    0.15
  );
  --function-warning-fill-transparent-03: rgba(
    var(--function-warning-400-raw),
    0.2
  );
  --function-warning-on-warning-fill: var(--static-white);
  --function-warning-on-warning-fill-raw: var(--static-white-raw);
  --gradient-blue: linear-gradient(90deg, var(--B400) 0%, var(--B500) 100%);
  --gradient-carmine: linear-gradient(90deg, var(--C400) 0%, var(--C500) 100%);
  --gradient-green: linear-gradient(90deg, var(--G300) 0%, var(--G350) 100%);
  --gradient-indigo: linear-gradient(90deg, var(--I400) 0%, var(--I500) 100%);
  --gradient-lime: linear-gradient(90deg, var(--L200) 0%, var(--L300) 100%);
  --gradient-orange: linear-gradient(90deg, var(--O300) 0%, var(--O350) 100%);
  --gradient-purple: linear-gradient(90deg, var(--P400) 0%, var(--P500) 100%);
  --gradient-red: linear-gradient(90deg, var(--R350) 0%, var(--R400) 100%);
  --gradient-turquoise: linear-gradient(
    90deg,
    var(--T200) 0%,
    var(--T300) 100%
  );
  --gradient-violet: linear-gradient(90deg, var(--V350) 0%, var(--V400) 100%);
  --gradient-wathet: linear-gradient(90deg, var(--W300) 0%, var(--W350) 100%);
  --gradient-yellow: linear-gradient(90deg, var(--Y350) 0%, var(--Y400) 100%);
  --icon-disabled: var(--N400);
  --icon-disabled-raw: var(--N400-raw);
  --icon-n1: var(--N800);
  --icon-n1-raw: var(--N800-raw);
  --icon-n2: var(--N600);
  --icon-n2-raw: var(--N600-raw);
  --icon-n3: var(--N500);
  --icon-n3-raw: var(--N500-raw);
  --illustration-blue-a: var(--B900);
  --illustration-blue-a-raw: var(--B900-raw);
  --illustration-blue-b: var(--B900);
  --illustration-blue-b-raw: var(--B900-raw);
  --illustration-blue-c: var(--B900);
  --illustration-blue-c-raw: var(--B900-raw);
  --illustration-blue-d: var(--B900);
  --illustration-blue-d-raw: var(--B900-raw);
  --illustration-blue-e: var(--B500);
  --illustration-blue-e-raw: var(--B500-raw);
  --illustration-neutral-a: var(--N00);
  --illustration-neutral-a-raw: var(--N00-raw);
  --illustration-neutral-b: var(--N00);
  --illustration-neutral-b-raw: var(--N00-raw);
  --illustration-neutral-c: rgba(var(--N400-raw), 0.45);
  --illustration-neutral-d: var(--N500);
  --illustration-neutral-d-raw: var(--N500-raw);
  --illustration-orange: var(--O350);
  --illustration-orange-raw: var(--O350-raw);
  --illustration-red: var(--R400);
  --illustration-red-raw: var(--R400-raw);
  --illustration-static-black: var(--static-black);
  --illustration-static-black-raw: var(--static-black-raw);
  --illustration-static-white: var(--static-white);
  --illustration-static-white-raw: var(--static-white-raw);
  --illustration-turquoise: var(--T300);
  --illustration-turquoise-raw: var(--T300-raw);
  --illustration-wathet: var(--W300);
  --illustration-wathet-raw: var(--W300-raw);
  --illustration-yellow: var(--Y350);
  --illustration-yellow-raw: var(--Y350-raw);
  --inverse-primary-content-default: var(--B400);
  --inverse-primary-content-default-raw: var(--B400-raw);
  --inverse-primary-content-hover: var(--B350);
  --inverse-primary-content-hover-raw: var(--B350-raw);
  --inverse-primary-content-pressed: var(--B500);
  --inverse-primary-content-pressed-raw: var(--B500-raw);
  --line-border-card: var(--N300);
  --line-border-card-raw: var(--N300-raw);
  --line-border-component: var(--N350);
  --line-border-component-raw: var(--N350-raw);
  --line-divider-default: rgba(var(--N900-raw), 0.15);
  --line-divider-module: rgba(var(--N900-raw), 0.15);
  --primary-content-default: var(--primary-pri-600);
  --primary-content-default-raw: var(--primary-pri-600-raw);
  --primary-content-hover: var(--primary-pri-500);
  --primary-content-hover-raw: var(--primary-pri-500-raw);
  --primary-content-loading: var(--primary-pri-300);
  --primary-content-loading-raw: var(--primary-pri-300-raw);
  --primary-content-pressed: var(--primary-pri-700);
  --primary-content-pressed-raw: var(--primary-pri-700-raw);
  --primary-fill-default: var(--primary-pri-600);
  --primary-fill-default-raw: var(--primary-pri-600-raw);
  --primary-fill-hover: var(--primary-pri-500);
  --primary-fill-hover-raw: var(--primary-pri-500-raw);
  --primary-fill-loading: var(--primary-pri-300);
  --primary-fill-loading-raw: var(--primary-pri-300-raw);
  --primary-fill-pressed: var(--primary-pri-700);
  --primary-fill-pressed-raw: var(--primary-pri-700-raw);
  --primary-fill-solid-01: var(--primary-pri-50);
  --primary-fill-solid-01-raw: var(--primary-pri-50-raw);
  --primary-fill-solid-02: var(--primary-pri-100);
  --primary-fill-solid-02-raw: var(--primary-pri-100-raw);
  --primary-fill-solid-03: var(--primary-pri-200);
  --primary-fill-solid-03-raw: var(--primary-pri-200-raw);
  --primary-fill-transparent-01: rgba(var(--primary-pri-600-raw), 0.1);
  --primary-fill-transparent-02: rgba(var(--primary-pri-600-raw), 0.15);
  --primary-fill-transparent-03: rgba(var(--primary-pri-600-raw), 0.2);
  --primary-on-primary-fill: var(--static-white);
  --primary-on-primary-fill-raw: var(--static-white-raw);
  --primary-pri-100: var(--B100);
  --primary-pri-100-raw: var(--B100-raw);
  --primary-pri-200: var(--B200);
  --primary-pri-200-raw: var(--B200-raw);
  --primary-pri-300: var(--B300);
  --primary-pri-300-raw: var(--B300-raw);
  --primary-pri-350: var(--B350);
  --primary-pri-350-raw: var(--B350-raw);
  --primary-pri-400: var(--B400);
  --primary-pri-400-raw: var(--B400-raw);
  --primary-pri-50: var(--B50);
  --primary-pri-50-raw: var(--B50-raw);
  --primary-pri-500: var(--B500);
  --primary-pri-500-raw: var(--B500-raw);
  --primary-pri-600: var(--B600);
  --primary-pri-600-raw: var(--B600-raw);
  --primary-pri-700: var(--B700);
  --primary-pri-700-raw: var(--B700-raw);
  --primary-pri-800: var(--B800);
  --primary-pri-800-raw: var(--B800-raw);
  --primary-pri-900: var(--B900);
  --primary-pri-900-raw: var(--B900-raw);
  --shadow-default: var(--N900);
  --shadow-default-raw: var(--N900-raw);
  --shadow-default-lg: rgba(var(--N900-raw), 0.08);
  --shadow-default-md: rgba(var(--N900-raw), 0.1);
  --shadow-default-sm: rgba(var(--N900-raw), 0.12);
  --shadow-lg-down: 0px 6px 24px var(--shadow-default-lg);
  --shadow-lg-left: -6px 0px 24px var(--shadow-default-lg);
  --shadow-lg-right: 6px 0px 24px var(--shadow-default-lg);
  --shadow-lg-up: 0px -6px 24px var(--shadow-default-lg);
  --shadow-md-down: 0px 4px 8px var(--shadow-default-md);
  --shadow-md-left: -4px 0px 8px var(--shadow-default-md);
  --shadow-md-right: 4px 0px 8px var(--shadow-default-md);
  --shadow-md-up: 0px -4px 8px var(--shadow-default-md);
  --shadow-pri: var(--primary-pri-600);
  --shadow-pri-raw: var(--primary-pri-600-raw);
  --shadow-pri-lg: rgba(var(--primary-pri-600-raw), 0.24);
  --shadow-pri-lg-down: 0px 6px 24px var(--shadow-pri-lg);
  --shadow-pri-md: rgba(var(--primary-pri-600-raw), 0.24);
  --shadow-pri-md-down: 0px 4px 8px var(--shadow-pri-md);
  --shadow-s1-down:
    0px 1px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 4px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-down-pri:
    0px 1px 2px -2px rgba(var(--shadow-pri-raw), 0.12),
    0px 2px 4px rgba(var(--shadow-pri-raw), 0.04),
    0px 2px 8px 2px rgba(var(--shadow-pri-raw), 0.02);
  --shadow-s1-left:
    -1px 0px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 4px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-right:
    1px 0px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 4px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-up:
    0px -1px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 4px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-down:
    0px 4px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    0px 4px 8px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-down-pri:
    0px 2px 4px -4px rgba(var(--shadow-pri-raw), 0.12),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.04),
    0px 4px 16px 4px rgba(var(--shadow-pri-raw), 0.03);
  --shadow-s2-left:
    -4px 0px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    -4px 0px 8px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-right:
    4px 0px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    4px 0px 8px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-up:
    0px -4px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    0px -4px 8px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s3-down:
    0px 6px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    0px 3px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    0px 4px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-down-pri:
    0px 3px 6px -6px rgba(var(--shadow-pri-raw), 0.14),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.06),
    0px 6px 18px 6px rgba(var(--shadow-pri-raw), 0.04);
  --shadow-s3-left:
    -6px 0px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    -3px 0px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    -4px 0px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-right:
    6px 0px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    3px 0px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    4px 0px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-up:
    0px -6px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    0px -3px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    0px -4px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s4-down:
    0px 8px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    0px 6px 12px rgba(var(--shadow-default-raw), 0.04),
    0px 4px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-down-pri:
    0px 4px 8px -4px rgba(var(--shadow-pri-raw), 0.16),
    0px 6px 12px rgba(var(--shadow-pri-raw), 0.08),
    0px 8px 24px 8px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s4-left:
    -8px 0px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    -6px 0px 12px rgba(var(--shadow-default-raw), 0.04),
    -4px 0px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-right:
    8px 0px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    6px 0px 12px rgba(var(--shadow-default-raw), 0.04),
    4px 0px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-up:
    0px -8px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    0px -6px 12px rgba(var(--shadow-default-raw), 0.04),
    0px -4px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-down:
    0px 10px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    0px 8px 24px rgba(var(--shadow-default-raw), 0.04),
    0px 6px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-down-pri:
    0px 10px 12px -10px rgba(var(--shadow-pri-raw), 0.18),
    0px 8px 24px rgba(var(--shadow-pri-raw), 0.1),
    0px 10px 36px 10px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s5-left:
    -10px 0px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    -8px 0px 24px rgba(var(--shadow-default-raw), 0.04),
    -6px 0px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-right:
    10px 0px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    8px 0px 24px rgba(var(--shadow-default-raw), 0.04),
    6px 0px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-up:
    0px -10px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    0px -8px 24px rgba(var(--shadow-default-raw), 0.04),
    0px -6px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-sm-down: 0px 2px 4px var(--shadow-default-sm);
  --shadow-sm-left: -2px 0px 4px var(--shadow-default-sm);
  --shadow-sm-right: 2px 0px 4px var(--shadow-default-sm);
  --shadow-sm-up: 0px -2px 4px var(--shadow-default-sm);
  --static-black: #000;
  --static-black-raw: 0, 0, 0;
  --static-black-10: rgba(0, 0, 0, 0.1);
  --static-black-15: rgba(0, 0, 0, 0.15);
  --static-black-20: rgba(0, 0, 0, 0.2);
  --static-black-30: rgba(0, 0, 0, 0.3);
  --static-black-40: rgba(0, 0, 0, 0.4);
  --static-black-5: rgba(0, 0, 0, 0.05);
  --static-black-50: rgba(0, 0, 0, 0.5);
  --static-black-60: rgba(0, 0, 0, 0.6);
  --static-black-70: rgba(0, 0, 0, 0.7);
  --static-black-80: rgba(0, 0, 0, 0.8);
  --static-black-90: rgba(0, 0, 0, 0.9);
  --static-white: #fff;
  --static-white-raw: 255, 255, 255;
  --static-white-10: hsla(0, 0%, 100%, 0.1);
  --static-white-15: hsla(0, 0%, 100%, 0.15);
  --static-white-20: hsla(0, 0%, 100%, 0.2);
  --static-white-30: hsla(0, 0%, 100%, 0.3);
  --static-white-40: hsla(0, 0%, 100%, 0.4);
  --static-white-5: hsla(0, 0%, 100%, 0.05);
  --static-white-50: hsla(0, 0%, 100%, 0.5);
  --static-white-60: hsla(0, 0%, 100%, 0.6);
  --static-white-70: hsla(0, 0%, 100%, 0.7);
  --static-white-80: hsla(0, 0%, 100%, 0.8);
  --static-white-90: hsla(0, 0%, 100%, 0.9);
  --static-white-hover: hsla(0, 0%, 100%, 0.1);
  --static-white-hover-raw: 255, 255, 255;
  --static-white-pressed: hsla(0, 0%, 100%, 0.2);
  --static-white-pressed-raw: 255, 255, 255;
  --text-caption: var(--N600);
  --text-caption-raw: var(--N600-raw);
  --text-disabled: var(--N400);
  --text-disabled-raw: var(--N400-raw);
  --text-link-disabled: var(--N400);
  --text-link-disabled-raw: var(--N400-raw);
  --text-link-hover: var(--B500);
  --text-link-hover-raw: var(--B500-raw);
  --text-link-loading: var(--B300);
  --text-link-loading-raw: var(--B300-raw);
  --text-link-normal: var(--B600);
  --text-link-normal-raw: var(--B600-raw);
  --text-link-pressed: var(--B700);
  --text-link-pressed-raw: var(--B700-raw);
  --text-placeholder: var(--N500);
  --text-placeholder-raw: var(--N500-raw);
  --text-title: var(--N900);
  --text-title-raw: var(--N900-raw);
  --AI-cursor: var(--I400);
  --AI-cursor-raw: var(--I400-raw);
  --AI-dynamic-line: conic-gradient(
    from 45deg,
    var(--V350) 0%,
    var(--I400) 33.33333333%,
    var(--I400) 66.66666667%,
    var(--V350) 100%
  );
  --AI-icon-gradient: linear-gradient(
    to right,
    var(--I500) 0%,
    var(--P400) 100%
  );
  --AI-icon-in-button: var(--I500);
  --AI-icon-in-button-raw: var(--I500-raw);
  --AI-loading: linear-gradient(to right, var(--I500) 0%, var(--V350) 100%);
  --AI-primary-content-default: linear-gradient(
    to right,
    var(--I500) 0%,
    var(--V400) 100%
  );
  --AI-primary-content-hover: linear-gradient(
    to right,
    var(--I400) 0%,
    var(--V350) 100%
  );
  --AI-primary-content-loading: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.6) 0%,
    rgba(var(--V400-raw), 0.6) 100%
  );
  --AI-primary-fill-default: linear-gradient(
    to right,
    var(--I400) 0%,
    var(--V300) 100%
  );
  --AI-primary-fill-hover: linear-gradient(
    to right,
    var(--I350) 0%,
    var(--V200) 100%
  );
  --AI-primary-fill-loading: linear-gradient(
    to right,
    rgba(var(--I400-raw), 0.6) 0%,
    rgba(var(--V300-raw), 0.6) 100%
  );
  --AI-primary-fill-pressed: linear-gradient(
    to right,
    var(--I500) 0%,
    var(--V350) 100%
  );
  --AI-primary-fill-transparent-01: linear-gradient(
    to right,
    rgba(var(--I400-raw), 0.15) 0%,
    rgba(var(--V350-raw), 0.15) 100%
  );
  --AI-primary-fill-transparent-02: linear-gradient(
    to right,
    rgba(var(--I400-raw), 0.25) 0%,
    rgba(var(--V350-raw), 0.25) 100%
  );
  --AI-primary-fill-transparent-03: linear-gradient(
    to right,
    rgba(var(--I400-raw), 0.35) 0%,
    rgba(var(--V350-raw), 0.35) 100%
  );
  --AI-sendicon: linear-gradient(to right, var(--I400) 0%, var(--P400) 100%);
  --Aurora-bg-main: rgba(var(--W500-raw), 0.2);
  --Aurora-bg-reflection: rgba(var(--P500-raw), 0.15);
  --Aurora-bg-subordinate: rgba(var(--W500-raw), 0.2);
  --Vnext-bg-content-header: #222;
  --Vnext-bg-content-header-raw: 34, 34, 34;
  --Vnext-bg-gradient: linear-gradient(
    180deg,
    rgba(var(--N50-raw), 0.05) 0%,
    rgba(var(--N00-raw), 0.05) 100%
  );
  --Vnext-bg-sub-navigation: rgba(30, 30, 30, 0.5);
  --Vnext-bg-sub-navigation-raw: 30, 30, 30;
  --Vnext-bg-thirdly-navigation: rgba(26, 26, 26, 0.7);
  --Vnext-bg-thirdly-navigation-raw: 26, 26, 26;
  --bg-base: var(--N00);
  --bg-base-raw: var(--N00-raw);
  --bg-body: var(--N50);
  --bg-body-raw: var(--N50-raw);
  --bg-body-overlay: var(--N100);
  --bg-body-overlay-raw: var(--N100-raw);
  --bg-content-base: #121212;
  --bg-content-base-raw: 18, 18, 18;
  --bg-float: var(--N100);
  --bg-float-raw: var(--N100-raw);
  --bg-float-base: var(--N50);
  --bg-float-base-raw: var(--N50-raw);
  --bg-float-overlay: var(--N200);
  --bg-float-overlay-raw: var(--N200-raw);
  --bg-float-push: rgba(var(--N100-raw), 0.8);
  --bg-mask: rgba(0, 0, 0, 0.6);
  --bg-mask-raw: 0, 0, 0;
  --bg-sub-navigation: #262626;
  --bg-sub-navigation-raw: 38, 38, 38;
  --bg-tips: var(--N350);
  --bg-tips-raw: var(--N350-raw);
  --colorful-green: var(--G500);
  --colorful-green-raw: var(--G500-raw);
  --colorful-indigo: var(--I400);
  --colorful-indigo-raw: var(--I400-raw);
  --colorful-lime: var(--L600);
  --colorful-lime-raw: var(--L600-raw);
  --colorful-orange: var(--O600);
  --colorful-orange-raw: var(--O600-raw);
  --colorful-purple: var(--P400);
  --colorful-purple-raw: var(--P400-raw);
  --colorful-red: var(--R500);
  --colorful-red-raw: var(--R500-raw);
  --colorful-sunflower: var(--S500);
  --colorful-sunflower-raw: var(--S500-raw);
  --colorful-turquoise: var(--T500);
  --colorful-turquoise-raw: var(--T500-raw);
  --colorful-violet: var(--V400);
  --colorful-violet-raw: var(--V400-raw);
  --colorful-wathet: var(--W500);
  --colorful-wathet-raw: var(--W500-raw);
  --colorful-yellow: var(--Y500);
  --colorful-yellow-raw: var(--Y500-raw);
  --fill-img-mask: rgba(0, 0, 0, 0.12);
  --function-danger-content-default: var(--function-danger-500);
  --function-danger-content-default-raw: var(--function-danger-500-raw);
  --function-danger-content-hover: var(--function-danger-400);
  --function-danger-content-hover-raw: var(--function-danger-400-raw);
  --function-danger-content-pressed: var(--function-danger-600);
  --function-danger-content-pressed-raw: var(--function-danger-600-raw);
  --function-danger-fill-transparent-01: rgba(
    var(--function-danger-500-raw),
    0.15
  );
  --function-danger-fill-transparent-02: rgba(
    var(--function-danger-500-raw),
    0.2
  );
  --function-danger-fill-transparent-03: rgba(
    var(--function-danger-500-raw),
    0.3
  );
  --function-info-content-default: var(--function-info-500);
  --function-info-content-default-raw: var(--function-info-500-raw);
  --function-info-content-hover: var(--function-info-400);
  --function-info-content-hover-raw: var(--function-info-400-raw);
  --function-info-content-pressed: var(--function-info-600);
  --function-info-content-pressed-raw: var(--function-info-600-raw);
  --function-info-fill-default: var(--function-info-400);
  --function-info-fill-default-raw: var(--function-info-400-raw);
  --function-info-fill-hover: var(--function-info-350);
  --function-info-fill-hover-raw: var(--function-info-350-raw);
  --function-info-fill-pressed: var(--function-info-500);
  --function-info-fill-pressed-raw: var(--function-info-500-raw);
  --function-info-fill-transparent-01: rgba(var(--function-info-500-raw), 0.15);
  --function-info-fill-transparent-02: rgba(var(--function-info-500-raw), 0.2);
  --function-info-fill-transparent-03: rgba(var(--function-info-500-raw), 0.3);
  --function-success-content-default: var(--function-success-600);
  --function-success-content-default-raw: var(--function-success-600-raw);
  --function-success-content-hover: var(--function-success-500);
  --function-success-content-hover-raw: var(--function-success-500-raw);
  --function-success-content-pressed: var(--function-success-700);
  --function-success-content-pressed-raw: var(--function-success-700-raw);
  --function-success-fill-default: var(--function-success-500);
  --function-success-fill-default-raw: var(--function-success-500-raw);
  --function-success-fill-hover: var(--function-success-400);
  --function-success-fill-hover-raw: var(--function-success-400-raw);
  --function-success-fill-pressed: var(--function-success-600);
  --function-success-fill-pressed-raw: var(--function-success-600-raw);
  --function-success-fill-transparent-01: rgba(
    var(--function-success-500-raw),
    0.15
  );
  --function-success-fill-transparent-02: rgba(
    var(--function-success-500-raw),
    0.2
  );
  --function-success-fill-transparent-03: rgba(
    var(--function-success-500-raw),
    0.3
  );
  --function-warning-content-default: var(--function-warning-600);
  --function-warning-content-default-raw: var(--function-warning-600-raw);
  --function-warning-content-hover: var(--function-warning-500);
  --function-warning-content-hover-raw: var(--function-warning-500-raw);
  --function-warning-content-pressed: var(--function-warning-700);
  --function-warning-content-pressed-raw: var(--function-warning-700-raw);
  --function-warning-fill-default: var(--function-warning-600);
  --function-warning-fill-default-raw: var(--function-warning-600-raw);
  --function-warning-fill-hover: var(--function-warning-500);
  --function-warning-fill-hover-raw: var(--function-warning-500-raw);
  --function-warning-fill-pressed: var(--function-warning-700);
  --function-warning-fill-pressed-raw: var(--function-warning-700-raw);
  --function-warning-fill-transparent-01: rgba(
    var(--function-warning-600-raw),
    0.15
  );
  --function-warning-fill-transparent-02: rgba(
    var(--function-warning-600-raw),
    0.2
  );
  --function-warning-fill-transparent-03: rgba(
    var(--function-warning-600-raw),
    0.3
  );
  --gradient-blue: linear-gradient(90deg, var(--B400) 0%, var(--B350) 100%);
  --gradient-carmine: linear-gradient(90deg, var(--C500) 0%, var(--C400) 100%);
  --gradient-green: linear-gradient(90deg, var(--G500) 0%, var(--G400) 100%);
  --gradient-indigo: linear-gradient(90deg, var(--I400) 0%, var(--I350) 100%);
  --gradient-lime: linear-gradient(90deg, var(--L600) 0%, var(--L500) 100%);
  --gradient-orange: linear-gradient(90deg, var(--O600) 0%, var(--O500) 100%);
  --gradient-purple: linear-gradient(90deg, var(--P400) 0%, var(--P350) 100%);
  --gradient-red: linear-gradient(90deg, var(--R500) 0%, var(--R400) 100%);
  --gradient-turquoise: linear-gradient(
    90deg,
    var(--T600) 0%,
    var(--T500) 100%
  );
  --gradient-violet: linear-gradient(90deg, var(--V500) 0%, var(--V400) 100%);
  --gradient-wathet: linear-gradient(90deg, var(--W500) 0%, var(--W400) 100%);
  --gradient-yellow: linear-gradient(90deg, var(--Y500) 0%, var(--Y400) 100%);
  --illustration-blue-a: var(--N700);
  --illustration-blue-a-raw: var(--N700-raw);
  --illustration-blue-b: rgba(var(--static-white-raw), 0.4);
  --illustration-blue-b-raw: rgba(var(--static-white-raw), 0.4);
  --illustration-blue-c: var(--N400);
  --illustration-blue-c-raw: var(--N400-raw);
  --illustration-blue-d: var(--B300);
  --illustration-blue-d-raw: var(--B300-raw);
  --illustration-neutral-a: var(--N900);
  --illustration-neutral-a-raw: var(--N900-raw);
  --illustration-neutral-b: var(--N200);
  --illustration-neutral-b-raw: var(--N200-raw);
  --illustration-neutral-c: rgba(var(--static-white-raw), 0.3);
  --illustration-neutral-d: rgba(var(--static-white-raw), 0.4);
  --illustration-neutral-d-raw: rgba(var(--static-white-raw), 0.4);
  --illustration-orange: var(--O600);
  --illustration-orange-raw: var(--O600-raw);
  --illustration-red: var(--R500);
  --illustration-red-raw: var(--R500-raw);
  --illustration-turquoise: var(--T700);
  --illustration-turquoise-raw: var(--T700-raw);
  --illustration-wathet: var(--W700);
  --illustration-wathet-raw: var(--W700-raw);
  --illustration-yellow: var(--Y500);
  --illustration-yellow-raw: var(--Y500-raw);
  --inverse-primary-content-default: var(--B600);
  --inverse-primary-content-default-raw: var(--B600-raw);
  --inverse-primary-content-hover: var(--B700);
  --inverse-primary-content-hover-raw: var(--B700-raw);
  --line-border-card: rgba(var(--N900-raw), 0.15);
  --line-border-card-raw: rgba(var(--N900-raw), 0.15);
  --line-divider-default: rgba(var(--N650-raw), 0.15);
  --line-divider-module: var(--static-black);
  --primary-content-default: var(--primary-pri-500);
  --primary-content-default-raw: var(--primary-pri-500-raw);
  --primary-content-hover: var(--primary-pri-400);
  --primary-content-hover-raw: var(--primary-pri-400-raw);
  --primary-content-pressed: var(--primary-pri-600);
  --primary-content-pressed-raw: var(--primary-pri-600-raw);
  --primary-fill-default: var(--primary-pri-400);
  --primary-fill-default-raw: var(--primary-pri-400-raw);
  --primary-fill-hover: var(--primary-pri-350);
  --primary-fill-hover-raw: var(--primary-pri-350-raw);
  --primary-fill-pressed: var(--primary-pri-500);
  --primary-fill-pressed-raw: var(--primary-pri-500-raw);
  --primary-fill-transparent-01: rgba(var(--primary-pri-500-raw), 0.15);
  --primary-fill-transparent-02: rgba(var(--primary-pri-500-raw), 0.2);
  --primary-fill-transparent-03: rgba(var(--primary-pri-500-raw), 0.3);
  --shadow-default: #000;
  --shadow-default-raw: 0, 0, 0;
  --shadow-default-lg: rgba(0, 0, 0, 0.24);
  --shadow-default-md: rgba(0, 0, 0, 0.28);
  --shadow-default-sm: rgba(0, 0, 0, 0.32);
  --shadow-lg-down: 0px 12px 48px var(--shadow-default-lg);
  --shadow-lg-left: -12px 0px 48px var(--shadow-default-lg);
  --shadow-lg-right: 12px 0px 48px var(--shadow-default-lg);
  --shadow-lg-up: 0px -12px 48px var(--shadow-default-lg);
  --shadow-md-down: 0px 8px 16px var(--shadow-default-md);
  --shadow-md-left: -8px 0px 16px var(--shadow-default-md);
  --shadow-md-right: 8px 0px 16px var(--shadow-default-md);
  --shadow-md-up: 0px -8px 16px var(--shadow-default-md);
  --shadow-pri: #245bdb;
  --shadow-pri-raw: 36, 91, 219;
  --shadow-pri-lg: rgba(var(--primary-pri-200-raw), 0.48);
  --shadow-pri-lg-down: 0px 12px 48px var(--shadow-pri-lg);
  --shadow-pri-md: rgba(var(--primary-pri-200-raw), 0.48);
  --shadow-pri-md-down: 0px 8px 16px var(--shadow-pri-md);
  --shadow-s1-down-pri:
    0px 1px 2px -2px rgba(var(--shadow-pri-raw), 0.02),
    0px 2px 4px rgba(var(--shadow-pri-raw), 0.02),
    0px 2px 8px 2px rgba(var(--shadow-pri-raw), 0.02);
  --shadow-s2-down-pri:
    0px 4px 16px 4px rgba(var(--shadow-pri-raw), 0.03),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.02),
    0px 2px 4px -4px rgba(var(--shadow-pri-raw), 0.02);
  --shadow-s3-down-pri:
    0px 6px 18px 6px rgba(var(--shadow-pri-raw), 0.03),
    0px 3px 6px -6px rgba(var(--shadow-pri-raw), 0.05),
    0px 4px 8px rgba(36, 91, 219, 0.03);
  --shadow-s4-down-pri:
    0px 8px 24px 8px rgba(var(--shadow-pri-raw), 0.04),
    0px 6px 12px rgba(var(--shadow-pri-raw), 0.04),
    0px 4px 8px -8px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s5-down-pri:
    0px 10px 36px 10px rgba(var(--shadow-pri-raw), 0.04),
    0px 8px 24px rgba(var(--shadow-pri-raw), 0.04),
    0px 6px 12px -10px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-sm-down: 0px 4px 8px var(--shadow-default-sm);
  --shadow-sm-left: -4px 0px 8px var(--shadow-default-sm);
  --shadow-sm-right: 4px 0px 8px var(--shadow-default-sm);
  --shadow-sm-up: 0px -4px 8px var(--shadow-default-sm);
  --text-link-hover: var(--B400);
  --text-link-hover-raw: var(--B400-raw);
  --text-link-normal: var(--B500);
  --text-link-normal-raw: var(--B500-raw);
  --text-link-pressed: var(--B600);
  --text-link-pressed-raw: var(--B600-raw);
  --udtoken-block-view-inline-bg-nopermission: rgba(var(--N900-raw), 0.1);
  --udtoken-block-view-inline-bg-other: rgba(var(--primary-pri-300-raw), 0.18);
  --udtoken-block-view-inline-bg-self: var(--primary-pri-600);
  --udtoken-btn-ghost-bg: rgba(var(--N00-raw), 0);
  --udtoken-btn-pri-text-disabled: var(--static-white);
  --udtoken-btn-se-bg-danger-focus: var(--function-danger-fill-solid-02);
  --udtoken-btn-se-bg-danger-hover: var(--function-danger-fill-solid-02);
  --udtoken-btn-se-bg-danger-pressed: var(--function-danger-fill-solid-03);
  --udtoken-btn-se-bg-neutral-focus: var(--N100);
  --udtoken-btn-se-bg-neutral-hover: var(--N100);
  --udtoken-btn-se-bg-neutral-pressed: var(--N200);
  --udtoken-btn-se-bg-pri-focus: var(--primary-fill-solid-02);
  --udtoken-btn-se-bg-pri-hover: var(--primary-fill-solid-02);
  --udtoken-btn-se-bg-pri-pressed: var(--primary-fill-solid-03);
  --udtoken-btn-selected-bg-danger-hover: var(--function-danger-fill-solid-02);
  --udtoken-btn-selected-bg-danger-normal: var(--function-danger-fill-solid-01);
  --udtoken-btn-selected-bg-danger-press: var(--function-danger-fill-solid-03);
  --udtoken-btn-selected-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-selected-bg-neutral-normal: rgba(var(--N900-raw), 0.06);
  --udtoken-btn-selected-bg-neutral-press: rgba(var(--N900-raw), 0.14);
  --udtoken-btn-selected-bg-success-hover: var(
    --function-success-fill-solid-02
  );
  --udtoken-btn-selected-bg-success-normal: var(
    --function-success-fill-solid-01
  );
  --udtoken-btn-selected-bg-success-press: var(
    --function-success-fill-solid-03
  );
  --udtoken-btn-selected-border-neutral: var(--N400);
  --udtoken-btn-selected-text-danger: var(--R600);
  --udtoken-btn-selected-text-success: var(--G500);
  --udtoken-btn-text-bg-danger-focus: var(
    --function-danger-fill-transparent-01
  );
  --udtoken-btn-text-bg-danger-hover: var(
    --function-danger-fill-transparent-01
  );
  --udtoken-btn-text-bg-danger-pressed: var(
    --function-danger-fill-transparent-03
  );
  --udtoken-btn-text-bg-neutral-focus: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-text-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-text-bg-neutral-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-btn-text-bg-pri-focus: var(--primary-fill-transparent-01);
  --udtoken-btn-text-bg-pri-hover: var(--primary-fill-transparent-01);
  --udtoken-btn-text-bg-pri-pressed: var(--primary-fill-transparent-03);
  --udtoken-colorpicker-blue: var(--B500);
  --udtoken-colorpicker-carmine: var(--C400);
  --udtoken-colorpicker-green: var(--G350);
  --udtoken-colorpicker-indigo: var(--I600);
  --udtoken-colorpicker-lime: var(--L300);
  --udtoken-colorpicker-neutral: var(--N500);
  --udtoken-colorpicker-orange: var(--O350);
  --udtoken-colorpicker-purple: var(--P600);
  --udtoken-colorpicker-red: var(--R400);
  --udtoken-colorpicker-sunflower: var(--S200);
  --udtoken-colorpicker-turquoise: var(--T300);
  --udtoken-colorpicker-violet: var(--V500);
  --udtoken-colorpicker-wathet: var(--W300);
  --udtoken-colorpicker-yellow: var(--Y350);
  --udtoken-component-bg-bottom-mask: linear-gradient(
    to bottom,
    rgba(var(--N00-raw), 0) 0%,
    var(--N00) 100%
  );
  --udtoken-component-bg-left-mask: linear-gradient(
    to left,
    rgba(var(--N00-raw), 0) 0%,
    var(--N00) 100%
  );
  --udtoken-component-bg-right-mask: linear-gradient(
    to right,
    rgba(var(--N00-raw), 0) 0%,
    var(--N00) 100%
  );
  --udtoken-component-bg-top-mask: linear-gradient(
    to top,
    rgba(var(--N00-raw), 0) 0%,
    var(--N00) 100%
  );
  --udtoken-component-outlined-bg: var(--bg-body);
  --udtoken-component-text-disabled-loading: var(--N500);
  --udtoken-dropdown-button-divider: rgba(var(--N00-raw), 0.5);
  --udtoken-imageview-bg-mask: rgba(0, 0, 0, 0.55);
  --udtoken-imageview-icondisabled: hsla(0, 0%, 100%, 0.6);
  --udtoken-imageview-tooltips-bg: #505050;
  --udtoken-input-bg-disabled: var(--N200);
  --udtoken-message-card-bg-blue: var(--B100);
  --udtoken-message-card-bg-carmine: var(--C100);
  --udtoken-message-card-bg-green: var(--G100);
  --udtoken-message-card-bg-indigo: var(--I100);
  --udtoken-message-card-bg-light-neutral: var(--N100);
  --udtoken-message-card-bg-lime: var(--L100);
  --udtoken-message-card-bg-mask-general: rgba(var(--N00-raw), 0.5);
  --udtoken-message-card-bg-mask-special: rgba(var(--N00-raw), 0.2);
  --udtoken-message-card-bg-neutral: var(--N500);
  --udtoken-message-card-bg-orange: var(--O100);
  --udtoken-message-card-bg-purple: var(--P100);
  --udtoken-message-card-bg-red: var(--R100);
  --udtoken-message-card-bg-turquoise: var(--T100);
  --udtoken-message-card-bg-violet: var(--V100);
  --udtoken-message-card-bg-wathet: var(--W100);
  --udtoken-message-card-bg-yellow: var(--Y100);
  --udtoken-message-card-text-blue: var(--B600);
  --udtoken-message-card-text-carmine: var(--C600);
  --udtoken-message-card-text-green: var(--G600);
  --udtoken-message-card-text-indigo: var(--I600);
  --udtoken-message-card-text-lime: var(--L600);
  --udtoken-message-card-text-neutral: var(--N00);
  --udtoken-message-card-text-orange: var(--O500);
  --udtoken-message-card-text-purple: var(--P600);
  --udtoken-message-card-text-red: var(--R600);
  --udtoken-message-card-text-turquoise: var(--T600);
  --udtoken-message-card-text-violet: var(--V600);
  --udtoken-message-card-text-wathet: var(--W600);
  --udtoken-message-card-text-yellow: var(--Y500);
  --udtoken-navigation-bar-resize-handle: #4599ff;
  --udtoken-navigation-bar-tab-bg-black: #1c2435;
  --udtoken-navigation-bar-tab-bg-blue: #1b429c;
  --udtoken-navigation-bar-tab-bg-gray: #e5e5e9;
  --udtoken-progress-bg: var(--N300);
  --udtoken-quote-bar-bg: var(--N400);
  --udtoken-reaction-bg-grey: rgba(var(--N900-raw), 0.05);
  --udtoken-reaction-bg-grey-float: rgba(var(--N900-raw), 0.05);
  --udtoken-skeleton-bg: rgba(var(--N900-raw), 0.08);
  --udtoken-skeleton-fg: rgba(var(--N900-raw), 0.05);
  --udtoken-sliding-block-bg-disabled-loading: var(--N00);
  --udtoken-steps-bg-hover: var(--primary-fill-transparent-01);
  --udtoken-switch-handle-disabled: rgba(var(--static-white-raw), 0.6);
  --udtoken-tab-pri-bg: var(--primary-fill-transparent-03);
  --udtoken-tab-pri-text: var(--primary-content-default);
  --udtoken-tab-se-bg-unselected: rgba(var(--N900-raw), 0.1);
  --udtoken-table-bg-expand: var(--N100);
  --udtoken-table-bg-grey: var(--N50);
  --udtoken-table-bg-head: var(--N100);
  --udtoken-table-bg-hover: var(--N200);
  --udtoken-table-bg-pressed: var(--N300);
  --udtoken-table-bg-selected: var(--primary-fill-solid-01);
  --udtoken-tag-bg-blue: rgba(var(--B600-raw), 0.2);
  --udtoken-tag-bg-blue-default: rgba(var(--B600-raw), 0.12);
  --udtoken-tag-bg-blue-hover: rgba(var(--B600-raw), 0.3);
  --udtoken-tag-bg-blue-pressed: rgba(var(--B600-raw), 0.2);
  --udtoken-tag-bg-blue-solid: var(--B200);
  --udtoken-tag-bg-carmine: rgba(var(--C500-raw), 0.2);
  --udtoken-tag-bg-carmine-hover: rgba(var(--C500-raw), 0.3);
  --udtoken-tag-bg-carmine-solid: var(--C200);
  --udtoken-tag-bg-green: rgba(var(--G350-raw), 0.2);
  --udtoken-tag-bg-green-hover: rgba(var(--G350-raw), 0.3);
  --udtoken-tag-bg-green-solid: var(--G200);
  --udtoken-tag-bg-indigo: rgba(var(--I500-raw), 0.2);
  --udtoken-tag-bg-indigo-hover: rgba(var(--I500-raw), 0.3);
  --udtoken-tag-bg-indigo-solid: var(--I200);
  --udtoken-tag-bg-lime: rgba(var(--L350-raw), 0.2);
  --udtoken-tag-bg-lime-hover: rgba(var(--L350-raw), 0.3);
  --udtoken-tag-bg-lime-solid: var(--L200);
  --udtoken-tag-bg-orange: rgba(var(--O350-raw), 0.15);
  --udtoken-tag-bg-orange-hover: rgba(var(--O350-raw), 0.3);
  --udtoken-tag-bg-orange-pressed: rgba(var(--O350-raw), 0.35);
  --udtoken-tag-bg-orange-solid: var(--O200);
  --udtoken-tag-bg-purple: rgba(var(--P500-raw), 0.2);
  --udtoken-tag-bg-purple-hover: rgba(var(--P500-raw), 0.3);
  --udtoken-tag-bg-purple-solid: var(--P200);
  --udtoken-tag-bg-red: rgba(var(--R400-raw), 0.2);
  --udtoken-tag-bg-red-hover: rgba(var(--R400-raw), 0.3);
  --udtoken-tag-bg-red-solid: var(--R200);
  --udtoken-tag-bg-turquoise: rgba(var(--T300-raw), 0.2);
  --udtoken-tag-bg-turquoise-hover: rgba(var(--T300-raw), 0.3);
  --udtoken-tag-bg-turquoise-solid: var(--T200);
  --udtoken-tag-bg-violet: rgba(var(--V500-raw), 0.2);
  --udtoken-tag-bg-violet-hover: rgba(var(--V500-raw), 0.3);
  --udtoken-tag-bg-violet-solid: var(--V200);
  --udtoken-tag-bg-wathet: rgba(var(--W300-raw), 0.2);
  --udtoken-tag-bg-wathet-hover: rgba(var(--W300-raw), 0.3);
  --udtoken-tag-bg-wathet-solid: var(--W200);
  --udtoken-tag-bg-yellow: rgba(var(--Y300-raw), 0.2);
  --udtoken-tag-bg-yellow-hover: rgba(var(--Y300-raw), 0.4);
  --udtoken-tag-bg-yellow-solid: var(--Y200);
  --udtoken-tag-close-blue-disabled: rgba(var(--B600-raw), 0.8);
  --udtoken-tag-close-blue-hover: var(--B600);
  --udtoken-tag-close-blue-normal: rgba(var(--B600-raw), 0.6);
  --udtoken-tag-close-blue-pressed: rgba(var(--B600-raw), 0.8);
  --udtoken-tag-close-orange-disabled: rgba(var(--O350-raw), 0.3);
  --udtoken-tag-close-orange-hover: var(--O350);
  --udtoken-tag-close-orange-normal: rgba(var(--O350-raw), 0.6);
  --udtoken-tag-close-orange-pressed: rgba(var(--O350-raw), 0.8);
  --udtoken-tag-neutral-bg-inverse: var(--N500);
  --udtoken-tag-neutral-bg-inverse-opacity: rgba(var(--N900-raw), 0.4);
  --udtoken-tag-neutral-bg-normal: rgba(var(--N900-raw), 0.1);
  --udtoken-tag-neutral-bg-normal-hover: rgba(var(--N900-raw), 0.15);
  --udtoken-tag-neutral-bg-normal-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-tag-neutral-bg-solid: var(--N200);
  --udtoken-tag-neutral-close-disabled: rgba(var(--text-title-raw), 0.3);
  --udtoken-tag-neutral-close-hover: var(--text-title);
  --udtoken-tag-neutral-close-normal: rgba(var(--text-title-raw), 0.6);
  --udtoken-tag-neutral-close-pressed: rgba(var(--text-title-raw), 0.8);
  --udtoken-tag-neutral-text-inverse: var(--N00);
  --udtoken-tag-neutral-text-inverse-opacity: var(--N00);
  --udtoken-tag-neutral-text-normal: var(--N600);
  --udtoken-tag-neutral-text-solid: var(--N600);
  --udtoken-tag-state-blue-light: var(--B500);
  --udtoken-tag-state-green-light: var(--G500);
  --udtoken-tag-state-grey-light: var(--N500);
  --udtoken-tag-state-orange-light: var(--O350);
  --udtoken-tag-state-purple-light: var(--P500);
  --udtoken-tag-state-red-light: var(--R500);
  --udtoken-tag-text-blue: var(--B900);
  --udtoken-tag-text-carmine: var(--C900);
  --udtoken-tag-text-green: var(--G900);
  --udtoken-tag-text-indigo: var(--I900);
  --udtoken-tag-text-lime: var(--L900);
  --udtoken-tag-text-orange: var(--O900);
  --udtoken-tag-text-purple: var(--P900);
  --udtoken-tag-text-red: var(--R900);
  --udtoken-tag-text-s-blue: var(--B600);
  --udtoken-tag-text-s-carmine: var(--C600);
  --udtoken-tag-text-s-green: var(--G600);
  --udtoken-tag-text-s-indigo: var(--I600);
  --udtoken-tag-text-s-lime: var(--L600);
  --udtoken-tag-text-s-orange: var(--O500);
  --udtoken-tag-text-s-purple: var(--P600);
  --udtoken-tag-text-s-red: var(--R600);
  --udtoken-tag-text-s-turquoise: var(--T600);
  --udtoken-tag-text-s-violet: var(--V600);
  --udtoken-tag-text-s-wathet: var(--W600);
  --udtoken-tag-text-s-yellow: var(--Y500);
  --udtoken-tag-text-turquoise: var(--T900);
  --udtoken-tag-text-violet: var(--V900);
  --udtoken-tag-text-wathet: var(--W900);
  --udtoken-tag-text-yellow: var(--Y900);
  --udtoken-upload-bg-error: var(--N200);
  --udtoken-upload-mask-img: rgba(var(--N900-raw), 0.4);
  --udtoken-block-view-inline-bg-other: rgba(var(--primary-pri-300-raw), 0.35);
  --udtoken-btn-pri-text-disabled: rgba(var(--N900-raw), 0.3);
  --udtoken-btn-se-bg-danger-focus: var(--function-danger-fill-transparent-02);
  --udtoken-btn-se-bg-danger-hover: var(--function-danger-fill-transparent-02);
  --udtoken-btn-se-bg-danger-pressed: var(
    --function-danger-fill-transparent-03
  );
  --udtoken-btn-se-bg-neutral-focus: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-se-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-se-bg-neutral-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-btn-se-bg-pri-focus: var(--primary-fill-transparent-02);
  --udtoken-btn-se-bg-pri-hover: var(--primary-fill-transparent-02);
  --udtoken-btn-se-bg-pri-pressed: var(--primary-fill-transparent-03);
  --udtoken-btn-selected-bg-danger-hover: var(
    --function-danger-fill-transparent-03
  );
  --udtoken-btn-selected-bg-danger-normal: var(
    --function-danger-fill-transparent-01
  );
  --udtoken-btn-selected-bg-danger-press: var(
    --function-danger-fill-transparent-03
  );
  --udtoken-btn-selected-bg-neutral-hover: rgba(var(--N900-raw), 0.12);
  --udtoken-btn-selected-bg-neutral-normal: rgba(var(--N900-raw), 0.08);
  --udtoken-btn-selected-bg-neutral-press: rgba(var(--N900-raw), 0.16);
  --udtoken-btn-selected-bg-success-hover: var(
    --function-success-fill-transparent-02
  );
  --udtoken-btn-selected-bg-success-normal: var(
    --function-success-fill-transparent-01
  );
  --udtoken-btn-selected-bg-success-press: var(
    --function-success-fill-transparent-03
  );
  --udtoken-btn-selected-border-neutral: rgba(var(--N1000-raw), 0.5);
  --udtoken-btn-selected-text-danger: var(--R500);
  --udtoken-btn-text-bg-danger-focus: var(
    --function-danger-fill-transparent-02
  );
  --udtoken-btn-text-bg-danger-hover: var(
    --function-danger-fill-transparent-02
  );
  --udtoken-btn-text-bg-pri-focus: var(--primary-fill-transparent-02);
  --udtoken-btn-text-bg-pri-hover: var(--primary-fill-transparent-02);
  --udtoken-colorpicker-green: var(--G600);
  --udtoken-colorpicker-indigo: var(--I400);
  --udtoken-colorpicker-lime: var(--L700);
  --udtoken-colorpicker-orange: var(--O700);
  --udtoken-colorpicker-purple: var(--P400);
  --udtoken-colorpicker-red: var(--R500);
  --udtoken-colorpicker-sunflower: var(--S700);
  --udtoken-colorpicker-turquoise: var(--T700);
  --udtoken-colorpicker-wathet: var(--W700);
  --udtoken-colorpicker-yellow: var(--Y600);
  --udtoken-component-bg-bottom-mask: linear-gradient(
    to bottom,
    rgba(var(--N50-raw), 0) 0%,
    var(--N50) 100%
  );
  --udtoken-component-bg-left-mask: linear-gradient(
    to left,
    rgba(var(--N50-raw), 0) 0%,
    var(--N50) 100%
  );
  --udtoken-component-bg-right-mask: linear-gradient(
    to right,
    rgba(var(--N50-raw), 0) 0%,
    var(--N50) 100%
  );
  --udtoken-component-bg-top-mask: linear-gradient(
    to top,
    rgba(var(--N50-raw), 0) 0%,
    var(--N50) 100%
  );
  --udtoken-component-outlined-bg: rgba(var(--N00-raw), 0);
  --udtoken-dropdown-button-divider: var(--line-border-component);
  --udtoken-imageview-bg-mask: rgba(var(--N900-raw), 0.3);
  --udtoken-imageview-tooltips-bg: var(--N350);
  --udtoken-input-bg-disabled: rgba(var(--N900-raw), 0.12);
  --udtoken-message-card-bg-light-neutral: var(--N200);
  --udtoken-message-card-bg-mask-general: rgba(var(--N00-raw), 0.3);
  --udtoken-message-card-bg-mask-special: rgba(var(--N00-raw), 0.3);
  --udtoken-message-card-bg-neutral: var(--N300);
  --udtoken-message-card-text-blue: var(--B700);
  --udtoken-message-card-text-carmine: var(--C700);
  --udtoken-message-card-text-green: var(--G700);
  --udtoken-message-card-text-indigo: var(--I700);
  --udtoken-message-card-text-lime: var(--L700);
  --udtoken-message-card-text-neutral: var(--N650);
  --udtoken-message-card-text-orange: var(--O700);
  --udtoken-message-card-text-purple: var(--P700);
  --udtoken-message-card-text-red: var(--R700);
  --udtoken-message-card-text-turquoise: var(--T700);
  --udtoken-message-card-text-violet: var(--V700);
  --udtoken-message-card-text-wathet: var(--W700);
  --udtoken-message-card-text-yellow: var(--Y700);
  --udtoken-navigation-bar-tab-bg-black: #0d0e12;
  --udtoken-navigation-bar-tab-bg-blue: #141c2a;
  --udtoken-navigation-bar-tab-bg-gray: #242424;
  --udtoken-progress-bg: rgba(var(--N900-raw), 0.2);
  --udtoken-reaction-bg-grey: #101010;
  --udtoken-reaction-bg-grey-float: #1f1f1f;
  --udtoken-skeleton-bg: hsla(0, 0%, 94%, 0.08);
  --udtoken-skeleton-fg: hsla(0, 0%, 94%, 0.05);
  --udtoken-sliding-block-bg-disabled-loading: var(--N500);
  --udtoken-switch-handle-disabled: rgba(var(--static-white-raw), 0.3);
  --udtoken-tab-pri-bg: var(--primary-fill-solid-03);
  --udtoken-tab-se-bg-unselected: rgba(var(--N900-raw), 0.2);
  --udtoken-table-bg-expand: var(--N00);
  --udtoken-table-bg-grey: var(--N100);
  --udtoken-table-bg-head: var(--N200);
  --udtoken-table-bg-hover: var(--N300);
  --udtoken-table-bg-pressed: var(--N400);
  --udtoken-table-bg-selected: var(--primary-fill-solid-02);
  --udtoken-tag-bg-blue: rgba(var(--B500-raw), 0.2);
  --udtoken-tag-bg-blue-solid: var(--B100);
  --udtoken-tag-bg-carmine-solid: var(--C100);
  --udtoken-tag-bg-green: rgba(var(--G500-raw), 0.2);
  --udtoken-tag-bg-green-hover: rgba(var(--G500-raw), 0.3);
  --udtoken-tag-bg-green-solid: var(--G100);
  --udtoken-tag-bg-indigo-solid: var(--I100);
  --udtoken-tag-bg-lime: rgba(var(--L500-raw), 0.2);
  --udtoken-tag-bg-lime-hover: rgba(var(--L500-raw), 0.3);
  --udtoken-tag-bg-lime-solid: var(--L100);
  --udtoken-tag-bg-orange: rgba(var(--O500-raw), 0.2);
  --udtoken-tag-bg-orange-hover: rgba(var(--O500-raw), 0.3);
  --udtoken-tag-bg-orange-pressed: rgba(var(--O500-raw), 0.35);
  --udtoken-tag-bg-orange-solid: var(--O100);
  --udtoken-tag-bg-purple-solid: var(--P100);
  --udtoken-tag-bg-red-solid: var(--R100);
  --udtoken-tag-bg-turquoise: rgba(var(--T500-raw), 0.2);
  --udtoken-tag-bg-turquoise-hover: rgba(var(--T500-raw), 0.3);
  --udtoken-tag-bg-turquoise-solid: var(--T100);
  --udtoken-tag-bg-violet-solid: var(--V100);
  --udtoken-tag-bg-wathet: rgba(var(--W500-raw), 0.2);
  --udtoken-tag-bg-wathet-hover: rgba(var(--W500-raw), 0.3);
  --udtoken-tag-bg-wathet-solid: var(--W100);
  --udtoken-tag-bg-yellow: rgba(var(--Y400-raw), 0.15);
  --udtoken-tag-bg-yellow-hover: rgba(var(--Y500-raw), 0.3);
  --udtoken-tag-bg-yellow-solid: var(--Y100);
  --udtoken-tag-close-orange-disabled: rgba(var(--O500-raw), 0.3);
  --udtoken-tag-close-orange-hover: var(--O500);
  --udtoken-tag-close-orange-normal: rgba(var(--O500-raw), 0.6);
  --udtoken-tag-close-orange-pressed: rgba(var(--O500-raw), 0.8);
  --udtoken-tag-neutral-bg-inverse: var(--N400);
  --udtoken-tag-neutral-bg-normal: rgba(var(--N600-raw), 0.2);
  --udtoken-tag-neutral-bg-normal-hover: rgba(var(--N900-raw), 0.3);
  --udtoken-tag-neutral-bg-normal-pressed: rgba(var(--N900-raw), 0.4);
  --udtoken-tag-neutral-text-inverse: var(--N1000);
  --udtoken-tag-neutral-text-inverse-opacity: var(--N1000);
  --udtoken-tag-state-orange-light: var(--O500);
  --udtoken-tag-text-blue: var(--B700);
  --udtoken-tag-text-carmine: var(--C700);
  --udtoken-tag-text-green: var(--G700);
  --udtoken-tag-text-indigo: var(--I700);
  --udtoken-tag-text-lime: var(--L700);
  --udtoken-tag-text-orange: var(--O700);
  --udtoken-tag-text-purple: var(--P700);
  --udtoken-tag-text-red: var(--R700);
  --udtoken-tag-text-s-blue: var(--B700);
  --udtoken-tag-text-s-carmine: var(--C700);
  --udtoken-tag-text-s-green: var(--G700);
  --udtoken-tag-text-s-indigo: var(--I700);
  --udtoken-tag-text-s-lime: var(--L700);
  --udtoken-tag-text-s-orange: var(--O700);
  --udtoken-tag-text-s-purple: var(--P700);
  --udtoken-tag-text-s-red: var(--R700);
  --udtoken-tag-text-s-turquoise: var(--T700);
  --udtoken-tag-text-s-violet: var(--V700);
  --udtoken-tag-text-s-wathet: var(--W700);
  --udtoken-tag-text-s-yellow: var(--Y700);
  --udtoken-tag-text-turquoise: var(--T700);
  --udtoken-tag-text-violet: var(--V700);
  --udtoken-tag-text-wathet: var(--W700);
  --udtoken-tag-text-yellow: var(--Y700);
  --udtoken-upload-bg-error: rgba(var(--N900-raw), 0.12);
  --udtoken-upload-mask-img: rgba(0, 0, 0, 0.7);
  --B100: #173166;
  --B100-raw: 23, 49, 102;
  --B200: #194294;
  --B200-raw: 25, 66, 148;
  --B300: #2655b6;
  --B300-raw: 38, 85, 182;
  --B350: #275fce;
  --B350-raw: 39, 95, 206;
  --B400: #3370eb;
  --B400-raw: 51, 112, 235;
  --B50: #152340;
  --B50-raw: 21, 35, 64;
  --B500: #4c88ff;
  --B500-raw: 76, 136, 255;
  --B600: #75a4ff;
  --B600-raw: 117, 164, 255;
  --B700: #8fb4ff;
  --B700-raw: 143, 180, 255;
  --B800: #bdd2ff;
  --B800-raw: 189, 210, 255;
  --B900: #e0e9ff;
  --B900-raw: 224, 233, 255;
  --C100: #591c3f;
  --C100-raw: 89, 28, 63;
  --C200: #782b57;
  --C200-raw: 120, 43, 87;
  --C300: #94386c;
  --C300-raw: 148, 56, 108;
  --C350: #ab417d;
  --C350-raw: 171, 65, 125;
  --C400: #c24a8e;
  --C400-raw: 194, 74, 142;
  --C50: #3a182b;
  --C50-raw: 58, 24, 43;
  --C500: #db5ea4;
  --C500-raw: 219, 94, 164;
  --C600: #ed77ba;
  --C600-raw: 237, 119, 186;
  --C700: #fc94cf;
  --C700-raw: 252, 148, 207;
  --C800: #ffc2e5;
  --C800-raw: 255, 194, 229;
  --C900: #ffe0f2;
  --C900-raw: 255, 224, 242;
  --G100: #173b12;
  --G100-raw: 23, 59, 18;
  --G200: #21511a;
  --G200-raw: 33, 81, 26;
  --G300: #296621;
  --G300-raw: 41, 102, 33;
  --G350: #2f7526;
  --G350-raw: 47, 117, 38;
  --G400: #35872a;
  --G400-raw: 53, 135, 42;
  --G50: #0e2b0a;
  --G50-raw: 14, 43, 10;
  --G500: #419e34;
  --G500-raw: 65, 158, 52;
  --G600: #51ba43;
  --G600-raw: 81, 186, 67;
  --G700: #69cc5c;
  --G700-raw: 105, 204, 92;
  --G800: #99e490;
  --G800-raw: 153, 228, 144;
  --G900: #cbf5c6;
  --G900-raw: 203, 245, 198;
  --I100: #2a2d69;
  --I100-raw: 42, 45, 105;
  --I200: #373d90;
  --I200-raw: 55, 61, 144;
  --I300: #474fb8;
  --I300-raw: 71, 79, 184;
  --I350: #515ad6;
  --I350-raw: 81, 90, 214;
  --I400: #5e68e8;
  --I400-raw: 94, 104, 232;
  --I50: #1e204a;
  --I50-raw: 30, 32, 74;
  --I500: #7b83f7;
  --I500-raw: 123, 131, 247;
  --I600: #9499f7;
  --I600-raw: 148, 153, 247;
  --I700: #aaaff8;
  --I700-raw: 170, 175, 248;
  --I800: #cdd0f9;
  --I800-raw: 205, 208, 249;
  --I900: #e7e9fe;
  --I900-raw: 231, 233, 254;
  --L100: #303804;
  --L100-raw: 48, 56, 4;
  --L200: #404c06;
  --L200-raw: 64, 76, 6;
  --L300: #53610a;
  --L300-raw: 83, 97, 10;
  --L350: #5f700a;
  --L350-raw: 95, 112, 10;
  --L400: #6b7f05;
  --L400-raw: 107, 127, 5;
  --L50: #212702;
  --L50-raw: 33, 39, 2;
  --L500: #82990a;
  --L500-raw: 130, 153, 10;
  --L600: #93af04;
  --L600-raw: 147, 175, 4;
  --L700: #a6c313;
  --L700-raw: 166, 195, 19;
  --L800: #c2e12d;
  --L800-raw: 194, 225, 45;
  --L900: #e3f391;
  --L900-raw: 227, 243, 145;
  --N00: #0a0a0a;
  --N00-raw: 10, 10, 10;
  --N100: #292929;
  --N100-raw: 41, 41, 41;
  --N1000: #ffffff;
  --N1000-raw: 255, 255, 255;
  --N200: #373737;
  --N200-raw: 55, 55, 55;
  --N300: #434343;
  --N300-raw: 67, 67, 67;
  --N350: #505050;
  --N350-raw: 80, 80, 80;
  --N400: #5f5f5f;
  --N400-raw: 95, 95, 95;
  --N50: #1a1a1a;
  --N50-raw: 26, 26, 26;
  --N500: #757575;
  --N500-raw: 117, 117, 117;
  --N600: #a6a6a6;
  --N600-raw: 166, 166, 166;
  --N650: #cfcfcf;
  --N650-raw: 207, 207, 207;
  --N700: #e0e0e0;
  --N700-raw: 224, 224, 224;
  --N800: #e8e8e8;
  --N800-raw: 232, 232, 232;
  --N900: #ebebeb;
  --N900-raw: 235, 235, 235;
  --N950: #f8f8f8;
  --N950-raw: 248, 248, 248;
  --O100: #4a2b10;
  --O100-raw: 74, 43, 16;
  --O200: #683a12;
  --O200-raw: 104, 58, 18;
  --O300: #8a4a19;
  --O300-raw: 138, 74, 25;
  --O350: #a15317;
  --O350-raw: 161, 83, 23;
  --O400: #b85e1a;
  --O400-raw: 184, 94, 26;
  --O50: #33210b;
  --O50-raw: 51, 33, 11;
  --O500: #db7018;
  --O500-raw: 219, 112, 24;
  --O600: #f3871b;
  --O600-raw: 243, 135, 27;
  --O700: #f89e44;
  --O700-raw: 248, 158, 68;
  --O800: #fec88b;
  --O800-raw: 254, 200, 139;
  --O900: #fee7cd;
  --O900-raw: 254, 231, 205;
  --P100: #3f2073;
  --P100-raw: 63, 32, 115;
  --P200: #5529a3;
  --P200-raw: 85, 41, 163;
  --P300: #6c39c6;
  --P300-raw: 108, 57, 198;
  --P350: #7c4ad4;
  --P350-raw: 124, 74, 212;
  --P400: #8c55ec;
  --P400-raw: 140, 85, 236;
  --P50: #2b194a;
  --P50-raw: 43, 25, 74;
  --P500: #a575fa;
  --P500-raw: 165, 117, 250;
  --P600: #b88ffe;
  --P600-raw: 184, 143, 254;
  --P700: #c5a3ff;
  --P700-raw: 197, 163, 255;
  --P800: #dbc8fd;
  --P800-raw: 219, 200, 253;
  --P900: #efe5ff;
  --P900-raw: 239, 229, 255;
  --R100: #591f1d;
  --R100-raw: 89, 31, 29;
  --R200: #7b2524;
  --R200-raw: 123, 37, 36;
  --R300: #a03331;
  --R300-raw: 160, 51, 49;
  --R350: #b33a37;
  --R350-raw: 179, 58, 55;
  --R400: #d14642;
  --R400-raw: 209, 70, 66;
  --R50: #3d1a19;
  --R50-raw: 61, 26, 25;
  --R500: #f05b56;
  --R500-raw: 240, 91, 86;
  --R600: #f6827e;
  --R600-raw: 246, 130, 126;
  --R700: #f89e9b;
  --R700-raw: 248, 158, 155;
  --R800: #fdc6c4;
  --R800-raw: 253, 198, 196;
  --R900: #fee3e2;
  --R900-raw: 254, 227, 226;
  --S100: #38320c;
  --S100-raw: 56, 50, 12;
  --S200: #574d01;
  --S200-raw: 87, 77, 1;
  --S300: #7a6a01;
  --S300-raw: 122, 106, 1;
  --S350: #9c8702;
  --S350-raw: 156, 135, 2;
  --S400: #c9b218;
  --S400-raw: 201, 178, 24;
  --S50: #29250a;
  --S50-raw: 41, 37, 10;
  --S500: #e5cd17;
  --S500-raw: 229, 205, 23;
  --S600: #f5df36;
  --S600-raw: 245, 223, 54;
  --S700: #f7e663;
  --S700-raw: 247, 230, 99;
  --S800: #faed7a;
  --S800-raw: 250, 237, 122;
  --S900: #fff59e;
  --S900-raw: 255, 245, 158;
  --T100: #173b36;
  --T100-raw: 23, 59, 54;
  --T200: #1d4e47;
  --T200-raw: 29, 78, 71;
  --T300: #25665e;
  --T300-raw: 37, 102, 94;
  --T350: #227369;
  --T350-raw: 34, 115, 105;
  --T400: #198578;
  --T400-raw: 25, 133, 120;
  --T50: #132926;
  --T50-raw: 19, 41, 38;
  --T500: #1fa18f;
  --T500-raw: 31, 161, 143;
  --T600: #1ab7a1;
  --T600-raw: 26, 183, 161;
  --T700: #17cfb5;
  --T700-raw: 23, 207, 181;
  --T800: #65e7d5;
  --T800-raw: 101, 231, 213;
  --T900: #b7f7ef;
  --T900-raw: 183, 247, 239;
  --V100: #541854;
  --V100-raw: 84, 24, 84;
  --V200: #712871;
  --V200-raw: 113, 40, 113;
  --V300: #8b378b;
  --V300-raw: 139, 55, 139;
  --V350: #a43da4;
  --V350-raw: 164, 61, 164;
  --V400: #b54ab5;
  --V400-raw: 181, 74, 181;
  --V50: #3b153b;
  --V50-raw: 59, 21, 59;
  --V500: #d661d6;
  --V500-raw: 214, 97, 214;
  --V600: #e17fe1;
  --V600-raw: 225, 127, 225;
  --V700: #e99be9;
  --V700-raw: 233, 155, 233;
  --V800: #f4c3f4;
  --V800-raw: 244, 195, 244;
  --V900: #fcdffc;
  --V900-raw: 252, 223, 252;
  --W100: #103647;
  --W100-raw: 16, 54, 71;
  --W200: #164359;
  --W200-raw: 22, 67, 89;
  --W300: #135a78;
  --W300-raw: 19, 90, 120;
  --W350: #146c91;
  --W350-raw: 20, 108, 145;
  --W400: #1a7fab;
  --W400-raw: 26, 127, 171;
  --W50: #152830;
  --W50-raw: 21, 40, 48;
  --W500: #1099cc;
  --W500-raw: 16, 153, 204;
  --W600: #25b2e5;
  --W600-raw: 37, 178, 229;
  --W700: #51c3f0;
  --W700-raw: 81, 195, 240;
  --W800: #89dffe;
  --W800-raw: 137, 223, 254;
  --W900: #c7f0ff;
  --W900-raw: 199, 240, 255;
  --Y100: #473409;
  --Y100-raw: 71, 52, 9;
  --Y200: #63470f;
  --Y200-raw: 99, 71, 15;
  --Y300: #8a6419;
  --Y300-raw: 138, 100, 25;
  --Y350: #ad7d15;
  --Y350-raw: 173, 125, 21;
  --Y400: #d49b0b;
  --Y400-raw: 212, 155, 11;
  --Y50: #30250a;
  --Y50-raw: 48, 37, 10;
  --Y500: #f0b622;
  --Y500-raw: 240, 182, 34;
  --Y600: #fbcb46;
  --Y600-raw: 251, 203, 70;
  --Y700: #fcd456;
  --Y700-raw: 252, 212, 86;
  --Y800: #ffde75;
  --Y800-raw: 255, 222, 117;
  --Y900: #ffeaa3;
  --Y900-raw: 255, 234, 163;
  --AI-cursor: var(--I600);
  --AI-cursor-raw: var(--I600-raw);
  --AI-dynamic-line: conic-gradient(
    from 45deg,
    var(--V400) 0%,
    var(--I600) 33.33333333%,
    var(--I600) 66.66666667%,
    var(--V400) 100%
  );
  --AI-icon-gradient: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--P400) 100%
  );
  --AI-icon-in-button: var(--I600);
  --AI-icon-in-button-raw: var(--I600-raw);
  --AI-loading: linear-gradient(to right, var(--I600) 0%, var(--V350) 100%);
  --AI-primary-content-default: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--V400) 100%
  );
  --AI-primary-content-hover: linear-gradient(
    to right,
    var(--I500) 0%,
    var(--V350) 100%
  );
  --AI-primary-content-loading: linear-gradient(
    to right,
    rgba(var(--I600-raw), 0.6) 0%,
    rgba(var(--V400-raw), 0.6) 100%
  );
  --AI-primary-content-pressed: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--V500) 100%
  );
  --AI-primary-fill-default: linear-gradient(
    to right,
    var(--I500) 0%,
    var(--V350) 100%
  );
  --AI-primary-fill-hover: linear-gradient(
    to right,
    var(--I400) 0%,
    var(--V300) 100%
  );
  --AI-primary-fill-loading: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.6) 0%,
    rgba(var(--V350-raw), 0.6) 100%
  );
  --AI-primary-fill-pressed: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--V400) 100%
  );
  --AI-primary-fill-solid-01: linear-gradient(
    to right,
    var(--I50) 0%,
    var(--V50) 100%
  );
  --AI-primary-fill-solid-02: linear-gradient(
    to right,
    var(--I100) 0%,
    var(--V100) 100%
  );
  --AI-primary-fill-solid-03: linear-gradient(
    to right,
    var(--I200) 0%,
    var(--V200) 100%
  );
  --AI-primary-fill-transparent-01: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.1) 0%,
    rgba(var(--V350-raw), 0.1) 100%
  );
  --AI-primary-fill-transparent-02: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.2) 0%,
    rgba(var(--V350-raw), 0.2) 100%
  );
  --AI-primary-fill-transparent-03: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.3) 0%,
    rgba(var(--V350-raw), 0.3) 100%
  );
  --AI-sendicon: linear-gradient(to right, var(--I600) 0%, var(--P400) 100%);
  --Aurora-bg-main: rgba(var(--B600-raw), 0.2);
  --Aurora-bg-reflection: rgba(var(--T350-raw), 0.1);
  --Aurora-bg-subordinate: rgba(var(--B500-raw), 0.2);
  --N00-10: rgba(var(--N00-raw), 0.1);
  --N00-15: rgba(var(--N00-raw), 0.15);
  --N00-20: rgba(var(--N00-raw), 0.2);
  --N00-30: rgba(var(--N00-raw), 0.3);
  --N00-40: rgba(var(--N00-raw), 0.4);
  --N00-5: rgba(var(--N00-raw), 0.05);
  --N00-50: rgba(var(--N00-raw), 0.5);
  --N00-60: rgba(var(--N00-raw), 0.6);
  --N00-70: rgba(var(--N00-raw), 0.7);
  --N00-80: rgba(var(--N00-raw), 0.8);
  --N00-90: rgba(var(--N00-raw), 0.9);
  --N900-10: rgba(var(--N900-raw), 0.1);
  --N900-15: rgba(var(--N900-raw), 0.15);
  --N900-20: rgba(var(--N900-raw), 0.2);
  --N900-30: rgba(var(--N900-raw), 0.3);
  --N900-40: rgba(var(--N900-raw), 0.4);
  --N900-5: rgba(var(--N900-raw), 0.05);
  --N900-50: rgba(var(--N900-raw), 0.5);
  --N900-60: rgba(var(--N900-raw), 0.6);
  --N900-70: rgba(var(--N900-raw), 0.7);
  --N900-80: rgba(var(--N900-raw), 0.8);
  --N900-90: rgba(var(--N900-raw), 0.9);
  --Vnext-bg-content-header: #fcfcfc;
  --Vnext-bg-content-header-raw: 252, 252, 252;
  --Vnext-bg-gradient: linear-gradient(
    180deg,
    rgba(var(--N00-raw), 0.05) 0%,
    rgba(var(--N600-raw), 0.05) 100%
  );
  --Vnext-bg-sub-navigation: rgba(245, 245, 245, 0.7);
  --Vnext-bg-sub-navigation-raw: 245, 245, 245;
  --Vnext-bg-thirdly-navigation: rgba(252, 252, 252, 0.9);
  --Vnext-bg-thirdly-navigation-raw: 252, 252, 252;
  --bg-base: var(--N100);
  --bg-base-raw: var(--N100-raw);
  --bg-body: var(--N00);
  --bg-body-raw: var(--N00-raw);
  --bg-body-overlay: var(--N50);
  --bg-body-overlay-raw: var(--N50-raw);
  --bg-content-base: #f8f9fa;
  --bg-content-base-raw: 248, 249, 250;
  --bg-filler: var(--N200);
  --bg-filler-raw: var(--N200-raw);
  --bg-float: var(--N00);
  --bg-float-raw: var(--N00-raw);
  --bg-float-base: var(--N100);
  --bg-float-base-raw: var(--N100-raw);
  --bg-float-overlay: var(--N50);
  --bg-float-overlay-raw: var(--N50-raw);
  --bg-float-push: rgba(var(--N00-raw), 0.8);
  --bg-mask: rgba(0, 0, 0, 0.55);
  --bg-pricolor: var(--primary-pri-400);
  --bg-pricolor-raw: var(--primary-pri-400-raw);
  --bg-sub-navigation: var(--bg-body-overlay);
  --bg-sub-navigation-raw: var(--bg-body-overlay-raw);
  --bg-text-selection: rgba(var(--primary-pri-600-raw), 0.3);
  --bg-tips: var(--N900);
  --bg-tips-raw: var(--N900-raw);
  --colorful-blue: var(--B500);
  --colorful-blue-raw: var(--B500-raw);
  --colorful-carmine: var(--C400);
  --colorful-carmine-raw: var(--C400-raw);
  --colorful-green: var(--G350);
  --colorful-green-raw: var(--G350-raw);
  --colorful-indigo: var(--I500);
  --colorful-indigo-raw: var(--I500-raw);
  --colorful-lime: var(--L350);
  --colorful-lime-raw: var(--L350-raw);
  --colorful-neutral: var(--N500);
  --colorful-neutral-raw: var(--N500-raw);
  --colorful-orange: var(--O350);
  --colorful-orange-raw: var(--O350-raw);
  --colorful-purple: var(--P500);
  --colorful-purple-raw: var(--P500-raw);
  --colorful-red: var(--R400);
  --colorful-red-raw: var(--R400-raw);
  --colorful-sunflower: var(--S350);
  --colorful-sunflower-raw: var(--S350-raw);
  --colorful-turquoise: var(--T350);
  --colorful-turquoise-raw: var(--T350-raw);
  --colorful-violet: var(--V500);
  --colorful-violet-raw: var(--V500-raw);
  --colorful-wathet: var(--W350);
  --colorful-wathet-raw: var(--W350-raw);
  --colorful-yellow: var(--Y350);
  --colorful-yellow-raw: var(--Y350-raw);
  --fill-active: var(--primary-fill-transparent-02);
  --fill-disabled: var(--N400);
  --fill-disabled-raw: var(--N400-raw);
  --fill-focus: rgba(var(--N900-raw), 0.12);
  --fill-hover: rgba(var(--N900-raw), 0.08);
  --fill-img-mask: rgba(var(--N00-raw), 0);
  --fill-loading-mask: rgba(var(--N00-raw), 0.6);
  --fill-pressed: rgba(var(--N900-raw), 0.12);
  --fill-selected: var(--primary-fill-transparent-01);
  --fill-tag: rgba(var(--N900-raw), 0.1);
  --function-danger-100: var(--R100);
  --function-danger-100-raw: var(--R100-raw);
  --function-danger-200: var(--R200);
  --function-danger-200-raw: var(--R200-raw);
  --function-danger-300: var(--R300);
  --function-danger-300-raw: var(--R300-raw);
  --function-danger-350: var(--R350);
  --function-danger-350-raw: var(--R350-raw);
  --function-danger-400: var(--R400);
  --function-danger-400-raw: var(--R400-raw);
  --function-danger-50: var(--R50);
  --function-danger-50-raw: var(--R50-raw);
  --function-danger-500: var(--R500);
  --function-danger-500-raw: var(--R500-raw);
  --function-danger-600: var(--R600);
  --function-danger-600-raw: var(--R600-raw);
  --function-danger-700: var(--R700);
  --function-danger-700-raw: var(--R700-raw);
  --function-danger-800: var(--R800);
  --function-danger-800-raw: var(--R800-raw);
  --function-danger-900: var(--R900);
  --function-danger-900-raw: var(--R900-raw);
  --function-danger-content-default: var(--function-danger-400);
  --function-danger-content-default-raw: var(--function-danger-400-raw);
  --function-danger-content-hover: var(--function-danger-350);
  --function-danger-content-hover-raw: var(--function-danger-350-raw);
  --function-danger-content-loading: var(--function-danger-300);
  --function-danger-content-loading-raw: var(--function-danger-300-raw);
  --function-danger-content-pressed: var(--function-danger-500);
  --function-danger-content-pressed-raw: var(--function-danger-500-raw);
  --function-danger-fill-default: var(--function-danger-400);
  --function-danger-fill-default-raw: var(--function-danger-400-raw);
  --function-danger-fill-hover: var(--function-danger-350);
  --function-danger-fill-hover-raw: var(--function-danger-350-raw);
  --function-danger-fill-loading: var(--function-danger-300);
  --function-danger-fill-loading-raw: var(--function-danger-300-raw);
  --function-danger-fill-pressed: var(--function-danger-500);
  --function-danger-fill-pressed-raw: var(--function-danger-500-raw);
  --function-danger-fill-solid-01: var(--function-danger-50);
  --function-danger-fill-solid-01-raw: var(--function-danger-50-raw);
  --function-danger-fill-solid-02: var(--function-danger-100);
  --function-danger-fill-solid-02-raw: var(--function-danger-100-raw);
  --function-danger-fill-solid-03: var(--function-danger-200);
  --function-danger-fill-solid-03-raw: var(--function-danger-200-raw);
  --function-danger-fill-transparent-01: rgba(
    var(--function-danger-500-raw),
    0.1
  );
  --function-danger-fill-transparent-02: rgba(
    var(--function-danger-500-raw),
    0.15
  );
  --function-danger-fill-transparent-03: rgba(
    var(--function-danger-500-raw),
    0.2
  );
  --function-danger-on-danger-fill: var(--static-white);
  --function-danger-on-danger-fill-raw: var(--static-white-raw);
  --function-info-100: var(--B100);
  --function-info-100-raw: var(--B100-raw);
  --function-info-200: var(--B200);
  --function-info-200-raw: var(--B200-raw);
  --function-info-300: var(--B300);
  --function-info-300-raw: var(--B300-raw);
  --function-info-350: var(--B350);
  --function-info-350-raw: var(--B350-raw);
  --function-info-400: var(--B400);
  --function-info-400-raw: var(--B400-raw);
  --function-info-50: var(--B50);
  --function-info-50-raw: var(--B50-raw);
  --function-info-500: var(--B500);
  --function-info-500-raw: var(--B500-raw);
  --function-info-600: var(--B600);
  --function-info-600-raw: var(--B600-raw);
  --function-info-700: var(--B700);
  --function-info-700-raw: var(--B700-raw);
  --function-info-800: var(--B800);
  --function-info-800-raw: var(--B800-raw);
  --function-info-900: var(--B900);
  --function-info-900-raw: var(--B900-raw);
  --function-info-content-default: var(--function-info-600);
  --function-info-content-default-raw: var(--function-info-600-raw);
  --function-info-content-hover: var(--function-info-500);
  --function-info-content-hover-raw: var(--function-info-500-raw);
  --function-info-content-loading: var(--function-info-300);
  --function-info-content-loading-raw: var(--function-info-300-raw);
  --function-info-content-pressed: var(--function-info-700);
  --function-info-content-pressed-raw: var(--function-info-700-raw);
  --function-info-fill-default: var(--function-info-600);
  --function-info-fill-default-raw: var(--function-info-600-raw);
  --function-info-fill-hover: var(--function-info-500);
  --function-info-fill-hover-raw: var(--function-info-500-raw);
  --function-info-fill-loading: var(--function-info-300);
  --function-info-fill-loading-raw: var(--function-info-300-raw);
  --function-info-fill-pressed: var(--function-info-700);
  --function-info-fill-pressed-raw: var(--function-info-700-raw);
  --function-info-fill-solid-01: var(--function-info-50);
  --function-info-fill-solid-01-raw: var(--function-info-50-raw);
  --function-info-fill-solid-02: var(--function-info-100);
  --function-info-fill-solid-02-raw: var(--function-info-100-raw);
  --function-info-fill-solid-03: var(--function-info-200);
  --function-info-fill-solid-03-raw: var(--function-info-200-raw);
  --function-info-fill-transparent-01: rgba(var(--function-info-600-raw), 0.1);
  --function-info-fill-transparent-02: rgba(var(--function-info-600-raw), 0.15);
  --function-info-fill-transparent-03: rgba(var(--function-info-600-raw), 0.2);
  --function-info-on-info-fill: var(--static-white);
  --function-info-on-info-fill-raw: var(--static-white-raw);
  --function-success-100: var(--G100);
  --function-success-100-raw: var(--G100-raw);
  --function-success-200: var(--G200);
  --function-success-200-raw: var(--G200-raw);
  --function-success-300: var(--G300);
  --function-success-300-raw: var(--G300-raw);
  --function-success-350: var(--G350);
  --function-success-350-raw: var(--G350-raw);
  --function-success-400: var(--G400);
  --function-success-400-raw: var(--G400-raw);
  --function-success-50: var(--G50);
  --function-success-50-raw: var(--G50-raw);
  --function-success-500: var(--G500);
  --function-success-500-raw: var(--G500-raw);
  --function-success-600: var(--G600);
  --function-success-600-raw: var(--G600-raw);
  --function-success-700: var(--G700);
  --function-success-700-raw: var(--G700-raw);
  --function-success-800: var(--G800);
  --function-success-800-raw: var(--G800-raw);
  --function-success-900: var(--G900);
  --function-success-900-raw: var(--G900-raw);
  --function-success-content-default: var(--function-success-400);
  --function-success-content-default-raw: var(--function-success-400-raw);
  --function-success-content-hover: var(--function-success-350);
  --function-success-content-hover-raw: var(--function-success-350-raw);
  --function-success-content-loading: var(--function-success-300);
  --function-success-content-loading-raw: var(--function-success-300-raw);
  --function-success-content-pressed: var(--function-success-500);
  --function-success-content-pressed-raw: var(--function-success-500-raw);
  --function-success-fill-default: var(--function-success-350);
  --function-success-fill-default-raw: var(--function-success-350-raw);
  --function-success-fill-hover: var(--function-success-300);
  --function-success-fill-hover-raw: var(--function-success-300-raw);
  --function-success-fill-loading: var(--function-success-300);
  --function-success-fill-loading-raw: var(--function-success-300-raw);
  --function-success-fill-pressed: var(--function-success-400);
  --function-success-fill-pressed-raw: var(--function-success-400-raw);
  --function-success-fill-solid-01: var(--function-success-50);
  --function-success-fill-solid-01-raw: var(--function-success-50-raw);
  --function-success-fill-solid-02: var(--function-success-100);
  --function-success-fill-solid-02-raw: var(--function-success-100-raw);
  --function-success-fill-solid-03: var(--function-success-200);
  --function-success-fill-solid-03-raw: var(--function-success-200-raw);
  --function-success-fill-transparent-01: rgba(
    var(--function-success-350-raw),
    0.1
  );
  --function-success-fill-transparent-02: rgba(
    var(--function-success-350-raw),
    0.15
  );
  --function-success-fill-transparent-03: rgba(
    var(--function-success-350-raw),
    0.2
  );
  --function-success-on-success-fill: var(--static-white);
  --function-success-on-success-fill-raw: var(--static-white-raw);
  --function-warning-100: var(--O100);
  --function-warning-100-raw: var(--O100-raw);
  --function-warning-200: var(--O200);
  --function-warning-200-raw: var(--O200-raw);
  --function-warning-300: var(--O300);
  --function-warning-300-raw: var(--O300-raw);
  --function-warning-350: var(--O350);
  --function-warning-350-raw: var(--O350-raw);
  --function-warning-400: var(--O400);
  --function-warning-400-raw: var(--O400-raw);
  --function-warning-50: var(--O50);
  --function-warning-50-raw: var(--O50-raw);
  --function-warning-500: var(--O500);
  --function-warning-500-raw: var(--O500-raw);
  --function-warning-600: var(--O600);
  --function-warning-600-raw: var(--O600-raw);
  --function-warning-700: var(--O700);
  --function-warning-700-raw: var(--O700-raw);
  --function-warning-800: var(--O800);
  --function-warning-800-raw: var(--O800-raw);
  --function-warning-900: var(--O900);
  --function-warning-900-raw: var(--O900-raw);
  --function-warning-content-default: var(--function-warning-400);
  --function-warning-content-default-raw: var(--function-warning-400-raw);
  --function-warning-content-hover: var(--function-warning-350);
  --function-warning-content-hover-raw: var(--function-warning-350-raw);
  --function-warning-content-loading: var(--function-warning-300);
  --function-warning-content-loading-raw: var(--function-warning-300-raw);
  --function-warning-content-pressed: var(--function-warning-500);
  --function-warning-content-pressed-raw: var(--function-warning-500-raw);
  --function-warning-fill-default: var(--function-warning-350);
  --function-warning-fill-default-raw: var(--function-warning-350-raw);
  --function-warning-fill-hover: var(--function-warning-300);
  --function-warning-fill-hover-raw: var(--function-warning-300-raw);
  --function-warning-fill-loading: var(--function-warning-300);
  --function-warning-fill-loading-raw: var(--function-warning-300-raw);
  --function-warning-fill-pressed: var(--function-warning-400);
  --function-warning-fill-pressed-raw: var(--function-warning-400-raw);
  --function-warning-fill-solid-01: var(--function-warning-50);
  --function-warning-fill-solid-01-raw: var(--function-warning-50-raw);
  --function-warning-fill-solid-02: var(--function-warning-100);
  --function-warning-fill-solid-02-raw: var(--function-warning-100-raw);
  --function-warning-fill-solid-03: var(--function-warning-200);
  --function-warning-fill-solid-03-raw: var(--function-warning-200-raw);
  --function-warning-fill-transparent-01: rgba(
    var(--function-warning-400-raw),
    0.1
  );
  --function-warning-fill-transparent-02: rgba(
    var(--function-warning-400-raw),
    0.15
  );
  --function-warning-fill-transparent-03: rgba(
    var(--function-warning-400-raw),
    0.2
  );
  --function-warning-on-warning-fill: var(--static-white);
  --function-warning-on-warning-fill-raw: var(--static-white-raw);
  --gradient-blue: linear-gradient(90deg, var(--B400) 0%, var(--B500) 100%);
  --gradient-carmine: linear-gradient(90deg, var(--C400) 0%, var(--C500) 100%);
  --gradient-green: linear-gradient(90deg, var(--G300) 0%, var(--G350) 100%);
  --gradient-indigo: linear-gradient(90deg, var(--I400) 0%, var(--I500) 100%);
  --gradient-lime: linear-gradient(90deg, var(--L200) 0%, var(--L300) 100%);
  --gradient-orange: linear-gradient(90deg, var(--O300) 0%, var(--O350) 100%);
  --gradient-purple: linear-gradient(90deg, var(--P400) 0%, var(--P500) 100%);
  --gradient-red: linear-gradient(90deg, var(--R350) 0%, var(--R400) 100%);
  --gradient-turquoise: linear-gradient(
    90deg,
    var(--T200) 0%,
    var(--T300) 100%
  );
  --gradient-violet: linear-gradient(90deg, var(--V350) 0%, var(--V400) 100%);
  --gradient-wathet: linear-gradient(90deg, var(--W300) 0%, var(--W350) 100%);
  --gradient-yellow: linear-gradient(90deg, var(--Y350) 0%, var(--Y400) 100%);
  --icon-disabled: var(--N400);
  --icon-disabled-raw: var(--N400-raw);
  --icon-n1: var(--N800);
  --icon-n1-raw: var(--N800-raw);
  --icon-n2: var(--N600);
  --icon-n2-raw: var(--N600-raw);
  --icon-n3: var(--N500);
  --icon-n3-raw: var(--N500-raw);
  --illustration-blue-a: var(--B900);
  --illustration-blue-a-raw: var(--B900-raw);
  --illustration-blue-b: var(--B900);
  --illustration-blue-b-raw: var(--B900-raw);
  --illustration-blue-c: var(--B900);
  --illustration-blue-c-raw: var(--B900-raw);
  --illustration-blue-d: var(--B900);
  --illustration-blue-d-raw: var(--B900-raw);
  --illustration-blue-e: var(--B500);
  --illustration-blue-e-raw: var(--B500-raw);
  --illustration-neutral-a: var(--N00);
  --illustration-neutral-a-raw: var(--N00-raw);
  --illustration-neutral-b: var(--N00);
  --illustration-neutral-b-raw: var(--N00-raw);
  --illustration-neutral-c: rgba(var(--N400-raw), 0.45);
  --illustration-neutral-d: var(--N500);
  --illustration-neutral-d-raw: var(--N500-raw);
  --illustration-orange: var(--O350);
  --illustration-orange-raw: var(--O350-raw);
  --illustration-red: var(--R400);
  --illustration-red-raw: var(--R400-raw);
  --illustration-static-black: var(--static-black);
  --illustration-static-black-raw: var(--static-black-raw);
  --illustration-static-white: var(--static-white);
  --illustration-static-white-raw: var(--static-white-raw);
  --illustration-turquoise: var(--T300);
  --illustration-turquoise-raw: var(--T300-raw);
  --illustration-wathet: var(--W300);
  --illustration-wathet-raw: var(--W300-raw);
  --illustration-yellow: var(--Y350);
  --illustration-yellow-raw: var(--Y350-raw);
  --inverse-primary-content-default: var(--B400);
  --inverse-primary-content-default-raw: var(--B400-raw);
  --inverse-primary-content-hover: var(--B350);
  --inverse-primary-content-hover-raw: var(--B350-raw);
  --inverse-primary-content-pressed: var(--B500);
  --inverse-primary-content-pressed-raw: var(--B500-raw);
  --line-border-card: var(--N300);
  --line-border-card-raw: var(--N300-raw);
  --line-border-component: var(--N350);
  --line-border-component-raw: var(--N350-raw);
  --line-divider-default: rgba(var(--N900-raw), 0.15);
  --line-divider-module: rgba(var(--N900-raw), 0.15);
  --primary-content-default: var(--primary-pri-600);
  --primary-content-default-raw: var(--primary-pri-600-raw);
  --primary-content-hover: var(--primary-pri-500);
  --primary-content-hover-raw: var(--primary-pri-500-raw);
  --primary-content-loading: var(--primary-pri-300);
  --primary-content-loading-raw: var(--primary-pri-300-raw);
  --primary-content-pressed: var(--primary-pri-700);
  --primary-content-pressed-raw: var(--primary-pri-700-raw);
  --primary-fill-default: var(--primary-pri-600);
  --primary-fill-default-raw: var(--primary-pri-600-raw);
  --primary-fill-hover: var(--primary-pri-500);
  --primary-fill-hover-raw: var(--primary-pri-500-raw);
  --primary-fill-loading: var(--primary-pri-300);
  --primary-fill-loading-raw: var(--primary-pri-300-raw);
  --primary-fill-pressed: var(--primary-pri-700);
  --primary-fill-pressed-raw: var(--primary-pri-700-raw);
  --primary-fill-solid-01: var(--primary-pri-50);
  --primary-fill-solid-01-raw: var(--primary-pri-50-raw);
  --primary-fill-solid-02: var(--primary-pri-100);
  --primary-fill-solid-02-raw: var(--primary-pri-100-raw);
  --primary-fill-solid-03: var(--primary-pri-200);
  --primary-fill-solid-03-raw: var(--primary-pri-200-raw);
  --primary-fill-transparent-01: rgba(var(--primary-pri-600-raw), 0.1);
  --primary-fill-transparent-02: rgba(var(--primary-pri-600-raw), 0.15);
  --primary-fill-transparent-03: rgba(var(--primary-pri-600-raw), 0.2);
  --primary-on-primary-fill: var(--static-white);
  --primary-on-primary-fill-raw: var(--static-white-raw);
  --primary-pri-100: var(--B100);
  --primary-pri-100-raw: var(--B100-raw);
  --primary-pri-200: var(--B200);
  --primary-pri-200-raw: var(--B200-raw);
  --primary-pri-300: var(--B300);
  --primary-pri-300-raw: var(--B300-raw);
  --primary-pri-350: var(--B350);
  --primary-pri-350-raw: var(--B350-raw);
  --primary-pri-400: var(--B400);
  --primary-pri-400-raw: var(--B400-raw);
  --primary-pri-50: var(--B50);
  --primary-pri-50-raw: var(--B50-raw);
  --primary-pri-500: var(--B500);
  --primary-pri-500-raw: var(--B500-raw);
  --primary-pri-600: var(--B600);
  --primary-pri-600-raw: var(--B600-raw);
  --primary-pri-700: var(--B700);
  --primary-pri-700-raw: var(--B700-raw);
  --primary-pri-800: var(--B800);
  --primary-pri-800-raw: var(--B800-raw);
  --primary-pri-900: var(--B900);
  --primary-pri-900-raw: var(--B900-raw);
  --shadow-default: var(--N900);
  --shadow-default-raw: var(--N900-raw);
  --shadow-default-lg: rgba(var(--N900-raw), 0.08);
  --shadow-default-md: rgba(var(--N900-raw), 0.1);
  --shadow-default-sm: rgba(var(--N900-raw), 0.12);
  --shadow-lg-down: 0px 6px 24px var(--shadow-default-lg);
  --shadow-lg-left: -6px 0px 24px var(--shadow-default-lg);
  --shadow-lg-right: 6px 0px 24px var(--shadow-default-lg);
  --shadow-lg-up: 0px -6px 24px var(--shadow-default-lg);
  --shadow-md-down: 0px 4px 8px var(--shadow-default-md);
  --shadow-md-left: -4px 0px 8px var(--shadow-default-md);
  --shadow-md-right: 4px 0px 8px var(--shadow-default-md);
  --shadow-md-up: 0px -4px 8px var(--shadow-default-md);
  --shadow-pri: var(--primary-pri-600);
  --shadow-pri-raw: var(--primary-pri-600-raw);
  --shadow-pri-lg: rgba(var(--primary-pri-600-raw), 0.24);
  --shadow-pri-lg-down: 0px 6px 24px var(--shadow-pri-lg);
  --shadow-pri-md: rgba(var(--primary-pri-600-raw), 0.24);
  --shadow-pri-md-down: 0px 4px 8px var(--shadow-pri-md);
  --shadow-s1-down:
    0px 1px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 4px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-down-pri:
    0px 1px 2px -2px rgba(var(--shadow-pri-raw), 0.12),
    0px 2px 4px rgba(var(--shadow-pri-raw), 0.04),
    0px 2px 8px 2px rgba(var(--shadow-pri-raw), 0.02);
  --shadow-s1-left:
    -1px 0px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 4px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-right:
    1px 0px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 4px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-up:
    0px -1px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 4px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-down:
    0px 4px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    0px 4px 8px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-down-pri:
    0px 2px 4px -4px rgba(var(--shadow-pri-raw), 0.12),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.04),
    0px 4px 16px 4px rgba(var(--shadow-pri-raw), 0.03);
  --shadow-s2-left:
    -4px 0px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    -4px 0px 8px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-right:
    4px 0px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    4px 0px 8px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-up:
    0px -4px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    0px -4px 8px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s3-down:
    0px 6px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    0px 3px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    0px 4px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-down-pri:
    0px 3px 6px -6px rgba(var(--shadow-pri-raw), 0.14),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.06),
    0px 6px 18px 6px rgba(var(--shadow-pri-raw), 0.04);
  --shadow-s3-left:
    -6px 0px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    -3px 0px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    -4px 0px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-right:
    6px 0px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    3px 0px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    4px 0px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-up:
    0px -6px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    0px -3px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    0px -4px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s4-down:
    0px 8px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    0px 6px 12px rgba(var(--shadow-default-raw), 0.04),
    0px 4px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-down-pri:
    0px 4px 8px -4px rgba(var(--shadow-pri-raw), 0.16),
    0px 6px 12px rgba(var(--shadow-pri-raw), 0.08),
    0px 8px 24px 8px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s4-left:
    -8px 0px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    -6px 0px 12px rgba(var(--shadow-default-raw), 0.04),
    -4px 0px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-right:
    8px 0px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    6px 0px 12px rgba(var(--shadow-default-raw), 0.04),
    4px 0px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-up:
    0px -8px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    0px -6px 12px rgba(var(--shadow-default-raw), 0.04),
    0px -4px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-down:
    0px 10px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    0px 8px 24px rgba(var(--shadow-default-raw), 0.04),
    0px 6px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-down-pri:
    0px 10px 12px -10px rgba(var(--shadow-pri-raw), 0.18),
    0px 8px 24px rgba(var(--shadow-pri-raw), 0.1),
    0px 10px 36px 10px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s5-left:
    -10px 0px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    -8px 0px 24px rgba(var(--shadow-default-raw), 0.04),
    -6px 0px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-right:
    10px 0px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    8px 0px 24px rgba(var(--shadow-default-raw), 0.04),
    6px 0px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-up:
    0px -10px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    0px -8px 24px rgba(var(--shadow-default-raw), 0.04),
    0px -6px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-sm-down: 0px 2px 4px var(--shadow-default-sm);
  --shadow-sm-left: -2px 0px 4px var(--shadow-default-sm);
  --shadow-sm-right: 2px 0px 4px var(--shadow-default-sm);
  --shadow-sm-up: 0px -2px 4px var(--shadow-default-sm);
  --static-black: #000000;
  --static-black-raw: 0, 0, 0;
  --static-black-10: rgba(0, 0, 0, 0.1);
  --static-black-15: rgba(0, 0, 0, 0.15);
  --static-black-20: rgba(0, 0, 0, 0.2);
  --static-black-30: rgba(0, 0, 0, 0.3);
  --static-black-40: rgba(0, 0, 0, 0.4);
  --static-black-5: rgba(0, 0, 0, 0.05);
  --static-black-50: rgba(0, 0, 0, 0.5);
  --static-black-60: rgba(0, 0, 0, 0.6);
  --static-black-70: rgba(0, 0, 0, 0.7);
  --static-black-80: rgba(0, 0, 0, 0.8);
  --static-black-90: rgba(0, 0, 0, 0.9);
  --static-white: #ffffff;
  --static-white-raw: 255, 255, 255;
  --static-white-10: rgba(255, 255, 255, 0.1);
  --static-white-15: rgba(255, 255, 255, 0.15);
  --static-white-20: rgba(255, 255, 255, 0.2);
  --static-white-30: rgba(255, 255, 255, 0.3);
  --static-white-40: rgba(255, 255, 255, 0.4);
  --static-white-5: rgba(255, 255, 255, 0.05);
  --static-white-50: rgba(255, 255, 255, 0.5);
  --static-white-60: rgba(255, 255, 255, 0.6);
  --static-white-70: rgba(255, 255, 255, 0.7);
  --static-white-80: rgba(255, 255, 255, 0.8);
  --static-white-90: rgba(255, 255, 255, 0.9);
  --static-white-hover: rgba(255, 255, 255, 0.1);
  --static-white-hover-raw: 255, 255, 255;
  --static-white-pressed: rgba(255, 255, 255, 0.2);
  --static-white-pressed-raw: 255, 255, 255;
  --text-caption: var(--N600);
  --text-caption-raw: var(--N600-raw);
  --text-disabled: var(--N400);
  --text-disabled-raw: var(--N400-raw);
  --text-link-disabled: var(--N400);
  --text-link-disabled-raw: var(--N400-raw);
  --text-link-hover: var(--B500);
  --text-link-hover-raw: var(--B500-raw);
  --text-link-loading: var(--B300);
  --text-link-loading-raw: var(--B300-raw);
  --text-link-normal: var(--B600);
  --text-link-normal-raw: var(--B600-raw);
  --text-link-pressed: var(--B700);
  --text-link-pressed-raw: var(--B700-raw);
  --text-placeholder: var(--N500);
  --text-placeholder-raw: var(--N500-raw);
  --text-title: var(--N900);
  --text-title-raw: var(--N900-raw);
  --AI-cursor: var(--I400);
  --AI-cursor-raw: var(--I400-raw);
  --AI-dynamic-line: conic-gradient(
    from 45deg,
    var(--V350) 0%,
    var(--I400) 33.33333333%,
    var(--I400) 66.66666667%,
    var(--V350) 100%
  );
  --AI-icon-gradient: linear-gradient(
    to right,
    var(--I500) 0%,
    var(--P400) 100%
  );
  --AI-icon-in-button: var(--I500);
  --AI-icon-in-button-raw: var(--I500-raw);
  --AI-loading: linear-gradient(to right, var(--I500) 0%, var(--V350) 100%);
  --AI-primary-content-default: linear-gradient(
    to right,
    var(--I500) 0%,
    var(--V400) 100%
  );
  --AI-primary-content-hover: linear-gradient(
    to right,
    var(--I400) 0%,
    var(--V350) 100%
  );
  --AI-primary-content-loading: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.6) 0%,
    rgba(var(--V400-raw), 0.6) 100%
  );
  --AI-primary-fill-default: linear-gradient(
    to right,
    var(--I400) 0%,
    var(--V300) 100%
  );
  --AI-primary-fill-hover: linear-gradient(
    to right,
    var(--I350) 0%,
    var(--V200) 100%
  );
  --AI-primary-fill-loading: linear-gradient(
    to right,
    rgba(var(--I400-raw), 0.6) 0%,
    rgba(var(--V300-raw), 0.6) 100%
  );
  --AI-primary-fill-pressed: linear-gradient(
    to right,
    var(--I500) 0%,
    var(--V350) 100%
  );
  --AI-primary-fill-transparent-01: linear-gradient(
    to right,
    rgba(var(--I400-raw), 0.15) 0%,
    rgba(var(--V350-raw), 0.15) 100%
  );
  --AI-primary-fill-transparent-02: linear-gradient(
    to right,
    rgba(var(--I400-raw), 0.25) 0%,
    rgba(var(--V350-raw), 0.25) 100%
  );
  --AI-primary-fill-transparent-03: linear-gradient(
    to right,
    rgba(var(--I400-raw), 0.35) 0%,
    rgba(var(--V350-raw), 0.35) 100%
  );
  --AI-sendicon: linear-gradient(to right, var(--I400) 0%, var(--P400) 100%);
  --Aurora-bg-main: rgba(var(--W500-raw), 0.2);
  --Aurora-bg-reflection: rgba(var(--P500-raw), 0.15);
  --Aurora-bg-subordinate: rgba(var(--W500-raw), 0.2);
  --Vnext-bg-content-header: #222222;
  --Vnext-bg-content-header-raw: 34, 34, 34;
  --Vnext-bg-gradient: linear-gradient(
    180deg,
    rgba(var(--N50-raw), 0.05) 0%,
    rgba(var(--N00-raw), 0.05) 100%
  );
  --Vnext-bg-sub-navigation: rgba(30, 30, 30, 0.5);
  --Vnext-bg-sub-navigation-raw: 30, 30, 30;
  --Vnext-bg-thirdly-navigation: rgba(26, 26, 26, 0.7);
  --Vnext-bg-thirdly-navigation-raw: 26, 26, 26;
  --bg-base: var(--N00);
  --bg-base-raw: var(--N00-raw);
  --bg-body: var(--N50);
  --bg-body-raw: var(--N50-raw);
  --bg-body-overlay: var(--N100);
  --bg-body-overlay-raw: var(--N100-raw);
  --bg-content-base: #121212;
  --bg-content-base-raw: 18, 18, 18;
  --bg-float: var(--N100);
  --bg-float-raw: var(--N100-raw);
  --bg-float-base: var(--N50);
  --bg-float-base-raw: var(--N50-raw);
  --bg-float-overlay: var(--N200);
  --bg-float-overlay-raw: var(--N200-raw);
  --bg-float-push: rgba(var(--N100-raw), 0.8);
  --bg-mask: rgba(0, 0, 0, 0.6);
  --bg-mask-raw: 0, 0, 0;
  --bg-sub-navigation: #262626;
  --bg-sub-navigation-raw: 38, 38, 38;
  --bg-tips: var(--N350);
  --bg-tips-raw: var(--N350-raw);
  --colorful-green: var(--G500);
  --colorful-green-raw: var(--G500-raw);
  --colorful-indigo: var(--I400);
  --colorful-indigo-raw: var(--I400-raw);
  --colorful-lime: var(--L600);
  --colorful-lime-raw: var(--L600-raw);
  --colorful-orange: var(--O600);
  --colorful-orange-raw: var(--O600-raw);
  --colorful-purple: var(--P400);
  --colorful-purple-raw: var(--P400-raw);
  --colorful-red: var(--R500);
  --colorful-red-raw: var(--R500-raw);
  --colorful-sunflower: var(--S500);
  --colorful-sunflower-raw: var(--S500-raw);
  --colorful-turquoise: var(--T500);
  --colorful-turquoise-raw: var(--T500-raw);
  --colorful-violet: var(--V400);
  --colorful-violet-raw: var(--V400-raw);
  --colorful-wathet: var(--W500);
  --colorful-wathet-raw: var(--W500-raw);
  --colorful-yellow: var(--Y500);
  --colorful-yellow-raw: var(--Y500-raw);
  --fill-img-mask: rgba(0, 0, 0, 0.12);
  --function-danger-content-default: var(--function-danger-500);
  --function-danger-content-default-raw: var(--function-danger-500-raw);
  --function-danger-content-hover: var(--function-danger-400);
  --function-danger-content-hover-raw: var(--function-danger-400-raw);
  --function-danger-content-pressed: var(--function-danger-600);
  --function-danger-content-pressed-raw: var(--function-danger-600-raw);
  --function-danger-fill-transparent-01: rgba(
    var(--function-danger-500-raw),
    0.15
  );
  --function-danger-fill-transparent-02: rgba(
    var(--function-danger-500-raw),
    0.2
  );
  --function-danger-fill-transparent-03: rgba(
    var(--function-danger-500-raw),
    0.3
  );
  --function-info-content-default: var(--function-info-500);
  --function-info-content-default-raw: var(--function-info-500-raw);
  --function-info-content-hover: var(--function-info-400);
  --function-info-content-hover-raw: var(--function-info-400-raw);
  --function-info-content-pressed: var(--function-info-600);
  --function-info-content-pressed-raw: var(--function-info-600-raw);
  --function-info-fill-default: var(--function-info-400);
  --function-info-fill-default-raw: var(--function-info-400-raw);
  --function-info-fill-hover: var(--function-info-350);
  --function-info-fill-hover-raw: var(--function-info-350-raw);
  --function-info-fill-pressed: var(--function-info-500);
  --function-info-fill-pressed-raw: var(--function-info-500-raw);
  --function-info-fill-transparent-01: rgba(var(--function-info-500-raw), 0.15);
  --function-info-fill-transparent-02: rgba(var(--function-info-500-raw), 0.2);
  --function-info-fill-transparent-03: rgba(var(--function-info-500-raw), 0.3);
  --function-success-content-default: var(--function-success-600);
  --function-success-content-default-raw: var(--function-success-600-raw);
  --function-success-content-hover: var(--function-success-500);
  --function-success-content-hover-raw: var(--function-success-500-raw);
  --function-success-content-pressed: var(--function-success-700);
  --function-success-content-pressed-raw: var(--function-success-700-raw);
  --function-success-fill-default: var(--function-success-500);
  --function-success-fill-default-raw: var(--function-success-500-raw);
  --function-success-fill-hover: var(--function-success-400);
  --function-success-fill-hover-raw: var(--function-success-400-raw);
  --function-success-fill-pressed: var(--function-success-600);
  --function-success-fill-pressed-raw: var(--function-success-600-raw);
  --function-success-fill-transparent-01: rgba(
    var(--function-success-500-raw),
    0.15
  );
  --function-success-fill-transparent-02: rgba(
    var(--function-success-500-raw),
    0.2
  );
  --function-success-fill-transparent-03: rgba(
    var(--function-success-500-raw),
    0.3
  );
  --function-warning-content-default: var(--function-warning-600);
  --function-warning-content-default-raw: var(--function-warning-600-raw);
  --function-warning-content-hover: var(--function-warning-500);
  --function-warning-content-hover-raw: var(--function-warning-500-raw);
  --function-warning-content-pressed: var(--function-warning-700);
  --function-warning-content-pressed-raw: var(--function-warning-700-raw);
  --function-warning-fill-default: var(--function-warning-600);
  --function-warning-fill-default-raw: var(--function-warning-600-raw);
  --function-warning-fill-hover: var(--function-warning-500);
  --function-warning-fill-hover-raw: var(--function-warning-500-raw);
  --function-warning-fill-pressed: var(--function-warning-700);
  --function-warning-fill-pressed-raw: var(--function-warning-700-raw);
  --function-warning-fill-transparent-01: rgba(
    var(--function-warning-600-raw),
    0.15
  );
  --function-warning-fill-transparent-02: rgba(
    var(--function-warning-600-raw),
    0.2
  );
  --function-warning-fill-transparent-03: rgba(
    var(--function-warning-600-raw),
    0.3
  );
  --gradient-blue: linear-gradient(90deg, var(--B400) 0%, var(--B350) 100%);
  --gradient-carmine: linear-gradient(90deg, var(--C500) 0%, var(--C400) 100%);
  --gradient-green: linear-gradient(90deg, var(--G500) 0%, var(--G400) 100%);
  --gradient-indigo: linear-gradient(90deg, var(--I400) 0%, var(--I350) 100%);
  --gradient-lime: linear-gradient(90deg, var(--L600) 0%, var(--L500) 100%);
  --gradient-orange: linear-gradient(90deg, var(--O600) 0%, var(--O500) 100%);
  --gradient-purple: linear-gradient(90deg, var(--P400) 0%, var(--P350) 100%);
  --gradient-red: linear-gradient(90deg, var(--R500) 0%, var(--R400) 100%);
  --gradient-turquoise: linear-gradient(
    90deg,
    var(--T600) 0%,
    var(--T500) 100%
  );
  --gradient-violet: linear-gradient(90deg, var(--V500) 0%, var(--V400) 100%);
  --gradient-wathet: linear-gradient(90deg, var(--W500) 0%, var(--W400) 100%);
  --gradient-yellow: linear-gradient(90deg, var(--Y500) 0%, var(--Y400) 100%);
  --illustration-blue-a: var(--N700);
  --illustration-blue-a-raw: var(--N700-raw);
  --illustration-blue-b: rgba(var(--static-white-raw), 0.4);
  --illustration-blue-b-raw: rgba(var(--static-white-raw), 0.4);
  --illustration-blue-c: var(--N400);
  --illustration-blue-c-raw: var(--N400-raw);
  --illustration-blue-d: var(--B300);
  --illustration-blue-d-raw: var(--B300-raw);
  --illustration-neutral-a: var(--N900);
  --illustration-neutral-a-raw: var(--N900-raw);
  --illustration-neutral-b: var(--N200);
  --illustration-neutral-b-raw: var(--N200-raw);
  --illustration-neutral-c: rgba(var(--static-white-raw), 0.3);
  --illustration-neutral-d: rgba(var(--static-white-raw), 0.4);
  --illustration-neutral-d-raw: rgba(var(--static-white-raw), 0.4);
  --illustration-orange: var(--O600);
  --illustration-orange-raw: var(--O600-raw);
  --illustration-red: var(--R500);
  --illustration-red-raw: var(--R500-raw);
  --illustration-turquoise: var(--T700);
  --illustration-turquoise-raw: var(--T700-raw);
  --illustration-wathet: var(--W700);
  --illustration-wathet-raw: var(--W700-raw);
  --illustration-yellow: var(--Y500);
  --illustration-yellow-raw: var(--Y500-raw);
  --inverse-primary-content-default: var(--B600);
  --inverse-primary-content-default-raw: var(--B600-raw);
  --inverse-primary-content-hover: var(--B700);
  --inverse-primary-content-hover-raw: var(--B700-raw);
  --line-border-card: rgba(var(--N900-raw), 0.15);
  --line-border-card-raw: rgba(var(--N900-raw), 0.15);
  --line-divider-default: rgba(var(--N650-raw), 0.15);
  --line-divider-module: var(--static-black);
  --primary-content-default: var(--primary-pri-500);
  --primary-content-default-raw: var(--primary-pri-500-raw);
  --primary-content-hover: var(--primary-pri-400);
  --primary-content-hover-raw: var(--primary-pri-400-raw);
  --primary-content-pressed: var(--primary-pri-600);
  --primary-content-pressed-raw: var(--primary-pri-600-raw);
  --primary-fill-default: var(--primary-pri-400);
  --primary-fill-default-raw: var(--primary-pri-400-raw);
  --primary-fill-hover: var(--primary-pri-350);
  --primary-fill-hover-raw: var(--primary-pri-350-raw);
  --primary-fill-pressed: var(--primary-pri-500);
  --primary-fill-pressed-raw: var(--primary-pri-500-raw);
  --primary-fill-transparent-01: rgba(var(--primary-pri-500-raw), 0.15);
  --primary-fill-transparent-02: rgba(var(--primary-pri-500-raw), 0.2);
  --primary-fill-transparent-03: rgba(var(--primary-pri-500-raw), 0.3);
  --shadow-default: #000000;
  --shadow-default-raw: 0, 0, 0;
  --shadow-default-lg: rgba(0, 0, 0, 0.24);
  --shadow-default-md: rgba(0, 0, 0, 0.28);
  --shadow-default-sm: rgba(0, 0, 0, 0.32);
  --shadow-lg-down: 0px 12px 48px var(--shadow-default-lg);
  --shadow-lg-left: -12px 0px 48px var(--shadow-default-lg);
  --shadow-lg-right: 12px 0px 48px var(--shadow-default-lg);
  --shadow-lg-up: 0px -12px 48px var(--shadow-default-lg);
  --shadow-md-down: 0px 8px 16px var(--shadow-default-md);
  --shadow-md-left: -8px 0px 16px var(--shadow-default-md);
  --shadow-md-right: 8px 0px 16px var(--shadow-default-md);
  --shadow-md-up: 0px -8px 16px var(--shadow-default-md);
  --shadow-pri: #245bdb;
  --shadow-pri-raw: 36, 91, 219;
  --shadow-pri-lg: rgba(var(--primary-pri-200-raw), 0.48);
  --shadow-pri-lg-down: 0px 12px 48px var(--shadow-pri-lg);
  --shadow-pri-md: rgba(var(--primary-pri-200-raw), 0.48);
  --shadow-pri-md-down: 0px 8px 16px var(--shadow-pri-md);
  --shadow-s1-down-pri:
    0px 1px 2px -2px rgba(var(--shadow-pri-raw), 0.02),
    0px 2px 4px rgba(var(--shadow-pri-raw), 0.02),
    0px 2px 8px 2px rgba(var(--shadow-pri-raw), 0.02);
  --shadow-s2-down-pri:
    0px 4px 16px 4px rgba(var(--shadow-pri-raw), 0.03),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.02),
    0px 2px 4px -4px rgba(var(--shadow-pri-raw), 0.02);
  --shadow-s3-down-pri:
    0px 6px 18px 6px rgba(var(--shadow-pri-raw), 0.03),
    0px 3px 6px -6px rgba(var(--shadow-pri-raw), 0.05),
    0px 4px 8px rgba(36, 91, 219, 0.03);
  --shadow-s4-down-pri:
    0px 8px 24px 8px rgba(var(--shadow-pri-raw), 0.04),
    0px 6px 12px rgba(var(--shadow-pri-raw), 0.04),
    0px 4px 8px -8px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s5-down-pri:
    0px 10px 36px 10px rgba(var(--shadow-pri-raw), 0.04),
    0px 8px 24px rgba(var(--shadow-pri-raw), 0.04),
    0px 6px 12px -10px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-sm-down: 0px 4px 8px var(--shadow-default-sm);
  --shadow-sm-left: -4px 0px 8px var(--shadow-default-sm);
  --shadow-sm-right: 4px 0px 8px var(--shadow-default-sm);
  --shadow-sm-up: 0px -4px 8px var(--shadow-default-sm);
  --text-link-hover: var(--B400);
  --text-link-hover-raw: var(--B400-raw);
  --text-link-normal: var(--B500);
  --text-link-normal-raw: var(--B500-raw);
  --text-link-pressed: var(--B600);
  --text-link-pressed-raw: var(--B600-raw);
  --udtoken-block-view-inline-bg-nopermission: rgba(var(--N900-raw), 0.1);
  --udtoken-block-view-inline-bg-other: rgba(var(--primary-pri-300-raw), 0.18);
  --udtoken-block-view-inline-bg-self: var(--primary-pri-600);
  --udtoken-btn-ghost-bg: rgba(var(--N00-raw), 0);
  --udtoken-btn-pri-text-disabled: var(--static-white);
  --udtoken-btn-se-bg-danger-focus: var(--function-danger-fill-solid-02);
  --udtoken-btn-se-bg-danger-hover: var(--function-danger-fill-solid-02);
  --udtoken-btn-se-bg-danger-pressed: var(--function-danger-fill-solid-03);
  --udtoken-btn-se-bg-neutral-focus: var(--N100);
  --udtoken-btn-se-bg-neutral-hover: var(--N100);
  --udtoken-btn-se-bg-neutral-pressed: var(--N200);
  --udtoken-btn-se-bg-pri-focus: var(--primary-fill-solid-02);
  --udtoken-btn-se-bg-pri-hover: var(--primary-fill-solid-02);
  --udtoken-btn-se-bg-pri-pressed: var(--primary-fill-solid-03);
  --udtoken-btn-selected-bg-danger-hover: var(--function-danger-fill-solid-02);
  --udtoken-btn-selected-bg-danger-normal: var(--function-danger-fill-solid-01);
  --udtoken-btn-selected-bg-danger-press: var(--function-danger-fill-solid-03);
  --udtoken-btn-selected-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-selected-bg-neutral-normal: rgba(var(--N900-raw), 0.06);
  --udtoken-btn-selected-bg-neutral-press: rgba(var(--N900-raw), 0.14);
  --udtoken-btn-selected-bg-success-hover: var(
    --function-success-fill-solid-02
  );
  --udtoken-btn-selected-bg-success-normal: var(
    --function-success-fill-solid-01
  );
  --udtoken-btn-selected-bg-success-press: var(
    --function-success-fill-solid-03
  );
  --udtoken-btn-selected-border-neutral: var(--N400);
  --udtoken-btn-selected-text-danger: var(--R600);
  --udtoken-btn-selected-text-success: var(--G500);
  --udtoken-btn-text-bg-danger-focus: var(
    --function-danger-fill-transparent-01
  );
  --udtoken-btn-text-bg-danger-hover: var(
    --function-danger-fill-transparent-01
  );
  --udtoken-btn-text-bg-danger-pressed: var(
    --function-danger-fill-transparent-03
  );
  --udtoken-btn-text-bg-neutral-focus: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-text-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-text-bg-neutral-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-btn-text-bg-pri-focus: var(--primary-fill-transparent-01);
  --udtoken-btn-text-bg-pri-hover: var(--primary-fill-transparent-01);
  --udtoken-btn-text-bg-pri-pressed: var(--primary-fill-transparent-03);
  --udtoken-colorpicker-blue: var(--B500);
  --udtoken-colorpicker-carmine: var(--C400);
  --udtoken-colorpicker-green: var(--G350);
  --udtoken-colorpicker-indigo: var(--I600);
  --udtoken-colorpicker-lime: var(--L300);
  --udtoken-colorpicker-neutral: var(--N500);
  --udtoken-colorpicker-orange: var(--O350);
  --udtoken-colorpicker-purple: var(--P600);
  --udtoken-colorpicker-red: var(--R400);
  --udtoken-colorpicker-sunflower: var(--S200);
  --udtoken-colorpicker-turquoise: var(--T300);
  --udtoken-colorpicker-violet: var(--V500);
  --udtoken-colorpicker-wathet: var(--W300);
  --udtoken-colorpicker-yellow: var(--Y350);
  --udtoken-component-bg-bottom-mask: linear-gradient(
    to bottom,
    rgba(var(--N00-raw), 0) 0%,
    var(--N00) 100%
  );
  --udtoken-component-bg-left-mask: linear-gradient(
    to left,
    rgba(var(--N00-raw), 0) 0%,
    var(--N00) 100%
  );
  --udtoken-component-bg-right-mask: linear-gradient(
    to right,
    rgba(var(--N00-raw), 0) 0%,
    var(--N00) 100%
  );
  --udtoken-component-bg-top-mask: linear-gradient(
    to top,
    rgba(var(--N00-raw), 0) 0%,
    var(--N00) 100%
  );
  --udtoken-component-outlined-bg: var(--bg-body);
  --udtoken-component-text-disabled-loading: var(--N500);
  --udtoken-dropdown-button-divider: rgba(var(--N00-raw), 0.5);
  --udtoken-imageview-bg-mask: rgba(0, 0, 0, 0.55);
  --udtoken-imageview-icondisabled: rgba(255, 255, 255, 0.6);
  --udtoken-imageview-tooltips-bg: #505050;
  --udtoken-input-bg-disabled: var(--N200);
  --udtoken-message-card-bg-blue: var(--B100);
  --udtoken-message-card-bg-carmine: var(--C100);
  --udtoken-message-card-bg-green: var(--G100);
  --udtoken-message-card-bg-indigo: var(--I100);
  --udtoken-message-card-bg-light-neutral: var(--N100);
  --udtoken-message-card-bg-lime: var(--L100);
  --udtoken-message-card-bg-mask-general: rgba(var(--N00-raw), 0.5);
  --udtoken-message-card-bg-mask-special: rgba(var(--N00-raw), 0.2);
  --udtoken-message-card-bg-neutral: var(--N500);
  --udtoken-message-card-bg-orange: var(--O100);
  --udtoken-message-card-bg-purple: var(--P100);
  --udtoken-message-card-bg-red: var(--R100);
  --udtoken-message-card-bg-turquoise: var(--T100);
  --udtoken-message-card-bg-violet: var(--V100);
  --udtoken-message-card-bg-wathet: var(--W100);
  --udtoken-message-card-bg-yellow: var(--Y100);
  --udtoken-message-card-text-blue: var(--B600);
  --udtoken-message-card-text-carmine: var(--C600);
  --udtoken-message-card-text-green: var(--G600);
  --udtoken-message-card-text-indigo: var(--I600);
  --udtoken-message-card-text-lime: var(--L600);
  --udtoken-message-card-text-neutral: var(--N00);
  --udtoken-message-card-text-orange: var(--O500);
  --udtoken-message-card-text-purple: var(--P600);
  --udtoken-message-card-text-red: var(--R600);
  --udtoken-message-card-text-turquoise: var(--T600);
  --udtoken-message-card-text-violet: var(--V600);
  --udtoken-message-card-text-wathet: var(--W600);
  --udtoken-message-card-text-yellow: var(--Y500);
  --udtoken-navigation-bar-resize-handle: #4599ff;
  --udtoken-navigation-bar-tab-bg-black: #1c2435;
  --udtoken-navigation-bar-tab-bg-blue: #1b429c;
  --udtoken-navigation-bar-tab-bg-gray: #e5e5e9;
  --udtoken-progress-bg: var(--N300);
  --udtoken-quote-bar-bg: var(--N400);
  --udtoken-reaction-bg-grey: rgba(var(--N900-raw), 0.05);
  --udtoken-reaction-bg-grey-float: rgba(var(--N900-raw), 0.05);
  --udtoken-skeleton-bg: rgba(var(--N900-raw), 0.08);
  --udtoken-skeleton-fg: rgba(var(--N900-raw), 0.05);
  --udtoken-sliding-block-bg-disabled-loading: var(--N00);
  --udtoken-steps-bg-hover: var(--primary-fill-transparent-01);
  --udtoken-switch-handle-disabled: rgba(var(--static-white-raw), 0.6);
  --udtoken-tab-pri-bg: var(--primary-fill-transparent-03);
  --udtoken-tab-pri-text: var(--primary-content-default);
  --udtoken-tab-se-bg-unselected: rgba(var(--N900-raw), 0.1);
  --udtoken-table-bg-expand: var(--N100);
  --udtoken-table-bg-grey: var(--N50);
  --udtoken-table-bg-head: var(--N100);
  --udtoken-table-bg-hover: var(--N200);
  --udtoken-table-bg-pressed: var(--N300);
  --udtoken-table-bg-selected: var(--primary-fill-solid-01);
  --udtoken-tag-bg-blue: rgba(var(--B600-raw), 0.2);
  --udtoken-tag-bg-blue-default: rgba(var(--B600-raw), 0.12);
  --udtoken-tag-bg-blue-hover: rgba(var(--B600-raw), 0.3);
  --udtoken-tag-bg-blue-pressed: rgba(var(--B600-raw), 0.2);
  --udtoken-tag-bg-blue-solid: var(--B200);
  --udtoken-tag-bg-carmine-solid: var(--C200);
  --udtoken-tag-bg-green: rgba(var(--G350-raw), 0.2);
  --udtoken-tag-bg-green-hover: rgba(var(--G350-raw), 0.3);
  --udtoken-tag-bg-green-solid: var(--G200);
  --udtoken-tag-bg-indigo-hover: rgba(var(--I500-raw), 0.3);
  --udtoken-tag-bg-indigo-solid: var(--I200);
  --udtoken-tag-bg-lime: rgba(var(--L350-raw), 0.2);
  --udtoken-tag-bg-lime-hover: rgba(var(--L350-raw), 0.3);
  --udtoken-tag-bg-lime-solid: var(--L200);
  --udtoken-tag-bg-orange: rgba(var(--O350-raw), 0.15);
  --udtoken-tag-bg-orange-hover: rgba(var(--O350-raw), 0.3);
  --udtoken-tag-bg-orange-pressed: rgba(var(--O350-raw), 0.35);
  --udtoken-tag-bg-orange-solid: var(--O200);
  --udtoken-tag-bg-purple-solid: var(--P200);
  --udtoken-tag-bg-red: rgba(var(--R400-raw), 0.2);
  --udtoken-tag-bg-red-hover: rgba(var(--R400-raw), 0.3);
  --udtoken-tag-bg-red-solid: var(--R200);
  --udtoken-tag-bg-turquoise: rgba(var(--T300-raw), 0.2);
  --udtoken-tag-bg-turquoise-hover: rgba(var(--T300-raw), 0.3);
  --udtoken-tag-bg-turquoise-solid: var(--T200);
  --udtoken-tag-bg-violet-solid: var(--V200);
  --udtoken-tag-bg-wathet: rgba(var(--W300-raw), 0.2);
  --udtoken-tag-bg-wathet-hover: rgba(var(--W300-raw), 0.3);
  --udtoken-tag-bg-wathet-solid: var(--W200);
  --udtoken-tag-bg-yellow: rgba(var(--Y300-raw), 0.2);
  --udtoken-tag-bg-yellow-hover: rgba(var(--Y300-raw), 0.4);
  --udtoken-tag-bg-yellow-solid: var(--Y200);
  --udtoken-tag-close-blue-disabled: rgba(var(--B600-raw), 0.8);
  --udtoken-tag-close-blue-hover: var(--B600);
  --udtoken-tag-close-blue-normal: rgba(var(--B600-raw), 0.6);
  --udtoken-tag-close-blue-pressed: rgba(var(--B600-raw), 0.8);
  --udtoken-tag-close-orange-disabled: rgba(var(--O350-raw), 0.3);
  --udtoken-tag-close-orange-hover: var(--O350);
  --udtoken-tag-close-orange-normal: rgba(var(--O350-raw), 0.6);
  --udtoken-tag-close-orange-pressed: rgba(var(--O350-raw), 0.8);
  --udtoken-tag-neutral-bg-inverse: var(--N500);
  --udtoken-tag-neutral-bg-inverse-opacity: rgba(var(--N900-raw), 0.4);
  --udtoken-tag-neutral-bg-normal: rgba(var(--N900-raw), 0.1);
  --udtoken-tag-neutral-bg-normal-hover: rgba(var(--N900-raw), 0.15);
  --udtoken-tag-neutral-bg-normal-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-tag-neutral-bg-solid: var(--N200);
  --udtoken-tag-neutral-close-disabled: rgba(var(--text-title-raw), 0.3);
  --udtoken-tag-neutral-close-hover: var(--text-title);
  --udtoken-tag-neutral-close-normal: rgba(var(--text-title-raw), 0.6);
  --udtoken-tag-neutral-close-pressed: rgba(var(--text-title-raw), 0.8);
  --udtoken-tag-neutral-text-inverse: var(--N00);
  --udtoken-tag-neutral-text-inverse-opacity: var(--N00);
  --udtoken-tag-neutral-text-normal: var(--N600);
  --udtoken-tag-neutral-text-solid: var(--N600);
  --udtoken-tag-state-blue-light: var(--B500);
  --udtoken-tag-state-green-light: var(--G500);
  --udtoken-tag-state-grey-light: var(--N500);
  --udtoken-tag-state-orange-light: var(--O350);
  --udtoken-tag-state-purple-light: var(--P500);
  --udtoken-tag-state-red-light: var(--R500);
  --udtoken-tag-text-blue: var(--B900);
  --udtoken-tag-text-carmine: var(--C900);
  --udtoken-tag-text-green: var(--G900);
  --udtoken-tag-text-indigo: var(--I900);
  --udtoken-tag-text-lime: var(--L900);
  --udtoken-tag-text-orange: var(--O900);
  --udtoken-tag-text-purple: var(--P900);
  --udtoken-tag-text-red: var(--R900);
  --udtoken-tag-text-s-blue: var(--B600);
  --udtoken-tag-text-s-carmine: var(--C600);
  --udtoken-tag-text-s-green: var(--G600);
  --udtoken-tag-text-s-indigo: var(--I600);
  --udtoken-tag-text-s-lime: var(--L600);
  --udtoken-tag-text-s-orange: var(--O500);
  --udtoken-tag-text-s-purple: var(--P600);
  --udtoken-tag-text-s-red: var(--R600);
  --udtoken-tag-text-s-turquoise: var(--T600);
  --udtoken-tag-text-s-violet: var(--V600);
  --udtoken-tag-text-s-wathet: var(--W600);
  --udtoken-tag-text-s-yellow: var(--Y500);
  --udtoken-tag-text-turquoise: var(--T900);
  --udtoken-tag-text-violet: var(--V900);
  --udtoken-tag-text-wathet: var(--W900);
  --udtoken-tag-text-yellow: var(--Y900);
  --udtoken-upload-bg-error: var(--N200);
  --udtoken-upload-mask-img: rgba(var(--N900-raw), 0.4);
  --udtoken-block-view-inline-bg-other: rgba(var(--primary-pri-300-raw), 0.35);
  --udtoken-btn-pri-text-disabled: rgba(var(--N900-raw), 0.3);
  --udtoken-btn-se-bg-danger-focus: var(--function-danger-fill-transparent-02);
  --udtoken-btn-se-bg-danger-hover: var(--function-danger-fill-transparent-02);
  --udtoken-btn-se-bg-danger-pressed: var(
    --function-danger-fill-transparent-03
  );
  --udtoken-btn-se-bg-neutral-focus: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-se-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-se-bg-neutral-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-btn-se-bg-pri-focus: var(--primary-fill-transparent-02);
  --udtoken-btn-se-bg-pri-hover: var(--primary-fill-transparent-02);
  --udtoken-btn-se-bg-pri-pressed: var(--primary-fill-transparent-03);
  --udtoken-btn-selected-bg-danger-hover: var(
    --function-danger-fill-transparent-03
  );
  --udtoken-btn-selected-bg-danger-normal: var(
    --function-danger-fill-transparent-01
  );
  --udtoken-btn-selected-bg-danger-press: var(
    --function-danger-fill-transparent-03
  );
  --udtoken-btn-selected-bg-neutral-hover: rgba(var(--N900-raw), 0.12);
  --udtoken-btn-selected-bg-neutral-normal: rgba(var(--N900-raw), 0.08);
  --udtoken-btn-selected-bg-neutral-press: rgba(var(--N900-raw), 0.16);
  --udtoken-btn-selected-bg-success-hover: var(
    --function-success-fill-transparent-02
  );
  --udtoken-btn-selected-bg-success-normal: var(
    --function-success-fill-transparent-01
  );
  --udtoken-btn-selected-bg-success-press: var(
    --function-success-fill-transparent-03
  );
  --udtoken-btn-selected-border-neutral: rgba(var(--N1000-raw), 0.5);
  --udtoken-btn-selected-text-danger: var(--R500);
  --udtoken-btn-text-bg-danger-focus: var(
    --function-danger-fill-transparent-02
  );
  --udtoken-btn-text-bg-danger-hover: var(
    --function-danger-fill-transparent-02
  );
  --udtoken-btn-text-bg-pri-focus: var(--primary-fill-transparent-02);
  --udtoken-btn-text-bg-pri-hover: var(--primary-fill-transparent-02);
  --udtoken-colorpicker-green: var(--G600);
  --udtoken-colorpicker-indigo: var(--I400);
  --udtoken-colorpicker-lime: var(--L700);
  --udtoken-colorpicker-orange: var(--O700);
  --udtoken-colorpicker-purple: var(--P400);
  --udtoken-colorpicker-red: var(--R500);
  --udtoken-colorpicker-sunflower: var(--S700);
  --udtoken-colorpicker-turquoise: var(--T700);
  --udtoken-colorpicker-wathet: var(--W700);
  --udtoken-colorpicker-yellow: var(--Y600);
  --udtoken-component-bg-bottom-mask: linear-gradient(
    to bottom,
    rgba(var(--N50-raw), 0) 0%,
    var(--N50) 100%
  );
  --udtoken-component-bg-left-mask: linear-gradient(
    to left,
    rgba(var(--N50-raw), 0) 0%,
    var(--N50) 100%
  );
  --udtoken-component-bg-right-mask: linear-gradient(
    to right,
    rgba(var(--N50-raw), 0) 0%,
    var(--N50) 100%
  );
  --udtoken-component-bg-top-mask: linear-gradient(
    to top,
    rgba(var(--N50-raw), 0) 0%,
    var(--N50) 100%
  );
  --udtoken-component-outlined-bg: rgba(var(--N00-raw), 0);
  --udtoken-dropdown-button-divider: var(--line-border-component);
  --udtoken-imageview-bg-mask: rgba(var(--N900-raw), 0.3);
  --udtoken-imageview-tooltips-bg: var(--N350);
  --udtoken-input-bg-disabled: rgba(var(--N900-raw), 0.12);
  --udtoken-message-card-bg-light-neutral: var(--N200);
  --udtoken-message-card-bg-mask-general: rgba(var(--N00-raw), 0.3);
  --udtoken-message-card-bg-mask-special: rgba(var(--N00-raw), 0.3);
  --udtoken-message-card-bg-neutral: var(--N300);
  --udtoken-message-card-text-blue: var(--B700);
  --udtoken-message-card-text-carmine: var(--C700);
  --udtoken-message-card-text-green: var(--G700);
  --udtoken-message-card-text-indigo: var(--I700);
  --udtoken-message-card-text-lime: var(--L700);
  --udtoken-message-card-text-neutral: var(--N650);
  --udtoken-message-card-text-orange: var(--O700);
  --udtoken-message-card-text-purple: var(--P700);
  --udtoken-message-card-text-red: var(--R700);
  --udtoken-message-card-text-turquoise: var(--T700);
  --udtoken-message-card-text-violet: var(--V700);
  --udtoken-message-card-text-wathet: var(--W700);
  --udtoken-message-card-text-yellow: var(--Y700);
  --udtoken-navigation-bar-tab-bg-black: #0d0e12;
  --udtoken-navigation-bar-tab-bg-blue: #141c2a;
  --udtoken-navigation-bar-tab-bg-gray: #242424;
  --udtoken-progress-bg: rgba(var(--N900-raw), 0.2);
  --udtoken-reaction-bg-grey: #101010;
  --udtoken-reaction-bg-grey-float: #1f1f1f;
  --udtoken-skeleton-bg: rgba(240, 240, 240, 0.08);
  --udtoken-skeleton-fg: rgba(240, 240, 240, 0.05);
  --udtoken-sliding-block-bg-disabled-loading: var(--N500);
  --udtoken-switch-handle-disabled: rgba(var(--static-white-raw), 0.3);
  --udtoken-tab-pri-bg: var(--primary-fill-solid-03);
  --udtoken-tab-se-bg-unselected: rgba(var(--N900-raw), 0.2);
  --udtoken-table-bg-expand: var(--N00);
  --udtoken-table-bg-grey: var(--N100);
  --udtoken-table-bg-head: var(--N200);
  --udtoken-table-bg-hover: var(--N300);
  --udtoken-table-bg-pressed: var(--N400);
  --udtoken-table-bg-selected: var(--primary-fill-solid-02);
  --udtoken-tag-bg-blue: rgba(var(--B500-raw), 0.2);
  --udtoken-tag-bg-blue-solid: var(--B100);
  --udtoken-tag-bg-carmine: rgba(var(--C500-raw), 0.2);
  --udtoken-tag-bg-carmine-hover: rgba(var(--C500-raw), 0.3);
  --udtoken-tag-bg-carmine-solid: var(--C100);
  --udtoken-tag-bg-green: rgba(var(--G500-raw), 0.2);
  --udtoken-tag-bg-green-hover: rgba(var(--G500-raw), 0.3);
  --udtoken-tag-bg-green-solid: var(--G100);
  --udtoken-tag-bg-indigo: rgba(var(--I500-raw), 0.2);
  --udtoken-tag-bg-indigo-solid: var(--I100);
  --udtoken-tag-bg-lime: rgba(var(--L500-raw), 0.2);
  --udtoken-tag-bg-lime-hover: rgba(var(--L500-raw), 0.3);
  --udtoken-tag-bg-lime-solid: var(--L100);
  --udtoken-tag-bg-orange: rgba(var(--O500-raw), 0.2);
  --udtoken-tag-bg-orange-hover: rgba(var(--O500-raw), 0.3);
  --udtoken-tag-bg-orange-pressed: rgba(var(--O500-raw), 0.35);
  --udtoken-tag-bg-orange-solid: var(--O100);
  --udtoken-tag-bg-purple: rgba(var(--P500-raw), 0.2);
  --udtoken-tag-bg-purple-hover: rgba(var(--P500-raw), 0.3);
  --udtoken-tag-bg-purple-solid: var(--P100);
  --udtoken-tag-bg-red-solid: var(--R100);
  --udtoken-tag-bg-turquoise: rgba(var(--T500-raw), 0.2);
  --udtoken-tag-bg-turquoise-hover: rgba(var(--T500-raw), 0.3);
  --udtoken-tag-bg-turquoise-solid: var(--T100);
  --udtoken-tag-bg-violet: rgba(var(--V500-raw), 0.2);
  --udtoken-tag-bg-violet-hover: rgba(var(--V500-raw), 0.3);
  --udtoken-tag-bg-violet-solid: var(--V100);
  --udtoken-tag-bg-wathet: rgba(var(--W500-raw), 0.2);
  --udtoken-tag-bg-wathet-hover: rgba(var(--W500-raw), 0.3);
  --udtoken-tag-bg-wathet-solid: var(--W100);
  --udtoken-tag-bg-yellow: rgba(var(--Y400-raw), 0.15);
  --udtoken-tag-bg-yellow-hover: rgba(var(--Y500-raw), 0.3);
  --udtoken-tag-bg-yellow-solid: var(--Y100);
  --udtoken-tag-close-orange-disabled: rgba(var(--O500-raw), 0.3);
  --udtoken-tag-close-orange-hover: var(--O500);
  --udtoken-tag-close-orange-normal: rgba(var(--O500-raw), 0.6);
  --udtoken-tag-close-orange-pressed: rgba(var(--O500-raw), 0.8);
  --udtoken-tag-neutral-bg-inverse: var(--N400);
  --udtoken-tag-neutral-bg-normal: rgba(var(--N600-raw), 0.2);
  --udtoken-tag-neutral-bg-normal-hover: rgba(var(--N900-raw), 0.3);
  --udtoken-tag-neutral-bg-normal-pressed: rgba(var(--N900-raw), 0.4);
  --udtoken-tag-neutral-text-inverse: var(--N1000);
  --udtoken-tag-neutral-text-inverse-opacity: var(--N1000);
  --udtoken-tag-state-orange-light: var(--O500);
  --udtoken-tag-text-blue: var(--B700);
  --udtoken-tag-text-carmine: var(--C700);
  --udtoken-tag-text-green: var(--G700);
  --udtoken-tag-text-indigo: var(--I700);
  --udtoken-tag-text-lime: var(--L700);
  --udtoken-tag-text-orange: var(--O700);
  --udtoken-tag-text-purple: var(--P700);
  --udtoken-tag-text-red: var(--R700);
  --udtoken-tag-text-s-blue: var(--B700);
  --udtoken-tag-text-s-carmine: var(--C700);
  --udtoken-tag-text-s-green: var(--G700);
  --udtoken-tag-text-s-indigo: var(--I700);
  --udtoken-tag-text-s-lime: var(--L700);
  --udtoken-tag-text-s-orange: var(--O700);
  --udtoken-tag-text-s-purple: var(--P700);
  --udtoken-tag-text-s-red: var(--R700);
  --udtoken-tag-text-s-turquoise: var(--T700);
  --udtoken-tag-text-s-violet: var(--V700);
  --udtoken-tag-text-s-wathet: var(--W700);
  --udtoken-tag-text-s-yellow: var(--Y700);
  --udtoken-tag-text-turquoise: var(--T700);
  --udtoken-tag-text-violet: var(--V700);
  --udtoken-tag-text-wathet: var(--W700);
  --udtoken-tag-text-yellow: var(--Y700);
  --udtoken-upload-bg-error: rgba(var(--N900-raw), 0.12);
  --udtoken-upload-mask-img: rgba(0, 0, 0, 0.7);
}
.hera-base_search-input .ud__input--size-xl,
.hera-base_search-input .ud__input--size-xl input {
  font-size: 16px;
  line-height: 24px;
}
.hera-base_search-input .ud__input--size-xl .ud__input-input-wrap {
  padding: 11px;
}
.hera-base_search-input .ud__input--size-xl .ud__input__addon-after,
.hera-base_search-input .ud__input--size-xl .ud__input__addon-before {
  box-sizing: border-box;
  line-height: 38px;
  padding: 0 12px;
}
.hera-base_search-input .ud__input--size-xl .ud__input__prefix > .universe-icon,
.hera-base_search-input
  .ud__input--size-xl
  .ud__input__suffix
  > .universe-icon {
  font-size: 20px;
}
.hera-base_search-input .ud__input--size-xl .ud__input__prefix .ud__button svg,
.hera-base_search-input .ud__input--size-xl .ud__input__suffix .ud__button svg {
  height: 20px;
  width: 20px;
}
.hera-base_search-input .ud__input--size-xl .ud__input__clear-icon svg {
  font-size: 20px;
}
.hera-base_search-input
  .ud__input--size-xl.ud__input--size-xl.ud__input-addon
  input {
  padding: 0 11px;
}
.hera-base_search-input .ud__input--size-xl .ud__button--icon {
  margin: -2px -4px;
}
.hera-base_search-input .ud__input--size-xl .ud__input__addon-after .ud__select,
.hera-base_search-input
  .ud__input--size-xl
  .ud__input__addon-before
  .ud__select {
  margin: -1px -13px;
}
.hera-base_search-dropdown .ud__select__list__item {
  padding: 6px 8px;
}
.hc_Svg--controlColor path[fill] {
  fill: currentColor;
  fill-opacity: 1;
}
.hc_Svg--controlColor path[stroke] {
  stroke: currentColor;
  stroke-opacity: 1;
}
@font-face {
  font-family: LarkChineseQuote;
  font-weight: 300;
  src: local("PingFangSC-Light");
  unicode-range: u+2018, u+2019, u+201a, u+201c, u+201d, u+201e;
}
@font-face {
  font-family: LarkChineseQuote;
  font-weight: 400;
  src: local("PingFangSC-Regular");
  unicode-range: u+2018, u+2019, u+201a, u+201c, u+201d, u+201e;
}
@font-face {
  font-family: LarkChineseQuote;
  font-weight: 500;
  src: local("PingFangSC-Medium");
  unicode-range: u+2018, u+2019, u+201a, u+201c, u+201d, u+201e;
}
@font-face {
  font-family: LarkChineseQuote;
  font-weight: 600;
  src: local("PingFangSC-Semibold");
  unicode-range: u+2018, u+2019, u+201a, u+201c, u+201d, u+201e;
}
@font-face {
  font-family: LarkEmojiFont;
  src: local("Apple Color Emoji"), local("Noto Color Emoji");
  unicode-range: u+1f21a, u+1f250, u+1f237, u+26a0;
}
@font-face {
  font-family: LarkHackSafariFont;
  src: local("Helvetica Neue");
  unicode-range: u+0000;
}
.ud-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(var(--N900-raw), 30%);
  -webkit-transition: background 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud-scrollbar::-webkit-scrollbar-corner,
.ud-scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}
.rc-virtual-list-scrollbar-thumb {
  box-sizing: border-box;
}
.rc-virtual-list-scrollbar-thumb:after {
  background-color: rgba(var(--N900-raw), 30%) !important;
  box-sizing: border-box;
  content: "\a0";
}
[type="search"] {
  -webkit-appearance: none;
  outline-offset: -2px;
}
.ud-slide-up-appear,
.ud-slide-up-enter,
.ud-slide-up-leave {
  animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud-slide-down-appear,
.ud-slide-down-enter,
.ud-slide-down-leave {
  animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud-slide-left-appear,
.ud-slide-left-enter,
.ud-slide-left-leave {
  animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud-slide-right-appear,
.ud-slide-right-enter,
.ud-slide-right-leave {
  animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
@keyframes udSlideUpIn {
  0% {
    opacity: 0;
    transform: translateY(-8px);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    transform-origin: 0 0;
  }
}
@keyframes udSlideUpOut {
  0% {
    opacity: 1;
    transform: translateY(0);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: translateY(-8px);
    transform-origin: 0 0;
  }
}
@keyframes udSlideDownIn {
  0% {
    opacity: 0;
    transform: translateY(8px);
    transform-origin: 100% 100%;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    transform-origin: 100% 100%;
  }
}
@keyframes udSlideDownOut {
  0% {
    opacity: 1;
    transform: translateY(0);
    transform-origin: 100% 100%;
  }
  to {
    opacity: 0;
    transform: translateY(8px);
    transform-origin: 100% 100%;
  }
}
@keyframes udSlideLeftIn {
  0% {
    opacity: 0;
    transform: scaleX(0.5);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 0 0;
  }
}
@keyframes udSlideLeftOut {
  0% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: scaleX(0.5);
    transform-origin: 0 0;
  }
}
@keyframes udSlideRightIn {
  0% {
    opacity: 0;
    transform: scaleX(0.5);
    transform-origin: 100% 0;
  }
  to {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 100% 0;
  }
}
@keyframes udSlideRightOut {
  0% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 100% 0;
  }
  to {
    opacity: 0;
    transform: scaleX(0.5);
    transform-origin: 100% 0;
  }
}
@keyframes udZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes udZoomOut {
  0% {
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.2);
  }
}
@keyframes udZoomBigIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes udZoomBigOut {
  0% {
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@keyframes udZoomUpIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 50% 0;
  }
  to {
    transform: scale(1);
    transform-origin: 50% 0;
  }
}
@keyframes udZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0;
  }
  to {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 50% 0;
  }
}
@keyframes udZoomLeftIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 0 50%;
  }
  to {
    transform: scale(1);
    transform-origin: 0 50%;
  }
}
@keyframes udZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0 50%;
  }
  to {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 0 50%;
  }
}
@keyframes udZoomRightIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 100% 50%;
  }
  to {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes udZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  to {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 100% 50%;
  }
}
@keyframes udZoomDownIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 50% 100%;
  }
  to {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes udZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  to {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 50% 100%;
  }
}
.ud__msg-manager {
  box-sizing: border-box;
  color: var(--text-title);
  pointer-events: none;
}
.ud__msg-manager--bottomLeft .notification-animation-enter .ud__notification,
.ud__msg-manager--topLeft .notification-animation-enter .ud__notification {
  transform: translateX(-100%) translateY(0);
}
.ud__msg-manager--bottomLeft
  .notification-animation-enter-active
  .ud__notification,
.ud__msg-manager--bottomLeft
  .notification-animation-enter-done
  .ud__notification,
.ud__msg-manager--topLeft
  .notification-animation-enter-active
  .ud__notification,
.ud__msg-manager--topLeft .notification-animation-enter-done .ud__notification {
  transform: translateX(0) translateY(0);
}
.ud__msg-manager--bottomRight .notification-animation-enter .ud__notification,
.ud__msg-manager--topRight .notification-animation-enter .ud__notification {
  transform: translateX(100%) translateY(0);
}
.ud__msg-manager--bottomRight
  .notification-animation-enter-active
  .ud__notification,
.ud__msg-manager--bottomRight
  .notification-animation-enter-done
  .ud__notification,
.ud__msg-manager--topRight
  .notification-animation-enter-active
  .ud__notification,
.ud__msg-manager--topRight
  .notification-animation-enter-done
  .ud__notification {
  transform: translateX(0) translateY(0);
}
.ud__notification {
  box-shadow: var(--shadow-s5-down);
  box-sizing: border-box;
  pointer-events: auto;
}
.ud__notification
  .ud__notification__notice-success
  .ud__notification__notice-border {
  background-color: var(--function-success-content-default);
}
.ud__notification
  .ud__notification__notice-info
  .ud__notification__notice-border {
  background-color: var(--function-info-content-default);
}
.ud__notification
  .ud__notification__notice-error
  .ud__notification__notice-border {
  background-color: var(--function-danger-content-default);
}
.ud__notification
  .ud__notification__notice-warning
  .ud__notification__notice-border {
  background-color: var(--function-warning-content-default);
}
.ud__notification .ud__notification__notice-close {
  box-sizing: border-box;
  box-sizing: border-box;
  color: var(--N600);
}
.ud__notification .ud__notification__notice-icon-error {
  color: var(--function-danger-content-default);
}
.ud__notification .ud__notification__notice-icon-warning {
  color: var(--function-warning-fill-default);
}
.ud__notification .ud__notification__notice-icon-success {
  color: var(--function-success-content-default);
}
.ud__notification .ud__notification__notice-icon-info {
  color: var(--function-info-content-default);
}
.ud__notification .ud__notification__notice-content {
  box-sizing: border-box;
  background: var(--bg-float);
  border: 1px solid var(--line-border-card);
  box-sizing: border-box;
  color: var(--text-title);
}
.ud__button {
  align-items: center;
  border: 1px solid var(--N00);
  box-sizing: border-box;
  color: var(--text-title);
  display: inline-flex;
  justify-content: center;
  touch-action: manipulation;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ud__button > a:only-child:after {
  bottom: 0;
  content: "";
  left: 0;
  right: 0;
  top: 0;
}
.ud__button--size-xs.ud__button--circle,
.ud__button--size-xs.ud__button--square {
  text-align: center;
  min-width: auto;
  padding-left: 0;
  padding-right: 0;
}
.ud__button--size-sm.ud__button--circle,
.ud__button--size-sm.ud__button--square {
  text-align: center;
  min-width: auto;
  padding-left: 0;
  padding-right: 0;
}
.ud__button--size-md.ud__button--circle,
.ud__button--size-md.ud__button--square {
  text-align: center;
  min-width: auto;
  padding-left: 0;
  padding-right: 0;
}
.ud__button--size-lg.ud__button--circle,
.ud__button--size-lg.ud__button--square {
  text-align: center;
  min-width: auto;
  padding-left: 0;
  padding-right: 0;
}
.ud__button--size-xl.ud__button--circle,
.ud__button--size-xl.ud__button--square {
  text-align: center;
  min-width: auto;
  padding-left: 0;
  padding-right: 0;
}
.ud__button--filled-default {
  background: var(--primary-fill-default);
  border-color: var(--primary-fill-default);
  color: var(--primary-on-primary-fill);
}
.ud__button--filled-default:hover,
.ud__button--filled-default[aria-expanded] {
  background: var(--primary-fill-hover);
  border-color: var(--primary-fill-hover);
  color: var(--primary-on-primary-fill);
}
.ud__button--filled-default:focus-visible {
  --hack-merge-rules: true;
  background: var(--primary-fill-hover);
  border-color: var(--primary-fill-hover);
  color: var(--primary-on-primary-fill);
}
.ud__button--filled-default:active {
  background: var(--primary-fill-pressed);
  border-color: var(--primary-fill-pressed);
  color: var(--primary-on-primary-fill);
}
.ud__button--filled-default-loading,
.ud__button--filled-default-loading:active,
.ud__button--filled-default-loading[aria-expanded] {
  background: var(--primary-fill-loading);
  border-color: var(--primary-fill-loading);
  color: var(--udtoken-btn-pri-text-disabled);
}
.ud__button--filled-default-loading:focus-visible {
  --hack-merge-rules: true;
  background: var(--primary-fill-loading);
  border-color: var(--primary-fill-loading);
  color: var(--udtoken-btn-pri-text-disabled);
}
.ud__button--filled-default-loading .ud__button__loading-icon,
.ud__button--filled-primary {
  color: var(--primary-on-primary-fill);
}
.ud__button--filled-primary {
  background: var(--primary-fill-default);
  border-color: var(--primary-fill-default);
}
.ud__button--filled-primary:hover,
.ud__button--filled-primary[aria-expanded] {
  background: var(--primary-fill-hover);
  border-color: var(--primary-fill-hover);
  color: var(--primary-on-primary-fill);
}
.ud__button--filled-primary:focus-visible {
  --hack-merge-rules: true;
  background: var(--primary-fill-hover);
  border-color: var(--primary-fill-hover);
  color: var(--primary-on-primary-fill);
}
.ud__button--filled-primary:active {
  background: var(--primary-fill-pressed);
  border-color: var(--primary-fill-pressed);
  color: var(--primary-on-primary-fill);
}
.ud__button--filled-primary-loading,
.ud__button--filled-primary-loading:active,
.ud__button--filled-primary-loading[aria-expanded] {
  background: var(--primary-fill-loading);
  border-color: var(--primary-fill-loading);
  color: var(--udtoken-btn-pri-text-disabled);
}
.ud__button--filled-primary-loading:focus-visible {
  --hack-merge-rules: true;
  background: var(--primary-fill-loading);
  border-color: var(--primary-fill-loading);
  color: var(--udtoken-btn-pri-text-disabled);
}
.ud__button--filled-danger,
.ud__button--filled-primary-loading .ud__button__loading-icon {
  color: var(--primary-on-primary-fill);
}
.ud__button--filled-danger {
  background: var(--function-danger-fill-default);
  border-color: var(--function-danger-fill-default);
}
.ud__button--filled-danger:hover,
.ud__button--filled-danger[aria-expanded] {
  background: var(--function-danger-fill-hover);
  border-color: var(--function-danger-fill-hover);
  color: var(--primary-on-primary-fill);
}
.ud__button--filled-danger:focus-visible {
  --hack-merge-rules: true;
  background: var(--function-danger-fill-hover);
  border-color: var(--function-danger-fill-hover);
  color: var(--primary-on-primary-fill);
}
.ud__button--filled-danger:active {
  background: var(--function-danger-fill-pressed);
  border-color: var(--function-danger-fill-pressed);
  color: var(--primary-on-primary-fill);
}
.ud__button--filled-danger-loading,
.ud__button--filled-danger-loading:active,
.ud__button--filled-danger-loading[aria-expanded] {
  background: var(--function-danger-fill-loading);
  border-color: var(--function-danger-fill-loading);
  color: var(--udtoken-btn-pri-text-disabled);
}
.ud__button--filled-danger-loading:focus-visible {
  --hack-merge-rules: true;
  background: var(--function-danger-fill-loading);
  border-color: var(--function-danger-fill-loading);
  color: var(--udtoken-btn-pri-text-disabled);
}
.ud__button--filled:disabled,
.ud__button--filled:disabled:active,
.ud__button--filled:disabled:hover,
.ud__button--filled:disabled[aria-expanded],
.ud__button--filled[disabled],
.ud__button--filled[disabled]:active,
.ud__button--filled[disabled]:hover,
.ud__button--filled[disabled][aria-expanded] {
  background: var(--fill-disabled);
  border-color: var(--fill-disabled);
  color: var(--udtoken-btn-pri-text-disabled);
}
.ud__button--filled:disabled:focus-visible,
.ud__button--filled[disabled]:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  background: var(--fill-disabled);
  border-color: var(--fill-disabled);
  color: var(--udtoken-btn-pri-text-disabled);
}
.ud__button--outlined-default {
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--line-border-component);
  color: var(--text-title);
}
.ud__button--outlined-default:hover,
.ud__button--outlined-default[aria-expanded] {
  background: var(--udtoken-btn-se-bg-neutral-hover);
  border-color: var(--line-border-component);
  color: var(--text-title);
}
.ud__button--outlined-default:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  background: var(--udtoken-btn-se-bg-neutral-hover);
  border-color: var(--line-border-component);
  color: var(--text-title);
}
.ud__button--outlined-default:active {
  background: var(--udtoken-btn-se-bg-neutral-pressed);
  border-color: var(--line-border-component);
  color: var(--text-title);
}
.ud__button--outlined-default-loading,
.ud__button--outlined-default-loading:active,
.ud__button--outlined-default-loading[aria-expanded] {
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--line-border-component);
  color: var(--udtoken-component-text-disabled-loading);
}
.ud__button--outlined-default-loading:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--line-border-component);
  color: var(--udtoken-component-text-disabled-loading);
}
.ud__button--outlined-primary {
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--primary-content-default);
  color: var(--primary-content-default);
}
.ud__button--outlined-primary:hover,
.ud__button--outlined-primary[aria-expanded] {
  background: var(--udtoken-btn-se-bg-pri-hover);
  border-color: var(--primary-content-default);
  color: var(--primary-content-default);
}
.ud__button--outlined-primary:focus-visible {
  --hack-merge-rules: true;
  background: var(--udtoken-btn-se-bg-pri-hover);
  border-color: var(--primary-content-default);
  color: var(--primary-content-default);
}
.ud__button--outlined-primary:active {
  background: var(--udtoken-btn-se-bg-pri-pressed);
  border-color: var(--primary-content-default);
  color: var(--primary-content-default);
}
.ud__button--outlined-primary-loading,
.ud__button--outlined-primary-loading:active,
.ud__button--outlined-primary-loading[aria-expanded] {
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--primary-content-loading);
  color: var(--primary-content-loading);
}
.ud__button--outlined-primary-loading:focus-visible {
  --hack-merge-rules: true;
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--primary-content-loading);
  color: var(--primary-content-loading);
}
.ud__button--outlined-danger {
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--function-danger-content-default);
  color: var(--function-danger-content-default);
}
.ud__button--outlined-danger:hover,
.ud__button--outlined-danger[aria-expanded] {
  background: var(--udtoken-btn-se-bg-danger-hover);
  border-color: var(--function-danger-content-default);
  color: var(--function-danger-content-default);
}
.ud__button--outlined-danger:focus-visible {
  --hack-merge-rules: true;
  background: var(--udtoken-btn-se-bg-danger-hover);
  border-color: var(--function-danger-content-default);
  color: var(--function-danger-content-default);
}
.ud__button--outlined-danger:active {
  background: var(--udtoken-btn-se-bg-danger-pressed);
  border-color: var(--function-danger-content-default);
  color: var(--function-danger-content-default);
}
.ud__button--outlined-danger-loading,
.ud__button--outlined-danger-loading:active,
.ud__button--outlined-danger-loading[aria-expanded] {
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--function-danger-content-loading);
  color: var(--function-danger-content-loading);
}
.ud__button--outlined-danger-loading:focus-visible {
  --hack-merge-rules: true;
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--function-danger-content-loading);
  color: var(--function-danger-content-loading);
}
.ud__button--outlined:disabled,
.ud__button--outlined:disabled:active,
.ud__button--outlined:disabled:hover,
.ud__button--outlined:disabled[aria-expanded],
.ud__button--outlined[disabled],
.ud__button--outlined[disabled]:active,
.ud__button--outlined[disabled]:hover,
.ud__button--outlined[disabled][aria-expanded] {
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--line-border-component);
  color: var(--text-disabled);
}
.ud__button--outlined:disabled:focus-visible,
.ud__button--outlined[disabled]:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--line-border-component);
  color: var(--text-disabled);
}
.ud__button--text {
  height: auto;
  min-width: auto;
}
.ud__button--text-default {
  color: var(--text-title);
}
.ud__button--text-default-selected,
.ud__button--text-default:hover,
.ud__button--text-default[aria-expanded] {
  background: var(--udtoken-btn-text-bg-neutral-hover);
  color: var(--text-title);
}
.ud__button--text-default:focus-visible {
  --hack-merge-rules: true;
  background: var(--udtoken-btn-text-bg-neutral-hover);
  color: var(--text-title);
}
.ud__button--text-default:active {
  background: var(--udtoken-btn-text-bg-neutral-pressed);
  color: var(--text-title);
}
.ud__button--text-default-loading,
.ud__button--text-default-loading:active,
.ud__button--text-default-loading[aria-expanded] {
  color: var(--text-placeholder);
}
.ud__button--text-default-loading:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--text-placeholder);
}
.ud__button--text-primary {
  color: var(--primary-content-default);
}
.ud__button--text-primary-selected,
.ud__button--text-primary:hover,
.ud__button--text-primary[aria-expanded] {
  background: var(--udtoken-btn-text-bg-pri-hover);
  color: var(--primary-content-default);
}
.ud__button--text-primary:focus-visible {
  --hack-merge-rules: true;
  background: var(--udtoken-btn-text-bg-pri-hover);
  color: var(--primary-content-default);
}
.ud__button--text-primary:active {
  background: var(--udtoken-btn-text-bg-pri-pressed);
  color: var(--primary-content-default);
}
.ud__button--text-primary-loading,
.ud__button--text-primary-loading:active,
.ud__button--text-primary-loading[aria-expanded] {
  color: var(--primary-content-loading);
}
.ud__button--text-primary-loading:focus-visible {
  --hack-merge-rules: true;
  color: var(--primary-content-loading);
}
.ud__button--text-danger {
  color: var(--function-danger-content-default);
}
.ud__button--text-danger-selected,
.ud__button--text-danger:hover,
.ud__button--text-danger[aria-expanded] {
  background: var(--udtoken-btn-text-bg-danger-hover);
  color: var(--function-danger-content-default);
}
.ud__button--text-danger:focus-visible {
  --hack-merge-rules: true;
  background: var(--udtoken-btn-text-bg-danger-hover);
  color: var(--function-danger-content-default);
}
.ud__button--text-danger:active {
  background: var(--udtoken-btn-text-bg-danger-pressed);
  color: var(--function-danger-content-default);
}
.ud__button--text-danger-loading,
.ud__button--text-danger-loading:active,
.ud__button--text-danger-loading[aria-expanded] {
  color: var(--function-danger-content-loading);
}
.ud__button--text-danger-loading:focus-visible {
  --hack-merge-rules: true;
  color: var(--function-danger-content-loading);
}
.ud__button--text:disabled,
.ud__button--text:disabled:active,
.ud__button--text:disabled:hover,
.ud__button--text:disabled[aria-expanded],
.ud__button--text[disabled],
.ud__button--text[disabled]:active,
.ud__button--text[disabled]:hover,
.ud__button--text[disabled][aria-expanded] {
  color: var(--text-disabled);
}
.ud__button--text:disabled:focus-visible,
.ud__button--text[disabled]:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--text-disabled);
}
.ud__button--text-secondary {
  height: auto;
  min-width: auto;
}
.ud__button--text-secondary-default {
  color: var(--text-title);
}
.ud__button--text-secondary-default-selected,
.ud__button--text-secondary-default:hover,
.ud__button--text-secondary-default[aria-expanded] {
  color: var(--primary-content-default);
}
.ud__button--text-secondary-default:focus-visible {
  --hack-merge-rules: true;
  color: var(--primary-content-default);
}
.ud__button--text-secondary-default:active {
  color: var(--primary-content-pressed);
}
.ud__button--text-secondary-default-loading,
.ud__button--text-secondary-default-loading:active,
.ud__button--text-secondary-default-loading[aria-expanded] {
  color: var(--primary-content-default);
}
.ud__button--text-secondary-default-loading:focus-visible {
  --hack-merge-rules: true;
  color: var(--primary-content-default);
}
.ud__button--text-secondary-primary {
  color: var(--text-title);
}
.ud__button--text-secondary-primary-selected,
.ud__button--text-secondary-primary:hover,
.ud__button--text-secondary-primary[aria-expanded] {
  color: var(--primary-content-default);
}
.ud__button--text-secondary-primary:focus-visible {
  --hack-merge-rules: true;
  color: var(--primary-content-default);
}
.ud__button--text-secondary-primary:active {
  color: var(--primary-content-pressed);
}
.ud__button--text-secondary-primary-loading,
.ud__button--text-secondary-primary-loading:active,
.ud__button--text-secondary-primary-loading[aria-expanded] {
  color: var(--primary-content-default);
}
.ud__button--text-secondary-primary-loading:focus-visible {
  --hack-merge-rules: true;
  color: var(--primary-content-default);
}
.ud__button--text-secondary-danger {
  color: var(--text-title);
}
.ud__button--text-secondary-danger-selected,
.ud__button--text-secondary-danger:hover,
.ud__button--text-secondary-danger[aria-expanded] {
  color: var(--function-danger-content-default);
}
.ud__button--text-secondary-danger:focus-visible {
  --hack-merge-rules: true;
  color: var(--function-danger-content-default);
}
.ud__button--text-secondary-danger:active {
  color: var(--function-danger-content-pressed);
}
.ud__button--text-secondary-danger-loading,
.ud__button--text-secondary-danger-loading:active,
.ud__button--text-secondary-danger-loading[aria-expanded] {
  color: var(--primary-content-default);
}
.ud__button--text-secondary-danger-loading:focus-visible {
  --hack-merge-rules: true;
  color: var(--primary-content-default);
}
.ud__button--text-secondary:disabled,
.ud__button--text-secondary:disabled:active,
.ud__button--text-secondary:disabled:hover,
.ud__button--text-secondary:disabled[aria-expanded],
.ud__button--text-secondary[disabled],
.ud__button--text-secondary[disabled]:active,
.ud__button--text-secondary[disabled]:hover,
.ud__button--text-secondary[disabled][aria-expanded] {
  color: var(--text-disabled);
}
.ud__button--text-secondary:disabled:focus-visible,
.ud__button--text-secondary[disabled]:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--text-disabled);
}
.ud__button--link {
  height: auto;
  min-width: auto;
}
.ud__button--link-default {
  color: var(--text-link-normal);
}
.ud__button--link-default-selected,
.ud__button--link-default:hover,
.ud__button--link-default[aria-expanded] {
  color: var(--text-link-hover);
}
.ud__button--link-default:focus-visible {
  --hack-merge-rules: true;
  color: var(--text-link-hover);
}
.ud__button--link-default:active {
  color: var(--text-link-pressed);
}
.ud__button--link-default-loading,
.ud__button--link-default-loading:active,
.ud__button--link-default-loading[aria-expanded] {
  color: var(--text-link-loading);
}
.ud__button--link-default-loading:focus-visible {
  --hack-merge-rules: true;
  color: var(--text-link-loading);
}
.ud__button--link-primary {
  color: var(--text-link-normal);
}
.ud__button--link-primary-selected,
.ud__button--link-primary:hover,
.ud__button--link-primary[aria-expanded] {
  color: var(--text-link-hover);
}
.ud__button--link-primary:focus-visible {
  --hack-merge-rules: true;
  color: var(--text-link-hover);
}
.ud__button--link-primary:active {
  color: var(--text-link-pressed);
}
.ud__button--link-primary-loading,
.ud__button--link-primary-loading:active,
.ud__button--link-primary-loading[aria-expanded] {
  color: var(--text-link-loading);
}
.ud__button--link-primary-loading:focus-visible {
  --hack-merge-rules: true;
  color: var(--text-link-loading);
}
.ud__button--link-danger,
.ud__button--link-danger-selected,
.ud__button--link-danger:hover,
.ud__button--link-danger[aria-expanded] {
  color: var(--function-danger-content-default);
}
.ud__button--link-danger:focus-visible {
  --hack-merge-rules: true;
  color: var(--function-danger-content-default);
}
.ud__button--link-danger:active {
  color: var(--function-danger-content-pressed);
}
.ud__button--link-danger-loading,
.ud__button--link-danger-loading:active,
.ud__button--link-danger-loading[aria-expanded] {
  color: var(--function-danger-content-loading);
}
.ud__button--link-danger-loading:focus-visible {
  --hack-merge-rules: true;
  color: var(--function-danger-content-loading);
}
.ud__button--link:disabled,
.ud__button--link:disabled:active,
.ud__button--link:disabled:hover,
.ud__button--link:disabled[aria-expanded],
.ud__button--link[disabled],
.ud__button--link[disabled]:active,
.ud__button--link[disabled]:hover,
.ud__button--link[disabled][aria-expanded] {
  color: var(--text-disabled);
}
.ud__button--link:disabled:focus-visible,
.ud__button--link[disabled]:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--text-disabled);
}
.ud__button--icon {
  height: auto;
  min-width: auto;
}
.ud__button--icon.ud__button--circle,
.ud__button--icon.ud__button--square {
  width: auto;
}
.ud__button--icon-default {
  color: var(--icon-n1);
}
.ud__button--icon-default-selected,
.ud__button--icon-default:hover,
.ud__button--icon-default[aria-expanded] {
  background: var(--udtoken-btn-text-bg-neutral-hover);
  color: var(--icon-n1);
}
.ud__button--icon-default:focus-visible {
  --hack-merge-rules: true;
  background: var(--udtoken-btn-text-bg-neutral-hover);
  color: var(--icon-n1);
}
.ud__button--icon-default:active {
  background: var(--udtoken-btn-text-bg-neutral-pressed);
  color: var(--icon-n1);
}
.ud__button--icon-default-loading,
.ud__button--icon-default-loading:active,
.ud__button--icon-default-loading[aria-expanded] {
  color: var(--text-placeholder);
}
.ud__button--icon-default-loading:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--text-placeholder);
}
.ud__button--icon-primary {
  color: var(--primary-content-default);
}
.ud__button--icon-primary-selected,
.ud__button--icon-primary:hover,
.ud__button--icon-primary[aria-expanded] {
  background: var(--udtoken-btn-text-bg-pri-hover);
  color: var(--primary-content-default);
}
.ud__button--icon-primary:focus-visible {
  --hack-merge-rules: true;
  background: var(--udtoken-btn-text-bg-pri-hover);
  color: var(--primary-content-default);
}
.ud__button--icon-primary:active {
  background: var(--udtoken-btn-text-bg-pri-pressed);
  color: var(--primary-content-default);
}
.ud__button--icon-primary-loading,
.ud__button--icon-primary-loading:active,
.ud__button--icon-primary-loading[aria-expanded] {
  color: var(--primary-content-loading);
}
.ud__button--icon-primary-loading:focus-visible {
  --hack-merge-rules: true;
  color: var(--primary-content-loading);
}
.ud__button--icon-danger {
  color: var(--function-danger-content-default);
}
.ud__button--icon-danger-selected,
.ud__button--icon-danger:hover,
.ud__button--icon-danger[aria-expanded] {
  background: var(--udtoken-btn-text-bg-danger-hover);
  color: var(--function-danger-content-default);
}
.ud__button--icon-danger:focus-visible {
  --hack-merge-rules: true;
  background: var(--udtoken-btn-text-bg-danger-hover);
  color: var(--function-danger-content-default);
}
.ud__button--icon-danger:active {
  background: var(--udtoken-btn-text-bg-danger-pressed);
  color: var(--function-danger-content-default);
}
.ud__button--icon-danger-loading,
.ud__button--icon-danger-loading:active,
.ud__button--icon-danger-loading[aria-expanded] {
  color: var(--function-danger-content-loading);
}
.ud__button--icon-danger-loading:focus-visible {
  --hack-merge-rules: true;
  color: var(--function-danger-content-loading);
}
.ud__button--icon:disabled,
.ud__button--icon:disabled:active,
.ud__button--icon:disabled:hover,
.ud__button--icon:disabled[aria-expanded],
.ud__button--icon[disabled],
.ud__button--icon[disabled]:active,
.ud__button--icon[disabled]:hover,
.ud__button--icon[disabled][aria-expanded] {
  color: var(--icon-disabled);
}
.ud__button--icon:disabled:focus-visible,
.ud__button--icon[disabled]:focus-visible {
  --hack-merge-rules: true;
  --hack-merge-rules: true;
  color: var(--icon-disabled);
}
.ud__button--autowidth {
  min-width: auto;
}
.ud__button--loading:not([disabled]),
.ud__button[disabled] > * {
  pointer-events: none;
}
.ud__notice.ud__notice-success .ud__notice__statusIcon {
  color: var(--function-success-content-default);
}
.ud__notice.ud__notice-info .ud__notice__statusIcon {
  color: var(--function-info-content-default);
}
.ud__notice.ud__notice-warning .ud__notice__statusIcon {
  color: var(--function-warning-fill-default);
}
.ud__notice.ud__notice-error .ud__notice__statusIcon {
  color: var(--function-danger-content-default);
}
.ud__notice.ud__notice--outlined.ud__notice-info {
  border-color: var(--function-info-content-default);
}
.ud__notice.ud__notice--outlined.ud__notice-info,
.ud__notice.ud__notice--outlined.ud__notice-info
  .ud__notice--ellipsis
  .ud__notice__description-content:after {
  background-color: var(--function-info-fill-solid-01);
}
.ud__notice.ud__notice--outlined.ud__notice-success {
  border-color: var(--function-success-content-default);
}
.ud__notice.ud__notice--outlined.ud__notice-success,
.ud__notice.ud__notice--outlined.ud__notice-success
  .ud__notice--ellipsis
  .ud__notice__description-content:after {
  background-color: var(--function-success-fill-solid-01);
}
.ud__notice.ud__notice--outlined.ud__notice-warning {
  border-color: var(--function-warning-content-default);
}
.ud__notice.ud__notice--outlined.ud__notice-warning,
.ud__notice.ud__notice--outlined.ud__notice-warning
  .ud__notice--ellipsis
  .ud__notice__description-content:after {
  background-color: var(--function-warning-fill-solid-01);
}
.ud__notice.ud__notice--outlined.ud__notice-error {
  border-color: var(--function-danger-content-default);
}
.ud__notice.ud__notice--outlined.ud__notice-error,
.ud__notice.ud__notice--outlined.ud__notice-error
  .ud__notice--ellipsis
  .ud__notice__description-content:after {
  background-color: var(--function-danger-fill-solid-01);
}
.ud__notice.ud__notice--plain {
  box-shadow: var(--shadow-md-down);
}
.ud__notice.ud__notice--plain,
.ud__notice.ud__notice--plain.ud__notice-error
  .ud__notice--ellipsis
  .ud__notice__description-content:after,
.ud__notice.ud__notice--plain.ud__notice-info
  .ud__notice--ellipsis
  .ud__notice__description-content:after,
.ud__notice.ud__notice--plain.ud__notice-success
  .ud__notice--ellipsis
  .ud__notice__description-content:after,
.ud__notice.ud__notice--plain.ud__notice-warning
  .ud__notice--ellipsis
  .ud__notice__description-content:after {
  background-color: var(--bg-float);
}
.ud__notice.ud__notice--filled.ud__notice-success {
  background-color: var(--function-success-fill-solid-01);
}
.ud__notice.ud__notice--filled.ud__notice-info,
.ud__notice.ud__notice--filled.ud__notice-info
  .ud__notice--ellipsis
  .ud__notice__description-content:after,
.ud__notice.ud__notice--filled.ud__notice-success
  .ud__notice--ellipsis
  .ud__notice__description-content:after {
  background-color: var(--function-info-fill-solid-01);
}
.ud__notice.ud__notice--filled.ud__notice-warning,
.ud__notice.ud__notice--filled.ud__notice-warning
  .ud__notice--ellipsis
  .ud__notice__description-content:after {
  background-color: var(--function-warning-fill-solid-01);
}
.ud__notice.ud__notice--filled.ud__notice-error,
.ud__notice.ud__notice--filled.ud__notice-error
  .ud__notice--ellipsis
  .ud__notice__description-content:after {
  background-color: var(--function-danger-fill-solid-01);
}
.ud__notice {
  align-items: center;
  box-sizing: border-box;
  color: var(--text-title);
  display: flex;
  overflow-wrap: anywhere;
  pointer-events: auto;
}
.ud__notice .ud__notice__statusIcon {
  align-self: baseline;
  box-sizing: border-box;
  flex-shrink: 0;
}
.ud__notice .ud__notice__main {
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  flex-grow: 1;
}
.ud__notice .ud__notice__main.ud__notice__main--no-title {
  align-items: flex-start;
  flex-flow: row;
}
.ud__notice .ud__notice__title {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.ud__notice.ud__notice-align-center {
  justify-content: center;
}
.ud__notice .ud__notice__close {
  color: var(--icon-n2);
  flex: none;
}
.ud__notice .ud__notice__description {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ud__notice .ud__notice__description .ud__notice__description-content {
  -webkit-box-orient: vertical;
  box-sizing: border-box;
  display: -webkit-box;
  flex-grow: 1;
  word-break: break-word;
}
.ud__toast.ud__notice {
  box-shadow: var(--shadow-s4-down);
  display: inline-flex;
}
.universe-icon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  text-transform: none;
}
.ud__svg-spin-loading {
  box-sizing: border-box;
  display: flex;
}
@keyframes SpinSVGRotate {
  to {
    transform: rotate(1turn);
  }
}
.pp-web-toast-container-light,
div[_pp-theme] {
  --B100: #e1eaff;
  --B100-raw: 225, 234, 255;
  --B200: #bacefd;
  --B200-raw: 186, 206, 253;
  --B300: #82a7fc;
  --B300-raw: 130, 167, 252;
  --B400: #4e83fd;
  --B400-raw: 78, 131, 253;
  --B50: #f0f4ff;
  --B50-raw: 240, 244, 255;
  --B500: #3370ff;
  --B500-raw: 51, 112, 255;
  --B600: #245bdb;
  --B600-raw: 36, 91, 219;
  --B700: #1c4cba;
  --B700-raw: 28, 76, 186;
  --B800: #133c9a;
  --B800-raw: 19, 60, 154;
  --B900: #0c296e;
  --B900-raw: 12, 41, 110;
  --C100: #fdddef;
  --C100-raw: 253, 221, 239;
  --C200: #f9aed9;
  --C200-raw: 249, 174, 217;
  --C300: #f57ac0;
  --C300-raw: 245, 122, 192;
  --C400: #f14ba9;
  --C400-raw: 241, 75, 169;
  --C50: #fef1f8;
  --C50-raw: 254, 241, 248;
  --C500: #f01d94;
  --C500-raw: 240, 29, 148;
  --C600: #c71077;
  --C600-raw: 199, 16, 119;
  --C700: #9e1361;
  --C700-raw: 158, 19, 97;
  --C800: #7a0f4b;
  --C800-raw: 122, 15, 75;
  --C900: #520a32;
  --C900-raw: 82, 10, 50;
  --G100: #d9f5d6;
  --G100-raw: 217, 245, 214;
  --G200: #b7edb1;
  --G200-raw: 183, 237, 177;
  --G300: #8ee085;
  --G300-raw: 142, 224, 133;
  --G400: #62d256;
  --G400-raw: 98, 210, 86;
  --G50: #f0fbef;
  --G50-raw: 240, 251, 239;
  --G500: #34c724;
  --G500-raw: 52, 199, 36;
  --G600: #2ea121;
  --G600-raw: 46, 161, 33;
  --G700: #237b19;
  --G700-raw: 35, 123, 25;
  --G800: #186010;
  --G800-raw: 24, 96, 16;
  --G900: #124b0c;
  --G900-raw: 18, 75, 12;
  --I100: #e0e2fa;
  --I100-raw: 224, 226, 250;
  --I200: #b4b9f3;
  --I200-raw: 180, 185, 243;
  --I300: #7b83ea;
  --I300-raw: 123, 131, 234;
  --I400: #616ae5;
  --I400-raw: 97, 106, 229;
  --I50: #f2f3fd;
  --I50-raw: 242, 243, 253;
  --I500: #4954e6;
  --I500-raw: 73, 84, 230;
  --I600: #2933c7;
  --I600-raw: 41, 51, 199;
  --I700: #161fa2;
  --I700-raw: 22, 31, 162;
  --I800: #0a1285;
  --I800-raw: 10, 18, 133;
  --I900: #0c1264;
  --I900-raw: 12, 18, 100;
  --L100: #eef6c6;
  --L100-raw: 238, 246, 198;
  --L200: #dfee96;
  --L200-raw: 223, 238, 150;
  --L300: #d2e76a;
  --L300-raw: 210, 231, 106;
  --L400: #c3dd40;
  --L400-raw: 195, 221, 64;
  --L50: #f7fae5;
  --L50-raw: 247, 250, 229;
  --L500: #b3d600;
  --L500-raw: 179, 214, 0;
  --L600: #8fac02;
  --L600-raw: 143, 172, 2;
  --L700: #667901;
  --L700-raw: 102, 121, 1;
  --L800: #495700;
  --L800-raw: 73, 87, 0;
  --L900: #354200;
  --L900-raw: 53, 66, 0;
  --N00: #fff;
  --N00-raw: 255, 255, 255;
  --N100: #f2f3f5;
  --N100-raw: 242, 243, 245;
  --N1000: #000;
  --N1000-raw: 0, 0, 0;
  --N200: #eff0f1;
  --N200-raw: 239, 240, 241;
  --N300: #dee0e3;
  --N300-raw: 222, 224, 227;
  --N350: #d0d3d6;
  --N350-raw: 208, 211, 214;
  --N400: #bbbfc4;
  --N400-raw: 187, 191, 196;
  --N50: #f5f6f7;
  --N50-raw: 245, 246, 247;
  --N500: #8f959e;
  --N500-raw: 143, 149, 158;
  --N600: #646a73;
  --N600-raw: 100, 106, 115;
  --N650: #51565d;
  --N650-raw: 81, 86, 93;
  --N700: #373c43;
  --N700-raw: 55, 60, 67;
  --N800: #2b2f36;
  --N800-raw: 43, 47, 54;
  --N900: #1f2329;
  --N900-raw: 31, 35, 41;
  --N950: #0f1114;
  --N950-raw: 15, 17, 20;
  --O100: #feead2;
  --O100-raw: 254, 234, 210;
  --O200: #fed4a4;
  --O200-raw: 254, 212, 164;
  --O300: #ffba6b;
  --O300-raw: 255, 186, 107;
  --O400: #ffa53d;
  --O400-raw: 255, 165, 61;
  --O50: #fff5eb;
  --O50-raw: 255, 245, 235;
  --O500: #f80;
  --O500-raw: 255, 136, 0;
  --O600: #de7802;
  --O600-raw: 222, 120, 2;
  --O700: #b26206;
  --O700-raw: 178, 98, 6;
  --O800: #8f4f04;
  --O800-raw: 143, 79, 4;
  --O900: #6b3900;
  --O900-raw: 107, 57, 0;
  --P100: #ece2fe;
  --P100-raw: 236, 226, 254;
  --P200: #cdb2fa;
  --P200-raw: 205, 178, 250;
  --P300: #ad82f7;
  --P300-raw: 173, 130, 247;
  --P400: #935af6;
  --P400-raw: 147, 90, 246;
  --P50: #f6f1fe;
  --P50-raw: 246, 241, 254;
  --P500: #7f3bf5;
  --P500-raw: 127, 59, 245;
  --P600: #6425d0;
  --P600-raw: 100, 37, 208;
  --P700: #4e1ba7;
  --P700-raw: 78, 27, 167;
  --P800: #380d82;
  --P800-raw: 56, 13, 130;
  --P900: #270561;
  --P900-raw: 39, 5, 97;
  --R100: #fde2e2;
  --R100-raw: 253, 226, 226;
  --R200: #fbbfbc;
  --R200-raw: 251, 191, 188;
  --R300: #f98e8b;
  --R300-raw: 249, 142, 139;
  --R400: #f76964;
  --R400-raw: 247, 105, 100;
  --R50: #fef1f1;
  --R50-raw: 254, 241, 241;
  --R500: #f54a45;
  --R500-raw: 245, 74, 69;
  --R600: #d83931;
  --R600-raw: 216, 57, 49;
  --R700: #ac2f28;
  --R700-raw: 172, 47, 40;
  --R800: #812520;
  --R800-raw: 129, 37, 32;
  --R900: #621c18;
  --R900-raw: 98, 28, 24;
  --S100: #ffc;
  --S100-raw: 255, 255, 204;
  --S200: #fffca3;
  --S200-raw: 255, 252, 163;
  --S300: #fff67a;
  --S300-raw: 255, 246, 122;
  --S400: #fff258;
  --S400-raw: 255, 242, 88;
  --S50: #fefff0;
  --S50-raw: 254, 255, 240;
  --S500: #ffe928;
  --S500-raw: 255, 233, 40;
  --S600: #e5ce00;
  --S600-raw: 229, 206, 0;
  --S700: #c2a800;
  --S700-raw: 194, 168, 0;
  --S800: #8f7c00;
  --S800-raw: 143, 124, 0;
  --S900: #5c4f00;
  --S900-raw: 92, 79, 0;
  --T100: #d5f6f2;
  --T100-raw: 213, 246, 242;
  --T200: #a9efe6;
  --T200-raw: 169, 239, 230;
  --T300: #64e8d6;
  --T300-raw: 100, 232, 214;
  --T400: #14e1c6;
  --T400-raw: 20, 225, 198;
  --T50: #eafaf8;
  --T50-raw: 234, 250, 248;
  --T500: #00d6b9;
  --T500-raw: 0, 214, 185;
  --T600: #04b49c;
  --T600-raw: 4, 180, 156;
  --T700: #078372;
  --T700-raw: 7, 131, 114;
  --T800: #036356;
  --T800-raw: 3, 99, 86;
  --T900: #024b41;
  --T900-raw: 2, 75, 65;
  --V100: #f8def8;
  --V100-raw: 248, 222, 248;
  --V200: #efb9ef;
  --V200-raw: 239, 185, 239;
  --V300: #e58fe5;
  --V300-raw: 229, 143, 229;
  --V400: #db66db;
  --V400-raw: 219, 102, 219;
  --V50: #fceefc;
  --V50-raw: 252, 238, 252;
  --V500: #d136d1;
  --V500-raw: 209, 54, 209;
  --V600: #b220b2;
  --V600-raw: 178, 32, 178;
  --V700: #8c218c;
  --V700-raw: 140, 33, 140;
  --V800: #681268;
  --V800-raw: 104, 18, 104;
  --V900: #460b46;
  --V900-raw: 70, 11, 70;
  --W100: #d9f3fd;
  --W100-raw: 217, 243, 253;
  --W200: #b1e8fc;
  --W200-raw: 177, 232, 252;
  --W300: #7edafb;
  --W300-raw: 126, 218, 251;
  --W400: #50cefb;
  --W400-raw: 80, 206, 251;
  --W50: #ecf9fe;
  --W50-raw: 236, 249, 254;
  --W500: #14c0ff;
  --W500-raw: 20, 192, 255;
  --W600: #049fd7;
  --W600-raw: 4, 159, 215;
  --W700: #037eaa;
  --W700-raw: 3, 126, 170;
  --W800: #006185;
  --W800-raw: 0, 97, 133;
  --W900: #004761;
  --W900-raw: 0, 71, 97;
  --Y100: #faf1d1;
  --Y100-raw: 250, 241, 209;
  --Y200: #f8e6ab;
  --Y200-raw: 248, 230, 171;
  --Y300: #f7dc82;
  --Y300-raw: 247, 220, 130;
  --Y400: #fad355;
  --Y400-raw: 250, 211, 85;
  --Y50: #fdf9ed;
  --Y50-raw: 253, 249, 237;
  --Y500: #ffc60a;
  --Y500-raw: 255, 198, 10;
  --Y600: #dc9b04;
  --Y600-raw: 220, 155, 4;
  --Y700: #aa7803;
  --Y700-raw: 170, 120, 3;
  --Y800: #795101;
  --Y800-raw: 121, 81, 1;
  --Y900: #5c3a00;
  --Y900-raw: 92, 58, 0;
  --N00-10: rgba(var(--N00-raw), 0.1);
  --N00-15: rgba(var(--N00-raw), 0.15);
  --N00-20: rgba(var(--N00-raw), 0.2);
  --N00-30: rgba(var(--N00-raw), 0.3);
  --N00-40: rgba(var(--N00-raw), 0.4);
  --N00-5: rgba(var(--N00-raw), 0.05);
  --N00-50: rgba(var(--N00-raw), 0.5);
  --N00-60: rgba(var(--N00-raw), 0.6);
  --N00-70: rgba(var(--N00-raw), 0.7);
  --N00-80: rgba(var(--N00-raw), 0.8);
  --N00-90: rgba(var(--N00-raw), 0.9);
  --N900-10: rgba(var(--N900-raw), 0.1);
  --N900-15: rgba(var(--N900-raw), 0.15);
  --N900-20: rgba(var(--N900-raw), 0.2);
  --N900-30: rgba(var(--N900-raw), 0.3);
  --N900-40: rgba(var(--N900-raw), 0.4);
  --N900-5: rgba(var(--N900-raw), 0.05);
  --N900-50: rgba(var(--N900-raw), 0.5);
  --N900-60: rgba(var(--N900-raw), 0.6);
  --N900-70: rgba(var(--N900-raw), 0.7);
  --N900-80: rgba(var(--N900-raw), 0.8);
  --N900-90: rgba(var(--N900-raw), 0.9);
  --bg-base: var(--N100);
  --bg-body: var(--N00);
  --bg-body-overlay: var(--N50);
  --bg-content-base: #f8f9fa;
  --bg-filler: var(--N200);
  --bg-float: var(--N00);
  --bg-float-base: var(--N100);
  --bg-float-overlay: var(--N50);
  --bg-float-push: rgba(var(--N00-raw), 0.8);
  --bg-mask: rgba(0, 0, 0, 0.4);
  --bg-pricolor: var(--primary-pri-400);
  --bg-sub-navigation: var(--bg-body-overlay);
  --bg-text-selection: rgba(var(--B600-raw), 0.3);
  --bg-tips: var(--N900);
  --fill-active: rgba(var(--primary-pri-500-raw), 0.12);
  --fill-disabled: var(--N400);
  --fill-focus: rgba(var(--N900-raw), 0.12);
  --fill-hover: rgba(var(--N900-raw), 0.08);
  --fill-img-mask: rgba(var(--N00-raw), 0);
  --fill-pressed: rgba(var(--N900-raw), 0.12);
  --fill-selected: rgba(var(--primary-pri-500-raw), 0.08);
  --fill-tag: rgba(var(--N900-raw), 0.1);
  --function-danger-100: var(--R100);
  --function-danger-100-raw: var(--R100-raw);
  --function-danger-200: var(--R200);
  --function-danger-200-raw: var(--R200-raw);
  --function-danger-300: var(--R300);
  --function-danger-300-raw: var(--R300-raw);
  --function-danger-400: var(--R400);
  --function-danger-400-raw: var(--R400-raw);
  --function-danger-50: var(--R50);
  --function-danger-50-raw: var(--R50-raw);
  --function-danger-500: var(--R500);
  --function-danger-500-raw: var(--R500-raw);
  --function-danger-600: var(--R600);
  --function-danger-600-raw: var(--R600-raw);
  --function-danger-700: var(--R700);
  --function-danger-700-raw: var(--R700-raw);
  --function-danger-800: var(--R800);
  --function-danger-800-raw: var(--R800-raw);
  --function-danger-900: var(--R900);
  --function-danger-900-raw: var(--R900-raw);
  --function-info-100: var(--B100);
  --function-info-100-raw: var(--B100-raw);
  --function-info-200: var(--B200);
  --function-info-200-raw: var(--B200-raw);
  --function-info-300: var(--B300);
  --function-info-300-raw: var(--B300-raw);
  --function-info-400: var(--B400);
  --function-info-400-raw: var(--B400-raw);
  --function-info-50: var(--B50);
  --function-info-50-raw: var(--B50-raw);
  --function-info-500: var(--B500);
  --function-info-500-raw: var(--B500-raw);
  --function-info-600: var(--B600);
  --function-info-600-raw: var(--B600-raw);
  --function-info-700: var(--B700);
  --function-info-700-raw: var(--B700-raw);
  --function-info-800: var(--B800);
  --function-info-800-raw: var(--B800-raw);
  --function-info-900: var(--B900);
  --function-info-900-raw: var(--B900-raw);
  --function-success-100: var(--G100);
  --function-success-100-raw: var(--G100-raw);
  --function-success-200: var(--G200);
  --function-success-200-raw: var(--G200-raw);
  --function-success-300: var(--G300);
  --function-success-300-raw: var(--G300-raw);
  --function-success-400: var(--G400);
  --function-success-400-raw: var(--G400-raw);
  --function-success-50: var(--G50);
  --function-success-50-raw: var(--G50-raw);
  --function-success-500: var(--G500);
  --function-success-500-raw: var(--G500-raw);
  --function-success-600: var(--G600);
  --function-success-600-raw: var(--G600-raw);
  --function-success-700: var(--G700);
  --function-success-700-raw: var(--G700-raw);
  --function-success-800: var(--G800);
  --function-success-800-raw: var(--G800-raw);
  --function-success-900: var(--G900);
  --function-success-900-raw: var(--G900-raw);
  --function-warning-100: var(--O100);
  --function-warning-100-raw: var(--O100-raw);
  --function-warning-200: var(--O200);
  --function-warning-200-raw: var(--O200-raw);
  --function-warning-300: var(--O300);
  --function-warning-300-raw: var(--O300-raw);
  --function-warning-400: var(--O400);
  --function-warning-400-raw: var(--O400-raw);
  --function-warning-50: var(--O50);
  --function-warning-50-raw: var(--O50-raw);
  --function-warning-500: var(--O500);
  --function-warning-500-raw: var(--O500-raw);
  --function-warning-600: var(--O600);
  --function-warning-600-raw: var(--O600-raw);
  --function-warning-700: var(--O700);
  --function-warning-700-raw: var(--O700-raw);
  --function-warning-800: var(--O800);
  --function-warning-800-raw: var(--O800-raw);
  --function-warning-900: var(--O900);
  --function-warning-900-raw: var(--O900-raw);
  --gradient-blue: linear-gradient(90deg, var(--B400) 0%, var(--B500) 100%);
  --gradient-carmine: linear-gradient(90deg, var(--C400) 0%, var(--C500) 100%);
  --gradient-green: linear-gradient(90deg, var(--G400) 0%, var(--G500) 100%);
  --gradient-indigo: linear-gradient(90deg, var(--I400) 0%, var(--I500) 100%);
  --gradient-lime: linear-gradient(90deg, var(--L400) 0%, var(--L500) 100%);
  --gradient-orange: linear-gradient(90deg, var(--O400) 0%, var(--O500) 100%);
  --gradient-purple: linear-gradient(90deg, var(--P400) 0%, var(--P500) 100%);
  --gradient-red: linear-gradient(90deg, var(--R400) 0%, var(--R500) 100%);
  --gradient-turquoise: linear-gradient(
    90deg,
    var(--T400) 0%,
    var(--T500) 100%
  );
  --gradient-violet: linear-gradient(90deg, var(--V400) 0%, var(--V500) 100%);
  --gradient-wathet: linear-gradient(90deg, var(--W400) 0%, var(--W500) 100%);
  --gradient-yellow: linear-gradient(90deg, var(--Y400) 0%, var(--Y500) 100%);
  --icon-disabled: var(--N400);
  --icon-n1: var(--N800);
  --icon-n2: var(--N600);
  --icon-n3: var(--N500);
  --illustration-blue-a: var(--B900);
  --illustration-blue-b: var(--B900);
  --illustration-blue-c: var(--B900);
  --illustration-blue-d: var(--B900);
  --illustration-blue-e: var(--B500);
  --illustration-neutral-a: var(--N00);
  --illustration-neutral-b: var(--N00);
  --illustration-neutral-c: rgba(var(--N400-raw), 0.45);
  --illustration-neutral-d: var(--N500);
  --illustration-orange: var(--O500);
  --illustration-red: var(--R500);
  --illustration-static-black: var(--static-black);
  --illustration-static-white: var(--static-white);
  --illustration-turquoise: var(--T500);
  --illustration-wathet: var(--W500);
  --illustration-yellow: var(--Y500);
  --line-border-card: var(--N300);
  --line-border-component: var(--N350);
  --line-divider-default: rgba(var(--N900-raw), 0.15);
  --line-divider-module: rgba(var(--N900-raw), 0.15);
  --primary-pri-100: var(--B100);
  --primary-pri-100-raw: var(--B100-raw);
  --primary-pri-200: var(--B200);
  --primary-pri-200-raw: var(--B200-raw);
  --primary-pri-300: var(--B300);
  --primary-pri-300-raw: var(--B300-raw);
  --primary-pri-400: var(--B400);
  --primary-pri-400-raw: var(--B400-raw);
  --primary-pri-50: var(--B50);
  --primary-pri-50-raw: var(--B50-raw);
  --primary-pri-500: var(--B500);
  --primary-pri-500-raw: var(--B500-raw);
  --primary-pri-600: var(--B600);
  --primary-pri-600-raw: var(--B600-raw);
  --primary-pri-700: var(--B700);
  --primary-pri-700-raw: var(--B700-raw);
  --primary-pri-800: var(--B800);
  --primary-pri-800-raw: var(--B800-raw);
  --primary-pri-900: var(--B900);
  --primary-pri-900-raw: var(--B900-raw);
  --shadow-default: var(--N900);
  --shadow-default-raw: var(--N900-raw);
  --shadow-default-lg: rgba(var(--N900-raw), 0.08);
  --shadow-default-md: rgba(var(--N900-raw), 0.1);
  --shadow-default-sm: rgba(var(--N900-raw), 0.12);
  --shadow-lg-down: 0px 6px 24px var(--shadow-default-lg);
  --shadow-lg-left: -6px 0px 24px var(--shadow-default-lg);
  --shadow-lg-right: 6px 0px 24px var(--shadow-default-lg);
  --shadow-lg-up: 0px -6px 24px var(--shadow-default-lg);
  --shadow-md-down: 0px 4px 8px var(--shadow-default-md);
  --shadow-md-left: -4px 0px 8px var(--shadow-default-md);
  --shadow-md-right: 4px 0px 8px var(--shadow-default-md);
  --shadow-md-up: 0px -4px 8px var(--shadow-default-md);
  --shadow-pri: var(--B600);
  --shadow-pri-raw: var(--B600-raw);
  --shadow-pri-lg: rgba(var(--primary-pri-500-raw), 0.24);
  --shadow-pri-lg-down: 0px 6px 24px var(--shadow-pri-lg);
  --shadow-pri-md: rgba(var(--primary-pri-600-raw), 0.24);
  --shadow-pri-md-down: 0px 4px 8px var(--shadow-pri-md);
  --shadow-s1-down:
    0px 1px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 4px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-down-pri:
    0px 1px 2px -2px rgba(var(--shadow-pri-raw), 0.12),
    0px 2px 4px rgba(var(--shadow-pri-raw), 0.04),
    0px 2px 8px 2px rgba(var(--shadow-pri-raw), 0.02);
  --shadow-s1-left:
    -1px 0px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 4px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-right:
    1px 0px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 4px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-up:
    0px -1px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 4px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-down:
    0px 4px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    0px 4px 8px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-down-pri:
    0px 2px 4px -4px rgba(var(--shadow-pri-raw), 0.12),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.04),
    0px 4px 16px 4px rgba(var(--shadow-pri-raw), 0.03);
  --shadow-s2-left:
    -4px 0px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    -4px 0px 8px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-right:
    4px 0px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    4px 0px 8px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-up:
    0px -4px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    0px -4px 8px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s3-down:
    0px 6px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    0px 3px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    0px 4px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-down-pri:
    0px 3px 6px -6px rgba(var(--shadow-pri-raw), 0.14),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.06),
    0px 6px 18px 6px rgba(var(--shadow-pri-raw), 0.04);
  --shadow-s3-left:
    -6px 0px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    -3px 0px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    -4px 0px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-right:
    6px 0px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    3px 0px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    4px 0px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-up:
    0px -6px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    0px -3px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    0px -4px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s4-down:
    0px 8px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    0px 6px 12px rgba(var(--shadow-default-raw), 0.04),
    0px 4px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-down-pri:
    0px 4px 8px -4px rgba(var(--shadow-pri-raw), 0.16),
    0px 6px 12px rgba(var(--shadow-pri-raw), 0.08),
    0px 8px 24px 8px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s4-left:
    -8px 0px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    -6px 0px 12px rgba(var(--shadow-default-raw), 0.04),
    -4px 0px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-right:
    8px 0px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    6px 0px 12px rgba(var(--shadow-default-raw), 0.04),
    4px 0px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-up:
    0px -8px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    0px -6px 12px rgba(var(--shadow-default-raw), 0.04),
    0px -4px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-down:
    0px 10px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    0px 8px 24px rgba(var(--shadow-default-raw), 0.04),
    0px 6px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-down-pri:
    0px 10px 12px -10px rgba(var(--shadow-pri-raw), 0.18),
    0px 8px 24px rgba(var(--shadow-pri-raw), 0.1),
    0px 10px 36px 10px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s5-left:
    -10px 0px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    -8px 0px 24px rgba(var(--shadow-default-raw), 0.04),
    -6px 0px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-right:
    10px 0px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    8px 0px 24px rgba(var(--shadow-default-raw), 0.04),
    6px 0px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-up:
    0px -10px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    0px -8px 24px rgba(var(--shadow-default-raw), 0.04),
    0px -6px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-sm-down: 0px 2px 4px var(--shadow-default-sm);
  --shadow-sm-left: -2px 0px 4px var(--shadow-default-sm);
  --shadow-sm-right: 2px 0px 4px var(--shadow-default-sm);
  --shadow-sm-up: 0px -2px 4px var(--shadow-default-sm);
  --static-black: #000;
  --static-black-raw: 0, 0, 0;
  --static-black-10: rgba(0, 0, 0, 0.1);
  --static-black-15: rgba(0, 0, 0, 0.15);
  --static-black-20: rgba(0, 0, 0, 0.2);
  --static-black-30: rgba(0, 0, 0, 0.3);
  --static-black-40: rgba(0, 0, 0, 0.4);
  --static-black-5: rgba(0, 0, 0, 0.05);
  --static-black-50: rgba(0, 0, 0, 0.5);
  --static-black-60: rgba(0, 0, 0, 0.6);
  --static-black-70: rgba(0, 0, 0, 0.7);
  --static-black-80: rgba(0, 0, 0, 0.8);
  --static-black-90: rgba(0, 0, 0, 0.9);
  --static-white: #fff;
  --static-white-raw: 255, 255, 255;
  --static-white-10: hsla(0, 0%, 100%, 0.1);
  --static-white-15: hsla(0, 0%, 100%, 0.15);
  --static-white-20: hsla(0, 0%, 100%, 0.2);
  --static-white-30: hsla(0, 0%, 100%, 0.3);
  --static-white-40: hsla(0, 0%, 100%, 0.4);
  --static-white-5: hsla(0, 0%, 100%, 0.05);
  --static-white-50: hsla(0, 0%, 100%, 0.5);
  --static-white-60: hsla(0, 0%, 100%, 0.6);
  --static-white-70: hsla(0, 0%, 100%, 0.7);
  --static-white-80: hsla(0, 0%, 100%, 0.8);
  --static-white-90: hsla(0, 0%, 100%, 0.9);
  --static-white-hover: hsla(0, 0%, 100%, 0.1);
  --static-white-pressed: hsla(0, 0%, 100%, 0.2);
  --text-caption: var(--N600);
  --text-disabled: var(--N400);
  --text-link-disabled: var(--N400);
  --text-link-hover: var(--B500);
  --text-link-loading: var(--B300);
  --text-link-normal: var(--B600);
  --text-link-pressed: var(--B700);
  --text-placeholder: var(--N500);
  --text-title: var(--N900);
  --udtoken-btn-ghost-bg: rgba(var(--N00-raw), 0);
  --udtoken-btn-pri-text-disabled: var(--static-white);
  --udtoken-btn-se-bg-danger-focus: var(--function-danger-100);
  --udtoken-btn-se-bg-danger-hover: var(--function-danger-100);
  --udtoken-btn-se-bg-danger-pressed: var(--function-danger-200);
  --udtoken-btn-se-bg-neutral-focus: var(--N100);
  --udtoken-btn-se-bg-neutral-hover: var(--N100);
  --udtoken-btn-se-bg-neutral-pressed: var(--N200);
  --udtoken-btn-se-bg-pri-focus: var(--primary-pri-100);
  --udtoken-btn-se-bg-pri-hover: var(--primary-pri-100);
  --udtoken-btn-se-bg-pri-pressed: var(--primary-pri-200);
  --udtoken-btn-selected-bg-danger-hover: var(--R100);
  --udtoken-btn-selected-bg-danger-normal: var(--R50);
  --udtoken-btn-selected-bg-danger-press: var(--R200);
  --udtoken-btn-selected-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-selected-bg-neutral-normal: rgba(var(--N900-raw), 0.06);
  --udtoken-btn-selected-bg-neutral-press: rgba(var(--N900-raw), 0.14);
  --udtoken-btn-selected-bg-success-hover: var(--G100);
  --udtoken-btn-selected-bg-success-normal: var(--G50);
  --udtoken-btn-selected-bg-success-press: var(--G200);
  --udtoken-btn-selected-border-neutral: var(--N400);
  --udtoken-btn-selected-text-danger: var(--R600);
  --udtoken-btn-selected-text-success: var(--G700);
  --udtoken-btn-text-bg-danger-focus: rgba(var(--function-danger-500-raw), 0.1);
  --udtoken-btn-text-bg-danger-hover: rgba(var(--function-danger-500-raw), 0.1);
  --udtoken-btn-text-bg-danger-pressed: rgba(
    var(--function-danger-500-raw),
    0.2
  );
  --udtoken-btn-text-bg-neutral-focus: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-text-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-text-bg-neutral-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-btn-text-bg-pri-focus: rgba(var(--primary-pri-500-raw), 0.1);
  --udtoken-btn-text-bg-pri-hover: rgba(var(--primary-pri-500-raw), 0.1);
  --udtoken-btn-text-bg-pri-pressed: rgba(var(--primary-pri-500-raw), 0.2);
  --udtoken-component-outlined-bg: var(--bg-body);
  --udtoken-component-text-disabled-loading: var(--N500);
  --udtoken-input-bg-disabled: var(--N200);
  --udtoken-message-card-bg-blue: var(--B100);
  --udtoken-message-card-bg-carmine: var(--C100);
  --udtoken-message-card-bg-green: var(--G100);
  --udtoken-message-card-bg-indigo: var(--I100);
  --udtoken-message-card-bg-light-neutral: var(--N100);
  --udtoken-message-card-bg-lime: var(--L100);
  --udtoken-message-card-bg-mask-general: rgba(var(--N00-raw), 0.5);
  --udtoken-message-card-bg-mask-special: rgba(var(--N00-raw), 0.2);
  --udtoken-message-card-bg-neutral: var(--N500);
  --udtoken-message-card-bg-orange: var(--O100);
  --udtoken-message-card-bg-purple: var(--P100);
  --udtoken-message-card-bg-red: var(--R100);
  --udtoken-message-card-bg-turquoise: var(--T100);
  --udtoken-message-card-bg-violet: var(--V100);
  --udtoken-message-card-bg-wathet: var(--W100);
  --udtoken-message-card-bg-yellow: var(--Y100);
  --udtoken-message-card-text-blue: var(--B600);
  --udtoken-message-card-text-carmine: var(--C600);
  --udtoken-message-card-text-green: var(--G700);
  --udtoken-message-card-text-indigo: var(--I600);
  --udtoken-message-card-text-lime: var(--L700);
  --udtoken-message-card-text-neutral: var(--N00);
  --udtoken-message-card-text-orange: var(--O600);
  --udtoken-message-card-text-purple: var(--P600);
  --udtoken-message-card-text-red: var(--R600);
  --udtoken-message-card-text-turquoise: var(--T700);
  --udtoken-message-card-text-violet: var(--V600);
  --udtoken-message-card-text-wathet: var(--W700);
  --udtoken-message-card-text-yellow: var(--Y700);
  --udtoken-progress-bg: var(--N300);
  --udtoken-skeleton-bg: rgba(var(--N900-raw), 0.08);
  --udtoken-skeleton-fg: rgba(var(--N900-raw), 0.05);
  --udtoken-sliding-block-bg-disabled-loading: var(--N00);
  --udtoken-steps-bg-hover: rgba(var(--primary-pri-500-raw), 0.08);
  --udtoken-tab-pri-bg: rgba(var(--primary-pri-500-raw), 0.2);
  --udtoken-tab-pri-text: var(--primary-pri-600);
  --udtoken-tab-se-bg-unselected: rgba(var(--N900-raw), 0.1);
  --udtoken-table-bg-expand: var(--N100);
  --udtoken-table-bg-grey: var(--N50);
  --udtoken-table-bg-head: var(--N100);
  --udtoken-table-bg-hover: var(--N200);
  --udtoken-table-bg-pressed: var(--N300);
  --udtoken-table-bg-selected: var(--primary-pri-50);
  --udtoken-tag-bg-blue: rgba(var(--B500-raw), 0.2);
  --udtoken-tag-bg-carmine: rgba(var(--C500-raw), 0.2);
  --udtoken-tag-bg-green: rgba(var(--G500-raw), 0.2);
  --udtoken-tag-bg-indigo: rgba(var(--I500-raw), 0.2);
  --udtoken-tag-bg-lime: rgba(var(--L500-raw), 0.2);
  --udtoken-tag-bg-orange: rgba(var(--O500-raw), 0.2);
  --udtoken-tag-bg-purple: rgba(var(--P500-raw), 0.2);
  --udtoken-tag-bg-red: rgba(var(--R500-raw), 0.2);
  --udtoken-tag-bg-turquoise: rgba(var(--T500-raw), 0.2);
  --udtoken-tag-bg-violet: rgba(var(--V500-raw), 0.2);
  --udtoken-tag-bg-wathet: rgba(var(--W500-raw), 0.2);
  --udtoken-tag-bg-yellow: rgba(var(--Y500-raw), 0.2);
  --udtoken-tag-neutral-bg-inverse: var(--N500);
  --udtoken-tag-neutral-bg-inverse-opacity: rgba(var(--N900-raw), 0.4);
  --udtoken-tag-neutral-bg-normal: rgba(var(--N900-raw), 0.1);
  --udtoken-tag-neutral-bg-normal-hover: rgba(var(--N900-raw), 0.15);
  --udtoken-tag-neutral-bg-normal-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-tag-neutral-bg-solid: var(--N200);
  --udtoken-tag-neutral-text-inverse: var(--N00);
  --udtoken-tag-neutral-text-inverse-opacity: var(--N00);
  --udtoken-tag-neutral-text-normal: var(--N600);
  --udtoken-tag-neutral-text-solid: var(--N600);
  --udtoken-tag-state-blue-light: var(--B500);
  --udtoken-tag-state-green-light: var(--G500);
  --udtoken-tag-state-grey-light: var(--N500);
  --udtoken-tag-state-orange-light: var(--O500);
  --udtoken-tag-state-purple-light: var(--P500);
  --udtoken-tag-state-red-light: var(--R500);
  --udtoken-tag-text-blue: var(--B900);
  --udtoken-tag-text-carmine: var(--C900);
  --udtoken-tag-text-green: var(--G900);
  --udtoken-tag-text-indigo: var(--I900);
  --udtoken-tag-text-lime: var(--L900);
  --udtoken-tag-text-orange: var(--O900);
  --udtoken-tag-text-purple: var(--P900);
  --udtoken-tag-text-red: var(--R900);
  --udtoken-tag-text-s-blue: var(--B600);
  --udtoken-tag-text-s-carmine: var(--C600);
  --udtoken-tag-text-s-green: var(--G600);
  --udtoken-tag-text-s-indigo: var(--I600);
  --udtoken-tag-text-s-lime: var(--L700);
  --udtoken-tag-text-s-orange: var(--O600);
  --udtoken-tag-text-s-purple: var(--P600);
  --udtoken-tag-text-s-red: var(--R600);
  --udtoken-tag-text-s-turquoise: var(--T600);
  --udtoken-tag-text-s-violet: var(--V600);
  --udtoken-tag-text-s-wathet: var(--W600);
  --udtoken-tag-text-s-yellow: var(--Y700);
  --udtoken-tag-text-turquoise: var(--T900);
  --udtoken-tag-text-violet: var(--V900);
  --udtoken-tag-text-wathet: var(--W900);
  --udtoken-tag-text-yellow: var(--Y900);
  --udtoken-upload-bg-error: var(--N200);
  --udtoken-upload-mask-img: rgba(var(--N900-raw), 0.4);
}
.pp-web-toast-container-dark,
div[_pp-theme="dark"] {
  --B100: #192a4c;
  --B100-raw: 25, 42, 76;
  --B200: #203e78;
  --B200-raw: 32, 62, 120;
  --B300: #2851a3;
  --B300-raw: 40, 81, 163;
  --B400: #2e65d1;
  --B400-raw: 46, 101, 209;
  --B50: #151f33;
  --B50-raw: 21, 31, 51;
  --B500: #4c88ff;
  --B500-raw: 76, 136, 255;
  --B600: #70a0ff;
  --B600-raw: 112, 160, 255;
  --B700: #9bf;
  --B700-raw: 153, 187, 255;
  --B800: #b8cfff;
  --B800-raw: 184, 207, 255;
  --B900: #cedfff;
  --B900-raw: 206, 223, 255;
  --C100: #5c2542;
  --C100-raw: 92, 37, 66;
  --C200: #91376a;
  --C200-raw: 145, 55, 106;
  --C300: #ad407e;
  --C300-raw: 173, 64, 126;
  --C400: #cc4792;
  --C400-raw: 204, 71, 146;
  --C50: #421b31;
  --C50-raw: 66, 27, 49;
  --C500: #e352a3;
  --C500-raw: 227, 82, 163;
  --C600: #ed66b3;
  --C600-raw: 237, 102, 179;
  --C700: #ff91cf;
  --C700-raw: 255, 145, 207;
  --C800: #ffbde2;
  --C800-raw: 255, 189, 226;
  --C900: #ffdbef;
  --C900-raw: 255, 219, 239;
  --G100: #1f471b;
  --G100-raw: 31, 71, 27;
  --G200: #296b22;
  --G200-raw: 41, 107, 34;
  --G300: #339428;
  --G300-raw: 51, 148, 40;
  --G400: #3bb02e;
  --G400-raw: 59, 176, 46;
  --G50: #193016;
  --G50-raw: 25, 48, 22;
  --G500: #54c248;
  --G500-raw: 84, 194, 72;
  --G600: #6dd162;
  --G600-raw: 109, 209, 98;
  --G700: #92de89;
  --G700-raw: 146, 222, 137;
  --G800: #bdf0b8;
  --G800-raw: 189, 240, 184;
  --G900: #d6f5d2;
  --G900-raw: 214, 245, 210;
  --I100: #262a5e;
  --I100-raw: 38, 42, 94;
  --I200: #353b8c;
  --I200-raw: 53, 59, 140;
  --I300: #4149b5;
  --I300-raw: 65, 73, 181;
  --I400: #4c55d4;
  --I400-raw: 76, 85, 212;
  --I50: #1d1f47;
  --I50-raw: 29, 31, 71;
  --I500: #5f69ed;
  --I500-raw: 95, 105, 237;
  --I600: #737beb;
  --I600-raw: 115, 123, 235;
  --I700: #9ea5ff;
  --I700-raw: 158, 165, 255;
  --I800: #bbc0f6;
  --I800-raw: 187, 192, 246;
  --I900: #d2d5fd;
  --I900-raw: 210, 213, 253;
  --L100: #495706;
  --L100-raw: 73, 87, 6;
  --L200: #6d8205;
  --L200-raw: 109, 130, 5;
  --L300: #91ad02;
  --L300-raw: 145, 173, 2;
  --L400: #abc912;
  --L400-raw: 171, 201, 18;
  --L50: #2e3605;
  --L50-raw: 46, 54, 5;
  --L500: #b9d627;
  --L500-raw: 185, 214, 39;
  --L600: #c7e04d;
  --L600-raw: 199, 224, 77;
  --L700: #d6ea75;
  --L700-raw: 214, 234, 117;
  --L800: #e7f5a6;
  --L800-raw: 231, 245, 166;
  --L900: #f6ffcc;
  --L900-raw: 246, 255, 204;
  --N00: #0a0a0a;
  --N00-raw: 10, 10, 10;
  --N100: #292929;
  --N100-raw: 41, 41, 41;
  --N1000: #fff;
  --N1000-raw: 255, 255, 255;
  --N200: #373737;
  --N200-raw: 55, 55, 55;
  --N300: #434343;
  --N300-raw: 67, 67, 67;
  --N350: #505050;
  --N350-raw: 80, 80, 80;
  --N400: #5f5f5f;
  --N400-raw: 95, 95, 95;
  --N50: #1a1a1a;
  --N50-raw: 26, 26, 26;
  --N500: #757575;
  --N500-raw: 117, 117, 117;
  --N600: #a6a6a6;
  --N600-raw: 166, 166, 166;
  --N650: #cfcfcf;
  --N650-raw: 207, 207, 207;
  --N700: #e0e0e0;
  --N700-raw: 224, 224, 224;
  --N800: #e8e8e8;
  --N800-raw: 232, 232, 232;
  --N900: #ebebeb;
  --N900-raw: 235, 235, 235;
  --N950: #f8f8f8;
  --N950-raw: 248, 248, 248;
  --O100: #57330a;
  --O100-raw: 87, 51, 10;
  --O200: #845117;
  --O200-raw: 132, 81, 23;
  --O300: #bd7017;
  --O300-raw: 189, 112, 23;
  --O400: #de8218;
  --O400-raw: 222, 130, 24;
  --O50: #33210b;
  --O50-raw: 51, 33, 11;
  --O500: #f2962c;
  --O500-raw: 242, 150, 44;
  --O600: #f5a54a;
  --O600-raw: 245, 165, 74;
  --O700: #fabc75;
  --O700-raw: 250, 188, 117;
  --O800: #ffd8ac;
  --O800-raw: 255, 216, 172;
  --O900: #ffeace;
  --O900-raw: 255, 234, 206;
  --P100: #361d61;
  --P100-raw: 54, 29, 97;
  --P200: #4d2691;
  --P200-raw: 77, 38, 145;
  --P300: #6533bd;
  --P300-raw: 101, 51, 189;
  --P400: #7c4ad4;
  --P400-raw: 124, 74, 212;
  --P50: #281745;
  --P50-raw: 40, 23, 69;
  --P500: #9762f5;
  --P500-raw: 151, 98, 245;
  --P600: #a472fc;
  --P600-raw: 164, 114, 252;
  --P700: #b990ff;
  --P700-raw: 185, 144, 255;
  --P800: #d3bafd;
  --P800-raw: 211, 186, 253;
  --P900: #e3d4ff;
  --P900-raw: 227, 212, 255;
  --R100: #4a1d1b;
  --R100-raw: 74, 29, 27;
  --R200: #6b2827;
  --R200-raw: 107, 40, 39;
  --R300: #9e3836;
  --R300-raw: 158, 56, 54;
  --R400: #cc4743;
  --R400-raw: 204, 71, 67;
  --R50: #361918;
  --R50-raw: 54, 25, 24;
  --R500: #f05b56;
  --R500-raw: 240, 91, 86;
  --R600: #fa7873;
  --R600-raw: 250, 120, 115;
  --R700: #ff9c99;
  --R700-raw: 255, 156, 153;
  --R800: #fec6c3;
  --R800-raw: 254, 198, 195;
  --R900: #ffe0e0;
  --R900-raw: 255, 224, 224;
  --S100: #5c5514;
  --S100-raw: 92, 85, 20;
  --S200: #877b10;
  --S200-raw: 135, 123, 16;
  --S300: #c7b300;
  --S300-raw: 199, 179, 0;
  --S400: #e8d100;
  --S400-raw: 232, 209, 0;
  --S50: #38340c;
  --S50-raw: 56, 52, 12;
  --S500: #f5e231;
  --S500-raw: 245, 226, 49;
  --S600: #faed57;
  --S600-raw: 250, 237, 87;
  --S700: #fcf47c;
  --S700-raw: 252, 244, 124;
  --S800: #fffc9e;
  --S800-raw: 255, 252, 158;
  --S900: #ffffc7;
  --S900-raw: 255, 255, 199;
  --T100: #153d38;
  --T100-raw: 21, 61, 56;
  --T200: #23665d;
  --T200-raw: 35, 102, 93;
  --T300: #269687;
  --T300-raw: 38, 150, 135;
  --T400: #37b8a6;
  --T400-raw: 55, 184, 166;
  --T50: #162e2b;
  --T50-raw: 22, 46, 43;
  --T500: #41ccb9;
  --T500-raw: 65, 204, 185;
  --T600: #5cdbca;
  --T600-raw: 92, 219, 202;
  --T700: #7febdc;
  --T700-raw: 127, 235, 220;
  --T800: #b7f7ef;
  --T800-raw: 183, 247, 239;
  --T900: #daf9f5;
  --T900-raw: 218, 249, 245;
  --V100: #4f1c4f;
  --V100-raw: 79, 28, 79;
  --V200: #7a287a;
  --V200-raw: 122, 40, 122;
  --V300: #943b94;
  --V300-raw: 148, 59, 148;
  --V400: #b54ab5;
  --V400-raw: 181, 74, 181;
  --V50: #3b153b;
  --V50-raw: 59, 21, 59;
  --V500: #d457d4;
  --V500-raw: 212, 87, 212;
  --V600: #de73de;
  --V600-raw: 222, 115, 222;
  --V700: #e898e8;
  --V700-raw: 232, 152, 232;
  --V800: #f2bff2;
  --V800-raw: 242, 191, 242;
  --V900: #fbdafb;
  --V900-raw: 251, 218, 251;
  --W100: #173742;
  --W100-raw: 23, 55, 66;
  --W200: #225b70;
  --W200-raw: 34, 91, 112;
  --W300: #2782a3;
  --W300-raw: 39, 130, 163;
  --W400: #2ea5d1;
  --W400-raw: 46, 165, 209;
  --W50: #142930;
  --W50-raw: 20, 41, 48;
  --W500: #42bdeb;
  --W500-raw: 66, 189, 235;
  --W600: #5fd4fe;
  --W600-raw: 95, 212, 254;
  --W700: #89dffe;
  --W700-raw: 137, 223, 254;
  --W800: #c2eeff;
  --W800-raw: 194, 238, 255;
  --W900: #def6ff;
  --W900-raw: 222, 246, 255;
  --Y100: #574711;
  --Y100-raw: 87, 71, 17;
  --Y200: #8f7211;
  --Y200-raw: 143, 114, 17;
  --Y300: #c99d08;
  --Y300-raw: 201, 157, 8;
  --Y400: #f0bb0a;
  --Y400-raw: 240, 187, 10;
  --Y50: #382e0c;
  --Y50-raw: 56, 46, 12;
  --Y500: #fac823;
  --Y500-raw: 250, 200, 35;
  --Y600: #fcd456;
  --Y600-raw: 252, 212, 86;
  --Y700: #ffde75;
  --Y700-raw: 255, 222, 117;
  --Y800: #ffe694;
  --Y800-raw: 255, 230, 148;
  --Y900: #fcefc2;
  --Y900-raw: 252, 239, 194;
  --N00-10: rgba(var(--N00-raw), 0.1);
  --N00-15: rgba(var(--N00-raw), 0.15);
  --N00-20: rgba(var(--N00-raw), 0.2);
  --N00-30: rgba(var(--N00-raw), 0.3);
  --N00-40: rgba(var(--N00-raw), 0.4);
  --N00-5: rgba(var(--N00-raw), 0.05);
  --N00-50: rgba(var(--N00-raw), 0.5);
  --N00-60: rgba(var(--N00-raw), 0.6);
  --N00-70: rgba(var(--N00-raw), 0.7);
  --N00-80: rgba(var(--N00-raw), 0.8);
  --N00-90: rgba(var(--N00-raw), 0.9);
  --N900-10: rgba(var(--N900-raw), 0.1);
  --N900-15: rgba(var(--N900-raw), 0.15);
  --N900-20: rgba(var(--N900-raw), 0.2);
  --N900-30: rgba(var(--N900-raw), 0.3);
  --N900-40: rgba(var(--N900-raw), 0.4);
  --N900-5: rgba(var(--N900-raw), 0.05);
  --N900-50: rgba(var(--N900-raw), 0.5);
  --N900-60: rgba(var(--N900-raw), 0.6);
  --N900-70: rgba(var(--N900-raw), 0.7);
  --N900-80: rgba(var(--N900-raw), 0.8);
  --N900-90: rgba(var(--N900-raw), 0.9);
  --bg-base: var(--N100);
  --bg-body: var(--N00);
  --bg-body-overlay: var(--N50);
  --bg-content-base: #f8f9fa;
  --bg-filler: var(--N200);
  --bg-float: var(--N00);
  --bg-float-base: var(--N100);
  --bg-float-overlay: var(--N50);
  --bg-float-push: rgba(var(--N00-raw), 0.8);
  --bg-mask: rgba(0, 0, 0, 0.4);
  --bg-pricolor: var(--primary-pri-400);
  --bg-sub-navigation: var(--bg-body-overlay);
  --bg-text-selection: rgba(var(--B600-raw), 0.3);
  --bg-tips: var(--N900);
  --fill-active: rgba(var(--primary-pri-500-raw), 0.12);
  --fill-disabled: var(--N400);
  --fill-focus: rgba(var(--N900-raw), 0.12);
  --fill-hover: rgba(var(--N900-raw), 0.08);
  --fill-img-mask: rgba(var(--N00-raw), 0);
  --fill-pressed: rgba(var(--N900-raw), 0.12);
  --fill-selected: rgba(var(--primary-pri-500-raw), 0.08);
  --fill-tag: rgba(var(--N900-raw), 0.1);
  --function-danger-100: var(--R100);
  --function-danger-100-raw: var(--R100-raw);
  --function-danger-200: var(--R200);
  --function-danger-200-raw: var(--R200-raw);
  --function-danger-300: var(--R300);
  --function-danger-300-raw: var(--R300-raw);
  --function-danger-400: var(--R400);
  --function-danger-400-raw: var(--R400-raw);
  --function-danger-50: var(--R50);
  --function-danger-50-raw: var(--R50-raw);
  --function-danger-500: var(--R500);
  --function-danger-500-raw: var(--R500-raw);
  --function-danger-600: var(--R600);
  --function-danger-600-raw: var(--R600-raw);
  --function-danger-700: var(--R700);
  --function-danger-700-raw: var(--R700-raw);
  --function-danger-800: var(--R800);
  --function-danger-800-raw: var(--R800-raw);
  --function-danger-900: var(--R900);
  --function-danger-900-raw: var(--R900-raw);
  --function-info-100: var(--B100);
  --function-info-100-raw: var(--B100-raw);
  --function-info-200: var(--B200);
  --function-info-200-raw: var(--B200-raw);
  --function-info-300: var(--B300);
  --function-info-300-raw: var(--B300-raw);
  --function-info-400: var(--B400);
  --function-info-400-raw: var(--B400-raw);
  --function-info-50: var(--B50);
  --function-info-50-raw: var(--B50-raw);
  --function-info-500: var(--B500);
  --function-info-500-raw: var(--B500-raw);
  --function-info-600: var(--B600);
  --function-info-600-raw: var(--B600-raw);
  --function-info-700: var(--B700);
  --function-info-700-raw: var(--B700-raw);
  --function-info-800: var(--B800);
  --function-info-800-raw: var(--B800-raw);
  --function-info-900: var(--B900);
  --function-info-900-raw: var(--B900-raw);
  --function-success-100: var(--G100);
  --function-success-100-raw: var(--G100-raw);
  --function-success-200: var(--G200);
  --function-success-200-raw: var(--G200-raw);
  --function-success-300: var(--G300);
  --function-success-300-raw: var(--G300-raw);
  --function-success-400: var(--G400);
  --function-success-400-raw: var(--G400-raw);
  --function-success-50: var(--G50);
  --function-success-50-raw: var(--G50-raw);
  --function-success-500: var(--G500);
  --function-success-500-raw: var(--G500-raw);
  --function-success-600: var(--G600);
  --function-success-600-raw: var(--G600-raw);
  --function-success-700: var(--G700);
  --function-success-700-raw: var(--G700-raw);
  --function-success-800: var(--G800);
  --function-success-800-raw: var(--G800-raw);
  --function-success-900: var(--G900);
  --function-success-900-raw: var(--G900-raw);
  --function-warning-100: var(--O100);
  --function-warning-100-raw: var(--O100-raw);
  --function-warning-200: var(--O200);
  --function-warning-200-raw: var(--O200-raw);
  --function-warning-300: var(--O300);
  --function-warning-300-raw: var(--O300-raw);
  --function-warning-400: var(--O400);
  --function-warning-400-raw: var(--O400-raw);
  --function-warning-50: var(--O50);
  --function-warning-50-raw: var(--O50-raw);
  --function-warning-500: var(--O500);
  --function-warning-500-raw: var(--O500-raw);
  --function-warning-600: var(--O600);
  --function-warning-600-raw: var(--O600-raw);
  --function-warning-700: var(--O700);
  --function-warning-700-raw: var(--O700-raw);
  --function-warning-800: var(--O800);
  --function-warning-800-raw: var(--O800-raw);
  --function-warning-900: var(--O900);
  --function-warning-900-raw: var(--O900-raw);
  --gradient-blue: linear-gradient(90deg, var(--B400) 0%, var(--B500) 100%);
  --gradient-carmine: linear-gradient(90deg, var(--C400) 0%, var(--C500) 100%);
  --gradient-green: linear-gradient(90deg, var(--G400) 0%, var(--G500) 100%);
  --gradient-indigo: linear-gradient(90deg, var(--I400) 0%, var(--I500) 100%);
  --gradient-lime: linear-gradient(90deg, var(--L400) 0%, var(--L500) 100%);
  --gradient-orange: linear-gradient(90deg, var(--O400) 0%, var(--O500) 100%);
  --gradient-purple: linear-gradient(90deg, var(--P400) 0%, var(--P500) 100%);
  --gradient-red: linear-gradient(90deg, var(--R400) 0%, var(--R500) 100%);
  --gradient-turquoise: linear-gradient(
    90deg,
    var(--T400) 0%,
    var(--T500) 100%
  );
  --gradient-violet: linear-gradient(90deg, var(--V400) 0%, var(--V500) 100%);
  --gradient-wathet: linear-gradient(90deg, var(--W400) 0%, var(--W500) 100%);
  --gradient-yellow: linear-gradient(90deg, var(--Y400) 0%, var(--Y500) 100%);
  --icon-disabled: var(--N400);
  --icon-n1: var(--N800);
  --icon-n2: var(--N600);
  --icon-n3: var(--N500);
  --illustration-blue-a: var(--B900);
  --illustration-blue-b: var(--B900);
  --illustration-blue-c: var(--B900);
  --illustration-blue-d: var(--B900);
  --illustration-blue-e: var(--B500);
  --illustration-neutral-a: var(--N00);
  --illustration-neutral-b: var(--N00);
  --illustration-neutral-c: rgba(var(--N400-raw), 0.45);
  --illustration-neutral-d: var(--N500);
  --illustration-orange: var(--O500);
  --illustration-red: var(--R500);
  --illustration-static-black: var(--static-black);
  --illustration-static-white: var(--static-white);
  --illustration-turquoise: var(--T500);
  --illustration-wathet: var(--W500);
  --illustration-yellow: var(--Y500);
  --line-border-card: var(--N300);
  --line-border-component: var(--N350);
  --line-divider-default: rgba(var(--N900-raw), 0.15);
  --line-divider-module: rgba(var(--N900-raw), 0.15);
  --primary-pri-100: var(--B100);
  --primary-pri-100-raw: var(--B100-raw);
  --primary-pri-200: var(--B200);
  --primary-pri-200-raw: var(--B200-raw);
  --primary-pri-300: var(--B300);
  --primary-pri-300-raw: var(--B300-raw);
  --primary-pri-400: var(--B400);
  --primary-pri-400-raw: var(--B400-raw);
  --primary-pri-50: var(--B50);
  --primary-pri-50-raw: var(--B50-raw);
  --primary-pri-500: var(--B500);
  --primary-pri-500-raw: var(--B500-raw);
  --primary-pri-600: var(--B600);
  --primary-pri-600-raw: var(--B600-raw);
  --primary-pri-700: var(--B700);
  --primary-pri-700-raw: var(--B700-raw);
  --primary-pri-800: var(--B800);
  --primary-pri-800-raw: var(--B800-raw);
  --primary-pri-900: var(--B900);
  --primary-pri-900-raw: var(--B900-raw);
  --shadow-default: var(--N900);
  --shadow-default-raw: var(--N900-raw);
  --shadow-default-lg: rgba(var(--N900-raw), 0.08);
  --shadow-default-md: rgba(var(--N900-raw), 0.1);
  --shadow-default-sm: rgba(var(--N900-raw), 0.12);
  --shadow-lg-down: 0px 6px 24px var(--shadow-default-lg);
  --shadow-lg-left: -6px 0px 24px var(--shadow-default-lg);
  --shadow-lg-right: 6px 0px 24px var(--shadow-default-lg);
  --shadow-lg-up: 0px -6px 24px var(--shadow-default-lg);
  --shadow-md-down: 0px 4px 8px var(--shadow-default-md);
  --shadow-md-left: -4px 0px 8px var(--shadow-default-md);
  --shadow-md-right: 4px 0px 8px var(--shadow-default-md);
  --shadow-md-up: 0px -4px 8px var(--shadow-default-md);
  --shadow-pri: var(--B600);
  --shadow-pri-raw: var(--B600-raw);
  --shadow-pri-lg: rgba(var(--primary-pri-500-raw), 0.24);
  --shadow-pri-lg-down: 0px 6px 24px var(--shadow-pri-lg);
  --shadow-pri-md: rgba(var(--primary-pri-600-raw), 0.24);
  --shadow-pri-md-down: 0px 4px 8px var(--shadow-pri-md);
  --shadow-s1-down:
    0px 1px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 4px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-down-pri:
    0px 1px 2px -2px rgba(var(--shadow-pri-raw), 0.12),
    0px 2px 4px rgba(var(--shadow-pri-raw), 0.04),
    0px 2px 8px 2px rgba(var(--shadow-pri-raw), 0.02);
  --shadow-s1-left:
    -1px 0px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 4px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-right:
    1px 0px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 4px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-up:
    0px -1px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 4px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-down:
    0px 4px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    0px 4px 8px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-down-pri:
    0px 2px 4px -4px rgba(var(--shadow-pri-raw), 0.12),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.04),
    0px 4px 16px 4px rgba(var(--shadow-pri-raw), 0.03);
  --shadow-s2-left:
    -4px 0px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    -4px 0px 8px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-right:
    4px 0px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    4px 0px 8px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-up:
    0px -4px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    0px -4px 8px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s3-down:
    0px 6px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    0px 3px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    0px 4px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-down-pri:
    0px 3px 6px -6px rgba(var(--shadow-pri-raw), 0.14),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.06),
    0px 6px 18px 6px rgba(var(--shadow-pri-raw), 0.04);
  --shadow-s3-left:
    -6px 0px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    -3px 0px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    -4px 0px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-right:
    6px 0px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    3px 0px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    4px 0px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-up:
    0px -6px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    0px -3px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    0px -4px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s4-down:
    0px 8px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    0px 6px 12px rgba(var(--shadow-default-raw), 0.04),
    0px 4px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-down-pri:
    0px 4px 8px -4px rgba(var(--shadow-pri-raw), 0.16),
    0px 6px 12px rgba(var(--shadow-pri-raw), 0.08),
    0px 8px 24px 8px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s4-left:
    -8px 0px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    -6px 0px 12px rgba(var(--shadow-default-raw), 0.04),
    -4px 0px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-right:
    8px 0px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    6px 0px 12px rgba(var(--shadow-default-raw), 0.04),
    4px 0px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-up:
    0px -8px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    0px -6px 12px rgba(var(--shadow-default-raw), 0.04),
    0px -4px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-down:
    0px 10px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    0px 8px 24px rgba(var(--shadow-default-raw), 0.04),
    0px 6px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-down-pri:
    0px 10px 12px -10px rgba(var(--shadow-pri-raw), 0.18),
    0px 8px 24px rgba(var(--shadow-pri-raw), 0.1),
    0px 10px 36px 10px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s5-left:
    -10px 0px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    -8px 0px 24px rgba(var(--shadow-default-raw), 0.04),
    -6px 0px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-right:
    10px 0px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    8px 0px 24px rgba(var(--shadow-default-raw), 0.04),
    6px 0px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-up:
    0px -10px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    0px -8px 24px rgba(var(--shadow-default-raw), 0.04),
    0px -6px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-sm-down: 0px 2px 4px var(--shadow-default-sm);
  --shadow-sm-left: -2px 0px 4px var(--shadow-default-sm);
  --shadow-sm-right: 2px 0px 4px var(--shadow-default-sm);
  --shadow-sm-up: 0px -2px 4px var(--shadow-default-sm);
  --static-black: #000;
  --static-black-raw: 0, 0, 0;
  --static-black-10: rgba(0, 0, 0, 0.1);
  --static-black-15: rgba(0, 0, 0, 0.15);
  --static-black-20: rgba(0, 0, 0, 0.2);
  --static-black-30: rgba(0, 0, 0, 0.3);
  --static-black-40: rgba(0, 0, 0, 0.4);
  --static-black-5: rgba(0, 0, 0, 0.05);
  --static-black-50: rgba(0, 0, 0, 0.5);
  --static-black-60: rgba(0, 0, 0, 0.6);
  --static-black-70: rgba(0, 0, 0, 0.7);
  --static-black-80: rgba(0, 0, 0, 0.8);
  --static-black-90: rgba(0, 0, 0, 0.9);
  --static-white: #fff;
  --static-white-raw: 255, 255, 255;
  --static-white-10: hsla(0, 0%, 100%, 0.1);
  --static-white-15: hsla(0, 0%, 100%, 0.15);
  --static-white-20: hsla(0, 0%, 100%, 0.2);
  --static-white-30: hsla(0, 0%, 100%, 0.3);
  --static-white-40: hsla(0, 0%, 100%, 0.4);
  --static-white-5: hsla(0, 0%, 100%, 0.05);
  --static-white-50: hsla(0, 0%, 100%, 0.5);
  --static-white-60: hsla(0, 0%, 100%, 0.6);
  --static-white-70: hsla(0, 0%, 100%, 0.7);
  --static-white-80: hsla(0, 0%, 100%, 0.8);
  --static-white-90: hsla(0, 0%, 100%, 0.9);
  --static-white-hover: hsla(0, 0%, 100%, 0.1);
  --static-white-pressed: hsla(0, 0%, 100%, 0.2);
  --text-caption: var(--N600);
  --text-disabled: var(--N400);
  --text-link-disabled: var(--N400);
  --text-link-hover: var(--B500);
  --text-link-loading: var(--B300);
  --text-link-normal: var(--B600);
  --text-link-pressed: var(--B700);
  --text-placeholder: var(--N500);
  --text-title: var(--N900);
  --bg-base: var(--N00);
  --bg-body: var(--N50);
  --bg-body-overlay: var(--N100);
  --bg-content-base: #121212;
  --bg-float: var(--N100);
  --bg-float-base: var(--N50);
  --bg-float-overlay: var(--N200);
  --bg-float-push: rgba(var(--N100-raw), 0.8);
  --bg-mask: rgba(0, 0, 0, 0.7);
  --bg-pricolor: var(--primary-pri-500);
  --bg-sub-navigation: #262626;
  --bg-tips: var(--N350);
  --fill-active: rgba(var(--primary-pri-600-raw), 0.19);
  --fill-img-mask: rgba(0, 0, 0, 0.12);
  --fill-selected: rgba(var(--primary-pri-600-raw), 0.15);
  --gradient-blue: linear-gradient(90deg, var(--B500) 0%, var(--B400) 100%);
  --gradient-carmine: linear-gradient(90deg, var(--C500) 0%, var(--C400) 100%);
  --gradient-green: linear-gradient(90deg, var(--G500) 0%, var(--G400) 100%);
  --gradient-indigo: linear-gradient(90deg, var(--I500) 0%, var(--I400) 100%);
  --gradient-lime: linear-gradient(90deg, var(--L500) 0%, var(--L400) 100%);
  --gradient-orange: linear-gradient(90deg, var(--O500) 0%, var(--O400) 100%);
  --gradient-purple: linear-gradient(90deg, var(--P500) 0%, var(--P400) 100%);
  --gradient-red: linear-gradient(90deg, var(--R500) 0%, var(--R400) 100%);
  --gradient-turquoise: linear-gradient(
    90deg,
    var(--T500) 0%,
    var(--T400) 100%
  );
  --gradient-violet: linear-gradient(90deg, var(--V500) 0%, var(--V400) 100%);
  --gradient-wathet: linear-gradient(90deg, var(--W500) 0%, var(--W400) 100%);
  --gradient-yellow: linear-gradient(90deg, var(--Y500) 0%, var(--Y400) 100%);
  --illustration-blue-a: var(--N700);
  --illustration-blue-b: rgba(var(--static-white-raw), 0.4);
  --illustration-blue-c: var(--N400);
  --illustration-blue-d: var(--B300);
  --illustration-neutral-a: var(--N900);
  --illustration-neutral-b: var(--N200);
  --illustration-neutral-c: rgba(var(--static-white-raw), 0.3);
  --illustration-neutral-d: rgba(var(--static-white-raw), 0.4);
  --line-border-card: rgba(var(--N900-raw), 0.15);
  --line-divider-default: rgba(var(--N650-raw), 0.15);
  --line-divider-module: var(--static-black);
  --shadow-default: #000;
  --shadow-default-raw: 0, 0, 0;
  --shadow-default-lg: rgba(0, 0, 0, 0.24);
  --shadow-default-md: rgba(0, 0, 0, 0.28);
  --shadow-default-sm: rgba(0, 0, 0, 0.32);
  --shadow-lg-down: 0px 12px 48px var(--shadow-default-lg);
  --shadow-lg-left: -12px 0px 48px var(--shadow-default-lg);
  --shadow-lg-right: 12px 0px 48px var(--shadow-default-lg);
  --shadow-lg-up: 0px -12px 48px var(--shadow-default-lg);
  --shadow-md-down: 0px 8px 16px var(--shadow-default-md);
  --shadow-md-left: -8px 0px 16px var(--shadow-default-md);
  --shadow-md-right: 8px 0px 16px var(--shadow-default-md);
  --shadow-md-up: 0px -8px 16px var(--shadow-default-md);
  --shadow-pri: #245bdb;
  --shadow-pri-raw: 36, 91, 219;
  --shadow-pri-lg: rgba(var(--primary-pri-200-raw), 0.48);
  --shadow-pri-lg-down: 0px 12px 48px var(--shadow-pri-lg);
  --shadow-pri-md: rgba(var(--primary-pri-200-raw), 0.48);
  --shadow-pri-md-down: 0px 8px 16px var(--shadow-pri-md);
  --shadow-s1-down-pri:
    0px 1px 2px -2px rgba(var(--shadow-pri-raw), 0.02),
    0px 2px 4px rgba(var(--shadow-pri-raw), 0.02),
    0px 2px 8px 2px rgba(var(--shadow-pri-raw), 0.02);
  --shadow-s2-down-pri:
    0px 4px 16px 4px rgba(var(--shadow-pri-raw), 0.03),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.02),
    0px 2px 4px -4px rgba(var(--shadow-pri-raw), 0.02);
  --shadow-s3-down-pri:
    0px 6px 18px 6px rgba(var(--shadow-pri-raw), 0.03),
    0px 3px 6px -6px rgba(var(--shadow-pri-raw), 0.05),
    0px 4px 8px rgba(36, 91, 219, 0.03);
  --shadow-s4-down-pri:
    0px 8px 24px 8px rgba(var(--shadow-pri-raw), 0.04),
    0px 6px 12px rgba(var(--shadow-pri-raw), 0.04),
    0px 4px 8px -8px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s5-down-pri:
    0px 10px 36px 10px rgba(var(--shadow-pri-raw), 0.04),
    0px 8px 24px rgba(var(--shadow-pri-raw), 0.04),
    0px 6px 12px -10px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-sm-down: 0px 4px 8px var(--shadow-default-sm);
  --shadow-sm-left: -4px 0px 8px var(--shadow-default-sm);
  --shadow-sm-right: 4px 0px 8px var(--shadow-default-sm);
  --shadow-sm-up: 0px -4px 8px var(--shadow-default-sm);
  --udtoken-btn-ghost-bg: rgba(var(--N00-raw), 0);
  --udtoken-btn-pri-text-disabled: var(--static-white);
  --udtoken-btn-se-bg-danger-focus: var(--function-danger-100);
  --udtoken-btn-se-bg-danger-hover: var(--function-danger-100);
  --udtoken-btn-se-bg-danger-pressed: var(--function-danger-200);
  --udtoken-btn-se-bg-neutral-focus: var(--N100);
  --udtoken-btn-se-bg-neutral-hover: var(--N100);
  --udtoken-btn-se-bg-neutral-pressed: var(--N200);
  --udtoken-btn-se-bg-pri-focus: var(--primary-pri-100);
  --udtoken-btn-se-bg-pri-hover: var(--primary-pri-100);
  --udtoken-btn-se-bg-pri-pressed: var(--primary-pri-200);
  --udtoken-btn-selected-bg-danger-hover: var(--R100);
  --udtoken-btn-selected-bg-danger-normal: var(--R50);
  --udtoken-btn-selected-bg-danger-press: var(--R200);
  --udtoken-btn-selected-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-selected-bg-neutral-normal: rgba(var(--N900-raw), 0.06);
  --udtoken-btn-selected-bg-neutral-press: rgba(var(--N900-raw), 0.14);
  --udtoken-btn-selected-bg-success-hover: var(--G100);
  --udtoken-btn-selected-bg-success-normal: var(--G50);
  --udtoken-btn-selected-bg-success-press: var(--G200);
  --udtoken-btn-selected-border-neutral: var(--N400);
  --udtoken-btn-selected-text-danger: var(--R600);
  --udtoken-btn-selected-text-success: var(--G700);
  --udtoken-btn-text-bg-danger-focus: rgba(var(--function-danger-500-raw), 0.1);
  --udtoken-btn-text-bg-danger-hover: rgba(var(--function-danger-500-raw), 0.1);
  --udtoken-btn-text-bg-danger-pressed: rgba(
    var(--function-danger-500-raw),
    0.2
  );
  --udtoken-btn-text-bg-neutral-focus: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-text-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-text-bg-neutral-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-btn-text-bg-pri-focus: rgba(var(--primary-pri-500-raw), 0.1);
  --udtoken-btn-text-bg-pri-hover: rgba(var(--primary-pri-500-raw), 0.1);
  --udtoken-btn-text-bg-pri-pressed: rgba(var(--primary-pri-500-raw), 0.2);
  --udtoken-component-outlined-bg: var(--bg-body);
  --udtoken-component-text-disabled-loading: var(--N500);
  --udtoken-input-bg-disabled: var(--N200);
  --udtoken-message-card-bg-blue: var(--B100);
  --udtoken-message-card-bg-carmine: var(--C100);
  --udtoken-message-card-bg-green: var(--G100);
  --udtoken-message-card-bg-indigo: var(--I100);
  --udtoken-message-card-bg-light-neutral: var(--N100);
  --udtoken-message-card-bg-lime: var(--L100);
  --udtoken-message-card-bg-mask-general: rgba(var(--N00-raw), 0.5);
  --udtoken-message-card-bg-mask-special: rgba(var(--N00-raw), 0.2);
  --udtoken-message-card-bg-neutral: var(--N500);
  --udtoken-message-card-bg-orange: var(--O100);
  --udtoken-message-card-bg-purple: var(--P100);
  --udtoken-message-card-bg-red: var(--R100);
  --udtoken-message-card-bg-turquoise: var(--T100);
  --udtoken-message-card-bg-violet: var(--V100);
  --udtoken-message-card-bg-wathet: var(--W100);
  --udtoken-message-card-bg-yellow: var(--Y100);
  --udtoken-message-card-text-blue: var(--B600);
  --udtoken-message-card-text-carmine: var(--C600);
  --udtoken-message-card-text-green: var(--G700);
  --udtoken-message-card-text-indigo: var(--I600);
  --udtoken-message-card-text-lime: var(--L700);
  --udtoken-message-card-text-neutral: var(--N00);
  --udtoken-message-card-text-orange: var(--O600);
  --udtoken-message-card-text-purple: var(--P600);
  --udtoken-message-card-text-red: var(--R600);
  --udtoken-message-card-text-turquoise: var(--T700);
  --udtoken-message-card-text-violet: var(--V600);
  --udtoken-message-card-text-wathet: var(--W700);
  --udtoken-message-card-text-yellow: var(--Y700);
  --udtoken-progress-bg: var(--N300);
  --udtoken-skeleton-bg: rgba(var(--N900-raw), 0.08);
  --udtoken-skeleton-fg: rgba(var(--N900-raw), 0.05);
  --udtoken-sliding-block-bg-disabled-loading: var(--N00);
  --udtoken-steps-bg-hover: rgba(var(--primary-pri-500-raw), 0.08);
  --udtoken-tab-pri-bg: rgba(var(--primary-pri-500-raw), 0.2);
  --udtoken-tab-pri-text: var(--primary-pri-600);
  --udtoken-tab-se-bg-unselected: rgba(var(--N900-raw), 0.1);
  --udtoken-table-bg-expand: var(--N100);
  --udtoken-table-bg-grey: var(--N50);
  --udtoken-table-bg-head: var(--N100);
  --udtoken-table-bg-hover: var(--N200);
  --udtoken-table-bg-pressed: var(--N300);
  --udtoken-table-bg-selected: var(--primary-pri-50);
  --udtoken-tag-bg-blue: rgba(var(--B500-raw), 0.2);
  --udtoken-tag-bg-carmine: rgba(var(--C500-raw), 0.2);
  --udtoken-tag-bg-green: rgba(var(--G500-raw), 0.2);
  --udtoken-tag-bg-indigo: rgba(var(--I500-raw), 0.2);
  --udtoken-tag-bg-lime: rgba(var(--L500-raw), 0.2);
  --udtoken-tag-bg-orange: rgba(var(--O500-raw), 0.2);
  --udtoken-tag-bg-purple: rgba(var(--P500-raw), 0.2);
  --udtoken-tag-bg-red: rgba(var(--R500-raw), 0.2);
  --udtoken-tag-bg-turquoise: rgba(var(--T500-raw), 0.2);
  --udtoken-tag-bg-violet: rgba(var(--V500-raw), 0.2);
  --udtoken-tag-bg-wathet: rgba(var(--W500-raw), 0.2);
  --udtoken-tag-bg-yellow: rgba(var(--Y500-raw), 0.2);
  --udtoken-tag-neutral-bg-inverse: var(--N500);
  --udtoken-tag-neutral-bg-inverse-opacity: rgba(var(--N900-raw), 0.4);
  --udtoken-tag-neutral-bg-normal: rgba(var(--N900-raw), 0.1);
  --udtoken-tag-neutral-bg-normal-hover: rgba(var(--N900-raw), 0.15);
  --udtoken-tag-neutral-bg-normal-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-tag-neutral-bg-solid: var(--N200);
  --udtoken-tag-neutral-text-inverse: var(--N00);
  --udtoken-tag-neutral-text-inverse-opacity: var(--N00);
  --udtoken-tag-neutral-text-normal: var(--N600);
  --udtoken-tag-neutral-text-solid: var(--N600);
  --udtoken-tag-state-blue-light: var(--B500);
  --udtoken-tag-state-green-light: var(--G500);
  --udtoken-tag-state-grey-light: var(--N500);
  --udtoken-tag-state-orange-light: var(--O500);
  --udtoken-tag-state-purple-light: var(--P500);
  --udtoken-tag-state-red-light: var(--R500);
  --udtoken-tag-text-blue: var(--B900);
  --udtoken-tag-text-carmine: var(--C900);
  --udtoken-tag-text-green: var(--G900);
  --udtoken-tag-text-indigo: var(--I900);
  --udtoken-tag-text-lime: var(--L900);
  --udtoken-tag-text-orange: var(--O900);
  --udtoken-tag-text-purple: var(--P900);
  --udtoken-tag-text-red: var(--R900);
  --udtoken-tag-text-s-blue: var(--B600);
  --udtoken-tag-text-s-carmine: var(--C600);
  --udtoken-tag-text-s-green: var(--G600);
  --udtoken-tag-text-s-indigo: var(--I600);
  --udtoken-tag-text-s-lime: var(--L700);
  --udtoken-tag-text-s-orange: var(--O600);
  --udtoken-tag-text-s-purple: var(--P600);
  --udtoken-tag-text-s-red: var(--R600);
  --udtoken-tag-text-s-turquoise: var(--T600);
  --udtoken-tag-text-s-violet: var(--V600);
  --udtoken-tag-text-s-wathet: var(--W600);
  --udtoken-tag-text-s-yellow: var(--Y700);
  --udtoken-tag-text-turquoise: var(--T900);
  --udtoken-tag-text-violet: var(--V900);
  --udtoken-tag-text-wathet: var(--W900);
  --udtoken-tag-text-yellow: var(--Y900);
  --udtoken-upload-bg-error: var(--N200);
  --udtoken-upload-mask-img: rgba(var(--N900-raw), 0.4);
  --udtoken-btn-pri-text-disabled: rgba(var(--N900-raw), 0.3);
  --udtoken-btn-se-bg-danger-focus: rgba(var(--function-danger-500-raw), 0.2);
  --udtoken-btn-se-bg-danger-hover: rgba(var(--function-danger-500-raw), 0.2);
  --udtoken-btn-se-bg-danger-pressed: rgba(var(--function-danger-500-raw), 0.3);
  --udtoken-btn-se-bg-neutral-focus: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-se-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-se-bg-neutral-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-btn-se-bg-pri-focus: rgba(var(--primary-pri-500-raw), 0.2);
  --udtoken-btn-se-bg-pri-hover: rgba(var(--primary-pri-500-raw), 0.2);
  --udtoken-btn-se-bg-pri-pressed: rgba(var(--primary-pri-500-raw), 0.3);
  --udtoken-btn-selected-bg-danger-hover: rgba(var(--R500-raw), 0.28);
  --udtoken-btn-selected-bg-danger-normal: rgba(var(--R500-raw), 0.15);
  --udtoken-btn-selected-bg-danger-press: rgba(var(--R500-raw), 0.36);
  --udtoken-btn-selected-bg-neutral-hover: rgba(var(--N900-raw), 0.12);
  --udtoken-btn-selected-bg-neutral-normal: rgba(var(--N900-raw), 0.08);
  --udtoken-btn-selected-bg-neutral-press: rgba(var(--N900-raw), 0.16);
  --udtoken-btn-selected-bg-success-hover: rgba(var(--G500-raw), 0.28);
  --udtoken-btn-selected-bg-success-normal: rgba(var(--G500-raw), 0.15);
  --udtoken-btn-selected-bg-success-press: rgba(var(--G500-raw), 0.36);
  --udtoken-btn-selected-border-neutral: rgba(var(--N1000-raw), 0.5);
  --udtoken-btn-selected-text-danger: var(--R500);
  --udtoken-btn-selected-text-success: var(--G500);
  --udtoken-btn-text-bg-danger-focus: rgba(var(--function-danger-500-raw), 0.2);
  --udtoken-btn-text-bg-danger-hover: rgba(var(--function-danger-500-raw), 0.2);
  --udtoken-btn-text-bg-danger-pressed: rgba(
    var(--function-danger-500-raw),
    0.3
  );
  --udtoken-btn-text-bg-pri-focus: rgba(var(--primary-pri-500-raw), 0.2);
  --udtoken-btn-text-bg-pri-hover: rgba(var(--primary-pri-500-raw), 0.2);
  --udtoken-btn-text-bg-pri-pressed: rgba(var(--primary-pri-500-raw), 0.3);
  --udtoken-component-outlined-bg: rgba(var(--N00-raw), 0);
  --udtoken-input-bg-disabled: rgba(var(--N900-raw), 0.12);
  --udtoken-message-card-bg-light-neutral: var(--N200);
  --udtoken-message-card-bg-mask-general: rgba(var(--N00-raw), 0.3);
  --udtoken-message-card-bg-mask-special: rgba(var(--N00-raw), 0.3);
  --udtoken-message-card-bg-neutral: var(--N300);
  --udtoken-message-card-text-blue: var(--B700);
  --udtoken-message-card-text-carmine: var(--C700);
  --udtoken-message-card-text-indigo: var(--I700);
  --udtoken-message-card-text-neutral: var(--N650);
  --udtoken-message-card-text-orange: var(--O700);
  --udtoken-message-card-text-purple: var(--P700);
  --udtoken-message-card-text-red: var(--R700);
  --udtoken-message-card-text-violet: var(--V700);
  --udtoken-progress-bg: rgba(var(--N900-raw), 0.2);
  --udtoken-skeleton-bg: hsla(0, 0%, 94%, 0.08);
  --udtoken-skeleton-fg: hsla(0, 0%, 94%, 0.05);
  --udtoken-sliding-block-bg-disabled-loading: var(--N500);
  --udtoken-steps-bg-hover: rgba(var(--primary-pri-600-raw), 0.15);
  --udtoken-tab-pri-bg: var(--primary-pri-200);
  --udtoken-tab-pri-text: var(--primary-pri-700);
  --udtoken-tab-se-bg-unselected: rgba(var(--N900-raw), 0.2);
  --udtoken-table-bg-expand: var(--N00);
  --udtoken-table-bg-grey: var(--N100);
  --udtoken-table-bg-head: var(--N200);
  --udtoken-table-bg-hover: var(--N350);
  --udtoken-table-bg-pressed: var(--N400);
  --udtoken-table-bg-selected: var(--primary-pri-100);
  --udtoken-tag-bg-green: rgba(var(--G400-raw), 0.2);
  --udtoken-tag-bg-lime: rgba(var(--L300-raw), 0.2);
  --udtoken-tag-bg-orange: rgba(var(--O400-raw), 0.2);
  --udtoken-tag-bg-turquoise: rgba(var(--T400-raw), 0.2);
  --udtoken-tag-bg-wathet: rgba(var(--W400-raw), 0.2);
  --udtoken-tag-bg-yellow: rgba(var(--Y300-raw), 0.2);
  --udtoken-tag-neutral-bg-inverse: var(--N400);
  --udtoken-tag-neutral-bg-normal: rgba(var(--N600-raw), 0.2);
  --udtoken-tag-neutral-bg-normal-hover: rgba(var(--N900-raw), 0.3);
  --udtoken-tag-neutral-bg-normal-pressed: rgba(var(--N900-raw), 0.4);
  --udtoken-tag-neutral-text-inverse: var(--N1000);
  --udtoken-tag-neutral-text-inverse-opacity: var(--N1000);
  --udtoken-tag-neutral-text-solid: var(--N400);
  --udtoken-tag-text-blue: var(--B700);
  --udtoken-tag-text-carmine: var(--C700);
  --udtoken-tag-text-green: var(--G700);
  --udtoken-tag-text-indigo: var(--I700);
  --udtoken-tag-text-lime: var(--L700);
  --udtoken-tag-text-orange: var(--O700);
  --udtoken-tag-text-purple: var(--P700);
  --udtoken-tag-text-red: var(--R700);
  --udtoken-tag-text-s-blue: var(--B700);
  --udtoken-tag-text-s-carmine: var(--C700);
  --udtoken-tag-text-s-green: var(--G700);
  --udtoken-tag-text-s-indigo: var(--I700);
  --udtoken-tag-text-s-orange: var(--O700);
  --udtoken-tag-text-s-purple: var(--P700);
  --udtoken-tag-text-s-red: var(--R700);
  --udtoken-tag-text-s-turquoise: var(--T700);
  --udtoken-tag-text-s-violet: var(--V700);
  --udtoken-tag-text-s-wathet: var(--W700);
  --udtoken-tag-text-turquoise: var(--T700);
  --udtoken-tag-text-violet: var(--V700);
  --udtoken-tag-text-wathet: var(--W700);
  --udtoken-tag-text-yellow: var(--Y700);
  --udtoken-upload-bg-error: rgba(var(--N900-raw), 0.12);
  --udtoken-upload-mask-img: rgba(0, 0, 0, 0.7);
}
div[_pp-locale],
div[_pp-locale|="zh"] {
  font-family:
    LarkEmojiFont,
    LarkChineseQuote,
    -apple-system,
    BlinkMacSystemFont,
    Helvetica Neue,
    Tahoma,
    PingFang SC,
    Microsoft Yahei,
    Arial,
    Hiragino Sans GB,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
}
div[_pp-locale|="ja"] {
  font-family:
    ヒラギノ角ゴ Pro W3,
    Hiragino Kaku Gothic Pro,
    Yu Gothic UI,
    游ゴシック体,
    Noto Sans Japanese,
    Microsoft Jhenghei UI,
    Microsoft Yahei UI,
    ＭＳ Ｐゴシック,
    Arial,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
}
#__passport_loading_container {
  align-items: center;
  background-color: var(--bg-body);
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99999;
}
.passport-dot-loading-container {
  text-align: center;
}
.passport-dot-loading-container .passport-dot-loading-dot {
  animation: 1.4s ease-in-out infinite both sk-bouncedelay;
  border-radius: 100%;
  display: inline-block;
  height: 16px;
  margin: 3px;
  width: 16px;
}
.passport-dot-loading-container .passport-dot-loading-dot-1 {
  animation-delay: -0.32s;
  background-color: var(--primary-pri-500);
}
.passport-dot-loading-container .passport-dot-loading-dot-2 {
  animation-delay: -0.16s;
  background-color: var(--primary-pri-500);
}
.passport-dot-loading-container .passport-dot-loading-dot-3 {
  background-color: var(--primary-pri-500);
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  to {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.uc-modal-container {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  background-color: var(--bg-mask);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1001;
}
.uc-modal-container .base-modal {
  background-color: var(--bg-float);
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 var(--shadow-default-md);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  height: auto;
  margin-bottom: 50px;
  padding: 24px;
  position: relative;
  width: 420px;
}
.uc-modal-container .base-modal .close {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAAB65masAAACQElEQVRYCe2WO0tDMRTHc6pWBB0EB7HgJPgYC4qgi7qJ4ldQEIXqolBXFxexPhDulT5cnFwcxFHFzaUg4iQ4+xhcREV89ZijRi5tYu9NMijcQJtycs4/v54kJ2EsbGEGwgz87wyACn8ina7Cs4tNZNgaxciI6y7dqHx17BNTyTgibjPArayzvKDSqFANxJvbMhxulI/HCoBD3Z29O/n88YPKP4j9G+6A68d4XH+8q/f2JH+cl2lEZEay8eBaMYbI2l6hcJRIJBuFTbf3wNULDfDMJWyiVwLWVcfGGLBD4WgDUgYXAeZkndSimKe4V+5BcpyZWam5f7nc4+kcEIEA7LwKI31B96QKLuMsTwttWf8rIAXYgNSFo/nLAppCmsD5BtSFNIULBBgU0gZcYEC/kLbgtADLQb4Ba+I3BBXhnzpHpaTcaSVdWfN1SGSB0tPN4IL7NtiCo3m1ASlYBkl20UwyJzSMAEnkC/JqnyH2CFHqgcFm1k2Ne206v5VXnV+xx5frdkDWUeIP2GPj7jbKoOy0ekF1r0WvhnYGpXAAG7YfGFqAMjg6EDknlaiLxoZtQgZeYhWct87JTrfucgcC9AMn9o8tSN+AQeBsQvoC1IGzBVkW0ATOBuSvgDbgTCGVgDbhTCCVdZC/SFybrxKCXF2dfZLWScbmxZ8o7pWA3HGNf94pwMarhHSoFUPyR8UdVhZyX6Ol38olJtfJqeQgz2JLxkmtl4aaWT7r5PPVHAfczbpLp2ZqYXSYgTADfzcDH/A16qssuO08AAAAAElFTkSuQmCC);
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  cursor: pointer;
  display: block;
  height: 20px;
  position: absolute;
  right: 24px;
  top: 24px;
  width: 20px;
}
.uc-modal-container .base-modal .modal-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSAyMmM2LjA3NSAwIDExLTQuOTI1IDExLTExUzE3LjA3NSAwIDExIDAgMCA0LjkyNSAwIDExczQuOTI1IDExIDExIDExWk0xMCA2LjVhLjUuNSAwIDAgMSAuNS0uNWgxYS41LjUgMCAwIDEgLjUuNXY2YS41LjUgMCAwIDEtLjUuNWgtMWEuNS41IDAgMCAxLS41LS41di02Wm0wIDhhLjUuNSAwIDAgMSAuNS0uNWgxYS41LjUgMCAwIDEgLjUuNXYxYS41LjUgMCAwIDEtLjUuNWgtMWEuNS41IDAgMCAxLS41LS41di0xWiIgZmlsbD0iI0Y4MCIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  flex-shrink: 0;
  height: 22px;
  margin-right: 16px;
  margin-top: 1px;
  width: 22px;
}
.uc-modal-container .base-modal .modal-icon-item {
  flex-shrink: 0;
  font-size: 22px;
  margin-right: 16px;
  margin-top: 1px;
}
.uc-modal-container .base-modal .modal-title {
  color: var(--text-title);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 8px;
}
.uc-modal-container .base-modal .modal-subtitle {
  color: var(--text-title);
  font-size: 14px;
  line-height: 20px;
}
.uc-modal-container .base-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
  padding: 0;
  text-align: right;
}
.uc-modal-container .base-modal .modal-footer .operation-switch.base-button {
  margin-left: 16px;
}
.uc-modal-container
  .base-modal
  .modal-footer
  .operation-switch.base-button
  .switch-loading {
  display: none;
  margin-right: 6px;
}
.uc-modal-container .base-modal .flex-column {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.uc-modal-container .base-modal .flex-grow {
  flex-grow: 1;
}
.passport-modal-loading .operation-switch.base-button {
  cursor: not-allowed !important;
  opacity: 0.4;
}
.passport-modal-loading .operation-switch.base-button .switch-loading {
  display: block !important;
}
.passport-modal-loading .operation-cancel.base-button {
  cursor: not-allowed !important;
  opacity: 0.4;
}
#__passport_common_modal_container_id .uc-modal-container .__pp_modal_mobile {
  border-radius: 12px;
  margin-bottom: 0;
  max-width: 90%;
  padding: 24px 0 0;
  width: 300px;
}
#__passport_common_modal_container_id
  .uc-modal-container
  .__pp_modal_mobile
  .modal-content {
  padding: 0 20px;
}
#__passport_common_modal_container_id
  .uc-modal-container
  .__pp_modal_mobile
  .modal-title {
  font-size: 17px;
  height: auto;
  line-height: 24px;
  margin-bottom: 10px;
  text-align: center;
}
#__passport_common_modal_container_id
  .uc-modal-container
  .__pp_modal_mobile
  .modal-subtitle {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
#__passport_common_modal_container_id
  .uc-modal-container
  .__pp_modal_mobile
  .modal-footer {
  border-radius: 0 0 12px 12px;
  box-sizing: border-box;
  display: flex;
  height: 52px;
  margin-top: 24px;
  overflow: hidden;
}
#__passport_common_modal_container_id
  .uc-modal-container
  .__pp_modal_mobile
  .modal-footer
  .base-button {
  background-color: var(--bg-float) !important;
  border: none;
  border-radius: 0;
  border-top: 1px solid var(--line-divider-default);
  box-sizing: border-box;
  flex: 1 1;
  font-size: 17px;
  height: 100%;
  margin: 0;
  padding: 0;
}
#__passport_common_modal_container_id
  .uc-modal-container
  .__pp_modal_mobile
  .modal-footer
  .base-button.operation-cancel.base-button {
  border-right: 1px solid var(--line-divider-default);
}
#__passport_common_modal_container_id
  .uc-modal-container
  .__pp_modal_mobile
  .modal-footer
  .base-button.operation-switch.base-button {
  color: var(--function-danger-500);
}
#__passport_common_modal_container_id
  .uc-modal-container
  .__pp_modal_mobile
  .modal-footer
  .base-button:active {
  background-color: var(--fill-hover) !important;
}
.base-button {
  align-items: center;
  border: none;
  border-radius: 6px;
  box-sizing: border-box;
  display: inline-flex;
  font-size: 14px;
  justify-content: center;
  line-height: 22px;
}
.base-button.base-button-round {
  border-radius: 16px;
}
.base-button:not(.base-button-disabled):not(.base-button-loading) {
  cursor: pointer;
}
.base-button.base-button-primary {
  background-color: var(--primary-pri-500);
  color: var(--static-white);
  height: 32px;
  min-width: 80px;
  padding: 4px 11px;
}
.base-button.base-button-primary:not(.base-button-disabled):not(
    .base-button-loading
  ):hover {
  background-color: var(--primary-pri-400);
}
.base-button.base-button-primary:not(.base-button-disabled):not(
    .base-button-loading
  ):active {
  background-color: var(--primary-pri-600);
}
.base-button.base-button-primary.base-button-loading {
  background-color: var(--primary-pri-300);
  color: var(--udtoken-btn-pri-text-disabled);
}
.base-button.base-button-primary.base-button-color-danger {
  background-color: var(--function-danger-500);
}
.base-button.base-button-primary.base-button-color-danger:not(
    .base-button-disabled
  ):not(.base-button-loading):hover {
  background-color: var(--function-danger-400);
}
.base-button.base-button-primary.base-button-color-danger:not(
    .base-button-disabled
  ):not(.base-button-loading):active {
  background-color: var(--function-danger-600);
}
.base-button.base-button-primary.base-button-color-danger.base-button-loading {
  background-color: var(--function-danger-300);
}
.base-button.base-button-primary.base-button-disabled {
  background-color: var(--fill-disabled);
  color: var(--udtoken-btn-pri-text-disabled);
}
.base-button.base-button-outline {
  background-color: var(--udtoken-component-outlined-bg);
  border: 1px solid var(--primary-pri-500);
  color: var(--primary-pri-500);
  height: 32px;
  min-width: 80px;
  padding: 4px 11px;
}
.base-button.base-button-outline:not(.base-button-disabled):not(
    .base-button-loading
  ):hover {
  background-color: var(--udtoken-btn-se-bg-pri-hover);
}
.base-button.base-button-outline:not(.base-button-disabled):not(
    .base-button-loading
  ):active {
  background-color: var(--udtoken-btn-se-bg-pri-pressed);
}
.base-button.base-button-outline.base-button-loading {
  border-color: var(--primary-pri-300);
  color: var(--primary-pri-300);
}
.base-button.base-button-outline.base-button-color-danger {
  border-color: var(--primary-pri-500);
  color: var(--function-danger-500);
}
.base-button.base-button-outline.base-button-color-danger:not(
    .base-button-disabled
  ):not(.base-button-loading):hover {
  background-color: var(--function-danger-50);
}
.base-button.base-button-outline.base-button-color-danger:not(
    .base-button-disabled
  ):not(.base-button-loading):active {
  background-color: var(--function-danger-200);
}
.base-button.base-button-outline.base-button-color-danger.base-button-loading {
  border-color: var(--primary-pri-300);
  color: var(--primary-pri-300);
}
.base-button.base-button-outline.base-button-color-default {
  border-color: var(--line-border-component);
  color: var(--text-title);
}
.base-button.base-button-outline.base-button-color-default:not(
    .base-button-disabled
  ):not(.base-button-loading):hover {
  background-color: var(--udtoken-btn-se-bg-neutral-hover);
}
.base-button.base-button-outline.base-button-color-default:not(
    .base-button-disabled
  ):not(.base-button-loading):active {
  background-color: var(--udtoken-btn-se-bg-neutral-pressed);
}
.base-button.base-button-outline.base-button-color-default.base-button-loading {
  color: var(--udtoken-component-text-disabled-loading);
}
.base-button.base-button-outline.base-button-disabled {
  border-color: var(--line-border-component);
  color: var(--text-disabled);
}
.base-button.base-button-link {
  background-color: transparent;
  color: var(--primary-pri-500);
  height: auto;
  padding: 0;
}
.base-button.base-button-link:not(.base-button-disabled):not(
    .base-button-loading
  ):hover {
  color: var(--text-link-hover);
}
.base-button.base-button-link:not(.base-button-disabled):not(
    .base-button-loading
  ):active {
  color: var(--text-link-pressed);
}
.base-button.base-button-link.base-button-loading {
  color: var(--primary-pri-300);
}
.base-button.base-button-link.base-button-color-danger {
  color: var(--function-danger-500);
}
.base-button.base-button-link.base-button-color-danger:not(
    .base-button-disabled
  ):not(.base-button-loading):hover {
  color: var(--function-danger-400);
}
.base-button.base-button-link.base-button-color-danger:not(
    .base-button-disabled
  ):not(.base-button-loading):active {
  color: var(--function-danger-600);
}
.base-button.base-button-link.base-button-color-danger.base-button-loading {
  color: var(--function-danger-300);
}
.base-button.base-button-link.base-button-disabled {
  color: var(--text-disabled);
}
.base-button.base-button-text {
  background-color: transparent;
  color: var(--primary-pri-500);
  height: auto;
  padding: 2px 4px;
}
.base-button.base-button-text:not(.base-button-disabled):not(
    .base-button-loading
  ):hover {
  background-color: var(--udtoken-btn-text-bg-pri-hover);
}
.base-button.base-button-text:not(.base-button-disabled):not(
    .base-button-loading
  ):active {
  background-color: var(--udtoken-btn-text-bg-pri-pressed);
}
.base-button.base-button-text.base-button-loading {
  color: var(--primary-pri-300);
}
.base-button.base-button-text.base-button-color-danger {
  color: var(--function-danger-500);
}
.base-button.base-button-text.base-button-color-danger:not(
    .base-button-disabled
  ):not(.base-button-loading):hover {
  background-color: var(--udtoken-btn-text-bg-danger-hover);
}
.base-button.base-button-text.base-button-color-danger:not(
    .base-button-disabled
  ):not(.base-button-loading):active {
  background-color: var(--udtoken-btn-text-bg-danger-pressed);
}
.base-button.base-button-text.base-button-color-danger.base-button-loading {
  color: var(--function-danger-300);
}
.base-button.base-button-text.base-button-color-default {
  color: var(--text-title);
}
.base-button.base-button-text.base-button-color-default:not(
    .base-button-disabled
  ):not(.base-button-loading):hover {
  background-color: var(--udtoken-btn-se-bg-neutral-hover);
}
.base-button.base-button-text.base-button-color-default:not(
    .base-button-disabled
  ):not(.base-button-loading):active {
  background-color: var(--udtoken-btn-se-bg-neutral-pressed);
}
.base-button.base-button-text.base-button-color-default.base-button-loading {
  color: var(--text-placeholder);
}
.base-button.base-button-text.base-button-disabled {
  color: var(--text-disabled);
}
.base-button .base-loading-container .base-loading {
  border: 1.5px solid var(--primary-pri-500);
  border-bottom-color: transparent !important;
  height: 11px;
  width: 11px;
}
.base-button .loading-type-primary.base-loading-container .base-loading {
  border: 1.5px solid var(--static-white);
  border-bottom: 1.5px solid transparent;
}
.base-button.base-button-color-danger .base-loading-container .base-loading {
  border: 1.5px solid var(--function-danger-500);
  border-bottom: 1.5px solid transparent;
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.base-loading-container .base-loading {
  animation: 0.75s linear infinite both rotate;
  background: 0 0 !important;
  border: 2px solid var(--primary-pri-500);
  border-bottom-color: transparent !important;
  border-radius: 100%;
  box-sizing: border-box;
  height: 14px;
  width: 14px;
}
._pp-toast-widget {
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 40px;
  width: 100vw;
  z-index: 1010;
}
._pp-toast-widget ._pp-toast {
  align-items: center;
  animation: 0.3s PP_FadeIn_DOWN;
  border-radius: 6px;
  box-sizing: border-box;
  color: var(--text-title);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  padding: 15px 19px;
}
._pp-toast-widget ._pp-toast ._pp-toast-icon {
  flex-shrink: 0;
  font-size: 16px;
  margin-right: 8px;
}
._pp-toast-widget ._pp-toast.success-passport-toast {
  background: var(--function-success-50);
  border: 1px solid var(--function-success-500);
}
._pp-toast-widget ._pp-toast.success-passport-toast ._pp-toast-icon {
  color: var(--function-success-500);
}
._pp-toast-widget ._pp-toast.error-passport-toast {
  background: var(--function-danger-50);
  border: 1px solid var(--function-danger-500);
}
._pp-toast-widget ._pp-toast.error-passport-toast ._pp-toast-icon {
  color: var(--function-danger-500);
}
._pp-header-avatar-box {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  position: relative;
}
._pp-header-avatar-box._pp-header-avatar-hover {
  border-radius: 4px;
  height: 44px;
  padding: 0 8px;
}
._pp-header-avatar-box._pp-header-avatar-hover:hover {
  background: var(--fill-hover);
}
._pp-header-avatar-box._pp-header-avatar-hover:active {
  background-color: var(--fill-pressed);
}
._pp-header-avatar-box._pp-header-dark-hover:hover {
  background: var(--static-black-30);
}
._pp-header-avatar-box._pp-header-dark-hover ._pp-header-name {
  color: var(--static-white);
}
._pp-header-avatar-box._pp-header-dark-hover ._pp-header-caret svg {
  fill: var(--static-white);
}
._pp-header-avatar-box ._pp-header-avatar {
  border-radius: 50%;
  height: 32px;
  position: relative;
  width: 32px;
}
._pp-header-avatar-box ._pp-header-avatar img {
  border-radius: 50%;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
._pp-header-avatar-box ._pp-header-content {
  margin-left: 8px;
  margin-right: 12px;
  max-width: 120px;
  text-align: left;
}
._pp-header-avatar-box ._pp-header-name {
  color: var(--text-title);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._pp-header-avatar-box ._pp-header-tag {
  align-items: center;
  display: flex;
}
._pp-header-avatar-box ._pp-header-caret {
  align-items: center;
  display: flex;
  height: 12px;
  justify-content: center;
  transition: transform 0.2s linear;
  width: 12px;
}
._pp-header-avatar-box ._pp-header-caret svg {
  fill: var(--icon-n2);
}
._pp-dropdown-open ._pp-header-avatar-box ._pp-header-avatar:before {
  display: block;
}
._pp-dropdown-open ._pp-header-avatar-box ._pp-header-caret {
  transform: rotate(-180deg);
}
._pp-control-close ._pp-header-avatar-box ._pp-header-caret {
  transform: rotate(0);
}
._pp-user-avatar-h5-wrapper ._pp-header-avatar-box {
  height: 24px;
  width: 24px;
}
._pp-user-avatar-h5-wrapper ._pp-header-avatar-box._pp-header-avatar-hover {
  padding: 0;
}
._pp-user-avatar-h5-wrapper
  ._pp-header-avatar-box._pp-header-avatar-hover:hover {
  background: 0 0;
}
._pp-user-avatar-h5-wrapper ._pp-header-avatar-box ._pp-header-avatar {
  height: 100%;
  width: 100%;
}
._pp-user-avatar-h5-wrapper ._pp-header-avatar-box ._pp-header-caret,
._pp-user-avatar-h5-wrapper ._pp-header-avatar-box ._pp-header-content {
  display: none;
}
._pp-tag {
  align-items: center;
  background-color: var(--udtoken-tag-neutral-bg-normal);
  border-radius: 4px;
  color: var(--udtoken-tag-neutral-text-normal);
  cursor: text;
  display: inline-flex;
  margin: 0;
  max-width: 100%;
  overflow-wrap: break-word;
  white-space: nowrap;
}
._pp-tag .universe-icon {
  display: inline-block;
  line-height: 0;
}
._pp-tag ._pp-tag__content {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
._pp-tag._pp-tag__has-icon ._pp-tag__content {
  margin-left: 4px;
}
._pp-tag._pp-tag__size-extra-small {
  font-size: 10px;
  height: 16px;
  padding: 0 4px;
}
._pp-tag._pp-tag__size-extra-small ._pp-tag__content {
  zoom: 0.83333333;
  line-height: 19.2px;
}
._pp-tag._pp-tag__size-extra-small._pp-tag__has-icon ._pp-tag__content {
  margin-left: 2px;
}
._pp-tag._pp-tag__size-small {
  font-size: 12px;
  height: 20px;
  padding: 0 6px;
}
._pp-tag._pp-tag__size-small ._pp-tag__content {
  line-height: 20px;
}
._pp-tag._pp-tag__size-medium {
  font-size: 14px;
  height: 24px;
  padding: 0 6px;
}
._pp-tag._pp-tag__size-medium ._pp-tag__content {
  line-height: 22px;
}
._pp-tag._pp-tag__size-large {
  font-size: 16px;
  height: 32px;
  padding: 0 8px;
}
._pp-tag._pp-tag__size-large ._pp-tag__content {
  line-height: 24px;
}
._pp-tag._pp-tag__color-blue {
  background-color: var(--udtoken-tag-bg-blue);
  color: var(--udtoken-tag-text-s-blue);
}
._pp-tag._pp-tag__color-turquoise {
  background-color: var(--udtoken-tag-bg-turquoise);
  color: var(--udtoken-tag-text-s-turquoise);
}
._pp-tag._pp-tag__color-lime {
  background-color: var(--udtoken-tag-bg-lime);
  color: var(--udtoken-tag-text-s-lime);
}
._pp-tag._pp-tag__color-orange {
  background-color: var(--udtoken-tag-bg-orange);
  color: var(--udtoken-tag-text-s-orange);
}
._pp-tag._pp-tag__color-violet {
  background-color: var(--udtoken-tag-bg-violet);
  color: var(--udtoken-tag-text-s-violet);
}
._pp-tag._pp-tag__color-indigo {
  background-color: var(--udtoken-tag-bg-indigo);
  color: var(--udtoken-tag-text-s-indigo);
}
._pp-tag._pp-tag__color-wathet {
  background-color: var(--udtoken-tag-bg-wathet);
  color: var(--udtoken-tag-text-s-wathet);
}
._pp-tag._pp-tag__color-green {
  background-color: var(--udtoken-tag-bg-green);
  color: var(--udtoken-tag-text-s-green);
}
._pp-tag._pp-tag__color-yellow {
  background-color: var(--udtoken-tag-bg-yellow);
  color: var(--udtoken-tag-text-s-yellow);
}
._pp-tag._pp-tag__color-red {
  background-color: var(--udtoken-tag-bg-red);
  color: var(--udtoken-tag-text-s-red);
}
._pp-tag._pp-tag__color-purple {
  background-color: var(--udtoken-tag-bg-purple);
  color: var(--udtoken-tag-text-s-purple);
}
._pp-tag._pp-tag__color-carmine {
  background-color: var(--udtoken-tag-bg-carmine);
  color: var(--udtoken-tag-text-s-carmine);
}
._pp-dropdown-wrapper ._pp-select-list-wrapper {
  display: flex;
  flex-direction: column;
  max-height: 340px;
}
._pp-dropdown-wrapper ._pp-select-list-wrapper ._pp-select-list-body {
  flex-shrink: 1;
}
._pp-select-list-wrapper {
  background-color: var(--bg-float);
  overflow-x: hidden;
  width: 280px;
}
._pp-select-list-wrapper ._pp-select-list-body {
  box-sizing: border-box;
  font-size: 14px;
  margin: 0;
  overflow-y: auto;
  overflow-y: overlay;
  position: relative;
  scrollbar-width: thin;
}
._pp-select-list-wrapper ._pp-select-list-body::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}
._pp-select-list-wrapper ._pp-select-list-body::-webkit-scrollbar-thumb {
  background: var(--fill-hover);
  background-clip: padding-box;
  border: 3px solid transparent;
  border-radius: 13px;
}
._pp-select-list-wrapper ._pp-select-list-body::-webkit-scrollbar-thumb:hover {
  background-color: var(--fill-pressed);
}
._pp-select-list-wrapper ._pp-select-list-body ._pp-select-item-body {
  border-bottom: 1px solid rgba(31, 35, 41, 0.15);
}
._pp-select-list-wrapper
  ._pp-select-list-body
  ._pp-select-item-body:last-child {
  border-bottom: none;
}
._pp-select-list-wrapper ._pp-select-list-body ._pp-select-item-header {
  box-sizing: border-box;
  color: var(--N500-raw);
  overflow: hidden;
  padding: 9px 14px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
._pp-select-list-wrapper ._pp-select-list-body ._pp-select-list-content {
  padding: 3px;
}
._pp-select-list-wrapper ._pp-select-list-body ._pp-select-item {
  align-items: center;
  background-color: var(--bg-float);
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  list-style: none;
  overflow: hidden;
  padding: 9px 8px;
  position: relative;
}
._pp-select-list-wrapper ._pp-select-list-body ._pp-select-item:hover {
  background-color: var(--fill-hover);
}
._pp-select-list-wrapper
  ._pp-select-list-body
  ._pp-select-item._pp-select-item-active {
  cursor: not-allowed;
}
._pp-select-list-wrapper
  ._pp-select-list-body
  ._pp-select-item._pp-select-item-active
  .item-checked {
  font-size: 20px;
}
._pp-select-list-wrapper
  ._pp-select-list-body
  ._pp-select-item._pp-select-item-active
  ._pp-dropdown-tooltip-ellipsis,
._pp-select-list-wrapper
  ._pp-select-list-body
  ._pp-select-item._pp-select-item-active
  .item-title {
  color: var(--primary-pri-500);
}
._pp-select-list-wrapper
  ._pp-select-list-body
  ._pp-select-item._pp-select-item-active
  ._pp-dropdown-tooltip-ellipsis
  svg {
  visibility: visible;
}
._pp-select-list-wrapper
  ._pp-select-list-body
  ._pp-select-item._pp-select-item-unvalid:not(._pp-select-item-disabled)
  ._pp-dropdown-tooltip-ellipsis {
  color: #bbbfc4;
}
._pp-select-list-wrapper
  ._pp-select-list-body
  ._pp-select-item._pp-select-item-unvalid:not(._pp-select-item-disabled)
  .item-avatar,
._pp-select-list-wrapper
  ._pp-select-list-body
  ._pp-select-item._pp-select-item-unvalid:not(._pp-select-item-disabled)
  .item-tags {
  opacity: 0.5;
}
._pp-select-list-wrapper
  ._pp-select-list-body
  ._pp-select-item._pp-select-item-unvalid:not(
    ._pp-select-item-disabled
  ):hover {
  background-color: rgba(31, 35, 41, 0.1);
}
._pp-select-list-wrapper
  ._pp-select-list-body
  ._pp-select-item._pp-select-item-unvalid:not(._pp-select-item-disabled):hover
  ._pp-dropdown-tooltip-ellipsis {
  color: inherit;
}
._pp-select-list-wrapper
  ._pp-select-list-body
  ._pp-select-item._pp-select-item-unvalid:not(._pp-select-item-disabled):hover
  .item-avatar,
._pp-select-list-wrapper
  ._pp-select-list-body
  ._pp-select-item._pp-select-item-unvalid:not(._pp-select-item-disabled):hover
  .item-tags {
  opacity: 1;
}
._pp-select-list-wrapper
  ._pp-select-list-body
  ._pp-select-item._pp-select-item-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
._pp-select-list-wrapper
  ._pp-select-list-body
  ._pp-select-item._pp-select-item-disabled:hover {
  background-color: inherit;
}
._pp-select-list-wrapper ._pp-select-list-body ._pp-select-item.hidden {
  display: none;
}
._pp-select-list-wrapper ._pp-select-list-body ._pp-select-item .item-avatar {
  height: 32px;
  margin-right: 8px;
  position: relative;
  width: 32px;
}
._pp-select-list-wrapper
  ._pp-select-list-body
  ._pp-select-item
  .item-avatar
  img {
  border-radius: 4px;
  height: 32px;
  width: 32px;
}
._pp-select-list-wrapper ._pp-select-list-body ._pp-select-item .item-content {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: space-around;
  margin-right: 12px;
  max-height: 100%;
  overflow: hidden;
}
._pp-select-list-wrapper
  ._pp-select-list-body
  ._pp-select-item
  .item-content
  .item-text {
  flex: none;
  overflow: hidden;
}
._pp-select-list-wrapper
  ._pp-select-list-body
  ._pp-select-item
  .item-content
  .item-tags {
  flex: auto;
  overflow: hidden;
}
._pp-select-list-wrapper
  ._pp-select-list-body
  ._pp-select-item
  .item-active-icon {
  color: var(--primary-pri-500);
  font-size: 16px;
}
._pp-select-list-wrapper ._pp-select-list-body ._pp-select-item .item-status {
  color: #646a73;
  font-size: 12px;
}
._pp-dropdown-popover-tags-inner {
  background-color: var(--bg-float);
  border: 1px solid var(--line-border-card);
  border-radius: 8px;
  box-shadow: var(--shadow-s4-down);
  color: var(--static-white);
  max-width: 420px;
  padding: 12px 16px;
  position: relative;
  text-align: left;
}
._pp-dropdown-popover-tags-inner ._pp-tag {
  vertical-align: text-top;
}
._pp-dropdown-popover-tags-inner ._pp-tag:not(:last-child) {
  margin-bottom: 4px;
  margin-right: 4px;
}
._pp-dropdown-popover-tags-inner ._pp-dropdown-popover-tags-arrow {
  border-color: transparent;
  border-style: solid;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  width: 0;
}
._pp-dropdown-placement-bottomCenter ._pp-dropdown-popover-tags-arrow,
._pp-dropdown-placement-bottomLeft ._pp-dropdown-popover-tags-arrow,
._pp-dropdown-placement-bottomRight ._pp-dropdown-popover-tags-arrow {
  border-bottom-color: var(--bg-float);
  border-width: 0 5px 5px;
  bottom: auto;
  top: -5px;
}
._pp-dropdown-placement-topCenter ._pp-dropdown-popover-tags-arrow,
._pp-dropdown-placement-topLeft ._pp-dropdown-popover-tags-arrow,
._pp-dropdown-placement-topRight ._pp-dropdown-popover-tags-arrow {
  border-top-color: var(--bg-float);
  border-width: 5px 5px 0;
  bottom: -5px;
  top: auto;
}
._pp-dropdown-popover-tags-wrapper {
  height: 21px;
  width: 192px;
}
._pp-dropdown-popover-tags-wrapper ._pp-tag {
  vertical-align: text-top;
}
._pp-dropdown-popover-tags-wrapper ._pp-tag:not(:last-child) {
  margin-right: 4px;
}
._pp-popover-tags-wrapper {
  z-index: 1000;
}
._pp-dropdown-wrapper {
  background-color: var(--bg-float);
  border: 1px solid var(--line-border-card);
  border-radius: 6px;
  box-shadow: 0 4px 8px 0 var(--shadow-default-md);
  overflow: hidden;
}
._pp-trigger-container {
  display: inline-flex;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
._pp-dropdown {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--text-title);
  display: block;
  font-size: 12px;
  font-weight: 400;
  left: -9999px;
  line-height: 1.5;
  min-width: auto !important;
  opacity: 1;
  position: absolute;
  top: -9999px;
}
._pp-dropdown .base-loading-container .base-loading {
  border-color: var(--primary-pri-500);
}
._pp-dropdown-hidden {
  display: none;
  opacity: 0;
}
._pp-dropdown-slide-up-appear,
._pp-dropdown-slide-up-enter {
  opacity: 0;
}
._pp-dropdown-slide-up-appear,
._pp-dropdown-slide-up-enter,
._pp-dropdown-slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
  display: block !important;
  transform-origin: 0 0;
}
._pp-dropdown-slide-up-leave {
  opacity: 1;
}
._pp-dropdown-slide-up-appear._pp-dropdown-slide-up-appear-active._pp-dropdown-placement-bottomCenter,
._pp-dropdown-slide-up-appear._pp-dropdown-slide-up-appear-active._pp-dropdown-placement-bottomLeft,
._pp-dropdown-slide-up-appear._pp-dropdown-slide-up-appear-active._pp-dropdown-placement-bottomRight,
._pp-dropdown-slide-up-enter._pp-dropdown-slide-up-enter-active._pp-dropdown-placement-bottomCenter,
._pp-dropdown-slide-up-enter._pp-dropdown-slide-up-enter-active._pp-dropdown-placement-bottomLeft,
._pp-dropdown-slide-up-enter._pp-dropdown-slide-up-enter-active._pp-dropdown-placement-bottomRight {
  animation-name: rcDropdownSlideUpIn;
  animation-play-state: running;
}
._pp-dropdown-slide-up-appear._pp-dropdown-slide-up-appear-active._pp-dropdown-placement-topCenter,
._pp-dropdown-slide-up-appear._pp-dropdown-slide-up-appear-active._pp-dropdown-placement-topLeft,
._pp-dropdown-slide-up-appear._pp-dropdown-slide-up-appear-active._pp-dropdown-placement-topRight,
._pp-dropdown-slide-up-enter._pp-dropdown-slide-up-enter-active._pp-dropdown-placement-topCenter,
._pp-dropdown-slide-up-enter._pp-dropdown-slide-up-enter-active._pp-dropdown-placement-topLeft,
._pp-dropdown-slide-up-enter._pp-dropdown-slide-up-enter-active._pp-dropdown-placement-topRight {
  animation-name: rcDropdownSlideDownIn;
  animation-play-state: running;
}
._pp-dropdown-slide-up-leave._pp-dropdown-slide-up-leave-active._pp-dropdown-placement-bottomCenter,
._pp-dropdown-slide-up-leave._pp-dropdown-slide-up-leave-active._pp-dropdown-placement-bottomLeft,
._pp-dropdown-slide-up-leave._pp-dropdown-slide-up-leave-active._pp-dropdown-placement-bottomRight {
  animation-name: rcDropdownSlideUpOut;
  animation-play-state: running;
}
._pp-dropdown-slide-up-leave._pp-dropdown-slide-up-leave-active._pp-dropdown-placement-topCenter,
._pp-dropdown-slide-up-leave._pp-dropdown-slide-up-leave-active._pp-dropdown-placement-topLeft,
._pp-dropdown-slide-up-leave._pp-dropdown-slide-up-leave-active._pp-dropdown-placement-topRight {
  animation-name: rcDropdownSlideDownOut;
  animation-play-state: running;
}
@keyframes rcDropdownSlideUpIn {
  0% {
    opacity: 0;
    transform: translateY(-8px);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    transform-origin: 0 0;
  }
}
@keyframes rcDropdownSlideUpOut {
  0% {
    opacity: 1;
    transform: translateY(0);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: translateY(-8px);
    transform-origin: 0 0;
  }
}
@keyframes rcDropdownSlideDownIn {
  0% {
    opacity: 0;
    transform: translateY(-8px);
    transform-origin: 0 100%;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    transform-origin: 0 100%;
  }
}
@keyframes rcDropdownSlideDownOut {
  0% {
    opacity: 1;
    transform: translateY(0);
    transform-origin: 0 100%;
  }
  to {
    opacity: 0;
    transform: translateY(-8px);
    transform-origin: 0 100%;
  }
}
._pp-dropdown-tooltip-inner {
  word-wrap: break-word;
  background-color: var(--bg-tips);
  border-radius: 4px;
  box-shadow: 0 4px 8px 0 var(--shadow-default-md);
  color: var(--static-white);
  max-width: 320px;
  padding: 8px 12px;
  position: relative;
  text-align: left;
  text-decoration: none;
}
._pp-dropdown-tooltip-inner ._pp-dropdown-tooltip-arrow {
  border-color: transparent;
  border-style: solid;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  width: 0;
}
._pp-dropdown-placement-bottomCenter ._pp-dropdown-tooltip-arrow,
._pp-dropdown-placement-bottomLeft ._pp-dropdown-tooltip-arrow,
._pp-dropdown-placement-bottomRight ._pp-dropdown-tooltip-arrow {
  border-bottom-color: var(--bg-tips);
  border-width: 0 5px 5px;
  bottom: auto;
  top: -5px;
}
._pp-dropdown-placement-topCenter ._pp-dropdown-tooltip-arrow,
._pp-dropdown-placement-topLeft ._pp-dropdown-tooltip-arrow,
._pp-dropdown-placement-topRight ._pp-dropdown-tooltip-arrow {
  border-top-color: var(--bg-tips);
  border-width: 5px 5px 0;
  bottom: -5px;
  top: auto;
}
._pp-dropdown-tooltip-ellipsis {
  cursor: pointer;
}
._pp-tooltip-wrapper {
  z-index: 1000;
}
._pp-product-container {
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 28px;
  justify-content: center;
  width: 28px;
}
._pp-product-container:hover {
  background-color: var(--fill-hover);
}
._pp-product-container ._pp-product-icon {
  color: var(--N600-raw);
  font-size: 20px;
}
._pp-product-container:active {
  background-color: var(--fill-pressed);
}
._pp-product-container._pp-product-dark-container:hover {
  background-color: var(--static-black-30);
}
._pp-product-container._pp-product-dark-container svg {
  fill: var(--static-white);
}
._pp-product-dropdown-empty {
  color: var(--text-placeholder);
  font-size: 14px;
  line-height: 42px;
  text-align: center;
}
._pp-product-dropdown-content {
  background-color: var(--bg-float);
  border: 1px solid var(--line-border-card);
  border-radius: 6px;
  box-shadow: 0 4px 8px 0 var(--shadow-default-md);
  box-sizing: border-box;
  margin: 0;
  overflow-y: auto;
  overflow-y: overlay;
  padding: 0;
  scrollbar-width: thin;
  width: 338px;
}
._pp-product-dropdown-content ._pp-dividing-line {
  border-bottom: 1px solid var(--line-divider-default);
}
._pp-product-dropdown-content::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}
._pp-product-dropdown-content::-webkit-scrollbar-thumb {
  background: var(--fill-hover);
  background-clip: padding-box;
  border: 3px solid transparent;
  border-radius: 13px;
}
._pp-product-dropdown-content::-webkit-scrollbar-thumb:hover {
  background-color: var(--fill-pressed);
}
._pp-product-dropdown-content ._pp-product-loading-wrapper {
  align-content: center;
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 60px;
  justify-content: center;
}
._pp-product-dropdown-content
  ._pp-product-loading-wrapper
  ._pp-product-loading-failed {
  color: var(--text-caption);
  font-size: 14px;
  line-height: 22px;
}
._pp-product-dropdown-content
  ._pp-product-loading-wrapper
  ._pp-product-loading-re {
  color: var(--primary-pri-500);
  cursor: pointer;
  margin-left: 4px;
}
._pp-product-dropdown-content
  ._pp_grid_last_list
  ._pp-grid-list-last-item
  > div:hover {
  position: static !important;
}
._pp-grid-list-wrapper {
  background: var(--bg-float);
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 12px;
}
._pp-grid-list-wrapper ._pp-grid-list-item {
  box-sizing: border-box;
  min-height: 106px;
  padding: 12px 2px;
  position: relative;
  width: 33.33333%;
}
._pp-grid-list-wrapper ._pp-grid-list-item:hover {
  z-index: 1;
}
._pp-grid-list-wrapper ._pp-grid-list-item > div {
  align-items: center;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  list-style: none;
  overflow: hidden;
  padding: 8px 3px;
  text-align: center;
}
._pp-grid-list-wrapper ._pp-grid-list-item > div:hover {
  background-color: var(--bg-base);
  left: 2px;
  position: absolute;
  right: 2px;
  top: 12px;
}
._pp-grid-list-wrapper ._pp-grid-list-item > div:hover > span {
  word-wrap: break-word;
  height: auto;
  min-height: 22px;
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}
._pp-grid-list-wrapper ._pp-grid-list-item > div > i {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 40px;
  margin-bottom: 4px;
  width: 40px;
}
._pp-grid-list-wrapper ._pp-grid-list-item > div > span {
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._pp-dropdown-wrapper ._pp-tenant-list-wrapper {
  display: flex;
}
._pp-tenant-list-wrapper ._pp-select-list-body ._pp-select-item {
  box-sizing: border-box;
  height: 50px;
  padding-bottom: 0;
  padding-top: 0;
}
._pp-tenant-list-wrapper ._pp-tenant-icon-add {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUgNC4zMzNhMiAyIDAgMSAwIDQuMDAyLS4wMDFBMiAyIDAgMCAwIDUgNC4zMzNaTTcgMUEzLjMzNCAzLjMzNCAwIDEgMSA3IDcuNjY4IDMuMzM0IDMuMzM0IDAgMCAxIDcgMVpNMi43NSAxMmEyLjc0MiAyLjc0MiAwIDAgMC0uMDgzLjY2N3YuNjY2aDUuMzVjLjE4NCAwIC4zMzMuMTUuMzMzLjMzNHYuNjY2YzAgLjE4NC0uMTUuMzM0LS4zMzMuMzM0SDJBLjY2OC42NjggMCAwIDEgMS4zMzMgMTR2LTEuMzMzYTQgNCAwIDAgMSA0LTRoMi42ODRjLjE4NCAwIC4zMzMuMTQ5LjMzMy4zMzN2LjY2N2MwIC4xODQtLjE1LjMzMy0uMzMzLjMzM0g1LjMzNGMtMS4yNDQgMC0yLjI4Ny44NS0yLjU4NCAyWm05LjU4NC0yLjY2N2MuMTg0IDAgLjMzMy4xNS4zMzMuMzM0djEuNjY2aDEuNjY3Yy4xODQgMCAuMzMzLjE1LjMzMy4zMzR2LjY2NmMwIC4xODQtLjE1LjMzNC0uMzMzLjMzNGgtMS42Njd2MS42NjZjMCAuMTg0LS4xNS4zMzQtLjMzMy4zMzRoLS42NjdhLjMzMy4zMzMgMCAwIDEtLjMzMy0uMzM0di0xLjY2Nkg5LjY2N2EuMzMzLjMzMyAwIDAgMS0uMzMzLS4zMzR2LS42NjZjMC0uMTg0LjE0OS0uMzM0LjMzMy0uMzM0aDEuNjY3VjkuNjY3YzAtLjE4NC4xNDktLjMzNC4zMzMtLjMzNGguNjY3WiIgZmlsbD0iIzMzNzBGRiIvPjwvc3ZnPg==);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 16px;
  margin-right: 6px;
  width: 16px;
}
._pp-tenant-list-wrapper ._pp-tenant-list-footer {
  border-top: 1px solid var(--line-divider-default);
  flex-shrink: 0;
  padding: 3px;
}
._pp-tenant-list-wrapper ._pp-tenant-list-footer-item {
  align-items: center;
  border-radius: 4px;
  box-sizing: border-box;
  color: var(--primary-pri-500);
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 40px;
  line-height: 32px;
  padding: 5px 12px;
  text-align: left;
}
._pp-tenant-list-wrapper ._pp-tenant-list-footer-item ._pp-tenant-footer-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._pp-tenant-list-wrapper ._pp-tenant-list-footer-item:hover {
  background-color: var(--fill-hover);
}
._pp-tenant-list-wrapper ._pp-tenant-list-footer-item.footer-item-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
._pp-tenant-list-wrapper
  ._pp-tenant-list-footer-item.footer-item-disabled:hover {
  background-color: inherit;
}
._pp-tenant-list-wrapper ._pp-tenant-loading-wrapper {
  align-content: center;
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 60px;
  justify-content: center;
}
._pp-tenant-list-wrapper
  ._pp-tenant-loading-wrapper
  ._pp-tenant-loading-failed {
  color: var(--text-caption);
  font-size: 14px;
  line-height: 22px;
}
._pp-tenant-list-wrapper ._pp-tenant-loading-wrapper ._pp-tenant-loading-re {
  color: var(--primary-pri-500);
  cursor: pointer;
  margin-left: 4px;
}
._pp-panel-content {
  background: var(--bg-float);
  font-size: 14px;
  width: 280px;
}
._pp-panel-content ._pp-panel-header {
  display: flex;
  padding: 16px;
  position: relative;
}
._pp-panel-content ._pp-panel-header ._pp-panel-avatar {
  border-radius: 50%;
  height: 48px;
  object-fit: cover;
  width: 48px;
}
._pp-panel-content ._pp-panel-header ._pp-panel-information {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: center;
  margin-left: 8px;
  overflow: hidden;
}
._pp-panel-content ._pp-panel-header ._pp-panel-name {
  color: var(--text-title);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  word-break: break-all;
}
._pp-panel-content ._pp-panel-header ._pp-panel-tenant-name {
  color: var(--text-caption);
  word-break: break-all;
}
._pp-panel-content ._pp-panel-header ._pp-panel-tenant-tags {
  display: inline-block;
}
._pp-panel-content ._pp-panel-body {
  align-items: flex-start;
  border-top: 1px solid var(--line-divider-default);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: 3px;
}
._pp-panel-content ._pp-panel-body ._pp-panel-item {
  align-items: center;
  border-radius: 4px;
  box-sizing: border-box;
  color: var(--text-title);
  display: flex;
  font-size: 14px;
  height: 40px;
  justify-content: space-between;
  line-height: 32px;
  padding: 0 11px;
  text-overflow: ellipsis;
  width: 100%;
}
._pp-panel-content ._pp-panel-body ._pp-panel-item:hover {
  background: var(--fill-hover);
}
._pp-panel-content ._pp-panel-body ._pp-panel-item ._pp-panel-item-title {
  flex: 1 1;
  width: 0;
}
._pp-panel-content ._pp-panel-body ._pp-panel-item ._pp-panel-item-arrow {
  color: var(--icon-n3);
  font-size: 14px;
  height: 16px;
  margin-left: 4px;
  width: 16px;
}
._pp-panel-content ._pp-panel-footer {
  border-top: 1px solid var(--line-divider-default);
  padding: 3px;
}
._pp-panel-content ._pp-panel-footer ._pp-panel-footer-item {
  align-items: center;
  border-radius: 4px;
  color: var(--text-title);
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding: 0 12px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._pp-panel-content ._pp-panel-footer ._pp-panel-footer-item:hover {
  background: var(--fill-hover);
}
._pp-panel-content ._pp-panel-footer ._pp-panel-footer-item.item-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
._pp-panel-content
  ._pp-panel-footer
  ._pp-panel-footer-item.item-disabled:hover {
  background-color: inherit;
}
._pp-panel-logout-box {
  background-color: var(--bg-float);
  padding: 3px;
  width: 280px;
}
._pp-panel-logout-box ._pp-panel-logout-item {
  border-radius: 4px;
  box-sizing: border-box;
  color: var(--text-title);
  cursor: pointer;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding: 0 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
._pp-panel-logout-box ._pp-panel-logout-item:hover {
  background: var(--fill-hover);
}
._pp-avatar-selector {
  border-radius: 50%;
  height: 48px;
  overflow: hidden;
  position: relative;
  width: 48px;
}
._pp-avatar-selector:hover ._pp-avatar-selector__hover {
  display: block;
}
._pp-avatar-selector__img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
._pp-avatar-selector__hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuNjY3IDMgLjM2OC0uOTE1YS42NjcuNjY3IDAgMCAxIC42MTktLjQxOGg0LjY2N2MuMjY2IDAgLjUwNy4xNTkuNjEyLjQwM2wuNC45M0gxNGMuNzMzIDAgMS4zMzMuNiAxLjMzMyAxLjMzNFYxM2MwIC43MzQtLjYgMS4zMzQtMS4zMzMgMS4zMzRIMmMtLjczNCAwLTEuMzMzLS42LTEuMzMzLTEuMzM0VjQuMzM0Qy42NjcgMy42IDEuMjY3IDMgMiAzaDIuNjY3Wk0yIDQuMzM0VjEzaDEyVjQuMzM0SDJabTYgNi4zMzNhMiAyIDAgMSAwIDAtNCAyIDIgMCAwIDAgMCA0Wk04IDEyYTMuMzMzIDMuMzMzIDAgMSAxIDAtNi42NjZBMy4zMzMgMy4zMzMgMCAwIDEgOCAxMloiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  display: none;
}
._pp-avatar-selector__hover,
._pp-avatar-selector__loading {
  background-color: rgba(0, 0, 0, 0.55);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
._pp-avatar-selector__loading {
  align-items: center;
  display: flex;
  justify-content: center;
}
._pp-avatar-selector input {
  display: none;
}
._pp-avatar-processor {
  padding: 16px 0 8px;
}
._pp-avatar-processor__canvas-wrapper {
  align-items: center;
  display: flex;
  height: 250px;
  justify-content: center;
}
._pp-avatar-processor__canvas {
  height: 250px;
  width: 250px;
}
._pp-avatar-processor__zoom {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
._pp-avatar-processor__btn-in.base-button,
._pp-avatar-processor__btn-out.base-button {
  font-size: 18px;
  min-width: 68px !important;
  width: 68px !important;
}
._pp-avatar-processor__btn-in.base-button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
._pp-avatar-processor__btn-out.base-button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -1px;
}
@keyframes PP_FadeIn_DOWN {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes PP_FadeIn_UP {
  0% {
    opacity: 0;
    transform: translateY(100%);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: translate(0);
    transform-origin: 0 0;
  }
}
._pp-popup-mask {
  background-color: var(--bg-mask);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
}
._pp-popup-mask ._pp-popup-wrapper {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: PP_FadeIn_UP;
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  padding: 0 12px 12px;
  position: absolute;
  width: 100%;
}
._pp-popup-mask ._pp-popup-item {
  background-color: var(--bg-float);
  cursor: pointer;
  font-size: 17px;
  height: 48px;
  line-height: 48px;
  padding: 0 24px;
  text-align: center;
}
._pp-popup-mask ._pp-popup-item ._pp-popup-item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._pp-popup-mask ._pp-popup-item:not(:last-child) {
  border-bottom: 1px solid var(--line-divider-default);
}
._pp-popup-mask ._pp-popup-custom {
  border-radius: 12px;
  overflow: hidden;
}
._pp-popup-mask ._pp-popup-custom ._pp-popup-item {
  height: 53px;
  line-height: 53px;
}
._pp-popup-mask ._pp-popup-cancel {
  border-radius: 12px;
  margin-top: 12px;
}
.header_userPanel--hide {
  display: none;
}
.header_userCenter--hideArrow {
  pointer-events: none;
}
.header_userCenter--hideArrow ._pp-header-caret {
  display: none;
}
.header_userCenter--hideArrow ._pp-header-avatar-box ._pp-header-content {
  margin-right: 0;
}
.hc_Popup {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 1;
  outline: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.2s;
  width: 100%;
  z-index: 1004;
}
.hc_Popup--hidden {
  opacity: 0;
}
.hc_Popup--hidden .hc_Popup-content {
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: transform 0.3s cubic-bezier(0.6, 0.04, 0.98, 0.34);
  transition:
    transform 0.3s cubic-bezier(0.6, 0.04, 0.98, 0.34),
    -webkit-transform 0.3s cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.hc_Popup-mask {
  background-color: #1f2329;
  height: 100%;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 100%;
}
.hc_Popup-content {
  position: relative;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: transform 0.3s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition:
    transform 0.3s cubic-bezier(0.08, 0.82, 0.17, 1),
    -webkit-transform 0.3s cubic-bezier(0.08, 0.82, 0.17, 1);
  z-index: 0;
}
.hc_Popup-icon {
  cursor: pointer;
  font-size: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  right: 24px;
  top: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.hc_Popup--noTransition,
.hc_Popup--noTransition .hc_Popup-content {
  transition: none;
}
@media screen and (max-width: 850px) {
  .hc_Popup-icon {
    right: 3.2vw;
    top: 3.2vw;
  }
  .__heraPCMode__ .hc_Popup-icon {
    right: 1.6vw;
    top: 1.6vw;
  }
}
@font-face {
  font-family: LarkChineseQuote;
  font-weight: 300;
  src: local("PingFangSC-Light");
  unicode-range: U+2018, U+2019, U+201A, U+201C, U+201D, U+201E;
}
@font-face {
  font-family: LarkChineseQuote;
  font-weight: 400;
  src: local("PingFangSC-Regular");
  unicode-range: U+2018, U+2019, U+201A, U+201C, U+201D, U+201E;
}
@font-face {
  font-family: LarkChineseQuote;
  font-weight: 500;
  src: local("PingFangSC-Medium");
  unicode-range: U+2018, U+2019, U+201A, U+201C, U+201D, U+201E;
}
@font-face {
  font-family: LarkChineseQuote;
  font-weight: 600;
  src: local("PingFangSC-Semibold");
  unicode-range: U+2018, U+2019, U+201A, U+201C, U+201D, U+201E;
}
@font-face {
  font-family: LarkEmojiFont;
  src: local("Apple Color Emoji"), local("Noto Color Emoji");
  unicode-range: U+1F21A, U+1F250, U+1F237, U+26A0;
}
@font-face {
  font-family: LarkHackSafariFont;
  src: local("Helvetica Neue");
  unicode-range: U+0000;
}
.ud__dialog__root {
  box-sizing: border-box;
  font-variant: tabular-nums;
  box-sizing: border-box;
  color: var(--text-title);
}
.ud__dialog__mask {
  inset: 0;
  background-color: var(--bg-mask);
}
.ud__confirm__content {
  background-color: var(--bg-float);
  pointer-events: auto;
}
.ud__confirm-success .ud__confirm__icon {
  color: var(--function-success-content-default);
}
.ud__confirm-confirm .ud__confirm__icon,
.ud__confirm-warning .ud__confirm__icon {
  color: var(--function-warning-fill-default);
}
.ud__confirm-error .ud__confirm__icon {
  color: var(--function-danger-content-default);
}
.ud__confirm-info .ud__confirm__icon {
  color: var(--function-info-content-default);
}
.ud__modal__content {
  background-color: var(--bg-float);
  pointer-events: auto;
}
.ud__modal__close.ud__button {
  color: var(--icon-n2);
}
.ud__modal__des {
  box-sizing: border-box;
  overflow-wrap: break-word;
  color: var(--text-caption);
}
.ud__modal__body {
  box-sizing: border-box;
  color: var(--text-title);
  flex: 1;
  overflow-wrap: break-word;
}
.ud__modal__body--top-overflow {
  box-shadow: 0 -1px var(--line-divider-default);
}
.ud__modal__body--bottom-overflow {
  box-shadow: 0 1px var(--line-divider-default);
}
.ud__modal__body--top-overflow.ud__modal__body--bottom-overflow {
  box-shadow:
    0 -1px var(--line-divider-default),
    0 1px var(--line-divider-default);
}
.uzxpwcz {
  border-left-color: var(--line-divider-default);
}
.u1yiz13w {
  border-top-color: var(--line-divider-default);
}
@media (min-width: 576px) {
  .ud__col-sm-span-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ud__col-sm-push-24 {
    left: 100%;
  }
  .ud__col-sm-pull-24 {
    right: 100%;
  }
  .ud__col-sm-offset-24 {
    margin-left: 100%;
  }
  .ud__col-sm-order-24 {
    order: 24;
  }
  .ud__col-sm-span-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ud__col-sm-push-23 {
    left: 95.83333333%;
  }
  .ud__col-sm-pull-23 {
    right: 95.83333333%;
  }
  .ud__col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .ud__col-sm-order-23 {
    order: 23;
  }
  .ud__col-sm-span-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ud__col-sm-push-22 {
    left: 91.66666667%;
  }
  .ud__col-sm-pull-22 {
    right: 91.66666667%;
  }
  .ud__col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .ud__col-sm-order-22 {
    order: 22;
  }
  .ud__col-sm-span-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ud__col-sm-push-21 {
    left: 87.5%;
  }
  .ud__col-sm-pull-21 {
    right: 87.5%;
  }
  .ud__col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .ud__col-sm-order-21 {
    order: 21;
  }
  .ud__col-sm-span-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ud__col-sm-push-20 {
    left: 83.33333333%;
  }
  .ud__col-sm-pull-20 {
    right: 83.33333333%;
  }
  .ud__col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .ud__col-sm-order-20 {
    order: 20;
  }
  .ud__col-sm-span-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ud__col-sm-push-19 {
    left: 79.16666667%;
  }
  .ud__col-sm-pull-19 {
    right: 79.16666667%;
  }
  .ud__col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .ud__col-sm-order-19 {
    order: 19;
  }
  .ud__col-sm-span-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ud__col-sm-push-18 {
    left: 75%;
  }
  .ud__col-sm-pull-18 {
    right: 75%;
  }
  .ud__col-sm-offset-18 {
    margin-left: 75%;
  }
  .ud__col-sm-order-18 {
    order: 18;
  }
  .ud__col-sm-span-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ud__col-sm-push-17 {
    left: 70.83333333%;
  }
  .ud__col-sm-pull-17 {
    right: 70.83333333%;
  }
  .ud__col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .ud__col-sm-order-17 {
    order: 17;
  }
  .ud__col-sm-span-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ud__col-sm-push-16 {
    left: 66.66666667%;
  }
  .ud__col-sm-pull-16 {
    right: 66.66666667%;
  }
  .ud__col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .ud__col-sm-order-16 {
    order: 16;
  }
  .ud__col-sm-span-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ud__col-sm-push-15 {
    left: 62.5%;
  }
  .ud__col-sm-pull-15 {
    right: 62.5%;
  }
  .ud__col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .ud__col-sm-order-15 {
    order: 15;
  }
  .ud__col-sm-span-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ud__col-sm-push-14 {
    left: 58.33333333%;
  }
  .ud__col-sm-pull-14 {
    right: 58.33333333%;
  }
  .ud__col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .ud__col-sm-order-14 {
    order: 14;
  }
  .ud__col-sm-span-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ud__col-sm-push-13 {
    left: 54.16666667%;
  }
  .ud__col-sm-pull-13 {
    right: 54.16666667%;
  }
  .ud__col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .ud__col-sm-order-13 {
    order: 13;
  }
  .ud__col-sm-span-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ud__col-sm-push-12 {
    left: 50%;
  }
  .ud__col-sm-pull-12 {
    right: 50%;
  }
  .ud__col-sm-offset-12 {
    margin-left: 50%;
  }
  .ud__col-sm-order-12 {
    order: 12;
  }
  .ud__col-sm-span-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ud__col-sm-push-11 {
    left: 45.83333333%;
  }
  .ud__col-sm-pull-11 {
    right: 45.83333333%;
  }
  .ud__col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .ud__col-sm-order-11 {
    order: 11;
  }
  .ud__col-sm-span-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ud__col-sm-push-10 {
    left: 41.66666667%;
  }
  .ud__col-sm-pull-10 {
    right: 41.66666667%;
  }
  .ud__col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .ud__col-sm-order-10 {
    order: 10;
  }
  .ud__col-sm-span-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ud__col-sm-push-9 {
    left: 37.5%;
  }
  .ud__col-sm-pull-9 {
    right: 37.5%;
  }
  .ud__col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .ud__col-sm-order-9 {
    order: 9;
  }
  .ud__col-sm-span-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ud__col-sm-push-8 {
    left: 33.33333333%;
  }
  .ud__col-sm-pull-8 {
    right: 33.33333333%;
  }
  .ud__col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .ud__col-sm-order-8 {
    order: 8;
  }
  .ud__col-sm-span-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ud__col-sm-push-7 {
    left: 29.16666667%;
  }
  .ud__col-sm-pull-7 {
    right: 29.16666667%;
  }
  .ud__col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .ud__col-sm-order-7 {
    order: 7;
  }
  .ud__col-sm-span-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ud__col-sm-push-6 {
    left: 25%;
  }
  .ud__col-sm-pull-6 {
    right: 25%;
  }
  .ud__col-sm-offset-6 {
    margin-left: 25%;
  }
  .ud__col-sm-order-6 {
    order: 6;
  }
  .ud__col-sm-span-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ud__col-sm-push-5 {
    left: 20.83333333%;
  }
  .ud__col-sm-pull-5 {
    right: 20.83333333%;
  }
  .ud__col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .ud__col-sm-order-5 {
    order: 5;
  }
  .ud__col-sm-span-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ud__col-sm-push-4 {
    left: 16.66666667%;
  }
  .ud__col-sm-pull-4 {
    right: 16.66666667%;
  }
  .ud__col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .ud__col-sm-order-4 {
    order: 4;
  }
  .ud__col-sm-span-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ud__col-sm-push-3 {
    left: 12.5%;
  }
  .ud__col-sm-pull-3 {
    right: 12.5%;
  }
  .ud__col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .ud__col-sm-order-3 {
    order: 3;
  }
  .ud__col-sm-span-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ud__col-sm-push-2 {
    left: 8.33333333%;
  }
  .ud__col-sm-pull-2 {
    right: 8.33333333%;
  }
  .ud__col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .ud__col-sm-order-2 {
    order: 2;
  }
  .ud__col-sm-span-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ud__col-sm-push-1 {
    left: 4.16666667%;
  }
  .ud__col-sm-pull-1 {
    right: 4.16666667%;
  }
  .ud__col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .ud__col-sm-order-1 {
    order: 1;
  }
  .ud__col-sm-span-0 {
    display: none;
  }
  .ud__col-push-0 {
    left: auto;
  }
  .ud__col-pull-0 {
    right: auto;
  }
  .ud__col-sm-push-0 {
    left: auto;
  }
  .ud__col-sm-pull-0 {
    right: auto;
  }
  .ud__col-sm-offset-0 {
    margin-left: 0;
  }
  .ud__col-sm-order-0 {
    order: 0;
  }
}
@media (min-width: 768px) {
  .ud__col-md-span-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ud__col-md-push-24 {
    left: 100%;
  }
  .ud__col-md-pull-24 {
    right: 100%;
  }
  .ud__col-md-offset-24 {
    margin-left: 100%;
  }
  .ud__col-md-order-24 {
    order: 24;
  }
  .ud__col-md-span-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ud__col-md-push-23 {
    left: 95.83333333%;
  }
  .ud__col-md-pull-23 {
    right: 95.83333333%;
  }
  .ud__col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .ud__col-md-order-23 {
    order: 23;
  }
  .ud__col-md-span-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ud__col-md-push-22 {
    left: 91.66666667%;
  }
  .ud__col-md-pull-22 {
    right: 91.66666667%;
  }
  .ud__col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .ud__col-md-order-22 {
    order: 22;
  }
  .ud__col-md-span-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ud__col-md-push-21 {
    left: 87.5%;
  }
  .ud__col-md-pull-21 {
    right: 87.5%;
  }
  .ud__col-md-offset-21 {
    margin-left: 87.5%;
  }
  .ud__col-md-order-21 {
    order: 21;
  }
  .ud__col-md-span-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ud__col-md-push-20 {
    left: 83.33333333%;
  }
  .ud__col-md-pull-20 {
    right: 83.33333333%;
  }
  .ud__col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .ud__col-md-order-20 {
    order: 20;
  }
  .ud__col-md-span-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ud__col-md-push-19 {
    left: 79.16666667%;
  }
  .ud__col-md-pull-19 {
    right: 79.16666667%;
  }
  .ud__col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .ud__col-md-order-19 {
    order: 19;
  }
  .ud__col-md-span-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ud__col-md-push-18 {
    left: 75%;
  }
  .ud__col-md-pull-18 {
    right: 75%;
  }
  .ud__col-md-offset-18 {
    margin-left: 75%;
  }
  .ud__col-md-order-18 {
    order: 18;
  }
  .ud__col-md-span-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ud__col-md-push-17 {
    left: 70.83333333%;
  }
  .ud__col-md-pull-17 {
    right: 70.83333333%;
  }
  .ud__col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .ud__col-md-order-17 {
    order: 17;
  }
  .ud__col-md-span-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ud__col-md-push-16 {
    left: 66.66666667%;
  }
  .ud__col-md-pull-16 {
    right: 66.66666667%;
  }
  .ud__col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .ud__col-md-order-16 {
    order: 16;
  }
  .ud__col-md-span-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ud__col-md-push-15 {
    left: 62.5%;
  }
  .ud__col-md-pull-15 {
    right: 62.5%;
  }
  .ud__col-md-offset-15 {
    margin-left: 62.5%;
  }
  .ud__col-md-order-15 {
    order: 15;
  }
  .ud__col-md-span-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ud__col-md-push-14 {
    left: 58.33333333%;
  }
  .ud__col-md-pull-14 {
    right: 58.33333333%;
  }
  .ud__col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .ud__col-md-order-14 {
    order: 14;
  }
  .ud__col-md-span-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ud__col-md-push-13 {
    left: 54.16666667%;
  }
  .ud__col-md-pull-13 {
    right: 54.16666667%;
  }
  .ud__col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .ud__col-md-order-13 {
    order: 13;
  }
  .ud__col-md-span-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ud__col-md-push-12 {
    left: 50%;
  }
  .ud__col-md-pull-12 {
    right: 50%;
  }
  .ud__col-md-offset-12 {
    margin-left: 50%;
  }
  .ud__col-md-order-12 {
    order: 12;
  }
  .ud__col-md-span-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ud__col-md-push-11 {
    left: 45.83333333%;
  }
  .ud__col-md-pull-11 {
    right: 45.83333333%;
  }
  .ud__col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .ud__col-md-order-11 {
    order: 11;
  }
  .ud__col-md-span-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ud__col-md-push-10 {
    left: 41.66666667%;
  }
  .ud__col-md-pull-10 {
    right: 41.66666667%;
  }
  .ud__col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .ud__col-md-order-10 {
    order: 10;
  }
  .ud__col-md-span-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ud__col-md-push-9 {
    left: 37.5%;
  }
  .ud__col-md-pull-9 {
    right: 37.5%;
  }
  .ud__col-md-offset-9 {
    margin-left: 37.5%;
  }
  .ud__col-md-order-9 {
    order: 9;
  }
  .ud__col-md-span-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ud__col-md-push-8 {
    left: 33.33333333%;
  }
  .ud__col-md-pull-8 {
    right: 33.33333333%;
  }
  .ud__col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .ud__col-md-order-8 {
    order: 8;
  }
  .ud__col-md-span-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ud__col-md-push-7 {
    left: 29.16666667%;
  }
  .ud__col-md-pull-7 {
    right: 29.16666667%;
  }
  .ud__col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .ud__col-md-order-7 {
    order: 7;
  }
  .ud__col-md-span-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ud__col-md-push-6 {
    left: 25%;
  }
  .ud__col-md-pull-6 {
    right: 25%;
  }
  .ud__col-md-offset-6 {
    margin-left: 25%;
  }
  .ud__col-md-order-6 {
    order: 6;
  }
  .ud__col-md-span-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ud__col-md-push-5 {
    left: 20.83333333%;
  }
  .ud__col-md-pull-5 {
    right: 20.83333333%;
  }
  .ud__col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .ud__col-md-order-5 {
    order: 5;
  }
  .ud__col-md-span-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ud__col-md-push-4 {
    left: 16.66666667%;
  }
  .ud__col-md-pull-4 {
    right: 16.66666667%;
  }
  .ud__col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .ud__col-md-order-4 {
    order: 4;
  }
  .ud__col-md-span-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ud__col-md-push-3 {
    left: 12.5%;
  }
  .ud__col-md-pull-3 {
    right: 12.5%;
  }
  .ud__col-md-offset-3 {
    margin-left: 12.5%;
  }
  .ud__col-md-order-3 {
    order: 3;
  }
  .ud__col-md-span-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ud__col-md-push-2 {
    left: 8.33333333%;
  }
  .ud__col-md-pull-2 {
    right: 8.33333333%;
  }
  .ud__col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .ud__col-md-order-2 {
    order: 2;
  }
  .ud__col-md-span-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ud__col-md-push-1 {
    left: 4.16666667%;
  }
  .ud__col-md-pull-1 {
    right: 4.16666667%;
  }
  .ud__col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .ud__col-md-order-1 {
    order: 1;
  }
  .ud__col-md-span-0 {
    display: none;
  }
  .ud__col-push-0 {
    left: auto;
  }
  .ud__col-pull-0 {
    right: auto;
  }
  .ud__col-md-push-0 {
    left: auto;
  }
  .ud__col-md-pull-0 {
    right: auto;
  }
  .ud__col-md-offset-0 {
    margin-left: 0;
  }
  .ud__col-md-order-0 {
    order: 0;
  }
}
@media (min-width: 992px) {
  .ud__col-lg-span-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ud__col-lg-push-24 {
    left: 100%;
  }
  .ud__col-lg-pull-24 {
    right: 100%;
  }
  .ud__col-lg-offset-24 {
    margin-left: 100%;
  }
  .ud__col-lg-order-24 {
    order: 24;
  }
  .ud__col-lg-span-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ud__col-lg-push-23 {
    left: 95.83333333%;
  }
  .ud__col-lg-pull-23 {
    right: 95.83333333%;
  }
  .ud__col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .ud__col-lg-order-23 {
    order: 23;
  }
  .ud__col-lg-span-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ud__col-lg-push-22 {
    left: 91.66666667%;
  }
  .ud__col-lg-pull-22 {
    right: 91.66666667%;
  }
  .ud__col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .ud__col-lg-order-22 {
    order: 22;
  }
  .ud__col-lg-span-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ud__col-lg-push-21 {
    left: 87.5%;
  }
  .ud__col-lg-pull-21 {
    right: 87.5%;
  }
  .ud__col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .ud__col-lg-order-21 {
    order: 21;
  }
  .ud__col-lg-span-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ud__col-lg-push-20 {
    left: 83.33333333%;
  }
  .ud__col-lg-pull-20 {
    right: 83.33333333%;
  }
  .ud__col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .ud__col-lg-order-20 {
    order: 20;
  }
  .ud__col-lg-span-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ud__col-lg-push-19 {
    left: 79.16666667%;
  }
  .ud__col-lg-pull-19 {
    right: 79.16666667%;
  }
  .ud__col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .ud__col-lg-order-19 {
    order: 19;
  }
  .ud__col-lg-span-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ud__col-lg-push-18 {
    left: 75%;
  }
  .ud__col-lg-pull-18 {
    right: 75%;
  }
  .ud__col-lg-offset-18 {
    margin-left: 75%;
  }
  .ud__col-lg-order-18 {
    order: 18;
  }
  .ud__col-lg-span-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ud__col-lg-push-17 {
    left: 70.83333333%;
  }
  .ud__col-lg-pull-17 {
    right: 70.83333333%;
  }
  .ud__col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .ud__col-lg-order-17 {
    order: 17;
  }
  .ud__col-lg-span-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ud__col-lg-push-16 {
    left: 66.66666667%;
  }
  .ud__col-lg-pull-16 {
    right: 66.66666667%;
  }
  .ud__col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .ud__col-lg-order-16 {
    order: 16;
  }
  .ud__col-lg-span-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ud__col-lg-push-15 {
    left: 62.5%;
  }
  .ud__col-lg-pull-15 {
    right: 62.5%;
  }
  .ud__col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .ud__col-lg-order-15 {
    order: 15;
  }
  .ud__col-lg-span-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ud__col-lg-push-14 {
    left: 58.33333333%;
  }
  .ud__col-lg-pull-14 {
    right: 58.33333333%;
  }
  .ud__col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .ud__col-lg-order-14 {
    order: 14;
  }
  .ud__col-lg-span-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ud__col-lg-push-13 {
    left: 54.16666667%;
  }
  .ud__col-lg-pull-13 {
    right: 54.16666667%;
  }
  .ud__col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .ud__col-lg-order-13 {
    order: 13;
  }
  .ud__col-lg-span-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ud__col-lg-push-12 {
    left: 50%;
  }
  .ud__col-lg-pull-12 {
    right: 50%;
  }
  .ud__col-lg-offset-12 {
    margin-left: 50%;
  }
  .ud__col-lg-order-12 {
    order: 12;
  }
  .ud__col-lg-span-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ud__col-lg-push-11 {
    left: 45.83333333%;
  }
  .ud__col-lg-pull-11 {
    right: 45.83333333%;
  }
  .ud__col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .ud__col-lg-order-11 {
    order: 11;
  }
  .ud__col-lg-span-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ud__col-lg-push-10 {
    left: 41.66666667%;
  }
  .ud__col-lg-pull-10 {
    right: 41.66666667%;
  }
  .ud__col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .ud__col-lg-order-10 {
    order: 10;
  }
  .ud__col-lg-span-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ud__col-lg-push-9 {
    left: 37.5%;
  }
  .ud__col-lg-pull-9 {
    right: 37.5%;
  }
  .ud__col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .ud__col-lg-order-9 {
    order: 9;
  }
  .ud__col-lg-span-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ud__col-lg-push-8 {
    left: 33.33333333%;
  }
  .ud__col-lg-pull-8 {
    right: 33.33333333%;
  }
  .ud__col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .ud__col-lg-order-8 {
    order: 8;
  }
  .ud__col-lg-span-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ud__col-lg-push-7 {
    left: 29.16666667%;
  }
  .ud__col-lg-pull-7 {
    right: 29.16666667%;
  }
  .ud__col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .ud__col-lg-order-7 {
    order: 7;
  }
  .ud__col-lg-span-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ud__col-lg-push-6 {
    left: 25%;
  }
  .ud__col-lg-pull-6 {
    right: 25%;
  }
  .ud__col-lg-offset-6 {
    margin-left: 25%;
  }
  .ud__col-lg-order-6 {
    order: 6;
  }
  .ud__col-lg-span-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ud__col-lg-push-5 {
    left: 20.83333333%;
  }
  .ud__col-lg-pull-5 {
    right: 20.83333333%;
  }
  .ud__col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .ud__col-lg-order-5 {
    order: 5;
  }
  .ud__col-lg-span-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ud__col-lg-push-4 {
    left: 16.66666667%;
  }
  .ud__col-lg-pull-4 {
    right: 16.66666667%;
  }
  .ud__col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .ud__col-lg-order-4 {
    order: 4;
  }
  .ud__col-lg-span-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ud__col-lg-push-3 {
    left: 12.5%;
  }
  .ud__col-lg-pull-3 {
    right: 12.5%;
  }
  .ud__col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .ud__col-lg-order-3 {
    order: 3;
  }
  .ud__col-lg-span-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ud__col-lg-push-2 {
    left: 8.33333333%;
  }
  .ud__col-lg-pull-2 {
    right: 8.33333333%;
  }
  .ud__col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .ud__col-lg-order-2 {
    order: 2;
  }
  .ud__col-lg-span-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ud__col-lg-push-1 {
    left: 4.16666667%;
  }
  .ud__col-lg-pull-1 {
    right: 4.16666667%;
  }
  .ud__col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .ud__col-lg-order-1 {
    order: 1;
  }
  .ud__col-lg-span-0 {
    display: none;
  }
  .ud__col-push-0 {
    left: auto;
  }
  .ud__col-pull-0 {
    right: auto;
  }
  .ud__col-lg-push-0 {
    left: auto;
  }
  .ud__col-lg-pull-0 {
    right: auto;
  }
  .ud__col-lg-offset-0 {
    margin-left: 0;
  }
  .ud__col-lg-order-0 {
    order: 0;
  }
}
@media (min-width: 1200px) {
  .ud__col-xl-span-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ud__col-xl-push-24 {
    left: 100%;
  }
  .ud__col-xl-pull-24 {
    right: 100%;
  }
  .ud__col-xl-offset-24 {
    margin-left: 100%;
  }
  .ud__col-xl-order-24 {
    order: 24;
  }
  .ud__col-xl-span-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ud__col-xl-push-23 {
    left: 95.83333333%;
  }
  .ud__col-xl-pull-23 {
    right: 95.83333333%;
  }
  .ud__col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ud__col-xl-order-23 {
    order: 23;
  }
  .ud__col-xl-span-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ud__col-xl-push-22 {
    left: 91.66666667%;
  }
  .ud__col-xl-pull-22 {
    right: 91.66666667%;
  }
  .ud__col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ud__col-xl-order-22 {
    order: 22;
  }
  .ud__col-xl-span-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ud__col-xl-push-21 {
    left: 87.5%;
  }
  .ud__col-xl-pull-21 {
    right: 87.5%;
  }
  .ud__col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .ud__col-xl-order-21 {
    order: 21;
  }
  .ud__col-xl-span-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ud__col-xl-push-20 {
    left: 83.33333333%;
  }
  .ud__col-xl-pull-20 {
    right: 83.33333333%;
  }
  .ud__col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ud__col-xl-order-20 {
    order: 20;
  }
  .ud__col-xl-span-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ud__col-xl-push-19 {
    left: 79.16666667%;
  }
  .ud__col-xl-pull-19 {
    right: 79.16666667%;
  }
  .ud__col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ud__col-xl-order-19 {
    order: 19;
  }
  .ud__col-xl-span-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ud__col-xl-push-18 {
    left: 75%;
  }
  .ud__col-xl-pull-18 {
    right: 75%;
  }
  .ud__col-xl-offset-18 {
    margin-left: 75%;
  }
  .ud__col-xl-order-18 {
    order: 18;
  }
  .ud__col-xl-span-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ud__col-xl-push-17 {
    left: 70.83333333%;
  }
  .ud__col-xl-pull-17 {
    right: 70.83333333%;
  }
  .ud__col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ud__col-xl-order-17 {
    order: 17;
  }
  .ud__col-xl-span-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ud__col-xl-push-16 {
    left: 66.66666667%;
  }
  .ud__col-xl-pull-16 {
    right: 66.66666667%;
  }
  .ud__col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ud__col-xl-order-16 {
    order: 16;
  }
  .ud__col-xl-span-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ud__col-xl-push-15 {
    left: 62.5%;
  }
  .ud__col-xl-pull-15 {
    right: 62.5%;
  }
  .ud__col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .ud__col-xl-order-15 {
    order: 15;
  }
  .ud__col-xl-span-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ud__col-xl-push-14 {
    left: 58.33333333%;
  }
  .ud__col-xl-pull-14 {
    right: 58.33333333%;
  }
  .ud__col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ud__col-xl-order-14 {
    order: 14;
  }
  .ud__col-xl-span-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ud__col-xl-push-13 {
    left: 54.16666667%;
  }
  .ud__col-xl-pull-13 {
    right: 54.16666667%;
  }
  .ud__col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ud__col-xl-order-13 {
    order: 13;
  }
  .ud__col-xl-span-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ud__col-xl-push-12 {
    left: 50%;
  }
  .ud__col-xl-pull-12 {
    right: 50%;
  }
  .ud__col-xl-offset-12 {
    margin-left: 50%;
  }
  .ud__col-xl-order-12 {
    order: 12;
  }
  .ud__col-xl-span-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ud__col-xl-push-11 {
    left: 45.83333333%;
  }
  .ud__col-xl-pull-11 {
    right: 45.83333333%;
  }
  .ud__col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ud__col-xl-order-11 {
    order: 11;
  }
  .ud__col-xl-span-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ud__col-xl-push-10 {
    left: 41.66666667%;
  }
  .ud__col-xl-pull-10 {
    right: 41.66666667%;
  }
  .ud__col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ud__col-xl-order-10 {
    order: 10;
  }
  .ud__col-xl-span-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ud__col-xl-push-9 {
    left: 37.5%;
  }
  .ud__col-xl-pull-9 {
    right: 37.5%;
  }
  .ud__col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .ud__col-xl-order-9 {
    order: 9;
  }
  .ud__col-xl-span-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ud__col-xl-push-8 {
    left: 33.33333333%;
  }
  .ud__col-xl-pull-8 {
    right: 33.33333333%;
  }
  .ud__col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ud__col-xl-order-8 {
    order: 8;
  }
  .ud__col-xl-span-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ud__col-xl-push-7 {
    left: 29.16666667%;
  }
  .ud__col-xl-pull-7 {
    right: 29.16666667%;
  }
  .ud__col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ud__col-xl-order-7 {
    order: 7;
  }
  .ud__col-xl-span-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ud__col-xl-push-6 {
    left: 25%;
  }
  .ud__col-xl-pull-6 {
    right: 25%;
  }
  .ud__col-xl-offset-6 {
    margin-left: 25%;
  }
  .ud__col-xl-order-6 {
    order: 6;
  }
  .ud__col-xl-span-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ud__col-xl-push-5 {
    left: 20.83333333%;
  }
  .ud__col-xl-pull-5 {
    right: 20.83333333%;
  }
  .ud__col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ud__col-xl-order-5 {
    order: 5;
  }
  .ud__col-xl-span-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ud__col-xl-push-4 {
    left: 16.66666667%;
  }
  .ud__col-xl-pull-4 {
    right: 16.66666667%;
  }
  .ud__col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ud__col-xl-order-4 {
    order: 4;
  }
  .ud__col-xl-span-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ud__col-xl-push-3 {
    left: 12.5%;
  }
  .ud__col-xl-pull-3 {
    right: 12.5%;
  }
  .ud__col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .ud__col-xl-order-3 {
    order: 3;
  }
  .ud__col-xl-span-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ud__col-xl-push-2 {
    left: 8.33333333%;
  }
  .ud__col-xl-pull-2 {
    right: 8.33333333%;
  }
  .ud__col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ud__col-xl-order-2 {
    order: 2;
  }
  .ud__col-xl-span-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ud__col-xl-push-1 {
    left: 4.16666667%;
  }
  .ud__col-xl-pull-1 {
    right: 4.16666667%;
  }
  .ud__col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ud__col-xl-order-1 {
    order: 1;
  }
  .ud__col-xl-span-0 {
    display: none;
  }
  .ud__col-push-0 {
    left: auto;
  }
  .ud__col-pull-0 {
    right: auto;
  }
  .ud__col-xl-push-0 {
    left: auto;
  }
  .ud__col-xl-pull-0 {
    right: auto;
  }
  .ud__col-xl-offset-0 {
    margin-left: 0;
  }
  .ud__col-xl-order-0 {
    order: 0;
  }
}
@media (min-width: 1600px) {
  .ud__col-xxl-span-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ud__col-xxl-push-24 {
    left: 100%;
  }
  .ud__col-xxl-pull-24 {
    right: 100%;
  }
  .ud__col-xxl-offset-24 {
    margin-left: 100%;
  }
  .ud__col-xxl-order-24 {
    order: 24;
  }
  .ud__col-xxl-span-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ud__col-xxl-push-23 {
    left: 95.83333333%;
  }
  .ud__col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .ud__col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ud__col-xxl-order-23 {
    order: 23;
  }
  .ud__col-xxl-span-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ud__col-xxl-push-22 {
    left: 91.66666667%;
  }
  .ud__col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .ud__col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ud__col-xxl-order-22 {
    order: 22;
  }
  .ud__col-xxl-span-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ud__col-xxl-push-21 {
    left: 87.5%;
  }
  .ud__col-xxl-pull-21 {
    right: 87.5%;
  }
  .ud__col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .ud__col-xxl-order-21 {
    order: 21;
  }
  .ud__col-xxl-span-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ud__col-xxl-push-20 {
    left: 83.33333333%;
  }
  .ud__col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .ud__col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ud__col-xxl-order-20 {
    order: 20;
  }
  .ud__col-xxl-span-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ud__col-xxl-push-19 {
    left: 79.16666667%;
  }
  .ud__col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .ud__col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ud__col-xxl-order-19 {
    order: 19;
  }
  .ud__col-xxl-span-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ud__col-xxl-push-18 {
    left: 75%;
  }
  .ud__col-xxl-pull-18 {
    right: 75%;
  }
  .ud__col-xxl-offset-18 {
    margin-left: 75%;
  }
  .ud__col-xxl-order-18 {
    order: 18;
  }
  .ud__col-xxl-span-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ud__col-xxl-push-17 {
    left: 70.83333333%;
  }
  .ud__col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .ud__col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ud__col-xxl-order-17 {
    order: 17;
  }
  .ud__col-xxl-span-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ud__col-xxl-push-16 {
    left: 66.66666667%;
  }
  .ud__col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .ud__col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ud__col-xxl-order-16 {
    order: 16;
  }
  .ud__col-xxl-span-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ud__col-xxl-push-15 {
    left: 62.5%;
  }
  .ud__col-xxl-pull-15 {
    right: 62.5%;
  }
  .ud__col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .ud__col-xxl-order-15 {
    order: 15;
  }
  .ud__col-xxl-span-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ud__col-xxl-push-14 {
    left: 58.33333333%;
  }
  .ud__col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .ud__col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ud__col-xxl-order-14 {
    order: 14;
  }
  .ud__col-xxl-span-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ud__col-xxl-push-13 {
    left: 54.16666667%;
  }
  .ud__col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .ud__col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ud__col-xxl-order-13 {
    order: 13;
  }
  .ud__col-xxl-span-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ud__col-xxl-push-12 {
    left: 50%;
  }
  .ud__col-xxl-pull-12 {
    right: 50%;
  }
  .ud__col-xxl-offset-12 {
    margin-left: 50%;
  }
  .ud__col-xxl-order-12 {
    order: 12;
  }
  .ud__col-xxl-span-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ud__col-xxl-push-11 {
    left: 45.83333333%;
  }
  .ud__col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .ud__col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ud__col-xxl-order-11 {
    order: 11;
  }
  .ud__col-xxl-span-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ud__col-xxl-push-10 {
    left: 41.66666667%;
  }
  .ud__col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .ud__col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ud__col-xxl-order-10 {
    order: 10;
  }
  .ud__col-xxl-span-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ud__col-xxl-push-9 {
    left: 37.5%;
  }
  .ud__col-xxl-pull-9 {
    right: 37.5%;
  }
  .ud__col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .ud__col-xxl-order-9 {
    order: 9;
  }
  .ud__col-xxl-span-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ud__col-xxl-push-8 {
    left: 33.33333333%;
  }
  .ud__col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .ud__col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ud__col-xxl-order-8 {
    order: 8;
  }
  .ud__col-xxl-span-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ud__col-xxl-push-7 {
    left: 29.16666667%;
  }
  .ud__col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .ud__col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ud__col-xxl-order-7 {
    order: 7;
  }
  .ud__col-xxl-span-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ud__col-xxl-push-6 {
    left: 25%;
  }
  .ud__col-xxl-pull-6 {
    right: 25%;
  }
  .ud__col-xxl-offset-6 {
    margin-left: 25%;
  }
  .ud__col-xxl-order-6 {
    order: 6;
  }
  .ud__col-xxl-span-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ud__col-xxl-push-5 {
    left: 20.83333333%;
  }
  .ud__col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .ud__col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ud__col-xxl-order-5 {
    order: 5;
  }
  .ud__col-xxl-span-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ud__col-xxl-push-4 {
    left: 16.66666667%;
  }
  .ud__col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .ud__col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ud__col-xxl-order-4 {
    order: 4;
  }
  .ud__col-xxl-span-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ud__col-xxl-push-3 {
    left: 12.5%;
  }
  .ud__col-xxl-pull-3 {
    right: 12.5%;
  }
  .ud__col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .ud__col-xxl-order-3 {
    order: 3;
  }
  .ud__col-xxl-span-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ud__col-xxl-push-2 {
    left: 8.33333333%;
  }
  .ud__col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .ud__col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ud__col-xxl-order-2 {
    order: 2;
  }
  .ud__col-xxl-span-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ud__col-xxl-push-1 {
    left: 4.16666667%;
  }
  .ud__col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .ud__col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ud__col-xxl-order-1 {
    order: 1;
  }
  .ud__col-xxl-span-0 {
    display: none;
  }
  .ud__col-push-0 {
    left: auto;
  }
  .ud__col-pull-0 {
    right: auto;
  }
  .ud__col-xxl-push-0 {
    left: auto;
  }
  .ud__col-xxl-pull-0 {
    right: auto;
  }
  .ud__col-xxl-offset-0 {
    margin-left: 0;
  }
  .ud__col-xxl-order-0 {
    order: 0;
  }
}
.ud__button--link-danger,
.ud__button--link-danger-selected,
.ud__button--link-danger:hover,
.ud__button--link-danger[aria-expanded] {
  color: var(--function-danger-content-default);
}
.ud__form__item__control__explain.ud__form__item__control__explain-error {
  color: var(--function-danger-content-default);
}
.ud__form__item__control__explain.ud__form__item__control__explain-warning {
  color: var(--function-warning-content-default);
}
.ud__form {
  box-sizing: border-box;
  color: var(--text-title);
}
.ud__form__item__label {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  flex-grow: 0;
  align-items: baseline;
  color: var(--text-title);
}
.ud__form__item__required-mark {
  color: var(--function-danger-content-default);
  flex: none;
}
.ud__form__item__tooltip {
  box-sizing: border-box;
  writing-mode: horizontal-tb;
  color: var(--text-caption);
}
.ud__form__item__control__extra {
  color: var(--text-placeholder);
}
.ud__form__item__control__extra:after {
  content: " ";
}
.ud__form__item__control__explain {
  color: var(--text-placeholder);
}
.ud__form__item__control__explain:after {
  content: " ";
}
@media (max-width: 575px) {
  .ud__form__item {
    flex-direction: column;
    align-items: stretch;
  }
  .ud__form__item .ud__form__item__label {
    justify-content: flex-start;
    padding: 0;
    text-align: left;
  }
  .ud__form__item .ud__form__item__label:after {
    display: none;
  }
  .ud__form__item .ud__form__item__control,
  .ud__form__item .ud__form__item__label {
    flex: none;
    max-width: 100%;
  }
  .ud__form__item .ud__form__item__control__input {
    min-height: 0;
  }
}
.ud__layout__sider {
  box-sizing: border-box;
  background: var(--bg-float);
}
.ud__layout__sider-trigger {
  box-sizing: border-box;
  color: var(--text-title);
  background: var(--bg-float);
  border-top: 1px solid var(--line-border-component);
}
.ud__menu {
  box-sizing: border-box;
  color: var(--text-title);
  background: var(--bg-float);
}
.ud__menu-item-selected .ud__menu-icon-wrap,
.ud__menu-item-selected a,
.ud__menu-item-selected a:hover {
  color: var(--primary-content-default);
}
.ud__menu-item-disabled
  > .ud__menu-submenu-title
  > .ud__menu-submenu-arrow:after,
.ud__menu-item-disabled
  > .ud__menu-submenu-title
  > .ud__menu-submenu-arrow:before,
.ud__menu-submenu-disabled
  > .ud__menu-submenu-title
  > .ud__menu-submenu-arrow:after,
.ud__menu-submenu-disabled
  > .ud__menu-submenu-title
  > .ud__menu-submenu-arrow:before {
  background: var(--text-disabled) !important;
}
.ud__menu-horizontal > .ud__menu-item-selected .ud__menu-item__ink:after,
.ud__menu-horizontal > .ud__menu-submenu-selected .ud__menu-item__ink:after {
  content: "";
  border-radius: 3px;
  background-color: var(--primary-content-default);
}
.ud__checkbox:after {
  content: " ";
}
.ud__checkbox__wallpaper {
  box-sizing: border-box;
  color: var(--static-white);
  background-color: var(--udtoken-component-outlined-bg);
  border: 1px solid var(--N500);
}
.ud__checkbox__input:focus-visible ~ .ud__checkbox__wallpaper {
  border-color: var(--primary-content-default);
  background-color: var(--udtoken-component-outlined-bg);
}
.ud__checkbox__input:hover ~ .ud__checkbox__wallpaper {
  border-color: var(--primary-content-default);
  background-color: var(--udtoken-component-outlined-bg);
}
.ud__checkbox__input:active ~ .ud__checkbox__wallpaper {
  border-color: var(--primary-content-pressed);
  background-color: var(--udtoken-component-outlined-bg);
}
.ud__checkbox__input:checked ~ .ud__checkbox__wallpaper,
.ud__checkbox__input:indeterminate ~ .ud__checkbox__wallpaper {
  background-color: var(--primary-fill-default);
}
.ud__checkbox__input:checked:focus-visible ~ .ud__checkbox__wallpaper,
.ud__checkbox__input:indeterminate:focus-visible ~ .ud__checkbox__wallpaper {
  background-color: var(--primary-fill-hover);
}
.ud__checkbox__input:checked:hover ~ .ud__checkbox__wallpaper,
.ud__checkbox__input:indeterminate:hover ~ .ud__checkbox__wallpaper {
  background-color: var(--primary-fill-hover);
}
.ud__checkbox__input:checked:active ~ .ud__checkbox__wallpaper,
.ud__checkbox__input:indeterminate:active ~ .ud__checkbox__wallpaper {
  background-color: var(--primary-fill-pressed);
}
.ud__checkbox--error .ud__checkbox__input:active ~ .ud__checkbox__wallpaper,
.ud__checkbox--error .ud__checkbox__input:hover ~ .ud__checkbox__wallpaper,
.ud__checkbox--error .ud__checkbox__wallpaper {
  border-color: var(--function-danger-content-default);
}
.ud__checkbox--error
  .ud__checkbox__input:focus-visible
  ~ .ud__checkbox__wallpaper {
  border-color: var(--function-danger-content-default);
}
.ud__checkbox--error .ud__checkbox__input:disabled ~ .ud__checkbox__wallpaper,
.ud__checkbox__input:disabled ~ .ud__checkbox__wallpaper {
  color: var(--N200);
  border-color: var(--N400);
  background-color: var(--N200);
}
.ud__checkbox__input:checked:disabled ~ .ud__checkbox__wallpaper,
.ud__checkbox__input:indeterminate:disabled ~ .ud__checkbox__wallpaper {
  background-color: var(--fill-disabled);
}
.ud__checkbox__label-content {
  box-sizing: border-box;
  color: var(--text-title);
  overflow-wrap: break-word;
}
.ud__checkbox__label-content-disabled {
  color: var(--text-disabled);
}
.ud__tag-other-color {
  color: var(--static-white);
}
.ud__tag-neutral {
  background-color: var(--udtoken-tag-neutral-bg-normal);
  color: var(--udtoken-tag-neutral-text-normal);
}
.ud__tag-neutral > .ud__tag__close-icon,
.ud__tag-neutral > .ud__tag__close-icon:active,
.ud__tag-neutral > .ud__tag__close-icon:hover,
.ud__tag-neutral > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-neutral-text-normal);
}
.ud__tag-neutral-solid {
  background-color: var(--udtoken-tag-neutral-bg-solid);
  color: var(--udtoken-tag-neutral-text-normal);
}
.ud__tag-neutral-solid > .ud__tag__close-icon,
.ud__tag-neutral-solid > .ud__tag__close-icon:active,
.ud__tag-neutral-solid > .ud__tag__close-icon:hover,
.ud__tag-neutral-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-neutral-text-normal);
}
.ud__tag-neutral-ghost {
  background-color: var(--udtoken-tag-neutral-bg-inverse);
  color: var(--udtoken-tag-neutral-text-inverse);
}
.ud__tag-neutral-ghost > .ud__tag__close-icon,
.ud__tag-neutral-ghost > .ud__tag__close-icon:active,
.ud__tag-neutral-ghost > .ud__tag__close-icon:hover,
.ud__tag-neutral-ghost > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-neutral-text-inverse);
}
.ud__tag-neutral-ghost-transparent {
  background-color: var(--udtoken-tag-neutral-bg-inverse-opacity);
  color: var(--udtoken-tag-neutral-text-inverse-opacity);
}
.ud__tag-neutral-ghost-transparent > .ud__tag__close-icon,
.ud__tag-neutral-ghost-transparent > .ud__tag__close-icon:active,
.ud__tag-neutral-ghost-transparent > .ud__tag__close-icon:hover,
.ud__tag-neutral-ghost-transparent > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-neutral-text-inverse-opacity);
}
.ud__tag-neutral-option {
  background-color: var(--udtoken-tag-neutral-bg-normal);
  color: var(--text-title);
}
.ud__tag-neutral-option > .ud__tag__close-icon,
.ud__tag-neutral-option > .ud__tag__close-icon:active,
.ud__tag-neutral-option > .ud__tag__close-icon:hover,
.ud__tag-neutral-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--text-title);
}
.ud__tag-blue {
  background-color: var(--udtoken-tag-bg-blue);
  color: var(--udtoken-tag-text-s-blue);
}
.ud__tag-blue > .ud__tag__close-icon,
.ud__tag-blue > .ud__tag__close-icon:active,
.ud__tag-blue > .ud__tag__close-icon:hover,
.ud__tag-blue > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-blue);
}
.ud__tag-turquoise {
  background-color: var(--udtoken-tag-bg-turquoise);
  color: var(--udtoken-tag-text-s-turquoise);
}
.ud__tag-turquoise > .ud__tag__close-icon,
.ud__tag-turquoise > .ud__tag__close-icon:active,
.ud__tag-turquoise > .ud__tag__close-icon:hover,
.ud__tag-turquoise > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-turquoise);
}
.ud__tag-lime {
  background-color: var(--udtoken-tag-bg-lime);
  color: var(--udtoken-tag-text-s-lime);
}
.ud__tag-lime > .ud__tag__close-icon,
.ud__tag-lime > .ud__tag__close-icon:active,
.ud__tag-lime > .ud__tag__close-icon:hover,
.ud__tag-lime > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-lime);
}
.ud__tag-orange {
  background-color: var(--udtoken-tag-bg-orange);
  color: var(--udtoken-tag-text-s-orange);
}
.ud__tag-orange > .ud__tag__close-icon,
.ud__tag-orange > .ud__tag__close-icon:active,
.ud__tag-orange > .ud__tag__close-icon:hover,
.ud__tag-orange > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-orange);
}
.ud__tag-violet {
  background-color: var(--udtoken-tag-bg-violet);
  color: var(--udtoken-tag-text-s-violet);
}
.ud__tag-violet > .ud__tag__close-icon,
.ud__tag-violet > .ud__tag__close-icon:active,
.ud__tag-violet > .ud__tag__close-icon:hover,
.ud__tag-violet > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-violet);
}
.ud__tag-indigo {
  background-color: var(--udtoken-tag-bg-indigo);
  color: var(--udtoken-tag-text-s-indigo);
}
.ud__tag-indigo > .ud__tag__close-icon,
.ud__tag-indigo > .ud__tag__close-icon:active,
.ud__tag-indigo > .ud__tag__close-icon:hover,
.ud__tag-indigo > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-indigo);
}
.ud__tag-wathet {
  background-color: var(--udtoken-tag-bg-wathet);
  color: var(--udtoken-tag-text-s-wathet);
}
.ud__tag-wathet > .ud__tag__close-icon,
.ud__tag-wathet > .ud__tag__close-icon:active,
.ud__tag-wathet > .ud__tag__close-icon:hover,
.ud__tag-wathet > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-wathet);
}
.ud__tag-green {
  background-color: var(--udtoken-tag-bg-green);
  color: var(--udtoken-tag-text-s-green);
}
.ud__tag-green > .ud__tag__close-icon,
.ud__tag-green > .ud__tag__close-icon:active,
.ud__tag-green > .ud__tag__close-icon:hover,
.ud__tag-green > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-green);
}
.ud__tag-yellow {
  background-color: var(--udtoken-tag-bg-yellow);
  color: var(--udtoken-tag-text-s-yellow);
}
.ud__tag-yellow > .ud__tag__close-icon,
.ud__tag-yellow > .ud__tag__close-icon:active,
.ud__tag-yellow > .ud__tag__close-icon:hover,
.ud__tag-yellow > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-yellow);
}
.ud__tag-red {
  background-color: var(--udtoken-tag-bg-red);
  color: var(--udtoken-tag-text-s-red);
}
.ud__tag-red > .ud__tag__close-icon,
.ud__tag-red > .ud__tag__close-icon:active,
.ud__tag-red > .ud__tag__close-icon:hover,
.ud__tag-red > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-red);
}
.ud__tag-purple {
  background-color: var(--udtoken-tag-bg-purple);
  color: var(--udtoken-tag-text-s-purple);
}
.ud__tag-purple > .ud__tag__close-icon,
.ud__tag-purple > .ud__tag__close-icon:active,
.ud__tag-purple > .ud__tag__close-icon:hover,
.ud__tag-purple > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-purple);
}
.ud__tag-carmine {
  background-color: var(--udtoken-tag-bg-carmine);
  color: var(--udtoken-tag-text-s-carmine);
}
.ud__tag-carmine > .ud__tag__close-icon,
.ud__tag-carmine > .ud__tag__close-icon:active,
.ud__tag-carmine > .ud__tag__close-icon:hover,
.ud__tag-carmine > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-carmine);
}
.ud__tag-blue-solid {
  background-color: var(--udtoken-tag-bg-blue-solid);
  color: var(--udtoken-tag-text-s-blue);
}
.ud__tag-blue-solid > .ud__tag__close-icon,
.ud__tag-blue-solid > .ud__tag__close-icon:active,
.ud__tag-blue-solid > .ud__tag__close-icon:hover,
.ud__tag-blue-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-blue);
}
.ud__tag-turquoise-solid {
  background-color: var(--udtoken-tag-bg-turquoise-solid);
  color: var(--udtoken-tag-text-s-turquoise);
}
.ud__tag-turquoise-solid > .ud__tag__close-icon,
.ud__tag-turquoise-solid > .ud__tag__close-icon:active,
.ud__tag-turquoise-solid > .ud__tag__close-icon:hover,
.ud__tag-turquoise-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-turquoise);
}
.ud__tag-lime-solid {
  background-color: var(--udtoken-tag-bg-lime-solid);
  color: var(--udtoken-tag-text-s-lime);
}
.ud__tag-lime-solid > .ud__tag__close-icon,
.ud__tag-lime-solid > .ud__tag__close-icon:active,
.ud__tag-lime-solid > .ud__tag__close-icon:hover,
.ud__tag-lime-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-lime);
}
.ud__tag-orange-solid {
  background-color: var(--udtoken-tag-bg-orange-solid);
  color: var(--udtoken-tag-text-s-orange);
}
.ud__tag-orange-solid > .ud__tag__close-icon,
.ud__tag-orange-solid > .ud__tag__close-icon:active,
.ud__tag-orange-solid > .ud__tag__close-icon:hover,
.ud__tag-orange-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-orange);
}
.ud__tag-violet-solid {
  background-color: var(--udtoken-tag-bg-violet-solid);
  color: var(--udtoken-tag-text-s-violet);
}
.ud__tag-violet-solid > .ud__tag__close-icon,
.ud__tag-violet-solid > .ud__tag__close-icon:active,
.ud__tag-violet-solid > .ud__tag__close-icon:hover,
.ud__tag-violet-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-violet);
}
.ud__tag-indigo-solid {
  background-color: var(--udtoken-tag-bg-indigo-solid);
  color: var(--udtoken-tag-text-s-indigo);
}
.ud__tag-indigo-solid > .ud__tag__close-icon,
.ud__tag-indigo-solid > .ud__tag__close-icon:active,
.ud__tag-indigo-solid > .ud__tag__close-icon:hover,
.ud__tag-indigo-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-indigo);
}
.ud__tag-wathet-solid {
  background-color: var(--udtoken-tag-bg-wathet-solid);
  color: var(--udtoken-tag-text-s-wathet);
}
.ud__tag-wathet-solid > .ud__tag__close-icon,
.ud__tag-wathet-solid > .ud__tag__close-icon:active,
.ud__tag-wathet-solid > .ud__tag__close-icon:hover,
.ud__tag-wathet-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-wathet);
}
.ud__tag-green-solid {
  background-color: var(--udtoken-tag-bg-green-solid);
  color: var(--udtoken-tag-text-s-green);
}
.ud__tag-green-solid > .ud__tag__close-icon,
.ud__tag-green-solid > .ud__tag__close-icon:active,
.ud__tag-green-solid > .ud__tag__close-icon:hover,
.ud__tag-green-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-green);
}
.ud__tag-yellow-solid {
  background-color: var(--udtoken-tag-bg-yellow-solid);
  color: var(--udtoken-tag-text-s-yellow);
}
.ud__tag-yellow-solid > .ud__tag__close-icon,
.ud__tag-yellow-solid > .ud__tag__close-icon:active,
.ud__tag-yellow-solid > .ud__tag__close-icon:hover,
.ud__tag-yellow-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-yellow);
}
.ud__tag-red-solid {
  background-color: var(--udtoken-tag-bg-red-solid);
  color: var(--udtoken-tag-text-s-red);
}
.ud__tag-red-solid > .ud__tag__close-icon,
.ud__tag-red-solid > .ud__tag__close-icon:active,
.ud__tag-red-solid > .ud__tag__close-icon:hover,
.ud__tag-red-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-red);
}
.ud__tag-purple-solid {
  background-color: var(--udtoken-tag-bg-purple-solid);
  color: var(--udtoken-tag-text-s-purple);
}
.ud__tag-purple-solid > .ud__tag__close-icon,
.ud__tag-purple-solid > .ud__tag__close-icon:active,
.ud__tag-purple-solid > .ud__tag__close-icon:hover,
.ud__tag-purple-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-purple);
}
.ud__tag-carmine-solid {
  background-color: var(--udtoken-tag-bg-carmine-solid);
  color: var(--udtoken-tag-text-s-carmine);
}
.ud__tag-carmine-solid > .ud__tag__close-icon,
.ud__tag-carmine-solid > .ud__tag__close-icon:active,
.ud__tag-carmine-solid > .ud__tag__close-icon:hover,
.ud__tag-carmine-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-carmine);
}
.ud__tag-blue-option {
  background-color: var(--udtoken-tag-bg-blue);
  color: var(--udtoken-tag-text-blue);
}
.ud__tag-blue-option > .ud__tag__close-icon,
.ud__tag-blue-option > .ud__tag__close-icon:active,
.ud__tag-blue-option > .ud__tag__close-icon:hover,
.ud__tag-blue-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-blue);
}
.ud__tag-turquoise-option {
  background-color: var(--udtoken-tag-bg-turquoise);
  color: var(--udtoken-tag-text-turquoise);
}
.ud__tag-turquoise-option > .ud__tag__close-icon,
.ud__tag-turquoise-option > .ud__tag__close-icon:active,
.ud__tag-turquoise-option > .ud__tag__close-icon:hover,
.ud__tag-turquoise-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-turquoise);
}
.ud__tag-lime-option {
  background-color: var(--udtoken-tag-bg-lime);
  color: var(--udtoken-tag-text-lime);
}
.ud__tag-lime-option > .ud__tag__close-icon,
.ud__tag-lime-option > .ud__tag__close-icon:active,
.ud__tag-lime-option > .ud__tag__close-icon:hover,
.ud__tag-lime-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-lime);
}
.ud__tag-orange-option {
  background-color: var(--udtoken-tag-bg-orange);
  color: var(--udtoken-tag-text-orange);
}
.ud__tag-orange-option > .ud__tag__close-icon,
.ud__tag-orange-option > .ud__tag__close-icon:active,
.ud__tag-orange-option > .ud__tag__close-icon:hover,
.ud__tag-orange-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-orange);
}
.ud__tag-violet-option {
  background-color: var(--udtoken-tag-bg-violet);
  color: var(--udtoken-tag-text-violet);
}
.ud__tag-violet-option > .ud__tag__close-icon,
.ud__tag-violet-option > .ud__tag__close-icon:active,
.ud__tag-violet-option > .ud__tag__close-icon:hover,
.ud__tag-violet-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-violet);
}
.ud__tag-indigo-option {
  background-color: var(--udtoken-tag-bg-indigo);
  color: var(--udtoken-tag-text-indigo);
}
.ud__tag-indigo-option > .ud__tag__close-icon,
.ud__tag-indigo-option > .ud__tag__close-icon:active,
.ud__tag-indigo-option > .ud__tag__close-icon:hover,
.ud__tag-indigo-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-indigo);
}
.ud__tag-wathet-option {
  background-color: var(--udtoken-tag-bg-wathet);
  color: var(--udtoken-tag-text-wathet);
}
.ud__tag-wathet-option > .ud__tag__close-icon,
.ud__tag-wathet-option > .ud__tag__close-icon:active,
.ud__tag-wathet-option > .ud__tag__close-icon:hover,
.ud__tag-wathet-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-wathet);
}
.ud__tag-green-option {
  background-color: var(--udtoken-tag-bg-green);
  color: var(--udtoken-tag-text-green);
}
.ud__tag-green-option > .ud__tag__close-icon,
.ud__tag-green-option > .ud__tag__close-icon:active,
.ud__tag-green-option > .ud__tag__close-icon:hover,
.ud__tag-green-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-green);
}
.ud__tag-yellow-option {
  background-color: var(--udtoken-tag-bg-yellow);
  color: var(--udtoken-tag-text-yellow);
}
.ud__tag-yellow-option > .ud__tag__close-icon,
.ud__tag-yellow-option > .ud__tag__close-icon:active,
.ud__tag-yellow-option > .ud__tag__close-icon:hover,
.ud__tag-yellow-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-yellow);
}
.ud__tag-red-option {
  background-color: var(--udtoken-tag-bg-red);
  color: var(--udtoken-tag-text-red);
}
.ud__tag-red-option > .ud__tag__close-icon,
.ud__tag-red-option > .ud__tag__close-icon:active,
.ud__tag-red-option > .ud__tag__close-icon:hover,
.ud__tag-red-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-red);
}
.ud__tag-purple-option {
  background-color: var(--udtoken-tag-bg-purple);
  color: var(--udtoken-tag-text-purple);
}
.ud__tag-purple-option > .ud__tag__close-icon,
.ud__tag-purple-option > .ud__tag__close-icon:active,
.ud__tag-purple-option > .ud__tag__close-icon:hover,
.ud__tag-purple-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-purple);
}
.ud__tag-carmine-option {
  background-color: var(--udtoken-tag-bg-carmine);
  color: var(--udtoken-tag-text-carmine);
}
.ud__tag-carmine-option > .ud__tag__close-icon,
.ud__tag-carmine-option > .ud__tag__close-icon:active,
.ud__tag-carmine-option > .ud__tag__close-icon:hover,
.ud__tag-carmine-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-carmine);
}
.ud__tag-blue-ghost {
  background-color: var(--B400);
  color: var(--static-white);
}
.ud__tag-blue-ghost > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--static-white);
}
.ud__tag-blue-ghost > .ud__tag__close-icon:hover {
  color: var(--static-white);
}
.ud__tag-carmine-ghost {
  background-color: var(--C400);
  color: var(--static-white);
}
.ud__tag-carmine-ghost > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--static-white);
}
.ud__tag-carmine-ghost > .ud__tag__close-icon:hover {
  color: var(--static-white);
}
.ud__tag-red-ghost {
  background-color: var(--colorful-red);
  color: var(--function-danger-on-danger-fill);
}
.ud__tag-red-ghost > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--static-white);
}
.ud__tag-red-ghost > .ud__tag__close-icon:hover {
  color: var(--static-white);
}
.ud__tag-waiting {
  background-color: var(--udtoken-tag-bg-purple);
  color: var(--udtoken-tag-text-s-purple);
}
.ud__tag-waiting > .ud__tag__close-icon,
.ud__tag-waiting > .ud__tag__close-icon:active,
.ud__tag-waiting > .ud__tag__close-icon:hover,
.ud__tag-waiting > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-purple);
}
.ud__tag-success {
  background-color: var(--udtoken-tag-bg-green);
  color: var(--udtoken-tag-text-s-green);
}
.ud__tag-success > .ud__tag__close-icon,
.ud__tag-success > .ud__tag__close-icon:active,
.ud__tag-success > .ud__tag__close-icon:hover,
.ud__tag-success > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-green);
}
.ud__tag-info {
  background-color: var(--udtoken-tag-bg-blue);
  color: var(--udtoken-tag-text-s-blue);
}
.ud__tag-info > .ud__tag__close-icon,
.ud__tag-info > .ud__tag__close-icon:active,
.ud__tag-info > .ud__tag__close-icon:hover,
.ud__tag-info > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-blue);
}
.ud__tag-warning {
  background-color: var(--udtoken-tag-bg-orange);
  color: var(--udtoken-tag-text-s-orange);
}
.ud__tag-warning > .ud__tag__close-icon,
.ud__tag-warning > .ud__tag__close-icon:active,
.ud__tag-warning > .ud__tag__close-icon:hover,
.ud__tag-warning > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-orange);
}
.ud__tag-error {
  background-color: var(--udtoken-tag-bg-red);
  color: var(--udtoken-tag-text-s-red);
}
.ud__tag-error > .ud__tag__close-icon,
.ud__tag-error > .ud__tag__close-icon:active,
.ud__tag-error > .ud__tag__close-icon:hover,
.ud__tag-error > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-text-s-red);
}
.ud__tag-missing {
  background-color: var(--udtoken-tag-neutral-bg-normal);
  color: var(--udtoken-tag-neutral-text-normal);
}
.ud__tag-missing > .ud__tag__close-icon,
.ud__tag-missing > .ud__tag__close-icon:active,
.ud__tag-missing > .ud__tag__close-icon:hover,
.ud__tag-missing > .ud__tag__status-icon:not(.ud__avatar) {
  color: var(--udtoken-tag-neutral-text-normal);
}
.ud__tag-neutral-avatar {
  background-color: var(--udtoken-tag-neutral-bg-normal);
  color: var(--text-title);
}
.ud__tag-neutral-avatar > .ud__tag__close-icon {
  color: var(--icon-n2);
}
.ud__tag-neutral-avatar > .ud__tag__close-icon:hover {
  color: var(--primary-content-default);
}
.ud__tag-neutral-avatar > .ud__tag__close-icon:active {
  color: var(--primary-content-pressed);
}
.ud__tag-neutral-avatar:hover {
  background-color: var(--udtoken-tag-neutral-bg-normal-hover);
}
.ud__tag-neutral-avatar:active {
  background-color: var(--udtoken-tag-neutral-bg-normal-pressed);
}
.ud__tag-blue-avatar {
  background-color: var(--udtoken-tag-bg-blue);
  color: var(--text-title);
}
.ud__tag-blue-avatar > .ud__tag__close-icon {
  color: var(--icon-n2);
}
.ud__tag-blue-avatar > .ud__tag__close-icon:hover {
  color: var(--colorful-blue);
}
.ud__tag-blue-avatar > .ud__tag__close-icon:active {
  color: var(--B600);
}
.ud__tag-orange-avatar {
  background-color: var(--udtoken-tag-bg-orange);
  color: var(--text-title);
}
.ud__tag-orange-avatar > .ud__tag__close-icon {
  color: var(--icon-n2);
}
.ud__tag-orange-avatar > .ud__tag__close-icon:hover {
  color: var(--colorful-orange);
}
.ud__tag-orange-avatar > .ud__tag__close-icon:active {
  color: var(--O600);
}
.ud__native-input[disabled] {
  color: var(--text-placeholder);
  -webkit-text-fill-color: var(--text-placeholder);
}
.ud__select {
  box-sizing: border-box;
  color: var(--text-title);
}
.ud__select__selector {
  box-sizing: border-box;
  color: var(--text-title);
  display: flex;
  align-items: flex-start;
  border: solid var(--line-border-component);
  background-color: var(--udtoken-component-outlined-bg);
}
.ud__select__selector-focus,
.ud__select__selector:hover {
  border-color: var(--primary-pri-500);
}
.ud__select__selector__arrow {
  color: var(--icon-n2);
  display: flex;
  align-items: center;
  position: sticky;
}
.ud__select__selector-disabled {
  background-color: var(--udtoken-input-bg-disabled);
  color: var(--udtoken-component-text-disabled-loading);
}
.ud__select__selector-disabled:hover {
  border-color: var(--line-border-component);
}
.ud__select__selector-disabled .ud__select__selector__arrow {
  color: var(--icon-disabled);
}
.ud__select__selector-error,
.ud__select__selector-error:hover {
  border-color: var(--function-danger-500);
}
.ud__select__selector__search__input {
  cursor: inherit;
  appearance: none;
  color: var(--text-title);
  font-size: inherit;
  caret-color: transparent;
}
.ud__select__selector__selectItem-inputting {
  color: var(--text-title);
}
.ud__select__selector__placeholder {
  user-select: none;
  color: var(--text-placeholder);
}
.ud__select__selector-border-noborder:hover {
  background-color: var(--fill-hover);
}
.ud__select__selector-border-noborder:active {
  background-color: var(--fill-pressed);
}
.ud__select__selector-border-noborder.ud__select__selector-disabled .ud__text,
.ud__select__selector-border-underlined.ud__select__selector-disabled
  .ud__text {
  color: var(--text-disabled);
}
.ud__select__selector__clear {
  color: var(--icon-n2);
  display: flex;
  align-items: center;
  position: sticky;
}
.ud__select__selector__clear:hover {
  color: var(--primary-pri-500);
}
.ud__select__selector__clear:active {
  color: var(--primary-pri-600);
}
.ud__select__list {
  box-sizing: border-box;
  color: var(--text-title);
  box-shadow: var(--shadow-s4-down);
  border: 1px solid var(--line-border-card);
  background: var(--bg-float);
}
.ud__select__list__loading-container {
  box-sizing: border-box;
  color: var(--primary-content-default);
  display: flex;
  justify-content: center;
  align-items: center;
}
.ud__select__list__empty {
  color: var(--text-placeholder);
}
.ud__select__list__item {
  background: var(--bg-float);
  display: flex;
  box-sizing: border-box;
}
.ud__select__list__item-active {
  background: var(--fill-hover);
}
.ud__select__list__item-selected {
  color: var(--primary-content-default);
}
.ud__select__list__item-disabled {
  color: var(--text-disabled);
  background: var(--bg-float);
}
.ud__select__list__item-disabled-active {
  background: var(--bg-float);
}
.ud__select__list__item__content-highlight {
  color: var(--primary-content-default);
}
.ud__select__list__group__title {
  color: var(--text-placeholder);
}
.ud__select__list__group:before {
  content: "";
  background-color: var(--line-divider-default);
}
.ud__select__dropdown {
  color: var(--text-title);
  pointer-events: auto !important;
}
.ud__select__dropdown-empty {
  color: var(--text-disabled);
}
.ud__loading {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  color: var(--primary-content-default);
}
.ud__loading__spinner {
  box-sizing: border-box;
  display: flex;
  color: var(--primary-content-default);
}
.ud__loading__tip {
  box-sizing: border-box;
  color: var(--text-caption);
}
.ud__loading__container-blur:after {
  content: "";
  background-color: var(--fill-loading-mask);
}
.ud__list__box {
  background: var(--bg-float);
  border: 1px solid var(--line-border-card);
  box-shadow: var(--shadow-s4-down);
}
.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar-thumb {
  background-color: rgba(var(--N900-raw), 30%);
}
.ud__list__box
  .rc-virtual-list-holder:last-child::-webkit-scrollbar-thumb:hover {
  background-color: rgba(var(--N900-raw), 60%) !important;
  background-color: #1f232999 !important;
}
.ud__list__scrollView::-webkit-scrollbar-thumb {
  background-color: rgba(var(--N900-raw), 30%);
}
.ud__list__scrollView::-webkit-scrollbar-thumb:hover {
  background-color: rgba(var(--N900-raw), 60%) !important;
}
.ud__list__item {
  display: flex;
  align-items: center;
  color: var(--text-title);
}
.ud__list__item-active,
.ud__list__item:hover {
  background-color: var(--fill-hover);
}
.ud__list__item__title__before {
  color: var(--icon-n1);
  align-self: flex-start;
  display: flex;
  align-items: center;
}
.ud__list__item-selected .ud__list__item__title,
.ud__list__item-selected .ud__list__item__title__before {
  color: var(--primary-content-default);
}
.ud__list__item__description {
  color: var(--text-placeholder);
}
.ud__list__item-selected .ud__list__item__checkmark {
  color: var(--primary-content-default);
}
.ud__list__item-disabled,
.ud__list__item-disabled .ud__list__item__description,
.ud__list__item-disabled .ud__list__item__title,
.ud__list__item-disabled:hover {
  color: var(--text-title);
}
.ud__list__item-disabled .ud__list__item__checkmark,
.ud__list__item-disabled .ud__list__item__title__before {
  color: var(--icon-n1);
}
.ud__list__divider {
  box-shadow: inset 0 1px 0 var(--line-divider-default);
}
.ud__list__caption,
.ud__list__empty {
  color: var(--text-placeholder);
}
.ud-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(var(--N900-raw), 30%);
}
.rc-virtual-list-scrollbar-thumb:after {
  box-sizing: border-box;
  content: " ";
  background-color: rgba(var(--N900-raw), 30%) !important;
}
.rc-virtual-list-scrollbar-thumb:hover:after {
  background-color: rgba(var(--N900-raw), 60%) !important;
}
:root {
  --B100: #e0e9ff;
  --B100-raw: 224, 233, 255;
  --B200: #c2d4ff;
  --B200-raw: 194, 212, 255;
  --B300: #94b4ff;
  --B300-raw: 148, 180, 255;
  --B350: #7aa2ff;
  --B350-raw: 122, 162, 255;
  --B400: #5083fb;
  --B400-raw: 80, 131, 251;
  --B50: #f0f4ff;
  --B50-raw: 240, 244, 255;
  --B500: #336df4;
  --B500-raw: 51, 109, 244;
  --B600: #1456f0;
  --B600-raw: 20, 86, 240;
  --B700: #0442d2;
  --B700-raw: 4, 66, 210;
  --B800: #002f9e;
  --B800-raw: 0, 47, 158;
  --B900: #002270;
  --B900-raw: 0, 34, 112;
  --C100: #fee2f2;
  --C100-raw: 254, 226, 242;
  --C200: #f8c4e1;
  --C200-raw: 248, 196, 225;
  --C300: #f598cc;
  --C300-raw: 245, 152, 204;
  --C350: #eb78b8;
  --C350-raw: 235, 120, 184;
  --C400: #df58a5;
  --C400-raw: 223, 88, 165;
  --C50: #fef0f8;
  --C50-raw: 254, 240, 248;
  --C500: #cc398c;
  --C500-raw: 204, 57, 140;
  --C600: #b82879;
  --C600-raw: 184, 40, 121;
  --C700: #9d1562;
  --C700-raw: 157, 21, 98;
  --C800: #730744;
  --C800-raw: 115, 7, 68;
  --C900: #550c35;
  --C900-raw: 85, 12, 53;
  --G100: #d0f5ce;
  --G100-raw: 208, 245, 206;
  --G200: #95e599;
  --G200-raw: 149, 229, 153;
  --G300: #5cd168;
  --G300-raw: 92, 209, 104;
  --G350: #35bd4b;
  --G350-raw: 53, 189, 75;
  --G400: #32a645;
  --G400-raw: 50, 166, 69;
  --G50: #e4fae1;
  --G50-raw: 228, 250, 225;
  --G500: #258832;
  --G500-raw: 37, 136, 50;
  --G600: #1a7526;
  --G600-raw: 26, 117, 38;
  --G700: #0b6017;
  --G700-raw: 11, 96, 23;
  --G800: #04430c;
  --G800-raw: 4, 67, 12;
  --G900: #022c07;
  --G900-raw: 2, 44, 7;
  --I100: #e9eafb;
  --I100-raw: 233, 234, 251;
  --I200: #cccff9;
  --I200-raw: 204, 207, 249;
  --I300: #abb0f2;
  --I300-raw: 171, 176, 242;
  --I350: #959bee;
  --I350-raw: 149, 155, 238;
  --I400: #757df0;
  --I400-raw: 117, 125, 240;
  --I50: #f2f3fd;
  --I50-raw: 242, 243, 253;
  --I500: #5b65f5;
  --I500-raw: 91, 101, 245;
  --I600: #4752e6;
  --I600-raw: 71, 82, 230;
  --I700: #333dcc;
  --I700-raw: 51, 61, 204;
  --I800: #1e27a4;
  --I800-raw: 30, 39, 164;
  --I900: #151b70;
  --I900-raw: 21, 27, 112;
  --L100: #e3f0a3;
  --L100-raw: 227, 240, 163;
  --L200: #c8dd5f;
  --L200-raw: 200, 221, 95;
  --L300: #a2c10b;
  --L300-raw: 162, 193, 11;
  --L350: #91ad00;
  --L350-raw: 145, 173, 0;
  --L400: #7b9207;
  --L400-raw: 123, 146, 7;
  --L50: #f2f8d3;
  --L50-raw: 242, 248, 211;
  --L500: #6b7f06;
  --L500-raw: 107, 127, 6;
  --L600: #5c6d08;
  --L600-raw: 92, 109, 8;
  --L700: #4a5804;
  --L700-raw: 74, 88, 4;
  --L800: #333d00;
  --L800-raw: 51, 61, 0;
  --L900: #262e00;
  --L900-raw: 38, 46, 0;
  --N00: #ffffff;
  --N00-raw: 255, 255, 255;
  --N100: #f2f3f5;
  --N100-raw: 242, 243, 245;
  --N1000: #000000;
  --N1000-raw: 0, 0, 0;
  --N200: #eff0f1;
  --N200-raw: 239, 240, 241;
  --N300: #dee0e3;
  --N300-raw: 222, 224, 227;
  --N350: #d0d3d6;
  --N350-raw: 208, 211, 214;
  --N400: #bbbfc4;
  --N400-raw: 187, 191, 196;
  --N50: #f5f6f7;
  --N50-raw: 245, 246, 247;
  --N500: #8f959e;
  --N500-raw: 143, 149, 158;
  --N600: #646a73;
  --N600-raw: 100, 106, 115;
  --N650: #51565d;
  --N650-raw: 81, 86, 93;
  --N700: #373c43;
  --N700-raw: 55, 60, 67;
  --N800: #2b2f36;
  --N800-raw: 43, 47, 54;
  --N900: #1f2329;
  --N900-raw: 31, 35, 41;
  --N950: #0f1114;
  --N950-raw: 15, 17, 20;
  --O100: #fee7cd;
  --O100-raw: 254, 231, 205;
  --O200: #fec48b;
  --O200-raw: 254, 196, 139;
  --O300: #ff9d4c;
  --O300-raw: 255, 157, 76;
  --O350: #ff811a;
  --O350-raw: 255, 129, 26;
  --O400: #ed6d0c;
  --O400-raw: 237, 109, 12;
  --O50: #fff3e5;
  --O50-raw: 255, 243, 229;
  --O500: #c25705;
  --O500-raw: 194, 87, 5;
  --O600: #a44904;
  --O600-raw: 164, 73, 4;
  --O700: #853a05;
  --O700-raw: 133, 58, 5;
  --O800: #642b02;
  --O800-raw: 100, 43, 2;
  --O900: #3b1a02;
  --O900-raw: 59, 26, 2;
  --P100: #efe6fe;
  --P100-raw: 239, 230, 254;
  --P200: #dcc9fd;
  --P200-raw: 220, 201, 253;
  --P300: #c8a9fc;
  --P300-raw: 200, 169, 252;
  --P350: #b791fa;
  --P350-raw: 183, 145, 250;
  --P400: #9f6ff1;
  --P400-raw: 159, 111, 241;
  --P50: #f5f0fe;
  --P50-raw: 245, 240, 254;
  --P500: #8d55ed;
  --P500-raw: 141, 85, 237;
  --P600: #7a35f0;
  --P600-raw: 122, 53, 240;
  --P700: #611fd6;
  --P700-raw: 97, 31, 214;
  --P800: #4811a6;
  --P800-raw: 72, 17, 166;
  --P900: #2f0080;
  --P900-raw: 47, 0, 128;
  --R100: #fee3e2;
  --R100-raw: 254, 227, 226;
  --R200: #fdc6c4;
  --R200-raw: 253, 198, 196;
  --R300: #f89e9b;
  --R300-raw: 248, 158, 155;
  --R350: #ff7570;
  --R350-raw: 255, 117, 112;
  --R400: #f54a45;
  --R400-raw: 245, 74, 69;
  --R50: #fef0f0;
  --R50-raw: 254, 240, 240;
  --R500: #e22e28;
  --R500-raw: 226, 46, 40;
  --R600: #c02a26;
  --R600-raw: 192, 42, 38;
  --R700: #a11c17;
  --R700-raw: 161, 28, 23;
  --R800: #741915;
  --R800-raw: 116, 25, 21;
  --R900: #590603;
  --R900-raw: 89, 6, 3;
  --S100: #fffca3;
  --S100-raw: 255, 252, 163;
  --S200: #fff67a;
  --S200-raw: 255, 246, 122;
  --S300: #fff258;
  --S300-raw: 255, 242, 88;
  --S350: #ffe928;
  --S350-raw: 255, 233, 40;
  --S400: #e5ce00;
  --S400-raw: 229, 206, 0;
  --S50: #ffffdb;
  --S50-raw: 255, 255, 219;
  --S500: #c2a800;
  --S500-raw: 194, 168, 0;
  --S600: #8f7c00;
  --S600-raw: 143, 124, 0;
  --S700: #5c4f00;
  --S700-raw: 92, 79, 0;
  --S800: #423700;
  --S800-raw: 66, 55, 0;
  --S900: #2c2502;
  --S900-raw: 44, 37, 2;
  --T100: #c4f2ec;
  --T100-raw: 196, 242, 236;
  --T200: #6fe8d8;
  --T200-raw: 111, 232, 216;
  --T300: #33d6c0;
  --T300-raw: 51, 214, 192;
  --T350: #2dbeab;
  --T350-raw: 45, 190, 171;
  --T400: #10a893;
  --T400-raw: 16, 168, 147;
  --T50: #e2f8f5;
  --T50-raw: 226, 248, 245;
  --T500: #0f8575;
  --T500-raw: 15, 133, 117;
  --T600: #067062;
  --T600-raw: 6, 112, 98;
  --T700: #045d51;
  --T700-raw: 4, 93, 81;
  --T800: #03443b;
  --T800-raw: 3, 68, 59;
  --T900: #02312a;
  --T900-raw: 2, 49, 42;
  --V100: #f9e2f9;
  --V100-raw: 249, 226, 249;
  --V200: #f3c4f3;
  --V200-raw: 243, 196, 243;
  --V300: #e59ce5;
  --V300-raw: 229, 156, 229;
  --V350: #de81de;
  --V350-raw: 222, 129, 222;
  --V400: #cf5ecf;
  --V400-raw: 207, 94, 207;
  --V50: #fceefc;
  --V50-raw: 252, 238, 252;
  --V500: #bf3dbf;
  --V500-raw: 191, 61, 191;
  --V600: #a630a6;
  --V600-raw: 166, 48, 166;
  --V700: #872787;
  --V700-raw: 135, 39, 135;
  --V800: #6a116a;
  --V800-raw: 106, 17, 106;
  --V900: #520052;
  --V900-raw: 82, 0, 82;
  --W100: #caeffc;
  --W100-raw: 202, 239, 252;
  --W200: #97dcfc;
  --W200-raw: 151, 220, 252;
  --W300: #3ec3f7;
  --W300-raw: 62, 195, 247;
  --W350: #25b0e7;
  --W350-raw: 37, 176, 231;
  --W400: #1295ca;
  --W400-raw: 18, 149, 202;
  --W50: #e7f8fe;
  --W50-raw: 231, 248, 254;
  --W500: #047fb0;
  --W500-raw: 4, 127, 176;
  --W600: #076a94;
  --W600-raw: 7, 106, 148;
  --W700: #0f587a;
  --W700-raw: 15, 88, 122;
  --W800: #06415c;
  --W800-raw: 6, 65, 92;
  --W900: #072b3d;
  --W900-raw: 7, 43, 61;
  --Y100: #faedc2;
  --Y100-raw: 250, 237, 194;
  --Y200: #fcdf7e;
  --Y200-raw: 252, 223, 126;
  --Y300: #fad355;
  --Y300-raw: 250, 211, 85;
  --Y350: #ffc60a;
  --Y350-raw: 255, 198, 10;
  --Y400: #d99904;
  --Y400-raw: 217, 153, 4;
  --Y50: #fbf4df;
  --Y50-raw: 251, 244, 223;
  --Y500: #ad7a03;
  --Y500-raw: 173, 122, 3;
  --Y600: #865b03;
  --Y600-raw: 134, 91, 3;
  --Y700: #6f4a01;
  --Y700-raw: 111, 74, 1;
  --Y800: #573601;
  --Y800-raw: 87, 54, 1;
  --Y900: #382201;
  --Y900-raw: 56, 34, 1;
  --AI-cursor: var(--I600);
  --AI-cursor-raw: var(--I600-raw);
  --AI-dynamic-line: conic-gradient(
    from 45deg,
    var(--V400) 0%,
    var(--I600) 33.33333333%,
    var(--I600) 66.66666667%,
    var(--V400) 100%
  );
  --AI-icon-gradient: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--P400) 100%
  );
  --AI-icon-in-button: var(--I600);
  --AI-icon-in-button-raw: var(--I600-raw);
  --AI-loading: linear-gradient(to right, var(--I600) 0%, var(--V350) 100%);
  --AI-primary-content-default: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--V400) 100%
  );
  --AI-primary-content-hover: linear-gradient(
    to right,
    var(--I500) 0%,
    var(--V350) 100%
  );
  --AI-primary-content-loading: linear-gradient(
    to right,
    rgba(var(--I600-raw), 0.6) 0%,
    rgba(var(--V400-raw), 0.6) 100%
  );
  --AI-primary-content-pressed: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--V500) 100%
  );
  --AI-primary-fill-default: linear-gradient(
    to right,
    var(--I500) 0%,
    var(--V350) 100%
  );
  --AI-primary-fill-hover: linear-gradient(
    to right,
    var(--I400) 0%,
    var(--V300) 100%
  );
  --AI-primary-fill-loading: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.6) 0%,
    rgba(var(--V350-raw), 0.6) 100%
  );
  --AI-primary-fill-pressed: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--V400) 100%
  );
  --AI-primary-fill-solid-01: linear-gradient(
    to right,
    var(--I50) 0%,
    var(--V50) 100%
  );
  --AI-primary-fill-solid-02: linear-gradient(
    to right,
    var(--I100) 0%,
    var(--V100) 100%
  );
  --AI-primary-fill-solid-03: linear-gradient(
    to right,
    var(--I200) 0%,
    var(--V200) 100%
  );
  --AI-primary-fill-transparent-01: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.1) 0%,
    rgba(var(--V350-raw), 0.1) 100%
  );
  --AI-primary-fill-transparent-02: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.2) 0%,
    rgba(var(--V350-raw), 0.2) 100%
  );
  --AI-primary-fill-transparent-03: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.3) 0%,
    rgba(var(--V350-raw), 0.3) 100%
  );
  --AI-sendicon: linear-gradient(to right, var(--I600) 0%, var(--P400) 100%);
  --Aurora-bg-main: rgba(var(--B600-raw), 0.2);
  --Aurora-bg-reflection: rgba(var(--T350-raw), 0.1);
  --Aurora-bg-subordinate: rgba(var(--B500-raw), 0.2);
  --N00-10: rgba(var(--N00-raw), 0.1);
  --N00-15: rgba(var(--N00-raw), 0.15);
  --N00-20: rgba(var(--N00-raw), 0.2);
  --N00-30: rgba(var(--N00-raw), 0.3);
  --N00-40: rgba(var(--N00-raw), 0.4);
  --N00-5: rgba(var(--N00-raw), 0.05);
  --N00-50: rgba(var(--N00-raw), 0.5);
  --N00-60: rgba(var(--N00-raw), 0.6);
  --N00-70: rgba(var(--N00-raw), 0.7);
  --N00-80: rgba(var(--N00-raw), 0.8);
  --N00-90: rgba(var(--N00-raw), 0.9);
  --N900-10: rgba(var(--N900-raw), 0.1);
  --N900-15: rgba(var(--N900-raw), 0.15);
  --N900-20: rgba(var(--N900-raw), 0.2);
  --N900-30: rgba(var(--N900-raw), 0.3);
  --N900-40: rgba(var(--N900-raw), 0.4);
  --N900-5: rgba(var(--N900-raw), 0.05);
  --N900-50: rgba(var(--N900-raw), 0.5);
  --N900-60: rgba(var(--N900-raw), 0.6);
  --N900-70: rgba(var(--N900-raw), 0.7);
  --N900-80: rgba(var(--N900-raw), 0.8);
  --N900-90: rgba(var(--N900-raw), 0.9);
  --Vnext-bg-content-header: #fcfcfc;
  --Vnext-bg-content-header-raw: 252, 252, 252;
  --Vnext-bg-gradient: linear-gradient(
    180deg,
    rgba(var(--N00-raw), 0.05) 0%,
    rgba(var(--N600-raw), 0.05) 100%
  );
  --Vnext-bg-sub-navigation: rgba(245, 245, 245, 0.7);
  --Vnext-bg-sub-navigation-raw: 245, 245, 245;
  --Vnext-bg-thirdly-navigation: rgba(252, 252, 252, 0.9);
  --Vnext-bg-thirdly-navigation-raw: 252, 252, 252;
  --bg-base: var(--N100);
  --bg-base-raw: var(--N100-raw);
  --bg-body: var(--N00);
  --bg-body-raw: var(--N00-raw);
  --bg-body-overlay: var(--N50);
  --bg-body-overlay-raw: var(--N50-raw);
  --bg-content-base: #f8f9fa;
  --bg-content-base-raw: 248, 249, 250;
  --bg-filler: var(--N200);
  --bg-filler-raw: var(--N200-raw);
  --bg-float: var(--N00);
  --bg-float-raw: var(--N00-raw);
  --bg-float-base: var(--N100);
  --bg-float-base-raw: var(--N100-raw);
  --bg-float-overlay: var(--N50);
  --bg-float-overlay-raw: var(--N50-raw);
  --bg-float-push: rgba(var(--N00-raw), 0.8);
  --bg-mask: rgba(0, 0, 0, 0.55);
  --bg-mask-raw: 0, 0, 0;
  --bg-pricolor: var(--primary-pri-400);
  --bg-pricolor-raw: var(--primary-pri-400-raw);
  --bg-sub-navigation: var(--bg-body-overlay);
  --bg-sub-navigation-raw: var(--bg-body-overlay-raw);
  --bg-text-selection: rgba(var(--primary-pri-600-raw), 0.3);
  --bg-tips: var(--N900);
  --bg-tips-raw: var(--N900-raw);
  --colorful-blue: var(--B500);
  --colorful-blue-raw: var(--B500-raw);
  --colorful-carmine: var(--C400);
  --colorful-carmine-raw: var(--C400-raw);
  --colorful-green: var(--G350);
  --colorful-green-raw: var(--G350-raw);
  --colorful-indigo: var(--I500);
  --colorful-indigo-raw: var(--I500-raw);
  --colorful-lime: var(--L350);
  --colorful-lime-raw: var(--L350-raw);
  --colorful-neutral: var(--N500);
  --colorful-neutral-raw: var(--N500-raw);
  --colorful-orange: var(--O350);
  --colorful-orange-raw: var(--O350-raw);
  --colorful-purple: var(--P500);
  --colorful-purple-raw: var(--P500-raw);
  --colorful-red: var(--R400);
  --colorful-red-raw: var(--R400-raw);
  --colorful-sunflower: var(--S350);
  --colorful-sunflower-raw: var(--S350-raw);
  --colorful-turquoise: var(--T350);
  --colorful-turquoise-raw: var(--T350-raw);
  --colorful-violet: var(--V500);
  --colorful-violet-raw: var(--V500-raw);
  --colorful-wathet: var(--W350);
  --colorful-wathet-raw: var(--W350-raw);
  --colorful-yellow: var(--Y350);
  --colorful-yellow-raw: var(--Y350-raw);
  --fill-active: var(--primary-fill-transparent-02);
  --fill-disabled: var(--N400);
  --fill-disabled-raw: var(--N400-raw);
  --fill-focus: rgba(var(--N900-raw), 0.12);
  --fill-hover: rgba(var(--N900-raw), 0.08);
  --fill-img-mask: rgba(var(--N00-raw), 0);
  --fill-loading-mask: rgba(var(--N00-raw), 0.6);
  --fill-pressed: rgba(var(--N900-raw), 0.12);
  --fill-selected: var(--primary-fill-transparent-01);
  --fill-tag: rgba(var(--N900-raw), 0.1);
  --function-danger-100: var(--R100);
  --function-danger-100-raw: var(--R100-raw);
  --function-danger-200: var(--R200);
  --function-danger-200-raw: var(--R200-raw);
  --function-danger-300: var(--R300);
  --function-danger-300-raw: var(--R300-raw);
  --function-danger-350: var(--R350);
  --function-danger-350-raw: var(--R350-raw);
  --function-danger-400: var(--R400);
  --function-danger-400-raw: var(--R400-raw);
  --function-danger-50: var(--R50);
  --function-danger-50-raw: var(--R50-raw);
  --function-danger-500: var(--R500);
  --function-danger-500-raw: var(--R500-raw);
  --function-danger-600: var(--R600);
  --function-danger-600-raw: var(--R600-raw);
  --function-danger-700: var(--R700);
  --function-danger-700-raw: var(--R700-raw);
  --function-danger-800: var(--R800);
  --function-danger-800-raw: var(--R800-raw);
  --function-danger-900: var(--R900);
  --function-danger-900-raw: var(--R900-raw);
  --function-danger-content-default: var(--function-danger-400);
  --function-danger-content-default-raw: var(--function-danger-400-raw);
  --function-danger-content-hover: var(--function-danger-350);
  --function-danger-content-hover-raw: var(--function-danger-350-raw);
  --function-danger-content-loading: var(--function-danger-300);
  --function-danger-content-loading-raw: var(--function-danger-300-raw);
  --function-danger-content-pressed: var(--function-danger-500);
  --function-danger-content-pressed-raw: var(--function-danger-500-raw);
  --function-danger-fill-default: var(--function-danger-400);
  --function-danger-fill-default-raw: var(--function-danger-400-raw);
  --function-danger-fill-hover: var(--function-danger-350);
  --function-danger-fill-hover-raw: var(--function-danger-350-raw);
  --function-danger-fill-loading: var(--function-danger-300);
  --function-danger-fill-loading-raw: var(--function-danger-300-raw);
  --function-danger-fill-pressed: var(--function-danger-500);
  --function-danger-fill-pressed-raw: var(--function-danger-500-raw);
  --function-danger-fill-solid-01: var(--function-danger-50);
  --function-danger-fill-solid-01-raw: var(--function-danger-50-raw);
  --function-danger-fill-solid-02: var(--function-danger-100);
  --function-danger-fill-solid-02-raw: var(--function-danger-100-raw);
  --function-danger-fill-solid-03: var(--function-danger-200);
  --function-danger-fill-solid-03-raw: var(--function-danger-200-raw);
  --function-danger-fill-transparent-01: rgba(
    var(--function-danger-500-raw),
    0.1
  );
  --function-danger-fill-transparent-02: rgba(
    var(--function-danger-500-raw),
    0.15
  );
  --function-danger-fill-transparent-03: rgba(
    var(--function-danger-500-raw),
    0.2
  );
  --function-danger-on-danger-fill: var(--static-white);
  --function-danger-on-danger-fill-raw: var(--static-white-raw);
  --function-info-100: var(--B100);
  --function-info-100-raw: var(--B100-raw);
  --function-info-200: var(--B200);
  --function-info-200-raw: var(--B200-raw);
  --function-info-300: var(--B300);
  --function-info-300-raw: var(--B300-raw);
  --function-info-350: var(--B350);
  --function-info-350-raw: var(--B350-raw);
  --function-info-400: var(--B400);
  --function-info-400-raw: var(--B400-raw);
  --function-info-50: var(--B50);
  --function-info-50-raw: var(--B50-raw);
  --function-info-500: var(--B500);
  --function-info-500-raw: var(--B500-raw);
  --function-info-600: var(--B600);
  --function-info-600-raw: var(--B600-raw);
  --function-info-700: var(--B700);
  --function-info-700-raw: var(--B700-raw);
  --function-info-800: var(--B800);
  --function-info-800-raw: var(--B800-raw);
  --function-info-900: var(--B900);
  --function-info-900-raw: var(--B900-raw);
  --function-info-content-default: var(--function-info-600);
  --function-info-content-default-raw: var(--function-info-600-raw);
  --function-info-content-hover: var(--function-info-500);
  --function-info-content-hover-raw: var(--function-info-500-raw);
  --function-info-content-loading: var(--function-info-300);
  --function-info-content-loading-raw: var(--function-info-300-raw);
  --function-info-content-pressed: var(--function-info-700);
  --function-info-content-pressed-raw: var(--function-info-700-raw);
  --function-info-fill-default: var(--function-info-600);
  --function-info-fill-default-raw: var(--function-info-600-raw);
  --function-info-fill-hover: var(--function-info-500);
  --function-info-fill-hover-raw: var(--function-info-500-raw);
  --function-info-fill-loading: var(--function-info-300);
  --function-info-fill-loading-raw: var(--function-info-300-raw);
  --function-info-fill-pressed: var(--function-info-700);
  --function-info-fill-pressed-raw: var(--function-info-700-raw);
  --function-info-fill-solid-01: var(--function-info-50);
  --function-info-fill-solid-01-raw: var(--function-info-50-raw);
  --function-info-fill-solid-02: var(--function-info-100);
  --function-info-fill-solid-02-raw: var(--function-info-100-raw);
  --function-info-fill-solid-03: var(--function-info-200);
  --function-info-fill-solid-03-raw: var(--function-info-200-raw);
  --function-info-fill-transparent-01: rgba(var(--function-info-600-raw), 0.1);
  --function-info-fill-transparent-02: rgba(var(--function-info-600-raw), 0.15);
  --function-info-fill-transparent-03: rgba(var(--function-info-600-raw), 0.2);
  --function-info-on-info-fill: var(--static-white);
  --function-info-on-info-fill-raw: var(--static-white-raw);
  --function-success-100: var(--G100);
  --function-success-100-raw: var(--G100-raw);
  --function-success-200: var(--G200);
  --function-success-200-raw: var(--G200-raw);
  --function-success-300: var(--G300);
  --function-success-300-raw: var(--G300-raw);
  --function-success-350: var(--G350);
  --function-success-350-raw: var(--G350-raw);
  --function-success-400: var(--G400);
  --function-success-400-raw: var(--G400-raw);
  --function-success-50: var(--G50);
  --function-success-50-raw: var(--G50-raw);
  --function-success-500: var(--G500);
  --function-success-500-raw: var(--G500-raw);
  --function-success-600: var(--G600);
  --function-success-600-raw: var(--G600-raw);
  --function-success-700: var(--G700);
  --function-success-700-raw: var(--G700-raw);
  --function-success-800: var(--G800);
  --function-success-800-raw: var(--G800-raw);
  --function-success-900: var(--G900);
  --function-success-900-raw: var(--G900-raw);
  --function-success-content-default: var(--function-success-400);
  --function-success-content-default-raw: var(--function-success-400-raw);
  --function-success-content-hover: var(--function-success-350);
  --function-success-content-hover-raw: var(--function-success-350-raw);
  --function-success-content-loading: var(--function-success-300);
  --function-success-content-loading-raw: var(--function-success-300-raw);
  --function-success-content-pressed: var(--function-success-500);
  --function-success-content-pressed-raw: var(--function-success-500-raw);
  --function-success-fill-default: var(--function-success-350);
  --function-success-fill-default-raw: var(--function-success-350-raw);
  --function-success-fill-hover: var(--function-success-300);
  --function-success-fill-hover-raw: var(--function-success-300-raw);
  --function-success-fill-loading: var(--function-success-300);
  --function-success-fill-loading-raw: var(--function-success-300-raw);
  --function-success-fill-pressed: var(--function-success-400);
  --function-success-fill-pressed-raw: var(--function-success-400-raw);
  --function-success-fill-solid-01: var(--function-success-50);
  --function-success-fill-solid-01-raw: var(--function-success-50-raw);
  --function-success-fill-solid-02: var(--function-success-100);
  --function-success-fill-solid-02-raw: var(--function-success-100-raw);
  --function-success-fill-solid-03: var(--function-success-200);
  --function-success-fill-solid-03-raw: var(--function-success-200-raw);
  --function-success-fill-transparent-01: rgba(
    var(--function-success-350-raw),
    0.1
  );
  --function-success-fill-transparent-02: rgba(
    var(--function-success-350-raw),
    0.15
  );
  --function-success-fill-transparent-03: rgba(
    var(--function-success-350-raw),
    0.2
  );
  --function-success-on-success-fill: var(--static-white);
  --function-success-on-success-fill-raw: var(--static-white-raw);
  --function-warning-100: var(--O100);
  --function-warning-100-raw: var(--O100-raw);
  --function-warning-200: var(--O200);
  --function-warning-200-raw: var(--O200-raw);
  --function-warning-300: var(--O300);
  --function-warning-300-raw: var(--O300-raw);
  --function-warning-350: var(--O350);
  --function-warning-350-raw: var(--O350-raw);
  --function-warning-400: var(--O400);
  --function-warning-400-raw: var(--O400-raw);
  --function-warning-50: var(--O50);
  --function-warning-50-raw: var(--O50-raw);
  --function-warning-500: var(--O500);
  --function-warning-500-raw: var(--O500-raw);
  --function-warning-600: var(--O600);
  --function-warning-600-raw: var(--O600-raw);
  --function-warning-700: var(--O700);
  --function-warning-700-raw: var(--O700-raw);
  --function-warning-800: var(--O800);
  --function-warning-800-raw: var(--O800-raw);
  --function-warning-900: var(--O900);
  --function-warning-900-raw: var(--O900-raw);
  --function-warning-content-default: var(--function-warning-400);
  --function-warning-content-default-raw: var(--function-warning-400-raw);
  --function-warning-content-hover: var(--function-warning-350);
  --function-warning-content-hover-raw: var(--function-warning-350-raw);
  --function-warning-content-loading: var(--function-warning-300);
  --function-warning-content-loading-raw: var(--function-warning-300-raw);
  --function-warning-content-pressed: var(--function-warning-500);
  --function-warning-content-pressed-raw: var(--function-warning-500-raw);
  --function-warning-fill-default: var(--function-warning-350);
  --function-warning-fill-default-raw: var(--function-warning-350-raw);
  --function-warning-fill-hover: var(--function-warning-300);
  --function-warning-fill-hover-raw: var(--function-warning-300-raw);
  --function-warning-fill-loading: var(--function-warning-300);
  --function-warning-fill-loading-raw: var(--function-warning-300-raw);
  --function-warning-fill-pressed: var(--function-warning-400);
  --function-warning-fill-pressed-raw: var(--function-warning-400-raw);
  --function-warning-fill-solid-01: var(--function-warning-50);
  --function-warning-fill-solid-01-raw: var(--function-warning-50-raw);
  --function-warning-fill-solid-02: var(--function-warning-100);
  --function-warning-fill-solid-02-raw: var(--function-warning-100-raw);
  --function-warning-fill-solid-03: var(--function-warning-200);
  --function-warning-fill-solid-03-raw: var(--function-warning-200-raw);
  --function-warning-fill-transparent-01: rgba(
    var(--function-warning-400-raw),
    0.1
  );
  --function-warning-fill-transparent-02: rgba(
    var(--function-warning-400-raw),
    0.15
  );
  --function-warning-fill-transparent-03: rgba(
    var(--function-warning-400-raw),
    0.2
  );
  --function-warning-on-warning-fill: var(--static-white);
  --function-warning-on-warning-fill-raw: var(--static-white-raw);
  --gradient-blue: linear-gradient(90deg, var(--B400) 0%, var(--B500) 100%);
  --gradient-carmine: linear-gradient(90deg, var(--C400) 0%, var(--C500) 100%);
  --gradient-green: linear-gradient(90deg, var(--G300) 0%, var(--G350) 100%);
  --gradient-indigo: linear-gradient(90deg, var(--I400) 0%, var(--I500) 100%);
  --gradient-lime: linear-gradient(90deg, var(--L200) 0%, var(--L300) 100%);
  --gradient-orange: linear-gradient(90deg, var(--O300) 0%, var(--O350) 100%);
  --gradient-purple: linear-gradient(90deg, var(--P400) 0%, var(--P500) 100%);
  --gradient-red: linear-gradient(90deg, var(--R350) 0%, var(--R400) 100%);
  --gradient-turquoise: linear-gradient(
    90deg,
    var(--T200) 0%,
    var(--T300) 100%
  );
  --gradient-violet: linear-gradient(90deg, var(--V350) 0%, var(--V400) 100%);
  --gradient-wathet: linear-gradient(90deg, var(--W300) 0%, var(--W350) 100%);
  --gradient-yellow: linear-gradient(90deg, var(--Y350) 0%, var(--Y400) 100%);
  --icon-disabled: var(--N400);
  --icon-disabled-raw: var(--N400-raw);
  --icon-n1: var(--N800);
  --icon-n1-raw: var(--N800-raw);
  --icon-n2: var(--N600);
  --icon-n2-raw: var(--N600-raw);
  --icon-n3: var(--N500);
  --icon-n3-raw: var(--N500-raw);
  --illustration-blue-a: var(--B900);
  --illustration-blue-a-raw: var(--B900-raw);
  --illustration-blue-b: var(--B900);
  --illustration-blue-b-raw: var(--B900-raw);
  --illustration-blue-c: var(--B900);
  --illustration-blue-c-raw: var(--B900-raw);
  --illustration-blue-d: var(--B900);
  --illustration-blue-d-raw: var(--B900-raw);
  --illustration-blue-e: var(--B500);
  --illustration-blue-e-raw: var(--B500-raw);
  --illustration-neutral-a: var(--N00);
  --illustration-neutral-a-raw: var(--N00-raw);
  --illustration-neutral-b: var(--N00);
  --illustration-neutral-b-raw: var(--N00-raw);
  --illustration-neutral-c: rgba(var(--N400-raw), 0.45);
  --illustration-neutral-d: var(--N500);
  --illustration-neutral-d-raw: var(--N500-raw);
  --illustration-orange: var(--O350);
  --illustration-orange-raw: var(--O350-raw);
  --illustration-red: var(--R400);
  --illustration-red-raw: var(--R400-raw);
  --illustration-static-black: var(--static-black);
  --illustration-static-black-raw: var(--static-black-raw);
  --illustration-static-white: var(--static-white);
  --illustration-static-white-raw: var(--static-white-raw);
  --illustration-turquoise: var(--T300);
  --illustration-turquoise-raw: var(--T300-raw);
  --illustration-wathet: var(--W300);
  --illustration-wathet-raw: var(--W300-raw);
  --illustration-yellow: var(--Y350);
  --illustration-yellow-raw: var(--Y350-raw);
  --inverse-primary-content-default: var(--B400);
  --inverse-primary-content-default-raw: var(--B400-raw);
  --inverse-primary-content-hover: var(--B350);
  --inverse-primary-content-hover-raw: var(--B350-raw);
  --inverse-primary-content-pressed: var(--B500);
  --inverse-primary-content-pressed-raw: var(--B500-raw);
  --line-border-card: var(--N300);
  --line-border-card-raw: var(--N300-raw);
  --line-border-component: var(--N350);
  --line-border-component-raw: var(--N350-raw);
  --line-divider-default: rgba(var(--N900-raw), 0.15);
  --line-divider-module: rgba(var(--N900-raw), 0.15);
  --primary-content-default: var(--primary-pri-600);
  --primary-content-default-raw: var(--primary-pri-600-raw);
  --primary-content-hover: var(--primary-pri-500);
  --primary-content-hover-raw: var(--primary-pri-500-raw);
  --primary-content-loading: var(--primary-pri-300);
  --primary-content-loading-raw: var(--primary-pri-300-raw);
  --primary-content-pressed: var(--primary-pri-700);
  --primary-content-pressed-raw: var(--primary-pri-700-raw);
  --primary-fill-default: var(--primary-pri-600);
  --primary-fill-default-raw: var(--primary-pri-600-raw);
  --primary-fill-hover: var(--primary-pri-500);
  --primary-fill-hover-raw: var(--primary-pri-500-raw);
  --primary-fill-loading: var(--primary-pri-300);
  --primary-fill-loading-raw: var(--primary-pri-300-raw);
  --primary-fill-pressed: var(--primary-pri-700);
  --primary-fill-pressed-raw: var(--primary-pri-700-raw);
  --primary-fill-solid-01: var(--primary-pri-50);
  --primary-fill-solid-01-raw: var(--primary-pri-50-raw);
  --primary-fill-solid-02: var(--primary-pri-100);
  --primary-fill-solid-02-raw: var(--primary-pri-100-raw);
  --primary-fill-solid-03: var(--primary-pri-200);
  --primary-fill-solid-03-raw: var(--primary-pri-200-raw);
  --primary-fill-transparent-01: rgba(var(--primary-pri-600-raw), 0.1);
  --primary-fill-transparent-02: rgba(var(--primary-pri-600-raw), 0.15);
  --primary-fill-transparent-03: rgba(var(--primary-pri-600-raw), 0.2);
  --primary-on-primary-fill: var(--static-white);
  --primary-on-primary-fill-raw: var(--static-white-raw);
  --primary-pri-100: var(--B100);
  --primary-pri-100-raw: var(--B100-raw);
  --primary-pri-200: var(--B200);
  --primary-pri-200-raw: var(--B200-raw);
  --primary-pri-300: var(--B300);
  --primary-pri-300-raw: var(--B300-raw);
  --primary-pri-350: var(--B350);
  --primary-pri-350-raw: var(--B350-raw);
  --primary-pri-400: var(--B400);
  --primary-pri-400-raw: var(--B400-raw);
  --primary-pri-50: var(--B50);
  --primary-pri-50-raw: var(--B50-raw);
  --primary-pri-500: var(--B500);
  --primary-pri-500-raw: var(--B500-raw);
  --primary-pri-600: var(--B600);
  --primary-pri-600-raw: var(--B600-raw);
  --primary-pri-700: var(--B700);
  --primary-pri-700-raw: var(--B700-raw);
  --primary-pri-800: var(--B800);
  --primary-pri-800-raw: var(--B800-raw);
  --primary-pri-900: var(--B900);
  --primary-pri-900-raw: var(--B900-raw);
  --shadow-default: var(--N900);
  --shadow-default-raw: var(--N900-raw);
  --shadow-default-lg: rgba(var(--N900-raw), 0.08);
  --shadow-default-md: rgba(var(--N900-raw), 0.1);
  --shadow-default-sm: rgba(var(--N900-raw), 0.12);
  --shadow-lg-down: 0px 6px 24px var(--shadow-default-lg);
  --shadow-lg-left: -6px 0px 24px var(--shadow-default-lg);
  --shadow-lg-right: 6px 0px 24px var(--shadow-default-lg);
  --shadow-lg-up: 0px -6px 24px var(--shadow-default-lg);
  --shadow-md-down: 0px 4px 8px var(--shadow-default-md);
  --shadow-md-left: -4px 0px 8px var(--shadow-default-md);
  --shadow-md-right: 4px 0px 8px var(--shadow-default-md);
  --shadow-md-up: 0px -4px 8px var(--shadow-default-md);
  --shadow-pri: var(--primary-pri-600);
  --shadow-pri-raw: var(--primary-pri-600-raw);
  --shadow-pri-lg: rgba(var(--primary-pri-600-raw), 0.24);
  --shadow-pri-lg-down: 0px 6px 24px var(--shadow-pri-lg);
  --shadow-pri-md: rgba(var(--primary-pri-600-raw), 0.24);
  --shadow-pri-md-down: 0px 4px 8px var(--shadow-pri-md);
  --shadow-s1-down:
    0px 1px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 4px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-down-pri:
    0px 1px 2px -2px rgba(var(--shadow-pri-raw), 0.12),
    0px 2px 4px rgba(var(--shadow-pri-raw), 0.04),
    0px 2px 8px 2px rgba(var(--shadow-pri-raw), 0.02);
  --shadow-s1-left:
    -1px 0px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 4px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-right:
    1px 0px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 4px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-up:
    0px -1px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 4px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-down:
    0px 4px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    0px 4px 8px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-down-pri:
    0px 2px 4px -4px rgba(var(--shadow-pri-raw), 0.12),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.04),
    0px 4px 16px 4px rgba(var(--shadow-pri-raw), 0.03);
  --shadow-s2-left:
    -4px 0px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    -4px 0px 8px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-right:
    4px 0px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    4px 0px 8px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-up:
    0px -4px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    0px -4px 8px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s3-down:
    0px 6px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    0px 3px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    0px 4px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-down-pri:
    0px 3px 6px -6px rgba(var(--shadow-pri-raw), 0.14),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.06),
    0px 6px 18px 6px rgba(var(--shadow-pri-raw), 0.04);
  --shadow-s3-left:
    -6px 0px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    -3px 0px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    -4px 0px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-right:
    6px 0px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    3px 0px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    4px 0px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-up:
    0px -6px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    0px -3px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    0px -4px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s4-down:
    0px 8px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    0px 6px 12px rgba(var(--shadow-default-raw), 0.04),
    0px 4px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-down-pri:
    0px 4px 8px -4px rgba(var(--shadow-pri-raw), 0.16),
    0px 6px 12px rgba(var(--shadow-pri-raw), 0.08),
    0px 8px 24px 8px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s4-left:
    -8px 0px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    -6px 0px 12px rgba(var(--shadow-default-raw), 0.04),
    -4px 0px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-right:
    8px 0px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    6px 0px 12px rgba(var(--shadow-default-raw), 0.04),
    4px 0px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-up:
    0px -8px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    0px -6px 12px rgba(var(--shadow-default-raw), 0.04),
    0px -4px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-down:
    0px 10px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    0px 8px 24px rgba(var(--shadow-default-raw), 0.04),
    0px 6px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-down-pri:
    0px 10px 12px -10px rgba(var(--shadow-pri-raw), 0.18),
    0px 8px 24px rgba(var(--shadow-pri-raw), 0.1),
    0px 10px 36px 10px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s5-left:
    -10px 0px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    -8px 0px 24px rgba(var(--shadow-default-raw), 0.04),
    -6px 0px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-right:
    10px 0px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    8px 0px 24px rgba(var(--shadow-default-raw), 0.04),
    6px 0px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-up:
    0px -10px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    0px -8px 24px rgba(var(--shadow-default-raw), 0.04),
    0px -6px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-sm-down: 0px 2px 4px var(--shadow-default-sm);
  --shadow-sm-left: -2px 0px 4px var(--shadow-default-sm);
  --shadow-sm-right: 2px 0px 4px var(--shadow-default-sm);
  --shadow-sm-up: 0px -2px 4px var(--shadow-default-sm);
  --static-black: #000000;
  --static-black-raw: 0, 0, 0;
  --static-black-10: rgba(0, 0, 0, 0.1);
  --static-black-15: rgba(0, 0, 0, 0.15);
  --static-black-20: rgba(0, 0, 0, 0.2);
  --static-black-30: rgba(0, 0, 0, 0.3);
  --static-black-40: rgba(0, 0, 0, 0.4);
  --static-black-5: rgba(0, 0, 0, 0.05);
  --static-black-50: rgba(0, 0, 0, 0.5);
  --static-black-60: rgba(0, 0, 0, 0.6);
  --static-black-70: rgba(0, 0, 0, 0.7);
  --static-black-80: rgba(0, 0, 0, 0.8);
  --static-black-90: rgba(0, 0, 0, 0.9);
  --static-white: #ffffff;
  --static-white-raw: 255, 255, 255;
  --static-white-10: rgba(255, 255, 255, 0.1);
  --static-white-15: rgba(255, 255, 255, 0.15);
  --static-white-20: rgba(255, 255, 255, 0.2);
  --static-white-30: rgba(255, 255, 255, 0.3);
  --static-white-40: rgba(255, 255, 255, 0.4);
  --static-white-5: rgba(255, 255, 255, 0.05);
  --static-white-50: rgba(255, 255, 255, 0.5);
  --static-white-60: rgba(255, 255, 255, 0.6);
  --static-white-70: rgba(255, 255, 255, 0.7);
  --static-white-80: rgba(255, 255, 255, 0.8);
  --static-white-90: rgba(255, 255, 255, 0.9);
  --static-white-hover: rgba(255, 255, 255, 0.1);
  --static-white-hover-raw: 255, 255, 255;
  --static-white-pressed: rgba(255, 255, 255, 0.2);
  --static-white-pressed-raw: 255, 255, 255;
  --text-caption: var(--N600);
  --text-caption-raw: var(--N600-raw);
  --text-disabled: var(--N400);
  --text-disabled-raw: var(--N400-raw);
  --text-link-disabled: var(--N400);
  --text-link-disabled-raw: var(--N400-raw);
  --text-link-hover: var(--B500);
  --text-link-hover-raw: var(--B500-raw);
  --text-link-loading: var(--B300);
  --text-link-loading-raw: var(--B300-raw);
  --text-link-normal: var(--B600);
  --text-link-normal-raw: var(--B600-raw);
  --text-link-pressed: var(--B700);
  --text-link-pressed-raw: var(--B700-raw);
  --text-placeholder: var(--N500);
  --text-placeholder-raw: var(--N500-raw);
  --text-title: var(--N900);
  --text-title-raw: var(--N900-raw);
  --udtoken-block-view-inline-bg-nopermission: rgba(var(--N900-raw), 0.1);
  --udtoken-block-view-inline-bg-other: rgba(var(--primary-pri-300-raw), 0.18);
  --udtoken-block-view-inline-bg-self: var(--primary-pri-600);
  --udtoken-btn-ghost-bg: rgba(var(--N00-raw), 0);
  --udtoken-btn-pri-text-disabled: var(--static-white);
  --udtoken-btn-se-bg-danger-focus: var(--function-danger-fill-solid-02);
  --udtoken-btn-se-bg-danger-hover: var(--function-danger-fill-solid-02);
  --udtoken-btn-se-bg-danger-pressed: var(--function-danger-fill-solid-03);
  --udtoken-btn-se-bg-neutral-focus: var(--N100);
  --udtoken-btn-se-bg-neutral-hover: var(--N100);
  --udtoken-btn-se-bg-neutral-pressed: var(--N200);
  --udtoken-btn-se-bg-pri-focus: var(--primary-fill-solid-02);
  --udtoken-btn-se-bg-pri-hover: var(--primary-fill-solid-02);
  --udtoken-btn-se-bg-pri-pressed: var(--primary-fill-solid-03);
  --udtoken-btn-selected-bg-danger-hover: var(--function-danger-fill-solid-02);
  --udtoken-btn-selected-bg-danger-normal: var(--function-danger-fill-solid-01);
  --udtoken-btn-selected-bg-danger-press: var(--function-danger-fill-solid-03);
  --udtoken-btn-selected-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-selected-bg-neutral-normal: rgba(var(--N900-raw), 0.06);
  --udtoken-btn-selected-bg-neutral-press: rgba(var(--N900-raw), 0.14);
  --udtoken-btn-selected-bg-success-hover: var(
    --function-success-fill-solid-02
  );
  --udtoken-btn-selected-bg-success-normal: var(
    --function-success-fill-solid-01
  );
  --udtoken-btn-selected-bg-success-press: var(
    --function-success-fill-solid-03
  );
  --udtoken-btn-selected-border-neutral: var(--N400);
  --udtoken-btn-selected-text-danger: var(--R600);
  --udtoken-btn-selected-text-success: var(--G500);
  --udtoken-btn-text-bg-danger-focus: var(
    --function-danger-fill-transparent-01
  );
  --udtoken-btn-text-bg-danger-hover: var(
    --function-danger-fill-transparent-01
  );
  --udtoken-btn-text-bg-danger-pressed: var(
    --function-danger-fill-transparent-03
  );
  --udtoken-btn-text-bg-neutral-focus: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-text-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-text-bg-neutral-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-btn-text-bg-pri-focus: var(--primary-fill-transparent-01);
  --udtoken-btn-text-bg-pri-hover: var(--primary-fill-transparent-01);
  --udtoken-btn-text-bg-pri-pressed: var(--primary-fill-transparent-03);
  --udtoken-colorpicker-blue: var(--B500);
  --udtoken-colorpicker-carmine: var(--C400);
  --udtoken-colorpicker-green: var(--G350);
  --udtoken-colorpicker-indigo: var(--I600);
  --udtoken-colorpicker-lime: var(--L300);
  --udtoken-colorpicker-neutral: var(--N500);
  --udtoken-colorpicker-orange: var(--O350);
  --udtoken-colorpicker-purple: var(--P600);
  --udtoken-colorpicker-red: var(--R400);
  --udtoken-colorpicker-sunflower: var(--S200);
  --udtoken-colorpicker-turquoise: var(--T300);
  --udtoken-colorpicker-violet: var(--V500);
  --udtoken-colorpicker-wathet: var(--W300);
  --udtoken-colorpicker-yellow: var(--Y350);
  --udtoken-component-bg-bottom-mask: linear-gradient(
    to bottom,
    rgba(var(--N00-raw), 0) 0%,
    var(--N00) 100%
  );
  --udtoken-component-bg-left-mask: linear-gradient(
    to left,
    rgba(var(--N00-raw), 0) 0%,
    var(--N00) 100%
  );
  --udtoken-component-bg-right-mask: linear-gradient(
    to right,
    rgba(var(--N00-raw), 0) 0%,
    var(--N00) 100%
  );
  --udtoken-component-bg-top-mask: linear-gradient(
    to top,
    rgba(var(--N00-raw), 0) 0%,
    var(--N00) 100%
  );
  --udtoken-component-outlined-bg: var(--bg-body);
  --udtoken-component-text-disabled-loading: var(--N500);
  --udtoken-dropdown-button-divider: rgba(var(--N00-raw), 0.5);
  --udtoken-imageview-bg-mask: rgba(0, 0, 0, 0.55);
  --udtoken-imageview-icondisabled: rgba(255, 255, 255, 0.6);
  --udtoken-imageview-tooltips-bg: #505050;
  --udtoken-input-bg-disabled: var(--N200);
  --udtoken-message-card-bg-blue: var(--B100);
  --udtoken-message-card-bg-carmine: var(--C100);
  --udtoken-message-card-bg-green: var(--G100);
  --udtoken-message-card-bg-indigo: var(--I100);
  --udtoken-message-card-bg-light-neutral: var(--N100);
  --udtoken-message-card-bg-lime: var(--L100);
  --udtoken-message-card-bg-mask-general: rgba(var(--N00-raw), 0.5);
  --udtoken-message-card-bg-mask-special: rgba(var(--N00-raw), 0.2);
  --udtoken-message-card-bg-neutral: var(--N500);
  --udtoken-message-card-bg-orange: var(--O100);
  --udtoken-message-card-bg-purple: var(--P100);
  --udtoken-message-card-bg-red: var(--R100);
  --udtoken-message-card-bg-turquoise: var(--T100);
  --udtoken-message-card-bg-violet: var(--V100);
  --udtoken-message-card-bg-wathet: var(--W100);
  --udtoken-message-card-bg-yellow: var(--Y100);
  --udtoken-message-card-text-blue: var(--B600);
  --udtoken-message-card-text-carmine: var(--C600);
  --udtoken-message-card-text-green: var(--G600);
  --udtoken-message-card-text-indigo: var(--I600);
  --udtoken-message-card-text-lime: var(--L600);
  --udtoken-message-card-text-neutral: var(--N00);
  --udtoken-message-card-text-orange: var(--O500);
  --udtoken-message-card-text-purple: var(--P600);
  --udtoken-message-card-text-red: var(--R600);
  --udtoken-message-card-text-turquoise: var(--T600);
  --udtoken-message-card-text-violet: var(--V600);
  --udtoken-message-card-text-wathet: var(--W600);
  --udtoken-message-card-text-yellow: var(--Y500);
  --udtoken-navigation-bar-resize-handle: #4599ff;
  --udtoken-navigation-bar-tab-bg-black: #1c2435;
  --udtoken-navigation-bar-tab-bg-blue: #1b429c;
  --udtoken-navigation-bar-tab-bg-gray: #e5e5e9;
  --udtoken-progress-bg: var(--N300);
  --udtoken-quote-bar-bg: var(--N400);
  --udtoken-reaction-bg-grey: rgba(var(--N900-raw), 0.05);
  --udtoken-reaction-bg-grey-float: rgba(var(--N900-raw), 0.05);
  --udtoken-skeleton-bg: rgba(var(--N900-raw), 0.08);
  --udtoken-skeleton-fg: rgba(var(--N900-raw), 0.05);
  --udtoken-sliding-block-bg-disabled-loading: var(--N00);
  --udtoken-steps-bg-hover: var(--primary-fill-transparent-01);
  --udtoken-switch-handle-disabled: rgba(var(--static-white-raw), 0.6);
  --udtoken-tab-pri-bg: var(--primary-fill-transparent-03);
  --udtoken-tab-pri-text: var(--primary-content-default);
  --udtoken-tab-se-bg-unselected: rgba(var(--N900-raw), 0.1);
  --udtoken-table-bg-expand: var(--N100);
  --udtoken-table-bg-grey: var(--N50);
  --udtoken-table-bg-head: var(--N100);
  --udtoken-table-bg-hover: var(--N200);
  --udtoken-table-bg-pressed: var(--N300);
  --udtoken-table-bg-selected: var(--primary-fill-solid-01);
  --udtoken-tag-bg-blue: rgba(var(--B600-raw), 0.2);
  --udtoken-tag-bg-blue-default: rgba(var(--B600-raw), 0.12);
  --udtoken-tag-bg-blue-hover: rgba(var(--B600-raw), 0.3);
  --udtoken-tag-bg-blue-pressed: rgba(var(--B600-raw), 0.2);
  --udtoken-tag-bg-blue-solid: var(--B200);
  --udtoken-tag-bg-carmine: rgba(var(--C500-raw), 0.2);
  --udtoken-tag-bg-carmine-hover: rgba(var(--C500-raw), 0.3);
  --udtoken-tag-bg-carmine-solid: var(--C200);
  --udtoken-tag-bg-green: rgba(var(--G350-raw), 0.2);
  --udtoken-tag-bg-green-hover: rgba(var(--G350-raw), 0.3);
  --udtoken-tag-bg-green-solid: var(--G200);
  --udtoken-tag-bg-indigo: rgba(var(--I500-raw), 0.2);
  --udtoken-tag-bg-indigo-hover: rgba(var(--I500-raw), 0.3);
  --udtoken-tag-bg-indigo-solid: var(--I200);
  --udtoken-tag-bg-lime: rgba(var(--L350-raw), 0.2);
  --udtoken-tag-bg-lime-hover: rgba(var(--L350-raw), 0.3);
  --udtoken-tag-bg-lime-solid: var(--L200);
  --udtoken-tag-bg-orange: rgba(var(--O350-raw), 0.15);
  --udtoken-tag-bg-orange-hover: rgba(var(--O350-raw), 0.3);
  --udtoken-tag-bg-orange-pressed: rgba(var(--O350-raw), 0.35);
  --udtoken-tag-bg-orange-solid: var(--O200);
  --udtoken-tag-bg-purple: rgba(var(--P500-raw), 0.2);
  --udtoken-tag-bg-purple-hover: rgba(var(--P500-raw), 0.3);
  --udtoken-tag-bg-purple-solid: var(--P200);
  --udtoken-tag-bg-red: rgba(var(--R400-raw), 0.2);
  --udtoken-tag-bg-red-hover: rgba(var(--R400-raw), 0.3);
  --udtoken-tag-bg-red-solid: var(--R200);
  --udtoken-tag-bg-turquoise: rgba(var(--T300-raw), 0.2);
  --udtoken-tag-bg-turquoise-hover: rgba(var(--T300-raw), 0.3);
  --udtoken-tag-bg-turquoise-solid: var(--T200);
  --udtoken-tag-bg-violet: rgba(var(--V500-raw), 0.2);
  --udtoken-tag-bg-violet-hover: rgba(var(--V500-raw), 0.3);
  --udtoken-tag-bg-violet-solid: var(--V200);
  --udtoken-tag-bg-wathet: rgba(var(--W300-raw), 0.2);
  --udtoken-tag-bg-wathet-hover: rgba(var(--W300-raw), 0.3);
  --udtoken-tag-bg-wathet-solid: var(--W200);
  --udtoken-tag-bg-yellow: rgba(var(--Y300-raw), 0.2);
  --udtoken-tag-bg-yellow-hover: rgba(var(--Y300-raw), 0.4);
  --udtoken-tag-bg-yellow-solid: var(--Y200);
  --udtoken-tag-close-blue-disabled: rgba(var(--B600-raw), 0.8);
  --udtoken-tag-close-blue-hover: var(--B600);
  --udtoken-tag-close-blue-normal: rgba(var(--B600-raw), 0.6);
  --udtoken-tag-close-blue-pressed: rgba(var(--B600-raw), 0.8);
  --udtoken-tag-close-orange-disabled: rgba(var(--O350-raw), 0.3);
  --udtoken-tag-close-orange-hover: var(--O350);
  --udtoken-tag-close-orange-normal: rgba(var(--O350-raw), 0.6);
  --udtoken-tag-close-orange-pressed: rgba(var(--O350-raw), 0.8);
  --udtoken-tag-neutral-bg-inverse: var(--N500);
  --udtoken-tag-neutral-bg-inverse-opacity: rgba(var(--N900-raw), 0.4);
  --udtoken-tag-neutral-bg-normal: rgba(var(--N900-raw), 0.1);
  --udtoken-tag-neutral-bg-normal-hover: rgba(var(--N900-raw), 0.15);
  --udtoken-tag-neutral-bg-normal-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-tag-neutral-bg-solid: var(--N200);
  --udtoken-tag-neutral-close-disabled: rgba(var(--text-title-raw), 0.3);
  --udtoken-tag-neutral-close-hover: var(--text-title);
  --udtoken-tag-neutral-close-normal: rgba(var(--text-title-raw), 0.6);
  --udtoken-tag-neutral-close-pressed: rgba(var(--text-title-raw), 0.8);
  --udtoken-tag-neutral-text-inverse: var(--N00);
  --udtoken-tag-neutral-text-inverse-opacity: var(--N00);
  --udtoken-tag-neutral-text-normal: var(--N600);
  --udtoken-tag-neutral-text-solid: var(--N600);
  --udtoken-tag-state-blue-light: var(--B500);
  --udtoken-tag-state-green-light: var(--G500);
  --udtoken-tag-state-grey-light: var(--N500);
  --udtoken-tag-state-orange-light: var(--O350);
  --udtoken-tag-state-purple-light: var(--P500);
  --udtoken-tag-state-red-light: var(--R500);
  --udtoken-tag-text-blue: var(--B900);
  --udtoken-tag-text-carmine: var(--C900);
  --udtoken-tag-text-green: var(--G900);
  --udtoken-tag-text-indigo: var(--I900);
  --udtoken-tag-text-lime: var(--L900);
  --udtoken-tag-text-orange: var(--O900);
  --udtoken-tag-text-purple: var(--P900);
  --udtoken-tag-text-red: var(--R900);
  --udtoken-tag-text-s-blue: var(--B600);
  --udtoken-tag-text-s-carmine: var(--C600);
  --udtoken-tag-text-s-green: var(--G600);
  --udtoken-tag-text-s-indigo: var(--I600);
  --udtoken-tag-text-s-lime: var(--L600);
  --udtoken-tag-text-s-orange: var(--O500);
  --udtoken-tag-text-s-purple: var(--P600);
  --udtoken-tag-text-s-red: var(--R600);
  --udtoken-tag-text-s-turquoise: var(--T600);
  --udtoken-tag-text-s-violet: var(--V600);
  --udtoken-tag-text-s-wathet: var(--W600);
  --udtoken-tag-text-s-yellow: var(--Y500);
  --udtoken-tag-text-turquoise: var(--T900);
  --udtoken-tag-text-violet: var(--V900);
  --udtoken-tag-text-wathet: var(--W900);
  --udtoken-tag-text-yellow: var(--Y900);
  --udtoken-upload-bg-error: var(--N200);
  --udtoken-upload-mask-img: rgba(var(--N900-raw), 0.4);
}
.lite-login__dialog-content {
  padding: 0;
}
.lite-login__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  gap: 8px;
}
.lite-login__box.is-h5 {
  background-color: #f3f8ff;
  padding: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 12px 12px 0 0;
}
.lite-login__box.is-h5 .lite-login__iframe {
  width: 100%;
  max-height: 60vh;
  height: 400px;
  min-height: 340px;
}
.lite-login__iframe {
  position: relative;
  width: 320px;
  height: 484px;
}
.lite-login__iframe-main {
  width: 100%;
  height: 100%;
}
.lite-login__iframe-loading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  inset: 0;
}
.lite-login__iframe iframe {
  width: 100%;
  height: 100%;
  outline: 0;
  border: none;
}
.lite-login__mobile-tip-dialog {
  width: 300px !important;
  margin: auto !important;
}
.lite-login__mobile-tip-dialog .ud__confirm {
  overflow: hidden;
}
.lite-login__mobile-tip-dialog .ud__confirm__header {
  padding: 24px 20px;
  background-color: #fff;
  color: #1f2329;
}
.lite-login__mobile-tip-dialog .ud__confirm__icon {
  display: none;
}
.lite-login__mobile-tip-dialog .ud__confirm__titleContent {
  margin-bottom: 12px;
  font-size: 17px;
  text-align: center;
}
.lite-login__mobile-tip-dialog .ud__confirm__body {
  margin-left: 0 !important;
  font-size: 16px;
}
.lite-login__mobile-tip-dialog .ud__confirm__content {
  overflow: hidden;
}
.lite-login__mobile-tip-dialog .ud__confirm__footer {
  height: 48px;
  padding: 0;
  border-top: 0.5px solid #dee0e3;
}
.lite-login__mobile-tip-dialog .ud__confirm__footer__btns .ud__button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 48px;
  margin: 0;
  font-size: 16px;
  border: 0;
  border-radius: 0;
  color: #1f2329;
  background-color: #fff;
}
.lite-login__mobile-tip-dialog .ud__confirm__footer__btns .ud__button--filled {
  color: var(--primary-fill-default, #3370ff);
  background-color: #fff;
  border-left: 0.5px solid #dee0e3;
}
.lite-login__policy-tip {
  color: var(--text-link-normal, #245bdb);
  text-decoration: none;
  cursor: pointer;
}
.lite-login__policy-tip:hover {
  color: var(--primary-fill-hover, #3370ff);
}
.lite-login__policy-tip:active {
  color: var(--primary-fill-pressed, #1c4cba);
}
.ud-scrollbar::-webkit-scrollbar-thumb {
  background-color: #1f23294d;
}
.ud-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #1f232999 !important;
}
.rc-virtual-list-scrollbar-thumb:after {
  display: block;
  box-sizing: border-box;
  content: "\a0";
  border-radius: 9999px;
  height: 100%;
  width: 100%;
  background-color: #1f23294d !important;
  transition: background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.rc-virtual-list-scrollbar-thumb:hover:after {
  background-color: #1f232999 !important;
}
@keyframes udSlideUpIn {
  0% {
    transform: translateY(-8px);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  to {
    transform: translateY(0);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes udSlideUpOut {
  0% {
    transform: translateY(0);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  to {
    transform: translateY(-8px);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes udSlideDownIn {
  0% {
    transform: translateY(8px);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  to {
    transform: translateY(0);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes udSlideDownOut {
  0% {
    transform: translateY(0);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  to {
    transform: translateY(8px);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes udSlideLeftIn {
  0% {
    transform: scaleX(0.5);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  to {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes udSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  to {
    transform: scaleX(0.5);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes udSlideRightIn {
  0% {
    transform: scaleX(0.5);
    transform-origin: 100% 0%;
    opacity: 0;
  }
  to {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes udSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  to {
    transform: scaleX(0.5);
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
@keyframes udZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes udZoomOut {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes udZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes udZoomBigOut {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes udZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
  to {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes udZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  to {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes udZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
  to {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes udZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  to {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes udZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
  to {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes udZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  to {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes udZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  to {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes udZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  to {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ud__tooltip__arrow__content {
  box-sizing: border-box;
  content: "";
  border: 1px solid #dee0e3;
  background: #fff;
  transform-origin: center;
}
.ud__tooltip__arrow__streamline__content {
  fill: #1f2329;
}
.ud__tooltip-content {
  box-sizing: border-box;
  color: #fff;
  word-wrap: break-word;
  background-color: #1f2329;
  box-shadow:
    0 8px 24px 8px #1f23290a,
    0 6px 12px #1f23290a,
    0 4px 8px -8px #1f23290f;
}
.ud-tooltip-zoom[class*="-top"] {
  transform-origin: bottom;
}
.ud-tooltip-zoom[class*="-left"] {
  transform-origin: right;
}
.ud-tooltip-zoom[class*="-right"] {
  transform-origin: left;
}
.ud-tooltip-zoom[class*="-bottom"] {
  transform-origin: top;
}
.ud-tooltip-zoom[class*="-rightBottom"],
.ud-tooltip-zoom[class*="-topLeft"] {
  transform-origin: 0 100%;
}
.ud-tooltip-zoom[class*="-leftBottom"],
.ud-tooltip-zoom[class*="-topRight"] {
  transform-origin: 100% 100%;
}
.ud-tooltip-zoom[class*="-bottomRight"],
.ud-tooltip-zoom[class*="-leftTop"] {
  transform-origin: 100% 0;
}
.ud-tooltip-zoom[class*="-bottomLeft"],
.ud-tooltip-zoom[class*="-rightTop"] {
  transform-origin: 0 0;
}
@keyframes udTooltipZoomIn {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes udTooltipZoomOut {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(0.7);
    opacity: 0;
  }
}
.ud__avatar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #1f2329;
  font-size: 14px;
  list-style: none;
  position: relative;
  display: inline-block;
  overflow: hidden;
  line-height: 1;
  vertical-align: middle;
}
.ud__avatar-image:after,
.ud__avatar:before {
  box-sizing: border-box;
  position: absolute;
  inset: 0;
  content: "";
  background-color: #fff0;
}
.ud__avatar-image:before {
  box-sizing: border-box;
  content: unset;
}
.ud__avatar-circle {
  border-radius: 999999px;
}
.ud__avatar-squircle {
  border-radius: 0;
}
.ud__avatar-squircle-border {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.ud__avatar-squircle-border path {
  stroke: #1f23291a;
  fill: transparent;
}
.ud__avatar-square {
  border-radius: 12.5%;
}
.ud__avatar-square.ud__avatar-image:after,
.ud__avatar-square:before {
  border-radius: 12.5%;
  box-shadow: 0 0 0 1px inset #1f23291a;
}
.ud__avatar-square.ud__avatar-neutral.ud__avatar-image:after,
.ud__avatar-square.ud__avatar-neutral:before {
  box-shadow: none;
}
.ud__avatar__image {
  box-sizing: border-box;
  color: #fff;
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.ud__avatar__text {
  box-sizing: border-box;
  line-height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center center;
  white-space: pre;
  text-align: center;
  vertical-align: middle;
}
.ud__avatar__icon {
  box-sizing: border-box;
}
.ud__avatar__icon > :first-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 50%;
}
.ud__avatar__icon .universe-icon > svg {
  width: 100%;
  height: 100%;
  display: block;
}
.ud__avatar__anonymous {
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 0;
}
.ud__avatar-filled {
  color: #fff;
}
.ud__avatar-outlined {
  border: 1px solid;
  background-color: #fff;
}
.ud__avatar-neutral.ud__avatar-filled {
  background-color: #dee0e3;
}
.ud__avatar-neutral.ud__avatar-outlined {
  border-color: 1px #dee0e3;
  color: #dee0e3;
}
.ud__avatar-blue.ud__avatar-filled {
  background-color: #336df4;
}
.ud__avatar-blue.ud__avatar-outlined {
  border-color: 1px #336df4;
  color: #336df4;
}
.ud__avatar-wathet.ud__avatar-filled {
  background-color: #25b0e7;
}
.ud__avatar-wathet.ud__avatar-outlined {
  border-color: 1px #25b0e7;
  color: #25b0e7;
}
.ud__avatar-turquoise.ud__avatar-filled {
  background-color: #2dbeab;
}
.ud__avatar-turquoise.ud__avatar-outlined {
  border-color: 1px #2dbeab;
  color: #2dbeab;
}
.ud__avatar-green.ud__avatar-filled {
  background-color: #35bd4b;
}
.ud__avatar-green.ud__avatar-outlined {
  border-color: 1px #35bd4b;
  color: #35bd4b;
}
.ud__avatar-lime.ud__avatar-filled {
  background-color: #91ad00;
}
.ud__avatar-lime.ud__avatar-outlined {
  border-color: 1px #91ad00;
  color: #91ad00;
}
.ud__avatar-yellow.ud__avatar-filled {
  background-color: #ffc60a;
}
.ud__avatar-yellow.ud__avatar-outlined {
  border-color: 1px #ffc60a;
  color: #ffc60a;
}
.ud__avatar-orange.ud__avatar-filled {
  background-color: #ed6d0c;
}
.ud__avatar-orange.ud__avatar-outlined {
  border-color: 1px #ed6d0c;
  color: #ed6d0c;
}
.ud__avatar-red.ud__avatar-filled {
  background-color: #f54a45;
}
.ud__avatar-red.ud__avatar-outlined {
  border-color: 1px #f54a45;
  color: #f54a45;
}
.ud__avatar-carmine.ud__avatar-filled {
  background-color: #df58a5;
}
.ud__avatar-carmine.ud__avatar-outlined {
  border-color: 1px #df58a5;
  color: #df58a5;
}
.ud__avatar-violet.ud__avatar-filled {
  background-color: #bf3dbf;
}
.ud__avatar-violet.ud__avatar-outlined {
  border-color: 1px #bf3dbf;
  color: #bf3dbf;
}
.ud__avatar-purple.ud__avatar-filled {
  background-color: #8d55ed;
}
.ud__avatar-purple.ud__avatar-outlined {
  border-color: 1px #8d55ed;
  color: #8d55ed;
}
.ud__avatar-indigo.ud__avatar-filled {
  background-color: #5b65f5;
}
.ud__avatar-indigo.ud__avatar-outlined {
  border-color: 1px #5b65f5;
  color: #5b65f5;
}
.ud__avatar-group .ud__avatar {
  vertical-align: top;
}
.ud__avatar-group > .ud__avatar-max {
  color: #646a73;
  background-color: #eff0f1;
  transition: background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__avatar-group > .ud__avatar-max:active,
.ud__avatar-group > .ud__avatar-max:hover {
  background-color: #dee0e3;
}
.universe-icon:before {
  display: none;
}
.u1k6fduh {
  cursor: pointer;
}
.uee9c6b {
  zoom: 0.8333333333333334;
}
.u1xvp9sr {
  transform: none;
}
.u10pi13n {
  position: relative;
}
.u1euv43f {
  position: absolute;
}
.u1wirg6b {
  z-index: auto;
}
.uqzzkal {
  font-family:
    PingFang SC,
    Microsoft YaHei,
    Myriad Pro,
    Hiragino Sans GB,
    sans-serif;
}
.ud__badge {
  display: inline-flex;
  align-items: baseline;
  position: relative;
  min-width: 0;
}
.ud__badge__badge {
  color: #fff;
}
.ud__badge__badge__content {
  height: 16px;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ud__badge__badge__content .universe-icon {
  font-size: 10px;
}
.ud__badge__badge__content .ud__badge__badge__more {
  font-size: 16px;
}
.ud__badge-dot .ud__badge__badge {
  border-radius: 999999px;
}
.ud__badge-icon .ud__badge__badge,
.ud__badge-text .ud__badge__badge {
  border-radius: 8px;
}
.ud__badge-text .ud__badge__badge__content {
  box-sizing: border-box;
  min-width: 16px;
  white-space: nowrap;
  box-shadow: 0 0 1px transparent;
  padding: 0 4px;
}
.ud__badge-icon .ud__badge__badge__content {
  box-sizing: border-box;
  min-width: 16px;
  white-space: nowrap;
  box-shadow: 0 0 1px transparent;
  width: 16px;
  overflow: hidden;
}
.ud__badge__badge__content-hack-10px {
  zoom: 0.83333333;
  height: 19.2px;
  line-height: 19.2px;
  font-size: 12px;
}
.ud__badge__badge__content-hack-10px .universe-icon {
  font-size: 12px;
}
.ud__badge__badge__content-hack-10px .ud__badge__badge__more {
  font-size: 19.2px;
}
.ud__badge-text .ud__badge__badge__content-hack-10px {
  min-width: 19.2px;
  padding: 0 4.8px;
}
.ud__badge-icon .ud__badge__badge__content-hack-10px {
  min-width: 19.2px;
  width: 19.2px;
}
.ud__badge-dot-inline {
  display: inline-flex;
  line-height: inherit;
  align-items: baseline;
}
.ud__badge-dot-inline .ud__badge__badge {
  position: static;
  align-self: center;
  border-radius: 50%;
}
.ud__badge-dot-inline .ud__badge__text {
  margin-left: 8px;
}
.ud__badge-borderer {
  box-shadow: 0 0 0 2px #fff;
}
.ud__badge-dot > .ud__badge-neutral-filled,
.ud__badge-neutral-filled {
  background-color: #bbbfc4;
}
.ud__badge-turquoise-filled {
  background-color: #2dbeab;
}
.ud__badge-blue-filled {
  background-color: #7aa2ff;
}
.ud__badge-wathet-filled {
  background-color: #25b0e7;
}
.ud__badge-green-filled {
  background-color: #35bd4b;
}
.ud__badge-lime-filled {
  background-color: #91ad00;
}
.ud__badge-yellow-filled {
  background-color: #ffc60a;
}
.ud__badge-orange-filled {
  background-color: #ff811a;
}
.ud__badge-red-filled {
  background-color: #f54a45;
}
.ud__badge-carmine-filled {
  background-color: #df58a5;
}
.ud__badge-violet-filled {
  background-color: #cf5ecf;
}
.ud__badge-purple-filled {
  background-color: #9f6ff1;
}
.ud__badge-indigo-filled {
  background-color: #757df0;
}
.ud__badge-outlined {
  background-color: transparent;
  border: 1px solid;
}
.ud__badge-neutral-outlined {
  border-color: #646a73;
}
.ud__badge-turquoise-outlined {
  border-color: #2dbeab;
}
.ud__badge-blue-outlined {
  border-color: #7aa2ff;
}
.ud__badge-wathet-outlined {
  border-color: #25b0e7;
}
.ud__badge-green-outlined {
  border-color: #35bd4b;
}
.ud__badge-lime-outlined {
  border-color: #91ad00;
}
.ud__badge-yellow-outlined {
  border-color: #ffc60a;
}
.ud__badge-orange-outlined {
  border-color: #ff811a;
}
.ud__badge-red-outlined {
  border-color: #f54a45;
}
.ud__badge-carmine-outlined {
  border-color: #df58a5;
}
.ud__badge-violet-outlined {
  border-color: #cf5ecf;
}
.ud__badge-purple-outlined {
  border-color: #9f6ff1;
}
.ud__badge-indigo-outlined {
  border-color: #757df0;
}
.ud__badge-waiting-filled {
  background-color: #8d55ed;
}
.ud__badge-success-filled {
  background-color: #32a645;
}
.ud__badge-error-filled {
  background-color: #f54a45;
}
.ud__badge-missing-filled {
  background-color: #8f959e;
}
.ud__badge-warning-filled {
  background-color: #ed6d0c;
}
.ud__badge-info-filled {
  background-color: #1456f0;
}
.ud__badge-waiting-outlined {
  border-color: #8d55ed;
}
.ud__badge-success-outlined {
  border-color: #32a645;
}
.ud__badge-error-outlined {
  border-color: #f54a45;
}
.ud__badge-missing-outlined {
  border-color: #646a73;
}
.ud__badge-warning-outlined {
  border-color: #ed6d0c;
}
.ud__badge-info-outlined {
  border-color: #1456f0;
}
.ud__badge__badge-mode-svg rect {
  fill: #f54a45;
}
.ud__badge__badge-mode-svg text {
  fill: #fff;
}
.ud__checkbox {
  box-sizing: border-box;
  position: relative;
}
.ud__checkbox:after {
  display: inline-block;
  visibility: hidden;
  content: "\a0";
  width: 16px;
}
.ud__checkbox-group {
  box-sizing: border-box;
  display: inline-flex;
  column-gap: 24px;
  flex-wrap: wrap;
}
.ud__checkbox__wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-flex;
  align-items: baseline;
}
.ud__checkbox__input {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 16px;
  font-size: inherit;
  line-height: inherit;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  padding: 0;
  margin: 0;
}
.ud__checkbox__input-disabled {
  pointer-events: none;
}
.ud__checkbox__wallpaper {
  display: block;
  position: absolute;
  box-sizing: border-box;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 16px;
  color: #fff;
  background-color: #fff;
  border: 1px solid #8f959e;
  border-radius: 4px;
  transition: 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__checkbox__input:focus-visible ~ .ud__checkbox__wallpaper {
  border-color: #1456f0;
  background-color: #fff;
}
.ud__checkbox__input:hover ~ .ud__checkbox__wallpaper {
  border-color: #1456f0;
  background-color: #fff;
}
.ud__checkbox__input:active ~ .ud__checkbox__wallpaper {
  border-color: #0442d2;
  background-color: #fff;
}
.ud__checkbox__input:checked ~ .ud__checkbox__wallpaper,
.ud__checkbox__input:indeterminate ~ .ud__checkbox__wallpaper {
  border-color: transparent;
  background-color: #1456f0;
}
.ud__checkbox__input:checked:focus-visible ~ .ud__checkbox__wallpaper,
.ud__checkbox__input:indeterminate:focus-visible ~ .ud__checkbox__wallpaper {
  background-color: #336df4;
}
.ud__checkbox__input:checked:hover ~ .ud__checkbox__wallpaper,
.ud__checkbox__input:indeterminate:hover ~ .ud__checkbox__wallpaper {
  background-color: #336df4;
}
.ud__checkbox__input:checked:active ~ .ud__checkbox__wallpaper,
.ud__checkbox__input:indeterminate:active ~ .ud__checkbox__wallpaper {
  background-color: #0442d2;
}
.ud__checkbox--error .ud__checkbox__input:active ~ .ud__checkbox__wallpaper,
.ud__checkbox--error .ud__checkbox__input:hover ~ .ud__checkbox__wallpaper,
.ud__checkbox--error .ud__checkbox__wallpaper {
  border-color: #f54a45;
}
.ud__checkbox--error
  .ud__checkbox__input:focus-visible
  ~ .ud__checkbox__wallpaper {
  border-color: #f54a45;
}
.ud__checkbox--disabled {
  cursor: not-allowed;
}
.ud__checkbox--error .ud__checkbox__input:disabled ~ .ud__checkbox__wallpaper,
.ud__checkbox__input:disabled ~ .ud__checkbox__wallpaper {
  color: #eff0f1;
  border-color: #bbbfc4;
  background-color: #eff0f1;
}
.ud__checkbox__input:checked:disabled ~ .ud__checkbox__wallpaper,
.ud__checkbox__input:indeterminate:disabled ~ .ud__checkbox__wallpaper {
  background-color: #bbbfc4;
}
.ud__checkbox__checked-svg,
.ud__checkbox__indeterminate-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  box-sizing: border-box;
  opacity: 0;
  transition: 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__checkbox__checked-svg-shown,
.ud__checkbox__indeterminate-svg-shown {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.ud__checkbox__label-content {
  box-sizing: border-box;
  cursor: pointer;
  color: #1f2329;
  z-index: 1;
  margin-left: 8px;
  overflow-wrap: break-word;
}
.ud__checkbox__label-content-disabled {
  cursor: not-allowed;
  color: #bbbfc4;
}
.ud__illustration__loading-container {
  animation-name: IllustrationLoading;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: steps(24);
}
@keyframes IllustrationLoading {
  0% {
    background-position-x: 0%;
  }
  to {
    background-position-x: 100%;
  }
}
.ud__illustration {
  box-sizing: border-box;
  padding: 0;
  color: #1f2329;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  text-align: center;
  position: relative;
  margin: 0 auto;
  max-width: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ud__illustration-image {
  box-sizing: border-box;
  line-height: 0;
}
.ud__illustration-image img {
  display: block;
  margin: 0 auto;
  height: 100%;
}
.ud__illustration-image + .ud__illustration-description,
.ud__illustration-image + .ud__illustration-title {
  margin-top: 16px;
}
.ud__illustration-title {
  box-sizing: border-box;
  margin-bottom: 4px;
  color: #1f2329;
}
.ud__illustration-description {
  box-sizing: border-box;
  color: #646a73;
}
.ud__illustration-footer {
  box-sizing: border-box;
  margin-top: 16px;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: center;
  overflow: hidden;
  margin-bottom: -8px;
  margin-left: -8px;
}
.ud__illustration-footer .ud__button {
  margin-left: 8px;
  margin-bottom: 8px;
}
.ud__empty {
  box-sizing: border-box;
  padding: 0;
  color: #1f2329;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  text-align: center;
  position: relative;
  margin: 0 auto;
  max-width: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ud__empty-image {
  box-sizing: border-box;
  line-height: 0;
}
.ud__empty-image img {
  display: block;
  margin: 0 auto;
  height: 100%;
}
.ud__empty-image + .ud__empty-description,
.ud__empty-image + .ud__empty-title {
  margin-top: 16px;
}
.ud__empty-title {
  box-sizing: border-box;
  margin-bottom: 4px;
  color: #1f2329;
}
.ud__empty-description {
  box-sizing: border-box;
  color: #646a73;
}
.ud__empty-footer {
  box-sizing: border-box;
  margin-top: 16px;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: center;
  overflow: hidden;
  margin-bottom: -8px;
  margin-left: -8px;
}
.ud__empty-footer .ud__button {
  margin-left: 8px;
  margin-bottom: 8px;
}
.ud__row {
  display: flex;
  flex-flow: row wrap;
  box-sizing: border-box;
}
.ud__row:after,
.ud__row:before {
  display: flex;
}
.ud__row--no-wrap {
  flex-wrap: nowrap;
}
.ud__row--align-top {
  align-items: flex-start;
}
.ud__row--align-middle {
  align-items: center;
}
.ud__row--align-bottom {
  align-items: flex-end;
}
.ud__row--justify-start {
  justify-content: flex-start;
}
.ud__row--justify-center {
  justify-content: center;
}
.ud__row--justify-end {
  justify-content: flex-end;
}
.ud__row--justify-space-between {
  justify-content: space-between;
}
.ud__row--justify-space-around {
  justify-content: space-around;
}
.ud__col {
  position: relative;
  max-width: 100%;
  min-height: 1px;
  box-sizing: border-box;
}
.ud__col-span-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.ud__col-push-24 {
  left: 100%;
}
.ud__col-pull-24 {
  right: 100%;
}
.ud__col-offset-24 {
  margin-left: 100%;
}
.ud__col-order-24 {
  order: 24;
}
.ud__col-span-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.ud__col-push-23 {
  left: 95.83333333%;
}
.ud__col-pull-23 {
  right: 95.83333333%;
}
.ud__col-offset-23 {
  margin-left: 95.83333333%;
}
.ud__col-order-23 {
  order: 23;
}
.ud__col-span-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.ud__col-push-22 {
  left: 91.66666667%;
}
.ud__col-pull-22 {
  right: 91.66666667%;
}
.ud__col-offset-22 {
  margin-left: 91.66666667%;
}
.ud__col-order-22 {
  order: 22;
}
.ud__col-span-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.ud__col-push-21 {
  left: 87.5%;
}
.ud__col-pull-21 {
  right: 87.5%;
}
.ud__col-offset-21 {
  margin-left: 87.5%;
}
.ud__col-order-21 {
  order: 21;
}
.ud__col-span-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.ud__col-push-20 {
  left: 83.33333333%;
}
.ud__col-pull-20 {
  right: 83.33333333%;
}
.ud__col-offset-20 {
  margin-left: 83.33333333%;
}
.ud__col-order-20 {
  order: 20;
}
.ud__col-span-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.ud__col-push-19 {
  left: 79.16666667%;
}
.ud__col-pull-19 {
  right: 79.16666667%;
}
.ud__col-offset-19 {
  margin-left: 79.16666667%;
}
.ud__col-order-19 {
  order: 19;
}
.ud__col-span-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.ud__col-push-18 {
  left: 75%;
}
.ud__col-pull-18 {
  right: 75%;
}
.ud__col-offset-18 {
  margin-left: 75%;
}
.ud__col-order-18 {
  order: 18;
}
.ud__col-span-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.ud__col-push-17 {
  left: 70.83333333%;
}
.ud__col-pull-17 {
  right: 70.83333333%;
}
.ud__col-offset-17 {
  margin-left: 70.83333333%;
}
.ud__col-order-17 {
  order: 17;
}
.ud__col-span-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.ud__col-push-16 {
  left: 66.66666667%;
}
.ud__col-pull-16 {
  right: 66.66666667%;
}
.ud__col-offset-16 {
  margin-left: 66.66666667%;
}
.ud__col-order-16 {
  order: 16;
}
.ud__col-span-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.ud__col-push-15 {
  left: 62.5%;
}
.ud__col-pull-15 {
  right: 62.5%;
}
.ud__col-offset-15 {
  margin-left: 62.5%;
}
.ud__col-order-15 {
  order: 15;
}
.ud__col-span-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.ud__col-push-14 {
  left: 58.33333333%;
}
.ud__col-pull-14 {
  right: 58.33333333%;
}
.ud__col-offset-14 {
  margin-left: 58.33333333%;
}
.ud__col-order-14 {
  order: 14;
}
.ud__col-span-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.ud__col-push-13 {
  left: 54.16666667%;
}
.ud__col-pull-13 {
  right: 54.16666667%;
}
.ud__col-offset-13 {
  margin-left: 54.16666667%;
}
.ud__col-order-13 {
  order: 13;
}
.ud__col-span-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.ud__col-push-12 {
  left: 50%;
}
.ud__col-pull-12 {
  right: 50%;
}
.ud__col-offset-12 {
  margin-left: 50%;
}
.ud__col-order-12 {
  order: 12;
}
.ud__col-span-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.ud__col-push-11 {
  left: 45.83333333%;
}
.ud__col-pull-11 {
  right: 45.83333333%;
}
.ud__col-offset-11 {
  margin-left: 45.83333333%;
}
.ud__col-order-11 {
  order: 11;
}
.ud__col-span-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.ud__col-push-10 {
  left: 41.66666667%;
}
.ud__col-pull-10 {
  right: 41.66666667%;
}
.ud__col-offset-10 {
  margin-left: 41.66666667%;
}
.ud__col-order-10 {
  order: 10;
}
.ud__col-span-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.ud__col-push-9 {
  left: 37.5%;
}
.ud__col-pull-9 {
  right: 37.5%;
}
.ud__col-offset-9 {
  margin-left: 37.5%;
}
.ud__col-order-9 {
  order: 9;
}
.ud__col-span-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.ud__col-push-8 {
  left: 33.33333333%;
}
.ud__col-pull-8 {
  right: 33.33333333%;
}
.ud__col-offset-8 {
  margin-left: 33.33333333%;
}
.ud__col-order-8 {
  order: 8;
}
.ud__col-span-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.ud__col-push-7 {
  left: 29.16666667%;
}
.ud__col-pull-7 {
  right: 29.16666667%;
}
.ud__col-offset-7 {
  margin-left: 29.16666667%;
}
.ud__col-order-7 {
  order: 7;
}
.ud__col-span-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.ud__col-push-6 {
  left: 25%;
}
.ud__col-pull-6 {
  right: 25%;
}
.ud__col-offset-6 {
  margin-left: 25%;
}
.ud__col-order-6 {
  order: 6;
}
.ud__col-span-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.ud__col-push-5 {
  left: 20.83333333%;
}
.ud__col-pull-5 {
  right: 20.83333333%;
}
.ud__col-offset-5 {
  margin-left: 20.83333333%;
}
.ud__col-order-5 {
  order: 5;
}
.ud__col-span-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.ud__col-push-4 {
  left: 16.66666667%;
}
.ud__col-pull-4 {
  right: 16.66666667%;
}
.ud__col-offset-4 {
  margin-left: 16.66666667%;
}
.ud__col-order-4 {
  order: 4;
}
.ud__col-span-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.ud__col-push-3 {
  left: 12.5%;
}
.ud__col-pull-3 {
  right: 12.5%;
}
.ud__col-offset-3 {
  margin-left: 12.5%;
}
.ud__col-order-3 {
  order: 3;
}
.ud__col-span-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.ud__col-push-2 {
  left: 8.33333333%;
}
.ud__col-pull-2 {
  right: 8.33333333%;
}
.ud__col-offset-2 {
  margin-left: 8.33333333%;
}
.ud__col-order-2 {
  order: 2;
}
.ud__col-span-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.ud__col-push-1 {
  left: 4.16666667%;
}
.ud__col-pull-1 {
  right: 4.16666667%;
}
.ud__col-offset-1 {
  margin-left: 4.16666667%;
}
.ud__col-order-1 {
  order: 1;
}
.ud__col-span-0 {
  display: none;
}
.ud__col-offset-0 {
  margin-left: 0;
}
.ud__col-order-0 {
  order: 0;
}
.ud__col-xs-span-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.ud__col-xs-push-24 {
  left: 100%;
}
.ud__col-xs-pull-24 {
  right: 100%;
}
.ud__col-xs-offset-24 {
  margin-left: 100%;
}
.ud__col-xs-order-24 {
  order: 24;
}
.ud__col-xs-span-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.ud__col-xs-push-23 {
  left: 95.83333333%;
}
.ud__col-xs-pull-23 {
  right: 95.83333333%;
}
.ud__col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.ud__col-xs-order-23 {
  order: 23;
}
.ud__col-xs-span-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.ud__col-xs-push-22 {
  left: 91.66666667%;
}
.ud__col-xs-pull-22 {
  right: 91.66666667%;
}
.ud__col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.ud__col-xs-order-22 {
  order: 22;
}
.ud__col-xs-span-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.ud__col-xs-push-21 {
  left: 87.5%;
}
.ud__col-xs-pull-21 {
  right: 87.5%;
}
.ud__col-xs-offset-21 {
  margin-left: 87.5%;
}
.ud__col-xs-order-21 {
  order: 21;
}
.ud__col-xs-span-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.ud__col-xs-push-20 {
  left: 83.33333333%;
}
.ud__col-xs-pull-20 {
  right: 83.33333333%;
}
.ud__col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.ud__col-xs-order-20 {
  order: 20;
}
.ud__col-xs-span-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.ud__col-xs-push-19 {
  left: 79.16666667%;
}
.ud__col-xs-pull-19 {
  right: 79.16666667%;
}
.ud__col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.ud__col-xs-order-19 {
  order: 19;
}
.ud__col-xs-span-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.ud__col-xs-push-18 {
  left: 75%;
}
.ud__col-xs-pull-18 {
  right: 75%;
}
.ud__col-xs-offset-18 {
  margin-left: 75%;
}
.ud__col-xs-order-18 {
  order: 18;
}
.ud__col-xs-span-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.ud__col-xs-push-17 {
  left: 70.83333333%;
}
.ud__col-xs-pull-17 {
  right: 70.83333333%;
}
.ud__col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.ud__col-xs-order-17 {
  order: 17;
}
.ud__col-xs-span-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.ud__col-xs-push-16 {
  left: 66.66666667%;
}
.ud__col-xs-pull-16 {
  right: 66.66666667%;
}
.ud__col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.ud__col-xs-order-16 {
  order: 16;
}
.ud__col-xs-span-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.ud__col-xs-push-15 {
  left: 62.5%;
}
.ud__col-xs-pull-15 {
  right: 62.5%;
}
.ud__col-xs-offset-15 {
  margin-left: 62.5%;
}
.ud__col-xs-order-15 {
  order: 15;
}
.ud__col-xs-span-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.ud__col-xs-push-14 {
  left: 58.33333333%;
}
.ud__col-xs-pull-14 {
  right: 58.33333333%;
}
.ud__col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.ud__col-xs-order-14 {
  order: 14;
}
.ud__col-xs-span-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.ud__col-xs-push-13 {
  left: 54.16666667%;
}
.ud__col-xs-pull-13 {
  right: 54.16666667%;
}
.ud__col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.ud__col-xs-order-13 {
  order: 13;
}
.ud__col-xs-span-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.ud__col-xs-push-12 {
  left: 50%;
}
.ud__col-xs-pull-12 {
  right: 50%;
}
.ud__col-xs-offset-12 {
  margin-left: 50%;
}
.ud__col-xs-order-12 {
  order: 12;
}
.ud__col-xs-span-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.ud__col-xs-push-11 {
  left: 45.83333333%;
}
.ud__col-xs-pull-11 {
  right: 45.83333333%;
}
.ud__col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.ud__col-xs-order-11 {
  order: 11;
}
.ud__col-xs-span-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.ud__col-xs-push-10 {
  left: 41.66666667%;
}
.ud__col-xs-pull-10 {
  right: 41.66666667%;
}
.ud__col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.ud__col-xs-order-10 {
  order: 10;
}
.ud__col-xs-span-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.ud__col-xs-push-9 {
  left: 37.5%;
}
.ud__col-xs-pull-9 {
  right: 37.5%;
}
.ud__col-xs-offset-9 {
  margin-left: 37.5%;
}
.ud__col-xs-order-9 {
  order: 9;
}
.ud__col-xs-span-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.ud__col-xs-push-8 {
  left: 33.33333333%;
}
.ud__col-xs-pull-8 {
  right: 33.33333333%;
}
.ud__col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.ud__col-xs-order-8 {
  order: 8;
}
.ud__col-xs-span-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.ud__col-xs-push-7 {
  left: 29.16666667%;
}
.ud__col-xs-pull-7 {
  right: 29.16666667%;
}
.ud__col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.ud__col-xs-order-7 {
  order: 7;
}
.ud__col-xs-span-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.ud__col-xs-push-6 {
  left: 25%;
}
.ud__col-xs-pull-6 {
  right: 25%;
}
.ud__col-xs-offset-6 {
  margin-left: 25%;
}
.ud__col-xs-order-6 {
  order: 6;
}
.ud__col-xs-span-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.ud__col-xs-push-5 {
  left: 20.83333333%;
}
.ud__col-xs-pull-5 {
  right: 20.83333333%;
}
.ud__col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.ud__col-xs-order-5 {
  order: 5;
}
.ud__col-xs-span-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.ud__col-xs-push-4 {
  left: 16.66666667%;
}
.ud__col-xs-pull-4 {
  right: 16.66666667%;
}
.ud__col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.ud__col-xs-order-4 {
  order: 4;
}
.ud__col-xs-span-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.ud__col-xs-push-3 {
  left: 12.5%;
}
.ud__col-xs-pull-3 {
  right: 12.5%;
}
.ud__col-xs-offset-3 {
  margin-left: 12.5%;
}
.ud__col-xs-order-3 {
  order: 3;
}
.ud__col-xs-span-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.ud__col-xs-push-2 {
  left: 8.33333333%;
}
.ud__col-xs-pull-2 {
  right: 8.33333333%;
}
.ud__col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.ud__col-xs-order-2 {
  order: 2;
}
.ud__col-xs-span-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.ud__col-xs-push-1 {
  left: 4.16666667%;
}
.ud__col-xs-pull-1 {
  right: 4.16666667%;
}
.ud__col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.ud__col-xs-order-1 {
  order: 1;
}
.ud__col-xs-span-0 {
  display: none;
}
.ud__col-push-0 {
  left: auto;
}
.ud__col-pull-0 {
  right: auto;
}
.ud__col-xs-push-0 {
  left: auto;
}
.ud__col-xs-pull-0 {
  right: auto;
}
.ud__col-xs-offset-0 {
  margin-left: 0;
}
.ud__col-xs-order-0 {
  order: 0;
}
@media (min-width: 576px) {
  .ud__col-sm-span-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ud__col-sm-push-24 {
    left: 100%;
  }
  .ud__col-sm-pull-24 {
    right: 100%;
  }
  .ud__col-sm-offset-24 {
    margin-left: 100%;
  }
  .ud__col-sm-order-24 {
    order: 24;
  }
  .ud__col-sm-span-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ud__col-sm-push-23 {
    left: 95.83333333%;
  }
  .ud__col-sm-pull-23 {
    right: 95.83333333%;
  }
  .ud__col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .ud__col-sm-order-23 {
    order: 23;
  }
  .ud__col-sm-span-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ud__col-sm-push-22 {
    left: 91.66666667%;
  }
  .ud__col-sm-pull-22 {
    right: 91.66666667%;
  }
  .ud__col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .ud__col-sm-order-22 {
    order: 22;
  }
  .ud__col-sm-span-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ud__col-sm-push-21 {
    left: 87.5%;
  }
  .ud__col-sm-pull-21 {
    right: 87.5%;
  }
  .ud__col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .ud__col-sm-order-21 {
    order: 21;
  }
  .ud__col-sm-span-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ud__col-sm-push-20 {
    left: 83.33333333%;
  }
  .ud__col-sm-pull-20 {
    right: 83.33333333%;
  }
  .ud__col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .ud__col-sm-order-20 {
    order: 20;
  }
  .ud__col-sm-span-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ud__col-sm-push-19 {
    left: 79.16666667%;
  }
  .ud__col-sm-pull-19 {
    right: 79.16666667%;
  }
  .ud__col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .ud__col-sm-order-19 {
    order: 19;
  }
  .ud__col-sm-span-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ud__col-sm-push-18 {
    left: 75%;
  }
  .ud__col-sm-pull-18 {
    right: 75%;
  }
  .ud__col-sm-offset-18 {
    margin-left: 75%;
  }
  .ud__col-sm-order-18 {
    order: 18;
  }
  .ud__col-sm-span-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ud__col-sm-push-17 {
    left: 70.83333333%;
  }
  .ud__col-sm-pull-17 {
    right: 70.83333333%;
  }
  .ud__col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .ud__col-sm-order-17 {
    order: 17;
  }
  .ud__col-sm-span-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ud__col-sm-push-16 {
    left: 66.66666667%;
  }
  .ud__col-sm-pull-16 {
    right: 66.66666667%;
  }
  .ud__col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .ud__col-sm-order-16 {
    order: 16;
  }
  .ud__col-sm-span-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ud__col-sm-push-15 {
    left: 62.5%;
  }
  .ud__col-sm-pull-15 {
    right: 62.5%;
  }
  .ud__col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .ud__col-sm-order-15 {
    order: 15;
  }
  .ud__col-sm-span-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ud__col-sm-push-14 {
    left: 58.33333333%;
  }
  .ud__col-sm-pull-14 {
    right: 58.33333333%;
  }
  .ud__col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .ud__col-sm-order-14 {
    order: 14;
  }
  .ud__col-sm-span-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ud__col-sm-push-13 {
    left: 54.16666667%;
  }
  .ud__col-sm-pull-13 {
    right: 54.16666667%;
  }
  .ud__col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .ud__col-sm-order-13 {
    order: 13;
  }
  .ud__col-sm-span-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ud__col-sm-push-12 {
    left: 50%;
  }
  .ud__col-sm-pull-12 {
    right: 50%;
  }
  .ud__col-sm-offset-12 {
    margin-left: 50%;
  }
  .ud__col-sm-order-12 {
    order: 12;
  }
  .ud__col-sm-span-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ud__col-sm-push-11 {
    left: 45.83333333%;
  }
  .ud__col-sm-pull-11 {
    right: 45.83333333%;
  }
  .ud__col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .ud__col-sm-order-11 {
    order: 11;
  }
  .ud__col-sm-span-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ud__col-sm-push-10 {
    left: 41.66666667%;
  }
  .ud__col-sm-pull-10 {
    right: 41.66666667%;
  }
  .ud__col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .ud__col-sm-order-10 {
    order: 10;
  }
  .ud__col-sm-span-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ud__col-sm-push-9 {
    left: 37.5%;
  }
  .ud__col-sm-pull-9 {
    right: 37.5%;
  }
  .ud__col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .ud__col-sm-order-9 {
    order: 9;
  }
  .ud__col-sm-span-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ud__col-sm-push-8 {
    left: 33.33333333%;
  }
  .ud__col-sm-pull-8 {
    right: 33.33333333%;
  }
  .ud__col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .ud__col-sm-order-8 {
    order: 8;
  }
  .ud__col-sm-span-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ud__col-sm-push-7 {
    left: 29.16666667%;
  }
  .ud__col-sm-pull-7 {
    right: 29.16666667%;
  }
  .ud__col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .ud__col-sm-order-7 {
    order: 7;
  }
  .ud__col-sm-span-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ud__col-sm-push-6 {
    left: 25%;
  }
  .ud__col-sm-pull-6 {
    right: 25%;
  }
  .ud__col-sm-offset-6 {
    margin-left: 25%;
  }
  .ud__col-sm-order-6 {
    order: 6;
  }
  .ud__col-sm-span-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ud__col-sm-push-5 {
    left: 20.83333333%;
  }
  .ud__col-sm-pull-5 {
    right: 20.83333333%;
  }
  .ud__col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .ud__col-sm-order-5 {
    order: 5;
  }
  .ud__col-sm-span-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ud__col-sm-push-4 {
    left: 16.66666667%;
  }
  .ud__col-sm-pull-4 {
    right: 16.66666667%;
  }
  .ud__col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .ud__col-sm-order-4 {
    order: 4;
  }
  .ud__col-sm-span-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ud__col-sm-push-3 {
    left: 12.5%;
  }
  .ud__col-sm-pull-3 {
    right: 12.5%;
  }
  .ud__col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .ud__col-sm-order-3 {
    order: 3;
  }
  .ud__col-sm-span-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ud__col-sm-push-2 {
    left: 8.33333333%;
  }
  .ud__col-sm-pull-2 {
    right: 8.33333333%;
  }
  .ud__col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .ud__col-sm-order-2 {
    order: 2;
  }
  .ud__col-sm-span-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ud__col-sm-push-1 {
    left: 4.16666667%;
  }
  .ud__col-sm-pull-1 {
    right: 4.16666667%;
  }
  .ud__col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .ud__col-sm-order-1 {
    order: 1;
  }
  .ud__col-sm-span-0 {
    display: none;
  }
  .ud__col-push-0 {
    left: auto;
  }
  .ud__col-pull-0 {
    right: auto;
  }
  .ud__col-sm-push-0 {
    left: auto;
  }
  .ud__col-sm-pull-0 {
    right: auto;
  }
  .ud__col-sm-offset-0 {
    margin-left: 0;
  }
  .ud__col-sm-order-0 {
    order: 0;
  }
}
@media (min-width: 768px) {
  .ud__col-md-span-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ud__col-md-push-24 {
    left: 100%;
  }
  .ud__col-md-pull-24 {
    right: 100%;
  }
  .ud__col-md-offset-24 {
    margin-left: 100%;
  }
  .ud__col-md-order-24 {
    order: 24;
  }
  .ud__col-md-span-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ud__col-md-push-23 {
    left: 95.83333333%;
  }
  .ud__col-md-pull-23 {
    right: 95.83333333%;
  }
  .ud__col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .ud__col-md-order-23 {
    order: 23;
  }
  .ud__col-md-span-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ud__col-md-push-22 {
    left: 91.66666667%;
  }
  .ud__col-md-pull-22 {
    right: 91.66666667%;
  }
  .ud__col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .ud__col-md-order-22 {
    order: 22;
  }
  .ud__col-md-span-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ud__col-md-push-21 {
    left: 87.5%;
  }
  .ud__col-md-pull-21 {
    right: 87.5%;
  }
  .ud__col-md-offset-21 {
    margin-left: 87.5%;
  }
  .ud__col-md-order-21 {
    order: 21;
  }
  .ud__col-md-span-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ud__col-md-push-20 {
    left: 83.33333333%;
  }
  .ud__col-md-pull-20 {
    right: 83.33333333%;
  }
  .ud__col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .ud__col-md-order-20 {
    order: 20;
  }
  .ud__col-md-span-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ud__col-md-push-19 {
    left: 79.16666667%;
  }
  .ud__col-md-pull-19 {
    right: 79.16666667%;
  }
  .ud__col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .ud__col-md-order-19 {
    order: 19;
  }
  .ud__col-md-span-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ud__col-md-push-18 {
    left: 75%;
  }
  .ud__col-md-pull-18 {
    right: 75%;
  }
  .ud__col-md-offset-18 {
    margin-left: 75%;
  }
  .ud__col-md-order-18 {
    order: 18;
  }
  .ud__col-md-span-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ud__col-md-push-17 {
    left: 70.83333333%;
  }
  .ud__col-md-pull-17 {
    right: 70.83333333%;
  }
  .ud__col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .ud__col-md-order-17 {
    order: 17;
  }
  .ud__col-md-span-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ud__col-md-push-16 {
    left: 66.66666667%;
  }
  .ud__col-md-pull-16 {
    right: 66.66666667%;
  }
  .ud__col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .ud__col-md-order-16 {
    order: 16;
  }
  .ud__col-md-span-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ud__col-md-push-15 {
    left: 62.5%;
  }
  .ud__col-md-pull-15 {
    right: 62.5%;
  }
  .ud__col-md-offset-15 {
    margin-left: 62.5%;
  }
  .ud__col-md-order-15 {
    order: 15;
  }
  .ud__col-md-span-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ud__col-md-push-14 {
    left: 58.33333333%;
  }
  .ud__col-md-pull-14 {
    right: 58.33333333%;
  }
  .ud__col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .ud__col-md-order-14 {
    order: 14;
  }
  .ud__col-md-span-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ud__col-md-push-13 {
    left: 54.16666667%;
  }
  .ud__col-md-pull-13 {
    right: 54.16666667%;
  }
  .ud__col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .ud__col-md-order-13 {
    order: 13;
  }
  .ud__col-md-span-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ud__col-md-push-12 {
    left: 50%;
  }
  .ud__col-md-pull-12 {
    right: 50%;
  }
  .ud__col-md-offset-12 {
    margin-left: 50%;
  }
  .ud__col-md-order-12 {
    order: 12;
  }
  .ud__col-md-span-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ud__col-md-push-11 {
    left: 45.83333333%;
  }
  .ud__col-md-pull-11 {
    right: 45.83333333%;
  }
  .ud__col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .ud__col-md-order-11 {
    order: 11;
  }
  .ud__col-md-span-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ud__col-md-push-10 {
    left: 41.66666667%;
  }
  .ud__col-md-pull-10 {
    right: 41.66666667%;
  }
  .ud__col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .ud__col-md-order-10 {
    order: 10;
  }
  .ud__col-md-span-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ud__col-md-push-9 {
    left: 37.5%;
  }
  .ud__col-md-pull-9 {
    right: 37.5%;
  }
  .ud__col-md-offset-9 {
    margin-left: 37.5%;
  }
  .ud__col-md-order-9 {
    order: 9;
  }
  .ud__col-md-span-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ud__col-md-push-8 {
    left: 33.33333333%;
  }
  .ud__col-md-pull-8 {
    right: 33.33333333%;
  }
  .ud__col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .ud__col-md-order-8 {
    order: 8;
  }
  .ud__col-md-span-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ud__col-md-push-7 {
    left: 29.16666667%;
  }
  .ud__col-md-pull-7 {
    right: 29.16666667%;
  }
  .ud__col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .ud__col-md-order-7 {
    order: 7;
  }
  .ud__col-md-span-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ud__col-md-push-6 {
    left: 25%;
  }
  .ud__col-md-pull-6 {
    right: 25%;
  }
  .ud__col-md-offset-6 {
    margin-left: 25%;
  }
  .ud__col-md-order-6 {
    order: 6;
  }
  .ud__col-md-span-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ud__col-md-push-5 {
    left: 20.83333333%;
  }
  .ud__col-md-pull-5 {
    right: 20.83333333%;
  }
  .ud__col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .ud__col-md-order-5 {
    order: 5;
  }
  .ud__col-md-span-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ud__col-md-push-4 {
    left: 16.66666667%;
  }
  .ud__col-md-pull-4 {
    right: 16.66666667%;
  }
  .ud__col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .ud__col-md-order-4 {
    order: 4;
  }
  .ud__col-md-span-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ud__col-md-push-3 {
    left: 12.5%;
  }
  .ud__col-md-pull-3 {
    right: 12.5%;
  }
  .ud__col-md-offset-3 {
    margin-left: 12.5%;
  }
  .ud__col-md-order-3 {
    order: 3;
  }
  .ud__col-md-span-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ud__col-md-push-2 {
    left: 8.33333333%;
  }
  .ud__col-md-pull-2 {
    right: 8.33333333%;
  }
  .ud__col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .ud__col-md-order-2 {
    order: 2;
  }
  .ud__col-md-span-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ud__col-md-push-1 {
    left: 4.16666667%;
  }
  .ud__col-md-pull-1 {
    right: 4.16666667%;
  }
  .ud__col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .ud__col-md-order-1 {
    order: 1;
  }
  .ud__col-md-span-0 {
    display: none;
  }
  .ud__col-push-0 {
    left: auto;
  }
  .ud__col-pull-0 {
    right: auto;
  }
  .ud__col-md-push-0 {
    left: auto;
  }
  .ud__col-md-pull-0 {
    right: auto;
  }
  .ud__col-md-offset-0 {
    margin-left: 0;
  }
  .ud__col-md-order-0 {
    order: 0;
  }
}
@media (min-width: 992px) {
  .ud__col-lg-span-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ud__col-lg-push-24 {
    left: 100%;
  }
  .ud__col-lg-pull-24 {
    right: 100%;
  }
  .ud__col-lg-offset-24 {
    margin-left: 100%;
  }
  .ud__col-lg-order-24 {
    order: 24;
  }
  .ud__col-lg-span-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ud__col-lg-push-23 {
    left: 95.83333333%;
  }
  .ud__col-lg-pull-23 {
    right: 95.83333333%;
  }
  .ud__col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .ud__col-lg-order-23 {
    order: 23;
  }
  .ud__col-lg-span-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ud__col-lg-push-22 {
    left: 91.66666667%;
  }
  .ud__col-lg-pull-22 {
    right: 91.66666667%;
  }
  .ud__col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .ud__col-lg-order-22 {
    order: 22;
  }
  .ud__col-lg-span-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ud__col-lg-push-21 {
    left: 87.5%;
  }
  .ud__col-lg-pull-21 {
    right: 87.5%;
  }
  .ud__col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .ud__col-lg-order-21 {
    order: 21;
  }
  .ud__col-lg-span-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ud__col-lg-push-20 {
    left: 83.33333333%;
  }
  .ud__col-lg-pull-20 {
    right: 83.33333333%;
  }
  .ud__col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .ud__col-lg-order-20 {
    order: 20;
  }
  .ud__col-lg-span-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ud__col-lg-push-19 {
    left: 79.16666667%;
  }
  .ud__col-lg-pull-19 {
    right: 79.16666667%;
  }
  .ud__col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .ud__col-lg-order-19 {
    order: 19;
  }
  .ud__col-lg-span-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ud__col-lg-push-18 {
    left: 75%;
  }
  .ud__col-lg-pull-18 {
    right: 75%;
  }
  .ud__col-lg-offset-18 {
    margin-left: 75%;
  }
  .ud__col-lg-order-18 {
    order: 18;
  }
  .ud__col-lg-span-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ud__col-lg-push-17 {
    left: 70.83333333%;
  }
  .ud__col-lg-pull-17 {
    right: 70.83333333%;
  }
  .ud__col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .ud__col-lg-order-17 {
    order: 17;
  }
  .ud__col-lg-span-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ud__col-lg-push-16 {
    left: 66.66666667%;
  }
  .ud__col-lg-pull-16 {
    right: 66.66666667%;
  }
  .ud__col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .ud__col-lg-order-16 {
    order: 16;
  }
  .ud__col-lg-span-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ud__col-lg-push-15 {
    left: 62.5%;
  }
  .ud__col-lg-pull-15 {
    right: 62.5%;
  }
  .ud__col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .ud__col-lg-order-15 {
    order: 15;
  }
  .ud__col-lg-span-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ud__col-lg-push-14 {
    left: 58.33333333%;
  }
  .ud__col-lg-pull-14 {
    right: 58.33333333%;
  }
  .ud__col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .ud__col-lg-order-14 {
    order: 14;
  }
  .ud__col-lg-span-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ud__col-lg-push-13 {
    left: 54.16666667%;
  }
  .ud__col-lg-pull-13 {
    right: 54.16666667%;
  }
  .ud__col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .ud__col-lg-order-13 {
    order: 13;
  }
  .ud__col-lg-span-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ud__col-lg-push-12 {
    left: 50%;
  }
  .ud__col-lg-pull-12 {
    right: 50%;
  }
  .ud__col-lg-offset-12 {
    margin-left: 50%;
  }
  .ud__col-lg-order-12 {
    order: 12;
  }
  .ud__col-lg-span-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ud__col-lg-push-11 {
    left: 45.83333333%;
  }
  .ud__col-lg-pull-11 {
    right: 45.83333333%;
  }
  .ud__col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .ud__col-lg-order-11 {
    order: 11;
  }
  .ud__col-lg-span-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ud__col-lg-push-10 {
    left: 41.66666667%;
  }
  .ud__col-lg-pull-10 {
    right: 41.66666667%;
  }
  .ud__col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .ud__col-lg-order-10 {
    order: 10;
  }
  .ud__col-lg-span-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ud__col-lg-push-9 {
    left: 37.5%;
  }
  .ud__col-lg-pull-9 {
    right: 37.5%;
  }
  .ud__col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .ud__col-lg-order-9 {
    order: 9;
  }
  .ud__col-lg-span-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ud__col-lg-push-8 {
    left: 33.33333333%;
  }
  .ud__col-lg-pull-8 {
    right: 33.33333333%;
  }
  .ud__col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .ud__col-lg-order-8 {
    order: 8;
  }
  .ud__col-lg-span-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ud__col-lg-push-7 {
    left: 29.16666667%;
  }
  .ud__col-lg-pull-7 {
    right: 29.16666667%;
  }
  .ud__col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .ud__col-lg-order-7 {
    order: 7;
  }
  .ud__col-lg-span-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ud__col-lg-push-6 {
    left: 25%;
  }
  .ud__col-lg-pull-6 {
    right: 25%;
  }
  .ud__col-lg-offset-6 {
    margin-left: 25%;
  }
  .ud__col-lg-order-6 {
    order: 6;
  }
  .ud__col-lg-span-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ud__col-lg-push-5 {
    left: 20.83333333%;
  }
  .ud__col-lg-pull-5 {
    right: 20.83333333%;
  }
  .ud__col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .ud__col-lg-order-5 {
    order: 5;
  }
  .ud__col-lg-span-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ud__col-lg-push-4 {
    left: 16.66666667%;
  }
  .ud__col-lg-pull-4 {
    right: 16.66666667%;
  }
  .ud__col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .ud__col-lg-order-4 {
    order: 4;
  }
  .ud__col-lg-span-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ud__col-lg-push-3 {
    left: 12.5%;
  }
  .ud__col-lg-pull-3 {
    right: 12.5%;
  }
  .ud__col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .ud__col-lg-order-3 {
    order: 3;
  }
  .ud__col-lg-span-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ud__col-lg-push-2 {
    left: 8.33333333%;
  }
  .ud__col-lg-pull-2 {
    right: 8.33333333%;
  }
  .ud__col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .ud__col-lg-order-2 {
    order: 2;
  }
  .ud__col-lg-span-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ud__col-lg-push-1 {
    left: 4.16666667%;
  }
  .ud__col-lg-pull-1 {
    right: 4.16666667%;
  }
  .ud__col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .ud__col-lg-order-1 {
    order: 1;
  }
  .ud__col-lg-span-0 {
    display: none;
  }
  .ud__col-push-0 {
    left: auto;
  }
  .ud__col-pull-0 {
    right: auto;
  }
  .ud__col-lg-push-0 {
    left: auto;
  }
  .ud__col-lg-pull-0 {
    right: auto;
  }
  .ud__col-lg-offset-0 {
    margin-left: 0;
  }
  .ud__col-lg-order-0 {
    order: 0;
  }
}
@media (min-width: 1200px) {
  .ud__col-xl-span-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ud__col-xl-push-24 {
    left: 100%;
  }
  .ud__col-xl-pull-24 {
    right: 100%;
  }
  .ud__col-xl-offset-24 {
    margin-left: 100%;
  }
  .ud__col-xl-order-24 {
    order: 24;
  }
  .ud__col-xl-span-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ud__col-xl-push-23 {
    left: 95.83333333%;
  }
  .ud__col-xl-pull-23 {
    right: 95.83333333%;
  }
  .ud__col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ud__col-xl-order-23 {
    order: 23;
  }
  .ud__col-xl-span-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ud__col-xl-push-22 {
    left: 91.66666667%;
  }
  .ud__col-xl-pull-22 {
    right: 91.66666667%;
  }
  .ud__col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ud__col-xl-order-22 {
    order: 22;
  }
  .ud__col-xl-span-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ud__col-xl-push-21 {
    left: 87.5%;
  }
  .ud__col-xl-pull-21 {
    right: 87.5%;
  }
  .ud__col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .ud__col-xl-order-21 {
    order: 21;
  }
  .ud__col-xl-span-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ud__col-xl-push-20 {
    left: 83.33333333%;
  }
  .ud__col-xl-pull-20 {
    right: 83.33333333%;
  }
  .ud__col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ud__col-xl-order-20 {
    order: 20;
  }
  .ud__col-xl-span-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ud__col-xl-push-19 {
    left: 79.16666667%;
  }
  .ud__col-xl-pull-19 {
    right: 79.16666667%;
  }
  .ud__col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ud__col-xl-order-19 {
    order: 19;
  }
  .ud__col-xl-span-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ud__col-xl-push-18 {
    left: 75%;
  }
  .ud__col-xl-pull-18 {
    right: 75%;
  }
  .ud__col-xl-offset-18 {
    margin-left: 75%;
  }
  .ud__col-xl-order-18 {
    order: 18;
  }
  .ud__col-xl-span-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ud__col-xl-push-17 {
    left: 70.83333333%;
  }
  .ud__col-xl-pull-17 {
    right: 70.83333333%;
  }
  .ud__col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ud__col-xl-order-17 {
    order: 17;
  }
  .ud__col-xl-span-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ud__col-xl-push-16 {
    left: 66.66666667%;
  }
  .ud__col-xl-pull-16 {
    right: 66.66666667%;
  }
  .ud__col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ud__col-xl-order-16 {
    order: 16;
  }
  .ud__col-xl-span-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ud__col-xl-push-15 {
    left: 62.5%;
  }
  .ud__col-xl-pull-15 {
    right: 62.5%;
  }
  .ud__col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .ud__col-xl-order-15 {
    order: 15;
  }
  .ud__col-xl-span-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ud__col-xl-push-14 {
    left: 58.33333333%;
  }
  .ud__col-xl-pull-14 {
    right: 58.33333333%;
  }
  .ud__col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ud__col-xl-order-14 {
    order: 14;
  }
  .ud__col-xl-span-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ud__col-xl-push-13 {
    left: 54.16666667%;
  }
  .ud__col-xl-pull-13 {
    right: 54.16666667%;
  }
  .ud__col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ud__col-xl-order-13 {
    order: 13;
  }
  .ud__col-xl-span-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ud__col-xl-push-12 {
    left: 50%;
  }
  .ud__col-xl-pull-12 {
    right: 50%;
  }
  .ud__col-xl-offset-12 {
    margin-left: 50%;
  }
  .ud__col-xl-order-12 {
    order: 12;
  }
  .ud__col-xl-span-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ud__col-xl-push-11 {
    left: 45.83333333%;
  }
  .ud__col-xl-pull-11 {
    right: 45.83333333%;
  }
  .ud__col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ud__col-xl-order-11 {
    order: 11;
  }
  .ud__col-xl-span-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ud__col-xl-push-10 {
    left: 41.66666667%;
  }
  .ud__col-xl-pull-10 {
    right: 41.66666667%;
  }
  .ud__col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ud__col-xl-order-10 {
    order: 10;
  }
  .ud__col-xl-span-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ud__col-xl-push-9 {
    left: 37.5%;
  }
  .ud__col-xl-pull-9 {
    right: 37.5%;
  }
  .ud__col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .ud__col-xl-order-9 {
    order: 9;
  }
  .ud__col-xl-span-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ud__col-xl-push-8 {
    left: 33.33333333%;
  }
  .ud__col-xl-pull-8 {
    right: 33.33333333%;
  }
  .ud__col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ud__col-xl-order-8 {
    order: 8;
  }
  .ud__col-xl-span-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ud__col-xl-push-7 {
    left: 29.16666667%;
  }
  .ud__col-xl-pull-7 {
    right: 29.16666667%;
  }
  .ud__col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ud__col-xl-order-7 {
    order: 7;
  }
  .ud__col-xl-span-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ud__col-xl-push-6 {
    left: 25%;
  }
  .ud__col-xl-pull-6 {
    right: 25%;
  }
  .ud__col-xl-offset-6 {
    margin-left: 25%;
  }
  .ud__col-xl-order-6 {
    order: 6;
  }
  .ud__col-xl-span-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ud__col-xl-push-5 {
    left: 20.83333333%;
  }
  .ud__col-xl-pull-5 {
    right: 20.83333333%;
  }
  .ud__col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ud__col-xl-order-5 {
    order: 5;
  }
  .ud__col-xl-span-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ud__col-xl-push-4 {
    left: 16.66666667%;
  }
  .ud__col-xl-pull-4 {
    right: 16.66666667%;
  }
  .ud__col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ud__col-xl-order-4 {
    order: 4;
  }
  .ud__col-xl-span-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ud__col-xl-push-3 {
    left: 12.5%;
  }
  .ud__col-xl-pull-3 {
    right: 12.5%;
  }
  .ud__col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .ud__col-xl-order-3 {
    order: 3;
  }
  .ud__col-xl-span-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ud__col-xl-push-2 {
    left: 8.33333333%;
  }
  .ud__col-xl-pull-2 {
    right: 8.33333333%;
  }
  .ud__col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ud__col-xl-order-2 {
    order: 2;
  }
  .ud__col-xl-span-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ud__col-xl-push-1 {
    left: 4.16666667%;
  }
  .ud__col-xl-pull-1 {
    right: 4.16666667%;
  }
  .ud__col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ud__col-xl-order-1 {
    order: 1;
  }
  .ud__col-xl-span-0 {
    display: none;
  }
  .ud__col-push-0 {
    left: auto;
  }
  .ud__col-pull-0 {
    right: auto;
  }
  .ud__col-xl-push-0 {
    left: auto;
  }
  .ud__col-xl-pull-0 {
    right: auto;
  }
  .ud__col-xl-offset-0 {
    margin-left: 0;
  }
  .ud__col-xl-order-0 {
    order: 0;
  }
}
@media (min-width: 1600px) {
  .ud__col-xxl-span-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ud__col-xxl-push-24 {
    left: 100%;
  }
  .ud__col-xxl-pull-24 {
    right: 100%;
  }
  .ud__col-xxl-offset-24 {
    margin-left: 100%;
  }
  .ud__col-xxl-order-24 {
    order: 24;
  }
  .ud__col-xxl-span-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ud__col-xxl-push-23 {
    left: 95.83333333%;
  }
  .ud__col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .ud__col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ud__col-xxl-order-23 {
    order: 23;
  }
  .ud__col-xxl-span-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ud__col-xxl-push-22 {
    left: 91.66666667%;
  }
  .ud__col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .ud__col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ud__col-xxl-order-22 {
    order: 22;
  }
  .ud__col-xxl-span-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ud__col-xxl-push-21 {
    left: 87.5%;
  }
  .ud__col-xxl-pull-21 {
    right: 87.5%;
  }
  .ud__col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .ud__col-xxl-order-21 {
    order: 21;
  }
  .ud__col-xxl-span-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ud__col-xxl-push-20 {
    left: 83.33333333%;
  }
  .ud__col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .ud__col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ud__col-xxl-order-20 {
    order: 20;
  }
  .ud__col-xxl-span-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ud__col-xxl-push-19 {
    left: 79.16666667%;
  }
  .ud__col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .ud__col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ud__col-xxl-order-19 {
    order: 19;
  }
  .ud__col-xxl-span-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ud__col-xxl-push-18 {
    left: 75%;
  }
  .ud__col-xxl-pull-18 {
    right: 75%;
  }
  .ud__col-xxl-offset-18 {
    margin-left: 75%;
  }
  .ud__col-xxl-order-18 {
    order: 18;
  }
  .ud__col-xxl-span-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ud__col-xxl-push-17 {
    left: 70.83333333%;
  }
  .ud__col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .ud__col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ud__col-xxl-order-17 {
    order: 17;
  }
  .ud__col-xxl-span-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ud__col-xxl-push-16 {
    left: 66.66666667%;
  }
  .ud__col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .ud__col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ud__col-xxl-order-16 {
    order: 16;
  }
  .ud__col-xxl-span-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ud__col-xxl-push-15 {
    left: 62.5%;
  }
  .ud__col-xxl-pull-15 {
    right: 62.5%;
  }
  .ud__col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .ud__col-xxl-order-15 {
    order: 15;
  }
  .ud__col-xxl-span-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ud__col-xxl-push-14 {
    left: 58.33333333%;
  }
  .ud__col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .ud__col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ud__col-xxl-order-14 {
    order: 14;
  }
  .ud__col-xxl-span-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ud__col-xxl-push-13 {
    left: 54.16666667%;
  }
  .ud__col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .ud__col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ud__col-xxl-order-13 {
    order: 13;
  }
  .ud__col-xxl-span-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ud__col-xxl-push-12 {
    left: 50%;
  }
  .ud__col-xxl-pull-12 {
    right: 50%;
  }
  .ud__col-xxl-offset-12 {
    margin-left: 50%;
  }
  .ud__col-xxl-order-12 {
    order: 12;
  }
  .ud__col-xxl-span-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ud__col-xxl-push-11 {
    left: 45.83333333%;
  }
  .ud__col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .ud__col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ud__col-xxl-order-11 {
    order: 11;
  }
  .ud__col-xxl-span-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ud__col-xxl-push-10 {
    left: 41.66666667%;
  }
  .ud__col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .ud__col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ud__col-xxl-order-10 {
    order: 10;
  }
  .ud__col-xxl-span-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ud__col-xxl-push-9 {
    left: 37.5%;
  }
  .ud__col-xxl-pull-9 {
    right: 37.5%;
  }
  .ud__col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .ud__col-xxl-order-9 {
    order: 9;
  }
  .ud__col-xxl-span-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ud__col-xxl-push-8 {
    left: 33.33333333%;
  }
  .ud__col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .ud__col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ud__col-xxl-order-8 {
    order: 8;
  }
  .ud__col-xxl-span-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ud__col-xxl-push-7 {
    left: 29.16666667%;
  }
  .ud__col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .ud__col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ud__col-xxl-order-7 {
    order: 7;
  }
  .ud__col-xxl-span-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ud__col-xxl-push-6 {
    left: 25%;
  }
  .ud__col-xxl-pull-6 {
    right: 25%;
  }
  .ud__col-xxl-offset-6 {
    margin-left: 25%;
  }
  .ud__col-xxl-order-6 {
    order: 6;
  }
  .ud__col-xxl-span-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ud__col-xxl-push-5 {
    left: 20.83333333%;
  }
  .ud__col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .ud__col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ud__col-xxl-order-5 {
    order: 5;
  }
  .ud__col-xxl-span-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ud__col-xxl-push-4 {
    left: 16.66666667%;
  }
  .ud__col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .ud__col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ud__col-xxl-order-4 {
    order: 4;
  }
  .ud__col-xxl-span-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ud__col-xxl-push-3 {
    left: 12.5%;
  }
  .ud__col-xxl-pull-3 {
    right: 12.5%;
  }
  .ud__col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .ud__col-xxl-order-3 {
    order: 3;
  }
  .ud__col-xxl-span-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ud__col-xxl-push-2 {
    left: 8.33333333%;
  }
  .ud__col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .ud__col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ud__col-xxl-order-2 {
    order: 2;
  }
  .ud__col-xxl-span-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ud__col-xxl-push-1 {
    left: 4.16666667%;
  }
  .ud__col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .ud__col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ud__col-xxl-order-1 {
    order: 1;
  }
  .ud__col-xxl-span-0 {
    display: none;
  }
  .ud__col-push-0 {
    left: auto;
  }
  .ud__col-pull-0 {
    right: auto;
  }
  .ud__col-xxl-push-0 {
    left: auto;
  }
  .ud__col-xxl-pull-0 {
    right: auto;
  }
  .ud__col-xxl-offset-0 {
    margin-left: 0;
  }
  .ud__col-xxl-order-0 {
    order: 0;
  }
}
@keyframes SpinSVGRotate {
  to {
    transform: rotate(360deg);
  }
}
.ud__button {
  box-sizing: border-box;
  color: #1f2329;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  border: 1px solid #fff;
  touch-action: manipulation;
}
.ud__button > a:only-child:after {
  position: absolute;
  inset: 0;
  background: 0 0;
  content: "";
}
.ud__button--filled-default {
  color: #fff;
  background: #1456f0;
  border-color: #1456f0;
}
.ud__button--filled-default:hover,
.ud__button--filled-default[aria-expanded] {
  color: #fff;
  background: #336df4;
  border-color: #336df4;
}
.ud__button--filled-default:focus-visible {
  color: #fff;
  background: #336df4;
  border-color: #336df4;
  --hack-merge-rules: true;
}
.ud__button--filled-default:active {
  color: #fff;
  background: #0442d2;
  border-color: #0442d2;
}
.ud__button--filled-default-loading,
.ud__button--filled-default-loading:active,
.ud__button--filled-default-loading[aria-expanded] {
  color: #fff;
  background: #94b4ff;
  border-color: #94b4ff;
}
.ud__button--filled-default-loading:focus-visible {
  color: #fff;
  background: #94b4ff;
  border-color: #94b4ff;
  --hack-merge-rules: true;
}
.ud__button--filled-default-loading .ud__button__loading-icon {
  color: #fff;
}
.ud__button--filled-primary {
  color: #fff;
  background: #1456f0;
  border-color: #1456f0;
}
.ud__button--filled-primary:hover,
.ud__button--filled-primary[aria-expanded] {
  color: #fff;
  background: #336df4;
  border-color: #336df4;
}
.ud__button--filled-primary:focus-visible {
  color: #fff;
  background: #336df4;
  border-color: #336df4;
  --hack-merge-rules: true;
}
.ud__button--filled-primary:active {
  color: #fff;
  background: #0442d2;
  border-color: #0442d2;
}
.ud__button--filled-primary-loading,
.ud__button--filled-primary-loading:active,
.ud__button--filled-primary-loading[aria-expanded] {
  color: #fff;
  background: #94b4ff;
  border-color: #94b4ff;
}
.ud__button--filled-primary-loading:focus-visible {
  color: #fff;
  background: #94b4ff;
  border-color: #94b4ff;
  --hack-merge-rules: true;
}
.ud__button--filled-primary-loading .ud__button__loading-icon {
  color: #fff;
}
.ud__button--filled-danger {
  color: #fff;
  background: #f54a45;
  border-color: #f54a45;
}
.ud__button--filled-danger:hover,
.ud__button--filled-danger[aria-expanded] {
  color: #fff;
  background: #ff7570;
  border-color: #ff7570;
}
.ud__button--filled-danger:focus-visible {
  color: #fff;
  background: #ff7570;
  border-color: #ff7570;
  --hack-merge-rules: true;
}
.ud__button--filled-danger:active {
  color: #fff;
  background: #e22e28;
  border-color: #e22e28;
}
.ud__button--filled-danger-loading,
.ud__button--filled-danger-loading:active,
.ud__button--filled-danger-loading[aria-expanded] {
  color: #fff;
  background: #f89e9b;
  border-color: #f89e9b;
}
.ud__button--filled-danger-loading:focus-visible {
  color: #fff;
  background: #f89e9b;
  border-color: #f89e9b;
  --hack-merge-rules: true;
}
.ud__button--filled-danger-loading .ud__button__loading-icon {
  color: #fff;
}
.ud__button--filled:disabled,
.ud__button--filled:disabled:active,
.ud__button--filled:disabled:hover,
.ud__button--filled:disabled[aria-expanded],
.ud__button--filled[disabled],
.ud__button--filled[disabled]:active,
.ud__button--filled[disabled]:hover,
.ud__button--filled[disabled][aria-expanded] {
  color: #fff;
  background: #bbbfc4;
  border-color: #bbbfc4;
}
.ud__button--filled:disabled:focus-visible,
.ud__button--filled[disabled]:focus-visible {
  color: #fff;
  background: #bbbfc4;
  border-color: #bbbfc4;
  --hack-merge-rules: true;
}
.ud__button--outlined-default {
  color: #1f2329;
  background: #fff;
  border-color: #d0d3d6;
}
.ud__button--outlined-default:hover,
.ud__button--outlined-default[aria-expanded] {
  color: #1f2329;
  background: #f2f3f5;
  border-color: #d0d3d6;
}
.ud__button--outlined-default:focus-visible {
  color: #1f2329;
  background: #f2f3f5;
  border-color: #d0d3d6;
  --hack-merge-rules: true;
}
.ud__button--outlined-default:active {
  color: #1f2329;
  background: #dee0e3;
  border-color: #d0d3d6;
}
.ud__button--outlined-default-loading,
.ud__button--outlined-default-loading:active,
.ud__button--outlined-default-loading[aria-expanded] {
  color: #8f959e;
  background: #fff;
  border-color: #d0d3d6;
}
.ud__button--outlined-default-loading:focus-visible {
  color: #8f959e;
  background: #fff;
  border-color: #d0d3d6;
  --hack-merge-rules: true;
}
.ud__button--outlined-default-loading .ud__button__loading-icon {
  color: #1456f0;
}
.ud__button--outlined-primary {
  color: #1456f0;
  background: #fff;
  border-color: #1456f0;
}
.ud__button--outlined-primary:hover,
.ud__button--outlined-primary[aria-expanded] {
  color: #1456f0;
  background: #e0e9ff;
  border-color: #1456f0;
}
.ud__button--outlined-primary:focus-visible {
  color: #1456f0;
  background: #e0e9ff;
  border-color: #1456f0;
  --hack-merge-rules: true;
}
.ud__button--outlined-primary:active {
  color: #1456f0;
  background: #c2d4ff;
  border-color: #1456f0;
}
.ud__button--outlined-primary-loading,
.ud__button--outlined-primary-loading:active,
.ud__button--outlined-primary-loading[aria-expanded] {
  color: #94b4ff;
  background: #fff;
  border-color: #94b4ff;
}
.ud__button--outlined-primary-loading:focus-visible {
  color: #94b4ff;
  background: #fff;
  border-color: #94b4ff;
  --hack-merge-rules: true;
}
.ud__button--outlined-primary-loading .ud__button__loading-icon {
  color: #1456f0;
}
.ud__button--outlined-danger {
  color: #f54a45;
  background: #fff;
  border-color: #f54a45;
}
.ud__button--outlined-danger:hover,
.ud__button--outlined-danger[aria-expanded] {
  color: #f54a45;
  background: #fee3e2;
  border-color: #f54a45;
}
.ud__button--outlined-danger:focus-visible {
  color: #f54a45;
  background: #fee3e2;
  border-color: #f54a45;
  --hack-merge-rules: true;
}
.ud__button--outlined-danger:active {
  color: #f54a45;
  background: #fdc6c4;
  border-color: #f54a45;
}
.ud__button--outlined-danger-loading,
.ud__button--outlined-danger-loading:active,
.ud__button--outlined-danger-loading[aria-expanded] {
  color: #f89e9b;
  background: #fff;
  border-color: #f89e9b;
}
.ud__button--outlined-danger-loading:focus-visible {
  color: #f89e9b;
  background: #fff;
  border-color: #f89e9b;
  --hack-merge-rules: true;
}
.ud__button--outlined-danger-loading .ud__button__loading-icon {
  color: #f54a45;
}
.ud__button--outlined:disabled,
.ud__button--outlined:disabled:active,
.ud__button--outlined:disabled:hover,
.ud__button--outlined:disabled[aria-expanded],
.ud__button--outlined[disabled],
.ud__button--outlined[disabled]:active,
.ud__button--outlined[disabled]:hover,
.ud__button--outlined[disabled][aria-expanded] {
  color: #bbbfc4;
  background: #fff;
  border-color: #d0d3d6;
}
.ud__button--outlined:disabled:focus-visible,
.ud__button--outlined[disabled]:focus-visible {
  color: #bbbfc4;
  background: #fff;
  border-color: #d0d3d6;
  --hack-merge-rules: true;
}
.ud__button--text-default {
  color: #1f2329;
}
.ud__button--text-default-selected,
.ud__button--text-default:hover,
.ud__button--text-default[aria-expanded] {
  color: #1f2329;
  background: #1f23291a;
}
.ud__button--text-default:focus-visible {
  color: #1f2329;
  background: #1f23291a;
  --hack-merge-rules: true;
}
.ud__button--text-default:active {
  color: #1f2329;
  background: #1f232933;
}
.ud__button--text-default-loading,
.ud__button--text-default-loading:active,
.ud__button--text-default-loading[aria-expanded] {
  color: #8f959e;
}
.ud__button--text-default-loading:focus-visible {
  color: #8f959e;
  --hack-merge-rules: true;
}
.ud__button--text-default-loading .ud__button__loading-icon {
  color: #1456f0;
}
.ud__button--text-primary {
  color: #1456f0;
}
.ud__button--text-primary-selected,
.ud__button--text-primary:hover,
.ud__button--text-primary[aria-expanded] {
  color: #1456f0;
  background: #1456f01a;
}
.ud__button--text-primary:focus-visible {
  color: #1456f0;
  background: #1456f01a;
  --hack-merge-rules: true;
}
.ud__button--text-primary:active {
  color: #1456f0;
  background: #1456f033;
}
.ud__button--text-primary-loading,
.ud__button--text-primary-loading:active,
.ud__button--text-primary-loading[aria-expanded] {
  color: #94b4ff;
}
.ud__button--text-primary-loading:focus-visible {
  color: #94b4ff;
  --hack-merge-rules: true;
}
.ud__button--text-primary-loading .ud__button__loading-icon {
  color: #1456f0;
}
.ud__button--text-danger {
  color: #f54a45;
}
.ud__button--text-danger-selected,
.ud__button--text-danger:hover,
.ud__button--text-danger[aria-expanded] {
  color: #f54a45;
  background: #e22e281a;
}
.ud__button--text-danger:focus-visible {
  color: #f54a45;
  background: #e22e281a;
  --hack-merge-rules: true;
}
.ud__button--text-danger:active {
  color: #f54a45;
  background: #e22e2833;
}
.ud__button--text-danger-loading,
.ud__button--text-danger-loading:active,
.ud__button--text-danger-loading[aria-expanded] {
  color: #f89e9b;
}
.ud__button--text-danger-loading:focus-visible {
  color: #f89e9b;
  --hack-merge-rules: true;
}
.ud__button--text-danger-loading .ud__button__loading-icon {
  color: #f54a45;
}
.ud__button--text:disabled,
.ud__button--text:disabled:active,
.ud__button--text:disabled:hover,
.ud__button--text:disabled[aria-expanded],
.ud__button--text[disabled],
.ud__button--text[disabled]:active,
.ud__button--text[disabled]:hover,
.ud__button--text[disabled][aria-expanded] {
  color: #bbbfc4;
}
.ud__button--text:disabled:focus-visible,
.ud__button--text[disabled]:focus-visible {
  color: #bbbfc4;
  --hack-merge-rules: true;
}
.ud__button--text-secondary-default {
  color: #1f2329;
}
.ud__button--text-secondary-default-selected,
.ud__button--text-secondary-default:hover,
.ud__button--text-secondary-default[aria-expanded] {
  color: #1456f0;
}
.ud__button--text-secondary-default:focus-visible {
  color: #1456f0;
  --hack-merge-rules: true;
}
.ud__button--text-secondary-default:active {
  color: #0442d2;
}
.ud__button--text-secondary-default-loading,
.ud__button--text-secondary-default-loading:active,
.ud__button--text-secondary-default-loading[aria-expanded] {
  color: #1456f0;
}
.ud__button--text-secondary-default-loading:focus-visible {
  color: #1456f0;
  --hack-merge-rules: true;
}
.ud__button--text-secondary-default-loading .ud__button__loading-icon {
  color: #1456f0;
}
.ud__button--text-secondary-primary {
  color: #1f2329;
}
.ud__button--text-secondary-primary-selected,
.ud__button--text-secondary-primary:hover,
.ud__button--text-secondary-primary[aria-expanded] {
  color: #1456f0;
}
.ud__button--text-secondary-primary:focus-visible {
  color: #1456f0;
  --hack-merge-rules: true;
}
.ud__button--text-secondary-primary:active {
  color: #0442d2;
}
.ud__button--text-secondary-primary-loading,
.ud__button--text-secondary-primary-loading:active,
.ud__button--text-secondary-primary-loading[aria-expanded] {
  color: #1456f0;
}
.ud__button--text-secondary-primary-loading:focus-visible {
  color: #1456f0;
  --hack-merge-rules: true;
}
.ud__button--text-secondary-primary-loading .ud__button__loading-icon {
  color: #1456f0;
}
.ud__button--text-secondary-danger {
  color: #1f2329;
}
.ud__button--text-secondary-danger-selected,
.ud__button--text-secondary-danger:hover,
.ud__button--text-secondary-danger[aria-expanded] {
  color: #f54a45;
}
.ud__button--text-secondary-danger:focus-visible {
  color: #f54a45;
  --hack-merge-rules: true;
}
.ud__button--text-secondary-danger:active {
  color: #e22e28;
}
.ud__button--text-secondary-danger-loading,
.ud__button--text-secondary-danger-loading:active,
.ud__button--text-secondary-danger-loading[aria-expanded] {
  color: #1456f0;
}
.ud__button--text-secondary-danger-loading:focus-visible {
  color: #1456f0;
  --hack-merge-rules: true;
}
.ud__button--text-secondary-danger-loading .ud__button__loading-icon {
  color: #f54a45;
}
.ud__button--text-secondary:disabled,
.ud__button--text-secondary:disabled:active,
.ud__button--text-secondary:disabled:hover,
.ud__button--text-secondary:disabled[aria-expanded],
.ud__button--text-secondary[disabled],
.ud__button--text-secondary[disabled]:active,
.ud__button--text-secondary[disabled]:hover,
.ud__button--text-secondary[disabled][aria-expanded] {
  color: #bbbfc4;
}
.ud__button--text-secondary:disabled:focus-visible,
.ud__button--text-secondary[disabled]:focus-visible {
  color: #bbbfc4;
  --hack-merge-rules: true;
}
.ud__button--link-default {
  color: #1456f0;
}
.ud__button--link-default-selected,
.ud__button--link-default:hover,
.ud__button--link-default[aria-expanded] {
  color: #336df4;
}
.ud__button--link-default:focus-visible {
  color: #336df4;
  --hack-merge-rules: true;
}
.ud__button--link-default:active {
  color: #0442d2;
}
.ud__button--link-default-loading,
.ud__button--link-default-loading:active,
.ud__button--link-default-loading[aria-expanded] {
  color: #94b4ff;
}
.ud__button--link-default-loading:focus-visible {
  color: #94b4ff;
  --hack-merge-rules: true;
}
.ud__button--link-default-loading .ud__button__loading-icon {
  color: #1456f0;
}
.ud__button--link-primary {
  color: #1456f0;
}
.ud__button--link-primary-selected,
.ud__button--link-primary:hover,
.ud__button--link-primary[aria-expanded] {
  color: #336df4;
}
.ud__button--link-primary:focus-visible {
  color: #336df4;
  --hack-merge-rules: true;
}
.ud__button--link-primary:active {
  color: #0442d2;
}
.ud__button--link-primary-loading,
.ud__button--link-primary-loading:active,
.ud__button--link-primary-loading[aria-expanded] {
  color: #94b4ff;
}
.ud__button--link-primary-loading:focus-visible {
  color: #94b4ff;
  --hack-merge-rules: true;
}
.ud__button--link-primary-loading .ud__button__loading-icon {
  color: #1456f0;
}
.ud__button--link-danger,
.ud__button--link-danger-selected,
.ud__button--link-danger:hover,
.ud__button--link-danger[aria-expanded] {
  color: #f54a45;
}
.ud__button--link-danger:focus-visible {
  color: #f54a45;
  --hack-merge-rules: true;
}
.ud__button--link-danger:active {
  color: #e22e28;
}
.ud__button--link-danger-loading,
.ud__button--link-danger-loading:active,
.ud__button--link-danger-loading[aria-expanded] {
  color: #f89e9b;
}
.ud__button--link-danger-loading:focus-visible {
  color: #f89e9b;
  --hack-merge-rules: true;
}
.ud__button--link-danger-loading .ud__button__loading-icon {
  color: #f54a45;
}
.ud__button--link:disabled,
.ud__button--link:disabled:active,
.ud__button--link:disabled:hover,
.ud__button--link:disabled[aria-expanded],
.ud__button--link[disabled],
.ud__button--link[disabled]:active,
.ud__button--link[disabled]:hover,
.ud__button--link[disabled][aria-expanded] {
  color: #bbbfc4;
}
.ud__button--link:disabled:focus-visible,
.ud__button--link[disabled]:focus-visible {
  color: #bbbfc4;
  --hack-merge-rules: true;
}
.ud__button--icon-default {
  color: #2b2f36;
}
.ud__button--icon-default-selected,
.ud__button--icon-default:hover,
.ud__button--icon-default[aria-expanded] {
  color: #2b2f36;
  background: #1f23291a;
}
.ud__button--icon-default:focus-visible {
  color: #2b2f36;
  background: #1f23291a;
  --hack-merge-rules: true;
}
.ud__button--icon-default:active {
  color: #2b2f36;
  background: #1f232933;
}
.ud__button--icon-default-loading,
.ud__button--icon-default-loading:active,
.ud__button--icon-default-loading[aria-expanded] {
  color: #8f959e;
}
.ud__button--icon-default-loading:focus-visible {
  color: #8f959e;
  --hack-merge-rules: true;
}
.ud__button--icon-default-loading .ud__button__loading-icon {
  color: #1456f0;
}
.ud__button--icon-default-selected:hover {
  background-color: #1f232933;
}
.ud__button--icon-primary {
  color: #1456f0;
}
.ud__button--icon-primary-selected,
.ud__button--icon-primary:hover,
.ud__button--icon-primary[aria-expanded] {
  color: #1456f0;
  background: #1456f01a;
}
.ud__button--icon-primary:focus-visible {
  color: #1456f0;
  background: #1456f01a;
  --hack-merge-rules: true;
}
.ud__button--icon-primary:active {
  color: #1456f0;
  background: #1456f033;
}
.ud__button--icon-primary-loading,
.ud__button--icon-primary-loading:active,
.ud__button--icon-primary-loading[aria-expanded] {
  color: #94b4ff;
}
.ud__button--icon-primary-loading:focus-visible {
  color: #94b4ff;
  --hack-merge-rules: true;
}
.ud__button--icon-primary-loading .ud__button__loading-icon {
  color: #1456f0;
}
.ud__button--icon-primary-selected:hover {
  background-color: #1456f033;
}
.ud__button--icon-danger {
  color: #f54a45;
}
.ud__button--icon-danger-selected,
.ud__button--icon-danger:hover,
.ud__button--icon-danger[aria-expanded] {
  color: #f54a45;
  background: #e22e281a;
}
.ud__button--icon-danger:focus-visible {
  color: #f54a45;
  background: #e22e281a;
  --hack-merge-rules: true;
}
.ud__button--icon-danger:active {
  color: #f54a45;
  background: #e22e2833;
}
.ud__button--icon-danger-loading,
.ud__button--icon-danger-loading:active,
.ud__button--icon-danger-loading[aria-expanded] {
  color: #f89e9b;
}
.ud__button--icon-danger-loading:focus-visible {
  color: #f89e9b;
  --hack-merge-rules: true;
}
.ud__button--icon-danger-loading .ud__button__loading-icon {
  color: #f54a45;
}
.ud__button--icon-danger-selected:hover {
  background-color: #e22e2833;
}
.ud__button--icon:disabled,
.ud__button--icon:disabled:active,
.ud__button--icon:disabled:hover,
.ud__button--icon:disabled[aria-expanded],
.ud__button--icon[disabled],
.ud__button--icon[disabled]:active,
.ud__button--icon[disabled]:hover,
.ud__button--icon[disabled][aria-expanded] {
  color: #bbbfc4;
}
.ud__button--icon:disabled:focus-visible,
.ud__button--icon[disabled]:focus-visible {
  color: #bbbfc4;
  --hack-merge-rules: true;
}
.ud__notice.ud__notice-success .ud__notice__statusIcon {
  color: #32a645;
}
.ud__notice.ud__notice-info .ud__notice__statusIcon {
  color: #1456f0;
}
.ud__notice.ud__notice-warning .ud__notice__statusIcon {
  color: #ff811a;
}
.ud__notice.ud__notice-error .ud__notice__statusIcon {
  color: #f54a45;
}
.ud__notice.ud__notice--outlined {
  padding: 15px 3px 15px 19px;
  border: 1px solid transparent;
}
.ud__notice.ud__notice--outlined.ud__notice-info {
  background-color: #f0f4ff;
  border-color: #1456f0;
}
.ud__notice.ud__notice--outlined.ud__notice-info
  .ud__notice--ellipsis
  .ud__notice__description-content:after {
  background-color: #f0f4ff;
}
.ud__notice.ud__notice--outlined.ud__notice-success {
  background-color: #e4fae1;
  border-color: #32a645;
}
.ud__notice.ud__notice--outlined.ud__notice-success
  .ud__notice--ellipsis
  .ud__notice__description-content:after {
  background-color: #e4fae1;
}
.ud__notice.ud__notice--outlined.ud__notice-warning {
  background-color: #fff3e5;
  border-color: #ed6d0c;
}
.ud__notice.ud__notice--outlined.ud__notice-warning
  .ud__notice--ellipsis
  .ud__notice__description-content:after {
  background-color: #fff3e5;
}
.ud__notice.ud__notice--outlined.ud__notice-error {
  background-color: #fef0f0;
  border-color: #f54a45;
}
.ud__notice.ud__notice--outlined.ud__notice-error
  .ud__notice--ellipsis
  .ud__notice__description-content:after {
  background-color: #fef0f0;
}
.ud__notice.ud__notice--plain {
  padding: 15px 3px 15px 19px;
  border: 1px solid transparent;
  box-shadow: 0 4px 8px #1f23291a;
  background-color: #fff;
}
.ud__notice.ud__notice--plain.ud__notice-error
  .ud__notice--ellipsis
  .ud__notice__description-content:after,
.ud__notice.ud__notice--plain.ud__notice-info
  .ud__notice--ellipsis
  .ud__notice__description-content:after,
.ud__notice.ud__notice--plain.ud__notice-success
  .ud__notice--ellipsis
  .ud__notice__description-content:after,
.ud__notice.ud__notice--plain.ud__notice-warning
  .ud__notice--ellipsis
  .ud__notice__description-content:after {
  background-color: #fff;
}
.ud__notice.ud__notice--filled {
  padding: 9px 0 9px 16px;
}
.ud__notice.ud__notice--filled.ud__notice-success {
  background-color: #e4fae1;
}
.ud__notice.ud__notice--filled.ud__notice-info,
.ud__notice.ud__notice--filled.ud__notice-info
  .ud__notice--ellipsis
  .ud__notice__description-content:after,
.ud__notice.ud__notice--filled.ud__notice-success
  .ud__notice--ellipsis
  .ud__notice__description-content:after {
  background-color: #f0f4ff;
}
.ud__notice.ud__notice--filled.ud__notice-warning,
.ud__notice.ud__notice--filled.ud__notice-warning
  .ud__notice--ellipsis
  .ud__notice__description-content:after {
  background-color: #fff3e5;
}
.ud__notice.ud__notice--filled.ud__notice-error,
.ud__notice.ud__notice--filled.ud__notice-error
  .ud__notice--ellipsis
  .ud__notice__description-content:after {
  background-color: #fef0f0;
}
.ud__notice {
  overflow: hidden;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #1f2329;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  overflow-wrap: anywhere;
  border-radius: 6px;
  display: flex;
  align-items: center;
  text-align: left;
  pointer-events: auto;
}
.ud__notice .ud__notice__main {
  margin-right: -16px;
}
.ud__notice .ud__notice--multiline .ud__notice__description-action {
  width: 100%;
  margin-top: 4px;
}
.ud__notice .ud__notice--ellipsis .ud__notice__description-content {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.ud__notice .ud__notice--ellipsis .ud__notice__description-content:after {
  content: "...";
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 5px;
  background-color: #fff;
}
.ud__notice .ud__notice__statusIcon {
  box-sizing: border-box;
  line-height: 0;
  font-size: 16px;
  display: inline-block;
  margin-right: 8px;
  margin-top: 3px;
  align-self: baseline;
  flex-shrink: 0;
}
.ud__notice .ud__notice__main {
  box-sizing: border-box;
  flex-grow: 1;
  display: flex;
  flex-flow: column;
}
.ud__notice .ud__notice__main.ud__notice__main--no-title {
  flex-flow: row;
  align-items: flex-start;
}
.ud__notice .ud__notice__main.ud__notice__main--no-title .ud__button--content {
  margin-top: 0;
}
.ud__notice .ud__notice__title {
  box-sizing: border-box;
  text-align: left;
  white-space: normal;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
  align-items: flex-start;
  padding-right: 32px;
}
.ud__notice.ud__notice-banner {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
.ud__notice.ud__notice-align-center {
  justify-content: center;
  position: relative;
  padding-left: 32px;
  padding-right: 32px;
}
.ud__notice.ud__notice-align-center .ud__notice__main {
  flex-grow: 0;
}
.ud__notice.ud__notice-align-center .ud__notice__description-content {
  margin-right: 0;
}
.ud__notice.ud__notice-align-center .ud__notice__close {
  position: absolute;
  right: 16px;
}
.ud__notice .ud__notice__close {
  flex: none;
  color: #646a73;
  margin: 0 32px 0 -20px;
}
.ud__notice .ud__notice__close.ud__button--icon {
  margin: -1px 28px -1px -20px;
}
.ud__notice .ud__notice__description {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  margin-bottom: -4px;
}
.ud__notice .ud__notice__description .ud__notice__description-content {
  box-sizing: border-box;
  flex-grow: 1;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 4px;
  padding-right: 32px;
}
.ud__notice .ud__notice__description .ud__notice__description-action {
  padding-right: 32px;
  margin-bottom: 4px;
}
.ud__notice.ud__notice-align-center .ud__notice__close,
.ud__notice.ud__notice-has-title .ud__notice__close {
  margin: 0 0 0 16px;
}
.ud__notice.ud__notice-align-center .ud__notice__close.ud__button--icon,
.ud__notice.ud__notice-has-title .ud__notice__close.ud__button--icon {
  margin: -1px -4px -1px 12px;
}
.ud__notice.ud__notice-align-center .ud__notice__description-action,
.ud__notice.ud__notice-align-center .ud__notice__description-content {
  padding-right: 16px;
}
.ud__notice
  .ud__notice-align-center.ud__notice-closable
  .ud__notice__description-action,
.ud__notice
  .ud__notice-align-center.ud__notice-has-action
  .ud__notice__description-content {
  padding-right: 32px;
}
.uf9s3yw {
  margin-left: 8px;
}
.u132xexn {
  max-width: 240px;
}
.u1sbtcvk {
  padding-top: 5px;
}
.u11qrl6u {
  padding-right: 12px;
}
.udghr9 {
  padding-bottom: 5px;
}
.ujlbh76 {
  padding-left: 12px;
}
.u1sl3k7w {
  padding-top: 1px;
}
.u1brlhvm {
  padding-bottom: 1px;
}
.uq1loh5 {
  padding-top: 2px;
}
.uutqtb8 {
  padding-bottom: 2px;
}
.u177v4lu {
  padding-left: 8px;
}
.uns1q8e {
  color: #8f959e;
}
.ud__radio {
  box-sizing: border-box;
  position: relative;
}
.ud__radio:after {
  display: inline-block;
  visibility: hidden;
  content: "\a0";
  width: 16px;
}
.ud__radio__wrapper {
  box-sizing: border-box;
  padding: 0;
  position: relative;
  display: inline-flex;
  align-items: baseline;
  cursor: pointer;
}
.ud__radio__wrapper--disable {
  cursor: not-allowed;
}
.ud__radio__input {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 16px;
  font-size: inherit;
  line-height: inherit;
  opacity: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.ud__radio__input:disabled {
  cursor: not-allowed;
}
.ud__radio__wallpaper {
  display: block;
  position: absolute;
  box-sizing: border-box;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 16px;
  background-color: #fff;
  border: 1px solid #8f959e;
  border-radius: 999999px;
  transition:
    background 0.2s cubic-bezier(0.34, 0.69, 0.1, 1),
    border 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__radio__input:hover ~ .ud__radio__wallpaper {
  border-color: #1456f0;
}
.ud__radio__input:active ~ .ud__radio__wallpaper {
  border-color: #0442d2;
}
.ud__radio__input:focus-visible ~ .ud__radio__wallpaper {
  border-color: #1456f0;
}
.ud__radio__input:checked ~ .ud__radio__wallpaper {
  border-color: transparent;
  background: #1456f0;
}
.ud__radio__input:checked:hover ~ .ud__radio__wallpaper {
  background: #336df4;
}
.ud__radio__input:checked:active ~ .ud__radio__wallpaper {
  background: #0442d2;
}
.ud__radio__input:checked:focus-visible ~ .ud__radio__wallpaper {
  background: #336df4;
}
.ud__radio--error .ud__radio__input:active ~ .ud__radio__wallpaper,
.ud__radio--error .ud__radio__input:hover ~ .ud__radio__wallpaper,
.ud__radio--error .ud__radio__wallpaper {
  border-color: #f54a45;
}
.ud__radio--error .ud__radio__input:focus-visible ~ .ud__radio__wallpaper {
  border-color: #f54a45;
}
.ud__radio--error .ud__radio__input:disabled ~ .ud__radio__wallpaper,
.ud__radio__input:disabled ~ .ud__radio__wallpaper {
  border-color: #bbbfc4;
  background-color: #eff0f1;
}
.ud__radio__input:checked:disabled ~ .ud__radio__wallpaper {
  background: #bbbfc4;
}
.ud__radio__checked-ink {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  border-radius: 999999px;
  background: #fff;
  opacity: 0;
  transition: 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__radio__input:checked ~ .ud__radio__checked-ink {
  opacity: 1;
}
.ud__radio__input:disabled ~ .ud__radio__checked-ink {
  background-color: #eff0f1;
}
.ud__radio__label-content {
  color: #1f2329;
}
.ud__radio__label-content-disabled {
  color: #bbbfc4;
}
.ud__radio-button__wrapper {
  box-sizing: border-box;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  align-items: center;
  cursor: pointer;
}
.ud__radio-button__input,
.ud__radio-button__wallpaper {
  box-sizing: border-box;
  display: none;
}
.ud__radio-button__click-layer {
  inset: 0;
  position: absolute;
  cursor: pointer;
}
.ud__radio-group {
  display: inline-flex;
  box-sizing: border-box;
  column-gap: 24px;
  row-gap: 8px;
  flex-wrap: wrap;
}
.ud__radio-group-button {
  padding: 3px;
  border-radius: 6px;
  border: 1px solid #dee0e3;
  column-gap: 4px;
  row-gap: 4px;
}
.ud__radio-group--direction-vertical {
  flex-direction: column;
}
.ud__radio-group--mode-solid .ud__radio-button__wrapper {
  color: #1f2329;
  background: 0 0;
  border-radius: 4px;
}
.ud__radio-group--mode-solid .ud__radio-button__wrapper:hover {
  color: #1f2329;
  background: #1f232914;
  border-color: transparent;
}
.ud__radio-group--mode-solid .ud__radio-button__wrapper:active {
  color: #1f2329;
  background: #1f23291f;
  border-color: transparent;
}
.ud__radio-group--mode-solid .ud__radio-button__wrapper--disable,
.ud__radio-group--mode-solid .ud__radio-button__wrapper--disable:active,
.ud__radio-group--mode-solid .ud__radio-button__wrapper--disable:hover {
  color: #bbbfc4;
  background: unset;
  border-color: #bbbfc4;
  cursor: not-allowed;
}
.ud__radio-group--mode-solid .ud__radio-button__wrapper--checked {
  color: #1456f0;
  background: #1456f01a;
  border-color: transparent;
}
.ud__radio-group--mode-solid .ud__radio-button__wrapper--checked:hover {
  color: #1456f0;
  background: #1456f033;
  border-color: transparent;
}
.ud__radio-group--mode-solid
  .ud__radio-button__wrapper--checked.ud__radio-button__wrapper--disable {
  color: #8f959e;
  background: #dee0e3;
  border-color: #bbbfc4;
}
.uk73vx1 {
  opacity: 0;
}
.u5p0z4x {
  opacity: 1;
}
.u2gz7yw:after {
  display: block;
}
.u1mdlcz9:after {
  position: absolute;
}
.u7na3ze:after {
  width: 24px;
}
.u1shord1:after {
  height: 24px;
}
.u13zj6fq:after {
  content: "";
}
.u9eqz9b:after {
  top: calc(50% - 12px);
}
.ua2bdqt:after {
  left: -2px;
}
.u161knb0 {
  padding-left: 2px;
}
.u1n0apg3 {
  font-size: 8px;
}
.u1hzsgrp {
  margin-left: 2px;
}
.u1hkdmbb:hover {
  opacity: 0.5;
}
.uc5e8lb:pressed {
  opacity: 0.5;
}
.u1hfsmdc {
  opacity: 0.6;
}
.u15pjodv:hover {
  opacity: 1;
}
.u9zk3pm:pressed {
  opacity: 1;
}
.ujf1xye {
  margin-left: 4px;
}
.udayyex {
  opacity: 0.5;
}
.u1q9cn9r {
  padding-right: 10.666666666666666px;
}
.u101vrxs {
  padding-right: 6.666666666666667px;
}
.u1a5o2fe {
  padding-right: 5.333333333333333px;
}
.uq4mcun {
  width: 24px;
}
.ujw5fx7 {
  width: 16px;
}
.u4d9j23 {
  justify-content: center;
}
.urvgh55 {
  height: 24px;
}
.ujamq6b {
  height: 20px;
}
.u1sgzk6v {
  padding-right: 6px;
}
.u1bg5zqg {
  padding-left: 6px;
}
.ud461yt {
  height: 16px;
}
.u1g0x7ka {
  padding-top: 0;
}
.u8wuabp {
  padding-right: 4px;
}
.u1qch9an {
  padding-bottom: 0;
}
.uycuoez {
  padding-left: 4px;
}
.u113hnb5 {
  cursor: text;
}
.utuwxu6 {
  display: inline-flex;
}
.u122n59 {
  align-items: center;
}
.u7o03ib {
  transition-property: all;
}
.u15l5c9n {
  transition-duration: 0.2s;
}
.u6dzj5z {
  max-width: 100%;
}
.ud__tag-other-color {
  border-color: transparent;
  color: #fff;
}
.ud__tag-neutral {
  background-color: #1f23291a;
  color: #646a73;
}
.ud__tag-neutral > .ud__tag__close-icon,
.ud__tag-neutral > .ud__tag__close-icon:active,
.ud__tag-neutral > .ud__tag__close-icon:hover,
.ud__tag-neutral > .ud__tag__status-icon:not(.ud__avatar) {
  color: #646a73;
}
.ud__tag-neutral-solid {
  background-color: #eff0f1;
  color: #646a73;
}
.ud__tag-neutral-solid > .ud__tag__close-icon,
.ud__tag-neutral-solid > .ud__tag__close-icon:active,
.ud__tag-neutral-solid > .ud__tag__close-icon:hover,
.ud__tag-neutral-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: #646a73;
}
.ud__tag-neutral-ghost {
  background-color: #8f959e;
  color: #fff;
}
.ud__tag-neutral-ghost > .ud__tag__close-icon,
.ud__tag-neutral-ghost > .ud__tag__close-icon:active,
.ud__tag-neutral-ghost > .ud__tag__close-icon:hover,
.ud__tag-neutral-ghost > .ud__tag__status-icon:not(.ud__avatar) {
  color: #fff;
}
.ud__tag-neutral-ghost-transparent {
  background-color: #1f232966;
  color: #fff;
}
.ud__tag-neutral-ghost-transparent > .ud__tag__close-icon,
.ud__tag-neutral-ghost-transparent > .ud__tag__close-icon:active,
.ud__tag-neutral-ghost-transparent > .ud__tag__close-icon:hover,
.ud__tag-neutral-ghost-transparent > .ud__tag__status-icon:not(.ud__avatar) {
  color: #fff;
}
.ud__tag-neutral-option {
  background-color: #1f23291a;
  color: #1f2329;
}
.ud__tag-neutral-option > .ud__tag__close-icon,
.ud__tag-neutral-option > .ud__tag__close-icon:active,
.ud__tag-neutral-option > .ud__tag__close-icon:hover,
.ud__tag-neutral-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: #1f2329;
}
.ud__tag-blue {
  background-color: #1456f033;
  color: #1456f0;
}
.ud__tag-blue > .ud__tag__close-icon,
.ud__tag-blue > .ud__tag__close-icon:active,
.ud__tag-blue > .ud__tag__close-icon:hover,
.ud__tag-blue > .ud__tag__status-icon:not(.ud__avatar) {
  color: #1456f0;
}
.ud__tag-turquoise {
  background-color: #33d6c033;
  color: #067062;
}
.ud__tag-turquoise > .ud__tag__close-icon,
.ud__tag-turquoise > .ud__tag__close-icon:active,
.ud__tag-turquoise > .ud__tag__close-icon:hover,
.ud__tag-turquoise > .ud__tag__status-icon:not(.ud__avatar) {
  color: #067062;
}
.ud__tag-lime {
  background-color: #91ad0033;
  color: #5c6d08;
}
.ud__tag-lime > .ud__tag__close-icon,
.ud__tag-lime > .ud__tag__close-icon:active,
.ud__tag-lime > .ud__tag__close-icon:hover,
.ud__tag-lime > .ud__tag__status-icon:not(.ud__avatar) {
  color: #5c6d08;
}
.ud__tag-orange {
  background-color: #ff811a26;
  color: #c25705;
}
.ud__tag-orange > .ud__tag__close-icon,
.ud__tag-orange > .ud__tag__close-icon:active,
.ud__tag-orange > .ud__tag__close-icon:hover,
.ud__tag-orange > .ud__tag__status-icon:not(.ud__avatar) {
  color: #c25705;
}
.ud__tag-violet {
  background-color: #bf3dbf33;
  color: #a630a6;
}
.ud__tag-violet > .ud__tag__close-icon,
.ud__tag-violet > .ud__tag__close-icon:active,
.ud__tag-violet > .ud__tag__close-icon:hover,
.ud__tag-violet > .ud__tag__status-icon:not(.ud__avatar) {
  color: #a630a6;
}
.ud__tag-indigo {
  background-color: #5b65f533;
  color: #4752e6;
}
.ud__tag-indigo > .ud__tag__close-icon,
.ud__tag-indigo > .ud__tag__close-icon:active,
.ud__tag-indigo > .ud__tag__close-icon:hover,
.ud__tag-indigo > .ud__tag__status-icon:not(.ud__avatar) {
  color: #4752e6;
}
.ud__tag-wathet {
  background-color: #3ec3f733;
  color: #076a94;
}
.ud__tag-wathet > .ud__tag__close-icon,
.ud__tag-wathet > .ud__tag__close-icon:active,
.ud__tag-wathet > .ud__tag__close-icon:hover,
.ud__tag-wathet > .ud__tag__status-icon:not(.ud__avatar) {
  color: #076a94;
}
.ud__tag-green {
  background-color: #35bd4b33;
  color: #1a7526;
}
.ud__tag-green > .ud__tag__close-icon,
.ud__tag-green > .ud__tag__close-icon:active,
.ud__tag-green > .ud__tag__close-icon:hover,
.ud__tag-green > .ud__tag__status-icon:not(.ud__avatar) {
  color: #1a7526;
}
.ud__tag-yellow {
  background-color: #fad35533;
  color: #ad7a03;
}
.ud__tag-yellow > .ud__tag__close-icon,
.ud__tag-yellow > .ud__tag__close-icon:active,
.ud__tag-yellow > .ud__tag__close-icon:hover,
.ud__tag-yellow > .ud__tag__status-icon:not(.ud__avatar) {
  color: #ad7a03;
}
.ud__tag-red {
  background-color: #f54a4533;
  color: #c02a26;
}
.ud__tag-red > .ud__tag__close-icon,
.ud__tag-red > .ud__tag__close-icon:active,
.ud__tag-red > .ud__tag__close-icon:hover,
.ud__tag-red > .ud__tag__status-icon:not(.ud__avatar) {
  color: #c02a26;
}
.ud__tag-purple {
  background-color: #8d55ed33;
  color: #7a35f0;
}
.ud__tag-purple > .ud__tag__close-icon,
.ud__tag-purple > .ud__tag__close-icon:active,
.ud__tag-purple > .ud__tag__close-icon:hover,
.ud__tag-purple > .ud__tag__status-icon:not(.ud__avatar) {
  color: #7a35f0;
}
.ud__tag-carmine {
  background-color: #cc398c33;
  color: #b82879;
}
.ud__tag-carmine > .ud__tag__close-icon,
.ud__tag-carmine > .ud__tag__close-icon:active,
.ud__tag-carmine > .ud__tag__close-icon:hover,
.ud__tag-carmine > .ud__tag__status-icon:not(.ud__avatar) {
  color: #b82879;
}
.ud__tag-blue-solid {
  background-color: #c2d4ff;
  color: #1456f0;
}
.ud__tag-blue-solid > .ud__tag__close-icon,
.ud__tag-blue-solid > .ud__tag__close-icon:active,
.ud__tag-blue-solid > .ud__tag__close-icon:hover,
.ud__tag-blue-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: #1456f0;
}
.ud__tag-turquoise-solid {
  background-color: #6fe8d8;
  color: #067062;
}
.ud__tag-turquoise-solid > .ud__tag__close-icon,
.ud__tag-turquoise-solid > .ud__tag__close-icon:active,
.ud__tag-turquoise-solid > .ud__tag__close-icon:hover,
.ud__tag-turquoise-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: #067062;
}
.ud__tag-lime-solid {
  background-color: #c8dd5f;
  color: #5c6d08;
}
.ud__tag-lime-solid > .ud__tag__close-icon,
.ud__tag-lime-solid > .ud__tag__close-icon:active,
.ud__tag-lime-solid > .ud__tag__close-icon:hover,
.ud__tag-lime-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: #5c6d08;
}
.ud__tag-orange-solid {
  background-color: #fec48b;
  color: #c25705;
}
.ud__tag-orange-solid > .ud__tag__close-icon,
.ud__tag-orange-solid > .ud__tag__close-icon:active,
.ud__tag-orange-solid > .ud__tag__close-icon:hover,
.ud__tag-orange-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: #c25705;
}
.ud__tag-violet-solid {
  background-color: #f3c4f3;
  color: #a630a6;
}
.ud__tag-violet-solid > .ud__tag__close-icon,
.ud__tag-violet-solid > .ud__tag__close-icon:active,
.ud__tag-violet-solid > .ud__tag__close-icon:hover,
.ud__tag-violet-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: #a630a6;
}
.ud__tag-indigo-solid {
  background-color: #cccff9;
  color: #4752e6;
}
.ud__tag-indigo-solid > .ud__tag__close-icon,
.ud__tag-indigo-solid > .ud__tag__close-icon:active,
.ud__tag-indigo-solid > .ud__tag__close-icon:hover,
.ud__tag-indigo-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: #4752e6;
}
.ud__tag-wathet-solid {
  background-color: #97dcfc;
  color: #076a94;
}
.ud__tag-wathet-solid > .ud__tag__close-icon,
.ud__tag-wathet-solid > .ud__tag__close-icon:active,
.ud__tag-wathet-solid > .ud__tag__close-icon:hover,
.ud__tag-wathet-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: #076a94;
}
.ud__tag-green-solid {
  background-color: #95e599;
  color: #1a7526;
}
.ud__tag-green-solid > .ud__tag__close-icon,
.ud__tag-green-solid > .ud__tag__close-icon:active,
.ud__tag-green-solid > .ud__tag__close-icon:hover,
.ud__tag-green-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: #1a7526;
}
.ud__tag-yellow-solid {
  background-color: #fcdf7e;
  color: #ad7a03;
}
.ud__tag-yellow-solid > .ud__tag__close-icon,
.ud__tag-yellow-solid > .ud__tag__close-icon:active,
.ud__tag-yellow-solid > .ud__tag__close-icon:hover,
.ud__tag-yellow-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: #ad7a03;
}
.ud__tag-red-solid {
  background-color: #fdc6c4;
  color: #c02a26;
}
.ud__tag-red-solid > .ud__tag__close-icon,
.ud__tag-red-solid > .ud__tag__close-icon:active,
.ud__tag-red-solid > .ud__tag__close-icon:hover,
.ud__tag-red-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: #c02a26;
}
.ud__tag-purple-solid {
  background-color: #dcc9fd;
  color: #7a35f0;
}
.ud__tag-purple-solid > .ud__tag__close-icon,
.ud__tag-purple-solid > .ud__tag__close-icon:active,
.ud__tag-purple-solid > .ud__tag__close-icon:hover,
.ud__tag-purple-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: #7a35f0;
}
.ud__tag-carmine-solid {
  background-color: #f8c4e1;
  color: #b82879;
}
.ud__tag-carmine-solid > .ud__tag__close-icon,
.ud__tag-carmine-solid > .ud__tag__close-icon:active,
.ud__tag-carmine-solid > .ud__tag__close-icon:hover,
.ud__tag-carmine-solid > .ud__tag__status-icon:not(.ud__avatar) {
  color: #b82879;
}
.ud__tag-blue-option {
  background-color: #1456f033;
  color: #002270;
}
.ud__tag-blue-option > .ud__tag__close-icon,
.ud__tag-blue-option > .ud__tag__close-icon:active,
.ud__tag-blue-option > .ud__tag__close-icon:hover,
.ud__tag-blue-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: #002270;
}
.ud__tag-turquoise-option {
  background-color: #33d6c033;
  color: #02312a;
}
.ud__tag-turquoise-option > .ud__tag__close-icon,
.ud__tag-turquoise-option > .ud__tag__close-icon:active,
.ud__tag-turquoise-option > .ud__tag__close-icon:hover,
.ud__tag-turquoise-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: #02312a;
}
.ud__tag-lime-option {
  background-color: #91ad0033;
  color: #262e00;
}
.ud__tag-lime-option > .ud__tag__close-icon,
.ud__tag-lime-option > .ud__tag__close-icon:active,
.ud__tag-lime-option > .ud__tag__close-icon:hover,
.ud__tag-lime-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: #262e00;
}
.ud__tag-orange-option {
  background-color: #ff811a26;
  color: #3b1a02;
}
.ud__tag-orange-option > .ud__tag__close-icon,
.ud__tag-orange-option > .ud__tag__close-icon:active,
.ud__tag-orange-option > .ud__tag__close-icon:hover,
.ud__tag-orange-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: #3b1a02;
}
.ud__tag-violet-option {
  background-color: #bf3dbf33;
  color: #520052;
}
.ud__tag-violet-option > .ud__tag__close-icon,
.ud__tag-violet-option > .ud__tag__close-icon:active,
.ud__tag-violet-option > .ud__tag__close-icon:hover,
.ud__tag-violet-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: #520052;
}
.ud__tag-indigo-option {
  background-color: #5b65f533;
  color: #151b70;
}
.ud__tag-indigo-option > .ud__tag__close-icon,
.ud__tag-indigo-option > .ud__tag__close-icon:active,
.ud__tag-indigo-option > .ud__tag__close-icon:hover,
.ud__tag-indigo-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: #151b70;
}
.ud__tag-wathet-option {
  background-color: #3ec3f733;
  color: #072b3d;
}
.ud__tag-wathet-option > .ud__tag__close-icon,
.ud__tag-wathet-option > .ud__tag__close-icon:active,
.ud__tag-wathet-option > .ud__tag__close-icon:hover,
.ud__tag-wathet-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: #072b3d;
}
.ud__tag-green-option {
  background-color: #35bd4b33;
  color: #022c07;
}
.ud__tag-green-option > .ud__tag__close-icon,
.ud__tag-green-option > .ud__tag__close-icon:active,
.ud__tag-green-option > .ud__tag__close-icon:hover,
.ud__tag-green-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: #022c07;
}
.ud__tag-yellow-option {
  background-color: #fad35533;
  color: #382201;
}
.ud__tag-yellow-option > .ud__tag__close-icon,
.ud__tag-yellow-option > .ud__tag__close-icon:active,
.ud__tag-yellow-option > .ud__tag__close-icon:hover,
.ud__tag-yellow-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: #382201;
}
.ud__tag-red-option {
  background-color: #f54a4533;
  color: #590603;
}
.ud__tag-red-option > .ud__tag__close-icon,
.ud__tag-red-option > .ud__tag__close-icon:active,
.ud__tag-red-option > .ud__tag__close-icon:hover,
.ud__tag-red-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: #590603;
}
.ud__tag-purple-option {
  background-color: #8d55ed33;
  color: #2f0080;
}
.ud__tag-purple-option > .ud__tag__close-icon,
.ud__tag-purple-option > .ud__tag__close-icon:active,
.ud__tag-purple-option > .ud__tag__close-icon:hover,
.ud__tag-purple-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: #2f0080;
}
.ud__tag-carmine-option {
  background-color: #cc398c33;
  color: #550c35;
}
.ud__tag-carmine-option > .ud__tag__close-icon,
.ud__tag-carmine-option > .ud__tag__close-icon:active,
.ud__tag-carmine-option > .ud__tag__close-icon:hover,
.ud__tag-carmine-option > .ud__tag__status-icon:not(.ud__avatar) {
  color: #550c35;
}
.ud__tag-blue-ghost {
  background-color: #5083fb;
  color: #fff;
}
.ud__tag-blue-ghost > .ud__tag__status-icon:not(.ud__avatar) {
  color: #fff;
}
.ud__tag-blue-ghost > .ud__tag__close-icon {
  color: #fff9;
}
.ud__tag-blue-ghost > .ud__tag__close-icon:hover {
  color: #fff;
}
.ud__tag-blue-ghost > .ud__tag__close-icon:active {
  color: #fffc;
}
.ud__tag-carmine-ghost {
  background-color: #df58a5;
  color: #fff;
}
.ud__tag-carmine-ghost > .ud__tag__status-icon:not(.ud__avatar) {
  color: #fff;
}
.ud__tag-carmine-ghost > .ud__tag__close-icon {
  color: #fff9;
}
.ud__tag-carmine-ghost > .ud__tag__close-icon:hover {
  color: #fff;
}
.ud__tag-carmine-ghost > .ud__tag__close-icon:active {
  color: #fffc;
}
.ud__tag-red-ghost {
  background-color: #f54a45;
  color: #fff;
}
.ud__tag-red-ghost > .ud__tag__status-icon:not(.ud__avatar) {
  color: #fff;
}
.ud__tag-red-ghost > .ud__tag__close-icon {
  color: #fff9;
}
.ud__tag-red-ghost > .ud__tag__close-icon:hover {
  color: #fff;
}
.ud__tag-red-ghost > .ud__tag__close-icon:active {
  color: #fffc;
}
.ud__tag-waiting {
  background-color: #8d55ed33;
  color: #7a35f0;
}
.ud__tag-waiting > .ud__tag__close-icon,
.ud__tag-waiting > .ud__tag__close-icon:active,
.ud__tag-waiting > .ud__tag__close-icon:hover,
.ud__tag-waiting > .ud__tag__status-icon:not(.ud__avatar) {
  color: #7a35f0;
}
.ud__tag-success {
  background-color: #35bd4b33;
  color: #1a7526;
}
.ud__tag-success > .ud__tag__close-icon,
.ud__tag-success > .ud__tag__close-icon:active,
.ud__tag-success > .ud__tag__close-icon:hover,
.ud__tag-success > .ud__tag__status-icon:not(.ud__avatar) {
  color: #1a7526;
}
.ud__tag-info {
  background-color: #1456f033;
  color: #1456f0;
}
.ud__tag-info > .ud__tag__close-icon,
.ud__tag-info > .ud__tag__close-icon:active,
.ud__tag-info > .ud__tag__close-icon:hover,
.ud__tag-info > .ud__tag__status-icon:not(.ud__avatar) {
  color: #1456f0;
}
.ud__tag-warning {
  background-color: #ff811a26;
  color: #c25705;
}
.ud__tag-warning > .ud__tag__close-icon,
.ud__tag-warning > .ud__tag__close-icon:active,
.ud__tag-warning > .ud__tag__close-icon:hover,
.ud__tag-warning > .ud__tag__status-icon:not(.ud__avatar) {
  color: #c25705;
}
.ud__tag-error {
  background-color: #f54a4533;
  color: #c02a26;
}
.ud__tag-error > .ud__tag__close-icon,
.ud__tag-error > .ud__tag__close-icon:active,
.ud__tag-error > .ud__tag__close-icon:hover,
.ud__tag-error > .ud__tag__status-icon:not(.ud__avatar) {
  color: #c02a26;
}
.ud__tag-missing {
  background-color: #1f23291a;
  color: #646a73;
}
.ud__tag-missing > .ud__tag__close-icon,
.ud__tag-missing > .ud__tag__close-icon:active,
.ud__tag-missing > .ud__tag__close-icon:hover,
.ud__tag-missing > .ud__tag__status-icon:not(.ud__avatar) {
  color: #646a73;
}
.ud__tag-neutral-avatar {
  background-color: #1f23291a;
  color: #1f2329;
}
.ud__tag-neutral-avatar > .ud__tag__status-icon:not(.ud__avatar) {
  color: unset;
}
.ud__tag-neutral-avatar > .ud__tag__close-icon {
  color: #646a73;
}
.ud__tag-neutral-avatar > .ud__tag__close-icon:hover {
  color: #1456f0;
}
.ud__tag-neutral-avatar > .ud__tag__close-icon:active {
  color: #0442d2;
}
.ud__tag-neutral-avatar:hover {
  background-color: #1f232926;
}
.ud__tag-neutral-avatar:active {
  background-color: #1f232933;
}
.ud__tag-blue-avatar {
  background-color: #1456f033;
  color: #1f2329;
}
.ud__tag-blue-avatar > .ud__tag__status-icon:not(.ud__avatar) {
  color: unset;
}
.ud__tag-blue-avatar > .ud__tag__close-icon {
  color: #646a73;
}
.ud__tag-blue-avatar > .ud__tag__close-icon:hover {
  color: #336df4;
}
.ud__tag-blue-avatar > .ud__tag__close-icon:active {
  color: #1456f0;
}
.ud__tag-orange-avatar {
  background-color: #ff811a26;
  color: #1f2329;
}
.ud__tag-orange-avatar > .ud__tag__status-icon:not(.ud__avatar) {
  color: unset;
}
.ud__tag-orange-avatar > .ud__tag__close-icon {
  color: #646a73;
}
.ud__tag-orange-avatar > .ud__tag__close-icon:hover {
  color: #ff811a;
}
.ud__tag-orange-avatar > .ud__tag__close-icon:active {
  color: #a44904;
}
.ud__popover__arrow__content {
  box-sizing: border-box;
  content: "";
  border: 1px solid #dee0e3;
  background: #fff;
  transform-origin: center;
}
.ud__popover__arrow__streamline__content {
  fill: #fff;
  stroke: #dee0e3;
}
.ud__popover-content {
  color: #1f2329;
  word-wrap: break-word;
  background-color: #fff;
  box-shadow:
    0 8px 24px 8px #1f23290a,
    0 6px 12px #1f23290a,
    0 4px 8px -8px #1f23290f;
  box-sizing: border-box;
  border: 1px solid #dee0e3;
}
.ud__popover-icon-success {
  color: #32a645;
}
.ud__popover-icon-warning {
  color: #ff811a;
}
.ud__popover-icon-info {
  color: #1456f0;
}
.ud__popover-icon-error {
  color: #f54a45;
}
.ud__space {
  display: flex;
  box-sizing: border-box;
}
.ud__space-inline {
  display: inline-flex;
}
.ud__space-horizontal {
  flex-direction: row;
}
.ud__space-vertical {
  flex-direction: column;
}
.ud__space__item {
  box-sizing: border-box;
}
.ud__space__item-confined {
  min-height: 0;
  min-width: 0;
}
.ud__space-align-center {
  align-items: center;
}
.ud__space-align-start {
  align-items: flex-start;
}
.ud__space-align-end {
  align-items: flex-end;
}
.ud__space-align-baseline {
  align-items: baseline;
}
.ud__space-align-stretch {
  align-items: stretch;
}
.ud__overflow {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.ud__overflow__item,
.ud__overflow__rest,
.ud__overflow__suffix {
  box-sizing: border-box;
}
.ud__native-input[disabled] {
  color: #8f959e;
  -webkit-text-fill-color: #8f959e;
}
.ud__select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #1f2329;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  position: relative;
  display: inline-block;
}
.ud__select__selector {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #1f2329;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  cursor: text;
  display: flex;
  align-items: flex-start;
  border-radius: 6px;
  border: solid #d0d3d6;
  background-color: #fff;
  transition:
    border 0.2s cubic-bezier(0.34, 0.69, 0.1, 1),
    background 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__select__selector-focus,
.ud__select__selector:hover {
  border-color: #336df4;
}
.ud__select__selector-focus .ud__select__selector__search {
  pointer-events: auto;
}
.ud__select__selector__arrow {
  color: #646a73;
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  opacity: 1;
}
.ud__select__selector__arrow .universe-icon {
  transition: 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__select__selector-loading .universe-icon,
.ud__select__selector__arrow .universe-icon {
  transform: none;
}
.ud__select__selector-open > .ud__select__selector__arrow .universe-icon {
  transform: rotate(180deg);
}
.ud__select__selector-readOnly {
  cursor: pointer;
}
.ud__select__selector-disabled {
  cursor: not-allowed;
  background-color: #eff0f1;
  color: #8f959e;
}
.ud__select__selector-disabled .ud__select__selector__search__input {
  font-size: inherit;
}
.ud__select__selector-disabled:hover {
  border-color: #d0d3d6;
}
.ud__select__selector-disabled .ud__select__selector__arrow {
  color: #bbbfc4;
}
.ud__select__selector-error,
.ud__select__selector-error:hover {
  border-color: #e22e28;
}
.ud__select__selector__content {
  flex: 1;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.ud__select__selector__search {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
}
.ud__select__selector__search__input {
  cursor: inherit;
  width: 100%;
  margin: 0;
  padding: 0;
  background: 0 0;
  border: none;
  outline: 0;
  appearance: none;
  color: #1f2329;
  font-size: inherit;
  caret-color: transparent;
}
.ud__select__selector__search__input-inputting {
  caret-color: auto;
}
.ud__select__selector__search__input::-webkit-search-cancel-button {
  display: none;
  -webkit-appearance: none;
}
.ud__select__selector__selectItem {
  user-select: none;
}
.ud__select__selector__selectItem-inputting {
  color: #1f2329;
  opacity: 0.5;
}
.ud__select__selector__placeholder {
  user-select: none;
  display: block;
  width: 100%;
  color: #8f959e;
}
.ud__select__selector-multiple .ud__select__selector__search {
  position: absolute;
  pointer-events: auto;
}
.ud__select__selector-multiple.ud__select__selector-not-empty {
  overflow: hidden auto;
}
.ud__select__selector-multiple.ud__select__selector-not-empty
  .ud__select__selector__search {
  position: static;
  flex: 1;
  max-width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.ud__select__selector__search .ud__overflow__item {
  min-width: 0;
}
.ud__select__selector__search__suffix {
  max-width: 100%;
}
.ud__select__selector__search__input_container {
  display: inline-block;
  max-width: 100%;
  position: relative;
}
.ud__select__selector__search__measure {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  white-space: pre;
  visibility: hidden;
}
.ud__select__selector__tag {
  user-select: none;
  display: flex;
}
.ud__select__selector__overlay {
  z-index: 1060;
  max-width: 320px;
}
.ud__select__selector__overlay-scrollArea {
  overflow-y: auto;
  padding: 12px 16px;
  max-height: 480px;
}
.ud__select__selector-lg {
  height: 40px;
  padding: 1px 11px;
  border-width: 1px;
  font-size: 16px;
}
.ud__select__selector-lg .ud__select__selector__placeholder,
.ud__select__selector-lg .ud__select__selector__selectItem {
  line-height: 36px;
  height: 36px;
}
.ud__select__selector-lg > .ud__select__selector__arrow,
.ud__select__selector-lg > .ud__select__selector__clear {
  font-size: 16px;
  height: 36px;
  margin-left: 8px;
}
.ud__select__selector-lg .ud__select__selector__search__input {
  height: 36px;
}
.ud__select__selector-lg.ud__select__selector-multiple {
  height: auto;
  min-height: 40px;
}
.ud__select__selector-lg.ud__select__selector-multiple.ud__select__selector-not-empty {
  padding-left: 3px;
}
.ud__select__selector-lg .ud__select__selector__tag {
  margin: 2px 4px 2px 0;
}
.ud__select__selector-md {
  height: 32px;
  padding: 1px 11px;
  border-width: 1px;
  font-size: 14px;
}
.ud__select__selector-md .ud__select__selector__placeholder,
.ud__select__selector-md .ud__select__selector__selectItem {
  line-height: 28px;
  height: 28px;
}
.ud__select__selector-md > .ud__select__selector__arrow,
.ud__select__selector-md > .ud__select__selector__clear {
  font-size: 12px;
  height: 28px;
  margin-left: 8px;
}
.ud__select__selector-md .ud__select__selector__search__input {
  height: 28px;
}
.ud__select__selector-md.ud__select__selector-multiple {
  height: auto;
  min-height: 32px;
}
.ud__select__selector-md.ud__select__selector-multiple.ud__select__selector-not-empty {
  padding-left: 3px;
}
.ud__select__selector-md .ud__select__selector__tag {
  margin: 2px 4px 2px 0;
}
.ud__select__selector-sm {
  height: 28px;
  padding: 1px 7px;
  border-width: 1px;
  font-size: 12px;
}
.ud__select__selector-sm .ud__select__selector__placeholder,
.ud__select__selector-sm .ud__select__selector__selectItem {
  line-height: 24px;
  height: 24px;
}
.ud__select__selector-sm > .ud__select__selector__arrow,
.ud__select__selector-sm > .ud__select__selector__clear {
  font-size: 10px;
  height: 24px;
  margin-left: 8px;
}
.ud__select__selector-sm .ud__select__selector__search__input {
  height: 24px;
}
.ud__select__selector-sm.ud__select__selector-multiple {
  height: auto;
  min-height: 28px;
}
.ud__select__selector-sm.ud__select__selector-multiple.ud__select__selector-not-empty {
  padding-left: 3px;
}
.ud__select__selector-sm .ud__select__selector__tag {
  margin: 2px 4px 2px 0;
}
.ud__select__selector-border-noborder {
  border-color: transparent;
  background-color: transparent;
}
.ud__select__selector-border-noborder:hover {
  background-color: #1f232914;
  border-color: transparent;
}
.ud__select__selector-border-noborder:active {
  background-color: #1f23291f;
  border-color: transparent;
}
.ud__select__selector-border-noborder.ud__select__selector-disabled {
  background-color: transparent;
}
.ud__select__selector-border-underlined {
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  background-color: transparent;
}
.ud__select__selector-border-underlined.ud__select__selector-multiple.ud__select__selector-not-empty {
  padding: 0;
}
.ud__select__selector-border-noborder.ud__select__selector-disabled .ud__text,
.ud__select__selector-border-underlined.ud__select__selector-disabled
  .ud__text {
  color: #bbbfc4;
}
.ud__select__selector__clear {
  color: #646a73;
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  cursor: pointer;
  transition:
    color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1),
    opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__select__selector__clear:hover {
  color: #336df4;
}
.ud__select__selector__clear:active {
  color: #1456f0;
}
.ud__select__list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #1f2329;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  overflow: hidden;
  box-shadow:
    0 8px 24px 8px #1f23290a,
    0 6px 12px #1f23290a,
    0 4px 8px -8px #1f23290f;
  border: 1px solid #dee0e3;
  border-radius: 6px;
  background: #fff;
}
.ud__select__list__menu {
  padding: 2px 0;
}
.ud__select__list__loading-container {
  box-sizing: border-box;
  height: 48px;
  font-size: 16px;
  color: #1456f0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ud__select__list__empty {
  padding: 13px 11px;
  color: #8f959e;
}
.ud__select__list__item {
  cursor: pointer;
  background: #fff;
  transition: 0.12s cubic-bezier(0.34, 0.69, 0.1, 1);
  display: flex;
  box-sizing: border-box;
  margin: 1px 3px;
  padding: 4px 8px;
  border-radius: 4px;
  position: relative;
  z-index: 0;
}
.ud__select__list__item:after {
  content: "";
  background-color: transparent;
  position: absolute;
  inset: -1px -3px;
  z-index: -1;
}
.ud__select__list__item-active {
  background: #1f232914;
}
.ud__select__list__item-selected {
  color: #1456f0;
}
.ud__select__list__item-disabled {
  cursor: not-allowed;
  color: #bbbfc4;
  background: #fff;
}
.ud__select__list__item-disabled-active {
  background: #fff;
}
.ud__select__list__item__content {
  flex: 1;
}
.ud__select__list__item__content-highlight {
  color: #1456f0;
}
.ud__select__list__item__check {
  line-height: 1;
  font-size: 12px;
  margin-left: 8px;
  width: 1em;
  display: flex;
  align-items: center;
}
.ud__select__list__group {
  position: relative;
  padding-top: 6px;
}
.ud__select__list__group__title {
  padding: 4px 11px;
  color: #8f959e;
}
.ud__select__list__group:before {
  display: block;
  position: absolute;
  content: "";
  height: 1px;
  top: 3px;
  left: 11px;
  right: 11px;
  background-color: #1f232926;
}
.ud__select__list__group.ud__select__list__group-first {
  padding-top: 0;
}
.ud__select__list__group.ud__select__list__group-first:before {
  display: none;
}
.ud__select__dropdown {
  z-index: 1050;
  color: #1f2329;
  position: absolute;
  pointer-events: auto !important;
  max-width: 420px;
  width: max-content;
}
.ud__select__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__select__dropdown-placement-bottomLeft,
.ud__select__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__select__dropdown-placement-bottomLeft {
  animation-name: udSlideUpIn;
}
.ud__select__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__select__dropdown-placement-topLeft,
.ud__select__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__select__dropdown-placement-topLeft {
  animation-name: udSlideDownIn;
}
.ud__select__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__select__dropdown-placement-bottomLeft {
  animation-name: udSlideUpOut;
}
.ud__select__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__select__dropdown-placement-topLeft {
  animation-name: udSlideDownOut;
}
.ud__select__dropdown-hidden {
  display: none;
}
.ud__select__dropdown-empty {
  color: #bbbfc4;
}
.ud__loading {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  color: #1456f0;
}
.ud__loading__spin-rotate {
  animation: 4s linear infinite rotate;
}
.ud__loading__lottie {
  box-sizing: border-box;
  line-height: 0;
}
.ud__loading__lottie svg * {
  stroke: currentColor;
}
.ud__loading__spinner {
  box-sizing: border-box;
  display: flex;
  color: #1456f0;
  animation: 1s linear infinite rotate;
}
.ud__loading__tip {
  box-sizing: border-box;
  font-size: 14px;
  line-height: 22px;
  color: #646a73;
}
.ud__loading-size-sm .ud__loading__spinner {
  font-size: 14px;
}
.ud__loading-size-sm .ud__loading__lottie {
  width: 14px;
  font-size: 14px;
}
.ud__loading-size-md .ud__loading__spinner {
  font-size: 24px;
}
.ud__loading-size-md .ud__loading__lottie {
  width: 24px;
  font-size: 24px;
}
.ud__loading-size-lg .ud__loading__spinner {
  font-size: 40px;
}
.ud__loading-size-lg .ud__loading__lottie {
  width: 40px;
  font-size: 40px;
}
.ud__loading-direction-vertical.ud__loading-size-md .ud__loading__tip {
  margin-top: 4px;
}
.ud__loading-direction-vertical.ud__loading-size-lg .ud__loading__tip {
  margin-top: 12px;
}
.ud__loading-direction-horizontal {
  flex-direction: row;
}
.ud__loading-direction-horizontal .ud__loading__tip {
  margin-top: 0;
  margin-left: 8px;
}
.ud__loading-nested-loading {
  box-sizing: border-box;
  position: relative;
}
.ud__loading-nested-loading > .ud__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  transform: translate(-50%, -50%);
}
.ud__loading__container {
  box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  transition: background-color 0.3s;
}
.ud__loading__container-blur {
  user-select: none;
  pointer-events: none;
}
.ud__loading__container-blur:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: #fff9;
}
@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
.ud__list__box {
  background: #fff;
  border: 1px solid #dee0e3;
  border-radius: 8px;
  box-shadow:
    0 8px 24px 8px #1f23290a,
    0 6px 12px #1f23290a,
    0 4px 8px -8px #1f23290f;
}
.ud__list__box-cascaded > .ud__list__box {
  box-shadow: none;
  border: none;
  border-radius: 0;
  width: auto;
}
.ud__list__box-cascaded > .ud__list__box:not(:first-child) {
  border-left: 1px solid var(--line-divider-default);
}
.ud__list__box .rc-virtual-list-holder:last-child {
  overflow-y: auto !important;
  overflow-y: overlay !important;
}
.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  transition: background 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
  background-color: #1f23294d;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar {
  width: 11px;
  height: 11px;
  background-color: transparent;
}
.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar:hover {
  width: 11px;
  height: 11px;
}
.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar-button {
  display: none;
}
.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar-track {
  background-color: transparent;
}
.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ud__list__scrollView {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  height: 240px;
  padding: 0;
  margin: 0;
}
.ud__list__scrollView::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  transition: background 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
  background-color: #1f23294d;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.ud__list__scrollView::-webkit-scrollbar {
  width: 11px;
  height: 11px;
  background-color: transparent;
}
.ud__list__scrollView::-webkit-scrollbar-thumb:hover {
  background-color: #1f232999 !important;
}
.ud__list__scrollView::-webkit-scrollbar:hover {
  width: 11px;
  height: 11px;
}
.ud__list__scrollView::-webkit-scrollbar-button {
  display: none;
}
.ud__list__scrollView::-webkit-scrollbar-track {
  background-color: transparent;
}
.ud__list__scrollView::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ud__list__scrollView:hover {
  overflow-y: auto;
  overflow-y: overlay;
}
.ud__list__itemLike {
  box-sizing: border-box;
  margin: 1px 3px;
  padding: 4px 8px;
  border-radius: 4px;
  position: relative;
  z-index: 0;
}
.ud__list__itemLike:after {
  content: "";
  background-color: transparent;
  position: absolute;
  inset: -1px -3px;
  z-index: -1;
}
.ud__list__item {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #1f2329;
  transition:
    color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1),
    background 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__list__item-active,
.ud__list__item:hover {
  background-color: #1f232914;
}
.ud__list__item__content {
  flex: auto;
  min-width: 0;
}
.ud__list__item__title {
  display: flex;
  align-items: center;
}
.ud__list__item__title__before {
  font-size: 16px;
  color: #2b2f36;
  align-self: flex-start;
  display: flex;
  align-items: center;
}
.ud__list__item__title__before > .universe-icon {
  margin-top: 3px;
  margin-bottom: 3px;
}
.ud__list__item-selected .ud__list__item__title,
.ud__list__item-selected .ud__list__item__title__before {
  color: #1456f0;
}
.ud__list__item__description {
  color: #8f959e;
}
.ud__list__item__checkmark {
  font-size: 12px;
  visibility: hidden;
  margin-left: 4px;
}
.ud__list__item-selected .ud__list__item__checkmark {
  visibility: visible;
  color: #1456f0;
}
.ud__list__item-disabled .ud__list__item__after,
.ud__list__item-disabled .ud__list__item__checkmark,
.ud__list__item-disabled .ud__list__item__description,
.ud__list__item-disabled .ud__list__item__title {
  pointer-events: none;
  opacity: 0.5;
}
.ud__list__item-disabled,
.ud__list__item-disabled .ud__list__item__description,
.ud__list__item-disabled .ud__list__item__title,
.ud__list__item-disabled:hover {
  cursor: not-allowed;
  color: #1f2329;
  background-color: unset;
}
.ud__list__item-disabled .ud__list__item__checkmark,
.ud__list__item-disabled .ud__list__item__title__before {
  color: #2b2f36;
}
.ud__list__divider {
  margin-left: 11px;
  margin-right: 11px;
  height: 1px;
  box-shadow: inset 0 1px #1f232926;
  border: none;
}
.ud__list__divider--fluid {
  margin-left: 0;
  margin-right: 0;
}
.ud__list__divider--margin-both {
  margin-top: 2px;
  margin-bottom: 2px;
}
.ud__list__divider--margin-start {
  margin-top: 2px;
  margin-bottom: 0;
}
.ud__list__divider--margin-end {
  margin-top: 0;
  margin-bottom: 2px;
}
.ud__list__caption,
.ud__list__empty {
  color: #8f959e;
}
.u1vx9l62 {
  flex-direction: column;
}
.uhxju0i {
  padding-right: 0;
}
.u1cnd47f {
  padding-left: 0;
}
.u1063pyq {
  flex-direction: row;
}
.u14z66ap {
  width: auto;
}
.ud__picker-time-panel {
  font-variant-numeric: tabular-nums;
}
.ud__time-panel__column-title {
  line-height: 22px;
  font-size: 14px;
  padding: 15px 0 10px 11px;
}
.ud__list__box.ud__time-panel--in-datepicker {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-radius: 0 8px 8px 0;
  box-shadow: none;
  background: 0 0;
}
.ud__list__box.ud__time-panel--in-datepicker .ud__time-panel__column {
  padding: 0;
  background: 0 0;
}
.ud__picker-panel-body {
  height: 248px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ud__picker-auto-height.ud__picker-panel-body {
  height: auto;
}
.ud__picker-auto-height
  .ud__picker-panel-body-row
  + .ud__picker-panel-body-row {
  margin-top: 4px;
}
.ud__picker-panel-body-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
.ud__picker-panel-body-row {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  overflow: hidden;
}
.ud__picker-panel-body-fill-cell {
  flex: 1;
}
.ud__picker {
  display: inline-block;
}
.ud__picker--disabled {
  cursor: not-allowed;
}
.ud__picker.ud-slide-up-appear.ud-slide-up-appear-active.ud__picker-placement-bottomLeft,
.ud__picker.ud-slide-up-enter.ud-slide-up-enter-active.ud__picker-placement-bottomLeft {
  animation-name: udSlideUpIn;
}
.ud__picker.ud-slide-up-appear.ud-slide-up-appear-active.ud__picker-placement-topLeft,
.ud__picker.ud-slide-up-enter.ud-slide-up-enter-active.ud__picker-placement-topLeft {
  animation-name: udSlideDownIn;
}
.ud__picker.ud-slide-up-leave.ud-slide-up-leave-active.ud__picker-placement-bottomLeft {
  animation-name: udSlideUpOut;
}
.ud__picker.ud-slide-up-leave.ud-slide-up-leave-active.ud__picker-placement-topLeft {
  animation-name: udSlideDownOut;
}
.ud__picker-range {
  display: inline-block;
}
.ud__picker__list__box {
  padding: 0;
  width: auto;
}
.ud__picker-date-panel__wrapper {
  padding: 16px;
}
.ud__picker-dropdown {
  box-sizing: border-box;
  position: absolute;
  display: flex;
  z-index: 1050;
}
.ud__picker-dropdown .ud__picker-date-panel__wrapper {
  padding: 15px;
}
.ud__picker-dropdown
  .ud__picker-date-panel__wrapper.ud__picker-date-panel--withTime {
  padding: 0;
}
.ud__picker-dropdown
  .ud__picker-date-panel__wrapper.ud__picker-date-panel--withTime
  .ud__picker-date-panel {
  margin: 15px;
}
.ud__picker-dropdown .ud__picker-date-panel {
  width: 248px;
}
.ud__picker-dropdown
  .ud__picker-date-panel.ud__picker-date-panel__withWeekNumbers {
  width: 272px;
}
.ud__picker-dropdown .ud__picker-panels {
  padding: 15px;
}
.ud__picker-date-panel__withWeekNumbers,
.ud__picker-date-panel__withWeekNumbers.ud__picker-date-panel {
  width: 272px;
}
.ud__picker-date-panel__withWeekNumbers .ud__picker-panel-body {
  flex: 1;
}
.ud__picker-date-panel__withWeekNumbers .ud__picker-panel-header {
  padding-left: 2px;
}
.ud__picker-date-panel--withTime {
  display: flex;
  padding: 0;
}
.ud__picker-date-panel--withTime .ud__picker-date-panel {
  margin: 16px;
}
.ud__picker-panel-header {
  box-sizing: border-box;
  width: 100%;
  padding: 0 0 10px 8px;
}
.ud__picker-panel-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ud__picker-panel-header-content {
  display: flex;
  align-items: center;
  flex: 1;
  color: #1f2329;
  cursor: default;
}
.ud__picker-panel-header-content__center {
  justify-content: center;
}
.ud__picker-panel-header-btn {
  cursor: pointer;
}
.ud__picker-panel-header-btn:hover {
  color: #336df4;
}
.ud__picker-panel-header-btn:first-child {
  margin-right: 4px;
  text-transform: capitalize;
}
.ud__picker-panel-header-icon {
  color: #646a73;
}
.ud__picker-panel-header-icon__hidden {
  visibility: hidden;
  pointer-events: none;
}
.ud__picker-panel-header-icon:hover {
  color: #646a73;
}
.ud__picker-panel-header-collapse {
  margin-left: 4px;
}
.ud__picker-panel-header-rotate {
  transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__picker-panel-header-rotate180 {
  transform: rotate(180deg);
}
.ud__picker-date-panel {
  box-sizing: border-box;
  width: 248px;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #1f2329;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
}
.ud__picker-date-panel-weeks {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.ud__picker-month-panel-cell .ud__picker__cell__inner {
  width: 48px;
}
.ud__picker-panels {
  box-sizing: border-box;
  margin: 0;
  color: #1f2329;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  padding: 16px;
  display: flex;
}
.ud__picker-panels .ud__picker-date-panel:first-of-type {
  margin-right: 32px;
}
.ud__picker-year-panel-cell .ud__picker__cell__inner {
  width: 48px;
}
.ud__picker-inputWrapper {
  margin: 0;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  padding: 4px 12px;
  box-sizing: border-box;
  color: #1f2329;
  border: 1px solid #d0d3d6;
  border-radius: 6px;
  background-color: #fff;
}
.ud__picker-inputWrapper input {
  color: inherit;
}
.ud__picker-inputWrapper__disabled {
  background-color: #eff0f1;
  border-color: #d0d3d6;
  pointer-events: none;
}
.ud__picker-inputWrapper__disabled input {
  -webkit-text-fill-color: #8f959e;
}
.ud__picker-inputWrapper__disabled .ud__picker-inputWrapper-icon {
  color: #bbbfc4;
}
.ud__picker-inputWrapper:hover,
.ud__picker-inputWrapper__focused {
  border: 1px solid #1456f0;
}
.ud__picker-inputWrapper:hover .ud__picker-inputWrapper-clear {
  opacity: 1;
  transition: opacity 0.3s;
}
.ud__picker-inputWrapper:hover .ud__picker-inputWrapper-suffixIcon__showClear {
  opacity: 0;
  transition: opacity 0.3s;
}
.ud__picker-inputWrapper-inner {
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
}
.ud__picker-inputWrapper-icon {
  font-size: 16px;
  line-height: 1;
  color: #646a73;
  margin-left: 4px;
}
.ud__picker-inputWrapper-clear {
  position: absolute;
  display: flex;
  align-items: center;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  cursor: pointer;
  opacity: 0;
}
.ud__picker-inputWrapper-clear:hover {
  color: #1456f0;
}
.ud__picker-input {
  flex: 1;
  border: 0;
  padding: 0;
  margin: 0;
  outline: 0;
  font-size: 14px;
  line-height: 22px;
  min-width: 0;
  background: 0 0;
  text-align: left;
}
.ud__picker-input::-moz-placeholder {
  opacity: 1;
}
.ud__picker-input::placeholder {
  color: #8f959e;
}
.ud__picker-input.ud__picker-input-placeholder {
  color: #8f959e;
}
.ud__picker-input:placeholder-shown {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ud__picker-dateInput,
.ud__picker-picker,
.ud__picker-rangeInput {
  width: 100%;
}
.ud__picker-rangeInput-seperator {
  margin-left: 7px;
  margin-right: 7px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.ud__picker-seperator {
  height: 1px;
  width: 8px;
  background-color: #1f2329;
}
.ud__picker--size-lg input {
  font-size: 16px;
  line-height: 24px;
}
.ud__picker--size-lg .ud__picker-inputWrapper {
  padding: 7px 11px;
}
.ud__picker--size-lg .ud__picker-inputWrapper-icon {
  font-size: 20px;
}
.ud__picker--size-lg .ud__picker-inputWrapper-clear {
  font-size: 16px;
  margin-right: 2px;
}
.ud__picker--size-md input {
  font-size: 14px;
  line-height: 22px;
}
.ud__picker--size-md .ud__picker-inputWrapper {
  padding: 4px 11px;
}
.ud__picker--size-md .ud__picker-inputWrapper-icon {
  font-size: 16px;
}
.ud__picker--size-md .ud__picker-inputWrapper-clear {
  font-size: 12px;
  margin-right: 2px;
}
.ud__picker--size-sm input {
  font-size: 12px;
  line-height: 20px;
}
.ud__picker--size-sm .ud__picker-inputWrapper {
  padding: 3px 7px;
}
.ud__picker--size-sm .ud__picker-inputWrapper-icon {
  font-size: 14px;
}
.ud__picker--size-sm .ud__picker-inputWrapper-clear {
  font-size: 10px;
  margin-right: 2px;
}
.ud__picker--error .ud__picker-inputWrapper {
  border-color: #f54a45;
}
.ud__picker-dropdown .ud__picker__footer__extra {
  padding: 0 7px;
}
.ud__picker-dropdown .ud__picker__footer .ud__picker__footer__range {
  padding-left: 23px;
  padding-right: 17px;
}
.ud__picker__footer-container {
  display: flex;
  align-items: center;
}
.ud__picker__footer-container .ud__picker__footer__date {
  flex-grow: 1;
}
.ud__picker__footer-container .ud__picker__footer-confirm-buttons {
  display: flex;
  justify-items: center;
  align-items: center;
  margin-right: 16px;
  height: 52px;
}
.ud__picker__footer-container
  .ud__picker__footer-confirm-buttons
  .ud__button:not(:last-child) {
  margin-right: 12px;
}
.ud__picker__footer {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #1f2329;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  width: min-content;
  min-width: 100%;
  border-bottom: 1px solid transparent;
  border-top: 1px solid #dee0e3;
}
.ud__picker__footer__extra {
  padding: 0 8px;
  text-align: left;
}
.ud__picker__footer__extra:not(:last-child) {
  border-bottom: 1px solid #dee0e3;
}
.ud__picker__footer .ud__picker__footer__date,
.ud__picker__footer .ud__picker__footer__range {
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
  align-items: center;
}
.ud__picker__footer .ud__picker__footer__date {
  justify-content: center;
}
.ud__picker__footer .ud__picker__footer__date--left {
  justify-content: flex-start;
  padding-left: 20px;
}
.ud__picker__footer .ud__picker__footer__range {
  padding-left: 24px;
  padding-right: 18px;
}
.ud__picker__footer
  .ud__picker__footer__range
  .ud__picker__footer__range__preset-btn {
  padding-left: 8px;
  padding-right: 8px;
}
.ud__picker__cell {
  display: inline-flex;
  position: relative;
  text-transform: capitalize;
}
.ud__picker__cell__space {
  flex: 1;
}
.ud__picker__cell__inner {
  user-select: none;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  width: 32px;
  height: 32px;
  color: #1f2329;
  margin: 0 auto;
  flex: none;
  font-size: 14px;
  line-height: 32px;
  transition: 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
  position: relative;
}
.ud__picker__cell__inner:hover {
  background: #e0e9ff;
}
.ud__picker__cell__inner-text {
  font-size: 12px;
  cursor: default;
  color: #8f959e;
}
.ud__picker__cell__inner-text:hover {
  background: 0 0;
}
.ud__picker__cell-today .ud__picker__cell__inner {
  color: #1456f0;
  background: 0 0;
  border: 1px solid #1456f0;
}
.ud__picker__cell-today .ud__picker__cell__inner:hover {
  background: #e0e9ff;
}
.ud__picker__cell-range .ud__picker__cell__inner:hover,
.ud__picker__cell-rangePreview .ud__picker__cell__inner:hover {
  background: 0 0;
}
.ud__picker__cell-selected .ud__picker__cell__inner {
  color: #fff;
  background: #1456f0;
}
.ud__picker__cell-selected .ud__picker__cell__inner:hover {
  background: #1456f0;
}
.ud__picker__cell-disabled .ud__picker__cell__inner,
.ud__picker__cell-disabled .ud__picker__cell__inner:active,
.ud__picker__cell-disabled .ud__picker__cell__inner:hover {
  cursor: not-allowed;
  color: #8f959e;
  background: #eff0f1;
  border: none;
}
.ud__picker__cell-selected.ud__picker__cell-disabled .ud__picker__cell__inner,
.ud__picker__cell-selected.ud__picker__cell-disabled
  .ud__picker__cell__inner:active,
.ud__picker__cell-selected.ud__picker__cell-disabled
  .ud__picker__cell__inner:hover {
  color: #fff;
  background: #bbbfc4;
}
.ud__picker__cell-outOfView .ud__picker__cell__inner {
  color: #8f959e;
  background: 0 0;
}
.ud__picker__cell-outOfView .ud__picker__cell__inner:hover {
  background: #e0e9ff;
}
.ud__picker__cell-outOfView.ud__picker__cell-disabled
  .ud__picker__cell__inner:active,
.ud__picker__cell-outOfView.ud__picker__cell-disabled
  .ud__picker__cell__inner:hover {
  color: #8f959e;
  background: 0 0;
}
.ud__picker__cell-interactive-area {
  width: 100%;
  text-align: center;
  border-radius: 999999px;
}
.ud__picker__cell__range {
  padding: 0;
  border-radius: 16px;
  position: relative;
}
.ud__picker__cell__range__before {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  overflow: hidden;
}
.ud__picker__cell__range__after {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 32px;
  overflow: hidden;
}
.ud__picker__cell__range-bg-preview,
.ud__picker__cell__range-bg-selected {
  background: #e0e9ff;
}
.ud__picker__cell__range-bg-selected-preview {
  background: #c2d4ff;
}
.ud__picker__cell__range-bg-disabled {
  background: #eff0f1;
}
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}
.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  inset: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}
.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  inset: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.simplebar-content:after,
.simplebar-content:before {
  content: " ";
  display: table;
}
.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}
.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}
[data-simplebar].simplebar-dragging,
[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}
.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}
.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #000;
  opacity: 0;
}
.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
  opacity: 1;
  transition: background 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}
.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  inset: 0 auto 0 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
  top: 2px;
  height: 11px;
}
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}
.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}
.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}
.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.simplebar-scrollbar:before {
  inset: 2px;
  border-radius: 9999px;
  left: 2px;
  right: 2px;
  background: #1f23294d;
  transition: background 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  left: 2px;
  right: 2px;
}
.simplebar-scrollbar.simplebar-hover:before {
  background: #1f232999;
}
.ud__scrollArea {
  box-sizing: border-box;
}
.ud__scrollArea::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  transition: background 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
  background-color: #1f23294d;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.ud__scrollArea::-webkit-scrollbar {
  width: 11px;
  height: 11px;
  background-color: transparent;
}
.ud__scrollArea::-webkit-scrollbar-thumb:hover {
  background-color: #1f232999 !important;
}
.ud__scrollArea::-webkit-scrollbar:hover {
  width: 11px;
  height: 11px;
}
.ud__scrollArea::-webkit-scrollbar-button {
  display: none;
}
.ud__scrollArea::-webkit-scrollbar-track {
  background-color: transparent;
}
.ud__scrollArea::-webkit-scrollbar-corner {
  background-color: transparent;
}
.ud__scrollArea-x {
  overflow-x: auto;
  overflow-x: overlay;
}
.ud__scrollArea-y {
  overflow-y: auto;
  overflow-y: overlay;
}
.ud__scrollArea-hide-bar::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.ud__popconfirm {
  box-sizing: border-box;
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1060;
  max-width: 420px;
  width: max-content;
}
.ud__popconfirm-no-entry {
  pointer-events: none;
}
.ud__popconfirm-hidden {
  display: none;
}
.ud__popconfirm__arrow {
  position: absolute;
  box-sizing: border-box;
}
.ud__popconfirm__arrow__content {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: "";
  border: 1px solid #dee0e3;
  background: #fff;
  transform: rotate(45deg);
  transform-origin: center;
}
.ud__popconfirm__arrow-top {
  top: 0;
  left: 0;
  transform: translate(-50%, calc(1px - 100%));
}
.ud__popconfirm__arrow-top > .ud__popconfirm__arrow__content {
  left: 14.64466094%;
  top: 29.28932188%;
}
.ud__popconfirm__arrow-bottom {
  bottom: 0;
  left: 0;
  transform: translate(-50%, calc(-1px + 100%));
}
.ud__popconfirm__arrow-bottom > .ud__popconfirm__arrow__content {
  left: 14.64466094%;
  top: -70.71067812%;
}
.ud__popconfirm__arrow-left {
  top: 0;
  left: 0;
  transform: translate(calc(1px - 100%), -50%);
}
.ud__popconfirm__arrow-left > .ud__popconfirm__arrow__content {
  left: 29.28932188%;
  top: 14.64466094%;
}
.ud__popconfirm__arrow-right {
  top: 0;
  right: 0;
  transform: translate(calc(-1px + 100%), -50%);
}
.ud__popconfirm__arrow-right > .ud__popconfirm__arrow__content {
  left: -70.71067812%;
  top: 14.64466094%;
}
.ud__popconfirm__arrow__streamline__content {
  fill: #fff;
  stroke: #dee0e3;
}
.ud__popconfirm__invalid-children-wrapper {
  box-sizing: border-box;
  display: inline-block;
}
.ud__popconfirm .ud__popconfirm-content {
  min-width: 30px;
  padding: 20px 24px;
  font-size: 14px;
  line-height: 22px;
  color: #1f2329;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px #1f23291a;
  box-sizing: border-box;
  border: 1px solid #dee0e3;
  position: relative;
  overflow: hidden;
}
.ud__popconfirm__overlay {
  display: flex;
}
.ud__popconfirm__overlay-title + .ud__popconfirm__overlay-content {
  margin-top: 4px;
}
.ud__popconfirm__overlay-content {
  box-sizing: border-box;
  overflow: hidden;
}
.ud__popconfirm__overlay-button-group {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  padding-top: 16px;
}
.ud__popconfirm__overlay-button-group .ud__button:last-child {
  margin-left: 12px;
}
.ud__popconfirm-icon-customer,
.ud__popconfirm-icon-error,
.ud__popconfirm-icon-info,
.ud__popconfirm-icon-success,
.ud__popconfirm-icon-warning {
  box-sizing: border-box;
  font-size: 16px;
  line-height: 22px;
  height: 22px;
  padding-right: 8px;
}
.ud__popconfirm-icon-success {
  color: #32a645;
}
.ud__popconfirm-icon-warning {
  color: #ff811a;
}
.ud__popconfirm-icon-info {
  color: #1456f0;
}
.ud__popconfirm-icon-error {
  color: #f54a45;
}
.ud__popconfirm-icon-customer-wrapper {
  box-sizing: border-box;
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ud__popconfirm-icon-customer-wrapper > * {
  line-height: 1;
}
.ud__popconfirm-icon-customer-wrapper svg {
  display: inline-block;
}
.ud__popconfirm-icon-customer-wrapper:before {
  display: none;
}
.ugr6219 {
  margin-top: auto;
}
.u11qmguv {
  margin-right: 0;
}
.u10jk5vf {
  margin-bottom: auto;
}
.u1tyq0we {
  margin-left: 0;
}
.u1l02sjl {
  height: 100%;
}
.u1immsc2 {
  max-height: 100%;
}
.uly5x3f {
  width: 100%;
}
.u17vyym1 {
  margin-right: 16px;
}
.u6jr5hl {
  align-items: flex-start;
}
.u1aehjj5 {
  pointer-events: none;
}
.utm89h2 {
  max-width: 1080px;
}
.u7wyk6f {
  min-width: 420px;
}
.u1rcxdsg {
  width: calc(100vw - 64px);
}
.u1g96bv0 {
  max-width: 840px;
}
.u177j64f {
  width: 600px;
}
.u1j052i9 {
  min-height: 128px;
}
.u1qzxk2a {
  width: 420px;
}
.u113wtx2 {
  top: 0;
}
.u1o700av {
  text-align: left;
}
.umrv4ls {
  vertical-align: middle;
}
.u4djv7l {
  top: 100px;
}
.u1hu3pq6 {
  margin-top: 0;
}
.u1ujusj6 {
  margin-right: auto;
}
.u19f4twv {
  margin-bottom: 0;
}
.ucgxt0o {
  margin-left: auto;
}
.ud1hv5k:before {
  display: inline-block;
}
.ugovu44:before {
  width: 0;
}
.ur6rhvx:before {
  height: 100%;
}
.u1o5b37y:before {
  vertical-align: middle;
}
.uyl8oag:before {
  box-sizing: border-box;
}
.uzhtfnv:before {
  content: "";
}
.ud__dialog__root {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #1f2329;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
}
.ud__dialog__mask {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background-color: #0000008c;
}
.ud__dialog__wrap {
  position: fixed;
  inset: 0;
  z-index: 1000;
  overflow: auto;
}
.ud__dialog__wrap:focus-visible {
  outline: 0;
}
.ud__dialog__mask-animation-appear,
.ud__dialog__mask-animation-enter {
  opacity: 0;
}
.ud__dialog__mask-animation-appear-active,
.ud__dialog__mask-animation-enter-active {
  opacity: 1;
  transition: opacity 0.4s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__dialog__mask-animation-appear-done,
.ud__dialog__mask-animation-enter-done,
.ud__dialog__mask-animation-exit {
  opacity: 1;
}
.ud__dialog__mask-animation-exit-active {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__dialog__content-animation-appear,
.ud__dialog__content-animation-enter {
  opacity: 0;
  transform: scale(0.7);
}
.ud__dialog__content-animation-appear-active,
.ud__dialog__content-animation-enter-active {
  opacity: 1;
  transform: scale(1);
  transition:
    opacity 0.4s cubic-bezier(0.34, 0.69, 0.1, 1),
    transform 0.4s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__dialog__content-animation-exit {
  opacity: 1;
  transform: scale(1);
}
.ud__dialog__content-animation-exit-active {
  opacity: 0;
  transform: scale(0.7);
  transition:
    opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1),
    transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__confirm__content {
  position: relative;
  background-color: #fff;
  pointer-events: auto;
}
.ud__confirm__header {
  box-sizing: border-box;
  position: relative;
  padding: 24px;
}
.ud__confirm__titleContent {
  flex: 1;
  overflow-x: hidden;
  overflow-wrap: break-word;
}
.ud__confirm-success .ud__confirm__icon {
  color: #32a645;
}
.ud__confirm-confirm .ud__confirm__icon,
.ud__confirm-warning .ud__confirm__icon {
  color: #ff811a;
}
.ud__confirm-error .ud__confirm__icon {
  color: #f54a45;
}
.ud__confirm-info .ud__confirm__icon {
  color: #1456f0;
}
.ud__confirm__body {
  box-sizing: border-box;
  overflow-wrap: break-word;
  margin-top: 8px;
}
.ud__confirm__content.ud__confirm-hasIcon .ud__confirm__body {
  margin-left: 40px;
}
.ud__confirm__footer {
  box-sizing: border-box;
  text-align: right;
  padding: 0 24px 24px;
}
.ud__confirm__footer:after {
  content: "";
  clear: both;
  display: table;
}
.ud__confirm__footer__extraAction {
  float: left;
}
.ud__confirm__footer__btns {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  overflow: hidden;
  margin-bottom: -12px;
}
.ud__confirm__footer__btns .ud__button {
  margin-left: 12px;
  margin-bottom: 12px;
}
.ud__modal__content {
  background-color: #fff;
  pointer-events: auto;
}
.ud__modal__header {
  box-sizing: border-box;
  position: relative;
  padding: 24px;
}
.ud__modal-closable > .ud__modal__header {
  padding-right: 56px;
}
.ud__modal__titleContent {
  flex: 1;
  overflow-x: hidden;
  overflow-wrap: break-word;
}
.ud__modal__close.ud__button {
  position: absolute;
  top: 24px;
  right: 24px;
  color: #646a73;
  font-size: 20px;
  margin: -2px -4px;
}
.ud__modal__des {
  box-sizing: border-box;
  margin-top: 4px;
  overflow-wrap: break-word;
  color: #646a73;
}
.ud__modal__body {
  box-sizing: border-box;
  margin: 0 0 24px;
  color: #1f2329;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  padding: 0 24px;
  flex: 1;
  overflow-wrap: break-word;
}
.ud__modal__body--top-overflow {
  box-shadow: 0 -1px #1f232926;
}
.ud__modal__body--bottom-overflow {
  box-shadow: 0 1px #1f232926;
}
.ud__modal__body--top-overflow.ud__modal__body--bottom-overflow {
  box-shadow:
    0 -1px #1f232926,
    0 1px #1f232926;
}
.ud__modal__footer {
  box-sizing: border-box;
  text-align: right;
  padding: 0 24px 24px;
}
.ud__modal__footer:after {
  content: "";
  clear: both;
  display: table;
}
.ud__modal__footer__extraAction {
  float: left;
}
.ud__modal__footer__btns {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  overflow: hidden;
  margin-bottom: -12px;
}
.ud__modal__footer__btns .ud__button {
  margin-left: 12px;
  margin-bottom: 12px;
}
.uwegl26 {
  box-shadow:
    0 10px 36px 10px #1f23290a,
    0 8px 24px #1f23290a,
    0 6px 12px -10px #1f23290f;
}
.ud__tree {
  box-sizing: border-box;
}
.ud__tree__list {
  padding: 2px 0;
}
.ud__tree__empty {
  color: #8f959e;
}
.ud__tree .ud__tree__node {
  color: #1f2329;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: 0.12s cubic-bezier(0.34, 0.69, 0.1, 1);
  box-sizing: border-box;
  margin: 1px 3px;
  padding: 4px 8px;
  border-radius: 4px;
  position: relative;
  z-index: 0;
}
.ud__tree .ud__tree__node:after {
  content: "";
  background-color: transparent;
  position: absolute;
  inset: -1px -3px;
  z-index: -1;
}
.ud__tree .ud__tree__node:hover {
  background: #1f232914;
}
.ud__tree .ud__tree__node-highlight {
  color: #1456f0;
}
.ud__tree .ud__tree__node__indent {
  box-sizing: border-box;
  display: inline-block;
  width: 16px;
  flex-shrink: 0;
  flex-grow: 0;
}
.ud__tree .ud__tree__node__expandIcon {
  margin-right: 3px;
}
.ud__tree .ud__tree__node__checkbox {
  margin-right: 6px;
}
.ud__tree .ud__tree__node__label {
  box-sizing: border-box;
  display: inline-block;
  flex: 1;
}
.ud__tree .ud__tree__node__checker {
  box-sizing: border-box;
  line-height: 1;
  font-size: 12px;
  margin-left: 8px;
  width: 1em;
}
.ud__tree .ud__tree__node.ud__tree__node-selected {
  color: #1456f0;
  background: #f0f4ff;
}
.ud__tree .ud__tree__node.ud__tree__node-disabled {
  color: #bbbfc4;
  background: 0 0;
}
.ud__tree .ud__tree__node.ud__tree__node-disabled .ud__tree__node__checker,
.ud__tree .ud__tree__node.ud__tree__node-disabled .ud__tree__node__label {
  cursor: not-allowed;
}
.ud__expandButton {
  box-sizing: border-box;
  color: #646a73;
}
.ud__expandButton:active,
.ud__expandButton:hover {
  color: #646a73;
}
.ud__expandButton-readonly:active,
.ud__expandButton-readonly:hover {
  background-color: transparent;
}
.ud__expandButton-as-placeholder {
  visibility: hidden;
  pointer-events: none;
}
.ud__expandButton-xxs {
  padding: 3px;
  font-size: 10px;
  border-radius: 4px;
}
.ud__expandButton .universe-icon,
.ud__expandButton__icon {
  transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__treeSelect__overlay .ud__tree .ud__tree__node.ud__tree__node-selected {
  background: 0 0;
}
.ud__treeSelect__overlay
  .ud__tree
  .ud__tree__node.ud__tree__node-selected:hover {
  background: #1f232914;
}
.ud__cascader__dropdown {
  box-sizing: border-box;
  z-index: 1050;
  color: #1f2329;
  background-color: transparent;
  position: absolute;
  pointer-events: none;
}
.ud__cascader__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__cascader__dropdown-placement-bottomLeft,
.ud__cascader__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__cascader__dropdown-placement-bottomLeft {
  animation-name: udSlideUpIn;
}
.ud__cascader__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__cascader__dropdown-placement-topLeft,
.ud__cascader__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__cascader__dropdown-placement-topLeft {
  animation-name: udSlideDownIn;
}
.ud__cascader__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__cascader__dropdown-placement-bottomLeft {
  animation-name: udSlideUpOut;
}
.ud__cascader__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__cascader__dropdown-placement-topLeft {
  animation-name: udSlideDownOut;
}
.ud__cascader__dropdown-hidden {
  display: none;
}
.ud__cascader__menu {
  pointer-events: auto;
  width: min-content;
}
.ud__cascader__menu.ud__cascader__menu-search {
  width: auto;
}
.ud__cascader__menu > .ud__cascader__menu__list {
  box-sizing: border-box;
  padding: 2px 0;
}
.ud__cascader__menu__level__wrapper {
  box-sizing: border-box;
  display: flex;
  height: 100%;
}
.ud__cascader__menu__level:not(:first-child) {
  border-left: 1px solid rgba(31, 35, 41, 0.15);
}
.ud__cascader__menu__level {
  box-sizing: border-box;
  margin: 0;
  color: #1f2329;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  padding: 2px 0;
  overflow: hidden;
  width: 160px;
}
.ud__cascader__menu__level__list {
  box-sizing: border-box;
  height: 100%;
}
.ud__cascader__menu__empty {
  box-sizing: border-box;
  padding: 13px 11px;
  color: #8f959e;
}
.ud__cascader__menu__option {
  cursor: pointer;
  color: #1f2329;
  background: #fff;
  transition: 0.12s cubic-bezier(0.34, 0.69, 0.1, 1);
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin: 1px 3px;
  padding: 4px 8px;
  border-radius: 4px;
  position: relative;
  z-index: 0;
}
.ud__cascader__menu__option:after {
  content: "";
  background-color: transparent;
  position: absolute;
  inset: -1px -3px;
  z-index: -1;
}
.ud__cascader__menu__option:hover {
  background: #1f232914;
}
.ud__cascader__menu__option-active {
  color: #1f2329;
  background: #1f232914;
}
.ud__cascader__menu__option-selected {
  color: #1456f0;
}
.ud__cascader__menu__option-selected:not(.ud__cascader__menu__option-leaf) {
  background: #1f232914;
}
.ud__cascader__menu__option-disabled {
  cursor: not-allowed;
  color: #bbbfc4;
  background: #fff;
}
.ud__cascader__menu__option-disabled:hover {
  background: #fff;
}
.ud__cascader__menu__option__checkbox {
  box-sizing: border-box;
  line-height: normal;
  margin-right: 8px;
}
.ud__cascader__menu__option__label {
  box-sizing: border-box;
  flex: 1;
}
.ud__cascader__menu__option__label-highlight {
  box-sizing: border-box;
  color: #1456f0;
}
.ud__cascader__menu__option__expandIcon {
  box-sizing: border-box;
  font-size: 12px;
  margin-left: 8px;
  flex: 0;
  color: #8f959e;
}
.ud__cascader__menu__option-disabled .ud__cascader__menu__option__expandIcon {
  color: #bbbfc4;
}
.ud__cascader__menu__option__checker {
  font-size: 12px;
  margin-left: 8px;
  width: 1em;
}
.ud__msg-manager {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #1f2329;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  position: fixed;
  z-index: 1010;
  pointer-events: none;
}
.ud__msg-manager.ud__msg-manager--sticky {
  position: absolute;
}
.ud__msg-manager .ud__msg-manager-item {
  pointer-events: none;
}
.ud__msg-manager.ud__msg-manager--topLeft {
  top: 16px;
  left: 16px;
  bottom: auto;
}
.ud__msg-manager.ud__msg-manager--topRight {
  top: 16px;
  right: 16px;
  bottom: auto;
}
.ud__msg-manager.ud__msg-manager--bottomLeft {
  bottom: 16px;
  left: 16px;
  top: auto;
}
.ud__msg-manager.ud__msg-manager--bottomRight {
  bottom: 16px;
  right: 16px;
  top: auto;
}
.ud__msg-manager.ud__msg-manager--top {
  width: 100%;
  text-align: center;
  padding: 0 16px 16px;
  left: 0;
}
.ud__msg-manager-item {
  box-sizing: border-box;
  margin: 8px;
  transition:
    height 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),
    margin-bottom 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ud__msg-manager-item.notification-animation-enter .ud__notification {
  opacity: 0;
}
.ud__msg-manager-item.notification-animation-enter-active .ud__notification,
.ud__msg-manager-item.notification-animation-enter-done .ud__notification,
.ud__msg-manager-item.notification-animation-exit .ud__notification {
  opacity: 1;
}
.ud__msg-manager-item.notification-animation-exit-active {
  margin-bottom: 0;
}
.ud__msg-manager-item.notification-animation-exit-active .ud__notification {
  opacity: 0;
}
.ud__msg-manager--bottomLeft .ud__notification__notice-content,
.ud__msg-manager--topLeft .ud__notification__notice-content {
  float: left;
}
.ud__msg-manager--bottomLeft .notification-animation-enter .ud__notification,
.ud__msg-manager--topLeft .notification-animation-enter .ud__notification {
  transform: translate(-100%) translateY(0);
}
.ud__msg-manager--bottomLeft
  .notification-animation-enter-active
  .ud__notification,
.ud__msg-manager--bottomLeft
  .notification-animation-enter-done
  .ud__notification,
.ud__msg-manager--topLeft
  .notification-animation-enter-active
  .ud__notification,
.ud__msg-manager--topLeft .notification-animation-enter-done .ud__notification {
  transform: translate(0) translateY(0);
}
.ud__msg-manager--bottomRight .ud__notification__notice-content,
.ud__msg-manager--topRight .ud__notification__notice-content {
  float: right;
}
.ud__msg-manager--bottomRight .notification-animation-enter .ud__notification,
.ud__msg-manager--topRight .notification-animation-enter .ud__notification {
  transform: translate(100%) translateY(0);
}
.ud__msg-manager--bottomRight
  .notification-animation-enter-active
  .ud__notification,
.ud__msg-manager--bottomRight
  .notification-animation-enter-done
  .ud__notification,
.ud__msg-manager--topRight
  .notification-animation-enter-active
  .ud__notification,
.ud__msg-manager--topRight
  .notification-animation-enter-done
  .ud__notification {
  transform: translate(0) translateY(0);
}
.ud__notification {
  box-sizing: border-box;
  margin: 0 0 16px;
  z-index: 1010;
  pointer-events: auto;
  transition:
    transform 0.4s cubic-bezier(0.34, 0.69, 0.1, 1),
    opacity 0.4s cubic-bezier(0.34, 0.69, 0.1, 1);
  border-radius: 8px;
  box-shadow:
    0 10px 36px 10px #1f23290a,
    0 8px 24px #1f23290a,
    0 6px 12px -10px #1f23290f;
  overflow: hidden;
}
.ud__notification:after,
.ud__notification:before {
  box-sizing: border-box;
  content: " ";
  display: table;
}
.ud__notification:after {
  clear: both;
}
.ud__notification .ud__notification__notice {
  padding: 8px;
  clear: both;
}
.ud__notification
  .ud__notification__notice-success
  .ud__notification__notice-border {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: #32a645;
  top: 0;
  left: 0;
}
.ud__notification
  .ud__notification__notice-info
  .ud__notification__notice-border {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: #1456f0;
  top: 0;
  left: 0;
}
.ud__notification
  .ud__notification__notice-error
  .ud__notification__notice-border {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: #f54a45;
  top: 0;
  left: 0;
}
.ud__notification
  .ud__notification__notice-warning
  .ud__notification__notice-border {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: #ed6d0c;
  top: 0;
  left: 0;
}
.ud__notification .ud__notification__notice-close {
  box-sizing: border-box;
  color: #646a73;
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
  outline: 0;
}
.ud__notification .ud__notification__notice-title {
  box-sizing: border-box;
  margin-bottom: 8px;
  padding-right: 16px;
}
.ud__notification .ud__notification__notice-btn {
  box-sizing: border-box;
  margin-top: 8px;
  padding-left: 4px;
  text-align: right;
}
.ud__notification .ud__notification__notice-btn .ud__button {
  margin-left: 12px;
}
.ud__notification .ud__notification__notice-with-icon {
  box-sizing: border-box;
  padding-left: 40px;
  padding-right: 16px;
}
.ud__notification .ud__notification__notice-hide-icon {
  box-sizing: border-box;
  padding-left: 4px;
}
.ud__notification .ud__notification__notice-icon-default,
.ud__notification .ud__notification__notice-icon-error,
.ud__notification .ud__notification__notice-icon-info,
.ud__notification .ud__notification__notice-icon-success,
.ud__notification .ud__notification__notice-icon-warning {
  position: absolute;
  left: 28px;
  top: 24px;
  font-size: 24px;
  line-height: 24px;
  width: 24px;
  text-align: center;
}
.ud__notification .ud__notification__notice-icon-error {
  color: #f54a45;
}
.ud__notification .ud__notification__notice-icon-warning {
  color: #ff811a;
}
.ud__notification .ud__notification__notice-icon-success {
  color: #32a645;
}
.ud__notification .ud__notification__notice-icon-info {
  color: #1456f0;
}
.ud__notification .ud__notification__notice-content {
  border: 1px solid #dee0e3;
  border-left: none;
  border-radius: 8px;
  padding: 24px 24px 24px 28px;
  background: #fff;
  color: #1f2329;
  display: inline-block;
  width: 420px;
  box-sizing: border-box;
  position: relative;
}
.ud__notification .ud__notification__notice-operation {
  text-align: right;
  margin-top: 8px;
}
.ud__toast.ud__notice {
  max-width: 600px;
  display: inline-flex;
  opacity: 0;
  transform: translateY(-100%);
  transition:
    opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1),
    transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
  margin-bottom: 16px;
  box-shadow:
    0 8px 24px 8px #1f23290a,
    0 6px 12px #1f23290a,
    0 4px 8px -8px #1f23290f;
}
.toast--animation-enter .ud__toast {
  opacity: 0;
  transform: translateY(-100%);
}
.toast--animation-enter-active .ud__toast,
.toast--animation-enter-done .ud__toast,
.toast--animation-exit .ud__toast {
  opacity: 1;
  transform: translateY(0);
}
.toast--animation-exit-active {
  margin-bottom: 0;
}
.toast--animation-exit-active .ud__toast {
  transform: translateY(0);
  opacity: 0;
}
.ud__breadcrumb-item {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  max-width: 162px;
  line-height: 22px;
  padding: 0 4px;
  border-radius: 6px;
  font-size: 14px;
  color: #1f2329;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition:
    color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1),
    background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__breadcrumb-item-interactive {
  color: #646a73;
}
.ud__breadcrumb-item-interactive:hover {
  background-color: #1456f01a;
  color: #1456f0;
  cursor: pointer;
}
.ud__breadcrumb-item-interactive:active {
  background-color: #1456f033;
  color: #0442d2;
}
.ud__breadcrumb-item > a {
  text-decoration: none;
  color: inherit;
}
.ud__breadcrumb__popover__content {
  padding: 5px 11px;
}
.ud__breadcrumb-ellipses,
.ud__breadcrumb-separator {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  padding: 0 4px;
  height: 22px;
}
.ud__breadcrumb-separator {
  font-size: 12px;
  color: #8f959e;
}
.ud__breadcrumb-ellipses {
  font-size: 16px;
  color: #646a73;
}
.ud__switch {
  box-sizing: border-box;
  position: relative;
  background-color: #d0d3d6;
  vertical-align: middle;
  border: 0;
  border-radius: 999999px;
  cursor: pointer;
  user-select: none;
  transition: background 0.12s cubic-bezier(0.4, 0.8, 0.74, 1);
}
.ud__switch:focus {
  outline: 0;
}
.ud__switch .ud__switch__handler {
  box-sizing: border-box;
  position: absolute;
  top: 2px;
  left: 2px;
  transition: left 0.12s cubic-bezier(0.4, 0.8, 0.74, 1);
  border-radius: 999999px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ud__switch .ud__switch__handler .ud__switch__loading {
  color: #bbbfc4;
}
.ud__switch .ud__switch__handler:before {
  box-sizing: border-box;
  position: absolute;
  inset: 0;
  background-color: #fff;
  border-radius: 999999px;
  content: "";
  transition: 0.12s cubic-bezier(0.4, 0.8, 0.74, 1);
}
.ud__switch.ud__switch-checked {
  background-color: #1456f0;
}
.ud__switch.ud__switch-checked .ud__switch__handler .ud__switch__loading {
  color: #c2d4ff;
}
.ud__switch.ud__switch-md {
  min-width: 40px;
  height: 22px;
  line-height: 22px;
}
.ud__switch.ud__switch-md .ud__switch__handler {
  width: 18px;
  height: 18px;
}
.ud__switch.ud__switch-md .ud__switch__handler .ud__switch__loading {
  font-size: 14px;
}
.ud__switch.ud__switch-md .ud__switch__handler:before {
  box-shadow: 0 2px 4px #1f23291f;
}
.ud__switch.ud__switch-md.ud__switch-checked .ud__switch__handler {
  left: calc(100% - 20px);
}
.ud__switch.ud__switch-sm {
  min-width: 28px;
  height: 16px;
  line-height: 16px;
}
.ud__switch.ud__switch-sm .ud__switch__handler {
  width: 12px;
  height: 12px;
}
.ud__switch.ud__switch-sm .ud__switch__handler .ud__switch__loading {
  font-size: 8px;
}
.ud__switch.ud__switch-sm .ud__switch__handler:before {
  box-shadow: 0 2px 4px #1f23291f;
}
.ud__switch.ud__switch-sm.ud__switch-checked .ud__switch__handler {
  left: calc(100% - 14px);
}
.ud__switch:active.ud__switch-checked .ud__switch__handler:before {
  right: 0;
  left: -30%;
}
.ud__switch:active .ud__switch__handler:before {
  left: 0;
  right: -30%;
}
.ud__switch.ud__switch-disabled {
  cursor: not-allowed;
  background-color: #dee0e3;
}
.ud__switch.ud__switch-disabled .ud__switch__handler:before {
  background-color: #fff9;
}
.ud__switch.ud__switch-disabled.ud__switch-checked {
  background-color: #c2d4ff;
}
.ud__switch.ud__switch-disabled:active.ud__switch-checked
  .ud__switch__handler:before {
  right: 0;
  left: 0;
}
.ud__switch.ud__switch-disabled:active .ud__switch__handler:before {
  left: 0;
  right: 0;
}
.ude2wo7 {
  padding-right: 1em;
}
.uyan362 {
  padding-left: 1em;
}
.u1k6lsn2:after,
.untkm7k,
.upnsfar:before {
  border-top-style: dashed;
}
.uptdccv {
  top: -0.06em;
}
.u1sdqz7s {
  height: 0.9em;
}
.u1phki43 {
  margin-right: 8px;
}
.uinvdd3 {
  border-left-width: 1px;
}
.ujik90z {
  border-left-style: solid;
}
.uzxpwcz {
  border-left-color: #1f232926;
}
.u1hgrdrl {
  clear: both;
}
.u11qra4b {
  min-width: 100%;
}
.uyycim2 {
  margin-top: 24px;
}
.uvueend {
  margin-bottom: 24px;
}
.umd54rt:before {
  width: 95%;
}
.u1q25ane:before,
.utqlky5:after {
  width: 5%;
}
.uiefn6m:after {
  width: 95%;
}
.u1pit55b {
  border-top-width: 0;
}
.u1s5rke0:before {
  position: relative;
}
.u15lm7zd:before {
  top: 50%;
}
.ulv9ixv:before {
  width: 50%;
}
.u1fjh9ub:before {
  border-top-width: 1px;
}
.u163fonl:before {
  border-top-style: solid;
}
.u1v9ev1j:before {
  border-top-color: inherit;
}
.u22404b:before {
  transform: translateY(50%);
}
.u1wl9k8s:before {
  content: "";
}
.ut8057j:after {
  position: relative;
}
.ummikit:after {
  top: 50%;
}
.u1slxich:after {
  width: 50%;
}
.ua5nh5:after {
  border-top-width: 1px;
}
.u8rth92:after {
  border-top-style: solid;
}
.uhtl3ys:after {
  border-top-color: inherit;
}
.unbjpgb:after {
  transform: translateY(50%);
}
.u1gw3sf2:after {
  box-sizing: border-box;
}
.u5ogflp {
  border-top-width: 1px;
}
.uzkkow9 {
  border-top-style: solid;
}
.u1yiz13w {
  border-top-color: #1f232926;
}
.u11u7vat {
  min-width: 20px;
}
.u1xynx9j {
  left: 0;
}
.u5gq2j6 {
  bottom: 0;
}
.ud__input,
.ud__input-password {
  display: inline-flex;
  box-sizing: border-box;
  border: 0 solid #d0d3d6;
  border-radius: 6px;
  background-color: #fff;
  overflow: hidden;
  min-width: min-content;
  transition: border-color 0.1s cubic-bezier(0, 0, 1, 1);
}
.ud__input-password:not(.ud__input-addon),
.ud__input:not(.ud__input-addon) {
  border-width: 1px;
}
.ud__input-input-wrap,
.ud__input-password-input-wrap {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  cursor: text;
}
.ud__input-input-wrap:before,
.ud__input-password-input-wrap:before {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: "\a0";
}
.ud__input-input-wrap:only-child,
.ud__input-password-input-wrap:only-child {
  width: 100%;
}
.ud__input--size-sm,
.ud__input-password--size-sm {
  font-size: 12px;
  line-height: 20px;
}
.ud__input--size-sm input,
.ud__input-password--size-sm input {
  font-size: inherit;
  line-height: inherit;
}
.ud__input--size-sm .ud__input-input-wrap,
.ud__input--size-sm .ud__input-password-input-wrap,
.ud__input-password--size-sm .ud__input-input-wrap,
.ud__input-password--size-sm .ud__input-password-input-wrap {
  padding: 3px 3px 3px 7px;
}
.ud__input--size-sm .ud__input-password__addon-after,
.ud__input--size-sm .ud__input-password__addon-before,
.ud__input--size-sm .ud__input__addon-after,
.ud__input--size-sm .ud__input__addon-before,
.ud__input-password--size-sm .ud__input-password__addon-after,
.ud__input-password--size-sm .ud__input-password__addon-before,
.ud__input-password--size-sm .ud__input__addon-after,
.ud__input-password--size-sm .ud__input__addon-before {
  box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px;
  line-height: 26px;
}
.ud__input--size-sm .ud__input-password__prefix .ud__button .universe-icon,
.ud__input--size-sm .ud__input-password__prefix > .universe-icon,
.ud__input--size-sm .ud__input-password__suffix .ud__button .universe-icon,
.ud__input--size-sm .ud__input-password__suffix > .universe-icon,
.ud__input--size-sm .ud__input__prefix .ud__button .universe-icon,
.ud__input--size-sm .ud__input__prefix > .universe-icon,
.ud__input--size-sm .ud__input__suffix .ud__button .universe-icon,
.ud__input--size-sm .ud__input__suffix > .universe-icon,
.ud__input-password--size-sm
  .ud__input-password__prefix
  .ud__button
  .universe-icon,
.ud__input-password--size-sm .ud__input-password__prefix > .universe-icon,
.ud__input-password--size-sm
  .ud__input-password__suffix
  .ud__button
  .universe-icon,
.ud__input-password--size-sm .ud__input-password__suffix > .universe-icon,
.ud__input-password--size-sm .ud__input__prefix .ud__button .universe-icon,
.ud__input-password--size-sm .ud__input__prefix > .universe-icon,
.ud__input-password--size-sm .ud__input__suffix .ud__button .universe-icon,
.ud__input-password--size-sm .ud__input__suffix > .universe-icon {
  font-size: 14px;
}
.ud__input--size-sm .ud__input-password__clear-icon .universe-icon,
.ud__input--size-sm .ud__input__clear-icon .universe-icon,
.ud__input-password--size-sm .ud__input-password__clear-icon .universe-icon,
.ud__input-password--size-sm .ud__input__clear-icon .universe-icon {
  color: #646a73;
  font-size: 10px;
}
.ud__input--size-sm .ud__button--icon,
.ud__input-password--size-sm .ud__button--icon {
  margin: -1px 0;
}
.ud__input--size-sm .ud__input-password__addon-after .ud__select,
.ud__input--size-sm .ud__input-password__addon-before .ud__select,
.ud__input--size-sm .ud__input__addon-after .ud__select,
.ud__input--size-sm .ud__input__addon-before .ud__select,
.ud__input-password--size-sm .ud__input-password__addon-after .ud__select,
.ud__input-password--size-sm .ud__input-password__addon-before .ud__select,
.ud__input-password--size-sm .ud__input__addon-after .ud__select,
.ud__input-password--size-sm .ud__input__addon-before .ud__select {
  margin: -1px -13px;
}
.ud__input--size-sm .ud__input-password__addon-after .ud__select__selector-s,
.ud__input--size-sm .ud__input-password__addon-before .ud__select__selector-s,
.ud__input--size-sm .ud__input__addon-after .ud__select__selector-s,
.ud__input--size-sm .ud__input__addon-before .ud__select__selector-s,
.ud__input-password--size-sm
  .ud__input-password__addon-after
  .ud__select__selector-s,
.ud__input-password--size-sm
  .ud__input-password__addon-before
  .ud__select__selector-s,
.ud__input-password--size-sm .ud__input__addon-after .ud__select__selector-s,
.ud__input-password--size-sm .ud__input__addon-before .ud__select__selector-s {
  transform: translateY(1px);
}
.ud__input--size-md,
.ud__input-password--size-md {
  font-size: 14px;
  line-height: 22px;
}
.ud__input--size-md input,
.ud__input-password--size-md input {
  font-size: inherit;
  line-height: inherit;
}
.ud__input--size-md .ud__input-input-wrap,
.ud__input--size-md .ud__input-password-input-wrap,
.ud__input-password--size-md .ud__input-input-wrap,
.ud__input-password--size-md .ud__input-password-input-wrap {
  padding: 4px 8px 4px 11px;
}
.ud__input--size-md .ud__input-password__addon-after,
.ud__input--size-md .ud__input-password__addon-before,
.ud__input--size-md .ud__input__addon-after,
.ud__input--size-md .ud__input__addon-before,
.ud__input-password--size-md .ud__input-password__addon-after,
.ud__input-password--size-md .ud__input-password__addon-before,
.ud__input-password--size-md .ud__input__addon-after,
.ud__input-password--size-md .ud__input__addon-before {
  box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px;
  line-height: 30px;
}
.ud__input--size-md .ud__input-password__prefix .ud__button .universe-icon,
.ud__input--size-md .ud__input-password__prefix > .universe-icon,
.ud__input--size-md .ud__input-password__suffix .ud__button .universe-icon,
.ud__input--size-md .ud__input-password__suffix > .universe-icon,
.ud__input--size-md .ud__input__prefix .ud__button .universe-icon,
.ud__input--size-md .ud__input__prefix > .universe-icon,
.ud__input--size-md .ud__input__suffix .ud__button .universe-icon,
.ud__input--size-md .ud__input__suffix > .universe-icon,
.ud__input-password--size-md
  .ud__input-password__prefix
  .ud__button
  .universe-icon,
.ud__input-password--size-md .ud__input-password__prefix > .universe-icon,
.ud__input-password--size-md
  .ud__input-password__suffix
  .ud__button
  .universe-icon,
.ud__input-password--size-md .ud__input-password__suffix > .universe-icon,
.ud__input-password--size-md .ud__input__prefix .ud__button .universe-icon,
.ud__input-password--size-md .ud__input__prefix > .universe-icon,
.ud__input-password--size-md .ud__input__suffix .ud__button .universe-icon,
.ud__input-password--size-md .ud__input__suffix > .universe-icon {
  font-size: 16px;
}
.ud__input--size-md .ud__input-password__clear-icon .universe-icon,
.ud__input--size-md .ud__input__clear-icon .universe-icon,
.ud__input-password--size-md .ud__input-password__clear-icon .universe-icon,
.ud__input-password--size-md .ud__input__clear-icon .universe-icon {
  color: #646a73;
  font-size: 12px;
}
.ud__input--size-md .ud__button--icon,
.ud__input-password--size-md .ud__button--icon {
  margin: -1px 0;
}
.ud__input--size-md .ud__input-password__addon-after .ud__select,
.ud__input--size-md .ud__input-password__addon-before .ud__select,
.ud__input--size-md .ud__input__addon-after .ud__select,
.ud__input--size-md .ud__input__addon-before .ud__select,
.ud__input-password--size-md .ud__input-password__addon-after .ud__select,
.ud__input-password--size-md .ud__input-password__addon-before .ud__select,
.ud__input-password--size-md .ud__input__addon-after .ud__select,
.ud__input-password--size-md .ud__input__addon-before .ud__select {
  margin: -1px -13px;
}
.ud__input--size-lg,
.ud__input-password--size-lg {
  font-size: 16px;
  line-height: 24px;
}
.ud__input--size-lg input,
.ud__input-password--size-lg input {
  font-size: inherit;
  line-height: inherit;
}
.ud__input--size-lg .ud__input-input-wrap,
.ud__input--size-lg .ud__input-password-input-wrap,
.ud__input-password--size-lg .ud__input-input-wrap,
.ud__input-password--size-lg .ud__input-password-input-wrap {
  padding: 7px 8px 7px 11px;
}
.ud__input--size-lg .ud__input-password__addon-after,
.ud__input--size-lg .ud__input-password__addon-before,
.ud__input--size-lg .ud__input__addon-after,
.ud__input--size-lg .ud__input__addon-before,
.ud__input-password--size-lg .ud__input-password__addon-after,
.ud__input-password--size-lg .ud__input-password__addon-before,
.ud__input-password--size-lg .ud__input__addon-after,
.ud__input-password--size-lg .ud__input__addon-before {
  box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px;
  line-height: 38px;
}
.ud__input--size-lg .ud__input-password__prefix .ud__button .universe-icon,
.ud__input--size-lg .ud__input-password__prefix > .universe-icon,
.ud__input--size-lg .ud__input-password__suffix .ud__button .universe-icon,
.ud__input--size-lg .ud__input-password__suffix > .universe-icon,
.ud__input--size-lg .ud__input__prefix .ud__button .universe-icon,
.ud__input--size-lg .ud__input__prefix > .universe-icon,
.ud__input--size-lg .ud__input__suffix .ud__button .universe-icon,
.ud__input--size-lg .ud__input__suffix > .universe-icon,
.ud__input-password--size-lg
  .ud__input-password__prefix
  .ud__button
  .universe-icon,
.ud__input-password--size-lg .ud__input-password__prefix > .universe-icon,
.ud__input-password--size-lg
  .ud__input-password__suffix
  .ud__button
  .universe-icon,
.ud__input-password--size-lg .ud__input-password__suffix > .universe-icon,
.ud__input-password--size-lg .ud__input__prefix .ud__button .universe-icon,
.ud__input-password--size-lg .ud__input__prefix > .universe-icon,
.ud__input-password--size-lg .ud__input__suffix .ud__button .universe-icon,
.ud__input-password--size-lg .ud__input__suffix > .universe-icon {
  font-size: 20px;
}
.ud__input--size-lg .ud__input-password__clear-icon .universe-icon,
.ud__input--size-lg .ud__input__clear-icon .universe-icon,
.ud__input-password--size-lg .ud__input-password__clear-icon .universe-icon,
.ud__input-password--size-lg .ud__input__clear-icon .universe-icon {
  color: #646a73;
  font-size: 16px;
}
.ud__input--size-lg .ud__button--icon,
.ud__input-password--size-lg .ud__button--icon {
  margin: -2px 0;
}
.ud__input--size-lg .ud__input-password__addon-after .ud__select,
.ud__input--size-lg .ud__input-password__addon-before .ud__select,
.ud__input--size-lg .ud__input__addon-after .ud__select,
.ud__input--size-lg .ud__input__addon-before .ud__select,
.ud__input-password--size-lg .ud__input-password__addon-after .ud__select,
.ud__input-password--size-lg .ud__input-password__addon-before .ud__select,
.ud__input-password--size-lg .ud__input__addon-after .ud__select,
.ud__input-password--size-lg .ud__input__addon-before .ud__select {
  margin: -1px -13px;
}
.ud__input input,
.ud__input-password input {
  position: relative;
  border: none;
  outline: 0;
  padding: 0;
  flex: 1;
  overflow: hidden;
  background-color: transparent;
  margin: 0;
  color: #1f2329;
}
.ud__input input::-moz-placeholder,
.ud__input-password input::-moz-placeholder {
  opacity: 1;
}
.ud__input input::placeholder,
.ud__input-password input::placeholder {
  color: #8f959e;
}
.ud__input input:placeholder-shown,
.ud__input-password input:placeholder-shown {
  text-overflow: ellipsis;
}
.ud__input--focused:not(.ud__input-addon),
.ud__input-password--focused:not(.ud__input-addon),
.ud__input-password:focus:not(.ud__input-addon),
.ud__input-password:hover:not(.ud__input-addon),
.ud__input:focus:not(.ud__input-addon),
.ud__input:hover:not(.ud__input-addon) {
  border-color: #1456f0;
}
.ud__input--disabled,
.ud__input-password--disabled {
  border-color: #d0d3d6;
  background-color: #eff0f1;
  color: #8f959e;
  cursor: not-allowed;
}
.ud__input--disabled > *,
.ud__input-password--disabled > * {
  cursor: not-allowed;
  pointer-events: none;
  color: #8f959e;
}
.ud__input--disabled .ud__input-password__addon-after,
.ud__input--disabled .ud__input-password__addon-before,
.ud__input--disabled .ud__input-password__prefix,
.ud__input--disabled .ud__input-password__suffix,
.ud__input--disabled .ud__input__addon-after,
.ud__input--disabled .ud__input__addon-before,
.ud__input--disabled .ud__input__prefix,
.ud__input--disabled .ud__input__suffix,
.ud__input-password--disabled .ud__input-password__addon-after,
.ud__input-password--disabled .ud__input-password__addon-before,
.ud__input-password--disabled .ud__input-password__prefix,
.ud__input-password--disabled .ud__input-password__suffix,
.ud__input-password--disabled .ud__input__addon-after,
.ud__input-password--disabled .ud__input__addon-before,
.ud__input-password--disabled .ud__input__prefix,
.ud__input-password--disabled .ud__input__suffix {
  background-color: transparent;
}
.ud__input--disabled .ud__input-password__addon-after .universe-icon,
.ud__input--disabled .ud__input-password__addon-before .universe-icon,
.ud__input--disabled .ud__input-password__prefix .universe-icon,
.ud__input--disabled .ud__input-password__suffix .universe-icon,
.ud__input--disabled .ud__input__addon-after .universe-icon,
.ud__input--disabled .ud__input__addon-before .universe-icon,
.ud__input--disabled .ud__input__prefix .universe-icon,
.ud__input--disabled .ud__input__suffix .universe-icon,
.ud__input-password--disabled .ud__input-password__addon-after .universe-icon,
.ud__input-password--disabled .ud__input-password__addon-before .universe-icon,
.ud__input-password--disabled .ud__input-password__prefix .universe-icon,
.ud__input-password--disabled .ud__input-password__suffix .universe-icon,
.ud__input-password--disabled .ud__input__addon-after .universe-icon,
.ud__input-password--disabled .ud__input__addon-before .universe-icon,
.ud__input-password--disabled .ud__input__prefix .universe-icon,
.ud__input-password--disabled .ud__input__suffix .universe-icon {
  color: #bbbfc4;
}
.ud__input--disabled
  .ud__input-password__addon-after
  .ud__select
  .ud__select__selector,
.ud__input--disabled
  .ud__input-password__addon-before
  .ud__select
  .ud__select__selector,
.ud__input--disabled
  .ud__input-password__prefix
  .ud__select
  .ud__select__selector,
.ud__input--disabled
  .ud__input-password__suffix
  .ud__select
  .ud__select__selector,
.ud__input--disabled .ud__input__addon-after .ud__select .ud__select__selector,
.ud__input--disabled .ud__input__addon-before .ud__select .ud__select__selector,
.ud__input--disabled .ud__input__prefix .ud__select .ud__select__selector,
.ud__input--disabled .ud__input__suffix .ud__select .ud__select__selector,
.ud__input-password--disabled
  .ud__input-password__addon-after
  .ud__select
  .ud__select__selector,
.ud__input-password--disabled
  .ud__input-password__addon-before
  .ud__select
  .ud__select__selector,
.ud__input-password--disabled
  .ud__input-password__prefix
  .ud__select
  .ud__select__selector,
.ud__input-password--disabled
  .ud__input-password__suffix
  .ud__select
  .ud__select__selector,
.ud__input-password--disabled
  .ud__input__addon-after
  .ud__select
  .ud__select__selector,
.ud__input-password--disabled
  .ud__input__addon-before
  .ud__select
  .ud__select__selector,
.ud__input-password--disabled
  .ud__input__prefix
  .ud__select
  .ud__select__selector,
.ud__input-password--disabled
  .ud__input__suffix
  .ud__select
  .ud__select__selector {
  background-color: transparent;
  color: #8f959e;
}
.ud__input--disabled
  .ud__input-password__addon-after
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input--disabled
  .ud__input-password__addon-before
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input--disabled
  .ud__input-password__prefix
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input--disabled
  .ud__input-password__suffix
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input--disabled
  .ud__input__addon-after
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input--disabled
  .ud__input__addon-before
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input--disabled
  .ud__input__prefix
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input--disabled
  .ud__input__suffix
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input-password--disabled
  .ud__input-password__addon-after
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input-password--disabled
  .ud__input-password__addon-before
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input-password--disabled
  .ud__input-password__prefix
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input-password--disabled
  .ud__input-password__suffix
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input-password--disabled
  .ud__input__addon-after
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input-password--disabled
  .ud__input__addon-before
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input-password--disabled
  .ud__input__prefix
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow,
.ud__input-password--disabled
  .ud__input__suffix
  .ud__select
  .ud__select__selector
  > .ud__select__selector__arrow {
  color: #bbbfc4;
}
.ud__input--disabled.ud__input--error,
.ud__input--disabled.ud__input--focused,
.ud__input--disabled.ud__input-password--error,
.ud__input--disabled.ud__input-password--focused,
.ud__input--disabled.ud__input-password:focus,
.ud__input--disabled.ud__input-password:hover,
.ud__input--disabled.ud__input:focus,
.ud__input--disabled.ud__input:hover,
.ud__input-password--disabled.ud__input--error,
.ud__input-password--disabled.ud__input--focused,
.ud__input-password--disabled.ud__input-password--error,
.ud__input-password--disabled.ud__input-password--focused,
.ud__input-password--disabled.ud__input-password:focus,
.ud__input-password--disabled.ud__input-password:hover,
.ud__input-password--disabled.ud__input:focus,
.ud__input-password--disabled.ud__input:hover {
  border-color: #d0d3d6;
}
.ud__input--error,
.ud__input--error.ud__input--focused,
.ud__input--error.ud__input-password--focused,
.ud__input--error.ud__input-password:focus,
.ud__input--error.ud__input-password:hover,
.ud__input--error.ud__input:focus,
.ud__input--error.ud__input:hover,
.ud__input-password--error,
.ud__input-password--error.ud__input--focused,
.ud__input-password--error.ud__input-password--focused,
.ud__input-password--error.ud__input-password:focus,
.ud__input-password--error.ud__input-password:hover,
.ud__input-password--error.ud__input:focus,
.ud__input-password--error.ud__input:hover {
  border-color: #f54a45;
}
.ud__input-addon .ud__input__prefix,
.ud__input-password-addon .ud__input__prefix {
  padding-left: 8px;
  padding-right: 0;
}
.ud__input-addon .ud__input__clear-icon,
.ud__input-password-addon .ud__input__clear-icon {
  padding-right: 8px;
}
.ud__input-password__prefix,
.ud__input-password__suffix,
.ud__input__prefix,
.ud__input__suffix {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  white-space: nowrap;
}
.ud__input-password__prefix .universe-icon,
.ud__input-password__suffix .universe-icon,
.ud__input__prefix .universe-icon,
.ud__input__suffix .universe-icon {
  color: #646a73;
}
.ud__input-password__suffix > .universe-icon,
.ud__input__suffix > .universe-icon {
  margin: 0 4px;
}
.ud__input-password__addon-after,
.ud__input-password__addon-before,
.ud__input__addon-after,
.ud__input__addon-before {
  text-align: center;
  min-width: 70px;
  white-space: nowrap;
  background-color: #eff0f1;
}
.ud__input-password__addon-after .ud__select__selector,
.ud__input-password__addon-before .ud__select__selector,
.ud__input__addon-after .ud__select__selector,
.ud__input__addon-before .ud__select__selector {
  background-color: transparent;
}
.ud__input-password__addon-after .universe-icon,
.ud__input-password__addon-before .universe-icon,
.ud__input__addon-after .universe-icon,
.ud__input__addon-before .universe-icon {
  color: #646a73;
}
.ud__input-password__addon-after svg,
.ud__input-password__addon-before svg,
.ud__input__addon-after svg,
.ud__input__addon-before svg {
  vertical-align: middle;
}
.ud__input-password__addon-after,
.ud__input__addon-after {
  border: 1px solid #d0d3d6;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.ud__input-password__addon-after .ud__select .ud__select__selector,
.ud__input__addon-after .ud__select .ud__select__selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ud__input-password__addon-before,
.ud__input__addon-before {
  border: 1px solid #d0d3d6;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.ud__input-password__addon-before .ud__select .ud__select__selector,
.ud__input__addon-before .ud__select .ud__select__selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ud__input-password__addon-before + input,
.ud__input__addon-before + input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.ud__input-password__addon-before + input:last-child,
.ud__input__addon-before + input:last-child {
  margin-right: 0;
}
.ud__input-password__prefix,
.ud__input__prefix {
  margin-right: 8px;
}
.ud__input-password__suffix,
.ud__input__suffix {
  margin-left: 8px;
}
.ud__input-password__clear-icon,
.ud__input__clear-icon {
  display: flex;
  align-items: center;
  margin-left: 8px;
  align-self: center;
  opacity: 0;
}
.ud__input-password__clear-icon:hover .universe-icon,
.ud__input__clear-icon:hover .universe-icon {
  color: #1456f0;
}
.ud__input-password__clear-icon:active .universe-icon,
.ud__input__clear-icon:active .universe-icon {
  color: #0442d2;
}
.ud__input-password__clear-icon .universe-icon,
.ud__input__clear-icon .universe-icon {
  color: #8f959e;
}
.ud__input-password__clear-icon-show,
.ud__input__clear-icon-show {
  opacity: 1;
  cursor: pointer;
}
.ud__input--error.ud__input-addon.ud__input--focused .ud__input-input-wrap,
.ud__input--error.ud__input-addon.ud__input--focused
  .ud__input-password-input-wrap,
.ud__input--error.ud__input-addon.ud__input-password--focused
  .ud__input-input-wrap,
.ud__input--error.ud__input-addon.ud__input-password--focused
  .ud__input-password-input-wrap,
.ud__input--error.ud__input-password-addon.ud__input--focused
  .ud__input-input-wrap,
.ud__input--error.ud__input-password-addon.ud__input--focused
  .ud__input-password-input-wrap,
.ud__input--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-input-wrap,
.ud__input--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-password-input-wrap,
.ud__input-password--error.ud__input-addon.ud__input--focused
  .ud__input-input-wrap,
.ud__input-password--error.ud__input-addon.ud__input--focused
  .ud__input-password-input-wrap,
.ud__input-password--error.ud__input-addon.ud__input-password--focused
  .ud__input-input-wrap,
.ud__input-password--error.ud__input-addon.ud__input-password--focused
  .ud__input-password-input-wrap,
.ud__input-password--error.ud__input-password-addon.ud__input--focused
  .ud__input-input-wrap,
.ud__input-password--error.ud__input-password-addon.ud__input--focused
  .ud__input-password-input-wrap,
.ud__input-password--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-input-wrap,
.ud__input-password--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-password-input-wrap {
  border-color: #f54a45 #d0d3d6;
}
.ud__input--error.ud__input-addon.ud__input--focused
  .ud__input-input-wrap:first-child,
.ud__input--error.ud__input-addon.ud__input--focused
  .ud__input-password-input-wrap:first-child,
.ud__input--error.ud__input-addon.ud__input-password--focused
  .ud__input-input-wrap:first-child,
.ud__input--error.ud__input-addon.ud__input-password--focused
  .ud__input-password-input-wrap:first-child,
.ud__input--error.ud__input-password-addon.ud__input--focused
  .ud__input-input-wrap:first-child,
.ud__input--error.ud__input-password-addon.ud__input--focused
  .ud__input-password-input-wrap:first-child,
.ud__input--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-input-wrap:first-child,
.ud__input--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-password-input-wrap:first-child,
.ud__input-password--error.ud__input-addon.ud__input--focused
  .ud__input-input-wrap:first-child,
.ud__input-password--error.ud__input-addon.ud__input--focused
  .ud__input-password-input-wrap:first-child,
.ud__input-password--error.ud__input-addon.ud__input-password--focused
  .ud__input-input-wrap:first-child,
.ud__input-password--error.ud__input-addon.ud__input-password--focused
  .ud__input-password-input-wrap:first-child,
.ud__input-password--error.ud__input-password-addon.ud__input--focused
  .ud__input-input-wrap:first-child,
.ud__input-password--error.ud__input-password-addon.ud__input--focused
  .ud__input-password-input-wrap:first-child,
.ud__input-password--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-input-wrap:first-child,
.ud__input-password--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-password-input-wrap:first-child {
  border-left-color: #f54a45;
}
.ud__input--error.ud__input-addon.ud__input--focused
  .ud__input-input-wrap:last-child,
.ud__input--error.ud__input-addon.ud__input--focused
  .ud__input-password-input-wrap:last-child,
.ud__input--error.ud__input-addon.ud__input-password--focused
  .ud__input-input-wrap:last-child,
.ud__input--error.ud__input-addon.ud__input-password--focused
  .ud__input-password-input-wrap:last-child,
.ud__input--error.ud__input-password-addon.ud__input--focused
  .ud__input-input-wrap:last-child,
.ud__input--error.ud__input-password-addon.ud__input--focused
  .ud__input-password-input-wrap:last-child,
.ud__input--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-input-wrap:last-child,
.ud__input--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-password-input-wrap:last-child,
.ud__input-password--error.ud__input-addon.ud__input--focused
  .ud__input-input-wrap:last-child,
.ud__input-password--error.ud__input-addon.ud__input--focused
  .ud__input-password-input-wrap:last-child,
.ud__input-password--error.ud__input-addon.ud__input-password--focused
  .ud__input-input-wrap:last-child,
.ud__input-password--error.ud__input-addon.ud__input-password--focused
  .ud__input-password-input-wrap:last-child,
.ud__input-password--error.ud__input-password-addon.ud__input--focused
  .ud__input-input-wrap:last-child,
.ud__input-password--error.ud__input-password-addon.ud__input--focused
  .ud__input-password-input-wrap:last-child,
.ud__input-password--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-input-wrap:last-child,
.ud__input-password--error.ud__input-password-addon.ud__input-password--focused
  .ud__input-password-input-wrap:last-child {
  border-right-color: #f54a45;
}
.ud__input--error.ud__input-addon .ud__input-input-wrap,
.ud__input--error.ud__input-addon .ud__input-password-input-wrap,
.ud__input--error.ud__input-password-addon .ud__input-input-wrap,
.ud__input--error.ud__input-password-addon .ud__input-password-input-wrap,
.ud__input-password--error.ud__input-addon .ud__input-input-wrap,
.ud__input-password--error.ud__input-addon .ud__input-password-input-wrap,
.ud__input-password--error.ud__input-password-addon .ud__input-input-wrap,
.ud__input-password--error.ud__input-password-addon
  .ud__input-password-input-wrap {
  border-top-color: #f54a45;
  border-bottom-color: #f54a45;
}
.ud__input--error.ud__input-addon .ud__input-input-wrap:first-child,
.ud__input--error.ud__input-addon .ud__input-password-input-wrap:first-child,
.ud__input--error.ud__input-password-addon .ud__input-input-wrap:first-child,
.ud__input--error.ud__input-password-addon
  .ud__input-password-input-wrap:first-child,
.ud__input-password--error.ud__input-addon .ud__input-input-wrap:first-child,
.ud__input-password--error.ud__input-addon
  .ud__input-password-input-wrap:first-child,
.ud__input-password--error.ud__input-password-addon
  .ud__input-input-wrap:first-child,
.ud__input-password--error.ud__input-password-addon
  .ud__input-password-input-wrap:first-child {
  border-left-color: #f54a45;
}
.ud__input--error.ud__input-addon .ud__input-input-wrap:last-child,
.ud__input--error.ud__input-addon .ud__input-password-input-wrap:last-child,
.ud__input--error.ud__input-password-addon .ud__input-input-wrap:last-child,
.ud__input--error.ud__input-password-addon
  .ud__input-password-input-wrap:last-child,
.ud__input-password--error.ud__input-addon .ud__input-input-wrap:last-child,
.ud__input-password--error.ud__input-addon
  .ud__input-password-input-wrap:last-child,
.ud__input-password--error.ud__input-password-addon
  .ud__input-input-wrap:last-child,
.ud__input-password--error.ud__input-password-addon
  .ud__input-password-input-wrap:last-child {
  border-right-color: #f54a45;
}
.ud__input--error.ud__input-addon .ud__input-input-wrap:hover,
.ud__input--error.ud__input-addon .ud__input-password-input-wrap:hover,
.ud__input--error.ud__input-password-addon .ud__input-input-wrap:hover,
.ud__input--error.ud__input-password-addon .ud__input-password-input-wrap:hover,
.ud__input-password--error.ud__input-addon .ud__input-input-wrap:hover,
.ud__input-password--error.ud__input-addon .ud__input-password-input-wrap:hover,
.ud__input-password--error.ud__input-password-addon .ud__input-input-wrap:hover,
.ud__input-password--error.ud__input-password-addon
  .ud__input-password-input-wrap:hover {
  border-color: #f54a45 #d0d3d6;
}
.ud__input--error.ud__input-addon .ud__input-input-wrap:hover:first-child,
.ud__input--error.ud__input-addon
  .ud__input-password-input-wrap:hover:first-child,
.ud__input--error.ud__input-password-addon
  .ud__input-input-wrap:hover:first-child,
.ud__input--error.ud__input-password-addon
  .ud__input-password-input-wrap:hover:first-child,
.ud__input-password--error.ud__input-addon
  .ud__input-input-wrap:hover:first-child,
.ud__input-password--error.ud__input-addon
  .ud__input-password-input-wrap:hover:first-child,
.ud__input-password--error.ud__input-password-addon
  .ud__input-input-wrap:hover:first-child,
.ud__input-password--error.ud__input-password-addon
  .ud__input-password-input-wrap:hover:first-child {
  border-left-color: #f54a45;
}
.ud__input--error.ud__input-addon .ud__input-input-wrap:hover:last-child,
.ud__input--error.ud__input-addon
  .ud__input-password-input-wrap:hover:last-child,
.ud__input--error.ud__input-password-addon
  .ud__input-input-wrap:hover:last-child,
.ud__input--error.ud__input-password-addon
  .ud__input-password-input-wrap:hover:last-child,
.ud__input-password--error.ud__input-addon
  .ud__input-input-wrap:hover:last-child,
.ud__input-password--error.ud__input-addon
  .ud__input-password-input-wrap:hover:last-child,
.ud__input-password--error.ud__input-password-addon
  .ud__input-input-wrap:hover:last-child,
.ud__input-password--error.ud__input-password-addon
  .ud__input-password-input-wrap:hover:last-child {
  border-right-color: #f54a45;
}
.ud__input--error.ud__input-addon .ud__input__addon-after,
.ud__input--error.ud__input-addon .ud__input__addon-after .ud__select__selector,
.ud__input--error.ud__input-addon .ud__input__addon-before,
.ud__input--error.ud__input-addon
  .ud__input__addon-before
  .ud__select__selector,
.ud__input--error.ud__input-password-addon .ud__input__addon-after,
.ud__input--error.ud__input-password-addon
  .ud__input__addon-after
  .ud__select__selector,
.ud__input--error.ud__input-password-addon .ud__input__addon-before,
.ud__input--error.ud__input-password-addon
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-addon .ud__input__addon-after,
.ud__input-password--error.ud__input-addon
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-addon .ud__input__addon-before,
.ud__input-password--error.ud__input-addon
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon .ud__input__addon-after,
.ud__input-password--error.ud__input-password-addon
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon .ud__input__addon-before,
.ud__input-password--error.ud__input-password-addon
  .ud__input__addon-before
  .ud__select__selector {
  border-top-color: #f54a45;
  border-bottom-color: #f54a45;
}
.ud__input--error.ud__input-addon .ud__input__addon-before,
.ud__input--error.ud__input-addon
  .ud__input__addon-before
  .ud__select__selector,
.ud__input--error.ud__input-password-addon .ud__input__addon-before,
.ud__input--error.ud__input-password-addon
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-addon .ud__input__addon-before,
.ud__input-password--error.ud__input-addon
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon .ud__input__addon-before,
.ud__input-password--error.ud__input-password-addon
  .ud__input__addon-before
  .ud__select__selector {
  border-left-color: #f54a45;
}
.ud__input--error.ud__input-addon .ud__input__addon-after,
.ud__input--error.ud__input-addon .ud__input__addon-after .ud__select__selector,
.ud__input--error.ud__input-password-addon .ud__input__addon-after,
.ud__input--error.ud__input-password-addon
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-addon .ud__input__addon-after,
.ud__input-password--error.ud__input-addon
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon .ud__input__addon-after,
.ud__input-password--error.ud__input-password-addon
  .ud__input__addon-after
  .ud__select__selector {
  border-right-color: #f54a45;
}
.ud__input--error.ud__input-addon.ud__input--disabled .ud__input-input-wrap,
.ud__input--error.ud__input-addon.ud__input--disabled
  .ud__input-password-input-wrap,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input-input-wrap,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input-password-input-wrap,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input-input-wrap,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input-password-input-wrap,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-input-wrap,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-password-input-wrap,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input-input-wrap,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input-password-input-wrap,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input-input-wrap,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input-password-input-wrap,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input-input-wrap,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input-password-input-wrap,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-input-wrap,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-password-input-wrap {
  border-top-color: #d0d3d6;
  border-bottom-color: #d0d3d6;
}
.ud__input--error.ud__input-addon.ud__input--disabled
  .ud__input-input-wrap:first-child,
.ud__input--error.ud__input-addon.ud__input--disabled
  .ud__input-password-input-wrap:first-child,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input-input-wrap:first-child,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input-password-input-wrap:first-child,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input-input-wrap:first-child,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input-password-input-wrap:first-child,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-input-wrap:first-child,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-password-input-wrap:first-child,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input-input-wrap:first-child,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input-password-input-wrap:first-child,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input-input-wrap:first-child,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input-password-input-wrap:first-child,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input-input-wrap:first-child,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input-password-input-wrap:first-child,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-input-wrap:first-child,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-password-input-wrap:first-child {
  border-left-color: #d0d3d6;
}
.ud__input--error.ud__input-addon.ud__input--disabled
  .ud__input-input-wrap:last-child,
.ud__input--error.ud__input-addon.ud__input--disabled
  .ud__input-password-input-wrap:last-child,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input-input-wrap:last-child,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input-password-input-wrap:last-child,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input-input-wrap:last-child,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input-password-input-wrap:last-child,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-input-wrap:last-child,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-password-input-wrap:last-child,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input-input-wrap:last-child,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input-password-input-wrap:last-child,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input-input-wrap:last-child,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input-password-input-wrap:last-child,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input-input-wrap:last-child,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input-password-input-wrap:last-child,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-input-wrap:last-child,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input-password-input-wrap:last-child {
  border-right-color: #d0d3d6;
}
.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-after,
.ud__input--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-before,
.ud__input--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-after,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-before,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-after,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-before,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-after,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-before,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-after,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-before,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-after,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-before,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-after,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-before,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-after,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-before,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-before
  .ud__select__selector {
  border-top-color: #d0d3d6;
  border-bottom-color: #d0d3d6;
}
.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-before,
.ud__input--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-before,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-before,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-before,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-before,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-before,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-before,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-before
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-before,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-before
  .ud__select__selector {
  border-left-color: #d0d3d6;
}
.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-after,
.ud__input--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-after,
.ud__input--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-after,
.ud__input--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-after,
.ud__input--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-after,
.ud__input-password--error.ud__input-addon.ud__input--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-after,
.ud__input-password--error.ud__input-addon.ud__input-password--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-after,
.ud__input-password--error.ud__input-password-addon.ud__input--disabled
  .ud__input__addon-after
  .ud__select__selector,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-after,
.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled
  .ud__input__addon-after
  .ud__select__selector {
  border-right-color: #d0d3d6;
}
.ud__input-addon .ud__input-input-wrap,
.ud__input-addon .ud__input-password-input-wrap,
.ud__input-password-addon .ud__input-input-wrap,
.ud__input-password-addon .ud__input-password-input-wrap {
  border: 1px solid #d0d3d6;
  margin: 0 -1px;
}
.ud__input-addon .ud__input-input-wrap:first-child,
.ud__input-addon .ud__input-password-input-wrap:first-child,
.ud__input-password-addon .ud__input-input-wrap:first-child,
.ud__input-password-addon .ud__input-password-input-wrap:first-child {
  border-radius: 6px 0 0 6px;
  margin-right: -1px;
  margin-left: 0;
}
.ud__input-addon .ud__input-input-wrap:last-child,
.ud__input-addon .ud__input-password-input-wrap:last-child,
.ud__input-password-addon .ud__input-input-wrap:last-child,
.ud__input-password-addon .ud__input-password-input-wrap:last-child {
  border-radius: 0 6px 6px 0;
  margin-right: 0;
}
.ud__input-addon .ud__input-input-wrap:focus,
.ud__input-addon .ud__input-input-wrap:hover,
.ud__input-addon .ud__input-password-input-wrap:focus,
.ud__input-addon .ud__input-password-input-wrap:hover,
.ud__input-password-addon .ud__input-input-wrap:focus,
.ud__input-password-addon .ud__input-input-wrap:hover,
.ud__input-password-addon .ud__input-password-input-wrap:focus,
.ud__input-password-addon .ud__input-password-input-wrap:hover {
  border-color: #1456f0;
  z-index: 1;
}
.ud__input-addon .ud__input-input-wrap .ud__input-password__prefix + input,
.ud__input-addon .ud__input-input-wrap .ud__input__prefix + input,
.ud__input-addon
  .ud__input-password-input-wrap
  .ud__input-password__prefix
  + input,
.ud__input-addon .ud__input-password-input-wrap .ud__input__prefix + input,
.ud__input-password-addon
  .ud__input-input-wrap
  .ud__input-password__prefix
  + input,
.ud__input-password-addon .ud__input-input-wrap .ud__input__prefix + input,
.ud__input-password-addon
  .ud__input-password-input-wrap
  .ud__input-password__prefix
  + input,
.ud__input-password-addon
  .ud__input-password-input-wrap
  .ud__input__prefix
  + input {
  padding-left: 0;
}
.ud__input-addon .ud__input-input-wrap .ud__input-password__clear-icon + span,
.ud__input-addon
  .ud__input-input-wrap
  .ud__input-password__clear-icon:last-child,
.ud__input-addon .ud__input-input-wrap .ud__input__clear-icon + span,
.ud__input-addon .ud__input-input-wrap .ud__input__clear-icon:last-child,
.ud__input-addon
  .ud__input-password-input-wrap
  .ud__input-password__clear-icon
  + span,
.ud__input-addon
  .ud__input-password-input-wrap
  .ud__input-password__clear-icon:last-child,
.ud__input-addon .ud__input-password-input-wrap .ud__input__clear-icon + span,
.ud__input-addon
  .ud__input-password-input-wrap
  .ud__input__clear-icon:last-child,
.ud__input-password-addon
  .ud__input-input-wrap
  .ud__input-password__clear-icon
  + span,
.ud__input-password-addon
  .ud__input-input-wrap
  .ud__input-password__clear-icon:last-child,
.ud__input-password-addon .ud__input-input-wrap .ud__input__clear-icon + span,
.ud__input-password-addon
  .ud__input-input-wrap
  .ud__input__clear-icon:last-child,
.ud__input-password-addon
  .ud__input-password-input-wrap
  .ud__input-password__clear-icon
  + span,
.ud__input-password-addon
  .ud__input-password-input-wrap
  .ud__input-password__clear-icon:last-child,
.ud__input-password-addon
  .ud__input-password-input-wrap
  .ud__input__clear-icon
  + span,
.ud__input-password-addon
  .ud__input-password-input-wrap
  .ud__input__clear-icon:last-child {
  margin-left: 0;
}
.ud__input-addon .ud__input-input-wrap input:first-child,
.ud__input-addon .ud__input-password-input-wrap input:first-child,
.ud__input-password-addon .ud__input-input-wrap input:first-child,
.ud__input-password-addon .ud__input-password-input-wrap input:first-child {
  padding-right: 0;
}
.ud__input-addon.ud__input--focused .ud__input-input-wrap,
.ud__input-addon.ud__input--focused .ud__input-password-input-wrap,
.ud__input-addon.ud__input-password--focused .ud__input-input-wrap,
.ud__input-addon.ud__input-password--focused .ud__input-password-input-wrap,
.ud__input-password-addon.ud__input--focused .ud__input-input-wrap,
.ud__input-password-addon.ud__input--focused .ud__input-password-input-wrap,
.ud__input-password-addon.ud__input-password--focused .ud__input-input-wrap,
.ud__input-password-addon.ud__input-password--focused
  .ud__input-password-input-wrap {
  border-color: #1456f0;
  z-index: 1;
}
.ud__input-password__suffix {
  cursor: pointer;
}
.ud__input-group {
  width: 100%;
  display: inline-flex;
  align-items: baseline;
}
.ud__input-group > .ud__button:first-child,
.ud__input-group > .ud__input-number:first-child,
.ud__input-group > .ud__input:first-child,
.ud__input-group > .ud__picker:first-child > .ud__picker-inputWrapper,
.ud__input-group > .ud__select:first-child > .ud__select__selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ud__input-group > .ud__button:last-child,
.ud__input-group > .ud__input-addon .ud__input-input-wrap:first-child,
.ud__input-group > .ud__input-number:last-child,
.ud__input-group > .ud__input:last-child,
.ud__input-group > .ud__picker:last-child > .ud__picker-inputWrapper,
.ud__input-group > .ud__select:last-child > .ud__select__selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ud__input-group > .ud__input--error:first-child,
.ud__input-group > .ud__input-number--error:first-child,
.ud__input-group > .ud__picker--error:first-child > .ud__picker-inputWrapper,
.ud__input-group > .ud__select:first-child > .ud__select__selector-error {
  border-right-color: #d0d3d6;
}
.ud__input-group > .ud__input--error:last-child,
.ud__input-group > .ud__input-number--error:last-child,
.ud__input-group > .ud__picker--error:last-child > .ud__picker-inputWrapper,
.ud__input-group > .ud__select:last-child > .ud__select__selector-error {
  border-left-color: #d0d3d6;
}
.ud__input-group > .ud__input-number--error:first-child:hover {
  border-right-color: #d0d3d6;
}
.ud__input-group > .ud__input-number--error:last-child:hover {
  border-left-color: #d0d3d6;
}
.ud__input-group .ud__input-number:not(:first-child):not(:last-child),
.ud__input-group .ud__input:not(:first-child):not(:last-child),
.ud__input-group
  .ud__picker:not(:first-child):not(:last-child)
  .ud__picker-inputWrapper,
.ud__input-group
  .ud__select:not(:first-child):not(:last-child)
  > .ud__select__selector {
  border-radius: 0;
}
.ud__input-group .ud__button:not(:first-child):not(:last-child),
.ud__input-group .ud__input--error:not(:first-child):not(:last-child),
.ud__input-group .ud__input-number--error:not(:first-child):not(:last-child),
.ud__input-group
  .ud__picker--error:not(:first-child):not(:last-child)
  > .ud__picker-inputWrapper,
.ud__input-group
  .ud__select:not(:first-child):not(:last-child)
  > .ud__select__selector-error {
  border-left-color: #d0d3d6;
  border-right-color: #d0d3d6;
}
.ud__input-group
  .ud__input-number--error:not(:first-child):not(:last-child)
  .ud__input-number__handle {
  border-radius: 0;
}
.ud__input-group .ud__input--focused {
  z-index: 1;
}
.ud__input-group .ud__button,
.ud__input-group .ud__input,
.ud__input-group .ud__input-number,
.ud__input-group .ud__picker,
.ud__input-group .ud__select {
  vertical-align: middle;
  position: relative;
}
.ud__input-group .ud__button--focus,
.ud__input-group .ud__button:focus,
.ud__input-group .ud__button:hover,
.ud__input-group .ud__input--focus,
.ud__input-group .ud__input-number--focus,
.ud__input-group .ud__input-number:focus,
.ud__input-group .ud__input-number:hover,
.ud__input-group .ud__input:focus,
.ud__input-group .ud__input:hover,
.ud__input-group .ud__picker--focus,
.ud__input-group .ud__picker:focus,
.ud__input-group .ud__picker:hover,
.ud__input-group .ud__select--focus,
.ud__input-group .ud__select:focus,
.ud__input-group .ud__select:hover {
  z-index: 1;
}
.ud__input-group--compact:before {
  display: table;
  content: "";
}
.ud__input-group--compact:after {
  display: table;
  clear: both;
  content: "";
}
.ud__input-group--compact > .ud__button:not(:last-child),
.ud__input-group--compact > .ud__input-number:not(:last-child),
.ud__input-group--compact > .ud__input:not(:last-child),
.ud__input-group--compact > .ud__picker:not(:last-child),
.ud__input-group--compact
  > .ud__select:not(:last-child)
  > .ud__select__selector {
  margin-right: -1px;
  border-right-width: 1px;
}
.ud__input__count-current {
  color: #1f2329;
}
.ud__input__count-exceed {
  color: #f54a45;
}
.ud__search--error {
  border-color: #f54a45;
}
.ud__search--shape-round.ud__search--size-sm {
  border-radius: 26px;
}
.ud__search--shape-round.ud__search--size-md {
  border-radius: 32px;
}
.ud__search--shape-round.ud__search--size-lg {
  border-radius: 40px;
}
.ud__search .ud__input__prefix,
.ud__search .ud__input__suffix {
  color: #646a73;
}
.ud__textarea {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.ud__textarea textarea {
  box-sizing: border-box;
  display: block;
  outline: 0;
  border: 1px solid #d0d3d6;
  border-radius: 6px;
  padding: 4px 11px;
  min-height: 30px;
  max-width: 100%;
  width: 100%;
  height: 100%;
  margin: 0;
  resize: vertical;
  color: #1f2329;
  background-color: #fff;
}
.ud__textarea textarea::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  transition: background 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
  background-color: #1f23294d;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.ud__textarea textarea::-webkit-scrollbar {
  width: 11px;
  height: 11px;
  background-color: transparent;
  overflow: hidden;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.ud__textarea textarea::-webkit-scrollbar-thumb:hover {
  background-color: #1f232999 !important;
}
.ud__textarea textarea::-webkit-scrollbar:hover {
  width: 11px;
  height: 11px;
}
.ud__textarea textarea::-webkit-scrollbar-button {
  display: none;
}
.ud__textarea textarea::-webkit-scrollbar-track {
  background-color: transparent;
}
.ud__textarea textarea::-moz-placeholder {
  opacity: 1;
}
.ud__textarea textarea::placeholder {
  color: #8f959e;
}
.ud__textarea textarea:placeholder-shown {
  text-overflow: ellipsis;
}
.ud__textarea textarea--focused,
.ud__textarea textarea:focus,
.ud__textarea textarea:hover {
  border-color: #1456f0;
}
.ud__textarea textarea::-webkit-resizer,
.ud__textarea textarea::-webkit-scrollbar-corner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEWSURBVHgBjZFRSsNAEIb/3fQAOUK9gfpe6YIovjU3UE+gJ2g8gTcw3sC+itUFrW+BeAN7ATFSKAjbHWcSC+mSlszLDrvfzvzzj0LHmNpZBtBQd4Gf7fuYgHPPueoCe1DK1UsHd7Dzw+P0daQj/SC5h09OzdGktw221vZXUBlVMN0ILPd6O9yzBBXX8CBdv6kWOGa4YLivQJNjM0ia73oTLsBwJjCB5gu4i7CgbsIey5ThEcOfKziTGFOGHypJeZ7jZ/Gbst4x2/fN9h2eGTNvgk92VrDEWLNmfJXLpIYrRy5b4Fs+9v2/pL0oUncI7FuHLI6PK5lJZGoe8qXNvrry27DesoRLpLPmNkTw9yEcxPWJMR+S/AFbfpAZqxwUNQAAAABJRU5ErkJggg==);
  background-size: 6px 7px;
  background-repeat: no-repeat;
  background-position: center;
}
.ud__textarea textarea::-webkit-scrollbar-corner {
  background-color: transparent;
  overflow: hidden;
  border-bottom-right-radius: 6px;
}
.ud__textarea--error textarea,
.ud__textarea--error textarea--focused,
.ud__textarea--error textarea:focus,
.ud__textarea--error textarea:hover {
  border-color: #f54a45;
}
.ud__textarea__clear-icon {
  position: absolute;
  top: 6px;
  right: 12px;
  z-index: 1;
  height: 22px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ud__textarea__clear-icon:hover .universe-icon {
  color: #1456f0;
}
.ud__textarea__clear-icon:active .universe-icon {
  color: #0442d2;
}
.ud__textarea__clear-icon .universe-icon {
  color: #8f959e;
  font-size: 16px;
  vertical-align: -0.2em;
}
.ud__textarea-suffix {
  position: absolute;
  z-index: 0;
  right: 9px;
  bottom: 9px;
  line-height: 0;
}
.ud__textarea-suffix-slot {
  margin-right: 4px;
}
.ud__textarea--show-count textarea {
  padding-bottom: 22px;
}
.ud__textarea--show-clear textarea {
  padding-right: 36px;
}
.ud__textarea--disabled {
  color: #8f959e;
  cursor: not-allowed;
}
.ud__textarea--disabled textarea {
  color: #8f959e;
  border-color: #d0d3d6;
  background-color: #eff0f1;
  cursor: not-allowed;
}
.ud__textarea--disabled textarea:hover {
  border-color: #d0d3d6;
}
.ud__textarea--disabled textarea::-webkit-scrollbar,
.ud__textarea--disabled textarea::-webkit-scrollbar-corner,
.ud__textarea--disabled textarea::-webkit-scrollbar-track {
  background-color: #eff0f1;
}
.ud__input-number {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #1f2329;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  position: relative;
  background-color: #fff;
  background-image: none;
  display: inline-flex;
  width: 150px;
  border: 1px solid #d0d3d6;
  border-radius: 6px;
  transition: border 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
  overflow: hidden;
}
.ud__input-number input {
  box-sizing: border-box;
  background-color: transparent;
  color: #1f2329;
}
.ud__input-number__handle {
  color: #646a73;
}
.ud__input-number:after {
  display: table;
  clear: both;
  content: "";
}
.ud__input-number--size-sm {
  padding: 3px 7px;
}
.ud__input-number--size-sm input {
  font-size: 12px;
  height: 20px;
}
.ud__input-number--size-md {
  padding: 4px 11px;
}
.ud__input-number--size-md input {
  font-size: 14px;
  height: 22px;
}
.ud__input-number--size-lg {
  padding: 7px 11px;
}
.ud__input-number--size-lg input {
  font-size: 16px;
  height: 24px;
}
.ud__input-number--focused:not(.ud__input-number--mode-stepper):not(
    .ud__input-number--disabled
  ),
.ud__input-number:focus:not(.ud__input-number--mode-stepper):not(
    .ud__input-number--disabled
  ),
.ud__input-number:hover:not(.ud__input-number--mode-stepper):not(
    .ud__input-number--disabled
  ) {
  border-color: #1456f0;
}
.ud__input-number--error,
.ud__input-number--error.ud__input-number--focused:not(
    .ud__input-number--mode-stepper
  ):not(.ud__input-number--disabled),
.ud__input-number--error.ud__input-number:focus:not(
    .ud__input-number--mode-stepper
  ):not(.ud__input-number--disabled),
.ud__input-number--error.ud__input-number:hover:not(
    .ud__input-number--mode-stepper
  ):not(.ud__input-number--disabled) {
  border-color: #f54a45;
}
.ud__input-number--disabled {
  border-color: #d0d3d6;
  background-color: #eff0f1;
  color: #8f959e;
  cursor: not-allowed;
}
.ud__input-number--disabled .ud__input-number__addon-after *,
.ud__input-number--disabled .ud__input-number__addon-before *,
.ud__input-number--disabled > * {
  cursor: not-allowed;
  pointer-events: none;
  color: #8f959e;
}
.ud__input-number--disabled:focus,
.ud__input-number--disabled:hover {
  border-color: #d0d3d6;
}
.ud__input-number--disabled .ud__input-number__handle {
  background-color: #eff0f1;
}
.ud__input-number--disabled input {
  color: #8f959e;
  -webkit-text-fill-color: #8f959e;
}
.ud__input-number__handle {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 100%;
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
}
.ud__input-number__handle-item {
  box-sizing: border-box;
  font-size: 8px;
  height: 50%;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: #d0d3d6;
  cursor: pointer;
  transition:
    background 0.2s cubic-bezier(0.34, 0.69, 0.1, 1),
    border 0.2s cubic-bezier(0.34, 0.69, 0.1, 1),
    color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__input-number__handle-item:active:not(
    .ud__input-number__handle-item--disabled
  ),
.ud__input-number__handle-item:hover:not(
    .ud__input-number__handle-item--disabled
  ) {
  border-color: #1456f0;
  color: #1456f0;
  position: relative;
}
.ud__input-number__handle-item:hover:not(
    .ud__input-number__handle-item--disabled
  ) {
  background-color: #1456f01a;
}
.ud__input-number__handle-item:active:not(
    .ud__input-number__handle-item--disabled
  ) {
  background-color: #1456f033;
}
.ud__input-number__handle-item--disabled {
  background-color: #eff0f1;
  color: #8f959e;
  cursor: not-allowed;
}
.ud__input-number__handle-item:first-child:active:not(
    .ud__input-number__handle-item--disabled
  ):after,
.ud__input-number__handle-item:first-child:hover:not(
    .ud__input-number__handle-item--disabled
  ):after {
  content: "";
  height: 1px;
  background-color: #1456f0;
  width: 102%;
  bottom: -1px;
  left: -1px;
  position: absolute;
}
.ud__input-number__handle-item:last-child {
  border-top: 1px solid #d0d3d6;
}
.ud__input-number__handle-item:last-child:active:not(
    .ud__input-number__handle-item--disabled
  ),
.ud__input-number__handle-item:last-child:hover:not(
    .ud__input-number__handle-item--disabled
  ) {
  border-top-color: #1456f0;
}
.ud__input-number input {
  border: none;
  outline: 0;
  width: 100%;
  padding: 0;
  text-align: left;
  margin: 0;
}
.ud__input-number input::-moz-placeholder {
  opacity: 1;
}
.ud__input-number input::placeholder {
  color: #8f959e;
}
.ud__input-number input:placeholder-shown {
  text-overflow: ellipsis;
}
.ud__input-number--mode-default input {
  padding-right: 32px;
}
.ud__input-number--readOnly input,
.ud__input-number--withoutContorls input {
  padding-right: 0;
}
.ud__input-number--mode-stepper {
  padding: 0;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  border-width: 0;
  vertical-align: middle;
}
.ud__input-number--mode-stepper .ud__input-number__input-wrap {
  flex: 1;
  height: 100%;
}
.ud__input-number--mode-stepper .ud__input-number__stepper-btn {
  box-sizing: border-box;
  width: 40px;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d0d3d6;
  cursor: pointer;
  transition:
    background 0.2s cubic-bezier(0.34, 0.69, 0.1, 1),
    border 0.2s cubic-bezier(0.34, 0.69, 0.1, 1),
    color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
  color: #646a73;
}
.ud__input-number--mode-stepper .ud__input-number__stepper-btn:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-right: -1px;
}
.ud__input-number--mode-stepper .ud__input-number__stepper-btn:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  margin-left: -1px;
}
.ud__input-number--mode-stepper .ud__input-number__stepper-btn--disabled {
  background-color: #eff0f1;
  color: #8f959e;
  cursor: not-allowed;
}
.ud__input-number--mode-stepper
  .ud__input-number__stepper-btn:active:not(
    .ud__input-number__stepper-btn--disabled
  ),
.ud__input-number--mode-stepper
  .ud__input-number__stepper-btn:hover:not(
    .ud__input-number__stepper-btn--disabled
  ) {
  border-color: #1456f0;
  color: #1456f0;
  z-index: 1;
}
.ud__input-number--mode-stepper
  .ud__input-number__stepper-btn:hover:not(
    .ud__input-number__stepper-btn--disabled
  ) {
  background-color: #1456f01a;
}
.ud__input-number--mode-stepper
  .ud__input-number__stepper-btn:active:not(
    .ud__input-number__stepper-btn--disabled
  ) {
  background-color: #1456f033;
}
.ud__input-number--mode-stepper input {
  box-sizing: border-box;
  text-align: center;
  position: relative;
  height: 100%;
  border: 1px solid #d0d3d6;
  transition: border 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
  border-radius: 0;
}
.ud__input-number--mode-stepper input:active,
.ud__input-number--mode-stepper input:focus,
.ud__input-number--mode-stepper input:hover {
  border-color: #1456f0;
}
.ud__input-number--readOnly input {
  border-radius: 6px;
}
.ud__input-number--mode-stepper.ud__input-number--size-sm {
  height: 28px;
}
.ud__input-number--mode-stepper.ud__input-number--size-md {
  height: 32px;
}
.ud__input-number--mode-stepper.ud__input-number--size-lg {
  height: 40px;
}
.ud__input-number__input-wrap {
  box-sizing: border-box;
  line-height: 0;
  width: 100%;
}
.ud__input-number__input-wrap > input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.ud__input-number__input-wrap > input[type="number"]::-webkit-inner-spin-button,
.ud__input-number__input-wrap
  > input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ud__input-number--mode-stepper.ud__input-number--error:not(
    .ud__input-number--disabled
  )
  input {
  border-color: #f54a45;
}
.ud__input-number--mode-stepper.ud__input-number--disabled
  .ud__input-number__stepper-btn {
  background-color: #eff0f1;
  color: #d0d3d6;
  cursor: not-allowed;
}
.ud__input-number--mode-stepper.ud__input-number--disabled input {
  background-color: #eff0f1;
}
.ud__input-number__addon {
  display: inline-flex;
  box-sizing: border-box;
  border-radius: 6px;
}
.ud__input-number__addon .ud__input-number__addon-after,
.ud__input-number__addon .ud__input-number__addon-before {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 70px;
  background-color: #eff0f1;
}
.ud__input-number__addon .ud__input-number__addon-after svg,
.ud__input-number__addon .ud__input-number__addon-before svg {
  vertical-align: middle;
  color: #646a73;
}
.ud__input-number__addon .ud__input-number__addon-after {
  border: 1px solid #d0d3d6;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-left-width: 0;
}
.ud__input-number__addon .ud__input-number__addon-after .ud__select__selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ud__input-number__addon .ud__input-number__addon-before {
  border: 1px solid #d0d3d6;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-right-width: 0;
}
.ud__input-number__addon .ud__input-number__addon-before .ud__select__selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ud__input-number__addon .ud__input-number__addon-before + input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.ud__input-number__addon .ud__input-number__addon-before + input:last-child {
  margin-right: 0;
}
.ud__input-number__addon-before-warp .ud__input-number {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ud__input-number__addon-after-warp .ud__input-number {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ud__layout {
  box-sizing: border-box;
  display: flex;
  flex: auto;
  flex-direction: column;
  background: #f2f3f5;
}
.ud__layout__header {
  box-sizing: border-box;
  color: #1f2329;
  background: #fff;
}
.ud__layout__footer {
  box-sizing: border-box;
  color: #1f2329;
  background: #f2f3f5;
}
.ud__layout__sider {
  box-sizing: border-box;
  background: #fff;
}
.ud__layout__sider-trigger {
  box-sizing: border-box;
  color: #1f2329;
  background: #fff;
  border-top: 1px solid #d0d3d6;
}
.ud__layout__sider--zero-width-trigger {
  color: #1f2329;
  background: #fff;
}
.ud__layout__sider--zero-width-trigger:hover {
  background: #fff;
}
.ud__menu {
  box-sizing: border-box;
  color: #1f2329;
  background: #fff;
}
.ud__menu:after,
.ud__menu:before {
  display: table;
  content: "";
}
.ud__menu-icon-wrap {
  box-sizing: border-box;
  display: flex;
  color: #2b2f36;
}
.ud__menu-icon-wrap-disabled {
  color: #bbbfc4;
}
.ud__menu-item-group-title {
  box-sizing: border-box;
  color: #8f959e;
}
.ud__menu-submenu-selected,
.ud__menu-submenu-selected > .ud__menu-submenu-title > .ud__menu-icon-wrap {
  color: #1456f0;
}
.ud__menu-item:active,
.ud__menu-submenu-title:active {
  background: #1456f026;
}
.ud__menu-submenu .ud__menu-sub {
  border: 1px solid #dee0e3;
  box-shadow:
    0 8px 24px 8px #1f23290a,
    0 6px 12px #1f23290a,
    0 4px 8px -8px #1f23290f;
}
.ud__menu-item a {
  color: #1f2329;
}
.ud__menu-item a:hover {
  color: #1456f0;
}
.ud__menu-item a:before {
  position: absolute;
  inset: 0;
  background-color: transparent;
  content: "";
}
.ud__menu-item-divider {
  background-color: #1f232926;
}
.ud__menu-item-active,
.ud__menu-submenu-title:hover {
  background: #1f232914;
}
.ud__menu-item-selected {
  color: #1456f0;
}
.ud__menu-item-selected .ud__menu-icon-wrap,
.ud__menu-item-selected a,
.ud__menu-item-selected a:hover {
  color: #1456f0;
}
.ud__menu:not(.ud__menu-horizontal) .ud__menu-item-selected {
  background-color: #1456f026;
}
.ud__menu-vertical-right {
  border-left: 1px solid #dee0e3;
}
.ud__menu-vertical-left.ud__menu-sub .ud__menu-item:after,
.ud__menu-vertical-right.ud__menu-sub .ud__menu-item:after,
.ud__menu-vertical.ud__menu-sub .ud__menu-item:after {
  border-right: 0;
}
.ud__menu-item,
.ud__menu-submenu-title {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.ud__menu > .ud__menu-item-divider {
  background-color: #1f232926;
}
.ud__menu-submenu-popup:before {
  position: absolute;
  inset: -7px 0 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.0001;
  content: " ";
}
.ud__menu-submenu-placement-rightTop:before {
  top: 0;
  left: -7px;
}
.ud__menu-submenu > .ud__menu {
  background-color: #fff;
}
.ud__menu-submenu > .ud__menu-submenu-title:after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ud__menu-submenu-popup > .ud__menu {
  background-color: #fff;
}
.ud__menu-submenu-arrow,
.ud__menu-submenu-expand-icon {
  box-sizing: border-box;
  color: #8f959e;
}
.ud__menu-submenu:hover
  > .ud__menu-submenu-title
  > .ud__menu-submenu-expand-icon,
.ud__menu-vertical .ud__menu-submenu-selected,
.ud__menu-vertical-left .ud__menu-submenu-selected,
.ud__menu-vertical-right .ud__menu-submenu-selected {
  color: #1456f0;
}
.ud__menu-inline .ud__menu-item:after,
.ud__menu-inline .ud__menu-submenu-title:after,
.ud__menu-vertical .ud__menu-item:after,
.ud__menu-vertical .ud__menu-submenu-title:after,
.ud__menu-vertical-left .ud__menu-item:after,
.ud__menu-vertical-left .ud__menu-submenu-title:after,
.ud__menu-vertical-right .ud__menu-item:after,
.ud__menu-vertical-right .ud__menu-submenu-title:after {
  content: "";
  background-color: transparent;
  position: absolute;
  inset: -1px -8px;
  z-index: -1;
}
.ud__menu-vertical .ud__menu-submenu-title[aria-expanded="true"] {
  background: #1f232914;
}
.ud__menu-item-disabled,
.ud__menu-submenu-disabled {
  color: #bbbfc4 !important;
}
.ud__menu-item-disabled a,
.ud__menu-submenu-disabled a {
  color: #bbbfc4 !important;
  pointer-events: none;
}
.ud__menu-item-disabled > .ud__menu-submenu-title,
.ud__menu-submenu-disabled > .ud__menu-submenu-title {
  color: #bbbfc4 !important;
}
.ud__menu-item-disabled
  > .ud__menu-submenu-title
  > .ud__menu-submenu-arrow:after,
.ud__menu-item-disabled
  > .ud__menu-submenu-title
  > .ud__menu-submenu-arrow:before,
.ud__menu-submenu-disabled
  > .ud__menu-submenu-title
  > .ud__menu-submenu-arrow:after,
.ud__menu-submenu-disabled
  > .ud__menu-submenu-title
  > .ud__menu-submenu-arrow:before {
  background: #bbbfc4 !important;
}
.ud__menu-horizontal > .ud__menu-item-selected,
.ud__menu-horizontal > .ud__menu-submenu-selected {
  color: #1456f0;
}
.ud__menu-horizontal > .ud__menu-item-selected .ud__menu-item__ink:after,
.ud__menu-horizontal > .ud__menu-submenu-selected .ud__menu-item__ink:after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #1456f0;
}
.ud__menu-horizontal > .ud__menu-item-active,
.ud__menu-horizontal > .ud__menu-item-active .ud__menu-icon-wrap,
.ud__menu-horizontal > .ud__menu-item-open,
.ud__menu-horizontal > .ud__menu-item-open .ud__menu-icon-wrap,
.ud__menu-horizontal > .ud__menu-item:hover,
.ud__menu-horizontal > .ud__menu-item:hover .ud__menu-icon-wrap,
.ud__menu-horizontal > .ud__menu-submenu-active,
.ud__menu-horizontal > .ud__menu-submenu-active .ud__menu-icon-wrap,
.ud__menu-horizontal > .ud__menu-submenu-open,
.ud__menu-horizontal > .ud__menu-submenu-open .ud__menu-icon-wrap,
.ud__menu-horizontal > .ud__menu-submenu:hover,
.ud__menu-horizontal > .ud__menu-submenu:hover .ud__menu-icon-wrap {
  color: #1456f0;
}
.ud__menu-horizontal > .ud__menu-item-disabled-active .ud__menu-icon-wrap,
.ud__menu-horizontal > .ud__menu-item-disabled-open .ud__menu-icon-wrap,
.ud__menu-horizontal > .ud__menu-item-disabled:hover .ud__menu-icon-wrap,
.ud__menu-horizontal > .ud__menu-submenu-disabled-active .ud__menu-icon-wrap,
.ud__menu-horizontal > .ud__menu-submenu-disabled-open .ud__menu-icon-wrap,
.ud__menu-horizontal > .ud__menu-submenu-disabled:hover .ud__menu-icon-wrap {
  color: #bbbfc4;
}
.ud__menu-horizontal > .ud__menu-item a {
  color: #1f2329;
}
.ud__menu-horizontal > .ud__menu-item a:hover {
  color: #1456f0;
}
.ud__menu-horizontal > .ud__menu-item a:before {
  bottom: -2px;
}
.ud__menu-horizontal > .ud__menu-item-selected a {
  color: #1456f0;
}
.ud__menu-horizontal:after {
  display: block;
  clear: both;
  height: 0;
  content: " ";
}
.ud__menu-normal {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow:
    0 8px 24px 8px #1f23290a,
    0 6px 12px #1f23290a,
    0 4px 8px -8px #1f23290f;
  border: 1px solid #dee0e3;
}
.ud__menu-normal-item-group-title {
  box-sizing: border-box;
  color: #8f959e;
}
.ud__menu-normal-icon-wrap {
  box-sizing: border-box;
  color: #646a73;
}
.ud__menu-normal-icon-wrap-disabled {
  color: #bbbfc4;
}
.ud__menu-normal-item-active,
.ud__menu-normal-item:hover,
.ud__menu-normal-submenu-active > .ud__menu-normal-submenu-title,
.ud__menu-normal-submenu-title:hover {
  background-color: #1f232914;
}
.ud__menu-normal-item:focus-visible,
.ud__menu-normal-submenu-title:focus-visible {
  --hack-merge-rules: true;
  background-color: #1f232914;
}
.ud__menu-normal-item:after,
.ud__menu-normal-submenu-title:after {
  content: "";
  background-color: transparent;
  position: absolute;
  inset: -1px -3px;
  z-index: -1;
}
.ud__menu-normal-item[aria-expanded="true"],
.ud__menu-normal-submenu-title[aria-expanded="true"] {
  background: #1f232914;
}
.ud__menu-normal-item a,
.ud__menu-normal-submenu-title a {
  color: #1f2329;
}
.ud__menu-normal-item a:hover,
.ud__menu-normal-submenu-title a:hover {
  color: #1f2329;
}
.ud__menu-normal-item-divider,
.ud__menu-normal-submenu-title-divider {
  box-sizing: border-box;
  box-shadow: inset 0 1px #1f232926;
}
.ud__menu-normal-item .ud__menu-normal-submenu-arrow,
.ud__menu-normal-submenu-title .ud__menu-normal-submenu-arrow {
  box-sizing: border-box;
  color: #8f959e;
}
.ud__menu-normal-item,
.ud__menu-normal-submenu {
  box-sizing: border-box;
  color: #1f2329;
}
.ud__menu-normal-item-selected,
.ud__menu-normal-item-selected a {
  color: #1456f0;
}
.ud__menu-normal-item-suffix-icon {
  box-sizing: border-box;
  color: #8f959e;
}
.ud__menu-normal-item-selected .ud__menu-normal-icon-wrap,
.ud__menu-normal-item-selected > .ud__menu-normal-item-suffix-icon {
  color: #1456f0;
}
.ud__menu-normal-submenu.ud__menu-normal-submenu-disabled
  .ud__menu-normal-submenu-title,
.ud__menu-normal-submenu.ud__menu-normal-submenu-disabled
  .ud__menu-normal-submenu-title
  .ud__menu-normal-submenu-arrow-icon {
  box-sizing: border-box;
  color: #bbbfc4;
  background-color: #fff;
}
.ud__menu-normal-item-disabled,
.ud__menu-normal-submenu-disabled {
  color: #bbbfc4;
}
.ud__menu-normal-item-disabled a,
.ud__menu-normal-submenu-disabled a {
  color: #bbbfc4;
}
.ud__menu-inline .ud__menu-item-selected:after,
.ud__menu-inline .ud__menu-selected:after {
  transform: scaleY(1);
  opacity: 1;
  transition:
    transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ud__menu-inline-collapsed .ud__menu-item-selected:after {
  transform: scaleY(1);
  opacity: 1;
  transition:
    transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ud__dropdown__arrow__content {
  box-sizing: border-box;
  content: "";
  border: 1px solid #dee0e3;
  background: #fff;
  transform-origin: center;
}
.ud__color-picker {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  border: 1px solid #dee0e3;
  border-radius: 8px;
  box-shadow: 0 4px 8px #1f23291a;
  background-color: #fff;
}
.ud__color-picker-simple {
  padding: 12px;
}
.ud__color-picker-more {
  box-sizing: border-box;
  height: 43px;
  position: relative;
  margin: 0 14px;
  border-top: 1px solid #dee0e3;
  font-size: 12px;
  color: #646a73;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ud__color-picker-more-left {
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.ud__color-picker-more-left > img {
  box-sizing: border-box;
  width: 15px;
  height: 15px;
}
.ud__color-picker-more-left > span {
  box-sizing: border-box;
  margin-left: 8px;
}
.ud__color-picker-more.ud__color-picker-more-empty {
  border-top: none;
}
.ud__color-picker-more .universe-icon {
  color: #646a73;
}
.ud__color-picker-swatches {
  box-sizing: border-box;
  padding: 24px 24px 16px;
}
.ud__color-picker-swatches.ud__color-picker-swatches-empty {
  padding: 0;
}
.ud__color-picker-swatches-row {
  box-sizing: border-box;
  display: flex;
  margin-bottom: 6px;
}
.ud__color-picker-swatches-row:first-child {
  margin-bottom: 16px;
}
.ud__color-picker-swatches-row:last-child {
  margin-bottom: 0;
}
.ud__color-picker-swatches-row-cell {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ud__color-picker-swatches-row-cell-empty {
  color: #dee0e3;
}
.ud__color-picker-swatches-row-cell-highlight {
  border: 1px solid #dee0e3;
}
.ud__color-picker-swatches-row-cell .universe-icon {
  position: absolute;
  color: #fff;
  z-index: 2;
}
.ud__color-picker-swatches-row-cell-icon-deepen .universe-icon {
  opacity: 0.6;
  color: #000;
}
.ud__color-picker-swatches-row > .ud__color-picker-swatches-cell-wrapper {
  margin-right: 12px;
}
.ud__color-picker-swatches-row
  > .ud__color-picker-swatches-cell-wrapper:last-child {
  margin-right: 0;
}
.ud__color-picker-swatches-cell-wrapper {
  width: 18px;
  height: 18px;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 12px;
}
.ud__color-picker-swatches-cell-wrapper:hover:before {
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  left: -1px;
  top: -1px;
  box-shadow: 0 0 0 2px #94b4ff;
  border-radius: 4px;
}
.ud__color-picker-swatches-cell-wrapper.ud__color-picker-swatches-cell-active {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ud__color-picker-swatches-cell-wrapper.ud__color-picker-swatches-cell-active
  .ud__color-picker-swatches-row-cell:before {
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  left: -1px;
  top: -1px;
  box-shadow: 0 0 0 2px #1456f0;
  border-radius: 4px;
}
.ud__color-picker-saturation {
  box-sizing: border-box;
  position: relative;
  width: 188px;
  height: 120px;
  border-radius: 4px;
  cursor: pointer;
}
.ud__color-picker-saturation-border {
  box-sizing: border-box;
  position: absolute;
  inset: 0;
  z-index: 2;
  border: 1px solid #dee0e3;
  border-radius: 4px;
}
.ud__color-picker-saturation-black,
.ud__color-picker-saturation-white {
  box-sizing: border-box;
  position: absolute;
  inset: 0;
  border-radius: 4px;
}
.ud__color-picker-saturation-white {
  background: linear-gradient(to right, #fff, transparent);
}
.ud__color-picker-saturation-black {
  background: linear-gradient(to top, #000, transparent);
}
.ud__color-picker-saturation-circle {
  box-sizing: border-box;
  position: absolute;
  width: 14px;
  height: 14px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  box-shadow:
    inset 0 0 0 1px #d0d3d6,
    inset 0 0 0 2px #fff;
  z-index: 2;
  transition:
    width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1),
    height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__color-picker-saturation-circle:hover {
  width: 18px;
  height: 18px;
}
.ud__color-picker-saturation-circle-deepen {
  border-color: #000;
}
.ud__color-picker-hue {
  box-sizing: border-box;
  margin-top: 8px;
  display: flex;
  align-items: center;
}
.ud__color-picker-hue-display {
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
.ud__color-picker-hue-display-highlight {
  border: 1px solid #dee0e3;
  box-sizing: border-box;
}
.ud__color-picker-hue-slider {
  box-sizing: border-box;
  margin-left: 8px;
  flex: 1;
  height: 12px;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
}
.ud__color-picker-hue-pointer {
  box-sizing: border-box;
  width: 10px;
  height: 8px;
  background-color: #fff;
  position: absolute;
  bottom: -6px;
  transform: translate(-50%);
  box-shadow: 0 2px 4px #1f23291f;
  border-radius: 0 0 1px 1px;
  color: #fff;
}
.ud__color-picker-panel {
  box-sizing: border-box;
  margin-top: 7px;
  display: flex;
  width: 100%;
}
.ud__color-picker-input {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-left: 2px;
  width: 35.8px;
  user-select: none;
}
.ud__color-picker-input.ud__color-picker-input-hex {
  width: 72.6px;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0 2px 0 0;
}
.ud__color-picker-input:last-child {
  flex: 1;
}
.ud__color-picker-input-title {
  box-sizing: border-box;
  margin-bottom: 2px;
  color: #8f959e;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
}
.ud__color-picker-input-outer {
  width: 100%;
  border: 1px solid #dee0e3;
  padding: 2px;
  box-sizing: border-box;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.ud__color-picker-input-inner {
  box-sizing: border-box;
  width: 100%;
  border: none;
  outline: 0;
  color: #1f2329;
  text-align: center;
  font-size: 12px;
  line-height: normal;
  background-color: transparent;
}
.ud__color-picker-sketch {
  padding: 16px;
}
.ucv7f5c {
  top: -4px;
}
.u18eqifj {
  grid-template-columns: repeat(3, 1fr);
}
.u8g0ba1:before {
  left: 0;
}
.u99sooz:before {
  content: "";
}
.uxf9f1y:before {
  position: absolute;
}
.u3zr33r:before {
  bottom: 0;
}
.u2itbq5:before {
  left: 24px;
}
.uf0gctb:before {
  right: 0;
}
.u1yauagk:before {
  display: inline-block;
}
.ufcpyep:before {
  height: 3px;
}
.u1c6ekd4:before {
  background-color: #1456f0;
}
.udte3lq:before {
  transition:
    width 0.3s,
    left 0.3s;
}
.uknojju:before {
  transition-timing-function: ease-out;
}
.u1ogqztx {
  background-color: #1f232926;
}
.u1mpe4l3 {
  height: 1px;
}
.ulnqh4q {
  margin-top: 9px;
}
.uxms9c {
  color: #8f959e;
}
.ud__steps {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #1f2329;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  display: grid;
  width: 100%;
}
.ud__steps,
.ud__steps__icon,
.ud__steps__icon-dot,
.ud__steps__item,
.ud__steps__item-arrow,
.ud__steps__item-container,
.ud__steps__item-content,
.ud__steps__item-description,
.ud__steps__item-icon,
.ud__steps__item-padding,
.ud__steps__item-subtitle,
.ud__steps__item-tail,
.ud__steps__item-title,
.ud__steps__item-title-inner,
.ud__steps__item-title:after,
.ud__steps__item:before {
  box-sizing: border-box;
}
.ud__steps__item {
  position: relative;
  flex: 1;
}
.ud__steps__item:last-child {
  flex: none;
}
.ud__steps__item-tail {
  position: absolute;
  top: 14px;
  transform: translateY(-50%);
  left: calc(50% + 22px);
  right: calc(-50% + 22px);
  height: 1px;
  background-color: #1f23294d;
}
.ud__steps__item--last .ud__steps__item-tail,
.ud__steps__item--last .ud__steps__item-title:after {
  display: none;
}
.ud__steps__item-icon {
  display: inline-block;
}
.ud__steps__item-subtitle {
  color: #8f959e;
  margin-left: 8px;
}
.ud__steps__item-content {
  display: inline-block;
  vertical-align: top;
}
.ud__steps__item-title {
  position: relative;
  display: inline-block;
}
.ud__steps__item-title:after {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  top: 50%;
  height: 1px;
  width: 9999px;
  background-color: #1f23294d;
}
.ud__steps__item .ud__steps__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid #8f959e;
  border-radius: 100%;
  font-size: 14px;
  color: #1456f0;
}
.ud__steps__item .ud__steps--include-icon {
  font-size: 16px;
}
.ud__steps__item--wait .ud__steps__icon {
  border-color: #8f959e;
  color: #8f959e;
  border-radius: 100%;
}
.ud__steps__item--wait .ud__steps__icon .ud__steps__icon-dot {
  background: #8f959e;
}
.ud__steps__item--wait .ud__steps__item-title {
  color: #8f959e;
}
.ud__steps__item--wait .ud__steps__item-tail,
.ud__steps__item--wait .ud__steps__item-title:after {
  background-color: #1f23294d;
}
.ud__steps__item--process .ud__steps__icon .ud__steps__icon-dot {
  background: #1456f0;
}
.ud__steps__item--process .ud__steps__item-title {
  color: #1f2329;
}
.ud__steps__item--process .ud__steps__item-tail,
.ud__steps__item--process .ud__steps__item-title:after {
  background-color: #1f23294d;
}
.ud__steps__item--finish .ud__steps__icon {
  border-color: #1456f0;
  color: #1456f0;
  border-radius: 100%;
}
.ud__steps__item--finish .ud__steps__icon .ud__steps__icon-dot {
  background: #1456f0;
}
.ud__steps__item--finish .ud__steps__item-title {
  color: #1f2329;
}
.ud__steps__item--finish .ud__steps__item-tail,
.ud__steps__item--finish .ud__steps__item-title:after {
  background-color: #1456f0;
}
.ud__steps__item--error .ud__steps__icon {
  border-radius: 100%;
}
.ud__steps__item--error .ud__steps__icon .ud__steps__icon-dot {
  background: #f54a45;
}
.ud__steps__item--error .ud__steps__item-title {
  color: #1f2329;
}
.ud__steps__item--error .ud__steps__item-tail,
.ud__steps__item--error .ud__steps__item-title:after {
  background-color: #1f23294d;
}
.ud__steps__item--process .ud__steps__icon {
  border-radius: 100%;
  background-color: #1456f0;
  border: 1px solid transparent;
  color: #fff;
}
.ud__steps__item--error .ud__steps__icon {
  background-color: #f54a45;
  border: 1px solid transparent;
  color: #fff;
}
.ud__steps__item.ud__steps--next-error .ud__steps__item-tail,
.ud__steps__item.ud__steps--next-error .ud__steps__item-title:after {
  background-color: #f54a45;
}
.ud__steps__item--clickable:not(.ud__steps__item--active)
  .ud__steps__item-container {
  cursor: pointer;
}
.ud__steps__item--clickable:not(.ud__steps__item--active)
  .ud__steps__item-container:hover
  .ud__steps__item-subtitle,
.ud__steps__item--clickable:not(.ud__steps__item--active)
  .ud__steps__item-container:hover
  .ud__steps__item-title {
  color: #1456f0;
}
.ud__steps__item--clickable:not(.ud__steps__item--active):not(
    .ud__steps__item--process
  ):not(.ud__steps__item--error)
  .ud__steps__item-container:hover
  .ud__steps__icon {
  background-color: #1456f01a;
}
.ud__steps__item--disabled {
  cursor: not-allowed;
}
.ud__steps--horizontal:not(.ud__steps--label-vertical) .ud__steps__item {
  padding-left: 8px;
}
.ud__steps--horizontal:not(.ud__steps--label-vertical)
  .ud__steps__item:first-child {
  padding-left: 0;
}
.ud__steps--horizontal:not(.ud__steps--label-vertical)
  .ud__steps__item-container {
  overflow: hidden;
  flex: 1;
}
.ud__steps--horizontal:not(.ud__steps--label-vertical) .ud__steps__item-tail {
  display: none;
}
.ud__steps--horizontal:not(.ud__steps--label-vertical) .ud__steps__item-icon {
  margin-right: 8px;
}
.ud__steps--horizontal:not(.ud__steps--label-vertical) .ud__steps__item-title {
  padding-right: 8px;
  margin-right: 16px;
}
.ud__steps--horizontal.ud__steps--navigation .ud__steps__item {
  padding-left: 24px;
}
.ud__steps--horizontal.ud__steps--navigation .ud__steps__item:first-child {
  padding-left: 0;
}
.ud__steps--label-horizontal .ud__steps__item-icon {
  flex: none;
}
.ud__steps--label-horizontal .ud__steps__item-content {
  position: relative;
  display: flex;
  align-items: center;
  text-align: left;
}
.ud__steps--label-vertical .ud__steps__item {
  flex: 1;
  padding: 0 12px;
}
.ud__steps--label-vertical .ud__steps__item-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 1;
}
.ud__steps--label-vertical .ud__steps__item-icon {
  margin-bottom: 4px;
}
.ud__steps--label-vertical .ud__steps__item-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ud__steps--label-vertical .ud__steps__item-title:after {
  display: none;
}
.ud__steps--label-vertical .ud__steps__item-subtitle {
  display: block;
  margin-left: 0;
  text-align: center;
}
.ud__steps--label-vertical .ud__steps__item-description {
  text-align: center;
}
.ud__steps--vertical {
  flex-direction: column;
}
.ud__steps--vertical .ud__steps__item {
  padding-top: 8px;
  overflow: hidden;
}
.ud__steps--vertical .ud__steps__item-container {
  display: block;
}
.ud__steps--vertical .ud__steps__item-title:after {
  display: none;
}
.ud__steps--vertical .ud__steps__item-icon {
  flex: none;
  margin-right: 8px;
}
.ud__steps--vertical .ud__steps__item-padding {
  position: relative;
  height: 24px;
}
.ud__steps--vertical .ud__steps__item-tail {
  position: absolute;
  height: 841.18px;
  top: calc(50% + 22px);
  left: 14px;
  transform: translate(-50%);
  bottom: unset;
  right: unset;
  width: 1px;
  background-color: #1f23294d;
}
.ud__steps--vertical .ud__steps__item--process .ud__steps__item-tail,
.ud__steps--vertical .ud__steps__item--wait .ud__steps__item-tail {
  background-color: #1f23294d;
}
.ud__steps--vertical .ud__steps__item--finish .ud__steps__item-tail {
  background-color: #1456f0;
}
.ud__steps--vertical .ud__steps__item--error .ud__steps__item-tail {
  background-color: #1f23294d;
}
.ud__steps--vertical
  .ud__steps__item.ud__steps--next-error
  .ud__steps__item-tail {
  background-color: #f54a45;
}
.ud__steps--vertical-icon .ud__steps__item-tail {
  display: none;
}
.ud__steps--vertical-icon .ud__steps__item-icon {
  position: relative;
}
.ud__steps--vertical-icon .ud__steps__item-icon:after {
  content: "";
  display: block;
  width: 1px;
  left: 14px;
  height: 841.18px;
  transform: translate(-50%);
  position: absolute;
  background-color: #1f23294d;
  top: 36px;
}
.ud__steps--vertical-icon .ud__steps__item-icon:before {
  content: "";
  display: block;
  width: 1px;
  left: 14px;
  height: 841.18px;
  transform: translate(-50%);
  position: absolute;
  background-color: #1f23294d;
  bottom: 36px;
}
.ud__steps--vertical-icon
  .ud__steps__item.ud__steps--next-error
  .ud__steps__item-icon:after,
.ud__steps--vertical-icon
  .ud__steps__item.ud__steps__item--error
  .ud__steps__item-icon:before {
  background-color: #f54a45;
}
.ud__steps--vertical-icon
  .ud__steps__item:first-child
  .ud__steps__item-icon:before,
.ud__steps--vertical-icon
  .ud__steps__item:last-child
  .ud__steps__item-icon:after {
  display: none;
}
.ud__steps--pre-process .ud__steps__item-icon:before,
.ud__steps--pre-wait .ud__steps__item-icon:before,
.ud__steps__item--process .ud__steps__item-icon:after,
.ud__steps__item--wait .ud__steps__item-icon:after {
  background-color: #1f23294d;
}
.ud__steps--pre-finish .ud__steps__item-icon:before,
.ud__steps__item--finish .ud__steps__item-icon:after {
  background-color: #1456f0;
}
.ud__steps--pre-error .ud__steps__item-icon:before,
.ud__steps__item--error .ud__steps__item-icon:after {
  background-color: #1f23294d;
}
.ud__steps--navigation .ud__steps__item {
  padding: 0 0 0 24px;
  justify-content: center;
  align-items: center;
}
.ud__steps--navigation .ud__steps__item:first-child {
  padding-left: 0;
}
.ud__steps--navigation .ud__steps__item:last-child {
  flex: 1;
}
.ud__steps--navigation .ud__steps__item-arrow {
  position: absolute;
  top: 0;
  left: 100%;
  width: 24px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #1f23294d;
}
.ud__steps--navigation .ud__steps__item:last-child .ud__steps__item-arrow {
  display: none;
}
.ud__steps--navigation
  .ud__steps__item--with-indicator.ud__steps__item--active:first-child:before {
  left: 0;
}
.ud__steps--navigation
  .ud__steps__item--process.ud__steps__item--without-icon
  .ud__steps__item-title {
  color: #1456f0;
}
.ud__steps--navigation
  .ud__steps__item--error.ud__steps__item--without-icon
  .ud__steps__item-title {
  color: #f54a45;
}
.ud__steps--navigation.ud__steps--label-vertical .ud__steps__item {
  align-items: center;
}
.ud__steps--navigation.ud__steps--label-vertical .ud__steps__item-tail {
  display: none;
}
.ud__steps--navigation.ud__steps--label-vertical .ud__steps__item-title {
  padding: 0;
}
.ud__steps--navigation.ud__steps--label-horizontal .ud__steps__item-title {
  padding-right: 0;
}
.ud__steps--navigation.ud__steps--label-horizontal
  .ud__steps__item-title:after {
  display: none;
}
.ud__steps--dot .ud__steps__item .ud__steps__icon {
  width: 8px;
  height: 8px;
}
.ud__steps--dot .ud__steps__item-tail {
  top: 4px;
  transform: translateY(-50%);
  left: calc(50% + 14px);
  right: calc(-50% + 14px);
}
.ud__steps--dot.ud__steps--label-horizontal .ud__steps__item {
  padding-top: 0;
}
.ud__steps--dot.ud__steps--label-horizontal .ud__steps__item-icon {
  align-self: flex-start;
  margin-top: 7.0005px;
}
.ud__steps--dot.ud__steps--label-horizontal .ud__steps__item-tail {
  top: 23.0005px;
  left: 4px;
  transform: translate(-50%);
}
.ud__collapse {
  box-sizing: border-box;
  background-color: #fff;
  border: 0;
  font-size: 14px;
  line-height: 1.5715;
}
.ud__collapse-item:last-of-type {
  border-bottom: 1px solid rgba(31, 35, 41, 0.15);
}
.ud__collapse-item {
  border-top: 1px solid rgba(31, 35, 41, 0.15);
  box-sizing: border-box;
}
.ud__collapse-item:last-child .ud__collapse-content-box {
  padding-bottom: 8px;
}
.ud__collapse-content-box {
  box-sizing: border-box;
  padding: 8px;
}
.ud__collapse-content-box .ud__collapse {
  margin-right: -8px;
  width: auto;
}
.ud__collapse-header .ud__collapse-expand-icon--noaction.ud__button {
  box-sizing: border-box;
  cursor: default;
}
.ud__collapse-header
  .ud__collapse-expand-icon--noaction.ud__button:focus-visible {
  background-color: inherit !important;
}
.ud__collapse-header .ud__collapse-expand-icon--noaction.ud__button:active,
.ud__collapse-header .ud__collapse-expand-icon--noaction.ud__button:hover {
  background-color: inherit !important;
}
.ud__collapse-icon-position-left
  .ud__collapse-header
  .ud__collapse-expand-icon {
  margin-right: 4px;
  margin-left: -4px;
  font-size: 10px;
  border-radius: 4px;
}
.ud__collapse-icon-position-right .ud__collapse-header .ud__collapse-arrow {
  position: absolute;
  left: 0;
}
.ud__collapse-item-disabled > .ud__collapse-header,
.ud__collapse-item-disabled > .ud__collapse-header .ud__collapse-expand-icon {
  color: #bbbfc4;
  cursor: not-allowed;
}
.ud__collapse-item-disabled
  > .ud__collapse-header
  .ud__collapse-expand-icon-unfold
  > svg {
  color: #bbbfc4;
}
.ud__collapse-item-disabled
  > .ud__collapse-header
  .ud__collapse-expand-icon:hover {
  background-color: transparent;
}
.ud__collapse-item-no-arrow > .ud__collapse-header {
  padding-left: 8px;
  padding-right: 8px;
}
.ud__collapse-header {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
  padding: 8px;
  cursor: pointer;
  color: #1f2329;
}
.ud__collapse-header-text {
  box-sizing: border-box;
}
.ud__collapse-header .ud__collapse-expand-icon {
  color: #646a73;
}
.ud__collapse-header .ud__collapse-expand-icon > svg {
  transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__collapse-arrow {
  display: inline-block;
}
.ud__collapse-extra {
  box-sizing: border-box;
  margin: 0 0 0 auto;
}
.ud__collapse-icon-position-right > .ud__collapse-item > .ud__collapse-header {
  padding: 8px 40px 8px 8px;
}
.ud__collapse-icon-position-right
  > .ud__collapse-item
  > .ud__collapse-header
  .ud__collapse-arrow {
  right: 8px;
  left: auto;
}
.ud__collapse-icon-position-right
  > .ud__collapse-item
  > .ud__collapse-header
  .ud__collapse-expand-icon {
  margin-right: -4px;
}
.ud__collapse-content {
  box-sizing: border-box;
  overflow: hidden;
}
.ud__collapse-content-transition {
  overflow: hidden;
  transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
  transition-property: height, opacity;
}
.ud__collapse-content-hidden {
  display: none;
}
.ud__collapse-obvious-title .ud__collapse-item {
  border-top: unset;
  border-bottom: unset;
}
.ud__collapse-obvious-title .ud__collapse-header:hover {
  background-color: #1f232914;
}
.ud__collapse-obvious-title
  .ud__collapse-item-disabled
  .ud__collapse-header:hover {
  background-color: #f5f6f7;
}
.ud__collapse-obvious-title .ud__collapse-header:active {
  background-color: #1456f01a;
}
.ud__collapse-obvious-title
  .ud__collapse-item-disabled
  .ud__collapse-header:active {
  background-color: #f5f6f7;
}
.ud__collapse-obvious-title .ud__collapse-header {
  background-color: #f5f6f7;
  padding: 8px 16px;
  border-top: 1px solid rgba(31, 35, 41, 0.15);
}
.ud__collapse-obvious-title .ud__collapse-item-active .ud__collapse-header,
.ud__collapse-obvious-title
  .ud__collapse-item:last-of-type
  .ud__collapse-header {
  border-bottom: 1px solid rgba(31, 35, 41, 0.15);
}
.ud__collapse-obvious-title .ud__collapse-content-box {
  padding: 12px 16px;
}
.u1fssmi4 {
  color: #646a73;
}
.u1pbl6dw {
  font-variant-numeric: tabular-nums;
}
.ud__pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #1f2329;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
}
.ud__pagination ol,
.ud__pagination ul {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ud__pagination:after {
  box-sizing: border-box;
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: " ";
}
.ud__pagination-total-text {
  box-sizing: border-box;
  display: inline-block;
  height: 28px;
  margin-right: 12px;
  line-height: 26px;
  vertical-align: middle;
}
.ud__pagination-item {
  box-sizing: border-box;
  display: inline-block;
  min-width: 28px;
  height: 28px;
  margin-right: 8px;
  font-family:
    LarkHackSafariFont,
    LarkEmojiFont,
    LarkChineseQuote,
    -apple-system,
    BlinkMacSystemFont,
    Helvetica Neue,
    Tahoma,
    PingFang SC,
    Microsoft Yahei,
    Arial,
    Hiragino Sans GB,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    Segoe UI Symbol,
    "Noto Color Emoji";
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border: 1px solid;
  border-radius: 6px;
  outline: 0;
  cursor: pointer;
  user-select: none;
}
.ud__lang-zh .ud__pagination-item,
.ud__pagination-item.ud__lang-zh {
  font-family:
    LarkHackSafariFont,
    LarkEmojiFont,
    LarkChineseQuote,
    -apple-system,
    BlinkMacSystemFont,
    Helvetica Neue,
    Tahoma,
    PingFang SC,
    Microsoft Yahei,
    Arial,
    Hiragino Sans GB,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    Segoe UI Symbol,
    "Noto Color Emoji";
}
.ud__lang-ja .ud__pagination-item,
.ud__pagination-item.ud__lang-ja {
  font-family:
    LarkHackSafariFont,
    LarkEmojiFont,
    \30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af,
    Hiragino Sans,
    Yu Gothic UI,
    Microsoft Jhenghei UI,
    Microsoft Yahei UI,
    \ff2d\ff33\ff30\30b4\30b7\30c3\30af,
    PingFang SC,
    Hiragino Sans GB,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    Segoe UI Symbol,
    "Noto Color Emoji";
}
.ud__pagination-item a {
  box-sizing: border-box;
  display: block;
  padding: 0 4px;
  transition: none;
}
.ud__pagination-item a:hover {
  text-decoration: none;
}
.ud__pagination-item:active,
.ud__pagination-item:focus,
.ud__pagination-item:hover {
  transition: 0.3s;
}
.ud__os-mac .ud__pagination-item-active,
.ud__pagination-item-active,
.ud__pagination-item-active.ud__os-mac {
  font-weight: 400;
}
.ud__os-win .ud__pagination-item-active,
.ud__pagination-item-active.ud__os-win {
  font-weight: 500;
}
.ud__pagination-jump-next,
.ud__pagination-jump-prev {
  outline: 0;
}
.ud__pagination-jump-next .ud__pagination-item-container,
.ud__pagination-jump-prev .ud__pagination-item-container {
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
}
.ud__pagination-jump-next
  .ud__pagination-item-container
  .ud__pagination-item-link-icon,
.ud__pagination-jump-prev
  .ud__pagination-item-container
  .ud__pagination-item-link-icon {
  box-sizing: border-box;
  letter-spacing: -1px;
  opacity: 0;
  transition: 0.2s;
}
.ud__pagination-jump-next
  .ud__pagination-item-container
  .ud__pagination-item-link-icon-svg,
.ud__pagination-jump-prev
  .ud__pagination-item-container
  .ud__pagination-item-link-icon-svg {
  inset: 0;
  margin: auto;
}
.ud__pagination-jump-next
  .ud__pagination-item-container
  .ud__pagination-item-ellipsis,
.ud__pagination-jump-prev
  .ud__pagination-item-container
  .ud__pagination-item-ellipsis {
  box-sizing: border-box;
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  opacity: 1;
  transition: 0.2s;
  color: #646a73;
}
.ud__pagination-jump-next:focus .ud__pagination-item-link-icon,
.ud__pagination-jump-next:hover .ud__pagination-item-link-icon,
.ud__pagination-jump-prev:focus .ud__pagination-item-link-icon,
.ud__pagination-jump-prev:hover .ud__pagination-item-link-icon {
  opacity: 1;
}
.ud__pagination-jump-next:focus .ud__pagination-item-ellipsis,
.ud__pagination-jump-next:hover .ud__pagination-item-ellipsis,
.ud__pagination-jump-prev:focus .ud__pagination-item-ellipsis,
.ud__pagination-jump-prev:hover .ud__pagination-item-ellipsis {
  opacity: 0;
}
.ud__pagination-jump-next,
.ud__pagination-jump-prev,
.ud__pagination-prev {
  margin-right: 8px;
}
.ud__pagination-jump-next,
.ud__pagination-jump-prev,
.ud__pagination-next,
.ud__pagination-prev {
  box-sizing: border-box;
  display: inline-block;
  min-width: 28px;
  height: 28px;
  font-family:
    LarkHackSafariFont,
    LarkEmojiFont,
    LarkChineseQuote,
    -apple-system,
    BlinkMacSystemFont,
    Helvetica Neue,
    Tahoma,
    PingFang SC,
    Microsoft Yahei,
    Arial,
    Hiragino Sans GB,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    Segoe UI Symbol,
    "Noto Color Emoji";
  line-height: 28px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 6px;
  transition: 0.3s;
  font-size: 12px;
}
.ud__lang-zh .ud__pagination-jump-next,
.ud__lang-zh .ud__pagination-jump-prev,
.ud__lang-zh .ud__pagination-next,
.ud__lang-zh .ud__pagination-prev,
.ud__pagination-jump-next.ud__lang-zh,
.ud__pagination-jump-prev.ud__lang-zh,
.ud__pagination-next.ud__lang-zh,
.ud__pagination-prev.ud__lang-zh {
  font-family:
    LarkHackSafariFont,
    LarkEmojiFont,
    LarkChineseQuote,
    -apple-system,
    BlinkMacSystemFont,
    Helvetica Neue,
    Tahoma,
    PingFang SC,
    Microsoft Yahei,
    Arial,
    Hiragino Sans GB,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    Segoe UI Symbol,
    "Noto Color Emoji";
}
.ud__lang-ja .ud__pagination-jump-next,
.ud__lang-ja .ud__pagination-jump-prev,
.ud__lang-ja .ud__pagination-next,
.ud__lang-ja .ud__pagination-prev,
.ud__pagination-jump-next.ud__lang-ja,
.ud__pagination-jump-prev.ud__lang-ja,
.ud__pagination-next.ud__lang-ja,
.ud__pagination-prev.ud__lang-ja {
  font-family:
    LarkHackSafariFont,
    LarkEmojiFont,
    \30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af,
    Hiragino Sans,
    Yu Gothic UI,
    Microsoft Jhenghei UI,
    Microsoft Yahei UI,
    \ff2d\ff33\ff30\30b4\30b7\30c3\30af,
    PingFang SC,
    Hiragino Sans GB,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    Segoe UI Symbol,
    "Noto Color Emoji";
}
.ud__pagination-next,
.ud__pagination-prev {
  transition: 0.3s;
  border: 1px solid;
}
.ud__pagination-next button,
.ud__pagination-prev button {
  cursor: pointer;
  user-select: none;
  background-color: unset;
  color: unset;
  font-size: 12px;
}
.ud__pagination-next .ud__pagination-item-link,
.ud__pagination-prev .ud__pagination-item-link {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  text-align: center;
  border: none;
  outline: 0;
}
.ud__pagination-disabled,
.ud__pagination-disabled .ud__pagination-item-link,
.ud__pagination-disabled:focus,
.ud__pagination-disabled:focus .ud__pagination-item-link,
.ud__pagination-disabled:hover,
.ud__pagination-disabled:hover .ud__pagination-item-link {
  cursor: not-allowed;
}
.ud__pagination-slash {
  margin: 0 10px 0 5px;
}
.ud__pagination-options {
  box-sizing: border-box;
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  .ud__pagination-options,
  .ud__pagination-options ::-ms-backdrop {
    vertical-align: top;
  }
}
.ud__pagination-options-size-changer.ud__select {
  display: inline-block;
  width: auto;
}
.ud__pagination-options-quick-jumper {
  box-sizing: border-box;
  display: inline-block;
  height: 28px;
  margin-left: 12px;
  line-height: 28px;
  vertical-align: top;
}
.ud__pagination-options-quick-jumper input {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  min-width: 0;
  padding: 4px 11px;
  color: #1f2329;
  font-size: 14px;
  line-height: 18px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d0d3d6;
  border-radius: 6px;
  transition: 0.3s;
  width: 50px;
  margin: 0 8px;
}
.ud__pagination-options-quick-jumper input::-moz-placeholder {
  opacity: 1;
}
.ud__pagination-options-quick-jumper input::placeholder {
  color: #8f959e;
}
.ud__pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ud__pagination-options-quick-jumper input:hover {
  border-color: #1456f0;
  border-right-width: 1px !important;
}
.ud__pagination-options-quick-jumper input-focused,
.ud__pagination-options-quick-jumper input:focus {
  border-color: #1456f0;
  border-right-width: 1px !important;
  outline: 0;
}
.ud__pagination-options-quick-jumper input-disabled {
  color: #8f959e;
  background-color: #eff0f1;
  cursor: not-allowed;
  opacity: 1;
}
.ud__pagination-options-quick-jumper input-disabled:hover {
  border-color: #d0d3d6;
  border-right-width: 1px !important;
}
.ud__pagination-options-quick-jumper input[disabled] {
  color: #8f959e;
  background-color: #eff0f1;
  cursor: not-allowed;
  opacity: 1;
}
.ud__pagination-options-quick-jumper input[disabled]:hover {
  border-color: #d0d3d6;
  border-right-width: 1px !important;
}
.ud__pagination-simple .ud__pagination-next,
.ud__pagination-simple .ud__pagination-prev {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ud__pagination-simple .ud__pagination-next .ud__pagination-item-link,
.ud__pagination-simple .ud__pagination-prev .ud__pagination-item-link {
  height: 24px;
  background: 0 0;
  border: 0;
}
.ud__pagination-simple .ud__pagination-next .ud__pagination-item-link:after,
.ud__pagination-simple .ud__pagination-prev .ud__pagination-item-link:after {
  height: 24px;
  line-height: 24px;
}
.ud__pagination-simple .ud__pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ud__pagination-simple .ud__pagination-simple-pager input {
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background: #fff;
  border: 1px solid #dee0e3;
  border-radius: 6px;
  outline: 0;
  transition: border-color 0.3s;
}
.ud__pagination-simple .ud__pagination-simple-pager input:hover {
  border-color: #1456f0;
}
.ud__pagination-simple .ud__pagination-simple-pager input[disabled] {
  color: #bbbfc4;
  background: #fff;
  border-color: #dee0e3;
  cursor: not-allowed;
}
.ud__pagination.mini .ud__pagination-simple-pager,
.ud__pagination.mini .ud__pagination-total-text {
  height: 24px;
  line-height: 24px;
}
.ud__pagination.mini .ud__pagination-item {
  min-width: 24px;
  height: 24px;
  margin-right: 4px;
  line-height: 22px;
}
.ud__pagination.mini .ud__pagination-next,
.ud__pagination.mini .ud__pagination-prev {
  min-width: 24px;
  height: 24px;
  margin-right: 4px;
  line-height: 24px;
}
.ud__pagination.mini .ud__pagination-next .ud__pagination-item-link:after,
.ud__pagination.mini .ud__pagination-prev .ud__pagination-item-link:after {
  height: 24px;
  line-height: 24px;
}
.ud__pagination.mini .ud__pagination-jump-next,
.ud__pagination.mini .ud__pagination-jump-prev {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ud__pagination.mini .ud__pagination-jump-next .ud__pagination-item-container,
.ud__pagination.mini .ud__pagination-jump-prev .ud__pagination-item-container {
  height: 24px;
}
.ud__pagination.mini .ud__pagination-options {
  margin-left: 2px;
}
.ud__pagination.mini .ud__pagination-options-size-changer {
  top: 0;
}
.ud__pagination.mini .ud__pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ud__pagination.mini .ud__pagination-options-quick-jumper input {
  width: 44px;
}
.ud__pagination.ud__pagination-disabled,
.ud__pagination.ud__pagination-disabled .ud__pagination-item {
  cursor: not-allowed;
}
.ud__pagination.ud__pagination-disabled .ud__pagination-item a {
  border: none;
  cursor: not-allowed;
}
.ud__pagination.ud__pagination-disabled .ud__pagination-item-link {
  cursor: not-allowed;
}
.ud__pagination-simple.ud__pagination.ud__pagination-disabled
  .ud__pagination-item-link {
  background: 0 0;
}
.ud__pagination.ud__pagination-disabled .ud__pagination-item-link-icon {
  opacity: 0;
}
.ud__pagination.ud__pagination-disabled .ud__pagination-item-ellipsis {
  opacity: 1;
}
.ud__pagination.ud__pagination-disabled .ud__pagination-simple-pager {
  color: #bbbfc4;
}
.ud__pagination .ud__pagination-item a {
  color: #1f2329;
}
.ud__pagination .ud__pagination-item.ud__pagination-item-active {
  color: #1456f0;
  background-color: #fff;
  border-color: #1456f0;
}
.ud__pagination .ud__pagination-item.ud__pagination-item-active a {
  color: #1456f0;
}
.ud__pagination .ud__pagination-item,
.ud__pagination .ud__pagination-next,
.ud__pagination .ud__pagination-prev {
  color: #1f2329;
  background-color: #fff;
  border-color: #d0d3d6;
}
.ud__pagination .ud__pagination-item:hover,
.ud__pagination .ud__pagination-next:hover,
.ud__pagination .ud__pagination-prev:hover {
  background-color: #e0e9ff;
  border-color: #1456f0;
  color: #1456f0;
}
.ud__pagination .ud__pagination-item:hover a,
.ud__pagination .ud__pagination-next:hover a,
.ud__pagination .ud__pagination-prev:hover a {
  color: #1456f0;
}
.ud__pagination .ud__pagination-item:active,
.ud__pagination .ud__pagination-next:active,
.ud__pagination .ud__pagination-prev:active {
  background-color: #c2d4ff;
  border-color: #0442d2;
  color: #0442d2;
}
.ud__pagination .ud__pagination-item:active a,
.ud__pagination .ud__pagination-next:active a,
.ud__pagination .ud__pagination-prev:active a {
  color: #0442d2;
}
.ud__pagination .ud__pagination-next,
.ud__pagination .ud__pagination-prev {
  color: #646a73;
}
.ud__pagination .ud__pagination-next.ud__pagination-disabled,
.ud__pagination .ud__pagination-prev.ud__pagination-disabled {
  color: #bbbfc4;
  background-color: #fff;
  border-color: #d0d3d6;
}
.ud__pagination .ud__pagination-item-link-icon {
  color: #1456f0;
}
.ud__pagination
  .ud__pagination-item-link:active
  .ud__pagination-item-link-icon {
  color: #0442d2;
}
.ud__pagination.ud__pagination-disabled .ud__pagination-item,
.ud__pagination.ud__pagination-disabled .ud__pagination-next,
.ud__pagination.ud__pagination-disabled .ud__pagination-prev {
  pointer-events: none;
}
.ud__pagination.ud__pagination-disabled .ud__pagination-item,
.ud__pagination.ud__pagination-disabled
  .ud__pagination-item.ud__pagination-disabled,
.ud__pagination.ud__pagination-disabled .ud__pagination-item:active,
.ud__pagination.ud__pagination-disabled .ud__pagination-item:hover,
.ud__pagination.ud__pagination-disabled .ud__pagination-next,
.ud__pagination.ud__pagination-disabled
  .ud__pagination-next.ud__pagination-disabled,
.ud__pagination.ud__pagination-disabled .ud__pagination-next:active,
.ud__pagination.ud__pagination-disabled .ud__pagination-next:hover,
.ud__pagination.ud__pagination-disabled .ud__pagination-prev,
.ud__pagination.ud__pagination-disabled
  .ud__pagination-prev.ud__pagination-disabled,
.ud__pagination.ud__pagination-disabled .ud__pagination-prev:active,
.ud__pagination.ud__pagination-disabled .ud__pagination-prev:hover {
  color: #bbbfc4;
  background-color: #fff;
  border-color: #d0d3d6;
}
.ud__pagination.ud__pagination-disabled .ud__pagination-item a,
.ud__pagination.ud__pagination-disabled .ud__pagination-item-ellipsis,
.ud__pagination.ud__pagination-disabled
  .ud__pagination-item.ud__pagination-disabled
  a,
.ud__pagination.ud__pagination-disabled .ud__pagination-item:active a,
.ud__pagination.ud__pagination-disabled .ud__pagination-item:hover a,
.ud__pagination.ud__pagination-disabled .ud__pagination-next a,
.ud__pagination.ud__pagination-disabled
  .ud__pagination-next.ud__pagination-disabled
  a,
.ud__pagination.ud__pagination-disabled .ud__pagination-next:active a,
.ud__pagination.ud__pagination-disabled .ud__pagination-next:hover a,
.ud__pagination.ud__pagination-disabled .ud__pagination-prev a,
.ud__pagination.ud__pagination-disabled
  .ud__pagination-prev.ud__pagination-disabled
  a,
.ud__pagination.ud__pagination-disabled .ud__pagination-prev:active a,
.ud__pagination.ud__pagination-disabled .ud__pagination-prev:hover a {
  color: #bbbfc4;
}
.ud__pagination.ud__pagination-disabled
  .ud__pagination-item.ud__pagination-item-active {
  color: #bbbfc4;
  background-color: #fff;
  border-color: #d0d3d6;
}
.ud__pagination.ud__pagination-disabled
  .ud__pagination-item.ud__pagination-item-active
  a {
  color: #bbbfc4;
}
.ud__pagination.mini .ud__pagination-item a {
  padding: 0 2px;
  color: #1f2329;
}
.ud__pagination.mini .ud__pagination-item.ud__pagination-item-active {
  color: #1456f0;
  background-color: transparent;
  border-color: transparent;
}
.ud__pagination.mini .ud__pagination-item.ud__pagination-item-active a {
  color: #1456f0;
}
.ud__pagination.mini .ud__pagination-item,
.ud__pagination.mini .ud__pagination-next,
.ud__pagination.mini .ud__pagination-prev {
  color: #1f2329;
  background-color: transparent;
  border-color: transparent;
}
.ud__pagination.mini .ud__pagination-item:hover,
.ud__pagination.mini .ud__pagination-next:hover,
.ud__pagination.mini .ud__pagination-prev:hover {
  background-color: #1f23291a;
  border-color: transparent;
}
.ud__pagination.mini .ud__pagination-item:active,
.ud__pagination.mini .ud__pagination-next:active,
.ud__pagination.mini .ud__pagination-prev:active {
  background-color: #1f232933;
  border-color: transparent;
}
.ud__pagination.mini .ud__pagination-next,
.ud__pagination.mini .ud__pagination-prev {
  color: #646a73;
}
.ud__pagination.mini .ud__pagination-next.ud__pagination-disabled,
.ud__pagination.mini .ud__pagination-prev.ud__pagination-disabled {
  color: #bbbfc4;
  background-color: transparent;
  border-color: transparent;
}
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-item,
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-next,
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-prev {
  pointer-events: none;
}
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-item,
.ud__pagination.mini.ud__pagination-disabled
  .ud__pagination-item.ud__pagination-disabled,
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-item:active,
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-item:hover,
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-next,
.ud__pagination.mini.ud__pagination-disabled
  .ud__pagination-next.ud__pagination-disabled,
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-next:active,
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-next:hover,
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-prev,
.ud__pagination.mini.ud__pagination-disabled
  .ud__pagination-prev.ud__pagination-disabled,
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-prev:active,
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-prev:hover {
  color: #bbbfc4;
  background-color: transparent;
  border-color: transparent;
}
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-item a,
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-item-ellipsis,
.ud__pagination.mini.ud__pagination-disabled
  .ud__pagination-item.ud__pagination-disabled
  a,
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-item:active a,
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-item:hover a,
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-next a,
.ud__pagination.mini.ud__pagination-disabled
  .ud__pagination-next.ud__pagination-disabled
  a,
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-next:active a,
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-next:hover a,
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-prev a,
.ud__pagination.mini.ud__pagination-disabled
  .ud__pagination-prev.ud__pagination-disabled
  a,
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-prev:active a,
.ud__pagination.mini.ud__pagination-disabled .ud__pagination-prev:hover a {
  color: #bbbfc4;
}
.ud__pagination.mini.ud__pagination-disabled
  .ud__pagination-item.ud__pagination-item-active {
  color: #bbbfc4;
  background-color: transparent;
  border-color: transparent;
}
.ud__pagination.mini.ud__pagination-disabled
  .ud__pagination-item.ud__pagination-item-active
  a {
  color: #bbbfc4;
}
@media only screen and (max-width: 992px) {
  .ud__pagination-item-after-jump-prev,
  .ud__pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ud__pagination-options {
    display: none;
  }
}
.ud__pagination-rtl .ud__pagination-item,
.ud__pagination-rtl .ud__pagination-jump-next,
.ud__pagination-rtl .ud__pagination-jump-prev,
.ud__pagination-rtl .ud__pagination-prev,
.ud__pagination-rtl .ud__pagination-total-text {
  margin-right: 0;
  margin-left: 8px;
}
.ud__pagination-rtl .ud__pagination-slash {
  margin: 0 5px 0 10px;
}
.ud__pagination-rtl .ud__pagination-options {
  margin-right: 16px;
  margin-left: 0;
}
.ud__pagination-rtl
  .ud__pagination-options
  .ud__pagination-options-size-changer.ud__select {
  margin-right: 0;
  margin-left: 8px;
}
.ud__pagination-rtl
  .ud__pagination-options
  .ud__pagination-options-quick-jumper {
  margin-left: 0;
}
.ud__pagination-rtl.ud__pagination-simple .ud__pagination-simple-pager,
.ud__pagination-rtl.ud__pagination-simple .ud__pagination-simple-pager input {
  margin-right: 0;
  margin-left: 8px;
}
.ud__pagination-rtl.ud__pagination.mini .ud__pagination-options {
  margin-right: 2px;
  margin-left: 0;
}
.ud__timeline {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 8px 0 0;
}
.ud__timeline--space-md .ud__timeline-item__content,
.ud__timeline--space-md .ud__timeline-item__oppsite-content {
  padding-bottom: 24px;
}
.ud__timeline--space-lg .ud__timeline-item__content,
.ud__timeline--space-lg .ud__timeline-item__oppsite-content {
  padding-bottom: 32px;
}
.ud__timeline--space-sm .ud__timeline-item__content,
.ud__timeline--space-sm .ud__timeline-item__oppsite-content {
  padding-bottom: 16px;
}
.ud__timeline .ud__timeline-item {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  color: #1f2329;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4286;
  position: relative;
}
.ud__timeline
  .ud__timeline-item--mode-alt-left.ud__timeline-item--position-right,
.ud__timeline .ud__timeline-item--mode-alt-right,
.ud__timeline .ud__timeline-item--mode-right {
  flex-direction: row-reverse;
}
.ud__timeline
  .ud__timeline-item--mode-alt-left.ud__timeline-item--position-right
  .ud__timeline-item__oppsite-content,
.ud__timeline
  .ud__timeline-item--mode-alt-right
  .ud__timeline-item__oppsite-content,
.ud__timeline
  .ud__timeline-item--mode-right
  .ud__timeline-item__oppsite-content {
  text-align: left;
  padding-left: 11px;
}
.ud__timeline
  .ud__timeline-item--mode-alt-left.ud__timeline-item--position-right
  .ud__timeline-item__content,
.ud__timeline .ud__timeline-item--mode-alt-right .ud__timeline-item__content,
.ud__timeline .ud__timeline-item--mode-right .ud__timeline-item__content {
  text-align: right;
  padding-right: 11px;
}
.ud__timeline .ud__timeline-item--mode-alt-left,
.ud__timeline
  .ud__timeline-item--mode-alt-right.ud__timeline-item--position-left,
.ud__timeline .ud__timeline-item--mode-left {
  flex-direction: row;
}
.ud__timeline
  .ud__timeline-item--mode-alt-left
  .ud__timeline-item__oppsite-content,
.ud__timeline
  .ud__timeline-item--mode-alt-right.ud__timeline-item--position-left
  .ud__timeline-item__oppsite-content,
.ud__timeline
  .ud__timeline-item--mode-left
  .ud__timeline-item__oppsite-content {
  text-align: right;
  padding-right: 18px;
}
.ud__timeline .ud__timeline-item--mode-alt-left .ud__timeline-item__content,
.ud__timeline
  .ud__timeline-item--mode-alt-right.ud__timeline-item--position-left
  .ud__timeline-item__content,
.ud__timeline .ud__timeline-item--mode-left .ud__timeline-item__content {
  text-align: left;
  padding-left: 18px;
}
.ud__timeline .ud__timeline-item__seperator {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 20px;
  height: 100%;
  min-width: 20px;
  max-width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
}
.ud__timeline .ud__timeline-item__seperator .ud__timeline-item__dot {
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  background-color: #1456f0;
  border-radius: 50%;
}
.ud__timeline .ud__timeline-item__seperator .ud__timeline-item__tail {
  box-sizing: border-box;
  flex: 1;
  width: 0;
  border: 1px solid rgba(31, 35, 41, 0.15);
  background: 0 0;
  transform: scaleX(0.5);
}
.ud__timeline .ud__timeline-item__content,
.ud__timeline .ud__timeline-item__oppsite-content {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  margin: 0;
  width: 50%;
  transform: translateY(-7px);
}
.ud__timeline .ud__timeline-item__des,
.ud__timeline .ud__timeline-item__title {
  box-sizing: border-box;
  color: #1f2329;
}
.ud__timeline .ud__timeline-item__label {
  box-sizing: border-box;
  color: #8f959e;
}
.ud__timeline .ud__timeline-item__des:first-child,
.ud__timeline .ud__timeline-item__label:first-child {
  line-height: 22px;
}
.ud__timeline .ud__timeline-item--pending,
.ud__timeline .ud__timeline-item--pending .ud__timeline-item__title {
  color: #8f959e;
}
.ud__timeline .ud__timeline-item__content-pending {
  transform: translateY(-2.0002px);
}
.ud__timeline .ud__timeline-item--custom-dot .ud__timeline-item__content,
.ud__timeline
  .ud__timeline-item--custom-dot
  .ud__timeline-item__oppsite-content {
  transform: translateY(-1px);
}
.ud__timeline .ud__timeline-item--custom-dot .ud__timeline-item__dot--custom {
  box-sizing: border-box;
  line-height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.ud__timeline
  .ud__timeline-item--custom-dot
  .ud__timeline-item__dot--custom
  + .ud__timeline-item__tail {
  margin-top: -1px;
  margin-bottom: -1px;
}
.ud__timeline
  .ud__timeline-item-last
  .ud__timeline-item__seperator
  .ud__timeline-item__tail {
  flex: 1;
  width: 0;
  border: 1px solid rgba(31, 35, 41, 0.15);
  transform: scaleX(0.5);
}
.ud__timeline .ud__timeline-item:last-of-type .ud__timeline-item__tail {
  display: none;
}
.ud__timeline .ud__timeline-item--status-success {
  color: #32a645;
}
.ud__timeline
  .ud__timeline-item--status-success
  .ud__timeline-item__seperator
  .ud__timeline-item__dot {
  background-color: #32a645;
}
.ud__timeline
  .ud__timeline-item--status-success
  .ud__timeline-item__seperator
  .ud__timeline-item__dot--custom {
  color: #32a645;
}
.ud__timeline
  .ud__timeline-item--status-success
  .ud__timeline-item__seperator
  .ud__timeline-item--loading
  .ud__loading__lottie {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.ud__timeline
  .ud__timeline-item--status-success
  .ud__timeline-item__dot--custom {
  width: 20px;
  height: 20px;
}
.ud__timeline
  .ud__timeline-item--status-success
  .ud__timeline-item__dot--custom
  svg {
  width: 100%;
  height: 100%;
}
.ud__timeline .ud__timeline-item--status-warning {
  color: #ff811a;
}
.ud__timeline
  .ud__timeline-item--status-warning
  .ud__timeline-item__seperator
  .ud__timeline-item__dot {
  background-color: #ff811a;
}
.ud__timeline
  .ud__timeline-item--status-warning
  .ud__timeline-item__seperator
  .ud__timeline-item__dot--custom {
  color: #ff811a;
}
.ud__timeline
  .ud__timeline-item--status-warning
  .ud__timeline-item__seperator
  .ud__timeline-item--loading
  .ud__loading__lottie {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.ud__timeline .ud__timeline-item--status-warning .ud__timeline-item__title {
  color: #ff811a;
}
.ud__timeline
  .ud__timeline-item--status-warning
  .ud__timeline-item__dot--custom {
  width: 20px;
  height: 20px;
}
.ud__timeline
  .ud__timeline-item--status-warning
  .ud__timeline-item__dot--custom
  svg {
  width: 100%;
  height: 100%;
}
.ud__timeline .ud__timeline-item--status-error {
  color: #f54a45;
}
.ud__timeline
  .ud__timeline-item--status-error
  .ud__timeline-item__seperator
  .ud__timeline-item__dot {
  background-color: #f54a45;
}
.ud__timeline
  .ud__timeline-item--status-error
  .ud__timeline-item__seperator
  .ud__timeline-item__dot--custom {
  color: #f54a45;
}
.ud__timeline
  .ud__timeline-item--status-error
  .ud__timeline-item__seperator
  .ud__timeline-item--loading
  .ud__loading__lottie {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.ud__timeline .ud__timeline-item--status-error .ud__timeline-item__title {
  color: #f54a45;
}
.ud__timeline .ud__timeline-item--status-error .ud__timeline-item__dot--custom {
  width: 20px;
  height: 20px;
}
.ud__timeline
  .ud__timeline-item--status-error
  .ud__timeline-item__dot--custom
  svg {
  width: 100%;
  height: 100%;
}
.ud__timeline .ud__timeline-item--status-done {
  color: #1456f0;
}
.ud__timeline
  .ud__timeline-item--status-done
  .ud__timeline-item__seperator
  .ud__timeline-item__dot {
  background-color: #1456f0;
}
.ud__timeline
  .ud__timeline-item--status-done
  .ud__timeline-item__seperator
  .ud__timeline-item__dot--custom {
  color: #1456f0;
}
.ud__timeline
  .ud__timeline-item--status-done
  .ud__timeline-item__seperator
  .ud__timeline-item--loading
  .ud__loading__lottie {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.ud__timeline .ud__timeline-item--status-done .ud__timeline-item__dot--custom {
  width: 20px;
  height: 20px;
}
.ud__timeline
  .ud__timeline-item--status-done
  .ud__timeline-item__dot--custom
  svg {
  width: 100%;
  height: 100%;
}
.ud__timeline .ud__timeline-item--status-current {
  color: #1456f0;
}
.ud__timeline
  .ud__timeline-item--status-current
  .ud__timeline-item__seperator
  .ud__timeline-item__dot {
  background-color: #1456f0;
}
.ud__timeline
  .ud__timeline-item--status-current
  .ud__timeline-item__seperator
  .ud__timeline-item__dot--custom {
  color: #1456f0;
}
.ud__timeline
  .ud__timeline-item--status-current
  .ud__timeline-item__seperator
  .ud__timeline-item--loading
  .ud__loading__lottie {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.ud__timeline
  .ud__timeline-item--status-current
  .ud__timeline-item__dot--custom {
  width: 20px;
  height: 20px;
}
.ud__timeline
  .ud__timeline-item--status-current
  .ud__timeline-item__dot--custom
  svg {
  width: 100%;
  height: 100%;
}
.ud__timeline .ud__timeline-item--status-notarrived {
  color: #8f959e;
}
.ud__timeline
  .ud__timeline-item--status-notarrived
  .ud__timeline-item__seperator
  .ud__timeline-item__dot {
  background-color: #8f959e;
}
.ud__timeline
  .ud__timeline-item--status-notarrived
  .ud__timeline-item__seperator
  .ud__timeline-item__dot--custom {
  color: #8f959e;
}
.ud__timeline
  .ud__timeline-item--status-notarrived
  .ud__timeline-item__seperator
  .ud__timeline-item--loading
  .ud__loading__lottie {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.ud__timeline .ud__timeline-item--status-notarrived .ud__timeline-item__title {
  color: #8f959e;
}
.ud__timeline
  .ud__timeline-item--status-notarrived
  .ud__timeline-item__dot--custom {
  width: 20px;
  height: 20px;
}
.ud__timeline
  .ud__timeline-item--status-notarrived
  .ud__timeline-item__dot--custom
  svg {
  width: 100%;
  height: 100%;
}
.ud__timeline
  .ud__timeline-item--status-loading
  .ud__timeline-item__seperator
  .ud__timeline-item__dot {
  background-color: #1456f0;
}
.ud__timeline
  .ud__timeline-item--status-loading
  .ud__timeline-item__seperator
  .ud__timeline-item__dot--custom {
  color: #1456f0;
}
.ud__timeline
  .ud__timeline-item--status-loading
  .ud__timeline-item__seperator
  .ud__timeline-item--loading
  .ud__loading__lottie {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.ud__timeline
  .ud__timeline-item--status-loading
  .ud__timeline-item__dot--custom {
  width: 20px;
  height: 20px;
}
.ud__timeline
  .ud__timeline-item--status-loading
  .ud__timeline-item__dot--custom
  svg {
  width: 100%;
  height: 100%;
}
.ud__timeline.ud__timeline__hanging-tail
  .ud__timeline-item:last-of-type
  .ud__timeline-item__content,
.ud__timeline.ud__timeline__hanging-tail
  .ud__timeline-item:last-of-type
  .ud__timeline-item__oppsite-content {
  padding-bottom: 0;
}
.ud__timeline.ud__timeline__hanging-tail
  .ud__timeline-item:last-of-type
  .ud__timeline-item__tail {
  display: block;
}
.ud__timeline.ud__timeline--no-label
  .ud__timeline-item.ud__timeline-item--mode-left,
.ud__timeline.ud__timeline--no-label
  .ud__timeline-item.ud__timeline-item--mode-right {
  justify-content: flex-start;
}
.ud__timeline.ud__timeline--no-label
  .ud__timeline-item.ud__timeline-item--mode-left
  .ud__timeline-item__content,
.ud__timeline.ud__timeline--no-label
  .ud__timeline-item.ud__timeline-item--mode-right
  .ud__timeline-item__content {
  flex: 1;
}
.ud__timeline.ud__timeline--no-label
  .ud__timeline-item.ud__timeline-item--mode-left
  .ud__timeline-item__oppsite-content,
.ud__timeline.ud__timeline--no-label
  .ud__timeline-item.ud__timeline-item--mode-right
  .ud__timeline-item__oppsite-content {
  width: 0;
  flex: 0;
}
.ud__timeline.ud__timeline--no-label
  .ud__timeline-item.ud__timeline-item--mode-left
  .ud__timeline-item__seperator {
  margin-left: 0;
}
.ud__timeline.ud__timeline--no-label
  .ud__timeline-item.ud__timeline-item--mode-right
  .ud__timeline-item__seperator {
  margin-right: 0;
}
.ud__affix {
  position: fixed;
  z-index: 10;
}
.ud__anchor {
  max-height: 100vh;
  padding-left: 18px;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
}
.ud__anchor:before {
  content: "";
  position: absolute;
  width: 2px;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #dee0e3;
  border-radius: 2px;
}
.ud__anchor--simple {
  box-sizing: border-box;
  padding-left: 0;
  border: none;
}
.ud__anchor--simple:before {
  content: none;
}
.ud__anchor__ink {
  box-sizing: border-box;
  width: 2px;
  background: #1456f0;
  position: absolute;
  left: 0;
  transition:
    top 0.3s cubic-bezier(0.34, 0.69, 0.1, 1),
    height 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
  border-radius: 2px;
}
.ud__anchor-link {
  box-sizing: border-box;
  margin-bottom: 14px;
  line-height: 0;
  cursor: pointer;
}
.ud__anchor-link:last-child {
  margin-bottom: 0;
}
.ud__anchor-link__title {
  box-sizing: border-box;
  color: #646a73;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 14px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.1s linear;
  padding: 1px 0;
}
.ud__anchor-link__title:hover {
  color: #1456f0;
}
.ud__anchor-link__title:active {
  color: #0442d2;
}
.ud__anchor-link__title:only-child {
  margin-bottom: 0;
}
.ud__anchor-link__title--active {
  color: #1456f0;
}
.ud__anchor-link .ud__anchor-link {
  margin-left: 16px;
}
.ud__drawer__root {
  box-sizing: border-box;
  position: fixed;
  z-index: 1000;
  pointer-events: none;
}
.ud__drawer-open {
  inset: 0;
}
.ud__drawer__mask {
  box-sizing: border-box;
  position: absolute;
  inset: 0;
  background-color: #0000008c;
  pointer-events: auto;
}
.ud__drawer__content__wrapper {
  box-sizing: border-box;
  position: absolute;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  pointer-events: auto;
}
.ud__drawer__content__wrapper:focus {
  outline: 0;
  --hack-merge-rules: true;
}
.ud__drawer__content__wrapper:focus-visible {
  outline: 0;
}
.ud__drawer__content {
  box-sizing: border-box;
  padding: 24px;
  flex: 1;
  overflow-y: auto;
}
.ud__drawer__content__pd-sm {
  padding: 20px;
}
.ud__drawer__content__nofooter {
  padding-bottom: 0;
}
.ud__drawer__header {
  box-sizing: border-box;
  padding: 16px 24px;
  background: #fff;
  border-bottom: 1px solid rgba(31, 35, 41, 0.15);
}
.ud__drawer__header__content {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ud__drawer__header__title {
  box-sizing: border-box;
  color: #1f2329;
  width: 100%;
}
.ud__drawer__header__subTitle {
  box-sizing: border-box;
  color: #646a73;
  margin: 4px 0 0;
}
.ud__drawer__footer {
  box-sizing: border-box;
  padding: 24px;
}
.ud__drawer-left .ud__drawer__content__wrapper {
  left: 0;
  top: 0;
  bottom: 0;
  box-shadow:
    10px 0 36px 10px #1f23290a,
    8px 0 24px #1f23290a,
    6px 0 12px -10px #1f23290f;
}
.ud__drawer-right .ud__drawer__content__wrapper {
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow:
    -10px 0 36px 10px #1f23290a,
    -8px 0 24px #1f23290a,
    -6px 0 12px -10px #1f23290f;
}
.ud__drawer-top .ud__drawer__content__wrapper {
  top: 0;
  left: 0;
  right: 0;
  box-shadow:
    0 10px 36px 10px #1f23290a,
    0 8px 24px #1f23290a,
    0 6px 12px -10px #1f23290f;
}
.ud__drawer-bottom .ud__drawer__content__wrapper {
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow:
    0 -10px 36px 10px #1f23290a,
    0 -8px 24px #1f23290a,
    0 -6px 12px -10px #1f23290f;
}
.ud__drawer__close > .ud__button {
  color: #646a73;
  margin-top: -2px;
  margin-bottom: -2px;
  margin-right: -4px;
}
.ud__slider {
  box-sizing: border-box;
  padding: 6px 8px;
  position: relative;
  cursor: pointer;
  width: 100%;
}
.ud__slider * {
  user-select: none;
}
.ud__slider__wrapper {
  position: relative;
  height: 100%;
}
.ud__slider__handle-holder {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.ud__slider__handle-holder:hover .ud__slider__handle {
  border-width: 2px;
  border-color: #1456f0;
}
.ud__slider__handle {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d0d3d6;
  border-radius: 100%;
  box-shadow: 0 2px 4px #1f23291f;
}
.ud__slider__handle--active,
.ud__slider__handle:hover {
  border-width: 2px;
  border-color: #1456f0;
}
.ud__slider__rail {
  box-sizing: border-box;
  background-color: #1f232926;
  border-radius: 2px;
  height: 4px;
}
.ud__slider__track {
  box-sizing: border-box;
  background-color: #1456f0;
  border-radius: 2px;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
}
.ud__slider--with-marks {
  margin-bottom: 18px;
}
.ud__slider__marks {
  box-sizing: border-box;
  position: absolute;
  top: 8px;
  left: 0;
  width: 100%;
}
.ud__slider__marks-item {
  box-sizing: border-box;
  position: absolute;
  display: inline-block;
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
  user-select: none;
  transform: translate(-50%);
  left: 0;
}
.ud__slider__marks--vertical {
  height: 100%;
  top: 0;
  left: 14px;
  width: auto;
}
.ud__slider__marks--vertical .ud__slider__marks-item {
  transform: translateY(50%);
}
.ud__slider__steps {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 4px;
  top: 50%;
  transform: translateY(-50%);
}
.ud__slider__steps-item {
  position: absolute;
  height: 8px;
  width: 8px;
  border-radius: 100%;
  border: 1px solid #d0d3d6;
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  margin-left: -4px;
}
.ud__slider__steps-item--active {
  border-color: #1456f0;
}
.ud__slider--vertical {
  height: 100%;
  width: 16px;
  display: inline-block;
  padding: 8px 6px;
}
.ud__slider--vertical .ud__slider__steps {
  width: 4px;
  height: 100%;
}
.ud__slider--vertical .ud__slider__steps-item {
  left: 50%;
  top: unset;
  transform: translate(-50%);
  margin-bottom: -4px;
  margin-left: unset;
}
.ud__slider--vertical .ud__slider__rail {
  width: 4px;
  height: 100%;
  margin: 0 auto;
}
.ud__slider--vertical .ud__slider__handle-holder {
  left: 50%;
  top: unset;
  transform: translate(-50%, 50%);
}
.ud__slider--vertical .ud__slider__track {
  width: 4px;
  left: 50%;
  top: unset;
  transform: translate(-50%);
}
.ud__slider--with-marks.ud__slider--vertical {
  margin-bottom: 0;
  margin-right: 44px;
}
.ud__slider--disabled {
  cursor: no-drop;
}
.ud__slider--disabled .ud__slider__rail {
  background-color: #1f23291a;
}
.ud__slider--disabled .ud__slider__track {
  background-color: #bbbfc4;
}
.ud__slider--disabled .ud__slider__handle,
.ud__slider--disabled .ud__slider__handle-holder:hover .ud__slider__handle {
  background-color: #fff;
  border-color: #dee0e3;
  border-width: 1px;
  box-shadow: unset;
}
.ud__slider--disabled .ud__slider__steps-item {
  border-color: #eff0f1;
  background-color: #eff0f1;
}
.ud__slider--disabled .ud__slider__steps-item--active {
  border-color: #bbbfc4;
  background-color: #bbbfc4;
}
.ud__table.ud__table-lg {
  font-size: 14px;
}
.ud__table.ud__table-lg .ud__table-footer,
.ud__table.ud__table-lg .ud__table-tbody > tr > td,
.ud__table.ud__table-lg .ud__table-thead > tr > th,
.ud__table.ud__table-lg .ud__table-title,
.ud__table.ud__table-lg tfoot > tr > td,
.ud__table.ud__table-lg tfoot > tr > th {
  padding: 16px 12px;
}
.ud__table.ud__table-lg .ud__table-footer.ud__table-row-expand-icon-cell,
.ud__table.ud__table-lg
  .ud__table-tbody
  > tr
  > td.ud__table-row-expand-icon-cell,
.ud__table.ud__table-lg
  .ud__table-thead
  > tr
  > th.ud__table-row-expand-icon-cell,
.ud__table.ud__table-lg .ud__table-title.ud__table-row-expand-icon-cell,
.ud__table.ud__table-lg tfoot > tr > td.ud__table-row-expand-icon-cell,
.ud__table.ud__table-lg tfoot > tr > th.ud__table-row-expand-icon-cell {
  padding: 16px 9px;
}
.ud__table.ud__table-lg .ud__table-footer .ud__table-expanded-row-fixed,
.ud__table.ud__table-lg
  .ud__table-tbody
  > tr
  > td
  .ud__table-expanded-row-fixed,
.ud__table.ud__table-lg
  .ud__table-thead
  > tr
  > th
  .ud__table-expanded-row-fixed,
.ud__table.ud__table-lg .ud__table-title .ud__table-expanded-row-fixed,
.ud__table.ud__table-lg tfoot > tr > td .ud__table-expanded-row-fixed,
.ud__table.ud__table-lg tfoot > tr > th .ud__table-expanded-row-fixed {
  margin: -16px -12px -16px -46px;
  padding: 16px 12px 16px 46px;
  box-sizing: border-box;
}
.ud__table.ud__table-lg
  .ud__table-tbody
  .ud__table-wrapper:only-child
  .ud__table {
  margin: 0 -12px;
}
.ud__table.ud__table-md {
  font-size: 14px;
}
.ud__table.ud__table-md .ud__table-footer,
.ud__table.ud__table-md .ud__table-tbody > tr > td,
.ud__table.ud__table-md .ud__table-thead > tr > th,
.ud__table.ud__table-md .ud__table-title,
.ud__table.ud__table-md tfoot > tr > td,
.ud__table.ud__table-md tfoot > tr > th {
  padding: 12px;
}
.ud__table.ud__table-md .ud__table-footer.ud__table-row-expand-icon-cell,
.ud__table.ud__table-md
  .ud__table-tbody
  > tr
  > td.ud__table-row-expand-icon-cell,
.ud__table.ud__table-md
  .ud__table-thead
  > tr
  > th.ud__table-row-expand-icon-cell,
.ud__table.ud__table-md .ud__table-title.ud__table-row-expand-icon-cell,
.ud__table.ud__table-md tfoot > tr > td.ud__table-row-expand-icon-cell,
.ud__table.ud__table-md tfoot > tr > th.ud__table-row-expand-icon-cell {
  padding: 12px 9px;
}
.ud__table.ud__table-md .ud__table-footer .ud__table-expanded-row-fixed,
.ud__table.ud__table-md
  .ud__table-tbody
  > tr
  > td
  .ud__table-expanded-row-fixed,
.ud__table.ud__table-md
  .ud__table-thead
  > tr
  > th
  .ud__table-expanded-row-fixed,
.ud__table.ud__table-md .ud__table-title .ud__table-expanded-row-fixed,
.ud__table.ud__table-md tfoot > tr > td .ud__table-expanded-row-fixed,
.ud__table.ud__table-md tfoot > tr > th .ud__table-expanded-row-fixed {
  margin: -12px -12px -12px -46px;
  padding: 12px 12px 12px 46px;
  box-sizing: border-box;
}
.ud__table.ud__table-md
  .ud__table-tbody
  .ud__table-wrapper:only-child
  .ud__table {
  margin: 0 -12px;
}
.ud__table.ud__table-sm {
  font-size: 14px;
}
.ud__table.ud__table-sm .ud__table-footer,
.ud__table.ud__table-sm .ud__table-tbody > tr > td,
.ud__table.ud__table-sm .ud__table-thead > tr > th,
.ud__table.ud__table-sm .ud__table-title,
.ud__table.ud__table-sm tfoot > tr > td,
.ud__table.ud__table-sm tfoot > tr > th {
  padding: 8px 12px;
}
.ud__table.ud__table-sm .ud__table-footer.ud__table-row-expand-icon-cell,
.ud__table.ud__table-sm
  .ud__table-tbody
  > tr
  > td.ud__table-row-expand-icon-cell,
.ud__table.ud__table-sm
  .ud__table-thead
  > tr
  > th.ud__table-row-expand-icon-cell,
.ud__table.ud__table-sm .ud__table-title.ud__table-row-expand-icon-cell,
.ud__table.ud__table-sm tfoot > tr > td.ud__table-row-expand-icon-cell,
.ud__table.ud__table-sm tfoot > tr > th.ud__table-row-expand-icon-cell {
  padding: 8px 9px;
}
.ud__table.ud__table-sm .ud__table-footer .ud__table-expanded-row-fixed,
.ud__table.ud__table-sm
  .ud__table-tbody
  > tr
  > td
  .ud__table-expanded-row-fixed,
.ud__table.ud__table-sm
  .ud__table-thead
  > tr
  > th
  .ud__table-expanded-row-fixed,
.ud__table.ud__table-sm .ud__table-title .ud__table-expanded-row-fixed,
.ud__table.ud__table-sm tfoot > tr > td .ud__table-expanded-row-fixed,
.ud__table.ud__table-sm tfoot > tr > th .ud__table-expanded-row-fixed {
  margin: -8px -12px -8px -46px;
  padding: 8px 12px 8px 46px;
  box-sizing: border-box;
}
.ud__table.ud__table-sm
  .ud__table-tbody
  .ud__table-wrapper:only-child
  .ud__table {
  margin: 0 -12px;
}
.ud__table.ud__table-bordered > .ud__table-title {
  border: 1px solid rgba(31, 35, 41, 0.15);
  border-bottom: 0;
}
.ud__table.ud__table-bordered > .ud__table-container {
  border-left: 1px solid rgba(31, 35, 41, 0.15);
  border-right: 1px solid rgba(31, 35, 41, 0.15);
}
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-body
  > table
  > tbody
  > tr
  > td:not(:last-child),
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-body
  > table
  > tfoot
  > tr
  > td:not(:last-child),
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-body
  > table
  > tfoot
  > tr
  > th:not(:last-child),
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-body
  > table
  > thead
  > tr
  > th:not(:last-child),
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-content
  > table
  > tbody
  > tr
  > td:not(:last-child),
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-content
  > table
  > tfoot
  > tr
  > td:not(:last-child),
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-content
  > table
  > tfoot
  > tr
  > th:not(:last-child),
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-content
  > table
  > thead
  > tr
  > th:not(:last-child),
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-header
  > table
  > tbody
  > tr
  > td:not(:last-child),
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-header
  > table
  > tfoot
  > tr
  > td:not(:last-child),
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-header
  > table
  > tfoot
  > tr
  > th:not(:last-child),
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-header
  > table
  > thead
  > tr
  > th:not(:last-child),
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-summary
  > table
  > tbody
  > tr
  > td:not(:last-child),
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-summary
  > table
  > tfoot
  > tr
  > td:not(:last-child),
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-summary
  > table
  > tfoot
  > tr
  > th:not(:last-child),
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-summary
  > table
  > thead
  > tr
  > th:not(:last-child) {
  border-right: 1px solid rgba(31, 35, 41, 0.15);
}
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-body
  > table
  > thead
  > tr:not(:last-child)
  > th,
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-content
  > table
  > thead
  > tr:not(:last-child)
  > th,
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-header
  > table
  > thead
  > tr:not(:last-child)
  > th,
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-summary
  > table
  > thead
  > tr:not(:last-child)
  > th {
  border-bottom: 1px solid rgba(31, 35, 41, 0.15);
}
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-body
  > table
  > tbody
  > tr
  > td
  > .ud__table-expanded-row-fixed,
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-content
  > table
  > tbody
  > tr
  > td
  > .ud__table-expanded-row-fixed,
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-header
  > table
  > tbody
  > tr
  > td
  > .ud__table-expanded-row-fixed,
.ud__table.ud__table-bordered
  > .ud__table-container
  > .ud__table-summary
  > table
  > tbody
  > tr
  > td
  > .ud__table-expanded-row-fixed {
  margin: -12px -13px;
}
.ud__table.ud__table-bordered.ud__table-scroll-horizontal
  > .ud__table-container
  > .ud__table-body
  > table
  > tbody
  > tr.ud__table-expanded-row
  > td,
.ud__table.ud__table-bordered.ud__table-scroll-horizontal
  > .ud__table-container
  > .ud__table-body
  > table
  > tbody
  > tr.ud__table-placeholder
  > td {
  border-right: 0;
}
.ud__table.ud__table-bordered > .ud__table-footer {
  border: 1px solid rgba(31, 35, 41, 0.15);
  border-top: 0;
}
.ud__table-cell .ud__table-container:first-child {
  border-top: 0;
}
.ud__table-cell-scrollbar {
  box-shadow: 0 1px 0 1px #fff;
}
.ud__table.ud__table-highlight-header .ud__table-cell-scrollbar {
  box-shadow: 0 1px 0 1px #f2f3f5;
}
.ud__table.ud__table-multi-header .ud__table-thead tr > th {
  border-right: 1px solid rgba(31, 35, 41, 0.15);
  background-color: #f2f3f5;
}
.ud__table.ud__table-multi-header
  .ud__table-thead
  tr:first-child
  > th:last-child {
  border-right: none;
}
.ud__table.ud__table-multi-header
  .ud__table-thead
  tr
  .ud__table-cell-scrollbar {
  box-shadow: 0 1px 0 1px #f2f3f5;
}
.ud__table.ud__table-highlight-header .ud__table-thead > tr > th {
  background-color: #f2f3f5;
}
.ud__table.ud__table-highlight-header:not(.ud__table-bordered):not(
    .ud__table-multi-header
  )
  table {
  border-top: none;
}
.ud__table.ud__table-highlight-header:not(.ud__table-bordered):not(
    .ud__table-multi-header
  )
  table
  .ud__table-thead
  tr
  > th {
  border-bottom: none;
}
.ud__table + .ud__pagination {
  margin-top: 16px;
  margin-bottom: 16px;
}
.ud__table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #1f2329;
  line-height: 1.5715;
  list-style: none;
  position: relative;
  font-size: 14px;
  background: #fff;
}
.ud__table-wrapper-stretch.ud__table-wrapper .ud__loading-nested-loading,
.ud__table-wrapper-stretch.ud__table-wrapper .ud__loading__container,
.ud__table-wrapper-stretch.ud__table-wrapper .ud__table,
.ud__table-wrapper-stretch.ud__table-wrapper .ud__table-container {
  height: 100%;
}
.ud__table-wrapper-stretch.ud__table-wrapper .ud__table {
  overflow: hidden;
}
.ud__table-wrapper-stretch.ud__table-wrapper .ud__loading__container,
.ud__table-wrapper-stretch.ud__table-wrapper .ud__table-container {
  display: flex;
  flex-direction: column;
}
.ud__table-wrapper-stretch.ud__table-wrapper .ud__table-header {
  flex-shrink: 0;
}
.ud__table-wrapper-stretch.ud__table-wrapper .ud__table-body {
  flex: 1;
}
.ud__table-wrapper-stretch.ud__table-wrapper .ud__table-empty .ud__table-body {
  display: flex;
  align-items: center;
}
.ud__table-container {
  box-sizing: border-box;
  border-bottom: 1px solid rgba(31, 35, 41, 0.15);
}
.ud__table-summary {
  position: relative;
  z-index: 2;
  border-top: 1px solid rgba(31, 35, 41, 0.15);
  margin-top: -1px;
}
.ud__table-content table,
.ud__table-header table {
  border-top: 1px solid rgba(31, 35, 41, 0.15);
}
.ud__table-body,
.ud__table-content {
  overflow: auto;
}
.ud__table table {
  width: 100%;
  text-align: left;
  border-collapse: separate;
  border-spacing: 0;
}
.ud__table tfoot > tr > td,
.ud__table tfoot > tr > th,
.ud__table-tbody > tr > td,
.ud__table-thead > tr > th {
  box-sizing: border-box;
  position: relative;
  padding: 12px;
  overflow-wrap: break-word;
  transition: background 0.3s;
}
.ud__table-thead > tr > th {
  color: #646a73;
  font-weight: unset;
  text-align: left;
  border-bottom: 1px solid rgba(31, 35, 41, 0.15);
}
.ud__table-tbody > tr > td {
  border-bottom: 1px solid rgba(31, 35, 41, 0.15);
}
.ud__table-tbody > tr > td > .ud__table-wrapper:only-child .ud__table {
  margin: 0 -12px;
}
.ud__table-tbody
  > tr
  > td
  > .ud__table-wrapper:only-child
  .ud__table-tbody
  > tr:last-child
  > td {
  border-bottom: 0;
}
.ud__table-tbody
  > tr
  > td
  > .ud__table-wrapper:only-child
  .ud__table-tbody
  > tr:last-child
  > td:first-child,
.ud__table-tbody
  > tr
  > td
  > .ud__table-wrapper:only-child
  .ud__table-tbody
  > tr:last-child
  > td:last-child {
  border-radius: 0;
}
.ud__table-tbody > tr.ud__table-row-hoverable:hover > td {
  background: #eff0f1;
}
.ud__table-tbody > tr:last-child > td {
  border-bottom: none;
}
.ud__table-summary > tr:not(:last-child) > td {
  border-bottom: 1px solid rgba(31, 35, 41, 0.15);
}
.ud__table-thead tr > th.ud__table-column-has-sorters {
  padding: 0;
  cursor: pointer;
}
.ud__table-thead tr > th.ud__table-column-has-sorters:hover {
  background-color: #eff0f1;
}
.ud__table-column-sorter {
  box-sizing: border-box;
  color: #646a73;
  display: flex;
  position: relative;
}
.ud__table-column-sorter-full {
  margin-top: 0;
  margin-bottom: 0;
}
.ud__table-column-sorter-inner {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 22px;
}
.ud__table-column-sorter-inner > .ud__button--icon-default {
  color: #646a73;
}
.ud__table-column-sorter-inner .ud__button--icon {
  margin: -4px;
}
.ud__table-column-sorter-down,
.ud__table-column-sorter-inner > span,
.ud__table-column-sorter-up {
  font-size: 10px;
}
.ud__table-column-sorter-down.active svg,
.ud__table-column-sorter-up.active svg {
  color: #1456f0;
}
.ud__table-column-sorter-up + .ud__table-column-sorter-down {
  margin-top: -0.3em;
}
.ud__table-thead tr > th.ud__table-column-has-filters:hover {
  background-color: #eff0f1;
}
.ud__table-filter-trigger {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  color: #646a73;
  transition: color 0.3s;
  outline: 0;
}
.ud__table-filter-trigger > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ud__table-filter-trigger.active {
  color: #336df4;
}
.ud__table-filter-dropdown {
  min-width: 120px;
}
.ud__table-filter-dropdown .ud__menu-normal {
  padding: 0;
  box-shadow: none;
  border: none;
}
.ud__table-filter-dropdown .ud__dropdown__menu {
  max-height: 264px;
  overflow-x: hidden;
  border: 0;
  box-shadow: none;
  list-style-type: none;
  margin: 0;
  padding: 8px 0;
}
.ud__table-filter-dropdown
  .ud__dropdown__menu-item
  span:not(.ud__dropdown__menu-submenu-arrow):first-child
  svg {
  margin-right: 0;
}
.ud__table-filter-dropdown-submenu > ul {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  overflow-y: auto;
}
.ud__table-filter-dropdown .ud-checkbox-wrapper + span,
.ud__table-filter-dropdown-submenu .ud-checkbox-wrapper + span {
  padding-left: 8px;
}
.ud__table-filter-dropdown-btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
.ud__table-filter-dropdown-label {
  margin: 0 8px;
}
.ud__table .ud__table-column-wrapper {
  display: inline-flex;
  justify-content: flex-start;
}
.ud__table .ud__table-column-sorter {
  box-sizing: border-box;
  align-items: center;
  margin-left: 8px;
}
.ud__table .ud__table-column-filter {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: background-color 0.3s;
  margin-left: 8px;
}
.ud__table .ud__table-column-filter .ud__button--icon {
  margin: -4px;
}
.ud__table .ud__table-column-filter > .ud__button--icon-default {
  color: #646a73;
}
.ud__table .ud__table-column-filter-align-right .ud__table-column-wrapper {
  padding-right: 24px;
}
.ud__table .ud__table-column-filter-align-right .ud__table-column-filter {
  position: absolute;
  right: 12px;
  top: calc(50% - 8px);
}
.ud__table .ud__table-selection-col {
  width: 40px;
}
table tr td.ud__table-selection-column,
table tr th.ud__table-selection-column {
  padding: 0 12px;
  text-align: center;
}
table tr td.ud__table-selection-column .ud__checkbox__wrapper,
table tr td.ud__table-selection-column .ud__radio__wrapper,
table tr th.ud__table-selection-column .ud__checkbox__wrapper,
table tr th.ud__table-selection-column .ud__radio__wrapper {
  float: left;
  margin-right: 0;
}
.ud__table-selection {
  position: relative;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  float: left;
}
.ud__table-selection-extra {
  position: absolute;
  z-index: 1;
  cursor: pointer;
  margin-inline-start: calc(100% + 2px);
  line-height: 0;
}
.ud__table-selection-extra > span {
  color: #646a73;
  font-size: 10px;
}
tr.ud__table-expanded-row:hover > td,
tr.ud__table-expanded-row > td {
  padding-left: 46px !important;
  background: #f2f3f5;
}
.ud__table-expand-icon-col {
  width: 34px;
}
.ud__table-row-indent {
  box-sizing: border-box;
  float: left;
  height: 1px;
}
.ud__table-row-indent + .ud__table-row-expand-icon {
  margin-right: 4px;
  float: left;
  margin-top: 3px;
}
.ud__table-tbody > tr.ud__table-group-row > td.ud__table-group-row-cell {
  padding: 0;
}
.ud__table-group-title {
  display: flex;
  align-items: center;
  background-color: #f5f6f7;
  height: 30px;
  font-size: 14px;
}
.ud__table-group-title-expand-button {
  margin-left: 9px;
  margin-right: 1px;
}
.ud__table-group-title:hover {
  background-color: #eff0f1;
}
.ud__table-group-title:active {
  background-color: #dee0e3;
}
.ud__table-pagination {
  margin: 16px 0;
  display: flex;
}
.ud__table-pagination-left {
  justify-content: flex-start;
}
.ud__table-pagination-center {
  justify-content: center;
}
.ud__table-pagination-right {
  justify-content: flex-end;
}
.ud__table-cell-fix-left,
.ud__table-cell-fix-right {
  position: -webkit-sticky !important;
  position: sticky !important;
  z-index: 2;
  background: #fff;
}
.ud__table .ud__table-container:after,
.ud__table .ud__table-container:before {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  z-index: 4;
  transition: background-color 0.3s;
  content: "";
  pointer-events: none;
}
.ud__table .ud__table-container:before {
  left: 0;
}
.ud__table .ud__table-container:after {
  right: 0;
}
.ud__table-ping-left:not(.ud__table-has-fix-left) .ud__table-container,
.ud__table-ping-right:not(.ud__table-has-fix-right) .ud__table-container {
  position: relative;
}
.ud__table__sticky--pinned-top {
  box-shadow:
    0 1px 2px -2px #1f232905,
    0 2px 4px #1f232905,
    0 2px 8px 2px #1f232905;
}
.ud__table__sticky--pinned-bottom {
  box-shadow:
    0 -1px 2px -2px #1f232905,
    0 -2px 4px #1f232905,
    0 -2px 8px 2px #1f232905;
}
.ud__table-sticky-holder {
  position: sticky;
  z-index: 3;
  background: #fff;
}
.ud__table-sticky-scroll {
  position: sticky;
  bottom: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  background: 0 0;
}
.ud__table-sticky-scroll:hover {
  transform-origin: center bottom;
}
.ud__table-sticky-scroll-bar {
  position: absolute;
  bottom: 0;
  height: 7px;
  background-color: #1f23294d;
  border-radius: 9999px;
  transition: background 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__table-sticky-scroll-bar-active,
.ud__table-sticky-scroll-bar:hover {
  background-color: #1f232999;
}
.ud__table-cell-ellipsis {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ud__table-cell-ellipsis.ud__table-cell-fix-left-last,
.ud__table-cell-ellipsis.ud__table-cell-fix-right-first {
  overflow: visible;
}
.ud__table-cell-ellipsis.ud__table-cell-fix-left-last .ud__table-cell-content,
.ud__table-cell-ellipsis.ud__table-cell-fix-right-first
  .ud__table-cell-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ud__table-cell-ellipsis .ud__table-column-wrapper {
  max-width: 100%;
}
.ud__table-cell-ellipsis .ud__table-column-title {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ud__table-cell-ellipsis.ud__table-column-filter-align-right
  .ud__table-column-wrapper {
  max-width: calc(100% - 24px);
}
.ud__table-empty-wrapper {
  margin: 28px 0;
  text-align: center;
  color: #646a73;
}
.ud__table-empty .ud__table-tbody > tr:last-child td {
  border: none;
}
.ud__table-empty-loading {
  height: 68px;
}
.ud__table-header > table > .ud__table-summary > tr:last-child td,
.ud__table-stretch:not(.ud__table-empty)
  > .ud__table-container
  > .ud__table-body
  > table,
.ud__table-stretch:not(.ud__table-empty)
  > .ud__table-container
  > .ud__table-content
  > table {
  border-bottom: 1px solid rgba(31, 35, 41, 0.15);
}
.ud__table__divider {
  opacity: 0;
  position: absolute;
  top: -1px;
  bottom: 0;
  width: 1px;
  background-color: #bbbfc4;
  transition: opacity 0.3s;
}
.ud__table__divider--left {
  right: -1px;
  box-shadow:
    1px 0 2px -2px #1f232905,
    2px 0 4px #1f232905,
    2px 0 8px 2px #1f232905;
}
.ud__table__divider--right {
  left: 0;
  box-shadow:
    -1px 0 2px -2px #1f232905,
    -2px 0 4px #1f232905,
    -2px 0 8px 2px #1f232905;
}
.ud__table__divider--visible {
  opacity: 1;
}
.u1e8zt0z {
  min-width: min-content;
}
.ud__form__item__control__explain.ud__form__item__control__explain-error {
  color: #f54a45;
}
.ud__form__item__control__explain.ud__form__item__control__explain-warning {
  color: #ed6d0c;
}
.ud__form-horizontal .ud__form__item__control {
  flex: 1 1 0;
}
.ud__form-inline {
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
}
.ud__form-inline .ud__form__item {
  flex: none;
  flex-wrap: nowrap;
}
.ud__form-inline .ud__form__item > .ud__form__item__label {
  flex: none;
  justify-content: flex-start;
  text-align: left;
}
.ud__form-inline .ud__form__item > .ud__form__item__control,
.ud__form-inline .ud__form__item > .ud__form__item__label {
  max-width: 240px;
}
.ud__form__item .ud__cascader,
.ud__form__item .ud__select,
.ud__form__item .ud__treeSelect {
  width: 100%;
}
.ud__form__item .ud__input-group .ud__cascader,
.ud__form__item .ud__input-group .ud__select,
.ud__form__item .ud__input-group .ud__treeSelect {
  width: auto;
}
.ud__form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #1f2329;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
}
.ud__form-sm .ud__form__item__label {
  padding: 3px 0;
}
.ud__form-sm .ud__form__item__control__input {
  min-height: 28px;
}
.ud__form-md .ud__form__item__label {
  padding: 5px 0;
}
.ud__form-md .ud__form__item__control__input {
  min-height: 32px;
}
.ud__form-lg .ud__form__item__label {
  padding: 9px 0;
}
.ud__form-lg .ud__form__item__control__input {
  min-height: 40px;
}
.ud__form__item {
  box-sizing: border-box;
  align-items: flex-start;
  row-gap: 8px;
}
.ud__form__item-hidden,
.ud__form__item-hidden.ud__row {
  display: none;
}
.ud__form__item__label {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  flex-grow: 0;
  align-items: baseline;
  color: #1f2329;
  text-align: right;
}
.ud__form__item__label-left {
  justify-content: flex-start;
  text-align: left;
}
.ud__form__item__label:after {
  content: " ";
  margin-inline-end: 8px;
}
.ud__form__item__required-mark {
  display: inline-block;
  color: #f54a45;
  font-family: SimSun, sans-serif;
  width: 8px;
  margin-inline-start: 2px;
  flex: none;
  text-align: left;
}
.ud__form__item__tooltip {
  box-sizing: border-box;
  cursor: default;
  writing-mode: horizontal-tb;
  color: #646a73;
  margin-inline-start: 4px;
}
.ud__form__item__tooltip > .universe-icon > svg {
  --font-size: 1em;
  --svg-size: calc(var(--font-size) + 2px);
  width: var(--svg-size);
  height: var(--svg-size);
  vertical-align: calc(0.36 * var(--font-size) - 0.5 * var(--svg-size));
}
.ud__form__item__control {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 28px;
}
.ud__form__item-with-help > .ud__form__item__control {
  margin-bottom: 4px;
}
.ud__form__item-error-squeezed > .ud__form__item__control {
  margin-bottom: 20px;
}
.ud__form__item-error-none > .ud__form__item__control {
  margin-bottom: 0;
}
.ud__form__item__control__input {
  display: flex;
  align-items: center;
}
.ud__form__item__control__input__content {
  flex: auto;
  max-width: 100%;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.ud__form__item__control__extra {
  margin-top: 2px;
  color: #8f959e;
}
.ud__form__item__control__extra:after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: "\a0";
}
.ud__form__item__control__explain {
  margin: 2px 0 0;
  color: #8f959e;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ud__form__item__control__explain:after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: "\a0";
}
.ud__form-vertical .ud__form__item {
  flex-direction: column;
  align-items: stretch;
}
.ud__form-vertical .ud__form__item .ud__form__item__label {
  justify-content: flex-start;
  padding: 0;
  text-align: left;
}
.ud__form-vertical .ud__form__item .ud__form__item__label:after {
  display: none;
}
.ud__form-vertical .ud__form__item .ud__form__item__control,
.ud__form-vertical .ud__form__item .ud__form__item__label {
  flex: none;
  max-width: 100%;
}
.ud__form-vertical .ud__form__item .ud__form__item__control__input {
  min-height: 0;
}
.ud__col-lg-span-24.ud__form__item__label,
.ud__col-md-span-24.ud__form__item__label,
.ud__col-sm-span-24.ud__form__item__label,
.ud__col-span-24.ud__form__item__label,
.ud__col-xl-span-24.ud__form__item__label,
.ud__col-xs-span-24.ud__form__item__label {
  justify-content: flex-start;
  padding: 0;
  text-align: left;
}
.ud__col-lg-span-24.ud__form__item__label:after,
.ud__col-md-span-24.ud__form__item__label:after,
.ud__col-sm-span-24.ud__form__item__label:after,
.ud__col-span-24.ud__form__item__label:after,
.ud__col-xl-span-24.ud__form__item__label:after,
.ud__col-xs-span-24.ud__form__item__label:after {
  display: none;
}
@media (max-width: 575px) {
  .ud__form__item {
    flex-direction: column;
    align-items: stretch;
  }
  .ud__form__item .ud__form__item__label {
    justify-content: flex-start;
    padding: 0;
    text-align: left;
  }
  .ud__form__item .ud__form__item__label:after {
    display: none;
  }
  .ud__form__item .ud__form__item__control,
  .ud__form__item .ud__form__item__label {
    flex: none;
    max-width: 100%;
  }
  .ud__form__item .ud__form__item__control__input {
    min-height: 0;
  }
}
.ud__rate {
  box-sizing: border-box;
  display: inline-block;
  line-height: 0;
}
.ud__rate__characters {
  box-sizing: border-box;
  line-height: 0;
  display: inline-flex;
  align-items: center;
}
.ud__rate__des {
  box-sizing: border-box;
  color: #646a73;
  text-align: center;
  margin-top: 12px;
}
.ud__rate__character {
  box-sizing: border-box;
  height: 32px;
  width: 32px;
  font-size: 28px;
  display: inline-block;
  position: relative;
  color: #1f232926;
  user-select: none;
  z-index: 0;
  overflow: hidden;
  transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__rate__character:hover {
  transform: scale(1.14);
}
.ud__rate__character:not(:last-child) {
  margin-right: 16px;
}
.ud__rate__character-half-body {
  box-sizing: border-box;
  position: absolute;
  height: 100%;
  width: 50%;
  overflow: hidden;
  color: #ffc60a;
  opacity: 0;
  z-index: 1;
}
.ud__rate__character-half-body-wrap {
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ud__rate__character-body {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ud__rate__character-body,
.ud__rate__character-half-body {
  cursor: pointer;
}
.ud__rate__character--full {
  color: #ffc60a;
}
.ud__rate__character--half .ud__rate__character-half-body {
  opacity: 1;
}
.ud__progress {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
}
.ud__progress--line {
  width: 100%;
  max-width: 100%;
  display: inline-block;
}
.ud__progress--line .ud__progress--steps {
  flex-grow: 1;
  flex-shrink: 0;
}
.ud__progress--line-wrapper {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
}
.ud__progress--line-inner {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  height: 4px;
  background-color: #dee0e3;
  border-radius: 100px;
  overflow: hidden;
}
.ud__progress--line-inner-with-right-info {
  margin-right: 12px;
}
.ud__progress--line-inner-with-left-info {
  margin-left: 12px;
}
.ud__progress--line-bg {
  box-sizing: border-box;
  display: block;
  height: 100%;
  position: relative;
  border-radius: 100px;
  background-color: #1456f0;
  transition:
    width 0.3s,
    background-color 0.2s linear;
  -webkit-transition:
    width 0.3s,
    background-color 0.2s linear;
}
.ud__progress--line-bg-success {
  background-color: #32a645;
}
.ud__progress--line-bg-exception {
  background-color: #f54a45;
}
.ud__progress--line-bg-normal {
  background-color: #1456f0;
}
.ud__progress--steps {
  box-sizing: border-box;
  font-size: 12px;
  color: #8f959e;
  white-space: normal;
  line-height: 0;
}
.ud__progress__icon {
  font-size: 12px;
}
.ud__progress__icon--success {
  color: #32a645;
}
.ud__progress__icon--error {
  color: #f54a45;
}
.ud__progress--circle {
  display: inline-block;
  overflow: hidden;
}
.ud__progress--circle-wrapper {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ud__progress--circle--path {
  box-sizing: border-box;
  transition:
    stroke-dashoffset 0.3s,
    stroke-dasharray 0.3s,
    stroke 0.3s,
    stroke-width 0.06s 0.3s,
    opacity 0.3s,
    stroke 0.2s;
  stroke: #1456f0;
}
.ud__progress--circle--path--bg {
  stroke: #dee0e3;
}
.ud__progress--circle--path--success {
  stroke: #32a645 !important;
}
.ud__progress--circle--path--exception {
  stroke: #f54a45 !important;
}
.ud__progress--circle--icon {
  box-sizing: border-box;
  vertical-align: 0;
  position: absolute;
  left: 0;
  transition: opacity 0.2s;
  line-height: 0;
}
.ud__progress--circle--icon--success {
  color: #32a645;
}
.ud__progress--circle--icon--exception {
  color: #f54a45;
}
.ud__progress--circle--steps {
  display: inline-block;
  font-size: 12px;
  color: #8f959e;
}
.ud__progress--circle--steps.ud__progress--circle--steps--left {
  margin-right: 8px;
  width: 32px;
  text-align: right;
}
.ud__progress--circle--steps.ud__progress--circle--steps--right {
  margin-left: 8px;
  width: 32px;
  text-align: left;
}
.ud__picker__wrapper-week-number {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.ud__picker__header-week-number {
  display: flex;
  flex-direction: column;
}
.ud__picker__header-week-number__space {
  width: calc(4.76% - 1px);
  max-width: 20px;
  position: relative;
}
.ud__picker__header-week-number__space:after {
  position: absolute;
  content: "";
  top: 36px;
  bottom: 0;
  left: 55%;
  width: 1px;
  background: #dee0e3;
}
.ud__picker__header-week-number-name {
  width: 14px;
  height: 32px;
  margin-bottom: 4px;
}
.ud__picker__header-week-number-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
}
.ud__picker__cell-week-number {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
  text-transform: capitalize;
  width: 14px;
  height: 32px;
}
.ud__picker__cell-week-number__inner {
  user-select: none;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  flex: none;
  cursor: default;
  color: #8f959e;
  font-size: 10px;
  line-height: 16px;
  margin-top: 1px;
}
.u18og1rn {
  margin-top: 15px;
}
.u1g777gl {
  margin-right: 15px;
}
.u6jp0wq {
  margin-bottom: 15px;
}
.u1abw64p {
  margin-left: 15px;
}
.u1acs6jw {
  width: fit-content;
}
.u9w1357 {
  background: #1f23290d;
}
.u96dupq {
  border-top-left-radius: 6px;
}
.u1msb61c {
  border-top-right-radius: 6px;
}
.u3rkx2v {
  border-bottom-right-radius: 6px;
}
.u17hi4zz {
  border-bottom-left-radius: 6px;
}
.u1xg1ack {
  position: sticky;
}
.u11fbdcc {
  background-color: #fff;
}
.ud__tabs {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.ud__tabs__tab-bar-nav {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.ud__tabs__tab-extra-content {
  box-sizing: border-box;
  flex: none;
}
.ud__tabs__tab-bar-wrap {
  box-sizing: border-box;
  position: relative;
  flex: auto;
}
.ud__tabs__tab-bar-wrap--scrollable .ud__overflow__item {
  flex-shrink: 0;
}
.ud__tabs__tab-bar {
  position: relative;
}
.ud__tabs__tab-bar-add {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  padding: 0 15px;
  box-sizing: border-box;
  cursor: pointer;
}
.ud__tabs__tab-bar-add svg {
  line-height: 1;
}
.ud__tabs__tab-bar__add-wrap {
  display: inline-block;
  visibility: hidden;
}
.ud__tabs__tab-bar__add-wrap--visible {
  visibility: visible;
}
.ud__tabs__tab-bar__operation {
  box-sizing: border-box;
  height: 100%;
}
.ud__tabs__tab-bar-more {
  box-sizing: border-box;
  color: #1f2329;
}
.ud__tabs__tab-bar-more svg {
  transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__tabs__tab-bar-more-body {
  box-sizing: border-box;
  font-weight: inherit;
  display: flex;
  align-items: center;
}
.ud__tabs__tab-bar-more-body svg {
  line-height: 1;
  font-size: 12px;
  margin-left: 4px;
  color: #8f959e;
}
.ud__tabs__tab-bar-more--selected,
.ud__tabs__tab-bar-more--show:not(.ud__tabs__tab-bar-more--capsule),
.ud__tabs__tab-bar-more:hover:not(.ud__tabs__tab-bar-more--capsule) {
  color: #1456f0;
  cursor: pointer;
}
.ud__tabs__tab-bar-more--selected svg,
.ud__tabs__tab-bar-more--show:not(.ud__tabs__tab-bar-more--capsule) svg,
.ud__tabs__tab-bar-more:hover:not(.ud__tabs__tab-bar-more--capsule) svg {
  color: #1456f0;
}
.ud__tabs__tab-bar-more--show svg {
  transform: rotate(180deg);
}
.ud__tabs__tab-bar-more--selected {
  color: #1456f0;
  height: 100%;
}
.ud__tabs__tab {
  display: flex;
  align-items: center;
  outline: 0;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  color: #1f2329;
  transition:
    color 0.1s cubic-bezier(0, 0, 1, 1),
    background-color 0.1s cubic-bezier(0, 0, 1, 1),
    border-color 0.1s cubic-bezier(0, 0, 1, 1);
}
.ud__tabs__tab--active {
  color: #1456f0;
}
.ud__tabs__tab svg {
  vertical-align: -0.125em;
}
.ud__tabs__tab--disabled {
  color: #bbbfc4;
  cursor: not-allowed;
}
.ud__tabs__tab--hidden {
  visibility: hidden;
}
.ud__tabs__tab-bar-ink {
  box-sizing: border-box;
  position: absolute;
  height: 2px;
  left: 0;
  z-index: 1;
  visibility: visible;
  overflow: hidden;
}
.ud__tabs__tab-bar-ink:before {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #1456f0;
}
.ud__tabs__tab-bar-ink-animated {
  transition:
    width 0.3s cubic-bezier(0.34, 0.69, 0.1, 1),
    left 0.3s cubic-bezier(0.34, 0.69, 0.1, 1),
    top 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__tabs__tab-bar-ink--hidden {
  visibility: hidden;
}
.ud__tabs__content {
  box-sizing: border-box;
  flex: auto;
  height: 100%;
  min-height: 0;
}
.ud__tabs__pane {
  box-sizing: border-box;
}
.ud__tabs__pane--inactive {
  display: none;
}
.ud__tabs--type-line .ud__tabs__tab-bar-holder-divider {
  position: absolute;
  height: 1px;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #1f232926;
  z-index: 0;
}
.ud__tabs--type-line .ud__tabs__tab-bar {
  overflow: hidden;
  white-space: nowrap;
}
.ud__tabs--type-card .ud__tabs__content {
  background-color: #f2f3f5;
}
.ud__tabs--type-card .ud__tabs__tab-bar {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
.ud__tabs--type-card .ud__tabs__tab-bar-holder {
  margin: 0;
}
.ud__tabs--type-card .ud__tabs__tab-bar-holder:after {
  position: absolute;
  content: "";
  height: 1px;
  bottom: 0;
  width: 100%;
  background-color: #dee0e3;
  z-index: 0;
}
.ud__tabs--type-card .ud__tabs__tab--divider:after {
  content: "";
  position: absolute;
  right: -1px;
  top: 8px;
  bottom: 8px;
  background-color: #1f232926;
  width: 1px;
}
.ud__tabs--type-card .ud__tabs__tab-bar__operation {
  margin: 0;
}
.ud__tabs--type-tag .ud__tabs__tab-bar {
  overflow: hidden;
  white-space: nowrap;
}
.ud__tabs--size-sm .ud__tabs__tab-bar-more-body svg {
  font-size: 10px;
}
.ud__tabs--size-sm.ud__tabs--type-tag .ud__tabs__tab-bar-more {
  padding: 0;
}
.ud__tabs-neutral-background {
  background-color: #1f23291a;
}
.ud__tabs-primary-background {
  background-color: #1456f033;
}
.ud__tabs-color-pri-text {
  color: #1456f0;
}
.ud__tabs-sm-border-radius {
  border-radius: 6px;
}
.uvo9xlb {
  border-top-left-radius: 8px;
}
.ugd3wmz {
  border-top-right-radius: 8px;
}
.ueep33z {
  border-bottom-right-radius: 8px;
}
.u3qetca {
  border-bottom-left-radius: 8px;
}
.u1l2lv2i:hover {
  border-top-left-radius: 8px;
}
.u7l4e48:hover {
  border-top-right-radius: 8px;
}
.u1p09kk6:hover {
  border-bottom-right-radius: 8px;
}
.uhijqq1:hover {
  border-bottom-left-radius: 8px;
}
.u1ipgtue {
  background-color: #fff;
}
.ub99si7 {
  border-top-color: #d0d3d6;
}
.u12908r0 {
  border-right-color: #d0d3d6;
}
.u1lgt5kb {
  border-bottom-color: #d0d3d6;
}
.u3ps6bl {
  border-left-color: #d0d3d6;
}
.u1es3o6n {
  color: #1456f0;
}
.urdqxp0:hover {
  background-color: var(--udtoken-tabs-view-bg-hover);
}
.u1rvp7gu {
  color: #646a73;
}
.uyxjys6 {
  border-top-color: #dee0e3;
}
.u1f4hk3w {
  border-right-color: #dee0e3;
}
.u14wfv0u {
  border-left-color: #dee0e3;
}
.u1b829s6 {
  background-color: #f2f3f5;
}
.u1p3nwhy {
  border-top-color: transparent;
}
.u11589ue {
  border-right-color: transparent;
}
.u1q5o8ev {
  border-bottom-color: transparent;
}
.u1pdflbu {
  border-left-color: transparent;
}
.u1hqa2wf {
  border-right-width: 1px;
}
.u1f09k3d {
  border-bottom-width: 1px;
}
.ucdblym {
  border-right-style: solid;
}
.ug706s2 {
  border-bottom-style: solid;
}
.u1eyxnol:hover:not(.u1eyxnol--disabled) {
  color: #1456f0;
}
.u1kcqot9 {
  padding-top: 12px;
}
.upe6lb7 {
  padding-bottom: 12px;
}
.u1xp5gbu {
  padding-top: 6px;
}
.u1d7kygh {
  padding-bottom: 6px;
}
.u8ljn23 {
  height: 36px;
}
.uat0sn4 {
  padding-right: 20px;
}
.uekwl8i {
  padding-left: 20px;
}
.u19g0ac {
  z-index: 1;
}
.up9bwmr {
  padding-top: 8px;
}
.u150uoa4 {
  padding-bottom: 8px;
}
.u1khb0e9 {
  padding-top: 3px;
}
.u1jnq6q7 {
  padding-bottom: 3px;
}
.u10ra9hq {
  padding-top: 4px;
}
.u1y2xyjm {
  padding-bottom: 4px;
}
.u1x4n1mu {
  margin-right: 12px;
}
.ulvyvdh {
  flex-wrap: nowrap;
}
.u1oy3dpc {
  overflow-x: auto;
}
.uo9lwiw {
  scrollbar-width: none;
}
.um5o6js ::-webkit-scrollbar {
  height: 0;
}
.uqc6z8f:after {
  content: "";
}
.u11ef69:after {
  position: absolute;
}
.uqevjk0:after {
  pointer-events: none;
}
.u19zsqug:after {
  z-index: 2;
}
.u1oarbwq:after {
  right: 0;
}
.u1yuyem3:after {
  top: 0;
}
.u1soztmy:after {
  bottom: 6px;
}
.us0klr3:after {
  width: var(--scroll-mask-width);
}
.u2df6js:after {
  display: block;
}
.u16igepq:after {
  background: linear-gradient(to right, #fff0, #fff);
}
.uuzzvh5:before {
  content: "";
}
.urcipv9:before {
  pointer-events: none;
}
.u13tv88k:before {
  z-index: 2;
}
.urdto5n:before {
  top: 0;
}
.u14i0ki9:before {
  bottom: 6px;
}
.ukapjos:before {
  width: var(--scroll-mask-width);
}
.uxv2tmp:before {
  display: block;
}
.u1801gqn:before {
  background: linear-gradient(to left, #fff0, #fff);
}
.u1neuvcm {
  flex-shrink: 1;
}
.u1qs8jb8 {
  color: #bbbfc4;
}
.u1ub7u0d {
  align-self: stretch;
}
.u1bu1o99 {
  color: #2b2f36;
}
.u17gl07 {
  background: linear-gradient(to right, #fff0, #fff);
}
.ud__card {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #dee0e3;
  background-color: #fff;
  padding: 12px;
}
.ud__card:hover:not(.ud__card--no-hover-state) {
  box-shadow:
    0 6px 18px 6px #1f232908,
    0 3px 6px -6px #1f23290d,
    0 4px 8px #1f232908;
  cursor: pointer;
}
.ud__card--shadow-sm {
  box-shadow:
    0 1px 2px -2px #1f232905,
    0 2px 4px #1f232905,
    0 2px 8px 2px #1f232905;
}
.ud__card--shadow-md {
  box-shadow:
    0 4px 16px 4px #1f232908,
    0 4px 8px #1f232905,
    0 2px 4px -4px #1f232905;
}
.ud__card--shadow-lg {
  box-shadow:
    0 6px 18px 6px #1f232908,
    0 3px 6px -6px #1f23290d,
    0 4px 8px #1f232908;
}
.ud__card--br-sm {
  border-radius: 8px;
}
.ud__card--br-md {
  border-radius: 10px;
}
.ud__card--br-lg {
  border-radius: 12px;
}
.ud__card--noborder {
  border-color: transparent;
}
.ud__card--noborder:hover:not(.ud__card--no-hover-state) {
  box-shadow:
    0 6px 18px 6px #1f232908,
    0 3px 6px -6px #1f23290d,
    0 4px 8px #1f232908;
}
.ud__card--noshadows {
  box-shadow: unset;
}
.ud__context-menu__mask {
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  z-index: 1060;
  background-color: #0000008c;
}
.ud__context-menu__wrap {
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  z-index: 1000;
  overflow: auto;
}
.ud__context-menu__overlay {
  box-sizing: border-box;
  position: absolute;
}
.u2zxqi {
  margin-top: 8px;
}
.u9j3dip {
  left: 8px;
}
.u112f5iw {
  right: 8px;
}
.u114py8l {
  color: #f54a45;
}
.ud__upload-item--card {
  position: relative;
  width: 200px;
  box-sizing: border-box;
  border-radius: 8px;
}
.ud__upload-item--card:hover {
  box-shadow: 0 2px 4px #1f23291f;
}
.ud__upload-item--card .ud__upload-item-preview-img {
  padding: 7px 7px 0;
  line-height: 0;
}
.ud__upload-item--card .ud__upload-item-preview-img img {
  width: 184px;
  height: 92px;
  object-fit: cover;
}
.ud__upload-item--card__info {
  padding: 7px;
  display: flex;
  align-items: center;
  line-height: 22px;
}
.ud__upload-item--card__info-icon {
  font-size: 24px;
  margin-right: 4px;
}
.ud__upload-item--card__info-name {
  flex: 1;
  color: #1f2329;
  min-width: 0;
}
.ud__upload-item--card__info-operations {
  display: flex;
  column-gap: 4px;
  margin-left: 4px;
}
.ud__upload-item--card__info
  .ud__upload-item-operation-icon:not(.ud__upload-item-operation-retry) {
  color: #646a73;
}
.ud__upload-item--card .ud__upload-item-preview-icon {
  font-size: 40px;
  line-height: 100px;
  text-align: center;
}
.u1bxpd7w {
  display: contents;
}
.ud__upload-item--picture {
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  position: relative;
  border-radius: 8px;
  border: 1px solid var(--line-border-card);
}
.ud__upload-item--picture img {
  height: 80px;
  width: 80px;
  object-fit: cover;
}
.ud__upload-item--picture-mask {
  z-index: 1;
  display: none;
  background-color: #1f232966;
  position: absolute;
  inset: 0;
}
.ud__upload-item--picture-operations {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0;
  z-index: 2;
  font-size: 16px;
  column-gap: 4px;
}
.ud__upload-item--picture-operations
  .ud__upload-item-operation-icon:not(.ud__upload-item-operation-retry) {
  color: #fff;
}
.ud__upload-item--picture-close {
  z-index: 5;
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 15px;
  cursor: pointer;
}
.ud__upload-item--picture .ud__upload-item-progress {
  z-index: 4;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  padding: 0 8px;
  top: 50%;
  transform: translateY(-50%);
}
.ud__upload-item--picture__preview {
  background-color: #eff0f1;
}
.ud__upload-item--picture__extra__list {
  margin-bottom: -12px;
  max-width: 356px;
}
.ud__upload-item--picture__extra__list .ud__upload-item--picture:last-child,
.ud__upload-item--picture__extra__list .ud__upload-item--picture:nth-child(4n) {
  margin-right: 0;
}
.ud__upload-item--picture__extra__list .ud__upload-item--picture {
  margin-right: 12px;
  margin-bottom: 12px;
}
.ud__upload-item--picture__extra {
  cursor: pointer;
}
.ud__upload-item--picture__extra .ud__upload-item--picture__extra-count {
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 2;
}
.ud__upload-item--error.ud__upload-item--picture {
  border: 1px solid #f54a45;
}
.ud__upload-item--error.ud__upload-item--picture
  .ud__upload-item--picture-close {
  color: #f54a45;
}
.ud__upload-item--error.ud__upload-item--picture
  .ud__upload-item--picture-mask {
  display: block;
}
.ud__upload-item--error .ud__upload-item--picture-operations,
.ud__upload-item--picture:hover .ud__upload-item--picture-mask,
.ud__upload-item--picture:hover .ud__upload-item--picture-operations,
.ud__upload-item--picture__extra .ud__upload-item--picture-mask,
.ud__upload-item--uploading .ud__upload-item--picture-mask,
.ud__upload-item--waiting .ud__upload-item--picture-mask {
  display: flex;
}
.ud__upload-picture-upload-trigger {
  height: 80px;
  width: 80px;
  margin: 6px 12px 6px 0;
  border: 1px dashed #d0d3d6;
  display: flex;
  justify-content: space-around;
  border-radius: 8px;
  align-items: center;
  cursor: pointer;
  font-size: 24px;
  box-sizing: border-box;
  background-color: #eff0f1;
  color: #646a73;
}
.ud__upload-picture-upload-trigger--active:hover {
  color: #1456f0;
}
.ud__upload-picture-upload-trigger--active:active {
  color: #0442d2;
}
.ud__upload-picture-upload-trigger--disabled {
  color: #bbbfc4;
  cursor: not-allowed;
}
.ud-internal-upload:focus-visible {
  outline: 0;
}
.ud-internal-upload:focus-visible .ud__upload-picture-upload-trigger {
  color: #1456f0;
}
.ud__upload-file-list {
  display: flex;
  flex-wrap: wrap;
}
.ud__upload-item {
  background-color: #fff;
  overflow: hidden;
}
.ud__upload-item-progress {
  line-height: 0;
}
.ud__upload-item-operation-icon {
  flex-grow: 0;
  flex-shrink: 0;
  text-align: center;
}
.ud__upload-item--error,
.ud__upload-item--error:hover {
  border: 1px solid #f54a45;
}
.ud__upload-item--normal {
  border: 1px solid #dee0e3;
}
.ud__upload-item--simple-text,
.ud__upload-item--text {
  position: relative;
  padding: 8px 8px 8px 12px;
  width: 100%;
  background: var(--bg-body);
  box-sizing: border-box;
  border-radius: 8px;
}
.ud__upload-item--simple-text .ud__upload-item-icon,
.ud__upload-item--text .ud__upload-item-icon {
  font-size: 40px;
  margin-right: 9px;
  cursor: pointer;
  color: #646a73;
  vertical-align: top;
  line-height: 1;
}
.ud__upload-item--simple-text .ud__upload-item-container,
.ud__upload-item--text .ud__upload-item-container {
  display: flex;
  align-items: center;
}
.ud__upload-item--simple-text .ud__upload-item-container .ud__upload-item-info,
.ud__upload-item--text .ud__upload-item-container .ud__upload-item-info {
  flex: 1;
  margin-right: 16px;
  overflow: hidden;
}
.ud__upload-item--simple-text
  .ud__upload-item-container
  .ud__upload-item-info-name,
.ud__upload-item--text .ud__upload-item-container .ud__upload-item-info-name {
  color: #1f2329;
}
.ud__upload-item--simple-text
  .ud__upload-item-container
  .ud__upload-item-info-subtitle,
.ud__upload-item--text
  .ud__upload-item-container
  .ud__upload-item-info-subtitle {
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  color: #8f959e;
}
.ud__upload-item--simple-text
  .ud__upload-item-container
  .ud__upload-item-info-error,
.ud__upload-item--text .ud__upload-item-container .ud__upload-item-info-error {
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  color: #f54a45;
}
.ud__upload-item--simple-text
  .ud__upload-item-container
  .ud__upload-item-operations,
.ud__upload-item--text .ud__upload-item-container .ud__upload-item-operations {
  font-size: 16px;
  display: flex;
  column-gap: 8px;
}
.ud__upload-item--simple-text
  .ud__upload-item-container
  .ud__upload-item-operations
  .ud__upload-item-operation-icon:not(.ud__upload-item-operation-retry),
.ud__upload-item--text
  .ud__upload-item-container
  .ud__upload-item-operations
  .ud__upload-item-operation-icon:not(.ud__upload-item-operation-retry) {
  color: #646a73;
}
.ud__upload-item--simple-text .ud__upload-item-progress,
.ud__upload-item--text .ud__upload-item-progress {
  z-index: 4;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.ud__upload-item--simple-text
  .ud__upload-item-progress
  .ud__progress--line-inner,
.ud__upload-item--text .ud__upload-item-progress .ud__progress--line-inner {
  border-radius: 0;
}
.ud__upload-item--simple-text .ud__upload-item-progress .ud__progress--line-bg,
.ud__upload-item--text .ud__upload-item-progress .ud__progress--line-bg {
  border-top-left-radius: 0;
}
.ud__upload-item--simple-text
  .ud__upload-item-progress
  .ud__progress--line-bg-success,
.ud__upload-item--text
  .ud__upload-item-progress
  .ud__progress--line-bg-success {
  border-top-right-radius: 0;
}
.ud__upload-item--normal:hover {
  border-color: #1456f0;
}
.ud__upload-item--simple-text .ud__upload-item-icon {
  font-size: 24px;
}
.ud__upload-item--simple-text .ud__upload-item-operation-icon {
  padding: 3px;
}
.u1s6fcnf {
  outline-style: none;
}
.u1rczmw {
  color: #bbbfc4;
}
.u194huds {
  color: #8f959e;
}
.u1z30l8 {
  color: #1f2329;
}
.undrnj9 {
  font-size: 40px;
}
.up6vxd {
  line-height: 1;
}
.u1xowgag {
  border-top-color: #1456f0;
}
.ulspwco {
  border-right-color: #1456f0;
}
.u11qyczi {
  border-bottom-color: #1456f0;
}
.ujldbop {
  border-left-color: #1456f0;
}
.u1oq6gla {
  border-right-style: dashed;
}
.ujbf411 {
  border-bottom-style: dashed;
}
.ulpbmyi {
  border-left-style: dashed;
}
.uq1byw4 {
  padding-top: 32px;
}
.u4v5c5q {
  padding-bottom: 28px;
}
.ud__skeleton .ud__skeleton__item {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ud__skeleton .ud__skeleton__item-content {
  width: 100%;
  height: 14px;
  margin-bottom: 16px;
  border-radius: 6px;
}
.ud__skeleton .ud__skeleton__item-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.ud__skeleton .ud__skeleton__item__animation-layer {
  width: 100%;
  height: 100%;
  background: #1f23290d;
}
.ud__skeleton-animation .ud__skeleton__item__animation-layer {
  width: 300%;
  animation: 2s linear infinite ud-skeleton-animation;
  background: linear-gradient(
    90deg,
    #1f23290d,
    #1f23290d 33.33%,
    #1f232914,
    #1f23290d 66.67%,
    #1f23290d
  );
}
@keyframes ud-skeleton-animation {
  0% {
    transform: translate(-66.67%);
  }
  to {
    transform: translate(0);
  }
}
.ur7e4de {
  caret-color: transparent;
}
.u2hkw1w:focus-visible {
  outline-style: none;
}
.u2ys1bh {
  transition-property: border-color;
}
.u15vu5tu {
  transition-duration: 0.1s;
}
.u12lm4oi {
  margin-left: 20px;
}
.ub5scp {
  margin-left: 16px;
}
.u1hf5xhj {
  margin-left: 12px;
}
.ud__pin-input-field {
  color: #1f2329;
  background-color: #fff;
  border-color: #d0d3d6;
}
.ud__pin-input-field-active {
  border-color: #1456f0;
}
.ud__pin-input-field-error {
  border-color: #f54a45;
}
.ud__pin-input-field-disabled {
  background-color: #eff0f1;
  border-color: #d0d3d6;
}
.ud__pin-input-hyphen-content {
  background-color: #1f2329;
}
.u1o3cbw4 {
  width: 8px;
}
.u1dpiwrx {
  transform: translateY(1px);
}
.u1aocrix:before {
  display: block;
}
.uf07wuq:before {
  box-shadow: 0 0 0 0.5px #1f232926;
}
.u1nlzb5t {
  margin-left: 7px;
}
.u1in0ah0 {
  margin-right: 7px;
}
.ua4xqq4 {
  height: 320px;
}
.u1couhl3 {
  box-shadow: none;
}
.u1gay4b8 {
  padding-top: 15px;
}
.u1869bpl {
  justify-content: space-between;
}
.ur5vbr0 {
  min-height: 0;
}
.u19wgctu {
  margin-bottom: 7px;
}
.u1khsn2v {
  width: calc(100% - 30px);
}
.u1vk8r99 {
  width: 50% !important;
}
.u1b9o377 {
  padding-top: 0 !important;
}
.uapxmpa {
  padding-bottom: 0 !important;
}
.udcktto {
  margin-right: -4px;
}
.u1ktbn1t {
  left: 50%;
}
.u13gfj74 {
  transform: translate(-50%);
}
.uf2sm71 {
  height: 48px;
}
.u10k790i {
  right: 0;
}
.ufsbof8 {
  background-image: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.15) 0,
    transparent 80.21%
  );
}
.uq62nq6 {
  background-color: #bbbfc4;
}
.ucq9r29 {
  right: 24px;
}
.u1ycc5zk {
  left: 24px;
}
.u1i1t8d1 {
  top: 50%;
}
.u188r07x {
  transform: translateY(-50%);
}
.u19ibtj8 {
  color: #fff;
}
.u1c04qm4 {
  background-color: #00000080;
}
.u1ern45e {
  border-top-style: none;
}
.u1n71otn {
  border-right-style: none;
}
.u1h8hb77 {
  border-bottom-style: none;
}
.u1deefiw {
  border-left-style: none;
}
.u1mf1pf4 {
  transition-property: background-color, color;
}
.ubf55e9 {
  transition-duration: 0.1s, 0.1s;
}
.u6mlncw:hover,
.uxdupyk:active {
  background-color: #000c;
}
.u17ot7lm:focus-visible {
  background-color: #000c;
}
.uclvdme {
  left: -3px;
}
.uvq7pei {
  right: -3px;
}
.u12v7yn {
  top: -3px;
}
.uode0jj {
  bottom: -3px;
}
.u16dn6v3 {
  width: 6px;
}
.uqecqfw {
  background-color: #ffffff4d;
}
.u12w28jm:hover {
  background-color: #fff9;
}
.u1qhvef2 {
  background-color: #d0d3d6;
}
.u1qh4al8:hover {
  background-color: #c2d4ff;
}
.u6ywr7j {
  height: 4px;
}
.urx94fk {
  width: 12px;
}
.u3mu39s {
  height: 6px;
}
.u1su79po {
  background-color: #fff;
}
.u1oquvwe {
  background-color: #1456f0;
}
.uc7z3ec {
  padding-top: 20px;
}
.ue2my4m {
  padding-bottom: 20px;
}
.u9c4gz4 {
  justify-content: flex-end;
}
.ubhxue7 {
  justify-content: flex-start;
}
.uebqbo6 {
  -webkit-mask-image: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
}
.u1sil6mw {
  overflow-y: hidden;
}
.ud__button.ud__expandable-text__trigger__button {
  font-size: inherit;
  line-height: inherit;
}
.urkrog8 {
  width: 1px;
}
.u11fluvs {
  background: #ffffff80;
}
.u10cq58m {
  bottom: 16px;
}
.u1ahpp82 {
  width: max-content;
}
.u198b2fy {
  background-color: #000c;
}
.ugvjd9r {
  border-top-left-radius: 4px;
}
.uns275c {
  border-top-right-radius: 4px;
}
.udbqa1p {
  border-bottom-right-radius: 4px;
}
.u1vdvwtp {
  border-bottom-left-radius: 4px;
}
.u1cguypg {
  pointer-events: auto;
}
.ud__image__viewer__dialog__wrap.ud__dialog__wrap {
  overflow: hidden;
  cursor: zoom-out;
}
.ud__image__viewer__dialog__mask.ud__dialog__mask {
  background-color: #000c;
}
.ud__image__viewer__toolbar__button {
  color: #fff;
}
.ud__image__viewer__toolbar__button-disabled .ud__button--icon:disabled {
  color: #fff9;
}
.ud__image__viewer__toolbar__button:hover:not(
    .ud__image__viewer__toolbar__button-disabled
  ) {
  background-color: #fff3;
  color: #fff;
}
.ud__image__viewer__toolbar__tooltip .ud__tooltip-content {
  background-color: #505050;
}
.ud__image__viewer__toolbar__tooltip .ud__tooltip__arrow__streamline__content {
  fill: #505050;
}
.ud__image__viewer__close-button {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 14px;
  background-color: #000c;
  color: #fff;
  border-radius: 50%;
  pointer-events: auto;
}
.ud__image__viewer__close-button:hover {
  color: #fff;
  background-color: #fff3;
}
.ud__image__viewer__close-button:active {
  color: #fff;
  background-color: #ffffff4d;
}
.u1825aan {
  color: #bbbfc4;
}
.u18m8u13 {
  font-size: 48px;
}
.uwfqyga {
  width: 120px;
}
.ujr5b71 {
  height: 120px;
}
.u1t7pc3r {
  background: #f2f3f5;
}
.u1x626fe {
  border-bottom-color: #dee0e3;
}
.uoouk8k {
  transform: translate(-50%, -50%);
}
.ujseox {
  display: none;
}
.u1sdsnyy {
  touch-action: none;
}
.u1b6n930 {
  transform-origin: left top;
}
.u17vrrt3 {
  -webkit-user-drag: none;
}
.u13uwng7 {
  object-position: left top;
}
.u1ps3kmd {
  object-fit: cover;
}
.u1kle4es {
  object-fit: contain;
}
.u1plgu50 {
  object-fit: none;
}
.u14xojzb {
  object-position: center;
}
.uq2vo04 {
  min-width: 16px;
}
.unaqv0d {
  padding-right: 40px;
}
.u15kemlc {
  padding-right: 24px;
}
.ues3tcz {
  text-align: right;
}
.up67ikv {
  padding-bottom: 16px;
}
.uvrlu0f {
  min-width: 44px;
}
.u1cdqgvm {
  vertical-align: baseline;
}
.usbu5mz {
  gap: 12px;
}
.u4xv25i {
  gap: 4px;
}
.u5otk8j {
  border-top-left-radius: 12px;
}
.u9kun4h {
  border-top-right-radius: 12px;
}
.u1a4u8w2 {
  border-bottom-right-radius: 12px;
}
.uiy6t15 {
  border-bottom-left-radius: 12px;
}
.u19gb1f4 {
  gap: 8px;
}
.u1nvqvck {
  font-size: calc(1em + 2px);
}
.uqkj31s {
  vertical-align: calc(0.36em - (0.5 * (1em + 2px)));
}
.universe-icon.ud__metrics__icon {
  display: inline-flex;
}
.u1jo26qt {
  font-size: 36px;
}
.ut8aq9l {
  line-height: 42px;
}
.ueyvcx7 {
  font-family: Roboto;
}
.u112evzf {
  color: #b9bec6;
}
.u19ci1c7 {
  color: #ff814a;
}
.uy5pp46 {
  color: #5083fb;
}
.u1bxglv9 {
  color: #ff615d;
}
.u1o67kls {
  color: #47cfb8;
}
.ulkuc6h {
  line-height: 100%;
}
.u8zmjen {
  margin-right: 4px;
}
@-webkit-keyframes ud-empty-positive-loading {
  0% {
    -webkit-transform: translateX(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translate(-100%);
  }
}
@keyframes ud-empty-positive-loading {
  0% {
    -webkit-transform: translateX(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translate(-100%);
  }
}
.smooth-ud-empty-positive-loading {
  background-size: auto 100%;
  -webkit-animation: 2s steps(24) infinite ud-empty-positive-loading;
  animation: 2s steps(24) infinite ud-empty-positive-loading;
}
@-webkit-keyframes PP_FadeIn_DOWN {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes PP_FadeIn_DOWN {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes PP_FadeIn_UP {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
}
@keyframes PP_FadeIn_UP {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
}
.lite-login__dialog {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.lite-login__dialog .ud__modal__body {
  padding: 0 !important;
  margin-bottom: 0 !important;
}
.lite-login__dialog .ud__modal__content {
  border-radius: 12px;
  background-color: #fff;
}
.lite-login__dialog.is-h5 {
  position: fixed;
  top: auto !important;
  bottom: 0;
  left: 0;
  width: 100% !important;
  min-width: 100% !important;
  margin: 0 !important;
}
.lite-login__dialog.is-h5 .ud__modal__content {
  background-color: #f3f8ff;
  border-radius: 12px 12px 0 0;
  margin-bottom: 0 !important;
}
.lite-login__dialog:not(.is-h5),
.lite-login__dialog:not(.is-h5) .ud__modal__content {
  width: auto !important;
}
.lite-login__dialog-close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  background-color: #2b2f36;
  right: 0;
  top: 0;
  -webkit-transform: translateX(100%) translateY(-100%);
  transform: translate(100%) translateY(-100%);
  color: #fff;
  cursor: pointer;
}
.lite-login__dialog-h5-close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 22px;
  right: 20px;
  font-size: 16px;
  width: 24px;
  height: 24px;
  color: #646a73;
}
:root {
  --B100: #e0e9ff;
  --B100-raw: 224, 233, 255;
  --B200: #c2d4ff;
  --B200-raw: 194, 212, 255;
  --B300: #94b4ff;
  --B300-raw: 148, 180, 255;
  --B350: #7aa2ff;
  --B350-raw: 122, 162, 255;
  --B400: #5083fb;
  --B400-raw: 80, 131, 251;
  --B50: #f0f4ff;
  --B50-raw: 240, 244, 255;
  --B500: #336df4;
  --B500-raw: 51, 109, 244;
  --B600: #1456f0;
  --B600-raw: 20, 86, 240;
  --B700: #0442d2;
  --B700-raw: 4, 66, 210;
  --B800: #002f9e;
  --B800-raw: 0, 47, 158;
  --B900: #002270;
  --B900-raw: 0, 34, 112;
  --C100: #fee2f2;
  --C100-raw: 254, 226, 242;
  --C200: #f8c4e1;
  --C200-raw: 248, 196, 225;
  --C300: #f598cc;
  --C300-raw: 245, 152, 204;
  --C350: #eb78b8;
  --C350-raw: 235, 120, 184;
  --C400: #df58a5;
  --C400-raw: 223, 88, 165;
  --C50: #fef0f8;
  --C50-raw: 254, 240, 248;
  --C500: #cc398c;
  --C500-raw: 204, 57, 140;
  --C600: #b82879;
  --C600-raw: 184, 40, 121;
  --C700: #9d1562;
  --C700-raw: 157, 21, 98;
  --C800: #730744;
  --C800-raw: 115, 7, 68;
  --C900: #550c35;
  --C900-raw: 85, 12, 53;
  --G100: #d0f5ce;
  --G100-raw: 208, 245, 206;
  --G200: #95e599;
  --G200-raw: 149, 229, 153;
  --G300: #5cd168;
  --G300-raw: 92, 209, 104;
  --G350: #35bd4b;
  --G350-raw: 53, 189, 75;
  --G400: #32a645;
  --G400-raw: 50, 166, 69;
  --G50: #e4fae1;
  --G50-raw: 228, 250, 225;
  --G500: #258832;
  --G500-raw: 37, 136, 50;
  --G600: #1a7526;
  --G600-raw: 26, 117, 38;
  --G700: #0b6017;
  --G700-raw: 11, 96, 23;
  --G800: #04430c;
  --G800-raw: 4, 67, 12;
  --G900: #022c07;
  --G900-raw: 2, 44, 7;
  --I100: #e9eafb;
  --I100-raw: 233, 234, 251;
  --I200: #cccff9;
  --I200-raw: 204, 207, 249;
  --I300: #abb0f2;
  --I300-raw: 171, 176, 242;
  --I350: #959bee;
  --I350-raw: 149, 155, 238;
  --I400: #757df0;
  --I400-raw: 117, 125, 240;
  --I50: #f2f3fd;
  --I50-raw: 242, 243, 253;
  --I500: #5b65f5;
  --I500-raw: 91, 101, 245;
  --I600: #4752e6;
  --I600-raw: 71, 82, 230;
  --I700: #333dcc;
  --I700-raw: 51, 61, 204;
  --I800: #1e27a4;
  --I800-raw: 30, 39, 164;
  --I900: #151b70;
  --I900-raw: 21, 27, 112;
  --L100: #e3f0a3;
  --L100-raw: 227, 240, 163;
  --L200: #c8dd5f;
  --L200-raw: 200, 221, 95;
  --L300: #a2c10b;
  --L300-raw: 162, 193, 11;
  --L350: #91ad00;
  --L350-raw: 145, 173, 0;
  --L400: #7b9207;
  --L400-raw: 123, 146, 7;
  --L50: #f2f8d3;
  --L50-raw: 242, 248, 211;
  --L500: #6b7f06;
  --L500-raw: 107, 127, 6;
  --L600: #5c6d08;
  --L600-raw: 92, 109, 8;
  --L700: #4a5804;
  --L700-raw: 74, 88, 4;
  --L800: #333d00;
  --L800-raw: 51, 61, 0;
  --L900: #262e00;
  --L900-raw: 38, 46, 0;
  --N00: #fff;
  --N00-raw: 255, 255, 255;
  --N100: #f2f3f5;
  --N100-raw: 242, 243, 245;
  --N1000: #000;
  --N1000-raw: 0, 0, 0;
  --N200: #eff0f1;
  --N200-raw: 239, 240, 241;
  --N300: #dee0e3;
  --N300-raw: 222, 224, 227;
  --N350: #d0d3d6;
  --N350-raw: 208, 211, 214;
  --N400: #bbbfc4;
  --N400-raw: 187, 191, 196;
  --N50: #f5f6f7;
  --N50-raw: 245, 246, 247;
  --N500: #8f959e;
  --N500-raw: 143, 149, 158;
  --N600: #646a73;
  --N600-raw: 100, 106, 115;
  --N650: #51565d;
  --N650-raw: 81, 86, 93;
  --N700: #373c43;
  --N700-raw: 55, 60, 67;
  --N800: #2b2f36;
  --N800-raw: 43, 47, 54;
  --N900: #1f2329;
  --N900-raw: 31, 35, 41;
  --N950: #0f1114;
  --N950-raw: 15, 17, 20;
  --O100: #fee7cd;
  --O100-raw: 254, 231, 205;
  --O200: #fec48b;
  --O200-raw: 254, 196, 139;
  --O300: #ff9d4c;
  --O300-raw: 255, 157, 76;
  --O350: #ff811a;
  --O350-raw: 255, 129, 26;
  --O400: #ed6d0c;
  --O400-raw: 237, 109, 12;
  --O50: #fff3e5;
  --O50-raw: 255, 243, 229;
  --O500: #c25705;
  --O500-raw: 194, 87, 5;
  --O600: #a44904;
  --O600-raw: 164, 73, 4;
  --O700: #853a05;
  --O700-raw: 133, 58, 5;
  --O800: #642b02;
  --O800-raw: 100, 43, 2;
  --O900: #3b1a02;
  --O900-raw: 59, 26, 2;
  --P100: #efe6fe;
  --P100-raw: 239, 230, 254;
  --P200: #dcc9fd;
  --P200-raw: 220, 201, 253;
  --P300: #c8a9fc;
  --P300-raw: 200, 169, 252;
  --P350: #b791fa;
  --P350-raw: 183, 145, 250;
  --P400: #9f6ff1;
  --P400-raw: 159, 111, 241;
  --P50: #f5f0fe;
  --P50-raw: 245, 240, 254;
  --P500: #8d55ed;
  --P500-raw: 141, 85, 237;
  --P600: #7a35f0;
  --P600-raw: 122, 53, 240;
  --P700: #611fd6;
  --P700-raw: 97, 31, 214;
  --P800: #4811a6;
  --P800-raw: 72, 17, 166;
  --P900: #2f0080;
  --P900-raw: 47, 0, 128;
  --R100: #fee3e2;
  --R100-raw: 254, 227, 226;
  --R200: #fdc6c4;
  --R200-raw: 253, 198, 196;
  --R300: #f89e9b;
  --R300-raw: 248, 158, 155;
  --R350: #ff7570;
  --R350-raw: 255, 117, 112;
  --R400: #f54a45;
  --R400-raw: 245, 74, 69;
  --R50: #fef0f0;
  --R50-raw: 254, 240, 240;
  --R500: #e22e28;
  --R500-raw: 226, 46, 40;
  --R600: #c02a26;
  --R600-raw: 192, 42, 38;
  --R700: #a11c17;
  --R700-raw: 161, 28, 23;
  --R800: #741915;
  --R800-raw: 116, 25, 21;
  --R900: #590603;
  --R900-raw: 89, 6, 3;
  --S100: #fffca3;
  --S100-raw: 255, 252, 163;
  --S200: #fff67a;
  --S200-raw: 255, 246, 122;
  --S300: #fff258;
  --S300-raw: 255, 242, 88;
  --S350: #ffe928;
  --S350-raw: 255, 233, 40;
  --S400: #e5ce00;
  --S400-raw: 229, 206, 0;
  --S50: #ffffdb;
  --S50-raw: 255, 255, 219;
  --S500: #c2a800;
  --S500-raw: 194, 168, 0;
  --S600: #8f7c00;
  --S600-raw: 143, 124, 0;
  --S700: #5c4f00;
  --S700-raw: 92, 79, 0;
  --S800: #423700;
  --S800-raw: 66, 55, 0;
  --S900: #2c2502;
  --S900-raw: 44, 37, 2;
  --T100: #c4f2ec;
  --T100-raw: 196, 242, 236;
  --T200: #6fe8d8;
  --T200-raw: 111, 232, 216;
  --T300: #33d6c0;
  --T300-raw: 51, 214, 192;
  --T350: #2dbeab;
  --T350-raw: 45, 190, 171;
  --T400: #10a893;
  --T400-raw: 16, 168, 147;
  --T50: #e2f8f5;
  --T50-raw: 226, 248, 245;
  --T500: #0f8575;
  --T500-raw: 15, 133, 117;
  --T600: #067062;
  --T600-raw: 6, 112, 98;
  --T700: #045d51;
  --T700-raw: 4, 93, 81;
  --T800: #03443b;
  --T800-raw: 3, 68, 59;
  --T900: #02312a;
  --T900-raw: 2, 49, 42;
  --V100: #f9e2f9;
  --V100-raw: 249, 226, 249;
  --V200: #f3c4f3;
  --V200-raw: 243, 196, 243;
  --V300: #e59ce5;
  --V300-raw: 229, 156, 229;
  --V350: #de81de;
  --V350-raw: 222, 129, 222;
  --V400: #cf5ecf;
  --V400-raw: 207, 94, 207;
  --V50: #fceefc;
  --V50-raw: 252, 238, 252;
  --V500: #bf3dbf;
  --V500-raw: 191, 61, 191;
  --V600: #a630a6;
  --V600-raw: 166, 48, 166;
  --V700: #872787;
  --V700-raw: 135, 39, 135;
  --V800: #6a116a;
  --V800-raw: 106, 17, 106;
  --V900: #520052;
  --V900-raw: 82, 0, 82;
  --W100: #caeffc;
  --W100-raw: 202, 239, 252;
  --W200: #97dcfc;
  --W200-raw: 151, 220, 252;
  --W300: #3ec3f7;
  --W300-raw: 62, 195, 247;
  --W350: #25b0e7;
  --W350-raw: 37, 176, 231;
  --W400: #1295ca;
  --W400-raw: 18, 149, 202;
  --W50: #e7f8fe;
  --W50-raw: 231, 248, 254;
  --W500: #047fb0;
  --W500-raw: 4, 127, 176;
  --W600: #076a94;
  --W600-raw: 7, 106, 148;
  --W700: #0f587a;
  --W700-raw: 15, 88, 122;
  --W800: #06415c;
  --W800-raw: 6, 65, 92;
  --W900: #072b3d;
  --W900-raw: 7, 43, 61;
  --Y100: #faedc2;
  --Y100-raw: 250, 237, 194;
  --Y200: #fcdf7e;
  --Y200-raw: 252, 223, 126;
  --Y300: #fad355;
  --Y300-raw: 250, 211, 85;
  --Y350: #ffc60a;
  --Y350-raw: 255, 198, 10;
  --Y400: #d99904;
  --Y400-raw: 217, 153, 4;
  --Y50: #fbf4df;
  --Y50-raw: 251, 244, 223;
  --Y500: #ad7a03;
  --Y500-raw: 173, 122, 3;
  --Y600: #865b03;
  --Y600-raw: 134, 91, 3;
  --Y700: #6f4a01;
  --Y700-raw: 111, 74, 1;
  --Y800: #573601;
  --Y800-raw: 87, 54, 1;
  --Y900: #382201;
  --Y900-raw: 56, 34, 1;
  --AI-cursor: var(--I600);
  --AI-cursor-raw: var(--I600-raw);
  --AI-dynamic-line: conic-gradient(
    from 45deg,
    var(--V400) 0%,
    var(--I600) 33.3333%,
    var(--I600) 66.6667%,
    var(--V400) 100%
  );
  --AI-icon-gradient: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--P400) 100%
  );
  --AI-icon-in-button: var(--I600);
  --AI-icon-in-button-raw: var(--I600-raw);
  --AI-loading: linear-gradient(to right, var(--I600) 0%, var(--V350) 100%);
  --AI-primary-content-default: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--V400) 100%
  );
  --AI-primary-content-hover: linear-gradient(
    to right,
    var(--I500) 0%,
    var(--V350) 100%
  );
  --AI-primary-content-loading: linear-gradient(
    to right,
    rgba(var(--I600-raw), 0.6) 0%,
    rgba(var(--V400-raw), 0.6) 100%
  );
  --AI-primary-content-pressed: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--V500) 100%
  );
  --AI-primary-fill-default: linear-gradient(
    to right,
    var(--I500) 0%,
    var(--V350) 100%
  );
  --AI-primary-fill-hover: linear-gradient(
    to right,
    var(--I400) 0%,
    var(--V300) 100%
  );
  --AI-primary-fill-loading: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.6) 0%,
    rgba(var(--V350-raw), 0.6) 100%
  );
  --AI-primary-fill-pressed: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--V400) 100%
  );
  --AI-primary-fill-solid-01: linear-gradient(
    to right,
    var(--I50) 0%,
    var(--V50) 100%
  );
  --AI-primary-fill-solid-02: linear-gradient(
    to right,
    var(--I100) 0%,
    var(--V100) 100%
  );
  --AI-primary-fill-solid-03: linear-gradient(
    to right,
    var(--I200) 0%,
    var(--V200) 100%
  );
  --AI-primary-fill-transparent-01: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.08) 0%,
    rgba(var(--V350-raw), 0.08) 100%
  );
  --AI-primary-fill-transparent-02: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.2) 0%,
    rgba(var(--V350-raw), 0.2) 100%
  );
  --AI-primary-fill-transparent-03: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.3) 0%,
    rgba(var(--V350-raw), 0.3) 100%
  );
  --AI-sendicon: linear-gradient(to right, var(--I600) 0%, var(--P400) 100%);
  --Aurora-bg-main: rgba(var(--B600-raw), 0.2);
  --Aurora-bg-reflection: rgba(var(--T350-raw), 0.1);
  --Aurora-bg-subordinate: rgba(var(--B500-raw), 0.2);
  --N00-10: rgba(var(--N00-raw), 0.1);
  --N00-15: rgba(var(--N00-raw), 0.15);
  --N00-20: rgba(var(--N00-raw), 0.2);
  --N00-30: rgba(var(--N00-raw), 0.3);
  --N00-40: rgba(var(--N00-raw), 0.4);
  --N00-5: rgba(var(--N00-raw), 0.05);
  --N00-50: rgba(var(--N00-raw), 0.5);
  --N00-60: rgba(var(--N00-raw), 0.6);
  --N00-70: rgba(var(--N00-raw), 0.7);
  --N00-80: rgba(var(--N00-raw), 0.8);
  --N00-90: rgba(var(--N00-raw), 0.9);
  --N900-10: rgba(var(--N900-raw), 0.1);
  --N900-15: rgba(var(--N900-raw), 0.15);
  --N900-20: rgba(var(--N900-raw), 0.2);
  --N900-30: rgba(var(--N900-raw), 0.3);
  --N900-40: rgba(var(--N900-raw), 0.4);
  --N900-5: rgba(var(--N900-raw), 0.05);
  --N900-50: rgba(var(--N900-raw), 0.5);
  --N900-60: rgba(var(--N900-raw), 0.6);
  --N900-70: rgba(var(--N900-raw), 0.7);
  --N900-80: rgba(var(--N900-raw), 0.8);
  --N900-90: rgba(var(--N900-raw), 0.9);
  --Vnext-bg-content-header: #fcfcfc;
  --Vnext-bg-content-header-raw: 252, 252, 252;
  --Vnext-bg-gradient: linear-gradient(
    180deg,
    rgba(var(--N00-raw), 0.05) 0%,
    rgba(var(--N600-raw), 0.05) 100%
  );
  --Vnext-bg-sub-navigation: rgba(245, 245, 245, 0.7);
  --Vnext-bg-sub-navigation-raw: 245, 245, 245;
  --Vnext-bg-thirdly-navigation: rgba(252, 252, 252, 0.9);
  --Vnext-bg-thirdly-navigation-raw: 252, 252, 252;
  --bg-base: var(--N100);
  --bg-base-raw: var(--N100-raw);
  --bg-body: var(--N00);
  --bg-body-raw: var(--N00-raw);
  --bg-body-overlay: var(--N50);
  --bg-body-overlay-raw: var(--N50-raw);
  --bg-content-base: #f8f9fa;
  --bg-content-base-raw: 248, 249, 250;
  --bg-filler: var(--N200);
  --bg-filler-raw: var(--N200-raw);
  --bg-float: var(--N00);
  --bg-float-raw: var(--N00-raw);
  --bg-float-base: var(--N100);
  --bg-float-base-raw: var(--N100-raw);
  --bg-float-overlay: var(--N50);
  --bg-float-overlay-raw: var(--N50-raw);
  --bg-float-push: rgba(var(--N00-raw), 0.8);
  --bg-mask: rgba(0, 0, 0, 0.55);
  --bg-mask-raw: 0, 0, 0;
  --bg-pricolor: var(--primary-pri-400);
  --bg-pricolor-raw: var(--primary-pri-400-raw);
  --bg-sub-navigation: var(--bg-body-overlay);
  --bg-sub-navigation-raw: var(--bg-body-overlay-raw);
  --bg-text-selection: rgba(var(--primary-pri-600-raw), 0.3);
  --bg-tips: var(--N900);
  --bg-tips-raw: var(--N900-raw);
  --colorful-blue: var(--B500);
  --colorful-blue-raw: var(--B500-raw);
  --colorful-carmine: var(--C400);
  --colorful-carmine-raw: var(--C400-raw);
  --colorful-green: var(--G350);
  --colorful-green-raw: var(--G350-raw);
  --colorful-indigo: var(--I500);
  --colorful-indigo-raw: var(--I500-raw);
  --colorful-lime: var(--L350);
  --colorful-lime-raw: var(--L350-raw);
  --colorful-neutral: var(--N500);
  --colorful-neutral-raw: var(--N500-raw);
  --colorful-orange: var(--O350);
  --colorful-orange-raw: var(--O350-raw);
  --colorful-purple: var(--P500);
  --colorful-purple-raw: var(--P500-raw);
  --colorful-red: var(--R400);
  --colorful-red-raw: var(--R400-raw);
  --colorful-sunflower: var(--S350);
  --colorful-sunflower-raw: var(--S350-raw);
  --colorful-turquoise: var(--T350);
  --colorful-turquoise-raw: var(--T350-raw);
  --colorful-violet: var(--V500);
  --colorful-violet-raw: var(--V500-raw);
  --colorful-wathet: var(--W350);
  --colorful-wathet-raw: var(--W350-raw);
  --colorful-yellow: var(--Y350);
  --colorful-yellow-raw: var(--Y350-raw);
  --fill-active: var(--primary-fill-transparent-02);
  --fill-disabled: var(--N400);
  --fill-disabled-raw: var(--N400-raw);
  --fill-focus: rgba(var(--N900-raw), 0.12);
  --fill-hover: rgba(var(--N900-raw), 0.08);
  --fill-img-mask: rgba(var(--N00-raw), 0);
  --fill-loading-mask: rgba(var(--N00-raw), 0.6);
  --fill-pressed: rgba(var(--N900-raw), 0.12);
  --fill-selected: var(--primary-fill-transparent-01);
  --fill-tag: rgba(var(--N900-raw), 0.1);
  --function-danger-100: var(--R100);
  --function-danger-100-raw: var(--R100-raw);
  --function-danger-200: var(--R200);
  --function-danger-200-raw: var(--R200-raw);
  --function-danger-300: var(--R300);
  --function-danger-300-raw: var(--R300-raw);
  --function-danger-350: var(--R350);
  --function-danger-350-raw: var(--R350-raw);
  --function-danger-400: var(--R400);
  --function-danger-400-raw: var(--R400-raw);
  --function-danger-50: var(--R50);
  --function-danger-50-raw: var(--R50-raw);
  --function-danger-500: var(--R500);
  --function-danger-500-raw: var(--R500-raw);
  --function-danger-600: var(--R600);
  --function-danger-600-raw: var(--R600-raw);
  --function-danger-700: var(--R700);
  --function-danger-700-raw: var(--R700-raw);
  --function-danger-800: var(--R800);
  --function-danger-800-raw: var(--R800-raw);
  --function-danger-900: var(--R900);
  --function-danger-900-raw: var(--R900-raw);
  --function-danger-content-default: var(--function-danger-400);
  --function-danger-content-default-raw: var(--function-danger-400-raw);
  --function-danger-content-hover: var(--function-danger-350);
  --function-danger-content-hover-raw: var(--function-danger-350-raw);
  --function-danger-content-loading: var(--function-danger-300);
  --function-danger-content-loading-raw: var(--function-danger-300-raw);
  --function-danger-content-pressed: var(--function-danger-500);
  --function-danger-content-pressed-raw: var(--function-danger-500-raw);
  --function-danger-fill-default: var(--function-danger-400);
  --function-danger-fill-default-raw: var(--function-danger-400-raw);
  --function-danger-fill-hover: var(--function-danger-350);
  --function-danger-fill-hover-raw: var(--function-danger-350-raw);
  --function-danger-fill-loading: var(--function-danger-300);
  --function-danger-fill-loading-raw: var(--function-danger-300-raw);
  --function-danger-fill-pressed: var(--function-danger-500);
  --function-danger-fill-pressed-raw: var(--function-danger-500-raw);
  --function-danger-fill-solid-01: var(--function-danger-50);
  --function-danger-fill-solid-01-raw: var(--function-danger-50-raw);
  --function-danger-fill-solid-02: var(--function-danger-100);
  --function-danger-fill-solid-02-raw: var(--function-danger-100-raw);
  --function-danger-fill-solid-03: var(--function-danger-200);
  --function-danger-fill-solid-03-raw: var(--function-danger-200-raw);
  --function-danger-fill-transparent-01: rgba(
    var(--function-danger-500-raw),
    0.1
  );
  --function-danger-fill-transparent-02: rgba(
    var(--function-danger-500-raw),
    0.15
  );
  --function-danger-fill-transparent-03: rgba(
    var(--function-danger-500-raw),
    0.2
  );
  --function-danger-on-danger-fill: var(--static-white);
  --function-danger-on-danger-fill-raw: var(--static-white-raw);
  --function-info-100: var(--B100);
  --function-info-100-raw: var(--B100-raw);
  --function-info-200: var(--B200);
  --function-info-200-raw: var(--B200-raw);
  --function-info-300: var(--B300);
  --function-info-300-raw: var(--B300-raw);
  --function-info-350: var(--B350);
  --function-info-350-raw: var(--B350-raw);
  --function-info-400: var(--B400);
  --function-info-400-raw: var(--B400-raw);
  --function-info-50: var(--B50);
  --function-info-50-raw: var(--B50-raw);
  --function-info-500: var(--B500);
  --function-info-500-raw: var(--B500-raw);
  --function-info-600: var(--B600);
  --function-info-600-raw: var(--B600-raw);
  --function-info-700: var(--B700);
  --function-info-700-raw: var(--B700-raw);
  --function-info-800: var(--B800);
  --function-info-800-raw: var(--B800-raw);
  --function-info-900: var(--B900);
  --function-info-900-raw: var(--B900-raw);
  --function-info-content-default: var(--function-info-600);
  --function-info-content-default-raw: var(--function-info-600-raw);
  --function-info-content-hover: var(--function-info-500);
  --function-info-content-hover-raw: var(--function-info-500-raw);
  --function-info-content-loading: var(--function-info-300);
  --function-info-content-loading-raw: var(--function-info-300-raw);
  --function-info-content-pressed: var(--function-info-700);
  --function-info-content-pressed-raw: var(--function-info-700-raw);
  --function-info-fill-default: var(--function-info-600);
  --function-info-fill-default-raw: var(--function-info-600-raw);
  --function-info-fill-hover: var(--function-info-500);
  --function-info-fill-hover-raw: var(--function-info-500-raw);
  --function-info-fill-loading: var(--function-info-300);
  --function-info-fill-loading-raw: var(--function-info-300-raw);
  --function-info-fill-pressed: var(--function-info-700);
  --function-info-fill-pressed-raw: var(--function-info-700-raw);
  --function-info-fill-solid-01: var(--function-info-50);
  --function-info-fill-solid-01-raw: var(--function-info-50-raw);
  --function-info-fill-solid-02: var(--function-info-100);
  --function-info-fill-solid-02-raw: var(--function-info-100-raw);
  --function-info-fill-solid-03: var(--function-info-200);
  --function-info-fill-solid-03-raw: var(--function-info-200-raw);
  --function-info-fill-transparent-01: rgba(var(--function-info-600-raw), 0.1);
  --function-info-fill-transparent-02: rgba(var(--function-info-600-raw), 0.15);
  --function-info-fill-transparent-03: rgba(var(--function-info-600-raw), 0.2);
  --function-info-on-info-fill: var(--static-white);
  --function-info-on-info-fill-raw: var(--static-white-raw);
  --function-success-100: var(--G100);
  --function-success-100-raw: var(--G100-raw);
  --function-success-200: var(--G200);
  --function-success-200-raw: var(--G200-raw);
  --function-success-300: var(--G300);
  --function-success-300-raw: var(--G300-raw);
  --function-success-350: var(--G350);
  --function-success-350-raw: var(--G350-raw);
  --function-success-400: var(--G400);
  --function-success-400-raw: var(--G400-raw);
  --function-success-50: var(--G50);
  --function-success-50-raw: var(--G50-raw);
  --function-success-500: var(--G500);
  --function-success-500-raw: var(--G500-raw);
  --function-success-600: var(--G600);
  --function-success-600-raw: var(--G600-raw);
  --function-success-700: var(--G700);
  --function-success-700-raw: var(--G700-raw);
  --function-success-800: var(--G800);
  --function-success-800-raw: var(--G800-raw);
  --function-success-900: var(--G900);
  --function-success-900-raw: var(--G900-raw);
  --function-success-content-default: var(--function-success-400);
  --function-success-content-default-raw: var(--function-success-400-raw);
  --function-success-content-hover: var(--function-success-350);
  --function-success-content-hover-raw: var(--function-success-350-raw);
  --function-success-content-loading: var(--function-success-300);
  --function-success-content-loading-raw: var(--function-success-300-raw);
  --function-success-content-pressed: var(--function-success-500);
  --function-success-content-pressed-raw: var(--function-success-500-raw);
  --function-success-fill-default: var(--function-success-350);
  --function-success-fill-default-raw: var(--function-success-350-raw);
  --function-success-fill-hover: var(--function-success-300);
  --function-success-fill-hover-raw: var(--function-success-300-raw);
  --function-success-fill-loading: var(--function-success-300);
  --function-success-fill-loading-raw: var(--function-success-300-raw);
  --function-success-fill-pressed: var(--function-success-400);
  --function-success-fill-pressed-raw: var(--function-success-400-raw);
  --function-success-fill-solid-01: var(--function-success-50);
  --function-success-fill-solid-01-raw: var(--function-success-50-raw);
  --function-success-fill-solid-02: var(--function-success-100);
  --function-success-fill-solid-02-raw: var(--function-success-100-raw);
  --function-success-fill-solid-03: var(--function-success-200);
  --function-success-fill-solid-03-raw: var(--function-success-200-raw);
  --function-success-fill-transparent-01: rgba(
    var(--function-success-350-raw),
    0.1
  );
  --function-success-fill-transparent-02: rgba(
    var(--function-success-350-raw),
    0.15
  );
  --function-success-fill-transparent-03: rgba(
    var(--function-success-350-raw),
    0.2
  );
  --function-success-on-success-fill: var(--static-white);
  --function-success-on-success-fill-raw: var(--static-white-raw);
  --function-warning-100: var(--O100);
  --function-warning-100-raw: var(--O100-raw);
  --function-warning-200: var(--O200);
  --function-warning-200-raw: var(--O200-raw);
  --function-warning-300: var(--O300);
  --function-warning-300-raw: var(--O300-raw);
  --function-warning-350: var(--O350);
  --function-warning-350-raw: var(--O350-raw);
  --function-warning-400: var(--O400);
  --function-warning-400-raw: var(--O400-raw);
  --function-warning-50: var(--O50);
  --function-warning-50-raw: var(--O50-raw);
  --function-warning-500: var(--O500);
  --function-warning-500-raw: var(--O500-raw);
  --function-warning-600: var(--O600);
  --function-warning-600-raw: var(--O600-raw);
  --function-warning-700: var(--O700);
  --function-warning-700-raw: var(--O700-raw);
  --function-warning-800: var(--O800);
  --function-warning-800-raw: var(--O800-raw);
  --function-warning-900: var(--O900);
  --function-warning-900-raw: var(--O900-raw);
  --function-warning-content-default: var(--function-warning-400);
  --function-warning-content-default-raw: var(--function-warning-400-raw);
  --function-warning-content-hover: var(--function-warning-350);
  --function-warning-content-hover-raw: var(--function-warning-350-raw);
  --function-warning-content-loading: var(--function-warning-300);
  --function-warning-content-loading-raw: var(--function-warning-300-raw);
  --function-warning-content-pressed: var(--function-warning-500);
  --function-warning-content-pressed-raw: var(--function-warning-500-raw);
  --function-warning-fill-default: var(--function-warning-350);
  --function-warning-fill-default-raw: var(--function-warning-350-raw);
  --function-warning-fill-hover: var(--function-warning-300);
  --function-warning-fill-hover-raw: var(--function-warning-300-raw);
  --function-warning-fill-loading: var(--function-warning-300);
  --function-warning-fill-loading-raw: var(--function-warning-300-raw);
  --function-warning-fill-pressed: var(--function-warning-400);
  --function-warning-fill-pressed-raw: var(--function-warning-400-raw);
  --function-warning-fill-solid-01: var(--function-warning-50);
  --function-warning-fill-solid-01-raw: var(--function-warning-50-raw);
  --function-warning-fill-solid-02: var(--function-warning-100);
  --function-warning-fill-solid-02-raw: var(--function-warning-100-raw);
  --function-warning-fill-solid-03: var(--function-warning-200);
  --function-warning-fill-solid-03-raw: var(--function-warning-200-raw);
  --function-warning-fill-transparent-01: rgba(
    var(--function-warning-400-raw),
    0.1
  );
  --function-warning-fill-transparent-02: rgba(
    var(--function-warning-400-raw),
    0.15
  );
  --function-warning-fill-transparent-03: rgba(
    var(--function-warning-400-raw),
    0.2
  );
  --function-warning-on-warning-fill: var(--static-white);
  --function-warning-on-warning-fill-raw: var(--static-white-raw);
  --gradient-blue: linear-gradient(90deg, var(--B400) 0%, var(--B500) 100%);
  --gradient-carmine: linear-gradient(90deg, var(--C400) 0%, var(--C500) 100%);
  --gradient-green: linear-gradient(90deg, var(--G300) 0%, var(--G350) 100%);
  --gradient-indigo: linear-gradient(90deg, var(--I400) 0%, var(--I500) 100%);
  --gradient-lime: linear-gradient(90deg, var(--L200) 0%, var(--L300) 100%);
  --gradient-orange: linear-gradient(90deg, var(--O300) 0%, var(--O350) 100%);
  --gradient-purple: linear-gradient(90deg, var(--P400) 0%, var(--P500) 100%);
  --gradient-red: linear-gradient(90deg, var(--R350) 0%, var(--R400) 100%);
  --gradient-turquoise: linear-gradient(
    90deg,
    var(--T200) 0%,
    var(--T300) 100%
  );
  --gradient-violet: linear-gradient(90deg, var(--V350) 0%, var(--V400) 100%);
  --gradient-wathet: linear-gradient(90deg, var(--W300) 0%, var(--W350) 100%);
  --gradient-yellow: linear-gradient(90deg, var(--Y350) 0%, var(--Y400) 100%);
  --icon-disabled: var(--N400);
  --icon-disabled-raw: var(--N400-raw);
  --icon-n1: var(--N800);
  --icon-n1-raw: var(--N800-raw);
  --icon-n2: var(--N600);
  --icon-n2-raw: var(--N600-raw);
  --icon-n3: var(--N500);
  --icon-n3-raw: var(--N500-raw);
  --illustration-blue-a: var(--B900);
  --illustration-blue-a-raw: var(--B900-raw);
  --illustration-blue-b: var(--B900);
  --illustration-blue-b-raw: var(--B900-raw);
  --illustration-blue-c: var(--B900);
  --illustration-blue-c-raw: var(--B900-raw);
  --illustration-blue-d: var(--B900);
  --illustration-blue-d-raw: var(--B900-raw);
  --illustration-blue-e: var(--B500);
  --illustration-blue-e-raw: var(--B500-raw);
  --illustration-neutral-a: var(--N00);
  --illustration-neutral-a-raw: var(--N00-raw);
  --illustration-neutral-b: var(--N00);
  --illustration-neutral-b-raw: var(--N00-raw);
  --illustration-neutral-c: rgba(var(--N400-raw), 0.45);
  --illustration-neutral-d: var(--N500);
  --illustration-neutral-d-raw: var(--N500-raw);
  --illustration-orange: var(--O350);
  --illustration-orange-raw: var(--O350-raw);
  --illustration-red: var(--R400);
  --illustration-red-raw: var(--R400-raw);
  --illustration-static-black: var(--static-black);
  --illustration-static-black-raw: var(--static-black-raw);
  --illustration-static-white: var(--static-white);
  --illustration-static-white-raw: var(--static-white-raw);
  --illustration-turquoise: var(--T300);
  --illustration-turquoise-raw: var(--T300-raw);
  --illustration-wathet: var(--W300);
  --illustration-wathet-raw: var(--W300-raw);
  --illustration-yellow: var(--Y350);
  --illustration-yellow-raw: var(--Y350-raw);
  --inverse-primary-content-default: var(--B400);
  --inverse-primary-content-default-raw: var(--B400-raw);
  --inverse-primary-content-hover: var(--B350);
  --inverse-primary-content-hover-raw: var(--B350-raw);
  --inverse-primary-content-pressed: var(--B500);
  --inverse-primary-content-pressed-raw: var(--B500-raw);
  --line-border-card: var(--N300);
  --line-border-card-raw: var(--N300-raw);
  --line-border-component: var(--N350);
  --line-border-component-raw: var(--N350-raw);
  --line-divider-default: rgba(var(--N900-raw), 0.15);
  --line-divider-module: rgba(var(--N900-raw), 0.15);
  --primary-content-default: var(--primary-pri-600);
  --primary-content-default-raw: var(--primary-pri-600-raw);
  --primary-content-hover: var(--primary-pri-500);
  --primary-content-hover-raw: var(--primary-pri-500-raw);
  --primary-content-loading: var(--primary-pri-300);
  --primary-content-loading-raw: var(--primary-pri-300-raw);
  --primary-content-pressed: var(--primary-pri-700);
  --primary-content-pressed-raw: var(--primary-pri-700-raw);
  --primary-fill-default: var(--primary-pri-600);
  --primary-fill-default-raw: var(--primary-pri-600-raw);
  --primary-fill-hover: var(--primary-pri-500);
  --primary-fill-hover-raw: var(--primary-pri-500-raw);
  --primary-fill-loading: var(--primary-pri-300);
  --primary-fill-loading-raw: var(--primary-pri-300-raw);
  --primary-fill-pressed: var(--primary-pri-700);
  --primary-fill-pressed-raw: var(--primary-pri-700-raw);
  --primary-fill-solid-01: var(--primary-pri-50);
  --primary-fill-solid-01-raw: var(--primary-pri-50-raw);
  --primary-fill-solid-02: var(--primary-pri-100);
  --primary-fill-solid-02-raw: var(--primary-pri-100-raw);
  --primary-fill-solid-03: var(--primary-pri-200);
  --primary-fill-solid-03-raw: var(--primary-pri-200-raw);
  --primary-fill-transparent-01: rgba(var(--primary-pri-600-raw), 0.1);
  --primary-fill-transparent-02: rgba(var(--primary-pri-600-raw), 0.15);
  --primary-fill-transparent-03: rgba(var(--primary-pri-600-raw), 0.2);
  --primary-on-primary-fill: var(--static-white);
  --primary-on-primary-fill-raw: var(--static-white-raw);
  --primary-pri-100: var(--B100);
  --primary-pri-100-raw: var(--B100-raw);
  --primary-pri-200: var(--B200);
  --primary-pri-200-raw: var(--B200-raw);
  --primary-pri-300: var(--B300);
  --primary-pri-300-raw: var(--B300-raw);
  --primary-pri-350: var(--B350);
  --primary-pri-350-raw: var(--B350-raw);
  --primary-pri-400: var(--B400);
  --primary-pri-400-raw: var(--B400-raw);
  --primary-pri-50: var(--B50);
  --primary-pri-50-raw: var(--B50-raw);
  --primary-pri-500: var(--B500);
  --primary-pri-500-raw: var(--B500-raw);
  --primary-pri-600: var(--B600);
  --primary-pri-600-raw: var(--B600-raw);
  --primary-pri-700: var(--B700);
  --primary-pri-700-raw: var(--B700-raw);
  --primary-pri-800: var(--B800);
  --primary-pri-800-raw: var(--B800-raw);
  --primary-pri-900: var(--B900);
  --primary-pri-900-raw: var(--B900-raw);
  --shadow-default: var(--N900);
  --shadow-default-raw: var(--N900-raw);
  --shadow-default-lg: rgba(var(--N900-raw), 0.08);
  --shadow-default-md: rgba(var(--N900-raw), 0.1);
  --shadow-default-sm: rgba(var(--N900-raw), 0.12);
  --shadow-lg-down: 0px 6px 24px var(--shadow-default-lg);
  --shadow-lg-left: -6px 0px 24px var(--shadow-default-lg);
  --shadow-lg-right: 6px 0px 24px var(--shadow-default-lg);
  --shadow-lg-up: 0px -6px 24px var(--shadow-default-lg);
  --shadow-md-down: 0px 4px 8px var(--shadow-default-md);
  --shadow-md-left: -4px 0px 8px var(--shadow-default-md);
  --shadow-md-right: 4px 0px 8px var(--shadow-default-md);
  --shadow-md-up: 0px -4px 8px var(--shadow-default-md);
  --shadow-pri: var(--primary-pri-600);
  --shadow-pri-raw: var(--primary-pri-600-raw);
  --shadow-pri-lg: rgba(var(--primary-pri-600-raw), 0.24);
  --shadow-pri-lg-down: 0px 6px 24px var(--shadow-pri-lg);
  --shadow-pri-md: rgba(var(--primary-pri-600-raw), 0.24);
  --shadow-pri-md-down: 0px 4px 8px var(--shadow-pri-md);
  --shadow-s1-down:
    0px 1px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 4px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-down-pri:
    0px 1px 2px -2px rgba(var(--shadow-pri-raw), 0.12),
    0px 2px 4px rgba(var(--shadow-pri-raw), 0.04),
    0px 2px 8px 2px rgba(var(--shadow-pri-raw), 0.02);
  --shadow-s1-left:
    -1px 0px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 4px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-right:
    1px 0px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 4px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-up:
    0px -1px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 4px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-down:
    0px 4px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    0px 4px 8px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-down-pri:
    0px 2px 4px -4px rgba(var(--shadow-pri-raw), 0.12),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.04),
    0px 4px 16px 4px rgba(var(--shadow-pri-raw), 0.03);
  --shadow-s2-left:
    -4px 0px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    -4px 0px 8px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-right:
    4px 0px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    4px 0px 8px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-up:
    0px -4px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    0px -4px 8px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s3-down:
    0px 6px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    0px 3px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    0px 4px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-down-pri:
    0px 3px 6px -6px rgba(var(--shadow-pri-raw), 0.14),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.06),
    0px 6px 18px 6px rgba(var(--shadow-pri-raw), 0.04);
  --shadow-s3-left:
    -6px 0px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    -3px 0px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    -4px 0px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-right:
    6px 0px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    3px 0px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    4px 0px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-up:
    0px -6px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    0px -3px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    0px -4px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s4-down:
    0px 8px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    0px 6px 12px rgba(var(--shadow-default-raw), 0.04),
    0px 4px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-down-pri:
    0px 4px 8px -4px rgba(var(--shadow-pri-raw), 0.16),
    0px 6px 12px rgba(var(--shadow-pri-raw), 0.08),
    0px 8px 24px 8px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s4-left:
    -8px 0px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    -6px 0px 12px rgba(var(--shadow-default-raw), 0.04),
    -4px 0px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-right:
    8px 0px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    6px 0px 12px rgba(var(--shadow-default-raw), 0.04),
    4px 0px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-up:
    0px -8px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    0px -6px 12px rgba(var(--shadow-default-raw), 0.04),
    0px -4px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-down:
    0px 10px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    0px 8px 24px rgba(var(--shadow-default-raw), 0.04),
    0px 6px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-down-pri:
    0px 10px 12px -10px rgba(var(--shadow-pri-raw), 0.18),
    0px 8px 24px rgba(var(--shadow-pri-raw), 0.1),
    0px 10px 36px 10px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s5-left:
    -10px 0px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    -8px 0px 24px rgba(var(--shadow-default-raw), 0.04),
    -6px 0px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-right:
    10px 0px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    8px 0px 24px rgba(var(--shadow-default-raw), 0.04),
    6px 0px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-up:
    0px -10px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    0px -8px 24px rgba(var(--shadow-default-raw), 0.04),
    0px -6px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-sm-down: 0px 2px 4px var(--shadow-default-sm);
  --shadow-sm-left: -2px 0px 4px var(--shadow-default-sm);
  --shadow-sm-right: 2px 0px 4px var(--shadow-default-sm);
  --shadow-sm-up: 0px -2px 4px var(--shadow-default-sm);
  --static-black: #000;
  --static-black-raw: 0, 0, 0;
  --static-black-10: rgba(0, 0, 0, 0.1);
  --static-black-15: rgba(0, 0, 0, 0.15);
  --static-black-20: rgba(0, 0, 0, 0.2);
  --static-black-30: rgba(0, 0, 0, 0.3);
  --static-black-40: rgba(0, 0, 0, 0.4);
  --static-black-5: rgba(0, 0, 0, 0.05);
  --static-black-50: rgba(0, 0, 0, 0.5);
  --static-black-60: rgba(0, 0, 0, 0.6);
  --static-black-70: rgba(0, 0, 0, 0.7);
  --static-black-80: rgba(0, 0, 0, 0.8);
  --static-black-90: rgba(0, 0, 0, 0.9);
  --static-white: #fff;
  --static-white-raw: 255, 255, 255;
  --static-white-10: rgba(255, 255, 255, 0.1);
  --static-white-15: rgba(255, 255, 255, 0.15);
  --static-white-20: rgba(255, 255, 255, 0.2);
  --static-white-30: rgba(255, 255, 255, 0.3);
  --static-white-40: rgba(255, 255, 255, 0.4);
  --static-white-5: rgba(255, 255, 255, 0.05);
  --static-white-50: rgba(255, 255, 255, 0.5);
  --static-white-60: rgba(255, 255, 255, 0.6);
  --static-white-70: rgba(255, 255, 255, 0.7);
  --static-white-80: rgba(255, 255, 255, 0.8);
  --static-white-90: rgba(255, 255, 255, 0.9);
  --static-white-hover: rgba(255, 255, 255, 0.1);
  --static-white-hover-raw: 255, 255, 255;
  --static-white-pressed: rgba(255, 255, 255, 0.2);
  --static-white-pressed-raw: 255, 255, 255;
  --text-caption: var(--N600);
  --text-caption-raw: var(--N600-raw);
  --text-disabled: var(--N400);
  --text-disabled-raw: var(--N400-raw);
  --text-link-disabled: var(--N400);
  --text-link-disabled-raw: var(--N400-raw);
  --text-link-hover: var(--B500);
  --text-link-hover-raw: var(--B500-raw);
  --text-link-loading: var(--B300);
  --text-link-loading-raw: var(--B300-raw);
  --text-link-normal: var(--B600);
  --text-link-normal-raw: var(--B600-raw);
  --text-link-pressed: var(--B700);
  --text-link-pressed-raw: var(--B700-raw);
  --text-placeholder: var(--N500);
  --text-placeholder-raw: var(--N500-raw);
  --text-title: var(--N900);
  --text-title-raw: var(--N900-raw);
  --udtoken-block-view-inline-bg-nopermission: rgba(var(--N900-raw), 0.1);
  --udtoken-block-view-inline-bg-other: rgba(var(--primary-pri-300-raw), 0.18);
  --udtoken-block-view-inline-bg-self: var(--primary-pri-600);
  --udtoken-btn-ghost-bg: rgba(var(--N00-raw), 0);
  --udtoken-btn-pri-text-disabled: var(--static-white);
  --udtoken-btn-se-bg-danger-focus: var(--function-danger-fill-solid-02);
  --udtoken-btn-se-bg-danger-hover: var(--function-danger-fill-solid-02);
  --udtoken-btn-se-bg-danger-pressed: var(--function-danger-fill-solid-03);
  --udtoken-btn-se-bg-neutral-focus: var(--N100);
  --udtoken-btn-se-bg-neutral-hover: var(--N100);
  --udtoken-btn-se-bg-neutral-pressed: var(--N300);
  --udtoken-btn-se-bg-pri-focus: var(--primary-fill-solid-02);
  --udtoken-btn-se-bg-pri-hover: var(--primary-fill-solid-02);
  --udtoken-btn-se-bg-pri-pressed: var(--primary-fill-solid-03);
  --udtoken-btn-se-bg-success-focus: var(--function-success-fill-solid-02);
  --udtoken-btn-se-bg-success-hover: var(--function-success-fill-solid-02);
  --udtoken-btn-se-bg-success-pressed: var(--function-success-fill-solid-03);
  --udtoken-btn-selected-bg-danger-hover: var(--function-danger-fill-solid-02);
  --udtoken-btn-selected-bg-danger-normal: var(--function-danger-fill-solid-01);
  --udtoken-btn-selected-bg-danger-press: var(--function-danger-fill-solid-03);
  --udtoken-btn-selected-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-selected-bg-neutral-normal: rgba(var(--N900-raw), 0.06);
  --udtoken-btn-selected-bg-neutral-press: rgba(var(--N900-raw), 0.14);
  --udtoken-btn-selected-bg-success-hover: var(
    --function-success-fill-solid-02
  );
  --udtoken-btn-selected-bg-success-normal: var(
    --function-success-fill-solid-01
  );
  --udtoken-btn-selected-bg-success-press: var(
    --function-success-fill-solid-03
  );
  --udtoken-btn-selected-border-neutral: var(--N400);
  --udtoken-btn-selected-text-danger: var(--R600);
  --udtoken-btn-selected-text-success: var(--G500);
  --udtoken-btn-text-bg-danger-focus: var(
    --function-danger-fill-transparent-01
  );
  --udtoken-btn-text-bg-danger-hover: var(
    --function-danger-fill-transparent-01
  );
  --udtoken-btn-text-bg-danger-pressed: var(
    --function-danger-fill-transparent-03
  );
  --udtoken-btn-text-bg-neutral-focus: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-text-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-text-bg-neutral-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-btn-text-bg-pri-focus: var(--primary-fill-transparent-01);
  --udtoken-btn-text-bg-pri-hover: var(--primary-fill-transparent-01);
  --udtoken-btn-text-bg-pri-pressed: var(--primary-fill-transparent-03);
  --udtoken-colorpicker-blue: var(--B500);
  --udtoken-colorpicker-carmine: var(--C400);
  --udtoken-colorpicker-green: var(--G350);
  --udtoken-colorpicker-indigo: var(--I600);
  --udtoken-colorpicker-lime: var(--L300);
  --udtoken-colorpicker-neutral: var(--N500);
  --udtoken-colorpicker-orange: var(--O350);
  --udtoken-colorpicker-purple: var(--P600);
  --udtoken-colorpicker-red: var(--R400);
  --udtoken-colorpicker-sunflower: var(--S200);
  --udtoken-colorpicker-turquoise: var(--T300);
  --udtoken-colorpicker-violet: var(--V500);
  --udtoken-colorpicker-wathet: var(--W300);
  --udtoken-colorpicker-yellow: var(--Y350);
  --udtoken-component-bg-bottom-mask: linear-gradient(
    to bottom,
    rgba(var(--N00-raw), 0) 0%,
    var(--N00) 100%
  );
  --udtoken-component-bg-left-mask: linear-gradient(
    to left,
    rgba(var(--N00-raw), 0) 0%,
    var(--N00) 100%
  );
  --udtoken-component-bg-right-mask: linear-gradient(
    to right,
    rgba(var(--N00-raw), 0) 0%,
    var(--N00) 100%
  );
  --udtoken-component-bg-top-mask: linear-gradient(
    to top,
    rgba(var(--N00-raw), 0) 0%,
    var(--N00) 100%
  );
  --udtoken-component-outlined-bg: var(--bg-body);
  --udtoken-component-text-disabled-loading: var(--N500);
  --udtoken-dropdown-button-divider: rgba(var(--N00-raw), 0.5);
  --udtoken-imageview-bg-mask: rgba(0, 0, 0, 0.8);
  --udtoken-imageview-icondisabled: rgba(255, 255, 255, 0.6);
  --udtoken-imageview-toolbox-bg: rgba(var(--static-black-raw), 0.8);
  --udtoken-imageview-tooltips-bg: #505050;
  --udtoken-input-bg-disabled: var(--N200);
  --udtoken-message-card-bg-blue: var(--B100);
  --udtoken-message-card-bg-carmine: var(--C100);
  --udtoken-message-card-bg-green: var(--G100);
  --udtoken-message-card-bg-indigo: var(--I100);
  --udtoken-message-card-bg-light-neutral: var(--N100);
  --udtoken-message-card-bg-lime: var(--L100);
  --udtoken-message-card-bg-mask-general: rgba(var(--N00-raw), 0.5);
  --udtoken-message-card-bg-mask-special: rgba(var(--N00-raw), 0.2);
  --udtoken-message-card-bg-neutral: var(--N500);
  --udtoken-message-card-bg-orange: var(--O100);
  --udtoken-message-card-bg-purple: var(--P100);
  --udtoken-message-card-bg-red: var(--R100);
  --udtoken-message-card-bg-turquoise: var(--T100);
  --udtoken-message-card-bg-violet: var(--V100);
  --udtoken-message-card-bg-wathet: var(--W100);
  --udtoken-message-card-bg-yellow: var(--Y100);
  --udtoken-message-card-text-blue: var(--B600);
  --udtoken-message-card-text-carmine: var(--C600);
  --udtoken-message-card-text-green: var(--G600);
  --udtoken-message-card-text-indigo: var(--I600);
  --udtoken-message-card-text-lime: var(--L600);
  --udtoken-message-card-text-neutral: var(--N00);
  --udtoken-message-card-text-orange: var(--O500);
  --udtoken-message-card-text-purple: var(--P600);
  --udtoken-message-card-text-red: var(--R600);
  --udtoken-message-card-text-turquoise: var(--T600);
  --udtoken-message-card-text-violet: var(--V600);
  --udtoken-message-card-text-wathet: var(--W600);
  --udtoken-message-card-text-yellow: var(--Y500);
  --udtoken-navigation-bar-resize-handle: #4599ff;
  --udtoken-navigation-bar-tab-bg-black: #1c2435;
  --udtoken-navigation-bar-tab-bg-blue: #1b429c;
  --udtoken-navigation-bar-tab-bg-gray: #e5e5e9;
  --udtoken-progress-bg: var(--N300);
  --udtoken-quote-bar-bg: var(--N400);
  --udtoken-reaction-bg-grey: rgba(var(--N900-raw), 0.05);
  --udtoken-reaction-bg-grey-float: rgba(var(--N900-raw), 0.05);
  --udtoken-skeleton-bg: rgba(var(--N900-raw), 0.08);
  --udtoken-skeleton-fg: rgba(var(--N900-raw), 0.05);
  --udtoken-sliding-block-bg-disabled-loading: var(--N00);
  --udtoken-steps-bg-hover: var(--primary-fill-transparent-01);
  --udtoken-switch-handle-disabled: rgba(var(--static-white-raw), 0.6);
  --udtoken-tab-pri-bg: var(--primary-fill-transparent-03);
  --udtoken-tab-pri-text: var(--primary-content-default);
  --udtoken-tab-se-bg-unselected: rgba(var(--N900-raw), 0.1);
  --udtoken-table-bg-expand: var(--N100);
  --udtoken-table-bg-grey: var(--N50);
  --udtoken-table-bg-head: var(--N100);
  --udtoken-table-bg-hover: var(--N200);
  --udtoken-table-bg-pressed: var(--N300);
  --udtoken-table-bg-selected: var(--primary-fill-solid-01);
  --udtoken-tabs-line-border-card: var(--N300);
  --udtoken-tabs-view-bg-hover: rgba(31, 35, 41, 0.03);
  --udtoken-tag-AI-trial-bg-normal: radial-gradient(
    100.62% 141.42% at 100% 0%,
    rgba(183, 145, 250, 0.12) 0%,
    rgba(91, 101, 245, 0.12) 79.5%
  );
  --udtoken-tag-AI-trial-bg-text-normal: radial-gradient(
    58.07% 105.94% at 95% 28.12%,
    #8d55ed 0%,
    #4752e6 100%
  );
  --udtoken-tag-bg-blue: rgba(var(--B600-raw), 0.2);
  --udtoken-tag-bg-blue-default: rgba(var(--B600-raw), 0.12);
  --udtoken-tag-bg-blue-hover: rgba(var(--B600-raw), 0.3);
  --udtoken-tag-bg-blue-pressed: rgba(var(--B600-raw), 0.2);
  --udtoken-tag-bg-blue-solid: var(--B200);
  --udtoken-tag-bg-carmine: rgba(var(--C500-raw), 0.2);
  --udtoken-tag-bg-carmine-hover: rgba(var(--C500-raw), 0.3);
  --udtoken-tag-bg-carmine-solid: var(--C200);
  --udtoken-tag-bg-green: rgba(var(--G350-raw), 0.2);
  --udtoken-tag-bg-green-hover: rgba(var(--G350-raw), 0.3);
  --udtoken-tag-bg-green-solid: var(--G200);
  --udtoken-tag-bg-indigo: rgba(var(--I500-raw), 0.2);
  --udtoken-tag-bg-indigo-hover: rgba(var(--I500-raw), 0.3);
  --udtoken-tag-bg-indigo-solid: var(--I200);
  --udtoken-tag-bg-lime: rgba(var(--L350-raw), 0.2);
  --udtoken-tag-bg-lime-hover: rgba(var(--L350-raw), 0.3);
  --udtoken-tag-bg-lime-solid: var(--L200);
  --udtoken-tag-bg-orange: rgba(var(--O350-raw), 0.15);
  --udtoken-tag-bg-orange-hover: rgba(var(--O350-raw), 0.3);
  --udtoken-tag-bg-orange-pressed: rgba(var(--O350-raw), 0.35);
  --udtoken-tag-bg-orange-solid: var(--O200);
  --udtoken-tag-bg-purple: rgba(var(--P500-raw), 0.2);
  --udtoken-tag-bg-purple-hover: rgba(var(--P500-raw), 0.3);
  --udtoken-tag-bg-purple-solid: var(--P200);
  --udtoken-tag-bg-red: rgba(var(--R400-raw), 0.2);
  --udtoken-tag-bg-red-hover: rgba(var(--R400-raw), 0.3);
  --udtoken-tag-bg-red-solid: var(--R200);
  --udtoken-tag-bg-turquoise: rgba(var(--T300-raw), 0.2);
  --udtoken-tag-bg-turquoise-hover: rgba(var(--T300-raw), 0.3);
  --udtoken-tag-bg-turquoise-solid: var(--T200);
  --udtoken-tag-bg-violet: rgba(var(--V500-raw), 0.2);
  --udtoken-tag-bg-violet-hover: rgba(var(--V500-raw), 0.3);
  --udtoken-tag-bg-violet-solid: var(--V200);
  --udtoken-tag-bg-wathet: rgba(var(--W300-raw), 0.2);
  --udtoken-tag-bg-wathet-hover: rgba(var(--W300-raw), 0.3);
  --udtoken-tag-bg-wathet-solid: var(--W200);
  --udtoken-tag-bg-yellow: rgba(var(--Y300-raw), 0.2);
  --udtoken-tag-bg-yellow-hover: rgba(var(--Y300-raw), 0.4);
  --udtoken-tag-bg-yellow-solid: var(--Y200);
  --udtoken-tag-close-blue-disabled: rgba(var(--B600-raw), 0.8);
  --udtoken-tag-close-blue-hover: var(--B600);
  --udtoken-tag-close-blue-normal: rgba(var(--B600-raw), 0.6);
  --udtoken-tag-close-blue-pressed: rgba(var(--B600-raw), 0.8);
  --udtoken-tag-close-orange-disabled: rgba(var(--O350-raw), 0.3);
  --udtoken-tag-close-orange-hover: var(--O350);
  --udtoken-tag-close-orange-normal: rgba(var(--O350-raw), 0.6);
  --udtoken-tag-close-orange-pressed: rgba(var(--O350-raw), 0.8);
  --udtoken-tag-neutral-bg-inverse: var(--N500);
  --udtoken-tag-neutral-bg-inverse-opacity: rgba(var(--N900-raw), 0.4);
  --udtoken-tag-neutral-bg-normal: rgba(var(--N900-raw), 0.1);
  --udtoken-tag-neutral-bg-normal-hover: rgba(var(--N900-raw), 0.15);
  --udtoken-tag-neutral-bg-normal-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-tag-neutral-bg-solid: var(--N200);
  --udtoken-tag-neutral-close-disabled: rgba(var(--text-title-raw), 0.3);
  --udtoken-tag-neutral-close-hover: var(--text-title);
  --udtoken-tag-neutral-close-normal: rgba(var(--text-title-raw), 0.6);
  --udtoken-tag-neutral-close-pressed: rgba(var(--text-title-raw), 0.8);
  --udtoken-tag-neutral-text-inverse: var(--N00);
  --udtoken-tag-neutral-text-inverse-opacity: var(--N00);
  --udtoken-tag-neutral-text-normal: var(--N600);
  --udtoken-tag-neutral-text-solid: var(--N600);
  --udtoken-tag-state-blue-light: var(--B500);
  --udtoken-tag-state-green-light: var(--G500);
  --udtoken-tag-state-grey-light: var(--N500);
  --udtoken-tag-state-orange-light: var(--O350);
  --udtoken-tag-state-purple-light: var(--P500);
  --udtoken-tag-state-red-light: var(--R500);
  --udtoken-tag-text-blue: var(--B900);
  --udtoken-tag-text-carmine: var(--C900);
  --udtoken-tag-text-green: var(--G900);
  --udtoken-tag-text-indigo: var(--I900);
  --udtoken-tag-text-lime: var(--L900);
  --udtoken-tag-text-orange: var(--O900);
  --udtoken-tag-text-purple: var(--P900);
  --udtoken-tag-text-red: var(--R900);
  --udtoken-tag-text-s-blue: var(--B600);
  --udtoken-tag-text-s-carmine: var(--C600);
  --udtoken-tag-text-s-green: var(--G600);
  --udtoken-tag-text-s-indigo: var(--I600);
  --udtoken-tag-text-s-lime: var(--L600);
  --udtoken-tag-text-s-orange: var(--O500);
  --udtoken-tag-text-s-purple: var(--P600);
  --udtoken-tag-text-s-red: var(--R600);
  --udtoken-tag-text-s-turquoise: var(--T600);
  --udtoken-tag-text-s-violet: var(--V600);
  --udtoken-tag-text-s-wathet: var(--W600);
  --udtoken-tag-text-s-yellow: var(--Y500);
  --udtoken-tag-text-turquoise: var(--T900);
  --udtoken-tag-text-violet: var(--V900);
  --udtoken-tag-text-wathet: var(--W900);
  --udtoken-tag-text-yellow: var(--Y900);
  --udtoken-upload-bg-error: var(--N200);
  --udtoken-upload-mask-img: rgba(var(--N900-raw), 0.4);
  --datav-categorical-01: #3370eb;
  --datav-categorical-02: #1bcebf;
  --datav-categorical-03: #ffc60a;
  --datav-categorical-04: #ed6d0c;
  --datav-categorical-05: #dca1e4;
  --datav-categorical-06: #25b2e5;
  --datav-categorical-07: #6dcdeb;
  --datav-categorical-08: #288fcb;
  --datav-categorical-09: #94b5f5;
  --datav-categorical-10: #8f61d1;
  --datav-categorical-11: #bf78e9;
  --datav-categorical-12: #008280;
  --datav-categorical-13: #27ad8e;
  --datav-categorical-14: #7bc335;
  --datav-fill-hover: rgba(31, 35, 41, 0.05);
  --datav-function-element-danger: #ff615d;
  --datav-function-element-info: #5083fb;
  --datav-function-element-neutral: #b9bec6;
  --datav-function-element-success: #47cfb8;
  --datav-function-element-warning: #ff814a;
  --datav-function-text-danger: #cd4841;
  --datav-function-text-info: #2c5cc5;
  --datav-function-text-success: #2d8639;
  --datav-function-text-warning: #c75f1c;
  --datav-line-axis: rgba(31, 35, 41, 0.3);
  --datav-line-default: rgba(31, 35, 41, 0.1);
  --figma-bg-base: #0a0a0a;
  --first-screen-bg: #e3eaff;
  --tab-solution-text-active: #fdfeff;
}
:root[data-ud-theme-mode="dark"] {
  --B100: #173166;
  --B100-raw: 23, 49, 102;
  --B200: #194294;
  --B200-raw: 25, 66, 148;
  --B300: #2655b6;
  --B300-raw: 38, 85, 182;
  --B350: #275fce;
  --B350-raw: 39, 95, 206;
  --B400: #3370eb;
  --B400-raw: 51, 112, 235;
  --B50: #152340;
  --B50-raw: 21, 35, 64;
  --B500: #4c88ff;
  --B500-raw: 76, 136, 255;
  --B600: #75a4ff;
  --B600-raw: 117, 164, 255;
  --B700: #8fb4ff;
  --B700-raw: 143, 180, 255;
  --B800: #bdd2ff;
  --B800-raw: 189, 210, 255;
  --B900: #e0e9ff;
  --B900-raw: 224, 233, 255;
  --C100: #591c3f;
  --C100-raw: 89, 28, 63;
  --C200: #782b57;
  --C200-raw: 120, 43, 87;
  --C300: #94386c;
  --C300-raw: 148, 56, 108;
  --C350: #ab417d;
  --C350-raw: 171, 65, 125;
  --C400: #c24a8e;
  --C400-raw: 194, 74, 142;
  --C50: #3a182b;
  --C50-raw: 58, 24, 43;
  --C500: #db5ea4;
  --C500-raw: 219, 94, 164;
  --C600: #ed77ba;
  --C600-raw: 237, 119, 186;
  --C700: #fc94cf;
  --C700-raw: 252, 148, 207;
  --C800: #ffc2e5;
  --C800-raw: 255, 194, 229;
  --C900: #ffe0f2;
  --C900-raw: 255, 224, 242;
  --G100: #173b12;
  --G100-raw: 23, 59, 18;
  --G200: #21511a;
  --G200-raw: 33, 81, 26;
  --G300: #296621;
  --G300-raw: 41, 102, 33;
  --G350: #2f7526;
  --G350-raw: 47, 117, 38;
  --G400: #35872a;
  --G400-raw: 53, 135, 42;
  --G50: #0e2b0a;
  --G50-raw: 14, 43, 10;
  --G500: #419e34;
  --G500-raw: 65, 158, 52;
  --G600: #51ba43;
  --G600-raw: 81, 186, 67;
  --G700: #69cc5c;
  --G700-raw: 105, 204, 92;
  --G800: #99e490;
  --G800-raw: 153, 228, 144;
  --G900: #cbf5c6;
  --G900-raw: 203, 245, 198;
  --I100: #2a2d69;
  --I100-raw: 42, 45, 105;
  --I200: #373d90;
  --I200-raw: 55, 61, 144;
  --I300: #474fb8;
  --I300-raw: 71, 79, 184;
  --I350: #515ad6;
  --I350-raw: 81, 90, 214;
  --I400: #5e68e8;
  --I400-raw: 94, 104, 232;
  --I50: #1e204a;
  --I50-raw: 30, 32, 74;
  --I500: #7b83f7;
  --I500-raw: 123, 131, 247;
  --I600: #9499f7;
  --I600-raw: 148, 153, 247;
  --I700: #aaaff8;
  --I700-raw: 170, 175, 248;
  --I800: #cdd0f9;
  --I800-raw: 205, 208, 249;
  --I900: #e7e9fe;
  --I900-raw: 231, 233, 254;
  --L100: #303804;
  --L100-raw: 48, 56, 4;
  --L200: #404c06;
  --L200-raw: 64, 76, 6;
  --L300: #53610a;
  --L300-raw: 83, 97, 10;
  --L350: #5f700a;
  --L350-raw: 95, 112, 10;
  --L400: #6b7f05;
  --L400-raw: 107, 127, 5;
  --L50: #212702;
  --L50-raw: 33, 39, 2;
  --L500: #82990a;
  --L500-raw: 130, 153, 10;
  --L600: #93af04;
  --L600-raw: 147, 175, 4;
  --L700: #a6c313;
  --L700-raw: 166, 195, 19;
  --L800: #c2e12d;
  --L800-raw: 194, 225, 45;
  --L900: #e3f391;
  --L900-raw: 227, 243, 145;
  --N00: #0a0a0a;
  --N00-raw: 10, 10, 10;
  --N100: #292929;
  --N100-raw: 41, 41, 41;
  --N1000: #fff;
  --N1000-raw: 255, 255, 255;
  --N200: #373737;
  --N200-raw: 55, 55, 55;
  --N300: #434343;
  --N300-raw: 67, 67, 67;
  --N350: #505050;
  --N350-raw: 80, 80, 80;
  --N400: #5f5f5f;
  --N400-raw: 95, 95, 95;
  --N50: #1a1a1a;
  --N50-raw: 26, 26, 26;
  --N500: #757575;
  --N500-raw: 117, 117, 117;
  --N600: #a6a6a6;
  --N600-raw: 166, 166, 166;
  --N650: #cfcfcf;
  --N650-raw: 207, 207, 207;
  --N700: #e0e0e0;
  --N700-raw: 224, 224, 224;
  --N800: #e8e8e8;
  --N800-raw: 232, 232, 232;
  --N900: #ebebeb;
  --N900-raw: 235, 235, 235;
  --N950: #f8f8f8;
  --N950-raw: 248, 248, 248;
  --O100: #4a2b10;
  --O100-raw: 74, 43, 16;
  --O200: #683a12;
  --O200-raw: 104, 58, 18;
  --O300: #8a4a19;
  --O300-raw: 138, 74, 25;
  --O350: #a15317;
  --O350-raw: 161, 83, 23;
  --O400: #b85e1a;
  --O400-raw: 184, 94, 26;
  --O50: #33210b;
  --O50-raw: 51, 33, 11;
  --O500: #db7018;
  --O500-raw: 219, 112, 24;
  --O600: #f3871b;
  --O600-raw: 243, 135, 27;
  --O700: #f89e44;
  --O700-raw: 248, 158, 68;
  --O800: #fec88b;
  --O800-raw: 254, 200, 139;
  --O900: #fee7cd;
  --O900-raw: 254, 231, 205;
  --P100: #3f2073;
  --P100-raw: 63, 32, 115;
  --P200: #5529a3;
  --P200-raw: 85, 41, 163;
  --P300: #6c39c6;
  --P300-raw: 108, 57, 198;
  --P350: #7c4ad4;
  --P350-raw: 124, 74, 212;
  --P400: #8c55ec;
  --P400-raw: 140, 85, 236;
  --P50: #2b194a;
  --P50-raw: 43, 25, 74;
  --P500: #a575fa;
  --P500-raw: 165, 117, 250;
  --P600: #b88ffe;
  --P600-raw: 184, 143, 254;
  --P700: #c5a3ff;
  --P700-raw: 197, 163, 255;
  --P800: #dbc8fd;
  --P800-raw: 219, 200, 253;
  --P900: #efe5ff;
  --P900-raw: 239, 229, 255;
  --R100: #591f1d;
  --R100-raw: 89, 31, 29;
  --R200: #7b2524;
  --R200-raw: 123, 37, 36;
  --R300: #a03331;
  --R300-raw: 160, 51, 49;
  --R350: #b33a37;
  --R350-raw: 179, 58, 55;
  --R400: #d14642;
  --R400-raw: 209, 70, 66;
  --R50: #3d1a19;
  --R50-raw: 61, 26, 25;
  --R500: #f05b56;
  --R500-raw: 240, 91, 86;
  --R600: #f6827e;
  --R600-raw: 246, 130, 126;
  --R700: #f89e9b;
  --R700-raw: 248, 158, 155;
  --R800: #fdc6c4;
  --R800-raw: 253, 198, 196;
  --R900: #fee3e2;
  --R900-raw: 254, 227, 226;
  --S100: #38320c;
  --S100-raw: 56, 50, 12;
  --S200: #574d01;
  --S200-raw: 87, 77, 1;
  --S300: #7a6a01;
  --S300-raw: 122, 106, 1;
  --S350: #9c8702;
  --S350-raw: 156, 135, 2;
  --S400: #c9b218;
  --S400-raw: 201, 178, 24;
  --S50: #29250a;
  --S50-raw: 41, 37, 10;
  --S500: #e5cd17;
  --S500-raw: 229, 205, 23;
  --S600: #f5df36;
  --S600-raw: 245, 223, 54;
  --S700: #f7e663;
  --S700-raw: 247, 230, 99;
  --S800: #faed7a;
  --S800-raw: 250, 237, 122;
  --S900: #fff59e;
  --S900-raw: 255, 245, 158;
  --T100: #173b36;
  --T100-raw: 23, 59, 54;
  --T200: #1d4e47;
  --T200-raw: 29, 78, 71;
  --T300: #25665e;
  --T300-raw: 37, 102, 94;
  --T350: #227369;
  --T350-raw: 34, 115, 105;
  --T400: #198578;
  --T400-raw: 25, 133, 120;
  --T50: #132926;
  --T50-raw: 19, 41, 38;
  --T500: #1fa18f;
  --T500-raw: 31, 161, 143;
  --T600: #1ab7a1;
  --T600-raw: 26, 183, 161;
  --T700: #17cfb5;
  --T700-raw: 23, 207, 181;
  --T800: #65e7d5;
  --T800-raw: 101, 231, 213;
  --T900: #b7f7ef;
  --T900-raw: 183, 247, 239;
  --V100: #541854;
  --V100-raw: 84, 24, 84;
  --V200: #712871;
  --V200-raw: 113, 40, 113;
  --V300: #8b378b;
  --V300-raw: 139, 55, 139;
  --V350: #a43da4;
  --V350-raw: 164, 61, 164;
  --V400: #b54ab5;
  --V400-raw: 181, 74, 181;
  --V50: #3b153b;
  --V50-raw: 59, 21, 59;
  --V500: #d661d6;
  --V500-raw: 214, 97, 214;
  --V600: #e17fe1;
  --V600-raw: 225, 127, 225;
  --V700: #e99be9;
  --V700-raw: 233, 155, 233;
  --V800: #f4c3f4;
  --V800-raw: 244, 195, 244;
  --V900: #fcdffc;
  --V900-raw: 252, 223, 252;
  --W100: #103647;
  --W100-raw: 16, 54, 71;
  --W200: #164359;
  --W200-raw: 22, 67, 89;
  --W300: #135a78;
  --W300-raw: 19, 90, 120;
  --W350: #146c91;
  --W350-raw: 20, 108, 145;
  --W400: #1a7fab;
  --W400-raw: 26, 127, 171;
  --W50: #152830;
  --W50-raw: 21, 40, 48;
  --W500: #1099cc;
  --W500-raw: 16, 153, 204;
  --W600: #25b2e5;
  --W600-raw: 37, 178, 229;
  --W700: #51c3f0;
  --W700-raw: 81, 195, 240;
  --W800: #89dffe;
  --W800-raw: 137, 223, 254;
  --W900: #c7f0ff;
  --W900-raw: 199, 240, 255;
  --Y100: #473409;
  --Y100-raw: 71, 52, 9;
  --Y200: #63470f;
  --Y200-raw: 99, 71, 15;
  --Y300: #8a6419;
  --Y300-raw: 138, 100, 25;
  --Y350: #ad7d15;
  --Y350-raw: 173, 125, 21;
  --Y400: #d49b0b;
  --Y400-raw: 212, 155, 11;
  --Y50: #30250a;
  --Y50-raw: 48, 37, 10;
  --Y500: #f0b622;
  --Y500-raw: 240, 182, 34;
  --Y600: #fbcb46;
  --Y600-raw: 251, 203, 70;
  --Y700: #fcd456;
  --Y700-raw: 252, 212, 86;
  --Y800: #ffde75;
  --Y800-raw: 255, 222, 117;
  --Y900: #ffeaa3;
  --Y900-raw: 255, 234, 163;
  --AI-cursor: var(--I400);
  --AI-cursor-raw: var(--I400-raw);
  --AI-dynamic-line: conic-gradient(
    from 45deg,
    var(--V350) 0%,
    var(--I400) 33.3333%,
    var(--I400) 66.6667%,
    var(--V350) 100%
  );
  --AI-icon-gradient: linear-gradient(
    to right,
    var(--I500) 0%,
    var(--P400) 100%
  );
  --AI-icon-in-button: var(--I500);
  --AI-icon-in-button-raw: var(--I500-raw);
  --AI-loading: linear-gradient(to right, var(--I500) 0%, var(--V350) 100%);
  --AI-primary-content-default: linear-gradient(
    to right,
    var(--I500) 0%,
    var(--V400) 100%
  );
  --AI-primary-content-hover: linear-gradient(
    to right,
    var(--I400) 0%,
    var(--V350) 100%
  );
  --AI-primary-content-loading: linear-gradient(
    to right,
    rgba(var(--I500-raw), 0.6) 0%,
    rgba(var(--V400-raw), 0.6) 100%
  );
  --AI-primary-content-pressed: linear-gradient(
    to right,
    var(--I600) 0%,
    var(--V500) 100%
  );
  --AI-primary-fill-default: linear-gradient(
    to right,
    var(--I400) 0%,
    var(--V300) 100%
  );
  --AI-primary-fill-hover: linear-gradient(
    to right,
    var(--I350) 0%,
    var(--V200) 100%
  );
  --AI-primary-fill-loading: linear-gradient(
    to right,
    rgba(var(--I400-raw), 0.6) 0%,
    rgba(var(--V300-raw), 0.6) 100%
  );
  --AI-primary-fill-pressed: linear-gradient(
    to right,
    var(--I500) 0%,
    var(--V350) 100%
  );
  --AI-primary-fill-solid-01: linear-gradient(
    to right,
    var(--I50) 0%,
    var(--V50) 100%
  );
  --AI-primary-fill-solid-02: linear-gradient(
    to right,
    var(--I100) 0%,
    var(--V100) 100%
  );
  --AI-primary-fill-solid-03: linear-gradient(
    to right,
    var(--I200) 0%,
    var(--V200) 100%
  );
  --AI-primary-fill-transparent-01: linear-gradient(
    to right,
    rgba(var(--I400-raw), 0.15) 0%,
    rgba(var(--V350-raw), 0.15) 100%
  );
  --AI-primary-fill-transparent-02: linear-gradient(
    to right,
    rgba(var(--I400-raw), 0.25) 0%,
    rgba(var(--V350-raw), 0.25) 100%
  );
  --AI-primary-fill-transparent-03: linear-gradient(
    to right,
    rgba(var(--I400-raw), 0.35) 0%,
    rgba(var(--V350-raw), 0.35) 100%
  );
  --AI-sendicon: linear-gradient(to right, var(--I400) 0%, var(--P400) 100%);
  --Aurora-bg-main: rgba(var(--W500-raw), 0.2);
  --Aurora-bg-reflection: rgba(var(--P500-raw), 0.15);
  --Aurora-bg-subordinate: rgba(var(--W500-raw), 0.2);
  --N00-10: rgba(var(--N00-raw), 0.1);
  --N00-15: rgba(var(--N00-raw), 0.15);
  --N00-20: rgba(var(--N00-raw), 0.2);
  --N00-30: rgba(var(--N00-raw), 0.3);
  --N00-40: rgba(var(--N00-raw), 0.4);
  --N00-5: rgba(var(--N00-raw), 0.05);
  --N00-50: rgba(var(--N00-raw), 0.5);
  --N00-60: rgba(var(--N00-raw), 0.6);
  --N00-70: rgba(var(--N00-raw), 0.7);
  --N00-80: rgba(var(--N00-raw), 0.8);
  --N00-90: rgba(var(--N00-raw), 0.9);
  --N900-10: rgba(var(--N900-raw), 0.1);
  --N900-15: rgba(var(--N900-raw), 0.15);
  --N900-20: rgba(var(--N900-raw), 0.2);
  --N900-30: rgba(var(--N900-raw), 0.3);
  --N900-40: rgba(var(--N900-raw), 0.4);
  --N900-5: rgba(var(--N900-raw), 0.05);
  --N900-50: rgba(var(--N900-raw), 0.5);
  --N900-60: rgba(var(--N900-raw), 0.6);
  --N900-70: rgba(var(--N900-raw), 0.7);
  --N900-80: rgba(var(--N900-raw), 0.8);
  --N900-90: rgba(var(--N900-raw), 0.9);
  --Vnext-bg-content-header: #222;
  --Vnext-bg-content-header-raw: 34, 34, 34;
  --Vnext-bg-gradient: linear-gradient(
    180deg,
    rgba(var(--N50-raw), 0.05) 0%,
    rgba(var(--N00-raw), 0.05) 100%
  );
  --Vnext-bg-sub-navigation: rgba(30, 30, 30, 0.5);
  --Vnext-bg-sub-navigation-raw: 30, 30, 30;
  --Vnext-bg-thirdly-navigation: rgba(26, 26, 26, 0.7);
  --Vnext-bg-thirdly-navigation-raw: 26, 26, 26;
  --bg-base: var(--N00);
  --bg-base-raw: var(--N00-raw);
  --bg-body: var(--N50);
  --bg-body-raw: var(--N50-raw);
  --bg-body-overlay: var(--N100);
  --bg-body-overlay-raw: var(--N100-raw);
  --bg-content-base: #121212;
  --bg-content-base-raw: 18, 18, 18;
  --bg-filler: var(--N200);
  --bg-filler-raw: var(--N200-raw);
  --bg-float: var(--N100);
  --bg-float-raw: var(--N100-raw);
  --bg-float-base: var(--N50);
  --bg-float-base-raw: var(--N50-raw);
  --bg-float-overlay: var(--N200);
  --bg-float-overlay-raw: var(--N200-raw);
  --bg-float-push: rgba(var(--N100-raw), 0.8);
  --bg-mask: rgba(0, 0, 0, 0.6);
  --bg-pricolor: var(--primary-pri-400);
  --bg-pricolor-raw: var(--primary-pri-400-raw);
  --bg-sub-navigation: #262626;
  --bg-sub-navigation-raw: 38, 38, 38;
  --bg-text-selection: rgba(var(--primary-pri-600-raw), 0.3);
  --bg-tips: var(--N350);
  --bg-tips-raw: var(--N350-raw);
  --colorful-blue: var(--B500);
  --colorful-blue-raw: var(--B500-raw);
  --colorful-carmine: var(--C400);
  --colorful-carmine-raw: var(--C400-raw);
  --colorful-green: var(--G500);
  --colorful-green-raw: var(--G500-raw);
  --colorful-indigo: var(--I400);
  --colorful-indigo-raw: var(--I400-raw);
  --colorful-lime: var(--L600);
  --colorful-lime-raw: var(--L600-raw);
  --colorful-neutral: var(--N500);
  --colorful-neutral-raw: var(--N500-raw);
  --colorful-orange: var(--O600);
  --colorful-orange-raw: var(--O600-raw);
  --colorful-purple: var(--P400);
  --colorful-purple-raw: var(--P400-raw);
  --colorful-red: var(--R500);
  --colorful-red-raw: var(--R500-raw);
  --colorful-sunflower: var(--S500);
  --colorful-sunflower-raw: var(--S500-raw);
  --colorful-turquoise: var(--T500);
  --colorful-turquoise-raw: var(--T500-raw);
  --colorful-violet: var(--V400);
  --colorful-violet-raw: var(--V400-raw);
  --colorful-wathet: var(--W500);
  --colorful-wathet-raw: var(--W500-raw);
  --colorful-yellow: var(--Y500);
  --colorful-yellow-raw: var(--Y500-raw);
  --fill-active: var(--primary-fill-transparent-02);
  --fill-disabled: var(--N400);
  --fill-disabled-raw: var(--N400-raw);
  --fill-focus: rgba(var(--N900-raw), 0.12);
  --fill-hover: rgba(var(--N900-raw), 0.08);
  --fill-img-mask: rgba(0, 0, 0, 0.12);
  --fill-loading-mask: rgba(var(--N00-raw), 0.6);
  --fill-pressed: rgba(var(--N900-raw), 0.12);
  --fill-selected: var(--primary-fill-transparent-01);
  --fill-tag: rgba(var(--N900-raw), 0.1);
  --function-danger-100: var(--R100);
  --function-danger-100-raw: var(--R100-raw);
  --function-danger-200: var(--R200);
  --function-danger-200-raw: var(--R200-raw);
  --function-danger-300: var(--R300);
  --function-danger-300-raw: var(--R300-raw);
  --function-danger-350: var(--R350);
  --function-danger-350-raw: var(--R350-raw);
  --function-danger-400: var(--R400);
  --function-danger-400-raw: var(--R400-raw);
  --function-danger-50: var(--R50);
  --function-danger-50-raw: var(--R50-raw);
  --function-danger-500: var(--R500);
  --function-danger-500-raw: var(--R500-raw);
  --function-danger-600: var(--R600);
  --function-danger-600-raw: var(--R600-raw);
  --function-danger-700: var(--R700);
  --function-danger-700-raw: var(--R700-raw);
  --function-danger-800: var(--R800);
  --function-danger-800-raw: var(--R800-raw);
  --function-danger-900: var(--R900);
  --function-danger-900-raw: var(--R900-raw);
  --function-danger-content-default: var(--function-danger-500);
  --function-danger-content-default-raw: var(--function-danger-500-raw);
  --function-danger-content-hover: var(--function-danger-400);
  --function-danger-content-hover-raw: var(--function-danger-400-raw);
  --function-danger-content-loading: var(--function-danger-300);
  --function-danger-content-loading-raw: var(--function-danger-300-raw);
  --function-danger-content-pressed: var(--function-danger-600);
  --function-danger-content-pressed-raw: var(--function-danger-600-raw);
  --function-danger-fill-default: var(--function-danger-400);
  --function-danger-fill-default-raw: var(--function-danger-400-raw);
  --function-danger-fill-hover: var(--function-danger-350);
  --function-danger-fill-hover-raw: var(--function-danger-350-raw);
  --function-danger-fill-loading: var(--function-danger-300);
  --function-danger-fill-loading-raw: var(--function-danger-300-raw);
  --function-danger-fill-pressed: var(--function-danger-500);
  --function-danger-fill-pressed-raw: var(--function-danger-500-raw);
  --function-danger-fill-solid-01: var(--function-danger-50);
  --function-danger-fill-solid-01-raw: var(--function-danger-50-raw);
  --function-danger-fill-solid-02: var(--function-danger-100);
  --function-danger-fill-solid-02-raw: var(--function-danger-100-raw);
  --function-danger-fill-solid-03: var(--function-danger-200);
  --function-danger-fill-solid-03-raw: var(--function-danger-200-raw);
  --function-danger-fill-transparent-01: rgba(
    var(--function-danger-500-raw),
    0.15
  );
  --function-danger-fill-transparent-02: rgba(
    var(--function-danger-500-raw),
    0.2
  );
  --function-danger-fill-transparent-03: rgba(
    var(--function-danger-500-raw),
    0.3
  );
  --function-danger-on-danger-fill: var(--static-white);
  --function-danger-on-danger-fill-raw: var(--static-white-raw);
  --function-info-100: var(--B100);
  --function-info-100-raw: var(--B100-raw);
  --function-info-200: var(--B200);
  --function-info-200-raw: var(--B200-raw);
  --function-info-300: var(--B300);
  --function-info-300-raw: var(--B300-raw);
  --function-info-350: var(--B350);
  --function-info-350-raw: var(--B350-raw);
  --function-info-400: var(--B400);
  --function-info-400-raw: var(--B400-raw);
  --function-info-50: var(--B50);
  --function-info-50-raw: var(--B50-raw);
  --function-info-500: var(--B500);
  --function-info-500-raw: var(--B500-raw);
  --function-info-600: var(--B600);
  --function-info-600-raw: var(--B600-raw);
  --function-info-700: var(--B700);
  --function-info-700-raw: var(--B700-raw);
  --function-info-800: var(--B800);
  --function-info-800-raw: var(--B800-raw);
  --function-info-900: var(--B900);
  --function-info-900-raw: var(--B900-raw);
  --function-info-content-default: var(--function-info-500);
  --function-info-content-default-raw: var(--function-info-500-raw);
  --function-info-content-hover: var(--function-info-400);
  --function-info-content-hover-raw: var(--function-info-400-raw);
  --function-info-content-loading: var(--function-info-300);
  --function-info-content-loading-raw: var(--function-info-300-raw);
  --function-info-content-pressed: var(--function-info-600);
  --function-info-content-pressed-raw: var(--function-info-600-raw);
  --function-info-fill-default: var(--function-info-400);
  --function-info-fill-default-raw: var(--function-info-400-raw);
  --function-info-fill-hover: var(--function-info-350);
  --function-info-fill-hover-raw: var(--function-info-350-raw);
  --function-info-fill-loading: var(--function-info-300);
  --function-info-fill-loading-raw: var(--function-info-300-raw);
  --function-info-fill-pressed: var(--function-info-500);
  --function-info-fill-pressed-raw: var(--function-info-500-raw);
  --function-info-fill-solid-01: var(--function-info-50);
  --function-info-fill-solid-01-raw: var(--function-info-50-raw);
  --function-info-fill-solid-02: var(--function-info-100);
  --function-info-fill-solid-02-raw: var(--function-info-100-raw);
  --function-info-fill-solid-03: var(--function-info-200);
  --function-info-fill-solid-03-raw: var(--function-info-200-raw);
  --function-info-fill-transparent-01: rgba(var(--function-info-500-raw), 0.15);
  --function-info-fill-transparent-02: rgba(var(--function-info-500-raw), 0.2);
  --function-info-fill-transparent-03: rgba(var(--function-info-500-raw), 0.3);
  --function-info-on-info-fill: var(--static-white);
  --function-info-on-info-fill-raw: var(--static-white-raw);
  --function-success-100: var(--G100);
  --function-success-100-raw: var(--G100-raw);
  --function-success-200: var(--G200);
  --function-success-200-raw: var(--G200-raw);
  --function-success-300: var(--G300);
  --function-success-300-raw: var(--G300-raw);
  --function-success-350: var(--G350);
  --function-success-350-raw: var(--G350-raw);
  --function-success-400: var(--G400);
  --function-success-400-raw: var(--G400-raw);
  --function-success-50: var(--G50);
  --function-success-50-raw: var(--G50-raw);
  --function-success-500: var(--G500);
  --function-success-500-raw: var(--G500-raw);
  --function-success-600: var(--G600);
  --function-success-600-raw: var(--G600-raw);
  --function-success-700: var(--G700);
  --function-success-700-raw: var(--G700-raw);
  --function-success-800: var(--G800);
  --function-success-800-raw: var(--G800-raw);
  --function-success-900: var(--G900);
  --function-success-900-raw: var(--G900-raw);
  --function-success-content-default: var(--function-success-600);
  --function-success-content-default-raw: var(--function-success-600-raw);
  --function-success-content-hover: var(--function-success-500);
  --function-success-content-hover-raw: var(--function-success-500-raw);
  --function-success-content-loading: var(--function-success-300);
  --function-success-content-loading-raw: var(--function-success-300-raw);
  --function-success-content-pressed: var(--function-success-700);
  --function-success-content-pressed-raw: var(--function-success-700-raw);
  --function-success-fill-default: var(--function-success-500);
  --function-success-fill-default-raw: var(--function-success-500-raw);
  --function-success-fill-hover: var(--function-success-400);
  --function-success-fill-hover-raw: var(--function-success-400-raw);
  --function-success-fill-loading: var(--function-success-300);
  --function-success-fill-loading-raw: var(--function-success-300-raw);
  --function-success-fill-pressed: var(--function-success-600);
  --function-success-fill-pressed-raw: var(--function-success-600-raw);
  --function-success-fill-solid-01: var(--function-success-50);
  --function-success-fill-solid-01-raw: var(--function-success-50-raw);
  --function-success-fill-solid-02: var(--function-success-100);
  --function-success-fill-solid-02-raw: var(--function-success-100-raw);
  --function-success-fill-solid-03: var(--function-success-200);
  --function-success-fill-solid-03-raw: var(--function-success-200-raw);
  --function-success-fill-transparent-01: rgba(
    var(--function-success-500-raw),
    0.15
  );
  --function-success-fill-transparent-02: rgba(
    var(--function-success-500-raw),
    0.2
  );
  --function-success-fill-transparent-03: rgba(
    var(--function-success-500-raw),
    0.3
  );
  --function-success-on-success-fill: var(--static-white);
  --function-success-on-success-fill-raw: var(--static-white-raw);
  --function-warning-100: var(--O100);
  --function-warning-100-raw: var(--O100-raw);
  --function-warning-200: var(--O200);
  --function-warning-200-raw: var(--O200-raw);
  --function-warning-300: var(--O300);
  --function-warning-300-raw: var(--O300-raw);
  --function-warning-350: var(--O350);
  --function-warning-350-raw: var(--O350-raw);
  --function-warning-400: var(--O400);
  --function-warning-400-raw: var(--O400-raw);
  --function-warning-50: var(--O50);
  --function-warning-50-raw: var(--O50-raw);
  --function-warning-500: var(--O500);
  --function-warning-500-raw: var(--O500-raw);
  --function-warning-600: var(--O600);
  --function-warning-600-raw: var(--O600-raw);
  --function-warning-700: var(--O700);
  --function-warning-700-raw: var(--O700-raw);
  --function-warning-800: var(--O800);
  --function-warning-800-raw: var(--O800-raw);
  --function-warning-900: var(--O900);
  --function-warning-900-raw: var(--O900-raw);
  --function-warning-content-default: var(--function-warning-600);
  --function-warning-content-default-raw: var(--function-warning-600-raw);
  --function-warning-content-hover: var(--function-warning-500);
  --function-warning-content-hover-raw: var(--function-warning-500-raw);
  --function-warning-content-loading: var(--function-warning-300);
  --function-warning-content-loading-raw: var(--function-warning-300-raw);
  --function-warning-content-pressed: var(--function-warning-700);
  --function-warning-content-pressed-raw: var(--function-warning-700-raw);
  --function-warning-fill-default: var(--function-warning-600);
  --function-warning-fill-default-raw: var(--function-warning-600-raw);
  --function-warning-fill-hover: var(--function-warning-500);
  --function-warning-fill-hover-raw: var(--function-warning-500-raw);
  --function-warning-fill-loading: var(--function-warning-300);
  --function-warning-fill-loading-raw: var(--function-warning-300-raw);
  --function-warning-fill-pressed: var(--function-warning-700);
  --function-warning-fill-pressed-raw: var(--function-warning-700-raw);
  --function-warning-fill-solid-01: var(--function-warning-50);
  --function-warning-fill-solid-01-raw: var(--function-warning-50-raw);
  --function-warning-fill-solid-02: var(--function-warning-100);
  --function-warning-fill-solid-02-raw: var(--function-warning-100-raw);
  --function-warning-fill-solid-03: var(--function-warning-200);
  --function-warning-fill-solid-03-raw: var(--function-warning-200-raw);
  --function-warning-fill-transparent-01: rgba(
    var(--function-warning-600-raw),
    0.15
  );
  --function-warning-fill-transparent-02: rgba(
    var(--function-warning-600-raw),
    0.2
  );
  --function-warning-fill-transparent-03: rgba(
    var(--function-warning-600-raw),
    0.3
  );
  --function-warning-on-warning-fill: var(--static-white);
  --function-warning-on-warning-fill-raw: var(--static-white-raw);
  --gradient-blue: linear-gradient(90deg, var(--B400) 0%, var(--B350) 100%);
  --gradient-carmine: linear-gradient(90deg, var(--C500) 0%, var(--C400) 100%);
  --gradient-green: linear-gradient(90deg, var(--G500) 0%, var(--G400) 100%);
  --gradient-indigo: linear-gradient(90deg, var(--I400) 0%, var(--I350) 100%);
  --gradient-lime: linear-gradient(90deg, var(--L600) 0%, var(--L500) 100%);
  --gradient-orange: linear-gradient(90deg, var(--O600) 0%, var(--O500) 100%);
  --gradient-purple: linear-gradient(90deg, var(--P400) 0%, var(--P350) 100%);
  --gradient-red: linear-gradient(90deg, var(--R500) 0%, var(--R400) 100%);
  --gradient-turquoise: linear-gradient(
    90deg,
    var(--T600) 0%,
    var(--T500) 100%
  );
  --gradient-violet: linear-gradient(90deg, var(--V500) 0%, var(--V400) 100%);
  --gradient-wathet: linear-gradient(90deg, var(--W500) 0%, var(--W400) 100%);
  --gradient-yellow: linear-gradient(90deg, var(--Y500) 0%, var(--Y400) 100%);
  --icon-disabled: var(--N400);
  --icon-disabled-raw: var(--N400-raw);
  --icon-n1: var(--N800);
  --icon-n1-raw: var(--N800-raw);
  --icon-n2: var(--N600);
  --icon-n2-raw: var(--N600-raw);
  --icon-n3: var(--N500);
  --icon-n3-raw: var(--N500-raw);
  --illustration-blue-a: var(--N700);
  --illustration-blue-a-raw: var(--N700-raw);
  --illustration-blue-b: rgba(var(--static-white-raw), 0.4);
  --illustration-blue-b-raw: rgba(var(--static-white-raw), 0.4);
  --illustration-blue-c: var(--N400);
  --illustration-blue-c-raw: var(--N400-raw);
  --illustration-blue-d: var(--B300);
  --illustration-blue-d-raw: var(--B300-raw);
  --illustration-blue-e: var(--B500);
  --illustration-blue-e-raw: var(--B500-raw);
  --illustration-neutral-a: var(--N900);
  --illustration-neutral-a-raw: var(--N900-raw);
  --illustration-neutral-b: var(--N200);
  --illustration-neutral-b-raw: var(--N200-raw);
  --illustration-neutral-c: rgba(var(--static-white-raw), 0.3);
  --illustration-neutral-d: rgba(var(--static-white-raw), 0.4);
  --illustration-neutral-d-raw: rgba(var(--static-white-raw), 0.4);
  --illustration-orange: var(--O600);
  --illustration-orange-raw: var(--O600-raw);
  --illustration-red: var(--R500);
  --illustration-red-raw: var(--R500-raw);
  --illustration-static-black: var(--static-black);
  --illustration-static-black-raw: var(--static-black-raw);
  --illustration-static-white: var(--static-white);
  --illustration-static-white-raw: var(--static-white-raw);
  --illustration-turquoise: var(--T700);
  --illustration-turquoise-raw: var(--T700-raw);
  --illustration-wathet: var(--W700);
  --illustration-wathet-raw: var(--W700-raw);
  --illustration-yellow: var(--Y500);
  --illustration-yellow-raw: var(--Y500-raw);
  --inverse-primary-content-default: var(--B600);
  --inverse-primary-content-default-raw: var(--B600-raw);
  --inverse-primary-content-hover: var(--B700);
  --inverse-primary-content-hover-raw: var(--B700-raw);
  --inverse-primary-content-pressed: var(--B500);
  --inverse-primary-content-pressed-raw: var(--B500-raw);
  --line-border-card: rgba(var(--N900-raw), 0.15);
  --line-border-card-raw: rgba(var(--N900-raw), 0.15);
  --line-border-component: var(--N350);
  --line-border-component-raw: var(--N350-raw);
  --line-divider-default: rgba(var(--N650-raw), 0.15);
  --line-divider-module: var(--static-black);
  --primary-content-default: var(--primary-pri-500);
  --primary-content-default-raw: var(--primary-pri-500-raw);
  --primary-content-hover: var(--primary-pri-400);
  --primary-content-hover-raw: var(--primary-pri-400-raw);
  --primary-content-loading: var(--primary-pri-300);
  --primary-content-loading-raw: var(--primary-pri-300-raw);
  --primary-content-pressed: var(--primary-pri-600);
  --primary-content-pressed-raw: var(--primary-pri-600-raw);
  --primary-fill-default: var(--primary-pri-400);
  --primary-fill-default-raw: var(--primary-pri-400-raw);
  --primary-fill-hover: var(--primary-pri-350);
  --primary-fill-hover-raw: var(--primary-pri-350-raw);
  --primary-fill-loading: var(--primary-pri-300);
  --primary-fill-loading-raw: var(--primary-pri-300-raw);
  --primary-fill-pressed: var(--primary-pri-500);
  --primary-fill-pressed-raw: var(--primary-pri-500-raw);
  --primary-fill-solid-01: var(--primary-pri-50);
  --primary-fill-solid-01-raw: var(--primary-pri-50-raw);
  --primary-fill-solid-02: var(--primary-pri-100);
  --primary-fill-solid-02-raw: var(--primary-pri-100-raw);
  --primary-fill-solid-03: var(--primary-pri-200);
  --primary-fill-solid-03-raw: var(--primary-pri-200-raw);
  --primary-fill-transparent-01: rgba(var(--primary-pri-500-raw), 0.15);
  --primary-fill-transparent-02: rgba(var(--primary-pri-500-raw), 0.2);
  --primary-fill-transparent-03: rgba(var(--primary-pri-500-raw), 0.3);
  --primary-on-primary-fill: var(--static-white);
  --primary-on-primary-fill-raw: var(--static-white-raw);
  --primary-pri-100: var(--B100);
  --primary-pri-100-raw: var(--B100-raw);
  --primary-pri-200: var(--B200);
  --primary-pri-200-raw: var(--B200-raw);
  --primary-pri-300: var(--B300);
  --primary-pri-300-raw: var(--B300-raw);
  --primary-pri-350: var(--B350);
  --primary-pri-350-raw: var(--B350-raw);
  --primary-pri-400: var(--B400);
  --primary-pri-400-raw: var(--B400-raw);
  --primary-pri-50: var(--B50);
  --primary-pri-50-raw: var(--B50-raw);
  --primary-pri-500: var(--B500);
  --primary-pri-500-raw: var(--B500-raw);
  --primary-pri-600: var(--B600);
  --primary-pri-600-raw: var(--B600-raw);
  --primary-pri-700: var(--B700);
  --primary-pri-700-raw: var(--B700-raw);
  --primary-pri-800: var(--B800);
  --primary-pri-800-raw: var(--B800-raw);
  --primary-pri-900: var(--B900);
  --primary-pri-900-raw: var(--B900-raw);
  --shadow-default: #000;
  --shadow-default-raw: 0, 0, 0;
  --shadow-default-lg: rgba(0, 0, 0, 0.24);
  --shadow-default-md: rgba(0, 0, 0, 0.28);
  --shadow-default-sm: rgba(0, 0, 0, 0.32);
  --shadow-lg-down: 0px 12px 48px var(--shadow-default-lg);
  --shadow-lg-left: -12px 0px 48px var(--shadow-default-lg);
  --shadow-lg-right: 12px 0px 48px var(--shadow-default-lg);
  --shadow-lg-up: 0px -12px 48px var(--shadow-default-lg);
  --shadow-md-down: 0px 8px 16px var(--shadow-default-md);
  --shadow-md-left: -8px 0px 16px var(--shadow-default-md);
  --shadow-md-right: 8px 0px 16px var(--shadow-default-md);
  --shadow-md-up: 0px -8px 16px var(--shadow-default-md);
  --shadow-pri: #245bdb;
  --shadow-pri-raw: 36, 91, 219;
  --shadow-pri-lg: rgba(var(--primary-pri-200-raw), 0.48);
  --shadow-pri-lg-down: 0px 12px 48px var(--shadow-pri-lg);
  --shadow-pri-md: rgba(var(--primary-pri-200-raw), 0.48);
  --shadow-pri-md-down: 0px 8px 16px var(--shadow-pri-md);
  --shadow-s1-down:
    0px 1px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 4px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-down-pri:
    0px 1px 2px -2px rgba(var(--shadow-pri-raw), 0.02),
    0px 2px 4px rgba(var(--shadow-pri-raw), 0.02),
    0px 2px 8px 2px rgba(var(--shadow-pri-raw), 0.02);
  --shadow-s1-left:
    -1px 0px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 4px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-right:
    1px 0px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 4px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s1-up:
    0px -1px 2px -2px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 4px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 8px 2px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-down:
    0px 4px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    0px 4px 8px rgba(var(--shadow-default-raw), 0.02),
    0px 2px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-down-pri:
    0px 4px 16px 4px rgba(var(--shadow-pri-raw), 0.03),
    0px 4px 8px rgba(var(--shadow-pri-raw), 0.02),
    0px 2px 4px -4px rgba(var(--shadow-pri-raw), 0.02);
  --shadow-s2-left:
    -4px 0px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    -4px 0px 8px rgba(var(--shadow-default-raw), 0.02),
    -2px 0px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-right:
    4px 0px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    4px 0px 8px rgba(var(--shadow-default-raw), 0.02),
    2px 0px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s2-up:
    0px -4px 16px 4px rgba(var(--shadow-default-raw), 0.03),
    0px -4px 8px rgba(var(--shadow-default-raw), 0.02),
    0px -2px 4px -4px rgba(var(--shadow-default-raw), 0.02);
  --shadow-s3-down:
    0px 6px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    0px 3px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    0px 4px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-down-pri:
    0px 6px 18px 6px rgba(var(--shadow-pri-raw), 0.03),
    0px 3px 6px -6px rgba(var(--shadow-pri-raw), 0.05),
    0px 4px 8px rgba(36, 91, 219, 0.03);
  --shadow-s3-left:
    -6px 0px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    -3px 0px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    -4px 0px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-right:
    6px 0px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    3px 0px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    4px 0px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s3-up:
    0px -6px 18px 6px rgba(var(--shadow-default-raw), 0.03),
    0px -3px 6px -6px rgba(var(--shadow-default-raw), 0.05),
    0px -4px 8px rgba(var(--shadow-default-raw), 0.03);
  --shadow-s4-down:
    0px 8px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    0px 6px 12px rgba(var(--shadow-default-raw), 0.04),
    0px 4px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-down-pri:
    0px 8px 24px 8px rgba(var(--shadow-pri-raw), 0.04),
    0px 6px 12px rgba(var(--shadow-pri-raw), 0.04),
    0px 4px 8px -8px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s4-left:
    -8px 0px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    -6px 0px 12px rgba(var(--shadow-default-raw), 0.04),
    -4px 0px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-right:
    8px 0px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    6px 0px 12px rgba(var(--shadow-default-raw), 0.04),
    4px 0px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s4-up:
    0px -8px 24px 8px rgba(var(--shadow-default-raw), 0.04),
    0px -6px 12px rgba(var(--shadow-default-raw), 0.04),
    0px -4px 8px -8px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-down:
    0px 10px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    0px 8px 24px rgba(var(--shadow-default-raw), 0.04),
    0px 6px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-down-pri:
    0px 10px 36px 10px rgba(var(--shadow-pri-raw), 0.04),
    0px 8px 24px rgba(var(--shadow-pri-raw), 0.04),
    0px 6px 12px -10px rgba(var(--shadow-pri-raw), 0.06);
  --shadow-s5-left:
    -10px 0px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    -8px 0px 24px rgba(var(--shadow-default-raw), 0.04),
    -6px 0px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-right:
    10px 0px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    8px 0px 24px rgba(var(--shadow-default-raw), 0.04),
    6px 0px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-s5-up:
    0px -10px 36px 10px rgba(var(--shadow-default-raw), 0.04),
    0px -8px 24px rgba(var(--shadow-default-raw), 0.04),
    0px -6px 12px -10px rgba(var(--shadow-default-raw), 0.06);
  --shadow-sm-down: 0px 4px 8px var(--shadow-default-sm);
  --shadow-sm-left: -4px 0px 8px var(--shadow-default-sm);
  --shadow-sm-right: 4px 0px 8px var(--shadow-default-sm);
  --shadow-sm-up: 0px -4px 8px var(--shadow-default-sm);
  --static-black: #000;
  --static-black-raw: 0, 0, 0;
  --static-black-10: rgba(0, 0, 0, 0.1);
  --static-black-15: rgba(0, 0, 0, 0.15);
  --static-black-20: rgba(0, 0, 0, 0.2);
  --static-black-30: rgba(0, 0, 0, 0.3);
  --static-black-40: rgba(0, 0, 0, 0.4);
  --static-black-5: rgba(0, 0, 0, 0.05);
  --static-black-50: rgba(0, 0, 0, 0.5);
  --static-black-60: rgba(0, 0, 0, 0.6);
  --static-black-70: rgba(0, 0, 0, 0.7);
  --static-black-80: rgba(0, 0, 0, 0.8);
  --static-black-90: rgba(0, 0, 0, 0.9);
  --static-white: #fff;
  --static-white-raw: 255, 255, 255;
  --static-white-10: rgba(255, 255, 255, 0.1);
  --static-white-15: rgba(255, 255, 255, 0.15);
  --static-white-20: rgba(255, 255, 255, 0.2);
  --static-white-30: rgba(255, 255, 255, 0.3);
  --static-white-40: rgba(255, 255, 255, 0.4);
  --static-white-5: rgba(255, 255, 255, 0.05);
  --static-white-50: rgba(255, 255, 255, 0.5);
  --static-white-60: rgba(255, 255, 255, 0.6);
  --static-white-70: rgba(255, 255, 255, 0.7);
  --static-white-80: rgba(255, 255, 255, 0.8);
  --static-white-90: rgba(255, 255, 255, 0.9);
  --static-white-hover: rgba(255, 255, 255, 0.1);
  --static-white-hover-raw: 255, 255, 255;
  --static-white-pressed: rgba(255, 255, 255, 0.2);
  --static-white-pressed-raw: 255, 255, 255;
  --text-caption: var(--N600);
  --text-caption-raw: var(--N600-raw);
  --text-disabled: var(--N400);
  --text-disabled-raw: var(--N400-raw);
  --text-link-disabled: var(--N400);
  --text-link-disabled-raw: var(--N400-raw);
  --text-link-hover: var(--B400);
  --text-link-hover-raw: var(--B400-raw);
  --text-link-loading: var(--B300);
  --text-link-loading-raw: var(--B300-raw);
  --text-link-normal: var(--B500);
  --text-link-normal-raw: var(--B500-raw);
  --text-link-pressed: var(--B600);
  --text-link-pressed-raw: var(--B600-raw);
  --text-placeholder: var(--N500);
  --text-placeholder-raw: var(--N500-raw);
  --text-title: var(--N900);
  --text-title-raw: var(--N900-raw);
  --bg-mask-raw: 0, 0, 0;
  --udtoken-block-view-inline-bg-nopermission: rgba(var(--N900-raw), 0.1);
  --udtoken-block-view-inline-bg-other: rgba(var(--primary-pri-300-raw), 0.35);
  --udtoken-block-view-inline-bg-self: var(--primary-pri-600);
  --udtoken-btn-ghost-bg: rgba(var(--N00-raw), 0);
  --udtoken-btn-pri-text-disabled: rgba(var(--N900-raw), 0.3);
  --udtoken-btn-se-bg-danger-focus: var(--function-danger-fill-transparent-02);
  --udtoken-btn-se-bg-danger-hover: var(--function-danger-fill-transparent-02);
  --udtoken-btn-se-bg-danger-pressed: var(
    --function-danger-fill-transparent-03
  );
  --udtoken-btn-se-bg-neutral-focus: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-se-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-se-bg-neutral-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-btn-se-bg-pri-focus: var(--primary-fill-transparent-02);
  --udtoken-btn-se-bg-pri-hover: var(--primary-fill-transparent-02);
  --udtoken-btn-se-bg-pri-pressed: var(--primary-fill-transparent-03);
  --udtoken-btn-se-bg-success-focus: var(
    --function-success-fill-transparent-02
  );
  --udtoken-btn-se-bg-success-hover: var(
    --function-success-fill-transparent-02
  );
  --udtoken-btn-se-bg-success-pressed: var(
    --function-success-fill-transparent-03
  );
  --udtoken-btn-selected-bg-danger-hover: var(
    --function-danger-fill-transparent-03
  );
  --udtoken-btn-selected-bg-danger-normal: var(
    --function-danger-fill-transparent-01
  );
  --udtoken-btn-selected-bg-danger-press: var(
    --function-danger-fill-transparent-03
  );
  --udtoken-btn-selected-bg-neutral-hover: rgba(var(--N900-raw), 0.12);
  --udtoken-btn-selected-bg-neutral-normal: rgba(var(--N900-raw), 0.08);
  --udtoken-btn-selected-bg-neutral-press: rgba(var(--N900-raw), 0.16);
  --udtoken-btn-selected-bg-success-hover: var(
    --function-success-fill-transparent-02
  );
  --udtoken-btn-selected-bg-success-normal: var(
    --function-success-fill-transparent-01
  );
  --udtoken-btn-selected-bg-success-press: var(
    --function-success-fill-transparent-03
  );
  --udtoken-btn-selected-border-neutral: rgba(var(--N1000-raw), 0.5);
  --udtoken-btn-selected-text-danger: var(--R500);
  --udtoken-btn-selected-text-success: var(--G500);
  --udtoken-btn-text-bg-danger-focus: var(
    --function-danger-fill-transparent-02
  );
  --udtoken-btn-text-bg-danger-hover: var(
    --function-danger-fill-transparent-02
  );
  --udtoken-btn-text-bg-danger-pressed: var(
    --function-danger-fill-transparent-03
  );
  --udtoken-btn-text-bg-neutral-focus: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-text-bg-neutral-hover: rgba(var(--N900-raw), 0.1);
  --udtoken-btn-text-bg-neutral-pressed: rgba(var(--N900-raw), 0.2);
  --udtoken-btn-text-bg-pri-focus: var(--primary-fill-transparent-02);
  --udtoken-btn-text-bg-pri-hover: var(--primary-fill-transparent-02);
  --udtoken-btn-text-bg-pri-pressed: var(--primary-fill-transparent-03);
  --udtoken-colorpicker-blue: var(--B500);
  --udtoken-colorpicker-carmine: var(--C400);
  --udtoken-colorpicker-green: var(--G600);
  --udtoken-colorpicker-indigo: var(--I400);
  --udtoken-colorpicker-lime: var(--L700);
  --udtoken-colorpicker-neutral: var(--N500);
  --udtoken-colorpicker-orange: var(--O700);
  --udtoken-colorpicker-purple: var(--P400);
  --udtoken-colorpicker-red: var(--R500);
  --udtoken-colorpicker-sunflower: var(--S700);
  --udtoken-colorpicker-turquoise: var(--T700);
  --udtoken-colorpicker-violet: var(--V500);
  --udtoken-colorpicker-wathet: var(--W700);
  --udtoken-colorpicker-yellow: var(--Y600);
  --udtoken-component-bg-bottom-mask: linear-gradient(
    to bottom,
    rgba(var(--N50-raw), 0) 0%,
    var(--N50) 100%
  );
  --udtoken-component-bg-left-mask: linear-gradient(
    to left,
    rgba(var(--N50-raw), 0) 0%,
    var(--N50) 100%
  );
  --udtoken-component-bg-right-mask: linear-gradient(
    to right,
    rgba(var(--N50-raw), 0) 0%,
    var(--N50) 100%
  );
  --udtoken-component-bg-top-mask: linear-gradient(
    to top,
    rgba(var(--N50-raw), 0) 0%,
    var(--N50) 100%
  );
  --udtoken-component-outlined-bg: rgba(var(--N00-raw), 0);
  --udtoken-component-text-disabled-loading: var(--N500);
  --udtoken-dropdown-button-divider: var(--line-border-component);
  --udtoken-imageview-bg-mask: rgba(0, 0, 0, 0.8);
  --udtoken-imageview-icondisabled: rgba(255, 255, 255, 0.6);
  --udtoken-imageview-toolbox-bg: rgba(var(--N100-raw), 0.8);
  --udtoken-imageview-tooltips-bg: var(--N350);
  --udtoken-input-bg-disabled: rgba(var(--N900-raw), 0.12);
  --udtoken-message-card-bg-blue: var(--B100);
  --udtoken-message-card-bg-carmine: var(--C100);
  --udtoken-message-card-bg-green: var(--G100);
  --udtoken-message-card-bg-indigo: var(--I100);
  --udtoken-message-card-bg-light-neutral: var(--N200);
  --udtoken-message-card-bg-lime: var(--L100);
  --udtoken-message-card-bg-mask-general: rgba(var(--N00-raw), 0.3);
  --udtoken-message-card-bg-mask-special: rgba(var(--N00-raw), 0.3);
  --udtoken-message-card-bg-neutral: var(--N300);
  --udtoken-message-card-bg-orange: var(--O100);
  --udtoken-message-card-bg-purple: var(--P100);
  --udtoken-message-card-bg-red: var(--R100);
  --udtoken-message-card-bg-turquoise: var(--T100);
  --udtoken-message-card-bg-violet: var(--V100);
  --udtoken-message-card-bg-wathet: var(--W100);
  --udtoken-message-card-bg-yellow: var(--Y100);
  --udtoken-message-card-text-blue: var(--B700);
  --udtoken-message-card-text-carmine: var(--C700);
  --udtoken-message-card-text-green: var(--G700);
  --udtoken-message-card-text-indigo: var(--I700);
  --udtoken-message-card-text-lime: var(--L700);
  --udtoken-message-card-text-neutral: var(--N650);
  --udtoken-message-card-text-orange: var(--O700);
  --udtoken-message-card-text-purple: var(--P700);
  --udtoken-message-card-text-red: var(--R700);
  --udtoken-message-card-text-turquoise: var(--T700);
  --udtoken-message-card-text-violet: var(--V700);
  --udtoken-message-card-text-wathet: var(--W700);
  --udtoken-message-card-text-yellow: var(--Y700);
  --udtoken-navigation-bar-resize-handle: #4599ff;
  --udtoken-navigation-bar-tab-bg-black: #0d0e12;
  --udtoken-navigation-bar-tab-bg-blue: #141c2a;
  --udtoken-navigation-bar-tab-bg-gray: #242424;
  --udtoken-progress-bg: rgba(var(--N900-raw), 0.2);
  --udtoken-quote-bar-bg: var(--N400);
  --udtoken-reaction-bg-grey: #101010;
  --udtoken-reaction-bg-grey-float: #1f1f1f;
  --udtoken-skeleton-bg: rgba(240, 240, 240, 0.08);
  --udtoken-skeleton-fg: rgba(240, 240, 240, 0.05);
  --udtoken-sliding-block-bg-disabled-loading: var(--N500);
  --udtoken-steps-bg-hover: var(--primary-fill-transparent-01);
  --udtoken-switch-handle-disabled: rgba(var(--static-white-raw), 0.3);
  --udtoken-tab-pri-bg: var(--primary-fill-solid-03);
  --udtoken-tab-pri-text: var(--primary-content-default);
  --udtoken-tab-se-bg-unselected: rgba(var(--N900-raw), 0.2);
  --udtoken-table-bg-expand: var(--N00);
  --udtoken-table-bg-grey: var(--N100);
  --udtoken-table-bg-head: var(--N200);
  --udtoken-table-bg-hover: var(--N300);
  --udtoken-table-bg-pressed: var(--N400);
  --udtoken-table-bg-selected: var(--primary-fill-solid-02);
  --udtoken-tabs-line-border-card: var(--N300);
  --udtoken-tabs-view-bg-hover: rgba(var(--N900-raw), 0.05);
  --udtoken-tag-AI-trial-bg-normal: radial-gradient(
    100.62% 141.42% at 100% 0%,
    rgba(124, 74, 212, 0.18) 0%,
    rgba(123, 131, 247, 0.18) 79.5%
  );
  --udtoken-tag-AI-trial-bg-text-normal: radial-gradient(
    58.07% 105.94% at 95% 28.12%,
    #a575fa 0%,
    #9499f7 100%
  );
  --udtoken-tag-bg-blue: rgba(var(--B500-raw), 0.2);
  --udtoken-tag-bg-blue-default: rgba(var(--B600-raw), 0.12);
  --udtoken-tag-bg-blue-hover: rgba(var(--B600-raw), 0.3);
  --udtoken-tag-bg-blue-pressed: rgba(var(--B600-raw), 0.2);
  --udtoken-tag-bg-blue-solid: var(--B100);
  --udtoken-tag-bg-carmine-solid: var(--C100);
  --udtoken-tag-bg-green: rgba(var(--G500-raw), 0.2);
  --udtoken-tag-bg-green-hover: rgba(var(--G500-raw), 0.3);
  --udtoken-tag-bg-green-solid: var(--G100);
  --udtoken-tag-bg-indigo-hover: rgba(var(--I500-raw), 0.3);
  --udtoken-tag-bg-indigo-solid: var(--I100);
  --udtoken-tag-bg-lime: rgba(var(--L500-raw), 0.2);
  --udtoken-tag-bg-lime-hover: rgba(var(--L500-raw), 0.3);
  --udtoken-tag-bg-lime-solid: var(--L100);
  --udtoken-tag-bg-orange: rgba(var(--O500-raw), 0.2);
  --udtoken-tag-bg-orange-hover: rgba(var(--O500-raw), 0.3);
  --udtoken-tag-bg-orange-pressed: rgba(var(--O500-raw), 0.35);
  --udtoken-tag-bg-orange-solid: var(--O100);
  --udtoken-tag-bg-purple-solid: var(--P100);
  --udtoken-tag-bg-red: rgba(var(--R400-raw), 0.2);
  --udtoken-tag-bg-red-hover: rgba(var(--R400-raw), 0.3);
  --udtoken-tag-bg-red-solid: var(--R100);
  --udtoken-tag-bg-turquoise: rgba(var(--T500-raw), 0.2);
  --udtoken-tag-bg-turquoise-hover: rgba(var(--T500-raw), 0.3);
  --udtoken-tag-bg-turquoise-solid: var(--T100);
  --udtoken-tag-bg-violet-solid: var(--V100);
  --udtoken-tag-bg-wathet: rgba(var(--W500-raw), 0.2);
  --udtoken-tag-bg-wathet-hover: rgba(var(--W500-raw), 0.3);
  --udtoken-tag-bg-wathet-solid: var(--W100);
  --udtoken-tag-bg-yellow: rgba(var(--Y400-raw), 0.15);
  --udtoken-tag-bg-yellow-hover: rgba(var(--Y500-raw), 0.3);
  --udtoken-tag-bg-yellow-solid: var(--Y100);
  --udtoken-tag-close-blue-disabled: rgba(var(--B600-raw), 0.8);
  --udtoken-tag-close-blue-hover: var(--B600);
  --udtoken-tag-close-blue-normal: rgba(var(--B600-raw), 0.6);
  --udtoken-tag-close-blue-pressed: rgba(var(--B600-raw), 0.8);
  --udtoken-tag-close-orange-disabled: rgba(var(--O500-raw), 0.3);
  --udtoken-tag-close-orange-hover: var(--O500);
  --udtoken-tag-close-orange-normal: rgba(var(--O500-raw), 0.6);
  --udtoken-tag-close-orange-pressed: rgba(var(--O500-raw), 0.8);
  --udtoken-tag-neutral-bg-inverse: var(--N400);
  --udtoken-tag-neutral-bg-inverse-opacity: rgba(var(--N900-raw), 0.4);
  --udtoken-tag-neutral-bg-normal: rgba(var(--N600-raw), 0.2);
  --udtoken-tag-neutral-bg-normal-hover: rgba(var(--N900-raw), 0.3);
  --udtoken-tag-neutral-bg-normal-pressed: rgba(var(--N900-raw), 0.4);
  --udtoken-tag-neutral-bg-solid: var(--N200);
  --udtoken-tag-neutral-close-disabled: rgba(var(--text-title-raw), 0.3);
  --udtoken-tag-neutral-close-hover: var(--text-title);
  --udtoken-tag-neutral-close-normal: rgba(var(--text-title-raw), 0.6);
  --udtoken-tag-neutral-close-pressed: rgba(var(--text-title-raw), 0.8);
  --udtoken-tag-neutral-text-inverse: var(--N1000);
  --udtoken-tag-neutral-text-inverse-opacity: var(--N1000);
  --udtoken-tag-neutral-text-normal: var(--N600);
  --udtoken-tag-neutral-text-solid: var(--N600);
  --udtoken-tag-state-blue-light: var(--B500);
  --udtoken-tag-state-green-light: var(--G500);
  --udtoken-tag-state-grey-light: var(--N500);
  --udtoken-tag-state-orange-light: var(--O500);
  --udtoken-tag-state-purple-light: var(--P500);
  --udtoken-tag-state-red-light: var(--R500);
  --udtoken-tag-text-blue: var(--B700);
  --udtoken-tag-text-carmine: var(--C700);
  --udtoken-tag-text-green: var(--G700);
  --udtoken-tag-text-indigo: var(--I700);
  --udtoken-tag-text-lime: var(--L700);
  --udtoken-tag-text-orange: var(--O700);
  --udtoken-tag-text-purple: var(--P700);
  --udtoken-tag-text-red: var(--R700);
  --udtoken-tag-text-s-blue: var(--B700);
  --udtoken-tag-text-s-carmine: var(--C700);
  --udtoken-tag-text-s-green: var(--G700);
  --udtoken-tag-text-s-indigo: var(--I700);
  --udtoken-tag-text-s-lime: var(--L700);
  --udtoken-tag-text-s-orange: var(--O700);
  --udtoken-tag-text-s-purple: var(--P700);
  --udtoken-tag-text-s-red: var(--R700);
  --udtoken-tag-text-s-turquoise: var(--T700);
  --udtoken-tag-text-s-violet: var(--V700);
  --udtoken-tag-text-s-wathet: var(--W700);
  --udtoken-tag-text-s-yellow: var(--Y700);
  --udtoken-tag-text-turquoise: var(--T700);
  --udtoken-tag-text-violet: var(--V700);
  --udtoken-tag-text-wathet: var(--W700);
  --udtoken-tag-text-yellow: var(--Y700);
  --udtoken-upload-bg-error: rgba(var(--N900-raw), 0.12);
  --udtoken-upload-mask-img: rgba(0, 0, 0, 0.7);
  --udtoken-tag-bg-carmine: rgba(var(--C500-raw), 0.2);
  --udtoken-tag-bg-carmine-hover: rgba(var(--C500-raw), 0.3);
  --udtoken-tag-bg-indigo: rgba(var(--I500-raw), 0.2);
  --udtoken-tag-bg-purple: rgba(var(--P500-raw), 0.2);
  --udtoken-tag-bg-purple-hover: rgba(var(--P500-raw), 0.3);
  --udtoken-tag-bg-violet: rgba(var(--V500-raw), 0.2);
  --udtoken-tag-bg-violet-hover: rgba(var(--V500-raw), 0.3);
  --datav-categorical-01: #3370eb;
  --datav-categorical-02: #1bcebf;
  --datav-categorical-03: #ffc60a;
  --datav-categorical-04: #ed6d0c;
  --datav-categorical-05: #dca1e4;
  --datav-categorical-06: #25b2e5;
  --datav-categorical-07: #6dcdeb;
  --datav-categorical-08: #288fcb;
  --datav-categorical-09: #94b5f5;
  --datav-categorical-10: #8f61d1;
  --datav-categorical-11: #bf78e9;
  --datav-categorical-12: #008280;
  --datav-categorical-13: #27ad8e;
  --datav-categorical-14: #7bc335;
  --datav-fill-hover: rgba(235, 235, 235, 0.05);
  --datav-function-element-danger: #ff615d;
  --datav-function-element-info: #5083fb;
  --datav-function-element-neutral: #b9bec6;
  --datav-function-element-success: #47cfb8;
  --datav-function-element-warning: #ff814a;
  --datav-function-text-danger: #cd4841;
  --datav-function-text-info: #2c5cc5;
  --datav-function-text-success: #2d8639;
  --datav-function-text-warning: #c75f1c;
  --datav-line-axis: rgba(235, 235, 235, 0.2);
  --datav-line-default: rgba(235, 235, 235, 0.1);
}
.comp {
  display: block;
}
[data-page-id="root"] {
  --max-width: 1184px;
}
[data-elem-id="3OaWiAr1My"] {
  height: 60px;
}
[data-elem-id="toaxpFTFYS"] {
  max-width: var(--max-width);
}
[data-elem-id="kz3iqlXC6g"],
[data-elem-id="lqAIecSx1k"] {
  max-width: var(--max-width);
  padding-bottom: 120px;
}
[data-elem-id="5L9V9mWVJu"] {
  padding-bottom: 120px;
}
[data-elem-id="Wy5U0tWeAE"] {
  max-width: var(--max-width);
  padding-bottom: 120px;
  padding-top: 64px;
}
@media screen and (max-width: 904px) {
  [data-elem-id="Wy5U0tWeAE"] {
    padding-top: 40px;
  }
}
[data-elem-id="KlZJc289hC"] {
  background-image:
    url(./assets/img/680f248d26404adcb139883de75f61f5.png_tplv-jbbdkfciu3-png_0_0_a5c78db81da3.png),
    linear-gradient(0deg, rgba(255, 255, 255, 0) 0, #fff 100%),
    linear-gradient(
      80.23deg,
      rgba(4, 127, 176, 0.08) 0,
      rgba(20, 86, 240, 0.08) 50.52%,
      rgba(141, 85, 237, 0.06) 100%
    );
  background-position:
    top center,
    bottom center,
    bottom center;
  background-size:
    100% auto,
    100% 805px,
    100% 805px;
  background-repeat: no-repeat;
  padding-bottom: 120px;
}
@media screen and (max-width: 904px) {
  [data-elem-id="KlZJc289hC"] {
    padding-bottom: calc(60vw / 6);
  }
  [data-elem-id="Q2PzC65oxi"] {
    padding: 24px 0 0;
  }
}
@media screen and (max-width: 599px) {
  [data-elem-id="5L9V9mWVJu"],
  [data-elem-id="kz3iqlXC6g"],
  [data-elem-id="lqAIecSx1k"] {
    padding-bottom: calc(60vw / 3.75);
  }
  [data-elem-id="Wy5U0tWeAE"] {
    padding-top: calc(26vw / 3.75);
    padding-bottom: calc(60vw / 3.75);
  }
  [data-elem-id="KlZJc289hC"] {
    padding-bottom: calc(44vw / 3.75);
  }
}
[data-elem-id="DDZaRboaZ6"] {
  z-index: 99;
}
[data-elem-id="Q2PzC65oxi"] {
  padding: 24px 0 0;
}
[data-elem-id="g5exL5I08m"] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
  box-shadow: var(--shadow-s2-down-pri);
  border-radius: 27px;
  background-color: var(--bg-body);
  overflow: hidden;
}
[data-elem-id="Rz4LbhFgvT"] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 25px;
  font-size: 14px;
  cursor: pointer;
}
[data-elem-id="Rz4LbhFgvT"] .universe-icon {
  display: none;
}
[data-elem-id="Rz4LbhFgvT"].active {
  background: var(--primary-fill-solid-01, #f0f4ff);
}
[data-elem-id="Rz4LbhFgvT"].active .nav-item-text {
  color: var(--text-link-normal, #1456f0);
  font-weight: 500;
}
[data-elem-id="Rz4LbhFgvT"].active .nav-item-tag {
  background: var(--blue-200, #c2d4ff);
}
[data-elem-id="Rz4LbhFgvT"].active .nav-item-tagText {
  display: none;
}
[data-elem-id="Rz4LbhFgvT"].active .universe-icon {
  display: block;
}
[data-elem-id="Rpsfvi2Ucl"] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--bg-filter, #eff0f1);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 904px) {
  [data-elem-id="Rz4LbhFgvT"] {
    font-size: calc(11.2vw / 6);
    gap: calc(6.4vw / 6);
    padding: calc(9.6vw / 6) calc(19.9vw / 6);
  }
  [data-elem-id="Rpsfvi2Ucl"] {
    width: calc(19.2vw / 6);
    height: calc(19.2vw / 6);
  }
}
[data-elem-id="lCGKfWu5wa"] {
  color: var(--function-info-content-default, #1456f0);
  display: none;
}
* {
  box-sizing: border-box;
}
p {
  margin: 0;
  padding: 0;
}
li,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  color: inherit;
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  color: inherit;
}
div {
  -webkit-tap-highlight-color: transparent;
}
@font-face {
  font-family: "Feishu Brand";
  font-display: swap;
  src: url("./assets/font/FeishuBrand-Regular-12-30_57d634177619.woff")
    format("woff");
}
.heraComp_font-content,
body {
  font-family:
    "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", Tahoma, Arial;
}
#heraVideo-indexVideo {
  background: 0 0;
}
._pp-dropdown {
  z-index: 1005 !important;
}
.wrapper {
  min-width: 1280px;
}
@media screen and (max-width: 850px) {
  .wrapper {
    min-width: auto;
  }
}
.content-wrapper {
  position: relative;
  overflow: hidden;
}
.content-wrapper .heraComp_hasHeaderContent {
  margin-top: -70px;
}
.m1-download-link a {
  border: none;
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  padding: 0;
  min-width: 0;
  font-weight: 400;
}
.choose-version-title h2 {
  font-weight: 500;
}
.linux-select .ud__select {
  flex-shrink: 0;
}
.m1-modal .hc_highlights_wrap .hera_high-light {
  font-weight: 600;
  color: #1f2329;
}
.link-text-download > a.hc_linkText_wrap:after {
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  margin-left: 2px;
  background: url("./assets/img/bfefafe26bd248218514e8de355259c6_tplv-jbbdkfciu3-image_0_0_f77acde547cf.image")
    center center/12px no-repeat;
}
.research-sign-button .heraComp_button {
  width: 100% !important;
}
.research-old-sign-btn .hc_aca_sign {
  margin-top: 0;
}
.research-old-sign-btn .hc_aca_sign_btn {
  display: none;
}
@media screen and (max-width: 568px) {
  .drop_down-options-h5 {
    z-index: 1005;
  }
}
@media (min-width: 569px) {
  .hc_Popup-content {
    will-change: transform;
    border-radius: 6px;
  }
}
.xgplayer .xgplayer-controls .xgplayer-playbackrate > p,
.xgplayer .xgplayer-controls .xgplayer-playbackrate > ul {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1;
}
.xgplayer .xgplayer-controls .xgplayer-playbackrate > ul > li:before {
  display: none;
}
div.xgplayer-skin-default {
  background: 0 0;
}
@media screen and (max-width: 849px) {
  .heraRichText_division_atomic .heraComp_videoBasePlayer,
  .heraRichText_division_atomic .heraComp_videoBasePlayerMask {
    width: 87.2vw !important;
  }
}
.animate-box-shadow {
  box-shadow:
    0 4px 8px rgba(31, 35, 41, 0.03),
    0 3px 6px -6px rgba(31, 35, 41, 0.05),
    0 6px 18px 6px rgba(31, 35, 41, 0.03);
}
.marquee-container::-webkit-scrollbar {
  width: 0 !important;
  display: none;
}
.official-site-header-cls .hc_carousel_iconWrap_bottom {
  width: 100%;
  padding-left: 36px;
  bottom: 60px;
  max-width: 1296px;
}
.heraComp-video_bgVideoContainer .heraComp_videoBasePlayerMask-content {
  background-size: contain;
}
.heraComp-video_bgVideoContainer .heraComp-video_bgVideo {
  margin: 0 auto;
}
.heraComp_videoModalContent-closeIcon .hci-close {
  color: #fff;
}
.productIcon {
  cursor: pointer;
  background-position: -100px -100px;
}
.productIcon:hover {
  background-position: top center;
}
.productIcon:hover img {
  opacity: 0;
}
.productIcon:hover span {
  color: #1f2329;
}
#heraVideo-homeVideo {
  border-radius: calc(5vw / 3.75);
  background: initial;
}
.office_playIcon {
  width: 50px;
  height: 50px;
  background-image: url("./assets/img/e7daa37f10c743d1a320b9b7a0ef1261_tplv-jbbdkfciu3-image_0_0_56e7b3cd9642.image");
  background-size: contain;
}
.--js-lazy-bg-image {
  background-image: none !important;
}
@media screen and (max-width: 1236px) and (min-width: 894px) {
  .official_productCard > span {
    display: inline-block;
    height: 48px;
  }
}
.mb-banner-image {
  width: 100vw;
}
.mb-banner {
  line-height: 0;
}
div.heraComp_header {
  z-index: 900;
}
div.heraComp_header.heraComp_header-active {
  z-index: 950;
}
.heraAdit-articleBody .heraAdit-renderContainer img {
  margin-top: 32px;
  margin-bottom: 32px;
}
.editor-kit-container .image-container span.image-wrapper {
  margin-right: 0;
  margin-left: 0;
}
@media screen and (max-width: 600px) and (min-width: 500px) {
  .heraAdit-articleBody .heraAdit-renderContainer img {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 500px) {
  .--disable-scroll #app,
  .--disable-scroll #root {
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .heraComp_header {
    right: calc(100% - 100vw + var(--hera-scrollbar-width, 15px));
  }
  .--disable-scroll [data-preset-id="7272673895499776002"] > .has-fixed {
    width: calc(100vw - var(--hera-scrollbar-width, 15px));
    right: calc(100% - 100vw + var(--hera-scrollbar-width, 15px));
  }
}
.heraComp_header-pc_narrow-screen
  .heraComp_header
  .heraComp_header-wrapper
  .heraComp_header-menuItem:last-child
  .heraComp_header-itemLinkText:after {
  opacity: 0;
}
.ftHeader_ExtraButton-text-download {
  padding: 0 8px;
  background: linear-gradient(91deg, #8b6aff 0, #628dff 98.46%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1248px) {
  .ftHeader_ExtraButton-text-download {
    padding: 0;
  }
}
body .ftHeader_ProductMenu {
  height: 550px;
}
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(44 * 27);
  height: 44px;
  margin-top: calc(-1 * 44 / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007aff;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: opacity 0.3s;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition:
    transform 0.2s,
    top 0.2s;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition:
    transform 0.2s,
    left 0.2s;
}
.swiper-container-horizontal.swiper-container-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition:
    transform 0.2s,
    right 0.2s;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: 1s linear infinite swiper-preloader-spin;
  box-sizing: border-box;
  border: 4px solid #007aff;
  border-radius: 50%;
  border-top-color: transparent;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
[data-preset-id="7272673895499776002-Root"] {
  height: 60px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="Ts9jt4Td1d"] {
  --header-height: 60px;
  background: var(--header-bg, rgba(255, 255, 255, 0.5));
  width: 100%;
  position: relative;
  top: 0;
  z-index: 951;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"]
  .logo-dark,
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"]
  .prefix_icon-dark {
  display: none;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="Ts9jt4Td1d"].dark {
  --header-text-title: #fff;
  --header-text-title-hover: rgba(255, 255, 255, 0.7);
  --header-bg: transparent;
  --outline-button-border-color: #f2f3f5;
  --outline-button-border-color-hover: #f2f3f5;
  --outline-button-color: #f2f3f5;
  --outline-button-color-hover: #f2f3f5;
  background: 0 0;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].dark
  ._pp-header-avatar-box
  ._pp-header-name,
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].dark
  ._pp-product-container
  ._pp-product-icon {
  color: #fff;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].dark
  .logo-default,
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].dark
  .prefix_icon-default {
  display: none;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].dark
  .logo-dark,
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].dark
  .prefix_icon-dark {
  display: block;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].dark
  .has-shadow,
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].dark.has-shadow {
  --header-text-title: #1f2329;
  --header-text-title-hover: #1456f0;
  --header-bg: #fff;
  --outline-button-border-color: #4e83fd;
  --outline-button-border-color-hover: #3f76f8;
  --outline-button-color: linear-gradient(90deg, #5083fb 0%, #336df4 100%);
  --outline-button-color-hover: linear-gradient(
    90deg,
    #3f76f8 0%,
    #1456f0 100%
  );
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].dark
  .has-shadow
  ._pp-product-container
  ._pp-product-icon,
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].dark.has-shadow
  ._pp-product-container
  ._pp-product-icon {
  color: var(--N600-raw);
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].dark
  .has-shadow
  ._pp-header-avatar-box
  ._pp-header-name,
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].dark.has-shadow
  ._pp-header-avatar-box
  ._pp-header-name {
  color: var(--text-title);
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].dark
  .has-shadow
  .logo-default,
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].dark
  .has-shadow
  .prefix_icon-default,
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].dark.has-shadow
  .logo-default,
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].dark.has-shadow
  .prefix_icon-default {
  display: block;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].dark
  .has-shadow
  .logo-dark,
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].dark
  .has-shadow
  .prefix_icon-dark,
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].dark.has-shadow
  .logo-dark,
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].dark.has-shadow
  .prefix_icon-dark {
  display: none;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"]
  .has-shadow,
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].has-shadow {
  box-shadow:
    0 2px 4px -4px rgba(31, 35, 41, 0.02),
    0 4px 8px rgba(31, 35, 41, 0.02),
    0 4px 16px 4px rgba(31, 35, 41, 0.03);
  background-color: #fff;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"]
  > div:first-child {
  margin-bottom: -60px;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].has-height {
  height: 60px;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].has-height
  > div:first-child {
  margin-bottom: 0;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"].disable-watch-sticky {
  position: relative;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="Ts9jt4Td1d"]
  .has-fixed {
  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="WNpKABNAYJ"] {
  height: var(--header-height);
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="WxYjlxzxHQ"] {
  display: flex;
  align-items: center;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--header-height);
  margin: 0 auto;
  padding: 0 32px;
  z-index: 1;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="WxYjlxzxHQ"].is-expand {
  box-shadow:
    0 2px 4px -4px rgba(31, 35, 41, 0.02),
    0 4px 8px rgba(31, 35, 41, 0.02),
    0 4px 16px 4px rgba(31, 35, 41, 0.03);
  background-color: #fff !important;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="tAkXAO72Ef"] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: var(--header-height);
  margin: 0 auto;
  gap: 4px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="lLxuSRTVe0"] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 0 1 342px;
  height: var(--header-height);
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="rPVwEpSEOW"] {
  height: 24px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="abhxWwTSsB"],
[data-preset-id="7272673895499776002-Root"] [data-elem-id="tarclSLjhD"] {
  height: 100%;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="S4hkOQmqBR"] {
  display: flex;
  align-items: center;
  color: var(--text-title, #1f2329);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  flex-shrink: 0;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="nusWOlIDGb"] {
  margin-left: 12px;
  margin-right: 13px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="EvGVuuXg4A"] {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="3m1vxlUWBG"] {
  padding-left: 8px;
  padding-right: 8px;
  height: 100%;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="jEPpMp6ADc"],
[data-preset-id="7272673895499776002-Root"] [data-elem-id="rIu4PJS9Pd"] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-left: 8px;
  padding-right: 8px;
  color: var(--header-text-title, #1f2329);
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="jEDrQpbBfJ"] {
  font-size: 14px;
  font-weight: 500;
  flex-shrink: 0;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="Sqw55MMQER"] {
  font-size: 10px;
  margin-left: 4px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="LN3jbZAI0w"] {
  height: 100%;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="rIu4PJS9Pd"].menu-selected {
  position: relative;
  color: #1456f0;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="rIu4PJS9Pd"].menu-selected::after {
  content: "";
  display: block;
  width: 80%;
  height: 3px;
  background-color: #1456f0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 3px 3px 0 0;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="O1bBBMrUl8"] {
  font-size: 14px;
  font-weight: 500;
  flex-shrink: 0;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="3o4OnYrEqp"],
[data-preset-id="7272673895499776002-Root"] [data-elem-id="4ZcZ2PRwhn"] {
  font-size: 10px;
  margin-left: 4px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="45lyMl1Uqm"] {
  position: absolute;
  height: 11px;
  right: 16px;
  top: 8px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="kGgoBysjjI"] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 0 1 432px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="yfFCPK4msQ"] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="SvzzaZnTDl"] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 8px;
}
@media screen and (min-width: 905px) and (max-width: 1239px) {
  [data-preset-id="7272673895499776002-Root"]
    [data-elem-id="SvzzaZnTDl"].has-prefix
    span {
    display: none;
  }
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="KLK9DWNMPi"],
[data-preset-id="7272673895499776002-Root"] [data-elem-id="daeMbhTmya"] {
  width: 18px;
  height: 18px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="Ym2XWYvwcz"] {
  font-size: 14px;
  font-weight: 500;
  color: var(--header-text-title, #1f2329);
  flex-shrink: 0;
  margin-left: 7px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="8ogGEHOdJV"],
[data-preset-id="7272673895499776002-Root"] [data-elem-id="LMosh0wh4l"] {
  flex: 1;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="M9jOW3wAFn"] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
  width: 100%;
  gap: 4px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="ZA9k6MnWZz"] {
  border-radius: 100px;
  width: 88px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #4e83fd;
  font-weight: 500;
  font-size: 14px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="ZA9k6MnWZz"]:hover {
  border: 2px solid #3f76f8;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="N3hXwqpvQq"] {
  background: linear-gradient(90deg, #5083fb 0, #336df4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="N3hXwqpvQq"]:hover {
  background: linear-gradient(90deg, #3f76f8 0, #1456f0 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="wMH4pQ96Rk"] {
  border-radius: 100px;
  width: 88px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #4e83fd 0, #3370ff 100%);
  font-weight: 500;
  font-size: 14px;
  color: var(--bg-float, #fff);
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="aMx1yedLtP"]:hover,
[data-preset-id="7272673895499776002-Root"] [data-elem-id="wMH4pQ96Rk"]:hover {
  background: linear-gradient(90deg, #3f76f8 0, #1456f0 100%);
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="qsJPfKcyXP"] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
  width: 100%;
  gap: 10px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="yVTjr0nQ3k"] {
  border-radius: 100px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  width: 36px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="YAXwLXn3Yu"],
[data-preset-id="7272673895499776002-Root"] [data-elem-id="gbSdDj10Qr"] {
  color: var(--header-text-title, #1f2329);
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="YAXwLXn3Yu"]:hover,
[data-preset-id="7272673895499776002-Root"] [data-elem-id="gbSdDj10Qr"]:hover {
  color: var(--header-text-title-hover, #1456f0);
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="yGiRSAFIuj"] {
  border-radius: 100px;
  width: 64px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="aMx1yedLtP"] {
  border-radius: 100px;
  width: 88px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #4e83fd 0, #3370ff 100%);
  cursor: pointer;
  font-weight: 500;
  color: var(--bg-float, #fff);
  font-size: 14px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="kGVacibMod"] {
  padding: 40px 0;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="y3ojnZHDTY"] {
  width: 312px;
  height: 340px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  flex-direction: column;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="y3ojnZHDTY"]:hover
  .ftHeader_CustomerMenu-operateCard-cover {
  transform: scale(1.05);
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="y3ojnZHDTY"]:hover
  .ftHeader_CustomerMenu-operateCard-button {
  background: #4e83fd;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="tmydIdbq7x"] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.2s ease-in;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="YyzU1K56aD"] {
  position: relative;
  margin-top: 148px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: var(--text-title, #1f2329);
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="6QRktH2ghr"] {
  font-size: 14px;
  line-height: 22px;
  color: var(--text-caption, #646a73);
  margin-top: 8px;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
  white-space: pre;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="wxWSunZfTu"] {
  position: relative;
  width: 120px;
  height: 40px;
  background-color: #3370ff;
  border-radius: 6px;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="LxfKKjlSIm"] {
  flex: 1;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="ImSVxqPSQk"] {
  padding-top: 32px;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  justify-content: space-between;
  align-content: space-between;
  width: 70.72%;
  min-width: 528px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="PbygnSrIab"] {
  display: flex;
  align-items: center;
  width: 158px;
  height: 38px;
  margin-bottom: 16px;
  border-radius: 4px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="PbygnSrIab"]:hover {
  background-color: #f0f4ff;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="ZE27g3d3Q6"] {
  width: 16px;
  height: 16px;
  margin-left: 12px;
  margin-right: 8px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="zJ4ydzoOXn"] {
  font-size: 14px;
  line-height: 22px;
  color: #0f1114;
  font-weight: 600;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="gsYeakTpPZ"] {
  width: 100%;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="gsYeakTpPZ"]
  [data-elem-id="umCMyWMvnK"] {
  margin-right: 16px;
  max-width: calc(1200px - 226px);
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="gsYeakTpPZ"]
  [data-elem-id="Ago1ShDEoH"] {
  width: calc(50% - 600px + 226px);
  min-width: 226px;
  padding-left: 32px;
  padding-right: 22px;
  box-shadow:
    2px 0 8px 2px rgba(31, 35, 41, 0.02),
    2px 0 4px rgba(31, 35, 41, 0.02),
    1px 0 2px -2px rgba(31, 35, 41, 0.02);
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="gsYeakTpPZ"]
  [data-elem-id="rVh8MfdgJI"].pureHeader_menuItem-solution {
  min-width: 436px;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="gsYeakTpPZ"]
  [data-elem-id="ddvL9NgAEV"] {
  margin-right: 0;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="gsYeakTpPZ"]
  [data-elem-id="bEP8P9yQ8n"] {
  width: 31.72%;
  min-width: 210px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="64gmsi13ox"] {
  max-height: calc(100vh - 100px);
  height: 100%;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="nZ9IlDFeOC"] {
  width: 100%;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="nZ9IlDFeOC"]
  [data-elem-id="umCMyWMvnK"] {
  margin-right: 16px;
  max-width: calc(1200px - 226px);
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="nZ9IlDFeOC"]
  [data-elem-id="Ago1ShDEoH"] {
  width: calc(50% - 600px + 226px);
  min-width: 226px;
  padding-left: 32px;
  padding-right: 22px;
  box-shadow:
    2px 0 8px 2px rgba(31, 35, 41, 0.02),
    2px 0 4px rgba(31, 35, 41, 0.02),
    1px 0 2px -2px rgba(31, 35, 41, 0.02);
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="nZ9IlDFeOC"]
  [data-elem-id="rVh8MfdgJI"].pureHeader_menuItem-solution {
  min-width: 436px;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="nZ9IlDFeOC"]
  [data-elem-id="ddvL9NgAEV"] {
  margin-right: 0;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="fBFNYsI971"] {
  max-height: calc(100vh - 100px);
  height: 630px;
  display: flex;
  align-items: flex-start;
  width: 100%;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="igO9WqBqRf"] {
  width: 170px;
  height: 38px;
  padding-left: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  background-color: rgba(51, 112, 255, 0.12);
  margin-right: 8px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="bFJF9BLPTs"] {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  margin-left: 8px;
  color: #0f1114;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="VpLv0oSO0E"],
[data-preset-id="7272673895499776002-Root"] [data-elem-id="prqBXKKi3w"] {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  max-height: calc(100vh - 100px);
  padding: 40px 16px;
  margin: 0 auto;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="VJjCSahP3u"] {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-height: 100%;
  flex: 1;
  overflow: hidden;
  overflow-y: scroll;
  overflow-y: overlay;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="VJjCSahP3u"]::-webkit-scrollbar {
  display: none;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="J4v67sLIJg"] {
  display: block;
  width: 176px;
  height: 82px;
  border-radius: 4px;
  position: relative;
  margin-right: 32px;
  margin-bottom: 24px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="J4v67sLIJg"]:hover,
[data-preset-id="7272673895499776002-Root"] [data-elem-id="bi2b7GWVKI"]:hover {
  background-color: #f0f4ff;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="sco3iVZPW7"] {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 8px;
  left: 8px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="JZCqQB5ToZ"] {
  font-size: 14px;
  line-height: 22px;
  color: #0f1114;
  font-weight: 600;
  position: absolute;
  left: 38px;
  top: 8px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="Nl14sxbIe8"] {
  font-size: 12px;
  line-height: 20px;
  color: #676879;
  position: absolute;
  top: 34px;
  left: 38px;
  white-space: pre;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="JQqJg5uQyC"] {
  overflow: initial !important;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="nBDK6EvsDO"] {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  overflow: hidden;
  overflow-y: scroll;
  overflow-y: overlay;
  flex: 1;
  max-height: 100%;
  padding: 0 48px;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="nBDK6EvsDO"]::-webkit-scrollbar {
  display: none;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="Z4yiEuq45Q"] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 24px;
  width: 100%;
  max-width: 784px;
  font-family: PingFang SC;
  font-weight: 500;
  letter-spacing: 0;
  padding-top: 26px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="bi2b7GWVKI"] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  padding: 14px 8px;
  border-radius: 8px;
  color: #1f2329;
  font-size: 12px;
  line-height: 16px;
  width: 100%;
  cursor: pointer;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="bi2b7GWVKI"]:hover
  .divider-line {
  opacity: 0;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="XKPnDDJgvr"] {
  align-self: stretch;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="sppjp0IbD4"] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="AVgCM7lvis"] {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  column-gap: 8px;
  color: #0f1114;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="kPhmt5HSWk"] {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="5NfqTORbxA"] {
  flex-shrink: 0;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="BaB7lmMonV"] {
  color: #676879;
  line-height: 20px;
  flex-shrink: 0;
  font-weight: 400;
  position: relative;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="BaB7lmMonV"]:before {
  content: "|";
  margin: 0 9px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="SbHZUQTqNN"] {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  column-gap: 2px;
  padding: 6px 13px 6px 20px;
  height: 28px;
  border-radius: 56px;
  position: relative;
  border: 1px solid var(--text-title);
  font-size: 12px;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="SbHZUQTqNN"]:hover
  .universe-icon {
  transform: translateX(4px);
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="SYaEPD0hMl"],
[data-preset-id="7272673895499776002-Root"] [data-elem-id="rIZFnegWVY"] {
  flex-shrink: 0;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="QdBtr2IFD5"] {
  flex-shrink: 0;
  font-size: 10px;
  transition: transform 0.3s ease-in;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="U9wYEiOJzq"] {
  flex-shrink: 0;
  position: absolute;
  left: 0;
  top: 56px;
  width: calc(100% - 8px);
  height: 1px;
  background: rgba(31, 35, 41, 0.12);
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="GjqYe305K5"] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 32px;
  color: #646a73;
  font-size: 14px;
  line-height: 22px;
  align-self: stretch;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="OGqZvrltaL"] {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 12px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="xlsLAxIrhJ"] {
  padding: 0 0 0 8px;
  align-self: stretch;
  color: var(--token-text-caption, var(--token-text-caption, #646a73));
  font-family: "PingFang SC";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="vWJmiUrJrY"] {
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 24px;
  align-content: center;
  row-gap: 20px;
  justify-content: space-between;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="wtxMdPb5rl"] {
  flex: 0 0 182px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4px 2px 4px 8px;
  border-radius: 4px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="wtxMdPb5rl"]:hover {
  background: var(--primary-pri-50, #f0f4ff);
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="Nn0Z2fufar"] {
  display: flex;
  align-items: center;
  column-gap: 4px;
  width: 134px;
  color: #0f1114;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="H4Dx7BuPAA"] {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  column-gap: 8px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="5NsdwoZI1R"] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  overflow: hidden;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="uIdfU5uBpA"] {
  flex-shrink: 0;
  width: 18px;
  height: 13px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="bJwb9hHwkh"] {
  font-size: 12px;
  color: #676879;
  line-height: 20px;
  margin: 0 0 0 24px;
  font-weight: 400;
  white-space: pre;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="I4FMUyodRC"] {
  flex-shrink: 0;
  overflow: initial !important;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="I4FMUyodRC"]
  a.pureHeader_menuItem {
  width: 272px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="jcXY3Egthm"] {
  height: 60px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="gYKOvqYxlz"] {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  position: relative;
  top: 0;
  left: 0;
  padding-left: 20px;
  padding-right: 10px;
  height: 60px;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="gYKOvqYxlz"].is-expand {
  box-shadow:
    0 2px 4px -4px rgba(31, 35, 41, 0.02),
    0 4px 8px rgba(31, 35, 41, 0.02),
    0 4px 16px 4px rgba(31, 35, 41, 0.03);
  background-color: #fff !important;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="deQdheuWOH"] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="yMnaOVcx1c"] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  flex: 1;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="vQinZ7pTDD"] {
  height: 24px;
  display: flex;
  align-items: center;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="w8ApM0ET8x"] {
  height: 100%;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="0HkBqdamwB"] {
  display: flex;
  align-items: center;
  color: var(--text-title, #1f2329);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="oykLx497c0"] {
  margin-left: 12px;
  margin-right: 13px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="EbGJiEz8Gm"] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="cwSPg7eWEy"],
[data-preset-id="7272673895499776002-Root"] [data-elem-id="x2aFLqHm2r"] {
  display: flex;
  align-items: center;
  width: 48px;
  height: 48px;
  justify-content: center;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="qqBXcr3VSe"] {
  height: calc(100vh - 60px);
  max-height: calc(100vh - 60px);
  overflow-x: hidden;
  overflow-y: auto;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="qqBXcr3VSe"]
  .ud__menu-item {
  flex-shrink: 0;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="qqBXcr3VSe"]
  .ud__menu-item-title-content-text-overflow {
  display: flex;
}
[data-preset-id="7272673895499776002-Root"]
  [data-elem-id="qqBXcr3VSe"]
  .ud__menu-item-title-content-text-overflow
  > span {
  display: inline-flex;
  align-items: center;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="ibsfI9GILZ"],
[data-preset-id="7272673895499776002-Root"] [data-elem-id="7n7GPgNCRU"] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="DXfgwTJqvF"],
[data-preset-id="7272673895499776002-Root"] [data-elem-id="fSkB2jnLpd"] {
  width: 18px;
  height: 14px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="ezghFhgK4g"] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="bnswacMlxP"] {
  font-size: 16px;
  margin-left: -4px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="Mo2Btlkl6z"] {
  display: flex;
  align-items: center;
  gap: 7px;
  font-weight: 500;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="81NR8Viehe"] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 0 464px;
  height: 100%;
  max-width: 1136px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="OL0L1unStY"] {
  border-radius: 100px;
  width: 88px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--outline-button-border-color, #4e83fd);
  font-weight: 500;
  font-size: 14px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="OL0L1unStY"]:hover {
  border: 2px solid var(--outline-button-border-color-hover, #3f76f8);
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="oJfBtzwbU5"],
[data-preset-id="7272673895499776002-Root"] [data-elem-id="sHFL0VsK0A"] {
  background: var(
    --outline-button-color,
    linear-gradient(90deg, #5083fb 0, #336df4 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="oJfBtzwbU5"]:hover,
[data-preset-id="7272673895499776002-Root"] [data-elem-id="sHFL0VsK0A"]:hover {
  background: var(
    --outline-button-color-hover,
    linear-gradient(90deg, #3f76f8 0, #1456f0 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="oCM6ZOu6GI"] {
  display: flex;
  gap: 4px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="IVik4JxJuf"],
[data-preset-id="7272673895499776002-Root"] [data-elem-id="ofZK1BIsiu"] {
  display: flex;
  gap: 8px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="OzP8sMhZ7S"],
[data-preset-id="7272673895499776002-Root"] [data-elem-id="Y1UiChgBhz"] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="1EQR7G9ZZZ"],
[data-preset-id="7272673895499776002-Root"] [data-elem-id="XUCdiHymUV"] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 8px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="3Wvlgn3fpx"],
[data-preset-id="7272673895499776002-Root"] [data-elem-id="4u92tPL5bX"],
[data-preset-id="7272673895499776002-Root"] [data-elem-id="6tQSEjukVS"],
[data-preset-id="7272673895499776002-Root"] [data-elem-id="kpASDtSnC5"],
[data-preset-id="7272673895499776002-Root"] [data-elem-id="qekzg9Z2zC"] {
  width: 18px;
  height: 18px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="hjEnztIFgP"],
[data-preset-id="7272673895499776002-Root"] [data-elem-id="qRzqJY3OY2"] {
  font-size: 14px;
  font-weight: 500;
  color: var(--header-text-title, #1f2329);
  flex-shrink: 0;
  margin-left: 7px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="IlSmnKYXzE"] {
  flex-shrink: 0;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="cXBco94oJT"] {
  font-size: 10px;
  margin-left: 4px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="fUj0QvXJsj"] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px 16px 24px;
  gap: 8px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="d88rvlNOyT"] {
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--outline-button-border-color, #4e83fd);
  flex: 1 1 50%;
  height: 44px;
  font-weight: 500;
  font-size: 14px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="uGx3N3Gh09"] {
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #4e83fd 0, #3370ff 100%);
  flex: 1 1 50%;
  height: 44px;
  font-weight: 500;
  color: var(--bg-float, #fff);
  font-size: 14px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="bbOMb8Rex6"] {
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #4e83fd 0, #3370ff 100%);
  flex: 1 1 50%;
  height: 44px;
  font-weight: 500;
  font-size: 14px;
  color: var(--bg-float, #fff);
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="QIBz8FNLKh"] {
  width: 29.5%;
  max-width: 336px;
  min-width: 258px;
  height: 100%;
  border-radius: 8px 0 0 8px;
  background: radial-gradient(
    211.48% 191.71% at 103.42% -26.52%,
    rgba(255, 201, 100, 0.1) 0,
    rgba(255, 142, 110, 0.1) 20%,
    rgba(68, 127, 255, 0.1) 40%,
    rgba(116, 142, 255, 0.1) 60%,
    rgba(208, 207, 255, 0.1) 80%
  );
  backdrop-filter: blur(4.95723629px);
  padding: 24px 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="q0gzQ7LJLI"] {
  display: flex;
  flex-direction: column;
  row-gap: 22px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="QrcBBusZZe"] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  cursor: pointer;
  padding: 4px 8px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="QrcBBusZZe"]:hover {
  border-radius: 4px;
  background: rgba(51, 109, 244, 0.08);
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="3YKCQDRurU"] {
  padding: 8px 0;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="3YKCQDRurU"] img {
  width: 22px;
  height: 22px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="5O3O2I3Wsa"] {
  display: flex;
  flex-direction: row;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="dtqgdOCDwr"] {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="dtqgdOCDwr"] img {
  height: 16px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="aftOjjjR0e"] {
  padding: 4px 0;
  color: var(--palette-Neutral-950, #0f1114);
  font-family: "PingFang SC";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="OQAUtqUOVl"] {
  color: #676879;
  font-family: "PingFang SC";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 4px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="ABkw4u8gEH"] {
  padding: 0 8px;
  display: flex;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="NabA2IUbak"] {
  display: flex;
  flex-direction: row;
  column-gap: 4px;
  align-items: center;
  cursor: pointer;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="D0ikfhrAMo"] {
  color: var(--token-text-title, var(--token-text-title, #1f2329));
  font-family: "PingFang SC";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
[data-preset-id="7272673895499776002-Root"] [data-elem-id="IsTWJVyxYc"] {
  font-size: 12px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"] {
  height: 100%;
  overflow: hidden;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="rVh8MfdgJI"] {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  height: 100%;
  max-height: 100%;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="rVh8MfdgJI"]::-webkit-scrollbar {
  display: none;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="o6ZSfiCbQC"] {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="o6ZSfiCbQC"]:last-child {
  margin-bottom: 0;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="zhGlBJLTVn"] {
  height: 22px;
  margin-right: 0;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="ARhoGxZkkg"] {
  padding-left: 8px;
  font-weight: 500;
  font-size: 16px;
  color: #0f1114;
  padding-right: 4px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="PGKKKJEk61"] {
  display: flex;
  flex-wrap: wrap;
  row-gap: 24px;
  column-gap: 16px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="bEP8P9yQ8n"] {
  width: 29.167%;
  display: flex;
  flex-direction: column;
  min-width: 150px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="59RsiugEfz"] {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  height: 22px;
  padding-left: 8px;
  color: #245bdb;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="59RsiugEfz"]:hover,
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="ZaAArWzTb2"]:hover {
  color: #3370ff;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="59RsiugEfz"]:active,
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="ZaAArWzTb2"]:active {
  color: #1c4cba;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="q2VggpRcdW"] {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  margin-right: 4px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="EPCCSpWAnz"] {
  margin-top: 4px;
  padding-left: 8px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #0f1114;
  border-radius: 4px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="EPCCSpWAnz"]:hover {
  background: #f0f4ff;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="fEgpXhM7HP"] {
  display: flex;
  position: relative;
  border-radius: 4px;
  margin-right: 6%;
  margin-bottom: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 4px;
  padding-left: 8px;
  padding-right: 4px;
  gap: 8px;
  width: 182px;
  height: 50px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="AAwDLvjeCL"]:hover,
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="fEgpXhM7HP"]:hover {
  background-color: #f0f4ff;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="dzw2Kb44k2"] {
  width: 16px;
  height: 16px;
  margin-top: 3px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="prco2NUoGa"] {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #0f1114;
  flex-shrink: 0;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="oQAcSEGPxk"] {
  font-size: 12px;
  line-height: 20px;
  color: #676879;
  white-space: pre;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="LJlN6WgmNF"] {
  font-size: 20px;
  line-height: 32px;
  width: 96px;
  height: 32px;
  border-radius: 6px;
  text-align: center;
  color: #4e83fd;
  transform: scale(0.5);
  transform-origin: left top;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="aPgoYt8x0M"] {
  width: 32px;
  height: 16px;
  border-radius: 4px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="KtlDLFMCJb"] {
  display: block;
  width: 200px;
  height: 164px;
  position: relative;
  margin-top: 8px;
  border-radius: 4px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="IaJFzuWG33"]:hover,
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="KtlDLFMCJb"]:hover {
  box-shadow:
    0 4px 16px 4px rgba(36, 91, 219, 0.03),
    0 4px 8px rgba(36, 91, 219, 0.04),
    0 2px 4px -4px rgba(36, 91, 219, 0.12);
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="BwsBgdTnOL"] {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 184px;
  height: 50px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="QWZeIUT8LV"] {
  position: absolute;
  left: 8px;
  top: 70px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #0f1114;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="sUBnM2PS7I"] {
  position: absolute;
  width: 184px;
  left: 8px;
  top: 96px;
  line-height: 20px;
  color: #676879;
  font-size: 12px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="IaJFzuWG33"] {
  width: 240px;
  height: 327px;
  position: relative;
  border-radius: 4px;
  background: linear-gradient(134.76deg, #fff 22.69%, #f2f6ff 104.23%);
  box-shadow:
    2px 0 8px 2px rgba(31, 35, 41, 0.02),
    2px 0 4px rgba(31, 35, 41, 0.02),
    1px 0 2px -2px rgba(31, 35, 41, 0.02);
  display: block;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="iBxZ3kcRF5"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 158px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="fAh3m5ISMm"] {
  position: absolute;
  width: 72px;
  height: 24px;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  background: linear-gradient(265.96deg, #485bff 10.16%, #68a4ff 104.43%);
  border-radius: 4px 0 12px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="dXcH1vDvbp"] {
  position: absolute;
  top: 174px;
  left: 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #0f1114;
  width: 216px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="c23PLhYLWb"] {
  position: absolute;
  top: 210px;
  left: 12px;
  width: 216px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #676879;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="vmVLhmPBWV"] {
  display: flex;
  align-items: center;
  position: absolute;
  top: 284px;
  left: 12px;
  height: 22px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="ZaAArWzTb2"] {
  margin-right: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #245bdb;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="AAwDLvjeCL"] {
  display: flex;
  align-items: center;
  width: 158px;
  height: 38px;
  margin-bottom: 16px;
  border-radius: 4px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="mkgRI8ZscP"] {
  width: 16px;
  height: 16px;
  margin-left: 12px;
  margin-right: 8px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="ZE9cIMXUuG"] {
  font-size: 14px;
  line-height: 22px;
  color: #0f1114;
  font-weight: 600;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="LlXoKk7wEK"] {
  display: flex;
  flex-wrap: wrap;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="tKDZlFY9sA"] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="fuALeIN8nR"] {
  width: 100%;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="hn7vry4ybM"] {
  margin-bottom: 28px;
  margin-right: 38px;
  max-width: 574px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="CsWWCGqhLK"] {
  display: flex;
  align-items: center;
  flex: 1;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="uvU7aTPhC4"] {
  width: 20px;
  margin-right: 6px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="X2yg2gSdnV"] {
  color: var(--palette-Neutral-950, #0f1114);
  font-size: 16px;
  font-weight: 500;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="AISDuci0QV"] {
  color: #676879;
  font-size: 12px;
  font-weight: 400;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="RT2spoBr9u"] {
  width: 100%;
  min-width: 364px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  height: 70px;
  border-bottom: 1px solid rgba(31, 35, 41, 0.12);
  cursor: pointer;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="RT2spoBr9u"]:hover {
  border-radius: 8px;
  background: var(--primary-pri-50, #f0f4ff);
  border-bottom-color: transparent;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="tWLYwJWzTO"] {
  display: flex;
  width: 96px;
  height: 28px;
  align-items: center;
  gap: 5px;
  padding-left: 20px;
  border-radius: 56px;
  border: 1px solid var(--icon-n2, #646a73);
  color: var(--icon-n1, #2b2f36);
  font-size: 12px;
  font-weight: 500;
  transition: gap 0.3s;
  cursor: pointer;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="tWLYwJWzTO"]:hover {
  gap: 9px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="T8wgCfVkR2"] {
  width: 1px;
  height: 12px;
  background: var(--text-disabled, #bbbfc4);
  overflow: hidden;
  margin: 0 9px;
}
[data-preset-id="7272673895499776002-PureHeader_MenuItem"]
  [data-elem-id="IMpljzTmGS"] {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
[data-preset-id="7272673895499776002-PureHeader_TabMenu"] {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}
[data-preset-id="7272673895499776002-PureHeader_TabMenu"]
  [data-elem-id="Ago1ShDEoH"] {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: calc(50% - 600px + 178px);
  box-shadow:
    4px 0 8px -8px rgba(31, 35, 41, 0.06),
    6px 0 12px rgba(31, 35, 41, 0.04),
    8px 0 24px 8px rgba(31, 35, 41, 0.04);
  flex-shrink: 0;
  padding: 40px 0;
  min-width: 178px;
  justify-content: space-between;
}
[data-preset-id="7272673895499776002-PureHeader_TabMenu"]
  [data-elem-id="7uTQdD0Z65"] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
[data-preset-id="7272673895499776002-PureHeader_TabMenu"]
  [data-elem-id="ddvL9NgAEV"] {
  width: 170px;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 16px;
  margin: 0 8px 8px 0;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  gap: 4px;
}
[data-preset-id="7272673895499776002-PureHeader_TabMenu"]
  [data-elem-id="ddvL9NgAEV"].active {
  background-color: #f0f4ff;
  color: #245bdb;
  font-weight: 500;
  border-radius: 4px;
}
[data-preset-id="7272673895499776002-PureHeader_TabMenu"]
  [data-elem-id="ddvL9NgAEV"].active
  svg {
  fill: #245bdb;
}
[data-preset-id="7272673895499776002-PureHeader_TabMenu"]
  [data-elem-id="nKKp743NMV"] {
  width: 32px;
  height: 16px;
  border-radius: 4px;
}
[data-preset-id="7272673895499776002-PureHeader_TabMenu"]
  [data-elem-id="QVYS4COtID"] {
  border-radius: inherit;
  width: 100%;
  height: 100%;
}
[data-preset-id="7272673895499776002-PureHeader_TabMenu"]
  [data-elem-id="R4cvULjyu1"] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
[data-preset-id="7272673895499776002-PureHeader_TabMenu"]
  [data-elem-id="umCMyWMvnK"] {
  height: 100%;
  padding: 40px 0;
  max-width: calc(1200px - 178px);
  flex: 1;
  margin-right: 20px;
}
[data-preset-id="7272673895499776002-PureHeader_TabMenu"]
  [data-elem-id="d1Uzr73Cho"] {
  overflow: initial;
}
.pureHeader_containerMenu-tabContent {
  display: flex;
  align-items: flex-start;
  height: 100%;
}
.pureHeader_containerMenu-tabContent-menus {
  height: 100%;
  flex: 1;
}
[data-preset-id="7272673895499776002-OperationCard_1"]
  [data-elem-id="pZcWAFo3dd"] {
  width: 272px;
  height: 330px;
  position: relative;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #fff;
}
[data-preset-id="7272673895499776002-OperationCard_1"]
  [data-elem-id="pZcWAFo3dd"]:hover {
  box-shadow:
    0 4px 16px 4px rgba(36, 91, 219, 0.03),
    0 4px 8px rgba(36, 91, 219, 0.04),
    0 2px 4px -4px rgba(36, 91, 219, 0.12);
}
[data-preset-id="7272673895499776002-OperationCard_1"]
  [data-elem-id="smHWHbSy2e"] {
  width: 100%;
  height: 220px;
}
[data-preset-id="7272673895499776002-OperationCard_1"]
  [data-elem-id="zWl3ZItEfZ"] {
  position: absolute;
  width: 72px;
  height: 24px;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  background: linear-gradient(265.96deg, #485bff 10.16%, #68a4ff 104.43%);
  border-radius: 4px 0 12px;
}
[data-preset-id="7272673895499776002-OperationCard_1"]
  [data-elem-id="p3rkOwlpcg"] {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #0f1114;
}
[data-preset-id="7272673895499776002-OperationCard_1"]
  [data-elem-id="xlaKY2SmR6"] {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #676879;
}
[data-preset-id="7272673895499776002-OperationCard_1"]
  [data-elem-id="tK0YseNwek"] {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #245bdb;
  margin-left: 4px;
}
[data-preset-id="7272673895499776002-OperationCard_1"]
  [data-elem-id="tK0YseNwek"]:hover {
  color: #3370ff;
}
[data-preset-id="7272673895499776002-OperationCard_1"]
  [data-elem-id="tK0YseNwek"]:active {
  color: #1c4cba;
}
[data-preset-id="7272673895499776002-OperationCard_1"]
  [data-elem-id="qtBG1dsi6Y"] {
  width: 94.11%;
  margin: 0 auto;
  gap: 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
[data-preset-id="7272673895499776002-OperationCard_1"]
  [data-elem-id="AmvlaKgluR"] {
  margin-left: 4px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="C4kjFiEqM0"] {
  --header-height: 60px;
  background: var(--header-bg, rgba(255, 255, 255, 0.5));
  width: 100%;
  position: relative;
  top: 0;
  z-index: 951;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"]
  .logo-dark,
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"]
  .prefix_icon-dark {
  display: none;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark {
  --header-text-title: #fff;
  --header-text-title-hover: rgba(255, 255, 255, 0.7);
  --header-bg: transparent;
  --outline-button-border-color: #f2f3f5;
  --outline-button-border-color-hover: #f2f3f5;
  --outline-button-color: #f2f3f5;
  --outline-button-color-hover: #f2f3f5;
  background: 0 0;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark
  ._pp-header-avatar-box
  ._pp-header-name,
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark
  ._pp-product-container
  ._pp-product-icon {
  color: #fff;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark
  .logo-default,
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark
  .prefix_icon-default {
  display: none;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark
  .logo-dark,
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark
  .prefix_icon-dark {
  display: block;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark
  .has-shadow,
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark.has-shadow {
  --header-text-title: #1f2329;
  --header-text-title-hover: #1456f0;
  --header-bg: #fff;
  --outline-button-border-color: #4e83fd;
  --outline-button-border-color-hover: #3f76f8;
  --outline-button-color: linear-gradient(90deg, #5083fb 0%, #336df4 100%);
  --outline-button-color-hover: linear-gradient(
    90deg,
    #3f76f8 0%,
    #1456f0 100%
  );
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark
  .has-shadow
  ._pp-product-container
  ._pp-product-icon,
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark.has-shadow
  ._pp-product-container
  ._pp-product-icon {
  color: var(--N600-raw);
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark
  .has-shadow
  ._pp-header-avatar-box
  ._pp-header-name,
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark.has-shadow
  ._pp-header-avatar-box
  ._pp-header-name {
  color: var(--text-title);
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark
  .has-shadow
  .logo-default,
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark
  .has-shadow
  .prefix_icon-default,
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark.has-shadow
  .logo-default,
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark.has-shadow
  .prefix_icon-default {
  display: block;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark
  .has-shadow
  .logo-dark,
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark
  .has-shadow
  .prefix_icon-dark,
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark.has-shadow
  .logo-dark,
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].dark.has-shadow
  .prefix_icon-dark {
  display: none;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"]
  .has-shadow,
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].has-shadow {
  box-shadow:
    0 2px 4px -4px rgba(31, 35, 41, 0.02),
    0 4px 8px rgba(31, 35, 41, 0.02),
    0 4px 16px 4px rgba(31, 35, 41, 0.03);
  background-color: #fff;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].has-height {
  height: 60px;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].has-height
  > div:first-child {
  margin-bottom: 0;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"].disable-watch-sticky {
  position: relative;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="C4kjFiEqM0"]
  .has-fixed {
  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="Y3W8nUA3Sx"] {
  height: var(--header-height);
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="eTCrLxXwi0"] {
  display: flex;
  align-items: center;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--header-height);
  margin: 0 auto;
  padding: 0 32px;
  z-index: 1;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="eTCrLxXwi0"].is-expand {
  box-shadow:
    0 2px 4px -4px rgba(31, 35, 41, 0.02),
    0 4px 8px rgba(31, 35, 41, 0.02),
    0 4px 16px 4px rgba(31, 35, 41, 0.03);
  background-color: #fff !important;
}
@media screen and (max-width: 1316px) {
  [data-preset-id="7272673895499776002-MainContent"]
    [data-elem-id="eTCrLxXwi0"],
  [data-preset-id="7272673895499776002-Root"] [data-elem-id="WxYjlxzxHQ"] {
    padding: 0 16px;
  }
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="ou1iVzQZX6"] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: var(--header-height);
  margin: 0 auto;
  gap: 4px;
}
@media screen and (max-width: 1299px) {
  [data-preset-id="7272673895499776002-MainContent"]
    [data-elem-id="ou1iVzQZX6"],
  [data-preset-id="7272673895499776002-Root"] [data-elem-id="tAkXAO72Ef"] {
    gap: 0;
  }
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="x4gF0qQa0d"] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 0 1 342px;
  height: var(--header-height);
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="WSofslafLR"] {
  height: 24px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="8BTFngrkvt"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="WrBVyjRZiC"] {
  height: 100%;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="O2BKb3ubBk"] {
  display: flex;
  align-items: center;
  color: var(--text-title, #1f2329);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  flex-shrink: 0;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="lG4SdSBaw5"] {
  margin-left: 12px;
  margin-right: 13px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="vVwaFA4q6N"] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 0 464px;
  height: 100%;
  max-width: 1136px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="59EiF1A7dC"] {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="ayViC1R8Hb"] {
  padding-left: 8px;
  padding-right: 8px;
  height: 100%;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="OQns2jNWJd"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="x3bskYJyMj"] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-left: 8px;
  padding-right: 8px;
  color: var(--header-text-title, #1f2329);
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="HFcKQpfENe"] {
  font-size: 14px;
  font-weight: 500;
  flex-shrink: 0;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="21hmaoIdYc"] {
  font-size: 10px;
  margin-left: 4px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="3BNbL3mi8Z"] {
  height: 100%;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="OQns2jNWJd"].menu-selected {
  position: relative;
  color: #1456f0;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="OQns2jNWJd"].menu-selected::after {
  content: "";
  display: block;
  width: 80%;
  height: 3px;
  background-color: #1456f0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 3px 3px 0 0;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="xILVzt6Vlg"] {
  font-size: 14px;
  font-weight: 500;
  flex-shrink: 0;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="15K7fIGi0v"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="SD4NDJcj5K"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="SzfI1CVfuN"] {
  font-size: 10px;
  margin-left: 4px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="AOVMCjjX4a"] {
  position: absolute;
  height: 12px;
  top: 7px;
  left: 16px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="EuPcCm2Dv1"] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 0 1 432px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="3OG1VJmtqR"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="6KnBctk6Wu"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="enEwQAQbKE"] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="4SB4e0jHyu"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="IM4ZAI6TaR"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="rLtLARuD7q"] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 8px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="6A13Y7AEC5"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="81s0kb125N"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="AdqB21bFxf"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="EN0X3Rfsxm"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="HaniZlMbZM"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="riPoqhEsnM"] {
  width: 18px;
  height: 18px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="1wrMJPgAEW"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="fQFD5Fl8Z3"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="jmx3CCnkdw"] {
  font-size: 14px;
  font-weight: 500;
  color: var(--header-text-title, #1f2329);
  flex-shrink: 0;
  margin-left: 7px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="Gc0SPcjp33"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="ffVtkPZfOu"] {
  flex: 1;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="2PiPZNgG0y"] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
  width: 100%;
  gap: 4px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="hlw8R4q3B2"] {
  flex-shrink: 0;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="rFZOnxaaSP"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="zGP2X1yVqf"] {
  display: flex;
  gap: 8px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="UKS5tMtQNW"] {
  border-radius: 100px;
  width: 88px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #4e83fd;
  font-weight: 500;
  font-size: 14px;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="UKS5tMtQNW"]:hover {
  border: 2px solid #3f76f8;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="4iZwG5U3Ly"] {
  background: linear-gradient(90deg, #5083fb 0, #336df4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="4iZwG5U3Ly"]:hover {
  background: linear-gradient(90deg, #3f76f8 0, #1456f0 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="lG6Xaa9uNH"] {
  border-radius: 100px;
  width: 88px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #4e83fd 0, #3370ff 100%);
  font-weight: 500;
  font-size: 14px;
  color: var(--bg-float, #fff);
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="iWGA9cxNw3"]:hover,
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="lG6Xaa9uNH"]:hover {
  background: linear-gradient(90deg, #3f76f8 0, #1456f0 100%);
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="1d2IT0bOQC"] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
  width: 100%;
  gap: 10px;
}
@media screen and (min-width: 905px) and (max-width: 1239px) {
  [data-preset-id="7272673895499776002-MainContent"]
    [data-elem-id="4SB4e0jHyu"].has-prefix
    span,
  [data-preset-id="7272673895499776002-MainContent"]
    [data-elem-id="IM4ZAI6TaR"].has-prefix
    span,
  [data-preset-id="7272673895499776002-MainContent"]
    [data-elem-id="rLtLARuD7q"].has-prefix
    span,
  [data-preset-id="7272673895499776002-Root"]
    [data-elem-id="1EQR7G9ZZZ"].has-prefix
    span,
  [data-preset-id="7272673895499776002-Root"]
    [data-elem-id="XUCdiHymUV"].has-prefix
    span {
    display: none;
  }
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="0zPSZYV8nH"] {
  display: flex;
  gap: 4px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="tWHkxZIHy2"] {
  border-radius: 100px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  width: 36px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="Byx8xxCcEk"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="SDRvZoPdXo"] {
  color: var(--header-text-title, #1f2329);
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="Byx8xxCcEk"]:hover,
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="SDRvZoPdXo"]:hover {
  color: var(--header-text-title-hover, #1456f0);
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="nrDX2D1HJb"] {
  border-radius: 100px;
  width: 64px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="vCdDM1R52O"] {
  border-radius: 100px;
  width: 88px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--outline-button-border-color, #4e83fd);
  font-weight: 500;
  font-size: 14px;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="vCdDM1R52O"]:hover {
  border: 2px solid var(--outline-button-border-color-hover, #3f76f8);
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="NxRBdzbfoN"] {
  background: var(
    --outline-button-color,
    linear-gradient(90deg, #5083fb 0, #336df4 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="NxRBdzbfoN"]:hover {
  background: var(
    --outline-button-color-hover,
    linear-gradient(90deg, #3f76f8 0, #1456f0 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="iWGA9cxNw3"] {
  border-radius: 100px;
  width: 88px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #4e83fd 0, #3370ff 100%);
  cursor: pointer;
  font-weight: 500;
  color: var(--bg-float, #fff);
  font-size: 14px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="CXwDvoikIN"] {
  padding: 40px 0;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="yTS404oMPe"] {
  width: 312px;
  height: 340px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  flex-direction: column;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="yTS404oMPe"]:hover
  .ftHeader_CustomerMenu-operateCard-cover {
  transform: scale(1.05);
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="yTS404oMPe"]:hover
  .ftHeader_CustomerMenu-operateCard-button {
  background: #4e83fd;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="xjNz3Te6Lp"] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.2s ease-in;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="gyEFEzeUe2"] {
  position: relative;
  margin-top: 148px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: var(--text-title, #1f2329);
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="4q4UahmpIv"] {
  font-size: 14px;
  line-height: 22px;
  color: var(--text-caption, #646a73);
  margin-top: 8px;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
  white-space: pre;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="fWz7G5H07H"] {
  position: relative;
  width: 120px;
  height: 40px;
  background-color: #3370ff;
  border-radius: 6px;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="BaOZtN8m2G"] {
  flex: 1;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="vtdMVJkSd4"] {
  padding-top: 32px;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  justify-content: space-between;
  align-content: space-between;
  width: 70.72%;
  min-width: 528px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="Kzg9SnK1RE"] {
  display: flex;
  align-items: center;
  width: 158px;
  height: 38px;
  margin-bottom: 16px;
  border-radius: 4px;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="Kzg9SnK1RE"]:hover {
  background-color: #f0f4ff;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="ULC8Wn5RFG"] {
  width: 16px;
  height: 16px;
  margin-left: 12px;
  margin-right: 8px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="Hd0lPFYTmi"] {
  font-size: 14px;
  line-height: 22px;
  color: #0f1114;
  font-weight: 600;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="GSKE71jP7s"] {
  width: 100%;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="GSKE71jP7s"]
  [data-elem-id="umCMyWMvnK"] {
  margin-right: 16px;
  max-width: calc(1200px - 226px);
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="GSKE71jP7s"]
  [data-elem-id="Ago1ShDEoH"] {
  width: calc(50% - 600px + 226px);
  min-width: 226px;
  padding-left: 32px;
  padding-right: 22px;
  box-shadow:
    2px 0 8px 2px rgba(31, 35, 41, 0.02),
    2px 0 4px rgba(31, 35, 41, 0.02),
    1px 0 2px -2px rgba(31, 35, 41, 0.02);
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="GSKE71jP7s"]
  [data-elem-id="rVh8MfdgJI"].pureHeader_menuItem-solution {
  min-width: 436px;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="GSKE71jP7s"]
  [data-elem-id="ddvL9NgAEV"] {
  margin-right: 0;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="GSKE71jP7s"]
  [data-elem-id="bEP8P9yQ8n"] {
  width: 31.72%;
  min-width: 210px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="e9Jnzp2dbN"] {
  max-height: calc(100vh - 100px);
  height: 100%;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="Zyr5ypIfga"] {
  width: 100%;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="Zyr5ypIfga"]
  [data-elem-id="umCMyWMvnK"] {
  margin-right: 16px;
  max-width: calc(1200px - 226px);
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="Zyr5ypIfga"]
  [data-elem-id="Ago1ShDEoH"] {
  width: calc(50% - 600px + 226px);
  min-width: 226px;
  padding-left: 32px;
  padding-right: 22px;
  box-shadow:
    2px 0 8px 2px rgba(31, 35, 41, 0.02),
    2px 0 4px rgba(31, 35, 41, 0.02),
    1px 0 2px -2px rgba(31, 35, 41, 0.02);
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="Zyr5ypIfga"]
  [data-elem-id="rVh8MfdgJI"].pureHeader_menuItem-solution {
  min-width: 436px;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="Zyr5ypIfga"]
  [data-elem-id="ddvL9NgAEV"] {
  margin-right: 0;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="PmoGz1RtT5"] {
  max-height: calc(100vh - 100px);
  height: 630px;
  display: flex;
  align-items: flex-start;
  width: 100%;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="Kiw4XK9AY7"] {
  width: 170px;
  height: 38px;
  padding-left: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  background-color: rgba(51, 112, 255, 0.12);
  margin-right: 8px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="rKZtusDgwW"] {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  margin-left: 8px;
  color: #0f1114;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="PbcV30bGKs"] {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  max-height: calc(100vh - 100px);
  padding: 40px 16px;
  margin: 0 auto;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="Is4EPnTomV"] {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-height: 100%;
  flex: 1;
  overflow: hidden;
  overflow-y: scroll;
  overflow-y: overlay;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="Is4EPnTomV"]::-webkit-scrollbar {
  display: none;
}
@media only screen and (min-width: 1072px) {
  [data-preset-id="7272673895499776002-MainContent"]
    [data-elem-id="Is4EPnTomV"],
  [data-preset-id="7272673895499776002-Root"] [data-elem-id="VJjCSahP3u"] {
    padding-left: calc(50% - 416px - 120px);
    padding-right: calc(50% - 416px - 120px);
  }
}
@media only screen and (min-width: 864px) and (max-width: 1071px) {
  [data-preset-id="7272673895499776002-MainContent"]
    [data-elem-id="Is4EPnTomV"],
  [data-preset-id="7272673895499776002-Root"] [data-elem-id="VJjCSahP3u"] {
    padding-left: calc(50% - 340px - 120px);
    padding-right: calc(50% - 340px - 120px);
  }
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="TGlZ3ScFYh"] {
  display: block;
  width: 176px;
  height: 82px;
  border-radius: 4px;
  position: relative;
  margin-right: 32px;
  margin-bottom: 24px;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="0kxUZQKbXP"]:hover,
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="TGlZ3ScFYh"]:hover {
  background-color: #f0f4ff;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="XnRBseTkBT"] {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 8px;
  left: 8px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="ZcYvvlJHKP"] {
  font-size: 14px;
  line-height: 22px;
  color: #0f1114;
  font-weight: 600;
  position: absolute;
  left: 38px;
  top: 8px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="8fRjGmMOui"] {
  font-size: 12px;
  line-height: 20px;
  color: #676879;
  position: absolute;
  top: 34px;
  left: 38px;
  white-space: pre;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="BpRWkqeN88"] {
  overflow: initial !important;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="3O0gxSoIjq"] {
  display: flex;
  align-items: flex-start;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="ng78gbY5dm"] {
  width: calc(253 / 1136 * 100%);
  max-width: 253px;
  min-width: 200px;
  height: 100%;
  border-radius: 8px;
  background: radial-gradient(
    211.48% 191.71% at 103.42% -26.52%,
    rgba(255, 201, 100, 0.1) 0,
    rgba(255, 142, 110, 0.1) 20%,
    rgba(68, 127, 255, 0.1) 40%,
    rgba(116, 142, 255, 0.1) 60%,
    rgba(208, 207, 255, 0.1) 80%
  );
  backdrop-filter: blur(4.95723629px);
  padding: 36px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="bO1SzEgqW2"] {
  display: flex;
  flex-direction: column;
  row-gap: 46px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="TaMe5wgCuF"] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  cursor: pointer;
  padding: 4px 8px;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="TaMe5wgCuF"]:hover {
  border-radius: 4px;
  background: rgba(51, 109, 244, 0.08);
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="y3H3JFHsXT"] {
  padding: 8px 0;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="y3H3JFHsXT"]
  img {
  width: 22px;
  height: 22px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="Vqz4Y6tRdW"] {
  display: flex;
  flex-direction: row;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="vccAnIE6Pk"] {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="vccAnIE6Pk"]
  img {
  height: 16px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="8y2ap8SbXC"] {
  padding: 4px 0;
  color: var(--palette-Neutral-950, #0f1114);
  font-family: "PingFang SC";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="8ouAo2X1ox"] {
  color: #676879;
  font-family: "PingFang SC";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 4px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="KMMPnSeaBG"] {
  padding: 0 8px;
  margin-top: 24px;
  display: flex;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="ZOmIv3w6W2"] {
  display: flex;
  flex-direction: row;
  column-gap: 4px;
  align-items: center;
  cursor: pointer;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="Sg0LCmRZ1I"] {
  color: var(--token-text-title, var(--token-text-title, #1f2329));
  font-family: "PingFang SC";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="Lm02A0OfHS"] {
  font-size: 12px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="ATpMMZbsXj"] {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  overflow: hidden;
  overflow-y: scroll;
  overflow-y: overlay;
  flex: 1;
  max-height: 100%;
  padding: 0 80px;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="ATpMMZbsXj"]::-webkit-scrollbar {
  display: none;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="e83BLUM8cj"] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 24px;
  width: 100%;
  max-width: 784px;
  font-family: PingFang SC;
  font-weight: 500;
  letter-spacing: 0;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="0kxUZQKbXP"] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  padding: 14px 8px;
  border-radius: 8px;
  color: #1f2329;
  font-size: 12px;
  line-height: 16px;
  width: 100%;
  cursor: pointer;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="0kxUZQKbXP"]:hover
  .divider-line {
  opacity: 0;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="XkSEAGEpuS"] {
  align-self: stretch;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="dyksCMOw8H"] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="fhsdd7LSKG"] {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  column-gap: 8px;
  color: #0f1114;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="TFk6luKswF"] {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="qMkMURamJ4"] {
  flex-shrink: 0;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="eDXmDhR8FR"] {
  color: #676879;
  line-height: 20px;
  flex-shrink: 0;
  font-weight: 400;
  position: relative;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="eDXmDhR8FR"]:before {
  content: "|";
  margin: 0 9px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="zSapXb4qYZ"] {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  column-gap: 2px;
  padding: 6px 13px 6px 20px;
  height: 28px;
  border-radius: 56px;
  position: relative;
  border: 1px solid var(--text-title);
  font-size: 12px;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="zSapXb4qYZ"]:hover
  .universe-icon {
  transform: translateX(4px);
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="PdMpPcS5Ka"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="bxBLSoFDoV"] {
  flex-shrink: 0;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="kUDSERNpQO"] {
  flex-shrink: 0;
  font-size: 10px;
  transition: transform 0.3s ease-in;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="K66Gd543md"] {
  flex-shrink: 0;
  position: absolute;
  left: 0;
  top: 56px;
  width: calc(100% - 8px);
  height: 1px;
  background: rgba(31, 35, 41, 0.12);
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="T0NJuvLMyF"] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 24px;
  color: #646a73;
  font-size: 14px;
  line-height: 22px;
  align-self: stretch;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="TLJnXXlPXU"] {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 10px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="EZbgHcXTCb"] {
  padding: 0 0 0 8px;
  align-self: stretch;
  color: var(--token-text-caption, var(--token-text-caption, #646a73));
  font-family: "PingFang SC";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="8ksKIsldnY"] {
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 24px;
  align-content: center;
  row-gap: 16px;
  justify-content: space-between;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="qJgWF6ic0f"] {
  flex: 0 0 182px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4px 2px 4px 8px;
  border-radius: 4px;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="qJgWF6ic0f"]:hover {
  background: var(--primary-pri-50, #f0f4ff);
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="h6vQRWxsNP"] {
  display: flex;
  align-items: center;
  column-gap: 4px;
  width: 134px;
  color: #0f1114;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="67mYgwHqp6"] {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  column-gap: 8px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="8fOynt7qj8"] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  overflow: hidden;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="F2yTgJJsiZ"] {
  flex-shrink: 0;
  width: 18px;
  height: 13px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="LNhhLicyjF"] {
  font-size: 12px;
  color: #676879;
  line-height: 20px;
  margin: 0 0 0 24px;
  font-weight: 400;
  white-space: pre;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="qjx9SJPwxW"] {
  flex-shrink: 0;
  overflow: initial !important;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="qjx9SJPwxW"]
  a.pureHeader_menuItem {
  width: 272px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="CcBWVngNFd"] {
  height: 60px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="yJdo6dzvy0"] {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  position: relative;
  top: 0;
  left: 0;
  padding-left: 20px;
  padding-right: 10px;
  height: 60px;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="yJdo6dzvy0"].is-expand {
  box-shadow:
    0 2px 4px -4px rgba(31, 35, 41, 0.02),
    0 4px 8px rgba(31, 35, 41, 0.02),
    0 4px 16px 4px rgba(31, 35, 41, 0.03);
  background-color: #fff !important;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="7FjoMwJOdI"] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="tkhGqQGqKo"] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  flex: 1;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="8GnrxsIY5O"] {
  height: 24px;
  display: flex;
  align-items: center;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="xwBW877yW3"] {
  height: 100%;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="FbgPKiwSuK"] {
  display: flex;
  align-items: center;
  color: var(--text-title, #1f2329);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="pI8q9Wzxdq"] {
  margin-left: 12px;
  margin-right: 13px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="lAGitr5hmt"] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="KbjOfptLvI"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="TZgAAG4tpw"] {
  display: flex;
  align-items: center;
  width: 48px;
  height: 48px;
  justify-content: center;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="i4NVIIfPWt"] {
  height: calc(100vh - 60px);
  max-height: calc(100vh - 60px);
  overflow-x: hidden;
  overflow-y: auto;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="i4NVIIfPWt"]
  .ud__menu-item {
  flex-shrink: 0;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="i4NVIIfPWt"]
  .ud__menu-item-title-content-text-overflow {
  display: flex;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="i4NVIIfPWt"]
  .ud__menu-item-title-content-text-overflow
  > span {
  display: inline-flex;
  align-items: center;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="iR4eoqZNtu"] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="59dVe4WSsy"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="pRHRCyYqXk"] {
  width: 18px;
  height: 14px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="ouDyxzV4Ez"] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="HHh3MXdVYJ"] {
  font-size: 16px;
  margin-left: -4px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="p6tjPWPJcr"] {
  display: flex;
  align-items: center;
  gap: 7px;
  font-weight: 500;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="9RSBsmK02T"] {
  width: 18px;
  height: 18px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="8Z3fUBdj8a"] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px 16px 24px;
  gap: 8px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="HHoHhxLYlg"] {
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--outline-button-border-color, #4e83fd);
  flex: 1 1 50%;
  height: 44px;
  font-weight: 500;
  font-size: 14px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="OPTkXbHReZ"] {
  background: var(
    --outline-button-color,
    linear-gradient(90deg, #5083fb 0, #336df4 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-preset-id="7272673895499776002-MainContent"]
  [data-elem-id="OPTkXbHReZ"]:hover {
  background: var(
    --outline-button-color-hover,
    linear-gradient(90deg, #3f76f8 0, #1456f0 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="j2Ak055TvB"] {
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #4e83fd 0, #3370ff 100%);
  flex: 1 1 50%;
  height: 44px;
  font-weight: 500;
  color: var(--bg-float, #fff);
  font-size: 14px;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="dArkJSDa2w"] {
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #4e83fd 0, #3370ff 100%);
  flex: 1 1 50%;
  height: 44px;
  font-weight: 500;
  font-size: 14px;
  color: var(--bg-float, #fff);
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="lC5LafXO0x"] {
  width: 100%;
  max-width: 1200px;
  max-height: calc(100vh - 100px);
  padding: 40px 16px;
  margin: 0 auto;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="XJQVeh1fsj"] {
  padding: 14px 16px;
  border-top: 1px solid var(--line-border-card, #dee0e3);
  gap: 16px;
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="GCDgLYYjWt"],
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="rUuMuIWsC1"] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  color: var(--text-caption, #646a73);
  gap: 8px;
  cursor: pointer;
}
[data-preset-id="7272673895499776002-MainContent"] [data-elem-id="z8iVk5B3vz"] {
  width: 18px;
  color: var(--text-caption);
}
.pureHeader_containerMenu {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  top: 60px;
  left: 0;
  background-color: #fff;
  box-shadow: 0 14px 24px -4px rgba(31, 35, 41, 0.12);
}
.pureHeader_menuItem-icon-mobile {
  width: 18px;
  height: 18px;
}
body #app .pureHeader_menuItem-operationCard {
  margin: 0;
}
body #app .pureHeader_menuItem-solution {
  margin-left: 16px;
  overflow-y: overlay;
}
body #app .pureHeader_menuItem-product {
  margin-left: 16px;
  align-content: flex-start;
  overflow-y: overlay;
}
body #app .pureHeader_menuItem-demo {
  padding-left: 16px;
}
.sticky_sentinel {
  position: absolute;
  left: 0;
  right: 0;
  visibility: hidden;
}
.sticky_sentinel--top {
  height: 40px;
  top: -24px;
}
.dropdown-container .dropdown-list {
  transform: translateX(-15%);
  padding: 12px;
  border-radius: 8px;
  background: #fff;
  box-shadow:
    0 4px 8px 0 rgba(31, 35, 41, 0.03),
    0 3px 6px -6px rgba(31, 35, 41, 0.05),
    0 6px 18px 6px rgba(31, 35, 41, 0.03);
  color: var(--icon-n1, #2b2f36);
  font-size: 16px;
  font-weight: 500;
  text-align: left;
}
.dropdown-container .dropdown-list .link-item {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 17px 0 14px;
}
.dropdown-container .dropdown-list .link-item:hover {
  border-radius: 8px;
  background: #f0f4ff;
}
.dropdown-container .dropdown-list .link-item-title {
  display: flex;
  align-items: center;
  height: 40px;
  min-width: 120px;
  padding-left: 9px;
  padding-bottom: 4px;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(31, 35, 41, 0.12);
}
.dropdown-container .dropdown-list .link-item-title .link-item-text {
  margin-right: 4px;
  transition: margin-right 0.3s;
}
.dropdown-container .dropdown-list .link-item-title:hover .link-item-text {
  margin-right: 8px;
}
.dropdown-container .dropdown-list .link-item-icon {
  width: 17px;
  margin-right: 4px;
}
#logo-base {
  height: 32px;
}
#base-solo .header-container {
  max-width: 1136px;
}
#base-solo .menu-container {
  margin-left: 40px;
}
#base-solo .header-menuItem .header-menuItem-link span {
  color: var(--Neutral-900, #1f2329);
  font-family: "PingFang SC";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
body .header-dropdown-menu .dropdown-list .link-item {
  font-size: 14px;
}
[data-preset-id="7411415623152140289-Root"] {
  margin: 0 auto;
}
[data-preset-id="7411415623152140289-Root"] [data-elem-id="8dRHdyqQ3K"],
[data-preset-id="7411415623152140289-Root"] [data-elem-id="anpmxAjKga"] {
  padding: 0 24px;
}
[data-preset-id="7411415623152140289-Root"] [data-elem-id="3IM5Phf7bE"] {
  text-align: center;
  font-family:
    "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", Tahoma, Arial;
}
[data-preset-id="7411415623152140289-Root"] [data-elem-id="epoMnhpCmF"] {
  font-size: 70px;
  line-height: 90px;
  font-weight: 600;
  margin-bottom: 24px;
  color: var(--text-title);
}
@media screen and (max-width: 904px) {
  [data-preset-id="7411415623152140289-Root"] [data-elem-id="epoMnhpCmF"] {
    font-size: 60px;
  }
}
[data-preset-id="7411415623152140289-Root"] [data-elem-id="iEZAkFvDub"] {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 8px;
  color: var(--text-title);
  display: block;
}
@media screen and (max-width: 904px) {
  [data-preset-id="7411415623152140289-Root"] [data-elem-id="iEZAkFvDub"] {
    font-size: 16px;
    margin-bottom: 6px;
  }
}
[data-preset-id="7411415623152140289-Root"] [data-elem-id="GJMNhaUX1D"] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 auto 64px;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-caption);
  flex-wrap: wrap;
}
[data-preset-id="7411415623152140289-Root"] [data-elem-id="ZHR5WVqVLe"] {
  flex-shrink: 0;
}
[data-preset-id="7411415623152140289-Root"] [data-elem-id="0UekE5tMht"],
[data-preset-id="7411415623152140289-Root"] [data-elem-id="QMUCSWzbEs"],
[data-preset-id="7411415623152140289-Root"] [data-elem-id="YGtDQySVLd"],
[data-preset-id="7411415623152140289-Root"] [data-elem-id="xPV6kaO7OH"] {
  width: 1px;
  height: 12px;
  min-height: 0;
  background-color: var(--text-title);
}
[data-preset-id="7411415623152140289-Root"] [data-elem-id="AwMYjplnuQ"],
[data-preset-id="7411415623152140289-Root"] [data-elem-id="Xf7PomL0hV"],
[data-preset-id="7411415623152140289-Root"] [data-elem-id="fhLvugQa7d"] {
  color: var(--text-link-normal);
}
[data-preset-id="7411415623152140289-Root"] [data-elem-id="sYhLLlSK0X"] {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
@media screen and (max-width: 904px) {
  [data-preset-id="7411415623152140289-Root"] [data-elem-id="GJMNhaUX1D"] {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 24px;
    max-width: 324px;
  }
  [data-preset-id="7411415623152140289-Root"] [data-elem-id="QMUCSWzbEs"] {
    display: none;
  }
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="042vO12k1M"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="PXnEUnGaI0"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="Wk6ukyfFWV"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="ktgVtXC8iJ"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="xNBaw2gr1U"] {
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="6AIy3a3vin"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="AENybTQzc4"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="bJRN2sUW1L"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="c4mVdaFLaZ"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="yv4TbnzJuT"] {
  transition: 0.2s;
  opacity: 1;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="ayj41cYBHk"] {
  transition: 0.2s;
  opacity: 0;
  transform: scale(0);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="FbbbxTt3R1"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="qeJwtgzgjT"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="qvivgaBFax"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="xulR6eGvxH"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="zJR1SskVMT"] {
  opacity: 1;
  transition: 0.2s;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="XvpEY1YvUc"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="hPBniqts5M"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="r9aFzflwtd"] {
  opacity: 0;
  transition: 0.2s;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="Fmw9sJjPIR"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="IuUGNd0ni9"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="VhiPwe18tr"] {
  transition: 0.2s;
  opacity: 0;
  transform-origin: center;
  transform: scale(0);
  position: absolute;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="KIhTqIA3SZ"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="QBf5BX0bPw"] {
  width: 100%;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="ENywcsJDgg"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="Jht6T2S5cS"] {
  position: absolute;
  top: 0;
  right: 0;
  width: 61px;
  height: 60px;
  transition: 0.2s;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="BBr1yJb5AQ"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="adPTwmpwg9"] {
  opacity: 0;
  transition: 0.2s;
  color: var(--text-link-normal);
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="gSR5bkferN"] {
  transition: 0.2s;
  opacity: 0;
  transform: scale(0);
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="uqAhaojkYz"] {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--primary-pri-500);
  background-color: rgba(20, 86, 240, 0.2);
  border-radius: 0 6px;
  display: block;
  padding-left: 6px;
  padding-right: 6px;
  transition: 0.2s;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (max-width: 1239px) {
  [data-preset-id="7411415623152140289-DownloadPC"]
    [data-elem-id="uqAhaojkYz"] {
    font-size: calc(7.8vw / 6);
  }
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="RJb3CDqOHb"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="U2rIJUz6yg"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="mfsevsUSSg"] {
  font-size: 45px;
  color: var(--text-link-hover);
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="pr7SduSwnK"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="sWujskGq5H"] {
  width: 106px;
  height: 106px;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="4EmRXE16ZF"] {
  object-fit: contain;
}
[data-preset-id="7411415623152140289-DownloadPC"]
  [data-elem-id="uialLB3Xgf"]
  .ud__modal__body {
  padding: 0;
  margin: 0;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="PCiM9W1GpU"] {
  border-radius: 8px;
  width: 852px;
  padding-top: 96px;
  background-color: #fff;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="prKHkBUGWJ"] {
  font-size: 36px;
  font-weight: 500;
  line-height: 50px;
  color: var(--text-title);
  text-align: center;
  margin-bottom: 32px;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="WrbI291kSY"] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-bottom: 60px;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="jKlMoxBjo7"] {
  font-size: 18px;
  line-height: 48px;
  margin-right: 16px;
  height: 48px;
  color: #fff;
  font-weight: 500;
  width: 200px;
  padding-top: 0;
  padding-bottom: 0;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="otYPxQ36H5"] {
  font-size: 18px;
  line-height: 48px;
  padding-top: 0;
  padding-bottom: 0;
  height: 48px;
  color: #fff;
  font-weight: 500;
  width: 200px;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="iFcPfVZo8q"] {
  width: 100%;
  height: 344px;
}
[data-preset-id="7411415623152140289-DownloadPC"]
  [data-elem-id="zW5URYhZds"]
  .ud__modal__body {
  padding: 0;
  margin: 0;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="41C9unEuE6"] {
  display: inline-block;
  position: relative;
  left: 64px;
  top: 24px;
  line-height: 24px;
  color: #1f2329;
  font-weight: 500;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="EHVQtMZV3O"] {
  position: absolute;
  top: 56px;
  padding-left: 64px;
  padding-right: 24px;
  color: #1f2329;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  display: inline-block;
  left: 0;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="G5C8IdkmMO"] {
  position: absolute;
  right: 116px;
  bottom: 24px;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="X4BZMkIegE"] {
  position: absolute;
  right: 24px;
  bottom: 24px;
}
[data-preset-id="7411415623152140289-DownloadPC"]
  [data-elem-id="XSq9mOZKIV"]
  .ud__modal__body {
  padding: 0;
  margin: 0;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="3Q97TE1uTl"] {
  padding-top: 96px;
  border-radius: 8px;
  background-color: #fff;
  width: 100%;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="BvbzvErFWS"] {
  margin-bottom: 32px;
  font-size: 36px;
  font-weight: 500;
  line-height: 50px;
  color: #1f2329;
  text-align: center;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="CcEBu9FSda"] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-bottom: 8px;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="QJZWwrIprY"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="mbm0EHe5dj"] {
  font-size: 18px;
  line-height: 28px;
  padding: 13px 40px;
  height: 54px;
  color: #fff;
  font-weight: 500;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="xUflWAxNu6"] {
  width: 100%;
  text-align: center;
  display: block;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 31px;
  color: #646a73;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="8nmRBpl41b"] {
  width: 852px;
  height: 344px;
}
[data-preset-id="7411415623152140289-DownloadPC"]
  [data-elem-id="zRRFAQCR9l"]
  .ud__modal__body {
  padding: 0;
  margin: 0;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="qgpIji92rT"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 90px 157px;
  color: #1f2329;
  border-radius: 8px;
  background-color: #fff;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="Cz4G6FTnSB"] {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  font-size: 36px;
  font-weight: 500;
  line-height: 50px;
  color: #1f2329;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="m895Bf0Dml"] {
  text-align: center;
  font-weight: 500;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="HPN829g9tg"] {
  background-color: #e1eaff;
  border-radius: 4px;
  margin-left: 9px;
  padding: 4px 8px;
  font-size: 16px;
  line-height: 24px;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="fTH9peGY3v"] {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #245bdb;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="8hierBRveZ"] {
  color: #1f2329;
  line-height: 28px;
  font-size: 20px;
  margin-bottom: 36px;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="9JUgpMP9ZC"] {
  width: 496px;
  height: 192px;
  position: relative;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="EShWKo8fkD"] {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 80px;
  line-height: 32px;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="5leblACUVd"] {
  position: absolute;
  top: 64px;
  left: 0;
  display: block;
  width: 80px;
  line-height: 32px;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="4aLSp9sm5k"] {
  position: absolute;
  bottom: 0;
  left: 161px;
  width: 174px;
  height: 48px;
  font-weight: 500;
  font-size: 16px;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="oGf1o7qILv"] {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 24px;
  left: 24px;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="5Ye35Cv8it"] {
  width: 100%;
  height: 158px;
  position: relative;
  background-color: #fff;
  border-radius: 8px;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="W2hgjVOBCT"] {
  display: flex;
  justify-content: space-between;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="g0bOYDPly2"] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  max-width: 100%;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="9AsVNLV4T2"] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="AmxLS6N73K"],
[data-preset-id="7411415623152140289-DownloadPC"] [data-elem-id="GzqSyH0I17"] {
  width: 68%;
  max-width: 100px;
}
.d-card-wrapper {
  width: 178px;
  max-width: 178px;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.d-card-wrapper .iconHover {
  opacity: 0;
  transition: 0.2s;
  transform: scale(0);
}
.d-card-wrapper:hover .textHover {
  bottom: 0;
  opacity: 1;
}
.d-card-wrapper:hover .textNormal {
  opacity: 0;
}
.d-card-wrapper:hover .iconHover {
  opacity: 1;
  transform: scale(1);
}
.d-card-wrapper:hover .iconNormal {
  opacity: 0;
  transform: scale(0);
}
.d-card-wrapper:hover .tagNormal {
  opacity: 0;
  transform: translateX(45px) translateY(-45px);
}
@media screen and (max-width: 1239px) {
  [data-preset-id="7411415623152140289-DownloadPC"]
    [data-elem-id="g0bOYDPly2"] {
    font-size: calc(8.2vw / 6);
    padding: calc(2.2vw / 6) calc(4.2vw / 6);
  }
  [data-preset-id="7411415623152140289-DownloadPC"]
    [data-elem-id="9AsVNLV4T2"] {
    font-size: calc(7.8vw / 6);
  }
  .d-card-wrapper {
    width: calc(99vw / 6);
  }
}
.d-card {
  width: 100%;
  height: 100%;
  background-color: var(--bg-body);
  border-radius: 12px;
  box-shadow: var(--shadow-s3-down-pri);
  position: relative;
  overflow: hidden;
}
.d-card-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  transform-origin: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.d-card-icon {
  width: 60px;
  height: 60px;
  max-width: 60px;
  max-height: 60px;
}
.d-card-text {
  color: var(--text-caption);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.57;
}
@media screen and (max-width: 1239px) {
  .d-card {
    border-radius: calc(6.7vw / 6);
  }
  .d-card-content {
    gap: calc(5.6vw / 6);
  }
  .d-card-icon {
    width: calc(33.6vw / 6);
    height: calc(33.6vw / 6);
  }
  .d-card-text {
    font-size: calc(7.8vw / 6);
  }
}
.d-card-download-icon {
  font-size: 45px;
}
.d-card-fail-img {
  width: 106px;
  height: 106px;
  max-width: 106px;
  max-height: 106px;
}
[data-preset-id="7411415623152140289-DownloadMobile"] {
  text-align: center;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="72Qlb2rtCp"] {
  font-size: calc(30 * var(--vw) / 3.75);
  line-height: 1.53;
  margin-bottom: calc(20 * var(--vw) / 3.75);
  display: block;
  text-align: center;
  font-weight: 600;
  color: var(--text-title);
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="LpksEqyBe2"] {
  font-size: calc(14 * var(--vw) / 3.75);
  line-height: calc(26 * var(--vw) / 3.75);
  margin-bottom: calc(20 * var(--vw) / 3.75);
  display: block;
  text-align: center;
  color: var(--text-title);
  white-space: pre;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="vWGA6cKvV5"] {
  text-align: center;
  margin-bottom: calc(20 * var(--vw) / 7.5);
  font-size: calc(12 * var(--vw) / 3.75);
  line-height: 1.66;
  color: var(--text-caption);
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="q0pRmNdwmM"] {
  margin-bottom: calc(20 * var(--vw) / 3.75);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(8 * var(--vw) / 3.75);
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="zC6t5nAaqD"] {
  width: 100%;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="Kr8XO7Qgtn"] {
  flex-shrink: 0;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="UFGUWfybkf"],
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="mTIqnOBN6a"],
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="sRIc0inrEx"] {
  flex-shrink: 0;
  color: var(--text-link-normal);
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="ddi2NXVbhp"] {
  width: fit-content;
  margin: 0 auto;
  padding: calc(9.6 * var(--vw) / 3.75) calc(9.6 * var(--vw) / 3.75)
    calc(9.6 * var(--vw) / 3.75) calc(19.2 * var(--vw) / 3.75);
  gap: calc(12.8 * var(--vw) / 3.75);
  background: linear-gradient(
    94.6deg,
    #33d6c0 1.12%,
    #5083fb 25.01%,
    #336df4 51.07%,
    #4752e6 75.79%,
    #8d55ed 100%
  );
  box-shadow: 0 24px 48px rgba(71, 82, 230, 0.24);
  border-radius: 100px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: calc(19.2 * var(--vw) / 3.75);
  line-height: 1;
  color: var(--bg-body);
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin-bottom: calc(20 * var(--vw) / 3.75);
  display: flex;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="z9CDt2W1j1"] {
  width: calc(35 * var(--vw) / 3.75);
  height: calc(35 * var(--vw) / 3.75);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.35);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="TBXFtsXTcE"] {
  color: var(--primary-pri-500);
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="reR8pJBkVZ"] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(8 * var(--vw) / 3.75);
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="isKg6sKaQV"]
  .ud__modal__body {
  padding: 0;
  margin: 0;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="fn51hVhhlI"] {
  width: 100%;
  height: 158px;
  position: relative;
  background-color: #fff;
  border-radius: 8px;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="7jhzT0LSDv"] {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 24px;
  left: 24px;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="nsaZubIRy7"] {
  display: inline-block;
  position: absolute;
  left: 64px;
  top: 24px;
  line-height: 24px;
  color: #1f2329;
  font-weight: 500;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="Amv0oAgmMF"] {
  position: absolute;
  top: 56px;
  padding-left: 64px;
  padding-right: 24px;
  color: #1f2329;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  display: inline-block;
  left: 0;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="UuasZXsYL3"] {
  position: absolute;
  right: 116px;
  bottom: 24px;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="ThwUxoIUGg"] {
  position: absolute;
  right: 24px;
  bottom: 24px;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="jNrTlrIRxw"] {
  gap: 4px;
  color: var(--text-caption);
  font-size: calc(12 * var(--vw) / 3.75);
  text-align: center;
  margin: 0 auto calc(32 * var(--vw) / 7.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="bNQok8HWzq"],
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="rZCKv7tzxX"] {
  --vw: 1vw;
}
@media screen and (min-width: 600px) {
  [data-preset-id="7411415623152140289-DownloadMobile"]
    [data-elem-id="bNQok8HWzq"],
  [data-preset-id="7411415623152140289-DownloadMobile"]
    [data-elem-id="rZCKv7tzxX"] {
    --vw: 6px;
  }
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="6FMYNWoV4Q"] {
  margin-bottom: calc(6 * var(--vw) / 3.75);
  display: block;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: calc(18 * var(--vw) / 3.75);
  line-height: 1.56;
  text-align: center;
  color: #1f2329;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="MnpMTEIuM8"] {
  margin-bottom: calc(6 * var(--vw) / 3.75);
  display: block;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: calc(20 * var(--vw) / 3.75);
  line-height: 1.5;
  text-align: center;
  background: linear-gradient(90deg, #5083fb 0, #336df4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="fOaY7nsxN9"] {
  gap: 4px;
  color: var(--text-caption);
  font-size: calc(12 * var(--vw) / 3.75);
  text-align: center;
  margin: 0 auto calc(12 * var(--vw) / 3.75);
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="PvZPrdYwyV"] {
  text-align: center;
  font-size: calc(12 * var(--vw) / 3.75);
  line-height: 1.66;
  color: var(--text-caption);
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="ss50GDqYgN"] {
  width: 100%;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="oLe9pYOVPJ"] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(8 * var(--vw) / 3.75);
  margin-top: calc(2 * var(--vw) / 3.75);
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="4CVFubTtJt"] {
  flex-shrink: 0;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="hBhryX8Yks"],
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="uvvTxA6OnZ"] {
  flex-shrink: 0;
  color: var(--text-link-normal);
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="3bNMZmZhIa"]
  .ud__modal__body {
  padding: 0;
  margin: 0;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="oCG6Fxzh3d"] {
  width: 100%;
  height: 158px;
  position: relative;
  background-color: #fff;
  border-radius: 8px;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="mc4j3gWFB0"] {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 24px;
  left: 24px;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="rRinAn2BmQ"] {
  display: inline-block;
  position: absolute;
  left: 64px;
  top: 24px;
  line-height: 24px;
  color: #1f2329;
  font-weight: 500;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="bt4B3o8XRy"] {
  position: absolute;
  top: 56px;
  padding-left: 64px;
  padding-right: 24px;
  color: #1f2329;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  display: inline-block;
  left: 0;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="X2ndu68V3u"] {
  position: absolute;
  right: 116px;
  bottom: 24px;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="8GPiFjE8do"] {
  position: absolute;
  right: 24px;
  bottom: 24px;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="daGMRU4fxL"] {
  font-size: calc(12 * var(--vw) / 3.75);
  line-height: calc(20 * var(--vw) / 3.75);
  margin-bottom: calc(8 * var(--vw) / 3.75);
  display: block;
  text-align: center;
  color: var(--text-title);
  white-space: pre;
  margin-top: calc(16 * var(--vw) / 3.75);
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="t8l4WK0md0"] {
  background: #f0f4ff;
  border: 1px solid #c2d4ff;
  border-radius: 8px;
  padding: calc(20 * var(--vw) / 3.75) 0;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="uowYKKRr3o"] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(8 * var(--vw) / 3.75);
  margin-top: calc(8 * var(--vw) / 3.75);
  font-size: calc(12 * var(--vw) / 3.75);
  line-height: calc(20 * var(--vw) / 3.75);
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="kYVFN4ugny"] {
  color: #646a73;
}
[data-preset-id="7411415623152140289-DownloadMobile"]
  [data-elem-id="cSM3RtcuqF"] {
  flex-shrink: 0;
  color: var(--text-link-normal);
}
[data-preset-id="7411495438634909698-Root"] [data-elem-id="IHNLIUJTIX"] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--card-gap);
}
[data-preset-id="7411495438634909698-Root"] [data-elem-id="7O3U17u4WD"],
[data-preset-id="7411495438634909698-Root"] [data-elem-id="Rus7Ep9qBk"] {
  width: calc(
    (100% - (var(--col-count) - 1) * var(--card-gap)) / var(--col-count)
  );
}
[data-preset-id="7411502042756825116-Root"] {
  margin: 0 auto;
}
[data-preset-id="7411502042756825116-Root"] [data-elem-id="GTOLC9m0Qx"] {
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
}
@media screen and (max-width: 904px) {
  [data-preset-id="7411495438634909698-Root"] [data-elem-id="7O3U17u4WD"],
  [data-preset-id="7411495438634909698-Root"] [data-elem-id="Rus7Ep9qBk"] {
    width: calc(
      (100% - (var(--col-count-sm) - 1) * var(--card-gap)) / var(--col-count-sm)
    );
  }
  [data-preset-id="7411502042756825116-Root"]
    [data-elem-id="GTOLC9m0Qx"]
    .card-list {
    --card-width: 258px !important;
    --card-height: 228px !important;
    --card-gap: 12px !important;
    --col-count: 2 !important;
  }
}
[data-preset-id="7411502042756825116-Root"] [data-elem-id="PR9hxDzlBF"] {
  width: 100%;
  height: 100%;
  background-color: var(--bg-body);
  box-shadow: var(--shadow-s3-down-pri);
  padding: 30px 25px;
  gap: 48px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
[data-preset-id="7411502042756825116-Root"]
  [data-elem-id="PR9hxDzlBF"]
  .card-icon
  svg {
  width: 56px;
  height: 56px;
}
[data-preset-id="7411502042756825116-Root"]
  [data-elem-id="PR9hxDzlBF"]
  .card-icon
  svg:last-child {
  display: none;
}
[data-preset-id="7411502042756825116-Root"] [data-elem-id="PR9hxDzlBF"]:hover {
  box-shadow: var(--shadow-s5-down-pri);
}
[data-preset-id="7411502042756825116-Root"]
  [data-elem-id="PR9hxDzlBF"]:hover
  .card-title {
  color: var(--primary-pri-500, #336df4);
}
[data-preset-id="7411502042756825116-Root"]
  [data-elem-id="PR9hxDzlBF"]:hover
  .card-icon
  svg:first-child {
  display: none;
}
[data-preset-id="7411502042756825116-Root"]
  [data-elem-id="PR9hxDzlBF"]:hover
  .card-icon
  svg:last-child {
  display: block;
}
@media screen and (max-width: 1239px) {
  .d-card-download-icon {
    font-size: calc(28vw / 6);
  }
  .d-card-fail-img {
    width: calc(64vw / 6);
    height: calc(64vw / 6);
  }
  [data-preset-id="7411502042756825116-Root"] [data-elem-id="PR9hxDzlBF"] {
    padding: calc(21vw / 9.04) calc(17vw / 9.04);
    border-radius: calc(12vw / 9.04);
    gap: calc(33vw / 9.04);
  }
  [data-preset-id="7411502042756825116-Root"]
    [data-elem-id="PR9hxDzlBF"]
    .card-icon
    svg {
    width: calc(40vw / 9.04);
    height: calc(40vw / 9.04);
  }
}
@media screen and (max-width: 904px) {
  [data-preset-id="7411502042756825116-Root"] [data-elem-id="PR9hxDzlBF"] {
    padding: 21px 17px;
    border-radius: 12px;
    gap: 33px;
  }
  [data-preset-id="7411502042756825116-Root"]
    [data-elem-id="PR9hxDzlBF"]
    .card-icon
    svg {
    width: 40px;
    height: 40px;
  }
}
[data-preset-id="7411502042756825116-Root"] [data-elem-id="05WRKqD36I"] {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.25;
  color: var(--text-title);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 1239px) {
  [data-preset-id="7411502042756825116-Root"] [data-elem-id="05WRKqD36I"] {
    font-size: calc(18vw / 9.04);
  }
}
@media screen and (max-width: 904px) {
  [data-preset-id="7411502042756825116-Root"] [data-elem-id="05WRKqD36I"] {
    font-size: 18px;
  }
}
@media screen and (max-width: 599px) {
  [data-preset-id="7411415623152140289-Root"] [data-elem-id="8dRHdyqQ3K"],
  [data-preset-id="7411415623152140289-Root"] [data-elem-id="anpmxAjKga"] {
    padding: 0 calc(20vw / 3.75);
  }
  [data-preset-id="7411502042756825116-Root"] [data-elem-id="GTOLC9m0Qx"] {
    padding: 0 calc(24vw / 3.75);
  }
  [data-preset-id="7411502042756825116-Root"]
    [data-elem-id="GTOLC9m0Qx"]
    .card-list {
    --card-width: calc(154vw / 3.75) !important;
    --card-height: calc(150vw / 3.75) !important;
    --card-gap: calc(6vw / 3.75) !important;
  }
  [data-preset-id="7411502042756825116-Root"] [data-elem-id="PR9hxDzlBF"] {
    padding: calc(12vw / 3.75) calc(10vw / 3.75);
    border-radius: calc(6vw / 3.75);
    gap: calc(18vw / 3.75);
  }
  [data-preset-id="7411502042756825116-Root"]
    [data-elem-id="PR9hxDzlBF"]
    .card-icon
    svg {
    width: calc(23vw / 3.75);
    height: calc(23vw / 3.75);
  }
  [data-preset-id="7411502042756825116-Root"] [data-elem-id="05WRKqD36I"] {
    font-size: calc(12vw / 3.75);
  }
}
[data-preset-id="7411502042756825116-Root"] [data-elem-id="xwIXrGcTbb"] {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.56;
  color: var(--text-caption);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1239px) {
  [data-preset-id="7411502042756825116-Root"] [data-elem-id="xwIXrGcTbb"] {
    font-size: calc(14vw / 9.04);
  }
}
@media screen and (max-width: 904px) {
  [data-preset-id="7411502042756825116-Root"] [data-elem-id="xwIXrGcTbb"] {
    font-size: 14px;
  }
}
@media screen and (max-width: 599px) {
  [data-preset-id="7411502042756825116-Root"] [data-elem-id="xwIXrGcTbb"] {
    font-size: calc(10vw / 3.75);
    min-height: calc(48vw / 3.75);
  }
}
@media screen and (min-width: 905px) {
  [data-preset-id="7411502042756825116-Root"] [data-elem-id="xwIXrGcTbb"] {
    min-height: 84px;
  }
}
[data-preset-id="7411502042756825116-Root"] [data-elem-id="nR1KBQ8CLD"] {
  width: 100%;
  margin: 0 auto 40px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: var(--text-title);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 904px) {
  [data-preset-id="7411502042756825116-Root"] [data-elem-id="nR1KBQ8CLD"] {
    font-size: 36px;
  }
}
@media screen and (max-width: 599px) {
  [data-preset-id="7411502042756825116-Root"] [data-elem-id="nR1KBQ8CLD"] {
    margin-bottom: calc(20vw / 3.75);
    font-size: calc(24vw / 3.75);
    max-width: calc(280vw / 3.75);
  }
}
[data-preset-id="7411502042756825116-Root"] [data-elem-id="h6wEhnmK26"] {
  margin-left: calc(3.6vw / 3.75);
  font-size: calc(10vw / 3.75);
  display: none;
}
[data-preset-id="7411502042756825116-Root"] [data-elem-id="wTwEoZ7sFz"] {
  line-height: 0;
}
[data-preset-id="7412537476445995012-Root"] {
  margin: 0 auto;
}
[data-preset-id="7412537476445995012-Root"] [data-elem-id="wpAKBdm0n4"] {
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
}
[data-preset-id="7412537476445995012-Root"]
  [data-elem-id="wpAKBdm0n4"]
  .card-list {
  --card-width: 272px !important;
  --card-height: 234px !important;
}
[data-preset-id="7412537476445995012-Root"] [data-elem-id="OlfETsZ0LN"] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  height: 100%;
}
[data-preset-id="7412537476445995012-Root"]
  [data-elem-id="OlfETsZ0LN"]
  .try-button {
  border-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
[data-preset-id="7412537476445995012-Root"]
  [data-elem-id="OlfETsZ0LN"]
  .try-button
  .try-button-text {
  display: none;
}
[data-preset-id="7412537476445995012-Root"]
  [data-elem-id="OlfETsZ0LN"]:hover
  .try-button {
  border-color: var(--text-caption);
  padding-left: 20px;
  padding-right: 20px;
}
[data-preset-id="7412537476445995012-Root"]
  [data-elem-id="OlfETsZ0LN"]:hover
  .try-button-text {
  display: block;
}
[data-preset-id="7412537476445995012-Root"] [data-elem-id="rY01vvM6OQ"] {
  color: var(--text-title);
  font-family: FZLanTingHeiPro_GB18030;
  font-size: 22px;
  font-style: normal;
  font-weight: 650;
  line-height: 32.783px;
  letter-spacing: 0.44px;
}
@media screen and (max-width: 599px) {
  [data-preset-id="7411502042756825116-Root"] [data-elem-id="h6wEhnmK26"] {
    display: block;
  }
  [data-preset-id="7412537476445995012-Root"] [data-elem-id="wpAKBdm0n4"] {
    padding: 0 calc(20vw / 3.75);
  }
  [data-preset-id="7412537476445995012-Root"]
    [data-elem-id="wpAKBdm0n4"]
    .card-list {
    --card-width: calc(154vw / 3.75) !important;
    --card-height: calc(150vw / 3.75) !important;
    --card-gap: calc(9vw / 3.75) !important;
  }
  [data-preset-id="7412537476445995012-Root"] [data-elem-id="rY01vvM6OQ"] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.28px;
  }
}
[data-preset-id="7412537476445995012-Root"] [data-elem-id="1eq18keht4"] {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--text-title);
}
@media screen and (max-width: 599px) {
  [data-preset-id="7412537476445995012-Root"] [data-elem-id="1eq18keht4"] {
    font-size: 10px;
    line-height: 20px;
  }
}
@media screen and (min-width: 905px) and (max-width: 1200px) {
  [data-preset-id="7412537476445995012-Root"] [data-elem-id="1eq18keht4"] {
    min-height: 48px;
  }
}
@media screen and (max-width: 462px) {
  [data-preset-id="7412537476445995012-Root"] [data-elem-id="1eq18keht4"] {
    min-height: 40px;
  }
}
[data-preset-id="7412537476445995012-Root"] [data-elem-id="DILzgJscJW"] {
  width: 100%;
  height: 100%;
  padding: 0 20px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--text-title);
  border: 1px solid var(--text-caption, #646a73);
  border-radius: 100px;
  transition: width 0.3s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
}
[data-preset-id="7412537476445995012-Root"] [data-elem-id="DILzgJscJW"]:hover {
  border-width: 2px;
  width: calc(100% + 5px);
}
[data-preset-id="7412537476445995012-Root"] [data-elem-id="AMBkpnyaSN"] {
  margin-bottom: 22px;
}
@media screen and (max-width: 599px) {
  [data-preset-id="7412537476445995012-Root"] [data-elem-id="DILzgJscJW"] {
    font-size: 10px;
  }
  [data-preset-id="7412537476445995012-Root"] [data-elem-id="AMBkpnyaSN"] {
    margin-bottom: 12px;
  }
}
[data-preset-id="7412537476445995012-Root"] [data-elem-id="uM4CMBQ4t0"] {
  flex-shrink: 0;
}
[data-preset-id="7412537476445995012-Root"] [data-elem-id="yfnCDggpk1"],
[data-preset-id="7412598380718260228-Root"] [data-elem-id="FVsXuCIxtO"] {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: var(--text-title);
  margin-bottom: 60px;
}
@media screen and (max-width: 904px) {
  [data-preset-id="7412537476445995012-Root"] [data-elem-id="yfnCDggpk1"] {
    font-size: 36px;
  }
}
[data-preset-id="7412537476445995012-Root"] [data-elem-id="pwn9Exw5dg"] {
  width: 53.67647059%;
  max-height: 36px;
  max-width: 146px;
}
[data-preset-id="7412537476445995012-Root"] [data-elem-id="CprdtpylhV"] {
  height: 28px;
}
[data-preset-id="7412537476445995012-Root"] [data-elem-id="jXK8OzWEKE"] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 22px;
}
@media screen and (max-width: 599px) {
  [data-preset-id="7412537476445995012-Root"] [data-elem-id="yfnCDggpk1"] {
    margin-bottom: calc(40vw / 3.75);
    font-size: calc(24vw / 3.75);
  }
  [data-preset-id="7412537476445995012-Root"] [data-elem-id="jXK8OzWEKE"] {
    margin-bottom: 12px;
  }
}
[data-preset-id="7412537476445995012-Root"] [data-elem-id="1weDeKxfqg"] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 36px;
}
[data-preset-id="7412537476445995012-Root"] [data-elem-id="bWaeKR1RdO"] {
  width: 100%;
  height: 100%;
  padding: 40px 32px;
  background: var(--bg-color);
  border-radius: 12px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--border-color);
  cursor: pointer;
}
[data-preset-id="7412537476445995012-Root"] [data-elem-id="bWaeKR1RdO"]:hover {
  background: var(--hover-bg-color);
}
@media screen and (max-width: 600px) {
  [data-preset-id="7412537476445995012-Root"] [data-elem-id="CprdtpylhV"] {
    height: 18px;
  }
  [data-preset-id="7412537476445995012-Root"] [data-elem-id="bWaeKR1RdO"] {
    padding: 16px 12px;
  }
}
[data-preset-id="7412598380718260228-Root"] {
  overflow: hidden;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="3tnSbkwmXk"] {
  position: relative;
  width: 100%;
  margin: 0 auto;
  max-width: 1184px;
  padding: 0 24px;
}
@media screen and (max-width: 904px) {
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="FVsXuCIxtO"] {
    margin-bottom: 40px;
    font-size: 36px;
  }
}
@media screen and (max-width: 599px) {
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="FVsXuCIxtO"] {
    margin-bottom: calc(40vw / 3.75);
    font-size: calc(24vw / 3.75);
  }
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="hbkKbTaG7x"] {
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  position: absolute;
}
[data-preset-id="7412598380718260228-Root"]
  [data-elem-id="hbkKbTaG7x"]
  .solutions-svg {
  font-size: 32px;
}
[data-preset-id="7412598380718260228-Root"]
  [data-elem-id="hbkKbTaG7x"]
  .solutions_icon_disable {
  cursor: no-drop;
}
[data-preset-id="7412598380718260228-Root"]
  [data-elem-id="hbkKbTaG7x"]
  .solutions_icon_disable
  .solutions-svg,
[data-preset-id="7412598380718260228-Root"]
  [data-elem-id="hbkKbTaG7x"]
  .solutions_icon_disable:active
  .solutions-svg,
[data-preset-id="7412598380718260228-Root"]
  [data-elem-id="hbkKbTaG7x"]
  .solutions_icon_disable:hover
  .solutions-svg {
  opacity: 0.3;
}
[data-preset-id="7412598380718260228-Root"]
  [data-elem-id="hbkKbTaG7x"]
  .solutions_icon_normal {
  cursor: pointer;
}
[data-preset-id="7412598380718260228-Root"]
  [data-elem-id="hbkKbTaG7x"]
  .solutions_icon_normal:active
  .solutions-svg,
[data-preset-id="7412598380718260228-Root"]
  [data-elem-id="hbkKbTaG7x"]
  .solutions_icon_normal:hover
  .solutions-svg {
  opacity: 1;
  color: #336df4;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="h1np7mrsxE"] {
  width: 28px;
  height: 23px;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="o3DXaokLW8"] {
  margin-left: 45px;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="vVMdMLzn2p"] {
  display: flex;
  position: relative;
  width: calc(100% - ((100vw - 1136px) / 2));
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="Bs8ahP88zl"] {
  max-width: 1920px;
  display: flex;
  width: 1920px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  position: relative;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="3AY5dhPlSG"] {
  overflow: hidden;
  height: 400px;
  border-radius: 16px;
  box-sizing: border-box;
  min-height: 320px;
  width: 32.5vw;
  margin-right: 1.29vw;
  position: relative;
}
[data-preset-id="7412598380718260228-Root"]
  [data-elem-id="3AY5dhPlSG"]
  .button {
  width: 100%;
  height: 100%;
  border-radius: 100px;
  border: 1px solid var(--text-caption, #646a73);
  color: var(--text-title);
  transition: width 0.3s;
}
[data-preset-id="7412598380718260228-Root"]
  [data-elem-id="3AY5dhPlSG"]
  .button:hover {
  width: calc(100% + 5px);
  border-width: 2px;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="6Dyi89szOV"] {
  width: calc(100% - 2px);
  margin-left: 1px;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="sTcC649VTS"] {
  width: 100%;
  border-top-left-radius: 17px;
  border-top-right-radius: 17px;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="zTJm5clsRr"] {
  width: 100%;
  position: absolute;
  bottom: 0;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  transition: height 0.2s ease-in-out;
  background: #f6f6fb;
  overflow: hidden;
  box-sizing: border-box;
  height: 269px;
  cursor: default;
  padding: 35px 38px 34px 36px;
  z-index: 1;
  flex-direction: column;
}
@media screen and (min-width: 600px) and (max-width: 904px) {
  [data-preset-id="7411502042756825116-Root"] [data-elem-id="xwIXrGcTbb"] {
    min-height: 66px;
  }
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="zTJm5clsRr"] {
    height: 81px;
    width: 197px;
    padding-top: 10.5px;
    padding-bottom: 13px;
    padding-left: 21px;
    max-width: 197px;
  }
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="zTJm5clsRr"].active {
  height: 100%;
  max-height: 100%;
}
[data-preset-id="7412598380718260228-Root"]
  [data-elem-id="zTJm5clsRr"].active
  .option_desc {
  margin-top: 5px;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="DeMHnaY5KK"] {
  font-weight: 600;
  display: block;
  color: #1f2329;
  font-size: 28px;
  line-height: 46px;
  font-family: PingFang SC;
  margin: 0;
}
@media screen and (min-width: 600px) and (max-width: 904px) {
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="DeMHnaY5KK"] {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (min-width: 905px) and (max-width: 1240px) {
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="zTJm5clsRr"] {
    height: 23.78vw;
    max-height: 269px;
    padding-left: 3.18vw;
    padding-right: 3.18vw;
  }
  [data-preset-id="7412598380718260228-Root"]
    [data-elem-id="zTJm5clsRr"].active
    .option_desc {
    margin-top: 0.72vw;
  }
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="DeMHnaY5KK"] {
    font-size: 24px;
    line-height: 36px;
  }
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="sU7eJVuHNo"] {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #646a73;
  margin-top: 11px;
  font-family: PingFang SC;
  display: inline-block;
}
@media screen and (min-width: 600px) and (max-width: 904px) {
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="sU7eJVuHNo"] {
    font-size: 14px;
    line-height: 22px;
  }
}
@media screen and (min-width: 905px) and (max-width: 1240px) {
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="sU7eJVuHNo"] {
    font-size: 16px;
    line-height: 24px;
    margin-top: 0.89vw;
  }
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="svPB1vCKUc"] {
  height: 1px;
  opacity: 0.5;
  background: linear-gradient(90deg, #41a4ff 0, #638fff 50.52%, #9554ff 100%);
  margin-top: 3.3vw;
  margin-bottom: 3.3vw;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="OBlF7E4xFJ"] {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 2.26vw;
  margin-bottom: 0.81vw;
}
@media screen and (min-width: 600px) and (max-width: 904px) {
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="OBlF7E4xFJ"] {
    height: 16px;
    margin-top: 14px;
  }
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="cBMXMv6J4Y"] {
    height: 148px;
    border-radius: 16px;
  }
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="MZooEqGVsS"] {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #1f2329;
}
@media screen and (min-width: 905px) and (max-width: 1240px) {
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="MZooEqGVsS"] {
    font-size: 1.54vw;
  }
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="19RhH6znAT"] {
  display: block;
  width: 47.66%;
  bottom: 2.82vw;
  max-width: 172px;
  margin-top: 4.11vw;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="zwbsSNn7Kw"] {
  width: 12.66vw;
  height: 2.9vw;
  max-height: 36px;
  max-width: 157px;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="n4AbCJfm58"] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="jeYbCNahnO"] {
  margin-left: 1.5vw;
  font-size: 1.13vw;
  line-height: 1.77vw;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="99qqQFPfQT"] {
  width: 5%;
  bottom: 2.82vw;
  height: 2.9vw;
  max-height: 36px;
  display: flex;
  align-items: center;
  margin-top: 7.15vw;
}
@media screen and (min-width: 1240px) {
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="vVMdMLzn2p"] {
    margin-left: calc((100vw - 1136px) / 2);
  }
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="svPB1vCKUc"] {
    margin: 30px 0;
  }
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="OBlF7E4xFJ"] {
    margin-bottom: 10px;
    height: 28px;
    line-height: 28px;
  }
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="19RhH6znAT"] {
    margin-top: 51px;
  }
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="zwbsSNn7Kw"] {
    width: 157px;
  }
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="jeYbCNahnO"] {
    font-size: 14px;
    line-height: 22px;
    margin-left: 16px;
  }
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="99qqQFPfQT"] {
    margin-top: 75px;
  }
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="Q1GmeYQHLe"] {
  width: 17px;
  height: 14px;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="gzXWlJEM00"] {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: var(--text-title);
  margin-bottom: 60px;
}
@media screen and (max-width: 904px) {
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="gzXWlJEM00"] {
    margin-bottom: 40px;
    font-size: 36px;
  }
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="Fblc4scYo4"] {
  width: 92%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin: 0 auto;
  gap: 24px;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="cBMXMv6J4Y"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-height: 132px;
  width: 100%;
  justify-content: flex-start;
  background-color: #f6f6fb;
  overflow: hidden;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="M44XA5PURa"] {
  display: flex;
  width: 100%;
  height: 100%;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="QB924lgO2Y"] {
  height: 100%;
  width: 28.13455657%;
  min-width: 92px;
  max-width: 148px;
  min-height: 82px;
  max-height: 132px;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="vdSuTxwLaN"] {
  height: 100%;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="E6qOzx1cwt"] {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 40px;
  padding-right: 40px;
  gap: 9px;
  justify-content: center;
}
@media screen and (max-width: 599px) {
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="gzXWlJEM00"] {
    margin-bottom: calc(40vw / 3.75);
    font-size: calc(24vw / 3.75);
  }
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="Fblc4scYo4"] {
    gap: calc(20vw / 3.75);
  }
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="cBMXMv6J4Y"] {
    height: calc(82vw / 3.75);
    border-radius: calc(12vw / 3.75);
  }
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="E6qOzx1cwt"] {
    padding-left: calc(28vw / 3.75);
    padding-right: calc(22vw / 3.75);
    gap: calc(6vw / 3.75);
  }
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="jTUoDAynrI"] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 32px;
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="jTUoDAynrI"] {
    font-size: calc(20vw / 3.75);
  }
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="C3i5C8Ixok"] {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.57;
  color: var(--text-caption);
}
@media screen and (max-width: 599px) {
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="C3i5C8Ixok"] {
    font-size: calc(14vw / 3.75);
  }
  [data-preset-id="7412889869670416387-Root"] {
    overflow: hidden;
  }
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="1MZHLX8DRW"] {
  font-size: 36px;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="2eAbVQY1U8"] {
  font-size: 22px;
  color: #3370ff;
  margin-right: 8px;
}
[data-preset-id="7412598380718260228-Root"] [data-elem-id="ILmJy6k0ff"] {
  font-size: 20px;
  margin-right: 1.1vw;
}
@media screen and (min-width: 1240px) {
  [data-preset-id="7412598380718260228-Root"] [data-elem-id="ILmJy6k0ff"] {
    margin-right: 15px;
  }
}
[data-preset-id="7412889869670416387-Root"] {
  margin: 0 auto;
}
[data-preset-id="7412889869670416387-Root"] [data-elem-id="JRQXmGwUvS"] {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: var(--text-title);
  margin-bottom: 40px;
}
@media screen and (max-width: 904px) {
  [data-preset-id="7412889869670416387-Root"] [data-elem-id="JRQXmGwUvS"] {
    font-size: 36px;
  }
}
[data-preset-id="7412889869670416387-Root"] [data-elem-id="a5oQPih0xh"] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 24px;
  position: relative;
  flex-wrap: wrap;
}
@media screen and (max-width: 599px) {
  [data-preset-id="7412889869670416387-Root"] [data-elem-id="JRQXmGwUvS"] {
    margin-bottom: calc(20vw / 3.75);
    font-size: calc(24vw / 3.75);
  }
  [data-preset-id="7412889869670416387-Root"] [data-elem-id="a5oQPih0xh"] {
    flex-wrap: nowrap;
    gap: calc(6vw / 3.75);
    padding: calc(16vw / 3.75);
    justify-content: flex-start;
    overflow-x: auto;
    overflow-x: overlay;
  }
  [data-preset-id="7412889869670416387-Root"]
    [data-elem-id="a5oQPih0xh"]::-webkit-scrollbar {
    width: 0;
    background: 0 0;
    display: none;
  }
}
[data-preset-id="7412889869670416387-Root"] [data-elem-id="3H8tJg4FLr"] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
}
@media screen and (max-width: 904px) {
  [data-preset-id="7412889869670416387-Root"] [data-elem-id="3H8tJg4FLr"] {
    flex-direction: column;
  }
}
[data-preset-id="7412889869670416387-Root"] [data-elem-id="ZRrIKZ7TgN"] {
  gap: 8px;
  flex-shrink: 0;
  width: 128px;
  height: 116px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
[data-preset-id="7412889869670416387-Root"] [data-elem-id="ZRrIKZ7TgN"].active {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 20px 40px rgba(176, 191, 231, 0.3);
}
[data-preset-id="7412889869670416387-Root"] [data-elem-id="cIhEIrefOp"] {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: var(--text-title);
  opacity: 0.8;
}
[data-preset-id="7412889869670416387-Root"] [data-elem-id="5Cjwf401JL"] {
  width: auto;
  height: 40px;
}
@media screen and (max-width: 599px) {
  [data-preset-id="7412889869670416387-Root"] [data-elem-id="3H8tJg4FLr"] {
    padding: 0 calc(16vw / 3.75);
  }
  [data-preset-id="7412889869670416387-Root"] [data-elem-id="ZRrIKZ7TgN"] {
    flex-wrap: nowrap;
    width: calc(92vw / 3.75);
    height: calc(84vw / 3.75);
    border-radius: calc(12vw / 3.75);
    gap: calc(6vw / 3.75);
  }
  [data-preset-id="7412889869670416387-Root"]
    [data-elem-id="ZRrIKZ7TgN"].active {
    box-shadow: 0 14.4px 28.8px 0 rgba(176, 191, 231, 0.3);
  }
  [data-preset-id="7412889869670416387-Root"] [data-elem-id="cIhEIrefOp"] {
    font-size: calc(11vw / 3.75);
  }
  [data-preset-id="7412889869670416387-Root"] [data-elem-id="5Cjwf401JL"] {
    height: calc(29vw / 3.75);
  }
}
[data-preset-id="7412889869670416387-Root"] [data-elem-id="97XuaqpLlp"] {
  width: 26.93661972%;
  min-width: 271px;
  max-width: 306px;
}
[data-preset-id="7412889869670416387-Root"] [data-elem-id="xRb9KZooxc"] {
  width: 100%;
}
[data-preset-id="7412889869670416387-Root"] [data-elem-id="cAK8AZFIXe"] {
  white-space: pre-wrap;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 1.15;
  color: var(--text-title);
}
@media screen and (max-width: 904px) {
  [data-preset-id="7412889869670416387-Root"] [data-elem-id="97XuaqpLlp"] {
    width: 100%;
    min-width: intial;
    max-width: initial;
  }
  [data-preset-id="7412889869670416387-Root"] [data-elem-id="cAK8AZFIXe"] {
    white-space: initial;
    font-size: 36px;
  }
}
@media screen and (max-width: 599px) {
  [data-preset-id="7412889869670416387-Root"] [data-elem-id="cAK8AZFIXe"] {
    font-size: calc(24vw / 3.75);
  }
}
[data-preset-id="7412889869670416387-Root"] [data-elem-id="OxqujttM32"] {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #646a73;
  margin: 12px 0 48px;
}
@media screen and (min-width: 905px) and (max-width: 1239px) {
  [data-preset-id="7412889869670416387-Root"] [data-elem-id="OxqujttM32"] {
    margin: 12px 0 24px;
  }
}
@media screen and (max-width: 904px) {
  [data-preset-id="7412889869670416387-Root"] [data-elem-id="OxqujttM32"] {
    margin: calc(12vw / 6) 0 calc(45vw / 6);
    font-size: 24px;
  }
  [data-preset-id="7412889869670416387-Root"] [data-elem-id="PN1BRIbXBi"] {
    display: none;
  }
}
[data-preset-id="7412889869670416387-Root"] [data-elem-id="jiC4iusgtV"] {
  width: 100%;
  height: 100%;
  outline: 0;
  border-radius: 24px;
  overflow: hidden;
  box-shadow:
    0 10px 40px rgba(114, 62, 223, 0.08),
    inset 3px 0 2px rgba(255, 255, 255, 0.2),
    inset 0 -6px 6px rgba(255, 255, 255, 0.25);
}
[data-preset-id="7412889869670416387-Root"] [data-elem-id="6conUrAk7I"] {
  align-items: center;
  justify-content: center;
  display: none;
}
@media screen and (max-width: 904px) {
  [data-preset-id="7412889869670416387-Root"] [data-elem-id="6conUrAk7I"] {
    display: flex;
    margin-top: calc(45vw / 6);
  }
}
[data-preset-id="7412889869670416387-Root"] [data-elem-id="duAv3mYQKz"] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  gap: 24px;
}
@media screen and (max-width: 599px) {
  [data-preset-id="7412889869670416387-Root"] [data-elem-id="OxqujttM32"] {
    margin: calc(12vw / 3.75) 0 calc(40vw / 3.75);
    font-size: calc(16vw / 3.75);
  }
  [data-preset-id="7412889869670416387-Root"] [data-elem-id="6conUrAk7I"] {
    display: flex;
    margin-top: calc(40vw / 3.75);
  }
  [data-preset-id="7412889869670416387-Root"] [data-elem-id="duAv3mYQKz"] {
    gap: calc(24vw / 3.75);
  }
  [data-preset-id="7412889869670416387-Root"] [data-elem-id="duAv3mYQKz"]:after,
  [data-preset-id="7412889869670416387-Root"]
    [data-elem-id="duAv3mYQKz"]:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(24vw / 3.75);
    height: calc(100vw / 3.75);
    width: calc(60vw / 3.75);
    z-index: 1;
  }
  [data-preset-id="7412889869670416387-Root"]
    [data-elem-id="duAv3mYQKz"]:before {
    left: -1px;
    background: linear-gradient(90deg, #fff 0, rgba(255, 255, 255, 0) 100%);
  }
  [data-preset-id="7412889869670416387-Root"]
    [data-elem-id="duAv3mYQKz"]:after {
    right: -1px;
    background: linear-gradient(270deg, #fff 0, rgba(255, 255, 255, 0) 100%);
  }
}
[data-preset-id="7412889869670416387-Root"] [data-elem-id="8d0JVzri49"] {
  display: block;
  line-height: 0;
}
[data-preset-id="7412889869670416387-Root"] [data-elem-id="p3kMSZCYyn"] {
  width: 66.54929577%;
  max-width: 756px;
}
[data-preset-id="7412889869670416387-Button"] [data-elem-id="go07Z8hkcc"] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 12px 12px 24px;
  gap: 16px;
  width: fit-content;
  background: linear-gradient(
    94.6deg,
    #33d6c0 1.12%,
    #5083fb 25.01%,
    #336df4 51.07%,
    #4752e6 75.79%,
    #8d55ed 100%
  );
  box-shadow: 0 30px 60px rgba(71, 82, 230, 0.24);
  border-radius: 100px;
  font-size: 24px;
}
[data-preset-id="7412889869670416387-Button"] [data-elem-id="MCRn0aSx3W"] {
  flex-shrink: 0;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: var(--bg-body, #fff);
}
[data-preset-id="7412889869670416387-Button"] [data-elem-id="J49iIH59bo"] {
  flex-shrink: 0;
  background: #fff;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 905px) and (max-width: 1239px) {
  [data-preset-id="7412889869670416387-Button"] [data-elem-id="go07Z8hkcc"] {
    padding: calc(9.6vw / 9.05) calc(9.6vw / 9.05) calc(9.6vw / 9.05)
      calc(19.2vw / 9.05);
    gap: calc(12.8vw / 9.05);
    font-size: calc(19.2vw / 9.05);
  }
  [data-preset-id="7412889869670416387-Button"] [data-elem-id="J49iIH59bo"] {
    width: calc(35.2vw / 9.05);
    height: calc(35.2vw / 9.05);
  }
}
[data-preset-id="7412889869670416387-Button"] [data-elem-id="gYsCM0jTfQ"] {
  color: var(--primary-pri-500, #336df4);
}
.lite-login-dialog {
  min-width: auto !important;
}
#pp_popupContainer .ud__modal__close,
.lite-login-dialog__close {
  display: none;
}
.lite-login-dialog__inner {
  padding: 0;
}
#pp_popupContainer .ud__modal__body {
  border: none;
}
.lite-login-dialog__biz {
  margin: 0;
  position: relative;
  width: 464px;
  height: 500px;
}
.custom-left-img,
.custom-left-wrapper {
  width: 100%;
  height: 100%;
}
[data-preset-id="7537989200336551937-Root"] {
  font-size: 0;
  line-height: 0;
}
[data-preset-id="7537989200336551937-Root"] [data-elem-id="K9i8h3Fsvq"] {
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  color: inherit;
  display: inline-block;
}
[data-preset-id="7537989200336551937-Root"] [data-elem-id="K9i8h3Fsvq"] svg {
  width: 100%;
  height: auto;
}
[data-preset-id="7537989200336551937-Root"]
  [data-elem-id="K9i8h3Fsvq"]
  svg:not(.maturity-preview)
  path {
  fill: currentColor;
}
[data-preset-id="7537989200336551937-Root"]
  [data-elem-id="K9i8h3Fsvq"].clickable {
  cursor: pointer;
}
[data-preset-id="7537989200336551937-Root"]
  [data-elem-id="K9i8h3Fsvq"].clickable:hover {
  background: rgba(175, 183, 199, 0.4);
}
[data-preset-id="7537989200336551937-Root"]
  [data-elem-id="K9i8h3Fsvq"].preview {
  background: rgba(210, 214, 223, 0.8);
}
[data-preset-id="7537989200336551937-Root"]
  [data-elem-id="K9i8h3Fsvq"].preview.clickable:hover {
  background:
    linear-gradient(0deg, #d2d6df, #d2d6df),
    linear-gradient(0deg, rgba(175, 183, 199, 0.4), rgba(175, 183, 199, 0.4));
}
.feishu-complement-form-popup .hc_Popup-icon {
  top: 12px;
  right: 12px;
}
@media screen and (max-width: 904px) {
  [data-preset-id="7412889869670416387-Root"] [data-elem-id="p3kMSZCYyn"] {
    width: 100%;
    min-width: intial;
    max-width: initial;
  }
  .feishu-complement-form-popup .hc_Popup-icon {
    top: 8px;
    right: 18px;
  }
}
@media screen and (max-width: 599px) {
  [data-preset-id="7412889869670416387-Button"] [data-elem-id="go07Z8hkcc"] {
    padding: calc(12vw / 3.75) calc(12vw / 3.75) calc(12vw / 3.75)
      calc(24vw / 3.75);
    gap: calc(12vw / 3.75);
    font-size: calc(19.2vw / 3.75);
  }
  [data-preset-id="7412889869670416387-Button"] [data-elem-id="J49iIH59bo"] {
    width: calc(35.2vw / 3.75);
    height: calc(35.2vw / 3.75);
  }
  .feishu-complement-form-popup .hc_Popup-icon {
    top: 5px;
    right: 16px;
  }
}
.feishu-complement-form-popup .feishu-complement-form-popup-content {
  --padding-l-r: 32px;
  width: 890px;
  padding: 32px var(--padding-l-r);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  border-radius: 12px;
  background-color: var(--bg-body, #fff);
  overflow-y: overlay;
  max-height: 100vh;
}
.feishu-complement-form-popup
  .feishu-complement-form-popup-content
  .left-content-wrapper {
  width: calc(400 / calc(890 - 32 * 2) * 100%);
}
.feishu-complement-form-popup
  .feishu-complement-form-popup-content
  .right-form-wrapper {
  width: calc(360 / calc(890 - 32 * 2) * 100%);
}
@media screen and (max-width: 904px) {
  .feishu-complement-form-popup .feishu-complement-form-popup-content {
    --padding-l-r: 24px;
    width: 96%;
    max-width: 450px;
    padding: 32px var(--padding-l-r) 24px;
    flex-direction: column;
  }
  .feishu-complement-form-popup
    .feishu-complement-form-popup-content
    .left-content-wrapper,
  .feishu-complement-form-popup
    .feishu-complement-form-popup-content
    .right-form-wrapper {
    width: 100%;
  }
  .feishu-complement-form-popup .left-content-wrapper .left-content-img {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .feishu-complement-form-popup .feishu-complement-form-popup-content {
    --padding-l-r: 19.26px;
    padding: 24px var(--padding-l-r) 20px;
    gap: 12.84px;
  }
  .feishu-complement-form-popup .left-content-wrapper .left-content-texts {
    font-size: 12.84px;
  }
}
.feishu-complement-form-popup .left-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 26px;
}
.feishu-complement-form-popup .left-content-wrapper .left-content-img {
  width: 100%;
}
.feishu-complement-form-popup .left-content-wrapper .left-content-texts {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.feishu-complement-form-popup .left-content-wrapper .left-content-texts-title {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.4;
  color: var(--text-title, #1f2329);
}
@media screen and (max-width: 904px) {
  .feishu-complement-form-popup
    .left-content-wrapper
    .left-content-texts-title {
    font-size: 20px;
    line-height: 2.1;
  }
}
@media screen and (max-width: 599px) {
  .feishu-complement-form-popup
    .left-content-wrapper
    .left-content-texts-title {
    font-size: 19.26px;
    line-height: 1.65;
  }
}
.feishu-complement-form-popup .left-content-wrapper .left-content-texts-desc {
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.57;
  color: var(--text-caption, #646a73);
}
@media screen and (max-width: 599px) {
  .feishu-complement-form-popup .left-content-wrapper .left-content-texts-desc {
    font-size: 12px;
  }
}
.feishu-complement-form-popup
  .right-form-wrapper
  .ud__col-span-24.ud__form__item__label,
.feishu-complement-form-popup
  .right-form-wrapper
  .ud__col-xl-span-24.ud__form__item__label,
.feishu-complement-form-popup
  .right-form-wrapper
  .ud__form-vertical
  .ud__form__item__label {
  padding: 0 0 6px;
}
.feishu-complement-form-popup
  .right-form-wrapper
  [data-preset-id="7309373480880029697-Root"]
  .ud__form__item {
  margin-bottom: 16px;
}
.feishu-complement-form-popup [data-elem-id="DKLJbmJGsC"].ud__button {
  font-weight: 400;
}
[data-preset-id="7573966922348068866-LeadForm"] [data-elem-id="uTI63J06ci"] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-height: 0;
}
[data-preset-id="7573966922348068866-LeadForm"]
  [data-elem-id="uTI63J06ci"].is-mobile
  .lead-form-title {
  font-size: 26px;
  line-height: 34px;
}
[data-preset-id="7573966922348068866-LeadForm"]
  [data-elem-id="uTI63J06ci"].is-mobile
  .lead-form-titleArea {
  gap: 12px;
}
[data-preset-id="7573966922348068866-LeadForm"] [data-elem-id="fFFN1Zk6bb"] {
  width: 100%;
  font-weight: 400;
}
[data-preset-id="7573966922348068866-LeadForm"] [data-elem-id="RdZBHBTZAs"] {
  font-size: 12px;
  line-height: 18px;
  color: #646a73;
}
[data-preset-id="7573966922348068866-LeadForm"] [data-elem-id="RdZBHBTZAs"] a {
  color: #3370ff;
}
[data-preset-id="7573966922348068866-LeadForm"]
  [data-elem-id="RdZBHBTZAs"]
  a:hover {
  text-decoration: underline;
}
.feishu-complement-form .ud__form__item {
  margin-bottom: 16px;
  gap: 6px;
}
.feishu-complement-form .ud__form__item__control {
  margin-bottom: 0;
}
.feishu-complement-form .ud__form__item__required-mark {
  display: none;
}
.feishu-complement-form
  .ud__form-vertical
  .ud__form__item
  .ud__form__item__control,
.feishu-complement-form
  .ud__form-vertical
  .ud__form__item
  .ud__form__item__label {
  margin-bottom: 0;
}
.maturity-tag {
  font-size: 0;
  line-height: 0;
}
.maturity-tag [data-elem-id="K9i8h3Fsvq"] {
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.maturity-tag [data-elem-id="K9i8h3Fsvq"] svg {
  width: 100%;
  height: auto;
}
.maturity-tag [data-elem-id="K9i8h3Fsvq"] svg:not(.maturity-preview) path {
  fill: currentColor;
}
.maturity-tag [data-elem-id="K9i8h3Fsvq"].clickable {
  cursor: pointer;
}
.maturity-tag [data-elem-id="K9i8h3Fsvq"].clickable:hover {
  background: rgba(175, 183, 199, 0.4);
}
.maturity-tag [data-elem-id="K9i8h3Fsvq"].preview {
  background: rgba(210, 214, 223, 0.8);
}
.maturity-tag [data-elem-id="K9i8h3Fsvq"].preview.clickable:hover {
  background:
    linear-gradient(0deg, #d2d6df, #d2d6df),
    linear-gradient(0deg, rgba(175, 183, 199, 0.4), rgba(175, 183, 199, 0.4));
}
.u10tiqix {
  min-width: 0;
}
.uqerorx {
  flex-grow: 1;
}
.udrzuqr {
  cursor: not-allowed;
}
.u17mccla {
  text-align: center;
}
.u1xqy1su {
  user-select: none;
}
.u1lmfglv {
  margin-top: 0;
}
.uibjyge {
  margin-right: 0;
}
.u1abmfm4 {
  margin-bottom: 0;
}
.u9yszdx {
  margin-left: 0;
}
.ueqmc2u {
  width: 40px;
}
.uses1vf {
  font-size: 14px;
}
.u1szoe96 {
  width: 32px;
}
.u1w9dchk {
  width: 28px;
}
.u4ybsrx {
  font-size: 16px;
}
.ubhnoac {
  height: 40px;
}
.u1d2rq10 {
  height: 32px;
}
.u1ugzwwg {
  font-size: 12px;
}
.uxldao9 {
  height: 28px;
}
.u22iagw {
  display: flex;
}
.u1nbblvp {
  padding-top: 0;
}
.uifp7yv {
  padding-right: 0;
}
.u1ov4xf1 {
  padding-bottom: 0;
}
.u1asdtw4 {
  padding-left: 0;
}
.u82itaf {
  line-height: 22px;
}
.u1ewtqcl {
  box-sizing: border-box;
}
.utgm304 {
  display: block;
}
.u71fsbu {
  font-weight: 400;
}
.u1n95isl {
  line-height: 20px;
}
.u1hd9hm2 {
  font-weight: 500;
}
.ul9ro5r {
  line-height: 19.200000000000003px;
}
.uee9c6b {
  zoom: 0.8333333333333334;
}
.u1hsvuyd {
  -webkit-text-size-adjust: none;
}
.unmn6fi {
  font-size: 10px;
}
.u104wqfl {
  line-height: 16px;
}
.uag92jf {
  font-size: 30px;
}
.u1qho9m7 {
  line-height: 46px;
}
.uhuq1gn {
  font-weight: 600;
}
.u1rt2boy {
  font-size: 24px;
}
.u1h5fybs {
  line-height: 36px;
}
.ue5j1ua {
  font-size: 20px;
}
.upfng1i {
  line-height: 30px;
}
.ug38ndl {
  font-size: 18px;
}
.u336tjw {
  line-height: 28px;
}
.u8xlz6g {
  line-height: 24px;
}
.u1cmbuwj {
  text-overflow: ellipsis;
}
.u1a3p1vp {
  overflow: hidden;
}
.u1rvi9lw {
  display: -webkit-box;
}
.ui1h9r9 {
  -webkit-box-orient: vertical;
}
.u6juhto {
  white-space: normal;
}
.u1bftd5k {
  word-break: normal;
}
.uz5stix {
  white-space: nowrap;
}
.uiy7161 {
  word-break: keep-all;
}
.u14t3ns0 {
  display: inline-block;
}
.uns1q8e {
  color: var(--udtoken-component-text-disabled-loading);
}
.u1j4dglz {
  font-style: italic;
}
.u1j59e10 {
  text-align: justify;
}
.u12ymhq5 {
  text-align: end;
}
.upgzoln {
  text-align: start;
}
.uhx3js9 {
  word-wrap: break-word;
}
.uokg9q4 {
  overflow-wrap: break-word;
}
.u1qumt79 {
  line-height: inherit;
}
.uf5ikls {
  font-weight: inherit;
}
.ujoy568 {
  font-size: inherit;
}
.u1jhi6b8 {
  flex-grow: 0;
}
.u1guyajx {
  align-items: baseline;
}
.ui64zpg {
  flex-shrink: 0;
}
.u1j7mq28 {
  width: 0;
}
.ud7fpy0 {
  visibility: hidden;
}
.u1rmlqtg {
  flex-basis: auto;
}
.u64fuq3 {
  width: 20px;
}
.ud__layout {
  box-sizing: border-box;
  display: flex;
  flex: auto;
  flex-direction: column;
  min-height: 0;
  background: var(--bg-base);
}
.ud__layout--has-sider {
  flex-direction: row;
}
.ud__layout--has-sider > .ud__layout,
.ud__layout--has-sider > .ud__layout-content {
  overflow-x: hidden;
}
.ud__layout__footer,
.ud__layout__header {
  flex: 0 0 auto;
}
.ud__layout__header {
  box-sizing: border-box;
  height: 64px;
  padding: 0 24px;
  color: var(--text-title);
  line-height: 64px;
  background: var(--bg-float);
}
.ud__layout__footer {
  box-sizing: border-box;
  padding: 24px;
  color: var(--text-title);
  font-size: 14px;
  background: var(--bg-base);
}
.ud__layout__content {
  box-sizing: border-box;
  flex: auto;
  min-height: 0;
}
.ud__layout__sider {
  box-sizing: border-box;
  position: relative;
  min-width: 0;
  background: var(--bg-float);
  transition: none 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
  transition-property: width, min-width, max-width;
}
.ud__layout__sider__children {
  box-sizing: border-box;
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.ud__layout__sider-has-trigger {
  padding-bottom: 48px;
}
.ud__layout__sider-right {
  order: 1;
}
.ud__layout__sider-trigger {
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  z-index: 1;
  height: 48px;
  color: var(--text-title);
  line-height: 48px;
  text-align: center;
  background: var(--bg-float);
  border-top: 1px solid var(--line-border-component);
  cursor: pointer;
  transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__layout__sider .ud__menu-inline-collapsed {
  width: 100%;
}
.ud__layout__sider--zero-width > * {
  overflow: hidden;
}
.ud__layout__sider--zero-width-trigger {
  position: absolute;
  top: 64px;
  right: -36px;
  z-index: 1;
  width: 36px;
  height: 42px;
  color: var(--text-title);
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  background: var(--bg-float);
  border-radius: 0 6px 6px 0;
  cursor: pointer;
  transition: background 0.3s;
}
.ud__layout__sider--zero-width-trigger:hover {
  background: var(--bg-float);
}
.ud__layout__sider--zero-width-trigger-right {
  left: -36px;
  border-radius: 6px 0 0 6px;
}
.ud__menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  line-height: 1.5715;
  list-style: none;
  color: var(--text-title);
  font-size: 14px;
  text-align: left;
  background: var(--bg-float);
  outline: 0;
  transition: width 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__menu a:focus-visible,
.ud__menu-item:focus-visible,
.ud__menu-submenu-title:focus-visible {
  outline: 0;
  --hack-merge-rules: true;
}
.ud__menu a:focus,
.ud__menu-item:focus,
.ud__menu-submenu-title:focus {
  outline: 0;
}
.ud__menu::after,
.ud__menu::before {
  display: table;
  content: "";
}
.ud__menu ol,
.ud__menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ud__menu ul li {
  box-sizing: border-box;
}
.ud__menu-icon-wrap {
  box-sizing: border-box;
  display: flex;
  color: var(--icon-n1);
}
.ud__menu-icon-wrap-disabled {
  color: var(--icon-disabled);
}
.ud__menu-item-group-title {
  box-sizing: border-box;
  padding: 8px 20px;
  color: var(--text-placeholder);
  font-size: 14px;
}
.ud__menu-submenu {
  box-sizing: border-box;
}
.ud__menu-submenu.ud-slide-up-appear.ud-slide-up-appear-active.ud__menu-submenu-placement-bottomLeft,
.ud__menu-submenu.ud-slide-up-enter.ud-slide-up-enter-active.ud__menu-submenu-placement-bottomLeft {
  animation-name: udSlideUpIn;
}
.ud__menu-submenu.ud-slide-up-appear.ud-slide-up-appear-active.ud__menu-submenu-placement-topLeft,
.ud__menu-submenu.ud-slide-up-enter.ud-slide-up-enter-active.ud__menu-submenu-placement-topLeft {
  animation-name: udSlideDownIn;
}
.ud__menu-submenu.ud-slide-up-leave.ud-slide-up-leave-active.ud__menu-submenu-placement-bottomLeft {
  animation-name: udSlideUpOut;
}
.ud__menu-submenu.ud-slide-up-leave.ud-slide-up-leave-active.ud__menu-submenu-placement-topLeft {
  animation-name: udSlideDownOut;
}
.ud__menu-submenu-selected,
.ud__menu-submenu-selected > .ud__menu-submenu-title > .ud__menu-icon-wrap {
  color: var(--primary-content-default);
}
.ud__menu-submenu-selected > .ud__menu-submenu-title {
  font-weight: 500;
}
.ud__menu-item:active,
.ud__menu-submenu-title:active {
  background: var(--fill-active);
}
.ud__menu-submenu .ud__menu-sub {
  cursor: initial;
  border: 1px solid var(--line-border-card);
  box-shadow: var(--shadow-s4-down);
}
.ud__menu-item a {
  color: var(--text-title);
}
.ud__menu-item a:hover {
  color: var(--primary-content-default);
}
.ud__menu-item a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: "";
}
.ud__menu-item-divider {
  height: 1px;
  overflow: hidden;
  line-height: 0;
  background-color: var(--line-divider-default);
}
.ud__menu-item-active,
.ud__menu-submenu-title:hover {
  background: var(--fill-hover);
}
.ud__menu-item-selected {
  color: var(--primary-content-default);
  font-weight: 500;
}
.ud__menu-item-selected .ud__menu-icon-wrap,
.ud__menu-item-selected a,
.ud__menu-item-selected a:hover {
  color: var(--primary-content-default);
}
.ud__menu:not(.ud__menu-horizontal) .ud__menu-item-selected {
  background-color: var(--fill-active);
}
.ud__menu-vertical-right {
  border-left: 1px solid var(--line-border-card);
}
.ud__menu-vertical-left.ud__menu-sub,
.ud__menu-vertical-right.ud__menu-sub,
.ud__menu-vertical.ud__menu-sub {
  min-width: 160px;
  max-height: calc(100vh - 100px);
  padding: 8px 0;
  overflow: hidden;
  transform-origin: 0 0;
}
.ud__menu-vertical-left.ud__menu-sub:not(.ud-zoom-big-enter-active):not(
    .ud-zoom-big-leave-active
  ),
.ud__menu-vertical-right.ud__menu-sub:not(.ud-zoom-big-enter-active):not(
    .ud-zoom-big-leave-active
  ),
.ud__menu-vertical.ud__menu-sub:not(.ud-zoom-big-enter-active):not(
    .ud-zoom-big-leave-active
  ) {
  overflow-x: hidden;
  overflow-y: auto;
}
.ud__menu-vertical-left.ud__menu-sub .ud__menu-item,
.ud__menu-vertical-right.ud__menu-sub .ud__menu-item,
.ud__menu-vertical.ud__menu-sub .ud__menu-item {
  left: 0;
  border-right: 0;
}
.ud__menu-vertical-left.ud__menu-sub .ud__menu-item::after,
.ud__menu-vertical-right.ud__menu-sub .ud__menu-item::after,
.ud__menu-vertical.ud__menu-sub .ud__menu-item::after {
  border-right: 0;
}
.ud__menu-vertical-left.ud__menu-sub > .ud__menu-item,
.ud__menu-vertical-left.ud__menu-sub > .ud__menu-submenu,
.ud__menu-vertical-right.ud__menu-sub > .ud__menu-item,
.ud__menu-vertical-right.ud__menu-sub > .ud__menu-submenu,
.ud__menu-vertical.ud__menu-sub > .ud__menu-item,
.ud__menu-vertical.ud__menu-sub > .ud__menu-submenu {
  transform-origin: 0 0;
}
.ud__menu-vertical.ud__menu-sub {
  min-width: 140px;
}
.ud__menu-item,
.ud__menu-submenu-title {
  position: relative;
  display: flex;
  align-items: center;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
  transition:
    color 0.1s cubic-bezier(0, 0, 1, 1),
    border-color 0.1s cubic-bezier(0, 0, 1, 1),
    background 0.1s cubic-bezier(0, 0, 1, 1),
    padding 0.1s cubic-bezier(0, 0, 1, 1);
  margin: 1px 8px;
  border-radius: 4px;
}
.ud__menu-item .ud__menu-icon-wrap,
.ud__menu-submenu-title .ud__menu-icon-wrap {
  margin-right: 8px;
  font-size: 20px;
  transition: color 0.1s cubic-bezier(0, 0, 1, 1);
}
.ud__menu-item.ud__menu-item-only-child > svg,
.ud__menu-submenu-title.ud__menu-item-only-child > svg {
  margin-right: 0;
}
.ud__menu > .ud__menu-item-divider {
  height: 1px;
  margin: 1px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  background-color: var(--line-divider-default);
}
.ud__menu-submenu-popup {
  pointer-events: auto !important;
  position: absolute;
  z-index: 1050;
  border-radius: 6px;
}
.ud__menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.0001;
  content: " ";
}
.ud__menu-submenu-placement-rightTop::before {
  top: 0;
  left: -7px;
}
.ud__menu-submenu > .ud__menu {
  background-color: var(--bg-float);
  border-radius: 6px;
}
.ud__menu-submenu > .ud__menu-submenu-title::after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ud__menu-submenu-popup > .ud__menu {
  background-color: var(--bg-float);
}
.ud__menu-submenu-arrow,
.ud__menu-submenu-expand-icon {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  right: 16px;
  font-size: 12px;
  line-height: 0;
  display: inline-block;
  transform: translateY(-50%);
  color: var(--icon-n3);
}
.ud__menu-submenu:hover
  > .ud__menu-submenu-title
  > .ud__menu-submenu-expand-icon,
.ud__menu-vertical .ud__menu-submenu-selected,
.ud__menu-vertical-left .ud__menu-submenu-selected,
.ud__menu-vertical-right .ud__menu-submenu-selected {
  color: var(--primary-content-default);
}
.ud__menu-inline,
.ud__menu-vertical,
.ud__menu-vertical-left,
.ud__menu-vertical-right {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}
.ud__menu-inline .ud__menu-item,
.ud__menu-inline .ud__menu-submenu-title,
.ud__menu-vertical .ud__menu-item,
.ud__menu-vertical .ud__menu-submenu-title,
.ud__menu-vertical-left .ud__menu-item,
.ud__menu-vertical-left .ud__menu-submenu-title,
.ud__menu-vertical-right .ud__menu-item,
.ud__menu-vertical-right .ud__menu-submenu-title {
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 13px 16px;
  position: relative;
  z-index: 0;
}
.ud__menu-inline .ud__menu-item::after,
.ud__menu-inline .ud__menu-submenu-title::after,
.ud__menu-vertical .ud__menu-item::after,
.ud__menu-vertical .ud__menu-submenu-title::after,
.ud__menu-vertical-left .ud__menu-item::after,
.ud__menu-vertical-left .ud__menu-submenu-title::after,
.ud__menu-vertical-right .ud__menu-item::after,
.ud__menu-vertical-right .ud__menu-submenu-title::after {
  content: "";
  background-color: transparent;
  position: absolute;
  top: -1px;
  left: -8px;
  right: -8px;
  bottom: -1px;
  z-index: -1;
}
.ud__menu-vertical .ud__menu-submenu-title {
  padding-right: 36px;
}
.ud__menu-vertical .ud__menu-submenu-title[aria-expanded="true"] {
  background: var(--fill-hover);
}
.ud__menu-item-group-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
.ud__menu-item-group-list .ud__menu-item,
.ud__menu-item-group-list .ud__menu-submenu-title {
  padding-right: 16px;
  padding-left: 20px;
}
.ud__menu-root.ud__menu-inline,
.ud__menu-root.ud__menu-vertical,
.ud__menu-root.ud__menu-vertical-left,
.ud__menu-root.ud__menu-vertical-right {
  box-shadow: none;
}
.ud__menu-item-disabled,
.ud__menu-submenu-disabled {
  color: var(--text-disabled) !important;
  background: 0 0;
  border-color: transparent !important;
  cursor: not-allowed;
}
.ud__menu-item-disabled a,
.ud__menu-submenu-disabled a {
  color: var(--text-disabled) !important;
  pointer-events: none;
}
.ud__menu-item-disabled > .ud__menu-submenu-title,
.ud__menu-submenu-disabled > .ud__menu-submenu-title {
  color: var(--text-disabled) !important;
  cursor: not-allowed;
}
.ud__menu-item-disabled
  > .ud__menu-submenu-title
  > .ud__menu-submenu-arrow::after,
.ud__menu-item-disabled
  > .ud__menu-submenu-title
  > .ud__menu-submenu-arrow::before,
.ud__menu-submenu-disabled
  > .ud__menu-submenu-title
  > .ud__menu-submenu-arrow::after,
.ud__menu-submenu-disabled
  > .ud__menu-submenu-title
  > .ud__menu-submenu-arrow::before {
  background: var(--text-disabled) !important;
}
.ud__layout__header .ud__menu {
  line-height: inherit;
}
.ud__menu-horizontal > .ud__menu-item-active,
.ud__menu-horizontal > .ud__menu-item:hover,
.ud__menu-horizontal > .ud__menu-submenu .ud__menu-submenu-title:hover {
  background-color: transparent;
}
.ud__menu-horizontal.ud__menu-sub {
  min-width: 114px;
}
.ud__menu-horizontal {
  line-height: 56px;
  white-space: nowrap;
  border: 0;
}
.ud__menu-horizontal > .ud__menu-item,
.ud__menu-horizontal > .ud__menu-submenu {
  margin: 0;
  padding: 0 16px;
  font-size: 16px;
  position: relative;
  vertical-align: bottom;
  max-width: 320px;
}
.ud__menu-horizontal > .ud__menu-item-selected,
.ud__menu-horizontal > .ud__menu-submenu-selected {
  color: var(--primary-content-default);
  position: relative;
}
.ud__menu-horizontal > .ud__menu-item-selected .ud__menu-item__ink,
.ud__menu-horizontal > .ud__menu-submenu-selected .ud__menu-item__ink {
  position: absolute;
  height: 3px;
  bottom: 0;
  width: calc(100% - 2 * 16px);
  overflow: hidden;
}
.ud__menu-horizontal > .ud__menu-item-selected .ud__menu-item__ink::after,
.ud__menu-horizontal > .ud__menu-submenu-selected .ud__menu-item__ink::after {
  display: block;
  content: "";
  width: 100%;
  height: 3px;
  border-radius: 999999px;
  background-color: var(--primary-content-default);
}
.ud__menu-horizontal > .ud__menu-item-active,
.ud__menu-horizontal > .ud__menu-item-active .ud__menu-icon-wrap,
.ud__menu-horizontal > .ud__menu-item-open,
.ud__menu-horizontal > .ud__menu-item-open .ud__menu-icon-wrap,
.ud__menu-horizontal > .ud__menu-item:hover,
.ud__menu-horizontal > .ud__menu-item:hover .ud__menu-icon-wrap,
.ud__menu-horizontal > .ud__menu-submenu-active,
.ud__menu-horizontal > .ud__menu-submenu-active .ud__menu-icon-wrap,
.ud__menu-horizontal > .ud__menu-submenu-open,
.ud__menu-horizontal > .ud__menu-submenu-open .ud__menu-icon-wrap,
.ud__menu-horizontal > .ud__menu-submenu:hover,
.ud__menu-horizontal > .ud__menu-submenu:hover .ud__menu-icon-wrap {
  color: var(--primary-content-default);
}
.ud__menu-horizontal > .ud__menu-item-disabled-active .ud__menu-icon-wrap,
.ud__menu-horizontal > .ud__menu-item-disabled-open .ud__menu-icon-wrap,
.ud__menu-horizontal > .ud__menu-item-disabled:hover .ud__menu-icon-wrap,
.ud__menu-horizontal > .ud__menu-submenu-disabled-active .ud__menu-icon-wrap,
.ud__menu-horizontal > .ud__menu-submenu-disabled-open .ud__menu-icon-wrap,
.ud__menu-horizontal > .ud__menu-submenu-disabled:hover .ud__menu-icon-wrap {
  color: var(--icon-disabled);
}
.ud__menu-horizontal > .ud__menu-submenu > .ud__menu-submenu-title {
  margin: 0;
  padding: 0;
  position: static;
}
.ud__menu-horizontal > .ud__menu-item a {
  color: var(--text-title);
}
.ud__menu-horizontal > .ud__menu-item a:hover {
  color: var(--primary-content-default);
}
.ud__menu-horizontal > .ud__menu-item a::before {
  bottom: -2px;
}
.ud__menu-horizontal > .ud__menu-item-selected a {
  color: var(--primary-content-default);
}
.ud__menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: "\20";
}
.ud__menu-horizontal .ud__menu-overflow-expandIcon {
  margin-left: 4px;
  font-size: 14px;
  transition: transform 0.4s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__menu
  .ud__menu-overflow-item.ud__menu-submenu-open
  .ud__menu-overflow-expandIcon {
  transform: rotate(180deg);
}
.ud__menu-sub .ud__menu-item.ud__menu-item--root-horizontal,
.ud__menu-sub .ud__menu__submenu--root-horizontal .ud__menu-submenu-title,
.ud__menu__submenu--root-horizontal .ud__menu-item {
  padding-top: 9px;
  padding-bottom: 9px;
}
.ud__menu-normal {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  margin: 0;
  padding: 2px 0;
  text-align: left;
  list-style-type: none;
  background-color: var(--bg-float);
  border-radius: 6px;
  outline: 0;
  box-shadow: var(--shadow-s4-down);
  border: 1px solid var(--line-border-card);
  overflow-y: auto;
  overflow-y: overlay;
}
.ud__menu-normal a:focus-visible,
.ud__menu-normal-item:focus-visible,
.ud__menu-normal-submenu-title:focus-visible {
  outline: 0;
  --hack-merge-rules: true;
}
.ud__menu-normal a:focus,
.ud__menu-normal-item:focus,
.ud__menu-normal-submenu-title:focus {
  outline: 0;
}
.ud__menu-normal-item-group-title {
  box-sizing: border-box;
  padding: 4px 11px;
  color: var(--text-placeholder);
}
.ud__menu-normal-icon-wrap {
  box-sizing: border-box;
  line-height: 0;
  display: inline-block;
  color: var(--icon-n2);
  font-size: 16px;
  margin-right: 8px;
}
.ud__menu-normal-icon-wrap-disabled {
  color: var(--icon-disabled);
}
.ud__menu-normal-icon-wrap .universe-icon {
  vertical-align: -1px;
}
.ud__menu-normal-submenu-popup {
  box-sizing: border-box;
  position: absolute;
  z-index: 1050;
  background: 0 0;
  box-shadow: none;
  transform-origin: 0 0;
  border-width: 0;
  padding: 0;
  overflow-y: visible;
  pointer-events: auto !important;
}
.ud__menu-normal-submenu-popup li,
.ud__menu-normal-submenu-popup ul {
  list-style: none;
}
.ud__menu-normal-submenu-popup-include-subMenu
  > .ud__menu-normal
  > .ud__menu-normal-item {
  padding-right: 28px;
  max-width: 420px;
}
.ud__menu-normal-item-active,
.ud__menu-normal-item:hover,
.ud__menu-normal-submenu-active > .ud__menu-normal-submenu-title,
.ud__menu-normal-submenu-title:hover {
  background-color: var(--fill-hover);
}
.ud__menu-normal-item:focus-visible,
.ud__menu-normal-submenu-title:focus-visible {
  --hack-merge-rules: true;
  background-color: var(--fill-hover);
}
.ud__menu-normal-item,
.ud__menu-normal-submenu-title {
  display: flex;
  align-items: baseline;
  clear: both;
  cursor: pointer;
  box-sizing: border-box;
  margin: 1px 3px;
  padding: 4px 8px;
  border-radius: 4px;
  position: relative;
  z-index: 0;
}
.ud__menu-normal-item::after,
.ud__menu-normal-submenu-title::after {
  content: "";
  background-color: transparent;
  position: absolute;
  top: -1px;
  left: -3px;
  right: -3px;
  bottom: -1px;
  z-index: -1;
}
.ud__menu-normal-item[aria-expanded="true"],
.ud__menu-normal-submenu-title[aria-expanded="true"] {
  background: var(--fill-hover);
}
.ud__menu-normal-item a,
.ud__menu-normal-submenu-title a {
  display: block;
  color: var(--text-title);
  text-decoration: none;
}
.ud__menu-normal-item a:hover,
.ud__menu-normal-submenu-title a:hover {
  color: var(--text-title);
}
.ud__menu-normal-item-divider,
.ud__menu-normal-submenu-title-divider {
  box-sizing: border-box;
  height: 1px;
  margin: 3px 0;
  overflow: hidden;
  line-height: 0;
  box-shadow: inset 0 1px var(--line-divider-default);
}
.ud__menu-normal-item .ud__menu-normal-submenu-arrow,
.ud__menu-normal-submenu-title .ud__menu-normal-submenu-arrow {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  font-size: 12px;
  line-height: 0;
  display: inline-block;
  transform: translateY(-50%);
  color: var(--icon-n3);
  right: 8px;
}
.ud__menu-normal-item,
.ud__menu-normal-submenu {
  box-sizing: border-box;
  color: var(--text-title);
}
.ud__menu-normal-item-selected,
.ud__menu-normal-item-selected a {
  color: var(--primary-content-default);
}
.ud__menu-normal-item-suffix-icon {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  font-size: 12px;
  line-height: 0;
  display: inline-block;
  transform: translateY(-50%);
  color: var(--icon-n3);
  right: 8px;
}
.ud__menu-normal-item-selected .ud__menu-normal-icon-wrap,
.ud__menu-normal-item-selected > .ud__menu-normal-item-suffix-icon {
  color: var(--primary-content-default);
}
.ud__menu-normal-item-group-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ud__menu-normal-submenu-title {
  padding-right: 28px;
}
.ud__menu-normal-submenu-vertical {
  position: relative;
}
.ud__menu-normal-submenu-vertical > .ud__menu-normal {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  transform-origin: 0 0;
}
.ud__menu-normal-submenu.ud__menu-normal-submenu-disabled
  .ud__menu-normal-submenu-title,
.ud__menu-normal-submenu.ud__menu-normal-submenu-disabled
  .ud__menu-normal-submenu-title
  .ud__menu-normal-submenu-arrow-icon {
  box-sizing: border-box;
  color: var(--text-disabled);
  background-color: var(--bg-float);
  cursor: not-allowed;
}
.ud__menu-normal-item-disabled,
.ud__menu-normal-submenu-disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
}
.ud__menu-normal-item-disabled a,
.ud__menu-normal-submenu-disabled a {
  color: var(--text-disabled);
}
.ud__menu-submenu-inline .ud__menu-submenu-arrow-icon {
  box-sizing: border-box;
  box-sizing: border-box;
  transform: rotate(90deg);
  transition: transform 0.4s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud__menu-submenu-inline.ud__menu-submenu-open
  > .ud__menu-submenu-title
  .ud__menu-submenu-arrow-icon {
  transform: rotate(270deg);
}
.ud__menu-inline-collapsed-noicon {
  width: 20px;
  font-size: 16px;
  text-align: center;
}
.ud__menu-sub.ud__menu-inline {
  padding-left: 0;
  padding-right: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.ud__menu-sub.ud__menu-inline > .ud__menu-item,
.ud__menu-sub.ud__menu-inline > .ud__menu-submenu > .ud__menu-submenu-title {
  list-style-position: inside;
  list-style-type: disc;
}
.ud__menu-sub.ud__menu-inline .ud__menu-item-group-title {
  padding-left: 52px;
}
.ud__menu-inline {
  width: 100%;
}
.ud__menu-inline .ud__menu-item-selected::after,
.ud__menu-inline .ud__menu-selected::after {
  transform: scaleY(1);
  opacity: 1;
  transition:
    transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ud__menu-inline .ud__menu-submenu-title {
  padding-right: 36px;
}
.ud__menu-inline-collapsed {
  width: 64px;
}
.ud__menu-inline-collapsed > .ud__menu-item,
.ud__menu-inline-collapsed
  > .ud__menu-item-group
  > .ud__menu-item-group-list
  > .ud__menu-item,
.ud__menu-inline-collapsed
  > .ud__menu-item-group
  > .ud__menu-item-group-list
  > .ud__menu-submenu
  > .ud__menu-submenu-title,
.ud__menu-inline-collapsed > .ud__menu-submenu > .ud__menu-submenu-title {
  left: 0;
  padding: 13px calc(var(--collapsedWidth, 64px) / 2 - 18px);
  text-overflow: clip;
}
.ud__menu-inline-collapsed > .ud__menu-item .ud__menu-submenu-arrow,
.ud__menu-inline-collapsed
  > .ud__menu-item-group
  > .ud__menu-item-group-list
  > .ud__menu-item
  .ud__menu-submenu-arrow,
.ud__menu-inline-collapsed
  > .ud__menu-item-group
  > .ud__menu-item-group-list
  > .ud__menu-submenu
  > .ud__menu-submenu-title
  .ud__menu-submenu-arrow,
.ud__menu-inline-collapsed
  > .ud__menu-submenu
  > .ud__menu-submenu-title
  .ud__menu-submenu-arrow {
  display: none;
}
.ud__menu-inline-collapsed > .ud__menu-item svg,
.ud__menu-inline-collapsed
  > .ud__menu-item-group
  > .ud__menu-item-group-list
  > .ud__menu-item
  svg,
.ud__menu-inline-collapsed
  > .ud__menu-item-group
  > .ud__menu-item-group-list
  > .ud__menu-submenu
  > .ud__menu-submenu-title
  svg,
.ud__menu-inline-collapsed > .ud__menu-submenu > .ud__menu-submenu-title svg {
  margin: 0;
  font-size: 20px;
  line-height: 48px;
}
.ud__menu-inline-collapsed svg {
  display: inline-block;
}
.ud__menu-inline-collapsed .ud__menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
}
.ud__menu-inline-collapsed .ud__menu-item-selected::after {
  transform: scaleY(1);
  opacity: 1;
  transition:
    transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ud__menu-horizontal,
.ud__menu-normal-horizontal {
  display: flex;
  flex-wrap: nowrap;
}
.ud__menu-normal-submenu-hidden,
.ud__menu-submenu-hidden {
  display: none;
}
.ud__menu-normal-overflow-item,
.ud__menu-overflow-item {
  flex: none;
}
.ud__menu-hidden,
.ud__menu-normal-hidden {
  display: none;
}
.ud__tooltip {
  box-sizing: border-box;
  position: absolute;
  left: -9999px;
  top: -9999px;
  transform: translateZ(0);
  z-index: 1070;
  max-width: 320px;
  width: max-content;
}
.ud__tooltip-no-entry {
  pointer-events: none;
}
.ud__tooltip-hidden {
  display: none;
}
.ud__tooltip__arrow {
  position: absolute;
  box-sizing: border-box;
}
.ud__tooltip__arrow__content {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: "";
  border: 1px solid var(--line-border-card);
  background: var(--bg-float);
  transform: rotate(45deg);
  transform-origin: center;
}
.ud__tooltip__arrow-top {
  top: 0;
  left: 0;
  transform: translate(-50%, -100%);
}
.ud__tooltip__arrow-top > .ud__tooltip__arrow__content {
  left: 14.64466094%;
  top: 29.28932188%;
}
.ud__tooltip__arrow-bottom {
  bottom: 0;
  left: 0;
  transform: translate(-50%, 100%);
}
.ud__tooltip__arrow-bottom > .ud__tooltip__arrow__content {
  left: 14.64466094%;
  top: -70.71067812%;
}
.ud__tooltip__arrow-left {
  top: 0;
  left: 0;
  transform: translate(-100%, -50%);
}
.ud__tooltip__arrow-left > .ud__tooltip__arrow__content {
  left: 29.28932188%;
  top: 14.64466094%;
}
.ud__tooltip__arrow-right {
  top: 0;
  right: 0;
  transform: translate(100%, -50%);
}
.ud__tooltip__arrow-right > .ud__tooltip__arrow__content {
  left: -70.71067812%;
  top: 14.64466094%;
}
.ud__tooltip__arrow__streamline__content {
  fill: var(--bg-tips);
}
.ud__tooltip-content {
  box-sizing: border-box;
  min-width: 30px;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 20px;
  color: var(--static-white);
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: var(--bg-tips);
  border-radius: 8px;
  box-shadow: var(--shadow-s4-down);
  position: relative;
}
.ud__tooltip__invalid-children-wrapper {
  box-sizing: border-box;
  display: inline-block;
}
.ud-noop-appear,
.ud-noop-enter,
.ud-noop-leave {
  animation-duration: 0s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ud-noop-appear.ud-noop-appear-active,
.ud-noop-enter.ud-noop-enter-active {
  animation-name: udTooltipZoomIn;
  animation-play-state: running;
}
.ud-noop-leave.ud-noop-leave-active {
  animation-name: udTooltipZoomOut;
  animation-play-state: running;
  pointer-events: none !important;
}
.ud-noop-appear,
.ud-noop-enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud-noop-leave {
  animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud-tooltip-zoom-appear,
.ud-tooltip-zoom-enter,
.ud-tooltip-zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ud-tooltip-zoom-appear.ud-tooltip-zoom-appear-active,
.ud-tooltip-zoom-enter.ud-tooltip-zoom-enter-active {
  animation-name: udTooltipZoomIn;
  animation-play-state: running;
}
.ud-tooltip-zoom-leave.ud-tooltip-zoom-leave-active {
  animation-name: udTooltipZoomOut;
  animation-play-state: running;
  pointer-events: none !important;
}
.ud-tooltip-zoom-appear,
.ud-tooltip-zoom-enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud-tooltip-zoom-leave {
  animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud-tooltip-zoom[class*="-top"] {
  transform-origin: bottom;
}
.ud-tooltip-zoom[class*="-left"] {
  transform-origin: right;
}
.ud-tooltip-zoom[class*="-right"] {
  transform-origin: left;
}
.ud-tooltip-zoom[class*="-bottom"] {
  transform-origin: top;
}
.ud-tooltip-zoom[class*="-rightBottom"],
.ud-tooltip-zoom[class*="-topLeft"] {
  transform-origin: 0 100%;
}
.ud-tooltip-zoom[class*="-leftBottom"],
.ud-tooltip-zoom[class*="-topRight"] {
  transform-origin: 100% 100%;
}
.ud-tooltip-zoom[class*="-bottomRight"],
.ud-tooltip-zoom[class*="-leftTop"] {
  transform-origin: 100% 0;
}
.ud-tooltip-zoom[class*="-bottomLeft"],
.ud-tooltip-zoom[class*="-rightTop"] {
  transform-origin: 0 0;
}
@keyframes udTooltipZoomIn {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes udTooltipZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.7);
    opacity: 0;
  }
}
.uw295qw {
  transition-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.u55qycf {
  border-top-left-radius: 999999px;
}
.u2ie9lg {
  border-top-right-radius: 999999px;
}
.u1ewtp5v {
  border-bottom-right-radius: 999999px;
}
.u1j6dxmp {
  border-bottom-left-radius: 999999px;
}
.ugv9nof {
  border-top-left-radius: 12px;
}
.u24j1xx {
  border-top-right-radius: 12px;
}
.u1ig3etr {
  border-bottom-right-radius: 12px;
}
.uy0y5fd {
  border-bottom-left-radius: 12px;
}
.umb70yw {
  border-top-left-radius: 8px;
}
.u1spoy8 {
  border-top-right-radius: 8px;
}
.u1erghxr {
  border-bottom-right-radius: 8px;
}
.u1ehz9de {
  border-bottom-left-radius: 8px;
}
.uifjimi {
  border-top-left-radius: 6px;
}
.u8rsvsd {
  border-top-right-radius: 6px;
}
.u18fiblo {
  border-bottom-right-radius: 6px;
}
.u1asnnh4 {
  border-bottom-left-radius: 6px;
}
.u8wkphi {
  border-top-left-radius: 4px;
}
.uwsfkhu {
  border-top-right-radius: 4px;
}
.uff7au0 {
  border-bottom-right-radius: 4px;
}
.u1bjk9e1 {
  border-bottom-left-radius: 4px;
}
.u1127022 {
  border-top-left-radius: 2px;
}
.u1stktl2 {
  border-top-right-radius: 2px;
}
.u2i1086 {
  border-bottom-right-radius: 2px;
}
.u1rlsnju {
  border-bottom-left-radius: 2px;
}
.ud__lang-zh body,
.ud__lang-zh button,
.ud__lang-zh input,
.ud__lang-zh optgroup,
.ud__lang-zh select,
.ud__lang-zh textarea,
body,
body.ud__lang-zh,
button,
button.ud__lang-zh,
input,
input.ud__lang-zh,
optgroup,
optgroup.ud__lang-zh,
select,
select.ud__lang-zh,
textarea,
textarea.ud__lang-zh {
  font-family:
    LarkHackSafariFont,
    LarkEmojiFont,
    LarkChineseQuote,
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    Tahoma,
    "PingFang SC",
    "Microsoft Yahei",
    Arial,
    "Hiragino Sans GB",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
}
.ud__lang-ja body,
.ud__lang-ja button,
.ud__lang-ja input,
.ud__lang-ja optgroup,
.ud__lang-ja select,
.ud__lang-ja textarea,
body.ud__lang-ja,
button.ud__lang-ja,
input.ud__lang-ja,
optgroup.ud__lang-ja,
select.ud__lang-ja,
textarea.ud__lang-ja {
  font-family:
    LarkHackSafariFont, LarkEmojiFont, "ヒラギノ角ゴシック", "Hiragino Sans",
    "Yu Gothic UI", "Microsoft Jhenghei UI", "Microsoft Yahei UI",
    "ＭＳ Ｐゴシック", "PingFang SC", "Hiragino Sans GB", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font-family: inherit;
}
.ud-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  transition: background 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
  background-color: rgba(var(--N900-raw), 30%);
  border: 2px solid transparent;
  background-clip: padding-box;
}
.ud-scrollbar::-webkit-scrollbar {
  width: 11px;
  height: 11px;
  background-color: transparent;
}
.ud-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(var(--N900-raw), 60%) !important;
}
.ud-scrollbar::-webkit-scrollbar:hover {
  width: 11px;
  height: 11px;
}
.ud-scrollbar::-webkit-scrollbar-button {
  display: none;
}
.ud-scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}
.ud-scrollbar::-webkit-scrollbar-corner {
  background-color: transparent;
}
.rc-virtual-list-scrollbar {
  width: 11px !important;
}
.rc-virtual-list-scrollbar-thumb {
  width: 11px !important;
  padding: 2px;
  background: 0 0 !important;
  box-sizing: border-box;
}
.rc-virtual-list-scrollbar-thumb::after {
  display: block;
  box-sizing: border-box;
  content: "\a0";
  border-radius: 9999px;
  height: 100%;
  width: 100%;
  background-color: rgba(var(--N900-raw), 30%) !important;
  transition: background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.rc-virtual-list-scrollbar-thumb:hover::after {
  background-color: rgba(var(--N900-raw), 60%) !important;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.ud-slide-up-appear,
.ud-slide-up-enter,
.ud-slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ud-slide-up-appear.ud-slide-up-appear-active,
.ud-slide-up-enter.ud-slide-up-enter-active {
  animation-name: udSlideUpIn;
  animation-play-state: running;
}
.ud-slide-up-leave.ud-slide-up-leave-active {
  animation-name: udSlideUpOut;
  animation-play-state: running;
  pointer-events: none !important;
}
.ud-slide-up-appear,
.ud-slide-up-enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud-slide-up-leave {
  animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud-slide-down-appear,
.ud-slide-down-enter,
.ud-slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ud-slide-down-appear.ud-slide-down-appear-active,
.ud-slide-down-enter.ud-slide-down-enter-active {
  animation-name: udSlideDownIn;
  animation-play-state: running;
}
.ud-slide-down-leave.ud-slide-down-leave-active {
  animation-name: udSlideDownOut;
  animation-play-state: running;
  pointer-events: none !important;
}
.ud-slide-down-appear,
.ud-slide-down-enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud-slide-down-leave {
  animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud-slide-left-appear,
.ud-slide-left-enter,
.ud-slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ud-slide-left-appear.ud-slide-left-appear-active,
.ud-slide-left-enter.ud-slide-left-enter-active {
  animation-name: udSlideLeftIn;
  animation-play-state: running;
}
.ud-slide-left-leave.ud-slide-left-leave-active {
  animation-name: udSlideLeftOut;
  animation-play-state: running;
  pointer-events: none !important;
}
.ud-slide-left-appear,
.ud-slide-left-enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud-slide-left-leave {
  animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud-slide-right-appear,
.ud-slide-right-enter,
.ud-slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ud-slide-right-appear.ud-slide-right-appear-active,
.ud-slide-right-enter.ud-slide-right-enter-active {
  animation-name: udSlideRightIn;
  animation-play-state: running;
}
.ud-slide-right-leave.ud-slide-right-leave-active {
  animation-name: udSlideRightOut;
  animation-play-state: running;
  pointer-events: none !important;
}
.ud-slide-right-appear,
.ud-slide-right-enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ud-slide-right-leave {
  animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
@keyframes udSlideUpIn {
  0% {
    transform: translateY(-8px);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes udSlideUpOut {
  0% {
    transform: translateY(0);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: translateY(-8px);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes udSlideDownIn {
  0% {
    transform: translateY(8px);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes udSlideDownOut {
  0% {
    transform: translateY(0);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: translateY(8px);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes udSlideLeftIn {
  0% {
    transform: scaleX(0.5);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes udSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.5);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes udSlideRightIn {
  0% {
    transform: scaleX(0.5);
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes udSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.5);
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
.zoom-appear,
.zoom-enter,
.zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-appear.zoom-appear-active,
.zoom-enter.zoom-enter-active {
  animation-name: udZoomIn;
  animation-play-state: running;
}
.zoom-leave.zoom-leave-active {
  animation-name: udZoomOut;
  animation-play-state: running;
  pointer-events: none !important;
}
.zoom-appear,
.zoom-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-appear-prepare,
.zoom-enter-prepare {
  transform: none;
}
.zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ud-zoom-big-appear,
.ud-zoom-big-enter,
.ud-zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ud-zoom-big-appear.ud-zoom-big-appear-active,
.ud-zoom-big-enter.ud-zoom-big-enter-active {
  animation-name: udZoomBigIn;
  animation-play-state: running;
}
.ud-zoom-big-leave.ud-zoom-big-leave-active {
  animation-name: udZoomBigOut;
  animation-play-state: running;
  pointer-events: none !important;
}
.ud-zoom-big-appear,
.ud-zoom-big-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ud-zoom-big-appear-prepare,
.ud-zoom-big-enter-prepare {
  transform: none;
}
.ud-zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ud-zoom-big-fast-appear,
.ud-zoom-big-fast-enter,
.ud-zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ud-zoom-big-fast-appear.ud-zoom-big-fast-appear-active,
.ud-zoom-big-fast-enter.ud-zoom-big-fast-enter-active {
  animation-name: udZoomBigIn;
  animation-play-state: running;
}
.ud-zoom-big-fast-leave.ud-zoom-big-fast-leave-active {
  animation-name: udZoomBigOut;
  animation-play-state: running;
  pointer-events: none !important;
}
.ud-zoom-big-fast-appear,
.ud-zoom-big-fast-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ud-zoom-big-fast-appear-prepare,
.ud-zoom-big-fast-enter-prepare {
  transform: none;
}
.ud-zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ud-zoom-up-appear,
.ud-zoom-up-enter,
.ud-zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ud-zoom-up-appear.ud-zoom-up-appear-active,
.ud-zoom-up-enter.ud-zoom-up-enter-active {
  animation-name: udZoomUpIn;
  animation-play-state: running;
}
.ud-zoom-up-leave.ud-zoom-up-leave-active {
  animation-name: udZoomUpOut;
  animation-play-state: running;
  pointer-events: none !important;
}
.ud-zoom-up-appear,
.ud-zoom-up-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ud-zoom-up-appear-prepare,
.ud-zoom-up-enter-prepare {
  transform: none;
}
.ud-zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ud-zoom-down-appear,
.ud-zoom-down-enter,
.ud-zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ud-zoom-down-appear.ud-zoom-down-appear-active,
.ud-zoom-down-enter.ud-zoom-down-enter-active {
  animation-name: udZoomDownIn;
  animation-play-state: running;
}
.ud-zoom-down-leave.ud-zoom-down-leave-active {
  animation-name: udZoomDownOut;
  animation-play-state: running;
  pointer-events: none !important;
}
.ud-zoom-down-appear,
.ud-zoom-down-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ud-zoom-down-appear-prepare,
.ud-zoom-down-enter-prepare {
  transform: none;
}
.ud-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ud-zoom-left-appear,
.ud-zoom-left-enter,
.ud-zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ud-zoom-left-appear.ud-zoom-left-appear-active,
.ud-zoom-left-enter.ud-zoom-left-enter-active {
  animation-name: udZoomLeftIn;
  animation-play-state: running;
}
.ud-zoom-left-leave.ud-zoom-left-leave-active {
  animation-name: udZoomLeftOut;
  animation-play-state: running;
  pointer-events: none !important;
}
.ud-zoom-left-appear,
.ud-zoom-left-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ud-zoom-left-appear-prepare,
.ud-zoom-left-enter-prepare {
  transform: none;
}
.ud-zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ud-zoom-right-appear,
.ud-zoom-right-enter,
.ud-zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ud-zoom-right-appear.ud-zoom-right-appear-active,
.ud-zoom-right-enter.ud-zoom-right-enter-active {
  animation-name: udZoomRightIn;
  animation-play-state: running;
}
.ud-zoom-right-leave.ud-zoom-right-leave-active {
  animation-name: udZoomRightOut;
  animation-play-state: running;
  pointer-events: none !important;
}
.ud-zoom-right-appear,
.ud-zoom-right-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ud-zoom-right-appear-prepare,
.ud-zoom-right-enter-prepare {
  transform: none;
}
.ud-zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes udZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes udZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes udZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes udZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes udZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes udZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes udZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes udZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes udZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes udZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes udZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes udZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ud-motion-collapse {
  overflow: hidden;
  transition:
    height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ud__svg-spin-loading {
  box-sizing: border-box;
  animation: 1.2s linear infinite SpinSVGRotate;
  display: flex;
  width: 1em;
  height: 1em;
}
.ud__svg-spin-loading > svg {
  box-sizing: border-box;
}
.ud__svg-spin-loading circle {
  stroke-dasharray: 1, 220;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: 2.5s ease-in-out infinite SpinSVGDash;
}
@keyframes SpinSVGRotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes SpinSVGDash {
  100%,
  to {
    stroke-dasharray: 150, 220;
    stroke-dashoffset: -218px;
  }
  0% {
    stroke-dasharray: 1, 220;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 150, 220;
    stroke-dashoffset: -68px;
  }
}
.ud__dropdown {
  box-sizing: border-box;
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1050;
  max-width: 420px;
  width: max-content;
}
.ud__dropdown-no-entry {
  pointer-events: none;
}
.ud__dropdown-hidden {
  display: none;
}
.ud__dropdown__arrow {
  position: absolute;
  box-sizing: border-box;
}
.ud__dropdown__arrow__content {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: "";
  border: 1px solid var(--line-border-card);
  background: var(--bg-float);
  transform: rotate(45deg);
  transform-origin: center;
}
.ud__dropdown__arrow-top {
  top: 0;
  left: 0;
  transform: translate(-50%, calc(1px - 100%));
}
.ud__dropdown__arrow-top > .ud__dropdown__arrow__content {
  left: 14.64466094%;
  top: 29.28932188%;
}
.ud__dropdown__arrow-bottom {
  bottom: 0;
  left: 0;
  transform: translate(-50%, calc(-1px + 100%));
}
.ud__dropdown__arrow-bottom > .ud__dropdown__arrow__content {
  left: 14.64466094%;
  top: -70.71067812%;
}
.ud__dropdown__arrow-left {
  top: 0;
  left: 0;
  transform: translate(calc(1px - 100%), -50%);
}
.ud__dropdown__arrow-left > .ud__dropdown__arrow__content {
  left: 29.28932188%;
  top: 14.64466094%;
}
.ud__dropdown__arrow-right {
  top: 0;
  right: 0;
  transform: translate(calc(-1px + 100%), -50%);
}
.ud__dropdown__arrow-right > .ud__dropdown__arrow__content {
  left: -70.71067812%;
  top: 14.64466094%;
}
.ud__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__dropdown-placement-leftBottom,
.ud__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__dropdown-placement-rightBottom,
.ud__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__dropdown-placement-top,
.ud__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__dropdown-placement-topCenter,
.ud__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__dropdown-placement-topLeft,
.ud__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__dropdown-placement-topRight,
.ud__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__dropdown-placement-leftBottom,
.ud__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__dropdown-placement-rightBottom,
.ud__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__dropdown-placement-top,
.ud__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__dropdown-placement-topCenter,
.ud__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__dropdown-placement-topLeft,
.ud__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__dropdown-placement-topRight {
  animation-name: udSlideDownIn;
}
.ud__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__dropdown-placement-leftBottom,
.ud__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__dropdown-placement-rightBottom,
.ud__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__dropdown-placement-top,
.ud__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__dropdown-placement-topCenter,
.ud__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__dropdown-placement-topLeft,
.ud__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__dropdown-placement-topRight {
  animation-name: udSlideDownOut;
}
.ud__dropdown-button {
  box-sizing: border-box;
  white-space: nowrap;
  display: inline-flex;
}
.ud__dropdown-button .ud__button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 0;
}
.ud__dropdown-button .ud__button:last-child:not(:first-child) {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ud__button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--text-title);
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  user-select: none;
  outline: 0;
  border: solid 1px var(--N00);
  background: 0 0;
  transition:
    color 0.1s ease-in,
    background-color 0.1s ease-in,
    border-color 0.1s ease-in,
    width 0.2s ease-in;
  touch-action: manipulation;
  text-decoration: none;
}
.ud__button > a:only-child {
  color: currentColor;
}
.ud__button > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  content: "";
}
.ud__button--size-xs {
  height: 24px;
  line-height: 20px;
  padding: 1px 7px;
  font-size: 12px;
  border-radius: 6px;
  min-width: 48px;
}
.ud__button--size-xs.ud__button--circle,
.ud__button--size-xs.ud__button--square {
  width: 24px;
  min-width: initial;
  padding-left: initial;
  padding-right: initial;
}
.ud__button--size-sm {
  height: 28px;
  line-height: 20px;
  padding: 3px 7px;
  font-size: 12px;
  border-radius: 6px;
  min-width: 48px;
}
.ud__button--size-sm.ud__button--circle,
.ud__button--size-sm.ud__button--square {
  width: 28px;
  min-width: initial;
  padding-left: initial;
  padding-right: initial;
}
.ud__button--size-md {
  height: 32px;
  line-height: 22px;
  padding: 4px 11px;
  font-size: 14px;
  border-radius: 6px;
  min-width: 80px;
}
.ud__button--size-md.ud__button--circle,
.ud__button--size-md.ud__button--square {
  width: 32px;
  min-width: initial;
  padding-left: initial;
  padding-right: initial;
}
.ud__button--size-lg {
  height: 40px;
  line-height: 24px;
  padding: 7px 15px;
  font-size: 16px;
  border-radius: 6px;
  min-width: 96px;
}
.ud__button--size-lg.ud__button--circle,
.ud__button--size-lg.ud__button--square {
  width: 40px;
  min-width: initial;
  padding-left: initial;
  padding-right: initial;
}
.ud__button--size-xl {
  height: 48px;
  line-height: 26px;
  padding: 10px 15px;
  font-size: 18px;
  border-radius: 6px;
  min-width: 100px;
}
.ud__button--size-xl.ud__button--circle,
.ud__button--size-xl.ud__button--square {
  width: 48px;
  min-width: initial;
  padding-left: initial;
  padding-right: initial;
}
.ud__button--circle {
  border-radius: 50%;
}
.ud__button--round {
  border-radius: 999999px;
}
.ud__button--filled-default {
  color: var(--primary-on-primary-fill);
  background: var(--primary-fill-default);
  border-color: var(--primary-fill-default);
}
.ud__button--filled-default:hover,
.ud__button--filled-default[aria-expanded] {
  color: var(--primary-on-primary-fill);
  background: var(--primary-fill-hover);
  border-color: var(--primary-fill-hover);
}
.ud__button--filled-default:focus-visible {
  color: var(--primary-on-primary-fill);
  background: var(--primary-fill-hover);
  border-color: var(--primary-fill-hover);
  --hack-merge-rules: true;
}
.ud__button--filled-default:active {
  color: var(--primary-on-primary-fill);
  background: var(--primary-fill-pressed);
  border-color: var(--primary-fill-pressed);
}
.ud__button--filled-default-loading,
.ud__button--filled-default-loading:active,
.ud__button--filled-default-loading[aria-expanded] {
  color: var(--udtoken-btn-pri-text-disabled);
  background: var(--primary-fill-loading);
  border-color: var(--primary-fill-loading);
  cursor: default;
}
.ud__button--filled-default-loading:focus-visible {
  color: var(--udtoken-btn-pri-text-disabled);
  background: var(--primary-fill-loading);
  border-color: var(--primary-fill-loading);
  cursor: default;
  --hack-merge-rules: true;
}
.ud__button--filled-default-loading .ud__button__loading-icon {
  color: var(--primary-on-primary-fill);
}
.ud__button--filled-primary {
  color: var(--primary-on-primary-fill);
  background: var(--primary-fill-default);
  border-color: var(--primary-fill-default);
}
.ud__button--filled-primary:hover,
.ud__button--filled-primary[aria-expanded] {
  color: var(--primary-on-primary-fill);
  background: var(--primary-fill-hover);
  border-color: var(--primary-fill-hover);
}
.ud__button--filled-primary:focus-visible {
  color: var(--primary-on-primary-fill);
  background: var(--primary-fill-hover);
  border-color: var(--primary-fill-hover);
  --hack-merge-rules: true;
}
.ud__button--filled-primary:active {
  color: var(--primary-on-primary-fill);
  background: var(--primary-fill-pressed);
  border-color: var(--primary-fill-pressed);
}
.ud__button--filled-primary-loading,
.ud__button--filled-primary-loading:active,
.ud__button--filled-primary-loading[aria-expanded] {
  color: var(--udtoken-btn-pri-text-disabled);
  background: var(--primary-fill-loading);
  border-color: var(--primary-fill-loading);
  cursor: default;
}
.ud__button--filled-primary-loading:focus-visible {
  color: var(--udtoken-btn-pri-text-disabled);
  background: var(--primary-fill-loading);
  border-color: var(--primary-fill-loading);
  cursor: default;
  --hack-merge-rules: true;
}
.ud__button--filled-primary-loading .ud__button__loading-icon {
  color: var(--primary-on-primary-fill);
}
.ud__button--filled-danger {
  color: var(--primary-on-primary-fill);
  background: var(--function-danger-fill-default);
  border-color: var(--function-danger-fill-default);
}
.ud__button--filled-danger:hover,
.ud__button--filled-danger[aria-expanded] {
  color: var(--primary-on-primary-fill);
  background: var(--function-danger-fill-hover);
  border-color: var(--function-danger-fill-hover);
}
.ud__button--filled-danger:focus-visible {
  color: var(--primary-on-primary-fill);
  background: var(--function-danger-fill-hover);
  border-color: var(--function-danger-fill-hover);
  --hack-merge-rules: true;
}
.ud__button--filled-danger:active {
  color: var(--primary-on-primary-fill);
  background: var(--function-danger-fill-pressed);
  border-color: var(--function-danger-fill-pressed);
}
.ud__button--filled-danger-loading,
.ud__button--filled-danger-loading:active,
.ud__button--filled-danger-loading[aria-expanded] {
  color: var(--udtoken-btn-pri-text-disabled);
  background: var(--function-danger-fill-loading);
  border-color: var(--function-danger-fill-loading);
  cursor: default;
}
.ud__button--filled-danger-loading:focus-visible {
  color: var(--udtoken-btn-pri-text-disabled);
  background: var(--function-danger-fill-loading);
  border-color: var(--function-danger-fill-loading);
  cursor: default;
  --hack-merge-rules: true;
}
.ud__button--filled-danger-loading .ud__button__loading-icon {
  color: var(--primary-on-primary-fill);
}
.ud__button--filled:disabled,
.ud__button--filled:disabled:active,
.ud__button--filled:disabled:hover,
.ud__button--filled:disabled[aria-expanded],
.ud__button--filled[disabled],
.ud__button--filled[disabled]:active,
.ud__button--filled[disabled]:hover,
.ud__button--filled[disabled][aria-expanded] {
  color: var(--udtoken-btn-pri-text-disabled);
  background: var(--fill-disabled);
  border-color: var(--fill-disabled);
  cursor: not-allowed;
}
.ud__button--filled:disabled:focus-visible,
.ud__button--filled[disabled]:focus-visible {
  color: var(--udtoken-btn-pri-text-disabled);
  background: var(--fill-disabled);
  border-color: var(--fill-disabled);
  cursor: not-allowed;
  --hack-merge-rules: true;
}
.ud__button--outlined-default {
  color: var(--text-title);
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--line-border-component);
}
.ud__button--outlined-default:hover,
.ud__button--outlined-default[aria-expanded] {
  color: var(--text-title);
  background: var(--udtoken-btn-se-bg-neutral-hover);
  border-color: var(--line-border-component);
}
.ud__button--outlined-default:focus-visible {
  color: var(--text-title);
  background: var(--udtoken-btn-se-bg-neutral-hover);
  border-color: var(--line-border-component);
  --hack-merge-rules: true;
}
.ud__button--outlined-default:active {
  color: var(--text-title);
  background: var(--udtoken-btn-se-bg-neutral-pressed);
  border-color: var(--line-border-component);
}
.ud__button--outlined-default-loading,
.ud__button--outlined-default-loading:active,
.ud__button--outlined-default-loading[aria-expanded] {
  color: var(--udtoken-component-text-disabled-loading);
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--line-border-component);
  cursor: default;
}
.ud__button--outlined-default-loading:focus-visible {
  color: var(--udtoken-component-text-disabled-loading);
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--line-border-component);
  cursor: default;
  --hack-merge-rules: true;
}
.ud__button--outlined-default-loading .ud__button__loading-icon {
  color: var(--primary-content-default);
}
.ud__button--outlined-primary {
  color: var(--primary-content-default);
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--primary-content-default);
}
.ud__button--outlined-primary:hover,
.ud__button--outlined-primary[aria-expanded] {
  color: var(--primary-content-default);
  background: var(--udtoken-btn-se-bg-pri-hover);
  border-color: var(--primary-content-default);
}
.ud__button--outlined-primary:focus-visible {
  color: var(--primary-content-default);
  background: var(--udtoken-btn-se-bg-pri-hover);
  border-color: var(--primary-content-default);
  --hack-merge-rules: true;
}
.ud__button--outlined-primary:active {
  color: var(--primary-content-default);
  background: var(--udtoken-btn-se-bg-pri-pressed);
  border-color: var(--primary-content-default);
}
.ud__button--outlined-primary-loading,
.ud__button--outlined-primary-loading:active,
.ud__button--outlined-primary-loading[aria-expanded] {
  color: var(--primary-content-loading);
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--primary-content-loading);
  cursor: default;
}
.ud__button--outlined-primary-loading:focus-visible {
  color: var(--primary-content-loading);
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--primary-content-loading);
  cursor: default;
  --hack-merge-rules: true;
}
.ud__button--outlined-primary-loading .ud__button__loading-icon {
  color: var(--primary-content-default);
}
.ud__button--outlined-danger {
  color: var(--function-danger-content-default);
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--function-danger-content-default);
}
.ud__button--outlined-danger:hover,
.ud__button--outlined-danger[aria-expanded] {
  color: var(--function-danger-content-default);
  background: var(--udtoken-btn-se-bg-danger-hover);
  border-color: var(--function-danger-content-default);
}
.ud__button--outlined-danger:focus-visible {
  color: var(--function-danger-content-default);
  background: var(--udtoken-btn-se-bg-danger-hover);
  border-color: var(--function-danger-content-default);
  --hack-merge-rules: true;
}
.ud__button--outlined-danger:active {
  color: var(--function-danger-content-default);
  background: var(--udtoken-btn-se-bg-danger-pressed);
  border-color: var(--function-danger-content-default);
}
.ud__button--outlined-danger-loading,
.ud__button--outlined-danger-loading:active,
.ud__button--outlined-danger-loading[aria-expanded] {
  color: var(--function-danger-content-loading);
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--function-danger-content-loading);
  cursor: default;
}
.ud__button--outlined-danger-loading:focus-visible {
  color: var(--function-danger-content-loading);
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--function-danger-content-loading);
  cursor: default;
  --hack-merge-rules: true;
}
.ud__button--outlined-danger-loading .ud__button__loading-icon {
  color: var(--function-danger-content-default);
}
.ud__button--outlined:disabled,
.ud__button--outlined:disabled:active,
.ud__button--outlined:disabled:hover,
.ud__button--outlined:disabled[aria-expanded],
.ud__button--outlined[disabled],
.ud__button--outlined[disabled]:active,
.ud__button--outlined[disabled]:hover,
.ud__button--outlined[disabled][aria-expanded] {
  color: var(--text-disabled);
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--line-border-component);
  cursor: not-allowed;
}
.ud__button--outlined:disabled:focus-visible,
.ud__button--outlined[disabled]:focus-visible {
  color: var(--text-disabled);
  background: var(--udtoken-component-outlined-bg);
  border-color: var(--line-border-component);
  cursor: not-allowed;
  --hack-merge-rules: true;
}
.ud__button--text {
  height: initial;
  min-width: initial;
  border: none;
  padding: 2px 4px;
}
.ud__button--text-default {
  color: var(--text-title);
  background: 0 0;
  border-color: transparent;
}
.ud__button--text-default-selected,
.ud__button--text-default:hover,
.ud__button--text-default[aria-expanded] {
  color: var(--text-title);
  background: var(--udtoken-btn-text-bg-neutral-hover);
  border-color: transparent;
}
.ud__button--text-default:focus-visible {
  color: var(--text-title);
  background: var(--udtoken-btn-text-bg-neutral-hover);
  border-color: transparent;
  --hack-merge-rules: true;
}
.ud__button--text-default:active {
  color: var(--text-title);
  background: var(--udtoken-btn-text-bg-neutral-pressed);
  border-color: transparent;
}
.ud__button--text-default-loading,
.ud__button--text-default-loading:active,
.ud__button--text-default-loading[aria-expanded] {
  color: var(--text-placeholder);
  background: 0 0;
  border-color: transparent;
  cursor: default;
}
.ud__button--text-default-loading:focus-visible {
  color: var(--text-placeholder);
  background: 0 0;
  border-color: transparent;
  cursor: default;
  --hack-merge-rules: true;
}
.ud__button--text-default-loading .ud__button__loading-icon {
  color: var(--primary-content-default);
}
.ud__button--text-primary {
  color: var(--primary-content-default);
  background: 0 0;
  border-color: transparent;
}
.ud__button--text-primary-selected,
.ud__button--text-primary:hover,
.ud__button--text-primary[aria-expanded] {
  color: var(--primary-content-default);
  background: var(--udtoken-btn-text-bg-pri-hover);
  border-color: transparent;
}
.ud__button--text-primary:focus-visible {
  color: var(--primary-content-default);
  background: var(--udtoken-btn-text-bg-pri-hover);
  border-color: transparent;
  --hack-merge-rules: true;
}
.ud__button--text-primary:active {
  color: var(--primary-content-default);
  background: var(--udtoken-btn-text-bg-pri-pressed);
  border-color: transparent;
}
.ud__button--text-primary-loading,
.ud__button--text-primary-loading:active,
.ud__button--text-primary-loading[aria-expanded] {
  color: var(--primary-content-loading);
  background: 0 0;
  border-color: transparent;
  cursor: default;
}
.ud__button--text-primary-loading:focus-visible {
  color: var(--primary-content-loading);
  background: 0 0;
  border-color: transparent;
  cursor: default;
  --hack-merge-rules: true;
}
.ud__button--text-primary-loading .ud__button__loading-icon {
  color: var(--primary-content-default);
}
.ud__button--text-danger {
  color: var(--function-danger-content-default);
  background: 0 0;
  border-color: transparent;
}
.ud__button--text-danger-selected,
.ud__button--text-danger:hover,
.ud__button--text-danger[aria-expanded] {
  color: var(--function-danger-content-default);
  background: var(--udtoken-btn-text-bg-danger-hover);
  border-color: transparent;
}
.ud__button--text-danger:focus-visible {
  color: var(--function-danger-content-default);
  background: var(--udtoken-btn-text-bg-danger-hover);
  border-color: transparent;
  --hack-merge-rules: true;
}
.ud__button--text-danger:active {
  color: var(--function-danger-content-default);
  background: var(--udtoken-btn-text-bg-danger-pressed);
  border-color: transparent;
}
.ud__button--text-danger-loading,
.ud__button--text-danger-loading:active,
.ud__button--text-danger-loading[aria-expanded] {
  color: var(--function-danger-content-loading);
  background: 0 0;
  border-color: transparent;
  cursor: default;
}
.ud__button--text-danger-loading:focus-visible {
  color: var(--function-danger-content-loading);
  background: 0 0;
  border-color: transparent;
  cursor: default;
  --hack-merge-rules: true;
}
.ud__button--text-danger-loading .ud__button__loading-icon {
  color: var(--function-danger-content-default);
}
.ud__button--text:disabled,
.ud__button--text:disabled:active,
.ud__button--text:disabled:hover,
.ud__button--text:disabled[aria-expanded],
.ud__button--text[disabled],
.ud__button--text[disabled]:active,
.ud__button--text[disabled]:hover,
.ud__button--text[disabled][aria-expanded] {
  color: var(--text-disabled);
  background: 0 0;
  border-color: transparent;
  cursor: not-allowed;
}
.ud__button--text:disabled:focus-visible,
.ud__button--text[disabled]:focus-visible {
  color: var(--text-disabled);
  background: 0 0;
  border-color: transparent;
  cursor: not-allowed;
  --hack-merge-rules: true;
}
.ud__button--text-secondary {
  height: initial;
  padding: initial;
  min-width: initial;
  border: none;
}
.ud__button--text-secondary-default {
  color: var(--text-title);
  background: 0 0;
  border-color: transparent;
}
.ud__button--text-secondary-default-selected,
.ud__button--text-secondary-default:hover,
.ud__button--text-secondary-default[aria-expanded] {
  color: var(--primary-content-default);
  background: 0 0;
  border-color: transparent;
}
.ud__button--text-secondary-default:focus-visible {
  color: var(--primary-content-default);
  background: 0 0;
  border-color: transparent;
  --hack-merge-rules: true;
}
.ud__button--text-secondary-default:active {
  color: var(--primary-content-pressed);
  background: 0 0;
  border-color: transparent;
}
.ud__button--text-secondary-default-loading,
.ud__button--text-secondary-default-loading:active,
.ud__button--text-secondary-default-loading[aria-expanded] {
  color: var(--primary-content-default);
  background: 0 0;
  border-color: transparent;
  cursor: default;
}
.ud__button--text-secondary-default-loading:focus-visible {
  color: var(--primary-content-default);
  background: 0 0;
  border-color: transparent;
  cursor: default;
  --hack-merge-rules: true;
}
.ud__button--text-secondary-default-loading .ud__button__loading-icon {
  color: var(--primary-content-default);
}
.ud__button--text-secondary-primary {
  color: var(--text-title);
  background: 0 0;
  border-color: transparent;
}
.ud__button--text-secondary-primary-selected,
.ud__button--text-secondary-primary:hover,
.ud__button--text-secondary-primary[aria-expanded] {
  color: var(--primary-content-default);
  background: 0 0;
  border-color: transparent;
}
.ud__button--text-secondary-primary:focus-visible {
  color: var(--primary-content-default);
  background: 0 0;
  border-color: transparent;
  --hack-merge-rules: true;
}
.ud__button--text-secondary-primary:active {
  color: var(--primary-content-pressed);
  background: 0 0;
  border-color: transparent;
}
.ud__button--text-secondary-primary-loading,
.ud__button--text-secondary-primary-loading:active,
.ud__button--text-secondary-primary-loading[aria-expanded] {
  color: var(--primary-content-default);
  background: 0 0;
  border-color: transparent;
  cursor: default;
}
.ud__button--text-secondary-primary-loading:focus-visible {
  color: var(--primary-content-default);
  background: 0 0;
  border-color: transparent;
  cursor: default;
  --hack-merge-rules: true;
}
.ud__button--text-secondary-primary-loading .ud__button__loading-icon {
  color: var(--primary-content-default);
}
.ud__button--text-secondary-danger {
  color: var(--text-title);
  background: 0 0;
  border-color: transparent;
}
.ud__button--text-secondary-danger-selected,
.ud__button--text-secondary-danger:hover,
.ud__button--text-secondary-danger[aria-expanded] {
  color: var(--function-danger-content-default);
  background: 0 0;
  border-color: transparent;
}
.ud__button--text-secondary-danger:focus-visible {
  color: var(--function-danger-content-default);
  background: 0 0;
  border-color: transparent;
  --hack-merge-rules: true;
}
.ud__button--text-secondary-danger:active {
  color: var(--function-danger-content-pressed);
  background: 0 0;
  border-color: transparent;
}
.ud__button--text-secondary-danger-loading,
.ud__button--text-secondary-danger-loading:active,
.ud__button--text-secondary-danger-loading[aria-expanded] {
  color: var(--primary-content-default);
  background: 0 0;
  border-color: transparent;
  cursor: default;
}
.ud__button--text-secondary-danger-loading:focus-visible {
  color: var(--primary-content-default);
  background: 0 0;
  border-color: transparent;
  cursor: default;
  --hack-merge-rules: true;
}
.ud__button--text-secondary-danger-loading .ud__button__loading-icon {
  color: var(--function-danger-content-default);
}
.ud__button--text-secondary:disabled,
.ud__button--text-secondary:disabled:active,
.ud__button--text-secondary:disabled:hover,
.ud__button--text-secondary:disabled[aria-expanded],
.ud__button--text-secondary[disabled],
.ud__button--text-secondary[disabled]:active,
.ud__button--text-secondary[disabled]:hover,
.ud__button--text-secondary[disabled][aria-expanded] {
  color: var(--text-disabled);
  background: 0 0;
  border-color: transparent;
  cursor: not-allowed;
}
.ud__button--text-secondary:disabled:focus-visible,
.ud__button--text-secondary[disabled]:focus-visible {
  color: var(--text-disabled);
  background: 0 0;
  border-color: transparent;
  cursor: not-allowed;
  --hack-merge-rules: true;
}
.ud__button--link {
  height: initial;
  padding: initial;
  min-width: initial;
  border: none;
}
.ud__button--link-default {
  color: var(--text-link-normal);
  background: 0 0;
  border-color: transparent;
}
.ud__button--link-default-selected,
.ud__button--link-default:hover,
.ud__button--link-default[aria-expanded] {
  color: var(--text-link-hover);
  background: 0 0;
  border-color: transparent;
}
.ud__button--link-default:focus-visible {
  color: var(--text-link-hover);
  background: 0 0;
  border-color: transparent;
  --hack-merge-rules: true;
}
.ud__button--link-default:active {
  color: var(--text-link-pressed);
  background: 0 0;
  border-color: transparent;
}
.ud__button--link-default-loading,
.ud__button--link-default-loading:active,
.ud__button--link-default-loading[aria-expanded] {
  color: var(--text-link-loading);
  background: 0 0;
  border-color: transparent;
  cursor: default;
}
.ud__button--link-default-loading:focus-visible {
  color: var(--text-link-loading);
  background: 0 0;
  border-color: transparent;
  cursor: default;
  --hack-merge-rules: true;
}
.ud__button--link-default-loading .ud__button__loading-icon {
  color: var(--text-link-normal);
}
.ud__button--link-primary {
  color: var(--text-link-normal);
  background: 0 0;
  border-color: transparent;
}
.ud__button--link-primary-selected,
.ud__button--link-primary:hover,
.ud__button--link-primary[aria-expanded] {
  color: var(--text-link-hover);
  background: 0 0;
  border-color: transparent;
}
.ud__button--link-primary:focus-visible {
  color: var(--text-link-hover);
  background: 0 0;
  border-color: transparent;
  --hack-merge-rules: true;
}
.ud__button--link-primary:active {
  color: var(--text-link-pressed);
  background: 0 0;
  border-color: transparent;
}
.ud__button--link-primary-loading,
.ud__button--link-primary-loading:active,
.ud__button--link-primary-loading[aria-expanded] {
  color: var(--text-link-loading);
  background: 0 0;
  border-color: transparent;
  cursor: default;
}
.ud__button--link-primary-loading:focus-visible {
  color: var(--text-link-loading);
  background: 0 0;
  border-color: transparent;
  cursor: default;
  --hack-merge-rules: true;
}
.ud__button--link-primary-loading .ud__button__loading-icon {
  color: var(--text-link-normal);
}
.ud__button--link-danger,
.ud__button--link-danger-selected,
.ud__button--link-danger:hover,
.ud__button--link-danger[aria-expanded] {
  color: var(--function-danger-content-default);
  background: 0 0;
  border-color: transparent;
}
.ud__button--link-danger:focus-visible {
  color: var(--function-danger-content-default);
  background: 0 0;
  border-color: transparent;
  --hack-merge-rules: true;
}
.ud__button--link-danger:active {
  color: var(--function-danger-content-pressed);
  background: 0 0;
  border-color: transparent;
}
.ud__button--link-danger-loading,
.ud__button--link-danger-loading:active,
.ud__button--link-danger-loading[aria-expanded] {
  color: var(--function-danger-content-loading);
  background: 0 0;
  border-color: transparent;
  cursor: default;
}
.ud__button--link-danger-loading:focus-visible {
  color: var(--function-danger-content-loading);
  background: 0 0;
  border-color: transparent;
  cursor: default;
  --hack-merge-rules: true;
}
.ud__button--link-danger-loading .ud__button__loading-icon {
  color: var(--function-danger-content-default);
}
.ud__button--link:disabled,
.ud__button--link:disabled:active,
.ud__button--link:disabled:hover,
.ud__button--link:disabled[aria-expanded],
.ud__button--link[disabled],
.ud__button--link[disabled]:active,
.ud__button--link[disabled]:hover,
.ud__button--link[disabled][aria-expanded] {
  color: var(--text-disabled);
  background: 0 0;
  border-color: transparent;
  cursor: not-allowed;
}
.ud__button--link:disabled:focus-visible,
.ud__button--link[disabled]:focus-visible {
  color: var(--text-disabled);
  background: 0 0;
  border-color: transparent;
  cursor: not-allowed;
  --hack-merge-rules: true;
}
.ud__button--icon {
  padding: 4px;
  min-width: initial;
  height: initial;
  border: none;
  line-height: 0;
}
.ud__button--icon.ud__button--circle,
.ud__button--icon.ud__button--square {
  width: initial;
  padding: 4px;
}
.ud__button--icon-default {
  color: var(--icon-n1);
  background: 0 0;
  border-color: transparent;
}
.ud__button--icon-default-selected,
.ud__button--icon-default:hover,
.ud__button--icon-default[aria-expanded] {
  color: var(--icon-n1);
  background: var(--udtoken-btn-text-bg-neutral-hover);
  border-color: transparent;
}
.ud__button--icon-default:focus-visible {
  color: var(--icon-n1);
  background: var(--udtoken-btn-text-bg-neutral-hover);
  border-color: transparent;
  --hack-merge-rules: true;
}
.ud__button--icon-default:active {
  color: var(--icon-n1);
  background: var(--udtoken-btn-text-bg-neutral-pressed);
  border-color: transparent;
}
.ud__button--icon-default-loading,
.ud__button--icon-default-loading:active,
.ud__button--icon-default-loading[aria-expanded] {
  color: var(--text-placeholder);
  background: 0 0;
  border-color: transparent;
  cursor: default;
}
.ud__button--icon-default-loading:focus-visible {
  color: var(--text-placeholder);
  background: 0 0;
  border-color: transparent;
  cursor: default;
  --hack-merge-rules: true;
}
.ud__button--icon-default-loading .ud__button__loading-icon {
  color: var(--primary-content-default);
}
.ud__button--icon-default-selected:hover {
  background-color: var(--udtoken-btn-text-bg-neutral-pressed);
}
.ud__button--icon-primary {
  color: var(--primary-content-default);
  background: 0 0;
  border-color: transparent;
}
.ud__button--icon-primary-selected,
.ud__button--icon-primary:hover,
.ud__button--icon-primary[aria-expanded] {
  color: var(--primary-content-default);
  background: var(--udtoken-btn-text-bg-pri-hover);
  border-color: transparent;
}
.ud__button--icon-primary:focus-visible {
  color: var(--primary-content-default);
  background: var(--udtoken-btn-text-bg-pri-hover);
  border-color: transparent;
  --hack-merge-rules: true;
}
.ud__button--icon-primary:active {
  color: var(--primary-content-default);
  background: var(--udtoken-btn-text-bg-pri-pressed);
  border-color: transparent;
}
.ud__button--icon-primary-loading,
.ud__button--icon-primary-loading:active,
.ud__button--icon-primary-loading[aria-expanded] {
  color: var(--primary-content-loading);
  background: 0 0;
  border-color: transparent;
  cursor: default;
}
.ud__button--icon-primary-loading:focus-visible {
  color: var(--primary-content-loading);
  background: 0 0;
  border-color: transparent;
  cursor: default;
  --hack-merge-rules: true;
}
.ud__button--icon-primary-loading .ud__button__loading-icon {
  color: var(--primary-content-default);
}
.ud__button--icon-primary-selected:hover {
  background-color: var(--udtoken-btn-text-bg-pri-pressed);
}
.ud__button--icon-danger {
  color: var(--function-danger-content-default);
  background: 0 0;
  border-color: transparent;
}
.ud__button--icon-danger-selected,
.ud__button--icon-danger:hover,
.ud__button--icon-danger[aria-expanded] {
  color: var(--function-danger-content-default);
  background: var(--udtoken-btn-text-bg-danger-hover);
  border-color: transparent;
}
.ud__button--icon-danger:focus-visible {
  color: var(--function-danger-content-default);
  background: var(--udtoken-btn-text-bg-danger-hover);
  border-color: transparent;
  --hack-merge-rules: true;
}
.ud__button--icon-danger:active {
  color: var(--function-danger-content-default);
  background: var(--udtoken-btn-text-bg-danger-pressed);
  border-color: transparent;
}
.ud__button--icon-danger-loading,
.ud__button--icon-danger-loading:active,
.ud__button--icon-danger-loading[aria-expanded] {
  color: var(--function-danger-content-loading);
  background: 0 0;
  border-color: transparent;
  cursor: default;
}
.ud__button--icon-danger-loading:focus-visible {
  color: var(--function-danger-content-loading);
  background: 0 0;
  border-color: transparent;
  cursor: default;
  --hack-merge-rules: true;
}
.ud__button--icon-danger-loading .ud__button__loading-icon {
  color: var(--function-danger-content-default);
}
.ud__button--icon-danger-selected:hover {
  background-color: var(--udtoken-btn-text-bg-danger-pressed);
}
.ud__button--icon:disabled,
.ud__button--icon:disabled:active,
.ud__button--icon:disabled:hover,
.ud__button--icon:disabled[aria-expanded],
.ud__button--icon[disabled],
.ud__button--icon[disabled]:active,
.ud__button--icon[disabled]:hover,
.ud__button--icon[disabled][aria-expanded] {
  color: var(--icon-disabled);
  background: 0 0;
  border-color: transparent;
  cursor: not-allowed;
}
.ud__button--icon:disabled:focus-visible,
.ud__button--icon[disabled]:focus-visible {
  color: var(--icon-disabled);
  background: 0 0;
  border-color: transparent;
  cursor: not-allowed;
  --hack-merge-rules: true;
}
.ud__button--icon-size-xs {
  font-size: 12px;
  border-radius: 6px;
}
.ud__button--icon-size-sm {
  font-size: 16px;
  border-radius: 6px;
}
.ud__button--icon-size-md {
  font-size: 20px;
  border-radius: 6px;
}
.ud__button--icon-size-lg {
  font-size: 24px;
  border-radius: 6px;
}
.ud__button--icon-size-xl {
  font-size: 28px;
  border-radius: 6px;
}
.ud__button__icon-inline {
  box-sizing: border-box;
  line-height: 0;
}
.ud__button__icon-inline-start {
  margin-right: 4px;
}
.ud__button__icon-inline-end {
  margin-left: 4px;
}
.ud__button--size-sm .ud__button__icon-inline,
.ud__button--size-xs .ud__button__icon-inline {
  margin-right: 2px;
}
.ud__button--autowidth {
  min-width: initial;
}
.ud__button--block {
  width: 100%;
}
.ud__button--loading {
  position: relative;
}
.ud__button--loading:not([disabled]),
.ud__button[disabled] > * {
  pointer-events: none;
}
.u19lj068 {
  padding-right: 8px;
}
.u7nlbp4 {
  align-self: center;
}
.uez10in {
  line-height: 0;
}
.ud__popover {
  box-sizing: border-box;
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1030;
  max-width: 420px;
  width: max-content;
}
.ud__popover-no-entry {
  pointer-events: none;
}
.ud__popover-hidden {
  display: none;
}
.ud__popover__arrow {
  position: absolute;
  box-sizing: border-box;
}
.ud__popover__arrow__content {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: "";
  border: 1px solid var(--line-border-card);
  background: var(--bg-float);
  transform: rotate(45deg);
  transform-origin: center;
}
.ud__popover__arrow-top {
  top: 0;
  left: 0;
  transform: translate(-50%, calc(1px - 100%));
}
.ud__popover__arrow-top > .ud__popover__arrow__content {
  left: 14.64466094%;
  top: 29.28932188%;
}
.ud__popover__arrow-bottom {
  bottom: 0;
  left: 0;
  transform: translate(-50%, calc(-1px + 100%));
}
.ud__popover__arrow-bottom > .ud__popover__arrow__content {
  left: 14.64466094%;
  top: -70.71067812%;
}
.ud__popover__arrow-left {
  top: 0;
  left: 0;
  transform: translate(calc(1px - 100%), -50%);
}
.ud__popover__arrow-left > .ud__popover__arrow__content {
  left: 29.28932188%;
  top: 14.64466094%;
}
.ud__popover__arrow-right {
  top: 0;
  right: 0;
  transform: translate(calc(-1px + 100%), -50%);
}
.ud__popover__arrow-right > .ud__popover__arrow__content {
  left: -70.71067812%;
  top: 14.64466094%;
}
.ud__popover__arrow__streamline__content {
  fill: var(--bg-float);
  stroke: var(--line-border-card);
}
.ud__popover__invalid-children-wrapper {
  box-sizing: border-box;
  display: inline-block;
}
.ud__popover-content {
  min-width: 30px;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-title);
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: var(--bg-float);
  border-radius: 8px;
  box-shadow: var(--shadow-s4-down);
  box-sizing: border-box;
  border: 1px solid var(--line-border-card);
  position: relative;
  overflow: hidden;
}
.ud__popover--mode-loose .ud__popover-content {
  padding: 20px 24px;
}
.ud__popover--mode-pure .ud__popover-content {
  padding: 0;
}
.ud__popover__overlay-title + .ud__popover__overlay-content {
  margin-top: 4px;
}
.ud__popover__overlay-content {
  box-sizing: border-box;
  overflow: hidden;
}
.ud__popover-icon-success {
  color: var(--function-success-content-default);
}
.ud__popover-icon-warning {
  color: var(--function-warning-fill-default);
}
.ud__popover-icon-info {
  color: var(--function-info-content-default);
}
.ud__popover-icon-error {
  color: var(--function-danger-content-default);
}
.feishu-ocic-container.default-style {
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 1004;
  box-shadow:
    0 4px 8px -8px rgba(31, 35, 41, 0.06),
    0 6px 12px rgba(31, 35, 41, 0.04),
    0 8px 24px 8px rgba(31, 35, 41, 0.04);
  border-radius: 10px;
  overflow: hidden;
  background-color: #f5f5f5;
}
.feishu-ocic-container.is-new-ui {
  bottom: 0;
  right: 0;
}
.feishu-ocic-container .feishu_linkchat-custom_header {
  display: none;
  height: 48px;
  align-items: center;
  padding: 0 16px;
  background: #fff;
  z-index: 1;
  position: relative;
  border-bottom: 1px solid #dee0e3;
}
.feishu-ocic-container .feishu_linkchat-custom_title {
  flex: 1;
  padding-left: 8px;
  color: var(--B500);
  font-size: 16px;
  line-height: 24px;
}
.feishu-ocic-container .feishu_linkchat-custom_close {
  cursor: pointer;
}
.feishu-pure-footer.theme-dark {
  --footer-bg-color: var(--text-title, #1f2329);
  --footer-title-color: var(--line-border-card, #dee0e3);
  --footer-text-color: var(--text-disabled, #bbbfc4);
  --footer-copyright-color: var(--neutral-500, #8f959e);
  --footer-feedback-color: var(--text-disabled, #bbbfc4);
  --footer-divider-color: var(--icon-n2, #646a73);
}
@media screen and (max-width: 1239px) {
  .feishu-pure-footer.theme-dark {
    --footer-bg-color: var(--text-title, #1f2329);
    --footer-title-color: var(--bg-body, #ffffff);
    --footer-text-color: var(--line-border-card, #dee0e3);
    --footer-divider-color: var(--neutral-300, #dee0e3);
  }
}
.feishu-pure-footer.theme-light {
  --footer-bg-color: var(--white-static, #fff);
  --footer-title-color: #51565d;
  --footer-text-color: var(--text-title, #1f2329);
  --footer-copyright-color: var(--text-caption, #646a73);
  --footer-feedback-color: var(--text-caption, #646a73);
  --footer-divider-color: var(--line-border-card, #dee0e3);
}
.feishu-pure-footer {
  background-color: var(--footer-bg-color);
  font-size: 16px;
}
.feishu-pure-footer .purefooter-mobile-menu {
  background-color: var(--footer-bg-color);
  color: var(--footer-title-color);
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
.feishu-pure-footer .purefooter-mobile-menu .ud__menu {
  background: var(--footer-bg-color);
}
.feishu-pure-footer .purefooter-mobile-menu .ud__menu-submenu-arrow {
  color: var(--footer-title-color);
  font-size: 18px;
}
.feishu-pure-footer .purefooter-mobile-menu-item,
.feishu-pure-footer .purefooter-mobile-submenu {
  background-color: var(--footer-bg-color);
}
.feishu-pure-footer .purefooter-mobile-menu-item.hide {
  display: none;
}
.feishu-pure-footer .purefooter-container {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 65px;
}
@media screen and (min-width: 905px) {
  .feishu-pure-footer .purefooter-container {
    padding: 40px 52px;
  }
}
@media screen and (max-width: 904px) {
  .feishu-pure-footer .purefooter-container {
    padding: 40px 4%;
  }
}
@media screen and (max-width: 600px) {
  .feishu-pure-footer .purefooter-container {
    padding: 40px 24px;
  }
}
.feishu-pure-footer .purefooter-container-pc {
  gap: 16px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  height: 100%;
}
.feishu-pure-footer .purefooter-container-pc .purefooter-pc-menu {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.feishu-pure-footer .purefooter-social-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  column-gap: 24px;
}
@media screen and (max-width: 1239px) {
  .feishu-pure-footer.theme-light {
    --footer-bg-color: var(--white-static, #fff);
    --footer-title-color: var(--text-title, #1f2329);
    --footer-text-color: #51565d;
    --footer-divider-color: var(--neutral-300, #dee0e3);
  }
  .feishu-pure-footer .purefooter-social-container {
    justify-content: center;
  }
  .feishu-pure-footer
    .purefooter-social-container
    .pureFooter_feedback-content {
    width: 100%;
    margin-top: 24px;
  }
}
.feishu-pure-footer .purefooter-divider-line {
  margin-top: 49px;
  margin-bottom: 26px;
  background-color: var(--footer-divider-color);
  height: 1px;
}
@media screen and (max-width: 904px) {
  .feishu-pure-footer .purefooter-divider-line {
    margin-top: 32px;
    margin-bottom: 32px;
    opacity: 0.5;
  }
}
.feishu-pure-footer .purefooter-social-left {
  display: flex;
  align-items: center;
}
.feishu-pure-footer .pureFooter_language-content {
  display: flex;
  align-items: center;
  margin-right: 3px;
}
.feishu-pure-footer .pureFooter_copyright {
  display: flex;
  align-items: center;
  margin-top: 16px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1239px) {
  .feishu-pure-footer .pureFooter_copyright {
    flex-direction: column-reverse;
    justify-content: center;
    margin-top: 0;
  }
  .feishu-pure-footer .pureFooter_copyright .pureFooter_copyright-left {
    flex-direction: column;
  }
  .feishu-pure-footer .pureFooter_copyright .pureFooter_copyright-right {
    width: 100%;
    justify-content: center;
    margin: 33px 0;
  }
}
@media screen and (max-width: 599px) {
  .feishu-pure-footer
    .purefooter-social-container
    .pureFooter_feedback-content {
    line-height: 20px;
  }
  .feishu-pure-footer .purefooter-social-container .pureFooter_feedback-link {
    width: 100%;
  }
  .feishu-pure-footer .pureFooter_copyright .pureFooter_copyright-right {
    margin: 24px 0;
  }
}
.feishu-pure-footer .purefooter-pc-menu-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
  color: var(--footer-title-color);
}
.feishu-pure-footer .purefooter-pc-menu-item {
  font-weight: 400;
  font-size: 14px;
  line-height: 36px;
  display: flex;
  color: var(--footer-text-color);
  align-items: center;
  justify-content: flex-start;
}
.feishu-pure-footer .purefooter-pc-menu-item span {
  flex-shrink: 0;
}
.feishu-pure-footer .purefooter-pc-menu-item img {
  height: 12px;
  margin-left: 4px;
}
.feishu-pure-footer .purefooter-pc-menu-item .maturity-tag {
  width: 17px;
  margin-left: 3px;
}
.feishu-pure-footer .purefooter-pc-menu-item:hover span {
  text-decoration: underline;
  text-decoration-color: #bbbfc4;
}
.feishu-pure-footer .purefooter-pc-menu-item.hide {
  display: none;
}
.feishu-pure-footer .purefooter-mobile-menu-item-link {
  padding-left: 20px;
}
.feishu-pure-footer .purefooter-mobile-menu-item-link span {
  color: var(--footer-text-color);
}
.feishu-pure-footer .purefooter-feishu-logo {
  margin-right: 48px;
  height: 25px;
  width: 80px;
  display: block;
}
.feishu-pure-footer .purefooter-feishu-logo img {
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 904px) {
  .feishu-pure-footer .purefooter-feishu-logo {
    margin-right: 24px;
  }
}
.feishu-pure-footer .purefooter-social-item {
  margin-right: 14px;
  display: inline-block;
}
.feishu-pure-footer .purefooter-social-item:last-child {
  margin-right: 0;
}
.feishu-pure-footer .purefooter-social-item-icon {
  width: 22px;
  height: 22px;
}
.feishu-pure-footer .pureFooter_copyright-item {
  font-size: 12px;
  line-height: 36px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  color: var(--footer-copyright-color);
}
@media screen and (max-width: 1239px) {
  .feishu-pure-footer .pureFooter_copyright-item {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
  }
}
.feishu-pure-footer .pureFooter_copyright-item-prefix {
  width: 14px;
  position: relative;
  display: inline-block;
  margin-right: 4px;
}
.feishu-pure-footer .purefooter-social-item-popover-triggerImg {
  width: 22px;
  height: 22px;
}
.feishu-pure-footer .purefooter-social-item-popover-img {
  width: 120px;
  height: 120px;
}
.feishu-pure-footer .pureFooter_language-icon {
  color: var(--footer-copyright-color);
  font-size: 16px;
}
.feishu-pure-footer .pureFooter_language-trigger-text {
  color: var(--footer-copyright-color);
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  padding-left: 10px;
  padding-right: 10px;
}
.feishu-pure-footer .pureFooter_language-trigger-icon {
  color: var(--footer-copyright-color);
  font-size: 12px;
}
.feishu-pure-footer .purefooter-pc-menu-extra {
  display: flex;
  width: 103px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  margin-top: 16px;
  margin-bottom: 12px;
}
.feishu-pure-footer .purefooter-pc-menu-extra img {
  margin-right: 2px;
  width: 14px;
}
.feishu-pure-footer .purefooter-pc-menu-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
.feishu-pure-footer .pureFooter_copyright-right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.feishu-pure-footer .pureFooter_feedback-content {
  color: var(--footer-feedback-color);
  font-size: 14px;
  line-height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-weight: 500;
}
.feishu-pure-footer .pureFooter_feedback-icon {
  font-size: 20px;
  margin-right: 8px;
}
.feishu-pure-footer .pureFooter_feedback-link {
  text-align: center;
}
.feishu-pure-footer .pureFooter_feedback-link:hover {
  text-decoration-line: underline;
}
.feishu-pure-footer .pureFooter_copyright-left {
  display: flex;
  column-gap: 32px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.pureFooter_extraButton-outline,
.pureFooter_extraButton-primary {
  width: 103px;
  height: 28px;
  font-size: 14px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pureFooter_extraButton-primary {
  background: linear-gradient(90deg, #5083fb 0, #336df4 100%);
  border: none;
  color: #fff;
}
.pureFooter_extraButton-primary:hover {
  background: linear-gradient(90deg, #3f76f8 0, #1456f0 100%);
  border: none;
}
.pureFooter_extraButton-outline {
  background-color: #fff;
  border: 1px solid #5083fb;
  box-sizing: border-box;
}
.pureFooter_extraButton-outline span {
  background: linear-gradient(90deg, #5083fb 0, #336df4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pureFooter_extraButton-outline:hover {
  border: 2px solid #336df4;
}
.pureFooter_extraButton-outline:hover span {
  background: linear-gradient(90deg, #336df4 0, #1456f0 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.universe-icon {
  display: inline-block;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.universe-icon > * {
  line-height: 1;
}
.universe-icon svg {
  display: inline-block;
  vertical-align: -0.14em;
}
.universe-icon::before {
  display: none;
}