*,
body,
html {
  font-size: 14px;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-bottom: 0;
}
/* Essential custom styles only */

/* Layout */
body, html {
  margin: 0;
  padding: 0;
  font-family: 'Rubik', Arial, sans-serif;
  background: #f8faff;
  color: #222;
}

/* Main wrapper */
.j-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 32px 16px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.04);
}

/* Buttons */
.j-btn, .ant-btn.j-btn {
  padding: 8px 24px;
  border-radius: 8px;
  background: #4c54ff;
  color: #fff;
  border: none;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
}
.j-btn:hover, .ant-btn.j-btn:hover {
  background: #2229d6;
}

/* Inputs */
.j-input .ant-input {
  border-radius: 8px;
  border: 1px solid #e5e7ef;
  padding: 8px 12px;
  font-size: 16px;
}

/* Error tip */
.j-error-tip {
  color: #ff4d4f;
  font-size: 13px;
  margin-top: 4px;
}

/* Tooltip icon */
.j-tooltip-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('/icons/info.svg') no-repeat center/contain;
  vertical-align: middle;
  margin-left: 4px;
  cursor: pointer;
}

/* Hide utility */
.hide { display: none !important; }

/* Responsive (if needed) */
@media screen and (max-width: 750px) {
  .j-wrapper {
    padding: 16px 4px;
    border-radius: 0;
  }
  .j-btn, .ant-btn.j-btn {
    width: 100%;
    padding: 12px 0;
  }
}

body {
  overscroll-behavior: none;
}
li,
ul {
  list-style: none;
}
.modal-btn,
button {
  border: none;
  cursor: pointer;
}
#root .main-content {
  min-height: 100vh;
}
#root .white {
  color: #fff;
}
#root .j-wrapper.white .my-rent-info .rent-delegate-amount .white {
  color: #22232b;
}
.flexA {
  align-items: center;
  display: flex;
}
.flexB {
  display: flex;
}
.flex.between,
.flexB {
  justify-content: space-between;
}
.flex.ai-center {
  align-items: center;
}
.ques {
  background: #fff;
  border: 1px solid #999;
  border-radius: 100%;
  color: #999;
  display: inline-block;
  font-family: AvenirNext-Medium;
  font-size: 16px;
  height: 18px;
  line-height: 18px;
  margin-right: 10px;
  text-align: center;
  width: 18px;
}
.pointer,
.ques {
  cursor: pointer;
}
.center {
  text-align: center;
}
.collateralSymbol {
  align-items: center;
}
.collateralSymbol img {
  border-radius: 50%;
  height: 24px;
  width: 24px;
}
.ant-progress.deposit-stroke .ant-progress-bg,
.ant-progress.deposit-stroke .ant-progress-status-success .ant-progress-bg,
.ant-progress.deposit-stroke .ant-progress-success-bg {
  background-color: #3d56d6;
}
.ant-progress.lend-stroke .ant-progress-bg,
.ant-progress.lend-stroke .ant-progress-status-success .ant-progress-bg,
.ant-progress.lend-stroke .ant-progress-success-bg {
  background-color: #1ed0ac;
}
.trans-notify {
  align-items: center;
  border-radius: 10px;
  display: flex;
  font-family: AvenirNext-Medium;
  justify-content: space-between;
}
.trans-notify .typo-text-link {
  color: #4850e5;
  font-size: 14px;
}
.trans-notify .trans-btn-tip {
  border-radius: 10px;
  display: inline-block;
  font-size: 12px;
  padding: 10px;
}
.trans-notify .trans-pending {
  background: #16c37833;
  color: #16c378;
}
.trans-notify .trans-confirmed {
  background: #4850e533;
  color: #4850e5;
}
.trans-notify .trans-failed {
  background: #ff8e1833;
  color: #ff8e18;
}
@font-face {
  font-family: Roboto;
  src: url("Roboto-Black.988a1a31c4f20d1a34a9.ttf");
  src: url("Roboto-Black.988a1a31c4f20d1a34a9.ttf") format("truetype");
}
@font-face {
  font-family: Rubik;
  src: url("Rubik-Regular.974ab100afa4538622da.ttf");
  src: url("Rubik-Regular.974ab100afa4538622da.ttf") format("truetype");
}
@font-face {
  font-family: Rubik-Medium;
  src: url("");
  src: url("") format("truetype");
}
@font-face {
  font-family: Rubik-Bold;
  src: url("");
  src: url("") format("truetype");
}
@font-face {
  font-family: DM Sans;
  src: url("DMSans-Regular.4ee96395e07a04577aab.ttf");
  src: url("DMSans-Regular.4ee96395e07a04577aab.ttf") format("truetype");
}
@font-face {
  font-family: DM Sans-Medium;
  src: url("");
  src: url("") format("truetype");
}
@font-face {
  font-family: DM Sans-Bold;
  src: url("");
  src: url("") format("truetype");
}
body {
  font-family:
    PingFang SC,
    DM Sans,
    Rubik,
    Roboto,
    "sans-serif" !important;
}
.copied-style-sp {
  background: #0f134f;
  border-radius: 34px;
  bottom: 30px;
  color: #fff;
  cursor: pointer;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  left: 0;
  line-height: 17px;
  margin: auto;
  padding: 7px 22px;
  position: absolute;
  right: 0;
  text-align: center;
  white-space: nowrap;
  width: 85px;
  z-index: 9000;
}
body .ant-table-cell-scrollbar {
  display: none !important;
}
body li:before {
  margin-left: 0 !important;
}
.flex-between {
  display: flex;
  justify-content: space-between;
}
.ml16 {
  margin-left: 16px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb16 {
  margin-bottom: 16px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mt16 {
  margin-top: 16px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.fw500 {
  font-weight: 500;
}
.ellipsis {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.font-rubik {
  font-family: Rubik !important;
}
.font-rubik-medium {
  font-family: Rubik-Medium !important;
}
.font-rubik-bold {
  font-family: Rubik-Bold !important;
}
.font-dmsans {
  font-family: DM Sans !important;
}
.font-dmsans-medium {
  font-family: DM Sans-Medium !important;
}
.font-dmsans-bold {
  font-family: DM Sans-Bold !important;
}
div.ant-modal.modal-line .ant-modal-header {
  border-bottom: 1px solid #0f134f0d;
  margin-bottom: 20px;
}
.tooltips-m:hover {
  border-bottom-color: #3d56d6 !important;
  color: #3d56d6 !important;
}
.inline-block {
  display: inline-block !important;
}
.block {
  display: block;
}
.tac {
  text-align: center !important;
}
.tal {
  text-align: left !important;
}
.hide {
  display: none !important;
}
.opacity-5 {
  opacity: 0.5;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-3 {
  margin-top: 3px !important;
}
.mt-6 {
  margin-top: 6px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.ml-8 {
  margin-left: 8px !important;
}
.mr-4 {
  margin-right: 4px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.ml-50 {
  margin-left: 50px !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-26 {
  margin-bottom: 26px !important;
}
.pt-8 {
  padding-top: 8px !important;
}
.tar {
  text-align: right !important;
}
.fs-14 {
  font-size: 14px !important;
}
.ant-tooltip-placement-bottom {
  padding-top: 8px !important;
}
div.common-m {
  background: #eff1f6;
  margin-top: 68px;
}
div.common-m .header-toast {
  background: #ffffff1a;
  border-radius: 0;
  margin-bottom: 14px;
  min-height: 36px;
  padding: 0 15px;
}
div.common-m .toast-text {
  background: url("") 0 no-repeat;
  background-size: 18px 15px;
  height: auto;
  min-height: 30px;
  padding-left: 24px;
  width: 100% !important;
}
div.common-m .toast-text ul {
  height: 36px;
}
div.common-m .notice-more {
  display: none;
}
div.common-m .notice-more span,
div.common-m .toast-text span {
  color: #dee3ff;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
}
div.common-m .footer-container {
  margin-top: 20px;
  padding-bottom: 20px;
}
div.common-m .footer-container .wallet-privacy:hover,
div.common-m .footer-container .wallet-service:hover {
  color: #3d56d6;
}
.connect-wallet-new {
  width: 160px;
}
.connect-wallet-new .wallet-success {
  height: 19px;
  margin-right: 10px;
  width: 23px;
}
.connect-wallet-new .copy-img {
  margin-left: 8px;
}
.wallet-info {
  align-items: center;
  border: 1px solid #ffffff4d;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  padding: 10px 20px;
}
.wallet-info:hover {
  border: 1px solid #fff;
}
.wallet-info > span {
  font-feature-settings:
    "tnum" on,
    "lnum" on;
  color: #fff;
  font-family: Rubik;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}
.block-m {
  margin: 0 15px;
}
.bg-blue {
  background-color: #3e54cb !important;
}
.bb-dash-545669 {
  border-bottom: 1px dashed #545669;
}
.line-m {
  background-color: #0f134f;
  height: 1px;
  mix-blend-mode: normal;
  opacity: 0.05;
  width: 100%;
}
.tooltip-m {
  max-width: 250px !important;
}
.tooltip-m .ant-tooltip-inner p {
  font-size: 12px;
  margin-bottom: 6px;
}
.tooltip-m .ant-tooltip-inner p:last-child {
  margin-bottom: 0;
}
.btn-m {
  border: 1px solid #fff;
  border-radius: 4px;
  color: #fff;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: 28px;
  line-height: 28px;
  line-height: 17px;
  text-align: center;
  width: 100%;
}
.btn-m.deposit-btn {
  background: #3d56d60f;
  border: 1px solid #3d56d6;
  color: #3d56d6;
}
.btn-m.deposit-btn:hover {
  background: #3d56d6;
  border: 1px solid #3d56d6;
  color: #fff;
}
.btn-m.borrow-btn {
  background: #18c19f0d;
  border: 1px solid #18c19f;
  color: #18c19f;
}
.btn-m.borrow-btn:hover {
  background: #18c19f;
  border: 1px solid #18c19f;
  color: #fff;
}
.btn-m.disabled,
.btn-m.disabled:hover {
  background: #e3e5ed;
  border-color: #e3e5ed;
  color: #545669;
  cursor: not-allowed;
}
.ic-fire {
  background: url("") 0 no-repeat;
  background-size: 12px 14px;
  display: inline-block;
  height: 14px;
  margin-right: 4px;
  width: 12px;
}
.ic-fire.hide-icon {
  background: none;
}
.link {
  cursor: pointer;
}
.ml-5 {
  margin-left: 5px;
}
.apy-sort-m {
  cursor: pointer;
  margin-left: 20px;
  min-width: 96px;
}
.sort-select {
  border-radius: 2px;
  min-width: 100px;
  position: relative;
}
.sort-select.en {
  min-width: 124px;
}
.sort-select .ant-select-selector {
  background: #0f134f1a !important;
  border: none !important;
  border-radius: 2px !important;
  height: 20px !important;
  padding-left: 28px !important;
  padding-right: 26px !important;
}
.sort-select .ant-select-selection-search .ant-select-selection-search-input {
  display: none !important;
}
.sort-select .ant-select-selection-item {
  color: #0f134f;
  font-family: DM Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px !important;
  line-height: 16px;
  padding-right: 0 !important;
  text-overflow: clip;
}
.sort-select .ant-select-arrow {
  margin-top: -3px;
  right: 9px;
}
.sort-select .ant-select-suffix {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  height: 6px;
  width: 10px;
}
.sort-select .ant-select-suffix > svg {
  display: none;
}
.sort-select:after {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 9px;
  left: 10px;
  position: absolute;
  top: 6px;
  width: 11px;
}
.sort-select.ant-select-open {
  background: #3d56d61a;
}
.sort-select.ant-select-open .ant-select-selection-item {
  color: #3d56d6 !important;
}
.sort-select.ant-select-open .ant-select-suffix {
  background-image: url("");
}
.sort-select.ant-select-open:after {
  background-image: url("");
}
.sort-select.desc:after {
  background-image: url("");
}
.sort-select.desc.ant-select-open:after {
  background-image: url("");
}
.sort-select.asc:after {
  background-image: url("");
}
.sort-select.asc.ant-select-open:after {
  background-image: url("");
}
.sort-select-down {
  border-radius: 6px !important;
  margin-top: 42px !important;
  min-width: 160px !important;
  overflow: visible !important;
  padding: 0 !important;
  width: auto !important;
}
.sort-select-down:after {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 4px;
  left: 30%;
  position: absolute;
  top: -3px;
  transform: translateX(-50%);
  width: 17.21px;
}
.sort-select-down .ant-select-item-option-content {
  text-align: center;
}
.sort-select-down .ant-select-item-option-active,
.sort-select-down .ant-select-item-option-selected {
  background: #3d56d60f !important;
  color: #3d56d6 !important;
}
.sort-select-down .ant-select-item {
  align-items: center;
  border-radius: 4px;
  margin: 0 5px !important;
  padding: 0;
}
.sort-select-down .ant-select-item:first-child {
  margin-top: 8px !important;
}
.sort-select-down .ant-select-item:last-child {
  margin-bottom: 8px !important;
}
.sort-select-down .div-item {
  padding: 8px !important;
  text-align: left;
}
.sort-select-down .div-item.active {
  background: #0000 !important;
  color: #3d56d6 !important;
  font-weight: 400 !important;
}
.sort-select-down .div-item.active .long-arrow {
  background-image: url("");
}
.sort-select-down .long-arrow {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 10px;
  margin: 0 4px;
  width: 14px;
}
.title-elements {
  margin: 20px 10px 10px 15px;
}
.title-elements .show-all-markets {
  right: 0;
  top: 0;
}
.te-title {
  color: #0f134f;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.te-subtitle {
  height: 18px;
  position: relative;
  width: 50%;
}
.te-subtitle.pc-te-subtitle {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.te-subtitle.pc-te-subtitle .show-all-markets {
  position: static;
}
.te-subtitle span {
  color: #545669;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  text-align: right;
}
.te-subtitle span.ant-checkbox {
  border: none;
  border-radius: 2px;
  top: 2px;
}
.te-subtitle .ant-checkbox-inner {
  background: #d1d7e9;
  border-color: #d1d7e9;
  height: 12px;
  width: 12px;
}
.te-subtitle .ant-checkbox-checked .ant-checkbox-inner {
  background: #3d56d6;
  border-color: #3d56d6;
}
.userList-container .ant-checkbox-checked .ant-checkbox-inner {
  background: #0f134f;
  border-color: #0f134f;
}
.market-card {
  background: #fff;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 15px 0 0;
}
.market-card .card-top {
  align-items: center;
  border-bottom: 1px solid #0f134f0d;
  display: flex;
  margin-bottom: 15px;
  padding: 0 15px 15px;
}
.market-card .card-bottom {
  padding: 0 15px;
}
.market-card .mc-logo {
  border-radius: 50%;
  height: 24px;
  margin-right: 8px;
  width: 24px;
}
.market-card .mc-symbol {
  color: #0f134f;
  font-family: DM Sans-Medium;
  font-size: 16px;
  font-weight: 500;
  margin-right: 4px;
}
.market-card .mc-subtitle,
.market-card .mc-symbol {
  display: inline-block;
  font-style: normal;
  height: 24px;
  line-height: 24px;
}
.market-card .mc-subtitle {
  color: #545669;
  font-family: DM Sans;
  font-size: 12px;
  font-weight: 400;
}
.market-card .ic-fire {
  margin-left: 4px;
}
.market-card .cb-title {
  color: #545669;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 4px;
}
.market-card .cb-title span {
  font-size: 12px;
}
.market-card .cb-value {
  font-feature-settings:
    "tnum" on,
    "lnum" on;
  color: #0f134f;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.market-card .cb-value.blue {
  color: #3d56d6;
}
.market-card .cb-value.green {
  color: #18c19f;
}
.market-card .cb-ele {
  margin-bottom: 14px;
  text-align: left;
  width: 60%;
}
.market-card .cb-ele:nth-child(2) {
  margin-left: 20px;
  width: 40%;
}
.market-card.market-detail-card .card-bottom {
  padding-bottom: 15px;
}
.width-100-per {
  width: 100% !important;
}
.market-detail-echarts {
  height: 450px !important;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
.market-detail-echarts .default-text-clone {
  background: #fff;
  box-shadow: 0 2px 20px #87878733;
  color: #5a5e89;
  height: auto;
  padding: 16px;
  width: 238px;
}
.market-detail-echarts .default-text-clone.include-mint .mint-p {
  display: flex;
}
.market-detail-echarts .default-text-clone > p {
  white-space: normal;
}
.market-detail-echarts .default-text-clone > p > span {
  white-space: nowrap;
}
.market-detail-echarts .default-text-clone > p.mint-p {
  display: none;
}
.market-detail-echarts .default-text-clone p {
  color: #84869e;
  display: flex;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  justify-content: space-between;
  line-height: 25px;
  line-height: 17px;
  margin-bottom: 0;
  margin-top: 6px;
}
.market-detail-echarts .default-text-clone p:nth-child(3),
.market-detail-echarts .default-text-clone p:nth-child(4) {
  text-indent: 6px;
}
.market-detail-echarts .default-text-clone p:nth-child(2),
.market-detail-echarts .default-text-clone p:nth-child(5) {
  color: #5a5e89;
  font-weight: 500;
}
.market-detail-echarts .default-text-clone p span {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-align: right;
}
.market-detail-echarts .default-text-clone p .sub-span {
  color: #0f134f;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
}
.market-detail-echarts .default-text-clone p .green {
  color: #1ed0ac;
}
.market-detail-echarts .default-text-clone p .blue {
  color: #3d56d6;
}
.echarts-frame {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  position: relative;
  width: 65%;
}
.echarts-frame .left {
  color: #84869e;
  display: block;
  display: none;
  font-size: 12px;
  left: 20px;
  position: absolute;
  top: 144px;
  z-index: 9;
}
.echarts-frame .right {
  color: #84869e;
  display: block;
  font-size: 12px;
  margin-left: 20px;
  margin-top: -15px;
}
.echarts-frame .echarts-title {
  color: #0f134f;
  font-weight: 600;
  line-height: 20px;
  width: calc(100% - 40px);
  z-index: 1;
}
.echarts-frame .echarts-subtitle {
  color: #84869e;
  font-size: 12px;
  font-weight: 400;
  margin-top: 5px;
}
.echarts-frame .default-text {
  background: #fff;
  box-shadow: 0 2px 20px #87878733;
  color: #333;
  color: #5a5e89;
  display: block;
  display: inline-block;
  font-size: 14px;
  height: auto;
  left: 20%;
  margin: 100px auto 20%;
  padding: 16px;
  position: absolute;
  top: 0;
  width: 206px;
}
.echarts-frame .default-text.include-mint .mint-p {
  display: flex;
}
.echarts-frame .default-text.hide {
  display: none;
}
.echarts-frame .default-text p {
  color: #84869e;
  display: flex;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  justify-content: space-between;
  line-height: 25px;
  line-height: 17px;
  margin-bottom: 0;
  margin-top: 6px;
}
.echarts-frame .default-text p:nth-child(3),
.echarts-frame .default-text p:nth-child(4) {
  text-indent: 6px;
}
.echarts-frame .default-text p:nth-child(2),
.echarts-frame .default-text p:nth-child(5) {
  color: #5a5e89;
  font-weight: 500;
}
.echarts-frame .default-text p.mint-p {
  display: none;
}
.echarts-frame .default-text p span {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-align: right;
}
.echarts-frame .default-text p .sub-span {
  color: #0f134f;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
}
.echarts-frame .default-text p .green {
  color: #1ed0ac;
}
.echarts-frame .default-text p .blue {
  color: #3d56d6;
}
.echarts-frame .gray-bar {
  align-items: center;
  background: #f5f6f9;
  border-radius: 2px;
  margin-top: 20px;
  padding: 12px;
}
.echarts-frame .gray-bar .title {
  color: #0f134f;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.echarts-frame .gray-bar .data-tip {
  color: #84869e;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
.echarts-frame .gray-bar .data {
  color: #3d56d6;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  margin-left: 8px;
  text-align: right;
}
.echarts-frame .bottom-bar,
.echarts-frame .gray-bar .data {
  background: url("") 0 0 no-repeat;
  background-size: 12px 14px;
  font-style: normal;
  padding-left: 18px;
}
.echarts-frame .bottom-bar {
  color: #84869e;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  margin-top: 9px;
}
.echarts-m {
  background: #fafbffcc;
  border-radius: 6px;
}
.echarts-m .e-top {
  border-bottom: 1px solid #0000000d;
  display: flex;
  justify-content: space-between;
  padding: 20px 15px 10px;
}
.echarts-m .e-top > div:first-child {
  color: #0f134f;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.echarts-m .e-top > div:nth-child(2) {
  font-feature-settings:
    "tnum" on,
    "lnum" on;
  color: #0f134f;
  font-family: Rubik-Medium;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
}
.echarts-m .e-content {
  padding: 10px 15px;
}
.echarts-m .e-content > div {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.echarts-m .e-content > div:last-child {
  margin-bottom: 0;
}
.echarts-m .e-content .ec-title {
  color: #545669;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
.echarts-m .e-content .ec-title span {
  font-size: 12px;
}
.echarts-m .e-content .ec-value {
  font-feature-settings:
    "tnum" on,
    "lnum" on;
  color: #3d56d6;
  font-family: Rubik-Medium;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  margin-left: 20px;
  text-align: right;
}
.echarts-m .e-content .ec-value.green {
  color: #18c19f;
}
.echarts-m .e-content .ec-value span {
  font-size: 12px;
}
.echarts-m .echarts-frame {
  padding: 0 15px 20px;
  width: 100%;
}
.echarts-m .echarts-frame .gray-bar {
  background: #3d56d60f;
  border-radius: 6px 6px 0 0;
  margin-top: 10px;
  padding-bottom: 2px;
}
.echarts-m .echarts-frame .gray-bar .title {
  color: #0f134f;
}
.echarts-m .echarts-frame .gray-bar .data-tip,
.echarts-m .echarts-frame .gray-bar .title {
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
.echarts-m .echarts-frame .gray-bar .data-tip {
  color: #545669;
  display: inline-block;
  margin-left: 4px;
}
.echarts-m .echarts-frame .gray-bar .data {
  font-feature-settings:
    "tnum" on,
    "lnum" on;
  color: #3d56d6;
  font-family: Rubik-Medium;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  text-align: right;
}
.echarts-m .echarts-frame .bottom-bar {
  background-color: #3d56d60f;
  background-position: 14px 4px;
  background-size: 11px 15px;
  border-radius: 0 0 6px 6px;
  color: #545669;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  margin-top: 0;
  padding-bottom: 12px;
  padding-left: 30px;
  padding-top: 4px;
}
.echarts-m .echarts-frame .right {
  margin-bottom: -4px;
  margin-top: -14px;
  text-align: right;
}
.echarts-m .echarts-frame .market-detail-echarts {
  padding: 0;
}
.reward-modal .ant-modal-header {
  padding: 20px 0 0;
}
.reward-modal .ant-modal-title {
  color: #0f134f;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  margin: 0 0 4px;
  text-align: center;
}
.reward-modal .desc {
  color: #545669;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 16px;
  text-align: center;
}
.reward-modal .wait {
  background: #3d56d60f;
  border-radius: 6px;
  display: flex;
  height: 39px;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 0 20px;
}
.reward-modal .wait span {
  color: #0f134f;
  font-size: 12px;
  font-weight: 400;
  line-height: 39px;
}
.reward-modal .wait span:nth-child(2) {
  font-feature-settings:
    "tnum" on,
    "lnum" on;
  color: #3d56d6;
  font-family: Rubik-Medium;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}
.reward-modal .rewards-box {
  background: #3d56d60f;
  border-radius: 6px;
  height: 172px;
  margin-bottom: 10px;
  padding: 10px;
}
.reward-modal .rewards-box .rewards-title {
  color: #0f134f;
  font-size: 12px;
  font-weight: 400;
  height: 17px;
  line-height: 17px;
  margin-bottom: 10px;
  text-indent: 10px;
}
.reward-modal .rewards-box .content {
  background: #fff;
  border-radius: 8px;
  height: 125px;
  padding-top: 10px;
}
.reward-modal .rewards-box .column {
  color: #545669;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  height: 17px;
  justify-content: space-between;
  line-height: 17px;
  margin-bottom: 10px;
  padding: 0 10px;
  width: 100%;
}
.reward-modal .rewards-box .column span {
  color: #545669;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: 17px;
  line-height: 17px;
}
.reward-modal .rewards-box .column img {
  display: inline-block;
  height: 15px;
  margin-left: 6px;
  vertical-align: top;
  width: 21px;
}
.reward-modal .rewards-box .line {
  border: 1px solid #0f134f;
  margin-bottom: 8px;
  opacity: 0.05;
}
.reward-modal .tips {
  background: url("") no-repeat top 2px left;
  padding-left: 18px;
}
.reward-modal .tips p {
  color: #ff8718;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  margin: 0;
}
.reward-modal .empty {
  height: 180px;
  padding: 60px;
  width: 100%;
}
.reward-modal .empty img {
  display: block;
  height: 60px;
  margin: 0 auto;
  width: 80px;
}
.reward-modal .empty p {
  color: #545669;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: 17px;
  line-height: 17px;
  margin-top: -40px;
  text-align: center;
  width: 100%;
}
.reward-font {
  color: #0f134f !important;
  font-family: DM Sans !important;
}
.reward-font > span {
  color: #0f134f !important;
  font-family: Rubik-Medium !important;
  font-size: 14px !important;
}
.mortgage-modal .ant-modal-header {
  padding: 20px 24px;
}
.mortgage-modal .mortgage-modal-body {
  color: #0f134f;
  font-family: PingFang SC;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}
.mortgage-modal .collateral_btn {
  background: #3d56d6;
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  margin-top: 20px;
  text-align: center;
  width: 90px;
}
.trans-modal .ant-modal-body {
  padding: 0 0 20px;
}
.trans-modal .trans-modal-title {
  border-bottom: 1px solid #0f134f0d;
}
.trans-modal .trans-modal-icon {
  margin-top: 30px !important;
}
.trans-modal .trans-modal-icon .authorizeIcon {
  height: 50px;
  width: 50px;
}
.trans-modal .modal-btn {
  margin: 20px 20px 0;
  width: auto;
}
.modal-btn,
button.modal-btn {
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
.modal-btn.lend-btn,
button.modal-btn.lend-btn {
  background-color: #1ed0ac;
}
.modal-btn.repay-btn,
button.modal-btn.repay-btn {
  background-color: #ff8718;
}
.modal-btn.authorize-btn,
.modal-btn.deposit-btn,
button.modal-btn.authorize-btn,
button.modal-btn.deposit-btn {
  background-color: #3d56d6;
}
.modal-btn.withdraw-btn,
button.modal-btn.withdraw-btn {
  background-color: #773dd6;
}
.modal-btn.border-btn,
button.modal-btn.border-btn {
  background-color: #fff;
  border: 1px solid #3d56d6;
  color: #3d56d6;
}
.modal-btn.border-btn:hover,
button.modal-btn.border-btn:hover {
  color: #3d56d6;
}
.modal-btn.no-use-btn,
button.modal-btn.no-use-btn {
  background-color: #f0f1f6;
  color: #84869e;
}
.modal-btn.no-use-btn:hover,
button.modal-btn.no-use-btn:hover {
  color: #84869e;
}
.modal-btn:hover,
button.modal-btn:hover {
  color: #fff;
}
.modal-btn.disabled,
.modal-btn.disabled:hover,
.modal-btn:disabled,
.modal-btn:disabled:hover,
button.modal-btn.disabled,
button.modal-btn.disabled:hover,
button.modal-btn:disabled,
button.modal-btn:disabled:hover {
  background: #f0f1f6;
  color: #84869e;
  cursor: not-allowed;
}
.common-input input::-webkit-input-placeholder {
  font-weight: 400;
}
.common-input input {
  color: #545669;
}
.new-switch {
  cursor: pointer;
  height: 16px;
  position: relative;
  width: 32px;
}
.new-switch,
.new-switch > span {
  display: inline-block;
}
.new-switch .switch-line {
  background: #ffffff1a;
  border-radius: 10px;
  height: 12px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 32px;
}
.new-switch .switch-circle {
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 5px #63616133;
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.5s ease-in-out;
  width: 16px;
}
.new-switch.switch-on .switch-line {
  background: #3d56d6;
}
.new-switch.switch-on .switch-circle {
  left: auto;
  right: 0;
}
.c-9195fb {
  color: #9195fb !important;
}
.c-4c54ff {
  color: #4c54ff !important;
}
.c-18c19f {
  color: #18c19f !important;
}
.j-icons {
  display: inline-block;
  height: 14px;
  min-width: 14px;
}
.j-icons.copy {
  background-image: url("");
  background-size: 100%;
  cursor: pointer;
  margin-left: 4px;
  transform: translateY(-1px);
}
.j-icons.copy:hover {
  background-image: url("");
}
@media screen and (max-width: 750px) {
  div.common-m {
    margin-top: 65px;
  }
  div.common-m .header-toast {
    line-height: 36px;
  }
  .ant-tooltip {
    max-width: 250px !important;
  }
  .safe-input .ant-input-group {
    background: #ffffff14;
  }
  .safe-input .ant-input::placeholder {
    color: #fff6;
  }
  .white .safe-input .ant-input-group {
    background-color: #4b52df0a;
  }
  .white .safe-input .ant-input::placeholder {
    color: #22232b66;
  }
}
.ant-skeleton-paragraph {
  margin: 0;
}
.ant-skeleton-paragraph > li,
.ant-skeleton-title {
  border-radius: 2px !important;
}
.white .ant-skeleton {
  background: #0000;
}
.flex {
  display: flex !important;
}
.flex-center {
  align-items: center;
  display: flex;
}
.flex-end {
  display: flex;
  justify-content: flex-end;
}
.flex-sp {
  display: flex;
  justify-content: space-between;
}
.inline-flex {
  display: inline-flex !important;
}
.block {
  display: block !important;
}
.jcsb {
  justify-content: space-between !important;
}
.jce {
  justify-content: flex-end !important;
}
.jcc {
  justify-content: center !important;
}
.aic {
  align-items: center !important;
}
.pr {
  position: relative !important;
}
.nowrap {
  white-space: nowrap;
}
.ml-2 {
  margin-left: 2px !important;
}
.ml-4 {
  margin-left: 4px !important;
}
.ml-6 {
  margin-left: 6px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mt-80 {
  margin-top: 80px !important;
}
.mt-110 {
  margin-top: 110px !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mr-6 {
  margin-right: 6px !important;
}
.mr-10 {
  margin-right: 10px;
}
.pr-50 {
  padding-right: 50px;
}
.h52 {
  height: 52px !important;
}
.underline {
  border-bottom: 1px dashed #fff;
}
.nowrap {
  white-space: nowrap !important;
}
.visible {
  overflow: visible !important;
}
.hover {
  color: #9195fb !important;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
.hover:after {
  background: #9195fb !important;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: calc(100% - 1px);
  transition: all 0.6s;
  width: 0;
}
.hover:hover:after {
  left: 0;
  width: 100%;
}
.modal-appender.high-level-container {
  position: relative;
  z-index: 4 !important;
}
.snow-bar {
  bottom: -26px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 120px 0 60px;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
.snow-bar .snow-bar-left {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  height: 26px;
  width: 318px;
}
.snow-bar .snow-bar-right {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  height: 26px;
  width: 242px;
}
.snow-ele-top {
  position: relative;
}
.snow-ele-top:before {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 46px;
  pointer-events: none;
  position: absolute;
  right: -2px;
  top: -14px;
  width: 490px;
}
.snow-ele-top.j-user-list:before {
  top: -16px;
}
.no-padding {
  padding: 0 !important;
}
wcm-modal {
  position: relative;
  z-index: 9999;
}
.ant-input:hover {
  border: none !important;
}
.ant-input-affix-wrapper > input.ant-input {
  caret-color: #fff !important;
}
.warning-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 8px;
  margin-left: 4px;
  width: 6px;
}
.j-select-alike {
  align-items: center;
  border-right: 1px solid #ffffff1a;
  display: flex !important;
  line-height: 20px;
  min-width: 100px;
  padding: 8px 20px;
}
.j-select-alike .j-alike-text {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
}
.j-important-tip {
  align-items: center;
  display: flex;
  line-height: 16px;
  margin-top: 2px;
  min-height: 52.5px;
  padding: 10px 20px;
}
.j-important-tip > span {
  color: #fff9;
  font-size: 12px;
  font-weight: 400;
}
.j-important-tip > span:first-child {
  background-image: url("");
  background-size: contain;
  height: 12px;
  margin-right: 6px;
  min-width: 12px;
  transform: translateY(-1px);
  width: 12px;
}
.j-important-tip > span span {
  color: #fff9;
  font-size: 12px;
  font-weight: 400;
}
.j-important-tip .energy-used-tip {
  color: #fffc;
}
.j-important-tip .link-button .link-button__text {
  font-size: 12px;
  font-weight: 600;
}
.j-logo {
  background: url("logo.d73186a970b3d9dbd86a.svg") 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 24px;
  position: relative;
  width: 148px;
}
.j-logo:before {
  background: url("christmas-hat.368ade54bc6d0e7816ab.svg") 0 0 no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 12px;
  left: 26px;
  position: absolute;
  top: -2px;
  width: 15px;
}
.j-logo.snow-hide:before {
  display: none;
}
.j-nodata {
  padding: 100px;
  text-align: center;
}
.j-nodata .nodata-img {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 60px;
  width: 60px;
}
.j-nodata .nodata-text {
  color: #fff9;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 10px;
}
.safe-input-with-wallet .j-error-tip,
.safe-input-with-wallet .j-safe-tip {
  top: 96px;
}
.j-error-tip {
  align-items: center;
  background: #313239;
  border-radius: 5px;
  display: flex;
  padding: 10px 16px;
  position: absolute;
  top: 66px;
  width: 100%;
  z-index: 11;
}
.j-error-tip .j-error-img {
  background: url("warning-icon.16333122adb2fa79700f.svg") 0 0 no-repeat;
  background-size: 100%;
  height: 12px;
  margin-right: 6px;
  margin-top: -3px;
  min-width: 14px;
}
.j-error-tip > div {
  color: #ff5266;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.j-error-tip > div span {
  font-size: 12px;
}
.j-error-tip.wallet-reject {
  background: #0000 !important;
  bottom: 0;
  justify-content: center;
  left: 0;
  top: auto;
}
#root .j-error-input-group {
  position: relative;
}
#root .j-error-input-group:after {
  background: #ff526614;
  border: 1px solid #ff5266;
  border-radius: 5px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
#root .j-have-val-input-group {
  position: relative;
}
#root .j-have-val-input-group:after {
  border: 1px solid #4d54ff;
  border-radius: 5px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.fire-icon {
  background: url("") 0 0 no-repeat;
  background-size: contain;
  display: inline-block;
  height: 14px;
  width: 11px;
}
.j-wrapper {
  background: #1f2027;
  font-family:
    Avenir Next,
    PingFang SC,
    Rubik,
    Roboto,
    "sans-serif" !important;
  min-height: 100vh;
}
.j-wrapper p {
  margin-bottom: 0;
}
.j-wrapper.stusdt-font {
  background: #1f2027 url("") no-repeat 50% / cover;
}
.stusdt-font .j-feedback.hover:after {
  background: #9195fb;
}
body {
  font-family:
    Avenir Next,
    PingFang SC,
    Rubik,
    Roboto,
    "sans-serif" !important;
}
.j-container {
  min-height: 300px;
}
.j-container > div {
  margin: 0 auto;
  max-width: 1200px;
  width: 90%;
}
.j-wrapper,
.j-wrapper > div {
  position: relative;
}
.j-wrapper > div {
  z-index: 2;
}
.j-wrapper > div:last-child {
  z-index: 3;
}
.j-wrapper:after,
.j-wrapper:before {
  background: url("page-top-bg.8953d015a2747f0c875d.svg") 0 0 no-repeat;
  background-size: 100%;
  content: "";
  display: none;
  left: 0;
  min-height: 650px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.j-wrapper:after {
  background-image: url("page-bottom-bg.c8c1147ac0572e76f59c.png");
  bottom: 0;
  min-height: 460px;
  top: auto;
}
.j-wrapper.snow-show:after,
.j-wrapper.snow-show:before {
  display: block;
}
.vertical-line {
  background-color: #fff3;
  height: 10px;
  width: 1px;
}
.j-tooltip-text {
  color: #fff9;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  position: relative;
}
.j-tooltip-icon {
  background: url("tooltip-icon.d840f2218fe7ecd2ff3a.svg") 0 0 no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 12px;
  min-width: 12px;
  opacity: 0.6;
  width: 12px;
}
.j-tooltip-icon:hover {
  opacity: 1;
}
.j-info-icon {
  left: 0;
  padding: 5px 2px;
  position: relative;
  top: 0;
  vertical-align: top;
}
.ant-btn.j-btn,
.j-btn {
  background: #0000;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  height: 30px;
  line-height: 30px;
  min-width: 60px;
  padding: 0 10px;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.ant-btn.j-btn.j-repay,
.j-btn.j-repay {
  border: 1px solid #e98061cc;
  color: #e98061;
}
.ant-btn.j-btn.j-repay:active,
.ant-btn.j-btn.j-repay:focus,
.ant-btn.j-btn.j-repay:hover,
.j-btn.j-repay:active,
.j-btn.j-repay:focus,
.j-btn.j-repay:hover {
  background: #e98061;
  border-color: #e98061;
  color: #fff;
}
.ant-btn.j-btn.j-rent-refund,
.ant-btn.j-btn.j-supply,
.j-btn.j-rent-refund,
.j-btn.j-supply {
  border: 1px solid #9195fbcc;
  color: #9195fb;
}
.ant-btn.j-btn.j-rent-refund:active,
.ant-btn.j-btn.j-rent-refund:hover,
.ant-btn.j-btn.j-supply:active,
.ant-btn.j-btn.j-supply:hover,
.j-btn.j-rent-refund:active,
.j-btn.j-rent-refund:hover,
.j-btn.j-supply:active,
.j-btn.j-supply:hover {
  background: #4c54ff;
  border-color: #4c54ff;
  color: #fff;
}
.ant-btn.j-btn.j-withdraw,
.j-btn.j-withdraw {
  border: 1px solid #9774ff;
  color: #9774ff;
}
.ant-btn.j-btn.j-withdraw:active,
.ant-btn.j-btn.j-withdraw:hover,
.j-btn.j-withdraw:active,
.j-btn.j-withdraw:hover {
  background: #6644c9;
  border-color: #6644c9;
  color: #fff;
}
.ant-btn.j-btn.j-borrow,
.j-btn.j-borrow {
  border: 1px solid #18c19fcc;
  color: #18c19f;
}
.ant-btn.j-btn.j-borrow:active,
.ant-btn.j-btn.j-borrow:hover,
.j-btn.j-borrow:active,
.j-btn.j-borrow:hover {
  background: #18c19f;
  border-color: #18c19f;
  color: #fff;
}
.ant-btn.j-btn.j-rent-renew,
.j-btn.j-rent-renew {
  background: #4d54ff;
  color: #fff;
}
.ant-btn.j-btn.j-rent-renew:active,
.ant-btn.j-btn.j-rent-renew:hover,
.j-btn.j-rent-renew:active,
.j-btn.j-rent-renew:hover {
  background: #9195fb;
  border-color: #9195fb;
  color: #fff;
}
.ant-btn.j-btn.j-rent-renew.disabled:hover,
.ant-btn.j-btn.j-rent-renew:disabled,
.j-btn.j-rent-renew.disabled:hover,
.j-btn.j-rent-renew:disabled {
  background: #53545a;
  border: 1px solid #53545a;
  color: #fff9 !important;
  cursor: not-allowed;
}
.ant-btn.j-btn.j-reward,
.j-btn.j-reward {
  background: #42444b;
  color: #ffffffe6;
  min-width: 80px;
}
.ant-btn.j-btn.j-reward:hover,
.j-btn.j-reward:hover {
  color: #9195fb;
}
.ant-btn.j-btn.disabled,
.ant-btn.j-btn:disabled,
.j-btn.disabled,
.j-btn:disabled {
  background: #53545a;
  border: 1px solid #53545a;
  color: #fff9;
  cursor: not-allowed;
}
.ant-btn.j-btn.disabled:hover,
.ant-btn.j-btn:disabled:hover,
.j-btn.disabled:hover,
.j-btn:disabled:hover {
  background: #424348 !important;
  border: 1px solid #424348 !important;
  color: #ffffff4d !important;
}
.ant-btn.j-btn.j-not-used.disabled,
.ant-btn.j-btn.j-not-used.disabled:hover,
.ant-btn.j-btn.j-not-used:disabled,
.ant-btn.j-btn.j-not-used:disabled:hover,
.j-btn.j-not-used.disabled,
.j-btn.j-not-used.disabled:hover,
.j-btn.j-not-used:disabled,
.j-btn.j-not-used:disabled:hover {
  background: #53545a;
  border: 1px solid #53545a;
  color: #fff9;
  cursor: not-allowed;
}
.scroll-bar {
  border-right: 1px solid #282931;
}
.scroll-bar.rewards-list-content {
  border-right: 1px solid #21232a;
}
.scroll-bar::-webkit-scrollbar {
  display: none;
  height: 40px;
  width: 1px;
}
.scroll-bar::-webkit-scrollbar-thumb {
  background-color: #ffffff1a;
  border-radius: 1px;
  max-height: 40px;
}
.scroll-bar:hover {
  border-right: none;
}
.scroll-bar:hover::-webkit-scrollbar {
  display: block;
}
.linear {
  background: linear-gradient(180deg, #2b2d3400, #2b2d34);
  bottom: -1px;
  height: 20px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: calc(100% - 1px);
  z-index: 1;
}
.rewards-lists .linear {
  background: linear-gradient(180deg, #22232b00, #22232b);
  border-radius: 0 0 5px 5px;
}
.stusdt-font .linear {
  background: linear-gradient(180deg, #0c181800, #0c1818);
  bottom: -1px;
  height: 30px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: calc(100% - 1px);
  z-index: 1;
}
.ant-modal.j-modal {
  padding-bottom: 0 !important;
}
.ant-modal.j-modal .ant-tabs-content {
  position: static;
}
.ant-modal.j-modal .loading-box {
  height: 400px;
}
.ant-modal.j-modal .anticon > svg {
  display: none !important;
}
.ant-modal.j-modal.j-transaction-modal .ant-modal-body {
  padding: 0 !important;
}
.ant-modal.j-modal.header-border .ant-modal-header {
  border-bottom: 1px solid #ffffff0f;
}
.ant-modal.j-modal .ant-modal-content {
  background: #0000;
  border-radius: 10px;
}
.ant-modal.j-modal .ant-tabs-bottom > .ant-tabs-nav,
.ant-modal.j-modal .ant-tabs-bottom > div > .ant-tabs-nav,
.ant-modal.j-modal .ant-tabs-top > .ant-tabs-nav,
.ant-modal.j-modal .ant-tabs-top > div > .ant-tabs-nav {
  margin-bottom: 10px;
}
.ant-modal.j-modal .ant-tabs-top > .ant-tabs-nav:before {
  border-bottom: 0;
}
.ant-modal.j-modal .anticon-close {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  height: 12px;
  width: 12px;
}
.ant-modal.j-modal .anticon-close > svg {
  display: none;
}
.ant-modal.j-modal .ant-modal-body,
.ant-modal.j-modal .ant-modal-header {
  background: #282931;
  border: none;
  padding: 0 20px;
}
.ant-modal.j-modal .ant-modal-header {
  border-radius: 10px 10px 0 0;
}
.ant-modal.j-modal .ant-modal-header .ant-modal-title {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  height: 60px;
  justify-content: center;
}
.ant-modal.j-modal .ant-modal-header .ant-modal-title > img {
  border-radius: 50%;
  height: 24px;
  margin-right: 10px;
  width: 24px;
}
.ant-modal.j-modal .ant-modal-header .ant-modal-title > img.eth,
.ant-modal.j-modal .ant-modal-header .ant-modal-title > img.ethb,
.ant-modal.j-modal .ant-modal-header .ant-modal-title > img.wbtt {
  background: #fff;
}
.ant-modal.j-modal .ant-modal-body {
  border-radius: 0 0 10px 10px;
  padding-bottom: 40px;
}
.ant-modal.j-modal .ant-tabs-nav-list {
  width: 100%;
}
.ant-modal.j-modal .ant-tabs-tab-btn {
  color: #fff6;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.ant-modal.j-modal .ant-tabs-tab {
  background: #0000 !important;
  border: none !important;
  border-bottom: 1px solid #ffffff1a !important;
  display: flex;
  justify-content: center;
  margin-left: 0 !important;
  padding: 0 16px !important;
  width: 50%;
}
.ant-modal.j-modal .ant-tabs-tab .ant-tabs-tab-btn {
  height: 38px;
  line-height: 38px;
  transform: translateY(1px);
  width: 45px;
}
.ant-modal.j-modal
  .j-supply
  .ant-tabs-tab:first-child.ant-tabs-tab-active
  .ant-tabs-tab-btn {
  border-bottom: 2px solid #4c54ff !important;
  color: #9195fb;
}
.ant-modal.j-modal
  .j-supply
  .ant-tabs-tab:nth-child(2).ant-tabs-tab-active
  .ant-tabs-tab-btn {
  border-bottom: 2px solid #9774ff !important;
  color: #9774ff;
}
.ant-modal.j-modal
  .j-borrow
  .ant-tabs-tab:first-child.ant-tabs-tab-active
  .ant-tabs-tab-btn {
  border-bottom: 2px solid #18c19f !important;
  color: #18c19f;
}
.ant-modal.j-modal
  .j-borrow
  .ant-tabs-tab:nth-child(2).ant-tabs-tab-active
  .ant-tabs-tab-btn {
  border-bottom: 2px solid #e98061 !important;
  color: #e98061;
}
.ant-modal.j-modal .j-wallet {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  margin-top: 20px;
}
.ant-modal.j-modal .j-wallet > span {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.ant-modal.j-modal .j-wallet > span:first-child {
  color: #fff9;
  margin-right: 6px;
  white-space: nowrap;
}
.ant-modal.j-modal .j-wallet > span:nth-child(2) {
  color: #fff;
  justify-content: flex-end;
  width: calc(100% - 90px);
}
.ant-modal.j-modal .j-wallet > span:nth-child(2) > span {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  max-width: calc(100% - 50px);
}
.ant-modal.j-modal .j-modal-ele {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.ant-modal.j-modal .j-modal-ele > span,
.ant-modal.j-modal .j-modal-ele > span > span {
  color: #fff9;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.ant-modal.j-modal .j-modal-ele .j-content {
  color: #fff;
  font-size: 14px;
  text-align: right;
  width: calc(100% - 70px);
}
.ant-modal.j-modal .j-modal-ele .j-content .pre {
  color: #fff9;
}
.ant-modal.j-modal .j-modal-ele .j-content span {
  font-size: 14px;
}
.ant-modal.j-modal .j-modal-ele .j-light {
  position: relative;
  top: 1px;
}
.ant-modal.j-modal .j-modal-ele .j-title {
  margin-right: 16px;
  white-space: nowrap;
}
.ant-modal.j-modal .modal-progress {
  margin: 10px 0 30px;
}
.ant-modal.j-modal .arrow-right {
  background-image: url("");
  height: 5px;
  width: 9px;
}
.ant-modal.j-modal .borrow-tip {
  align-items: center;
  color: #fff6;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 36px;
  padding: 15px 0;
}
.ant-modal.j-modal .borrow-tip > span {
  color: #fff6;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}
.ant-modal.j-modal .borrow-tip > span:first-child {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 12px;
  margin-right: 6px;
  width: 15px;
}
.ant-modal.j-modal .borrow-tip a {
  color: #9195fb;
  font-size: 12px;
  font-weight: 500;
  margin-left: 6px;
  white-space: nowrap;
}
.ant-modal.j-modal .borrow-tip.borrow-important-tip {
  color: #fff;
}
.ant-modal.j-modal .borrow-tip.borrow-important-tip.opacity span {
  opacity: 0;
}
.ant-modal.j-modal .borrow-tip.borrow-important-tip > span {
  color: #fff9;
}
.ant-modal.j-modal .borrow-tip.borrow-important-tip > span:first-child {
  background-image: url("");
  background-size: contain;
  height: 12px;
  min-width: 12px;
  width: 12px;
}
.ant-modal.j-modal .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap {
  width: calc(100% + 40px);
}
.j-input {
  border-radius: 5px;
  height: 62px;
  margin-bottom: 10px;
}
.j-input .ant-input,
.j-input .ant-input[disabled] {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.j-input .ant-input,
.j-input .ant-input-affix-wrapper,
.j-input .ant-input-group-addon {
  background: #ffffff14;
  border: none;
  border-radius: 5px;
  height: 60px;
}
.j-input .ant-input .ant-input-prefix span,
.j-input .ant-input-affix-wrapper .ant-input-prefix span,
.j-input .ant-input-group-addon .ant-input-prefix span {
  color: #fff;
}
.j-input .ant-input-affix-wrapper {
  border-radius: 5px 0 0 5px;
}
.j-input .ant-input-wrapper {
  border-radius: 5px;
}
.j-input .ant-input-group-addon {
  border-radius: 0 5px 5px 0;
}
.j-input .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border: none;
}
.j-input .ant-input-affix-wrapper {
  padding: 0 10px 0 16px;
}
.j-input .ant-input-affix-wrapper .ant-input {
  background: #0000;
}
.j-input .ant-input-clear-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  height: 12px;
  width: 12px;
}
.j-input .ant-input-clear-icon > svg {
  display: none;
}
.j-input .ant-input-suffix {
  margin-left: 10px;
}
.j-input .ant-input-group-addon {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding: 0 10px 0 0;
  position: relative;
}
.j-input .ant-input-group-addon > span {
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 6px 0;
}
.j-input .ant-input-affix-wrapper-focused,
.j-input .ant-input-affix-wrapper:focus,
.j-input .ant-input-focused,
.j-input .ant-input:focus {
  border: none;
  box-shadow: none;
}
.j-input ::-webkit-input-placeholder {
  color: #fff6;
  font-size: 14px;
  font-weight: 400;
}
.j-input.j-error-input {
  background: #ff526614;
  border: 1px solid #ff5266;
  height: 62px;
}
.j-input.j-error-input .ant-input-affix-wrapper,
.j-input.j-error-input .ant-input-group-addon {
  background: #3c2d36;
}
.j-input.j-error-input .ant-input-group-addon > span {
  background-color: #3c2d36;
}
.ant-btn.j-large-btn,
.j-large-btn {
  border: none;
  border-radius: 5px;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  margin-top: 50px;
  padding: 0 15px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
  width: 100%;
}
.ant-btn.j-large-btn:active,
.ant-btn.j-large-btn:disabled,
.ant-btn.j-large-btn:focus,
.ant-btn.j-large-btn:hover,
.j-large-btn:active,
.j-large-btn:disabled,
.j-large-btn:focus,
.j-large-btn:hover {
  color: #fff;
}
.ant-btn.j-large-btn.j-supply,
.j-large-btn.j-supply {
  background: #4c54ff;
}
.ant-btn.j-large-btn.j-supply:hover,
.j-large-btn.j-supply:hover {
  background: #9195fb;
}
.ant-btn.j-large-btn.j-supply:active,
.ant-btn.j-large-btn.j-supply:focus,
.j-large-btn.j-supply:active,
.j-large-btn.j-supply:focus {
  background: #4c54ff;
}
.ant-btn.j-large-btn.j-withdraw,
.j-large-btn.j-withdraw {
  background: #6644c9;
}
.ant-btn.j-large-btn.j-withdraw:hover,
.j-large-btn.j-withdraw:hover {
  background: linear-gradient(0deg, #b3a2e4, #b3a2e4), #6644c9;
}
.ant-btn.j-large-btn.j-withdraw:active,
.ant-btn.j-large-btn.j-withdraw:focus,
.j-large-btn.j-withdraw:active,
.j-large-btn.j-withdraw:focus {
  background: #6644c9;
}
.ant-btn.j-large-btn.j-borrow,
.j-large-btn.j-borrow {
  background: #18c19f;
}
.ant-btn.j-large-btn.j-borrow:hover,
.j-large-btn.j-borrow:hover {
  background: #74dac5;
}
.ant-btn.j-large-btn.j-borrow:active,
.ant-btn.j-large-btn.j-borrow:focus,
.j-large-btn.j-borrow:active,
.j-large-btn.j-borrow:focus {
  background: #18c19f;
}
.ant-btn.j-large-btn.j-repay,
.j-large-btn.j-repay {
  background: #e98061;
}
.ant-btn.j-large-btn.j-repay:hover,
.j-large-btn.j-repay:hover {
  background: #f1ac98;
}
.ant-btn.j-large-btn.j-repay:active,
.ant-btn.j-large-btn.j-repay:focus,
.j-large-btn.j-repay:active,
.j-large-btn.j-repay:focus {
  background: #e98061;
}
.ant-btn.j-large-btn.j-blue,
.j-large-btn.j-blue {
  background: #4c54ff;
}
.ant-btn.j-large-btn.j-blue:hover,
.j-large-btn.j-blue:hover {
  background: #9195fb;
}
.ant-btn.j-large-btn.j-green,
.j-large-btn.j-green {
  background: linear-gradient(90deg, #c0ea6a, #3cffd8);
  background-size: 105%;
  border-radius: 5px;
  color: #000;
  position: relative;
}
.ant-btn.j-large-btn.j-green:after,
.j-large-btn.j-green:after {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ant-btn.j-large-btn.j-green:hover,
.j-large-btn.j-green:hover {
  background:
    linear-gradient(0deg, #ffffff80, #ffffff80),
    linear-gradient(90deg, #c0ea6a, #3cffd8);
}
.ant-btn.j-large-btn.loading-close,
.j-large-btn.loading-close {
  border: 1px solid #9195fbcc;
  border-radius: 5px;
  color: #9195fb;
}
.ant-btn.j-large-btn.loading-close:active,
.ant-btn.j-large-btn.loading-close:focus,
.j-large-btn.loading-close:active,
.j-large-btn.loading-close:focus {
  background: #4d54ff;
  border-color: #4d54ff;
  color: #fff;
}
.ant-btn.j-large-btn.disabled,
.ant-btn.j-large-btn.disabled:focus,
.ant-btn.j-large-btn.disabled:hover,
.ant-btn.j-large-btn:disabled,
.ant-btn.j-large-btn:disabled:hover,
.j-large-btn.disabled,
.j-large-btn.disabled:focus,
.j-large-btn.disabled:hover,
.j-large-btn:disabled,
.j-large-btn:disabled:hover {
  background: #53545a !important;
  color: #fff9 !important;
  cursor: not-allowed;
}
.ant-btn.j-large-btn.disabled:after,
.ant-btn.j-large-btn.disabled:focus:after,
.ant-btn.j-large-btn.disabled:hover:after,
.ant-btn.j-large-btn:disabled:after,
.ant-btn.j-large-btn:disabled:hover:after,
.j-large-btn.disabled:after,
.j-large-btn.disabled:focus:after,
.j-large-btn.disabled:hover:after,
.j-large-btn:disabled:after,
.j-large-btn:disabled:hover:after {
  display: none;
}
.skeleton-space-block {
  background: #2d2e35;
  height: 40px;
}
.per-100 {
  width: 100%;
}
@media (max-width: 798px) {
  #root .j-wrapper .j-container div.liquidate-warning {
    padding: 7px 10px;
    text-align: left;
  }
  #root .j-wrapper .j-container div.liquidate-warning span {
    background: url("") 0 no-repeat;
    background-size: 10px;
    display: inline-block;
  }
  .skeleton-space-block {
    background: #393b42;
  }
  #root .scroll-bar.rewards-list-content {
    border-right: 0;
  }
  #root .j-wrapper.white .j-rewards.j-allowance .j-large-btn:disabled {
    background: #d3d3d5 !important;
    color: #fff !important;
  }
  #root .j-wrapper.white .j-rewards.j-allowance .rewards-lists > div,
  .j-wrapper.white .j-rewards.j-allowance .rewards-lists > div:nth-child(2) {
    background: #4c54ff0a;
  }
  .j-error-tip.wallet-reject {
    bottom: 0;
  }
  .j-energy-rent .j-error-tip.wallet-reject {
    padding-bottom: 0;
    position: static;
  }
  .white .j-error-tip.wallet-reject {
    bottom: 0;
  }
  .ant-btn.j-large-btn,
  .j-large-btn {
    font-size: 13px;
  }
  .ant-btn.j-large-btn.j-supply:hover,
  .j-large-btn.j-supply:hover {
    background: #4c54ff;
  }
  .ant-btn.j-large-btn.j-supply:focus,
  .j-large-btn.j-supply:focus {
    background: #9195fb;
  }
  .ant-btn.j-large-btn.j-withdraw:active,
  .ant-btn.j-large-btn.j-withdraw:focus,
  .j-large-btn.j-withdraw:active,
  .j-large-btn.j-withdraw:focus {
    background: linear-gradient(0deg, #b3a2e4, #b3a2e4), #6644c9;
  }
  .ant-btn.j-large-btn.j-withdraw:hover,
  .j-large-btn.j-withdraw:hover {
    background: #6644c9;
  }
  .ant-btn.j-large-btn.j-borrow:active,
  .ant-btn.j-large-btn.j-borrow:focus,
  .j-large-btn.j-borrow:active,
  .j-large-btn.j-borrow:focus {
    background: #74dac5;
  }
  .ant-btn.j-large-btn.j-borrow:hover,
  .j-large-btn.j-borrow:hover {
    background: #18c19f;
  }
  .ant-btn.j-large-btn.j-repay:active,
  .ant-btn.j-large-btn.j-repay:focus,
  .j-large-btn.j-repay:active,
  .j-large-btn.j-repay:focus {
    background: #f1ac98;
  }
  .ant-btn.j-large-btn.j-repay:hover,
  .j-large-btn.j-repay:hover {
    background: #e98061;
  }
  .ant-btn.j-large-btn.disabled,
  .ant-btn.j-large-btn.disabled:focus,
  .ant-btn.j-large-btn.disabled:hover,
  .ant-btn.j-large-btn:disabled,
  .ant-btn.j-large-btn:disabled:hover,
  .j-large-btn.disabled,
  .j-large-btn.disabled:focus,
  .j-large-btn.disabled:hover,
  .j-large-btn:disabled,
  .j-large-btn:disabled:hover {
    background: #53545a !important;
    color: #fff9 !important;
    cursor: not-allowed;
  }
}
.ant-tooltip.j-tooltip-dropdown {
  pointer-events: inherit !important;
}
.ant-tooltip.j-tooltip-dropdown.orderlist-wb div.warning-box {
  margin: 0;
  text-align: left;
}
.ant-tooltip.j-tooltip-dropdown.orderlist-wb div.warning-box svg {
  min-width: 12px;
  transform: translateY(2px);
}
.ant-tooltip.j-tooltip-dropdown.orderlist-wb div.warning-box span {
  margin-left: 6px;
}
.ant-tooltip.j-tooltip-dropdown.orderlist-wb.red .ant-tooltip-arrow-content,
.ant-tooltip.j-tooltip-dropdown.orderlist-wb.red .ant-tooltip-inner {
  background: #4a333c;
}
.ant-tooltip.j-tooltip-dropdown.orderlist-wb.red
  .ant-tooltip-arrow-content
  div.warning-box,
.ant-tooltip.j-tooltip-dropdown.orderlist-wb.red
  .ant-tooltip-inner
  div.warning-box {
  color: #ff5266;
}
.ant-tooltip.j-tooltip-dropdown.orderlist-wb.yellow .ant-tooltip-arrow-content,
.ant-tooltip.j-tooltip-dropdown.orderlist-wb.yellow .ant-tooltip-inner {
  background: #3d3839;
}
.ant-tooltip.j-tooltip-dropdown.orderlist-wb.yellow
  .ant-tooltip-arrow-content
  div.warning-box,
.ant-tooltip.j-tooltip-dropdown.orderlist-wb.yellow
  .ant-tooltip-inner
  div.warning-box {
  color: #f58721;
}
.ant-tooltip.j-tooltip-dropdown.red .ant-tooltip-inner {
  color: #ff5266;
}
.ant-tooltip.j-tooltip-dropdown .hover {
  padding-left: 2px;
  padding-right: 2px;
}
.ant-tooltip.j-tooltip-dropdown .ant-tooltip-inner {
  -webkit-backdrop-filter: blur(35px);
  backdrop-filter: blur(35px);
  background: #40414a;
  border-radius: 5px;
  box-shadow: none;
  color: #b3b4b7;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  padding: 12px;
}
.ant-tooltip.j-tooltip-dropdown .ant-tooltip-inner div {
  font-size: 12px;
}
.ant-tooltip.j-tooltip-dropdown .ant-tooltip-inner p,
.ant-tooltip.j-tooltip-dropdown .ant-tooltip-inner span {
  font-family: Avenir Next;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
}
.ant-tooltip.j-tooltip-dropdown .ant-tooltip-inner .j-tooltip-special {
  margin: 0;
}
.ant-tooltip.j-tooltip-dropdown .ant-tooltip-inner span.light,
.ant-tooltip.j-tooltip-dropdown.light .ant-tooltip-inner {
  color: #fff;
}
.ant-tooltip.j-tooltip-dropdown.mobile-r-30 .ant-tooltip-inner {
  transform: translateX(-30px);
}
.ant-tooltip.j-tooltip-dropdown.mobile-l-30 .ant-tooltip-inner {
  transform: translateX(30px);
}
.ant-tooltip.j-tooltip-dropdown .ant-tooltip-arrow-content {
  background-color: #40414a;
  box-shadow: none;
  height: 10px;
  width: 10px;
}
.ant-tooltip.j-tooltip-dropdown .ant-tooltip-arrow-content:before,
.ant-tooltip.j-tooltip-dropdown.j-tooltip-dropdown-disabled {
  display: none;
}
.j-risk {
  font-size: 14px !important;
  font-weight: 600 !important;
}
.j-risk,
.j-risk.low-risk {
  color: #8ff7e2 !important;
}
.j-risk.mid-risk {
  color: #a0c4ff !important;
}
.j-risk.high-risk {
  color: #ff5266 !important;
}
.j-progress {
  background: #ffffff0f;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.j-progress,
.j-progress > div {
  border-radius: 10px;
  height: 4px;
}
.j-progress > div {
  position: absolute;
  transition: all 0.2s ease-in-out;
}
.j-progress > div:first-child {
  background: #5c5e71;
  z-index: 1;
}
.j-progress > div:nth-child(2) {
  background: url("") 0 0 no-repeat;
  background-size: 360px;
  z-index: 2;
}
.j-progress .j-block {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 4px;
  z-index: 3;
}
.j-progress .j-block.block-blue {
  background-color: #366cc6;
  left: 60%;
}
.j-progress .j-block.block-red {
  background-color: #cc3648;
  left: 80%;
}
.j-progress.low-risk > div:first-child {
  background: linear-gradient(0deg, #18c19f, #18c19f), #8ff7e2;
}
.j-progress.low-risk > div:nth-child(2) {
  background: #8ff7e2;
}
.j-progress.mid-risk > div:first-child {
  background: #438aff;
}
.j-progress.mid-risk > div:nth-child(2) {
  background: #a0c4ff;
}
.j-progress.high-risk > div:first-child {
  background: #992734;
}
.j-progress.high-risk > div:nth-child(2) {
  background: #ff5266;
}
.approve-content {
  text-align: center;
}
.approve-content .img {
  align-items: center;
  border-radius: 50%;
  display: inline-flex;
  height: 80px;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 70px;
  width: 80px;
}
.approve-content .img img {
  object-fit: contain;
  object-position: center;
}
.approve-content .approve-tip {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  padding: 0 32px;
}
.approve-content .approve-apy {
  border-top: 1px solid #ffffff0f;
  margin-top: 70px;
  padding-top: 20px;
}
.market-right {
  align-items: center;
  display: flex;
}
.ant-checkbox-wrapper.show-balance > span:last-child,
.show-balance > span:last-child {
  color: #fff9;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  padding-left: 6px;
  text-align: right;
  white-space: nowrap;
}
.ant-checkbox-wrapper.show-balance
  .ant-checkbox-checked
  .ant-checkbox-inner:after,
.show-balance .ant-checkbox-checked .ant-checkbox-inner:after {
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
}
.ant-checkbox-wrapper.show-balance .ant-checkbox-checked:after,
.show-balance .ant-checkbox-checked:after {
  border-color: #4d54ff;
}
.ant-checkbox-wrapper.show-balance .ant-checkbox-checked .ant-checkbox-inner,
.ant-checkbox-wrapper.show-balance .ant-checkbox-inner,
.show-balance .ant-checkbox-checked .ant-checkbox-inner,
.show-balance .ant-checkbox-inner {
  background: #22232b;
  border-color: #313339 !important;
  border-radius: 1px;
}
.ant-checkbox-wrapper.show-balance .ant-checkbox-checked .ant-checkbox-inner,
.show-balance .ant-checkbox-checked .ant-checkbox-inner {
  background: #4d54ff;
  border-color: #4d54ff !important;
  border-radius: 1px;
}
.ant-checkbox-wrapper.show-balance
  .ant-checkbox-input:focus
  + .ant-checkbox-inner,
.ant-checkbox-wrapper.show-balance
  .ant-checkbox-wrapper:hover
  .ant-checkbox-inner,
.ant-checkbox-wrapper.show-balance .ant-checkbox:hover .ant-checkbox-inner,
.show-balance .ant-checkbox-input:focus + .ant-checkbox-inner,
.show-balance .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.show-balance .ant-checkbox:hover .ant-checkbox-inner {
  border-color: #313339;
}
.ant-checkbox-wrapper.show-balance .ant-checkbox,
.show-balance .ant-checkbox {
  transform: translateY(1px);
}
.ant-input-affix-wrapper.search-token,
.search-token {
  background: #22232b;
  border: none;
  border-radius: 2px;
  height: 26px;
  line-height: 26px;
  margin-left: 30px;
  width: 240px;
}
.ant-input-affix-wrapper.search-token .ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper.search-token .ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper.search-token.ant-input-affix-wrapper,
.ant-input-affix-wrapper.search-token.ant-input-affix-wrapper:not(
    .ant-input-affix-wrapper-disabled
  ):hover,
.search-token .ant-input-affix-wrapper-focused,
.search-token .ant-input-affix-wrapper:focus,
.search-token.ant-input-affix-wrapper,
.search-token.ant-input-affix-wrapper:not(
    .ant-input-affix-wrapper-disabled
  ):hover {
  border-color: #22232b;
  box-shadow: none;
}
.ant-input-affix-wrapper.search-token .ant-input,
.search-token .ant-input {
  background: #22232b;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.ant-input-affix-wrapper.search-token .ant-input::-webkit-input-placeholder,
.search-token .ant-input::-webkit-input-placeholder {
  color: #a7a7aa;
  font-weight: 400;
}
.ant-input-affix-wrapper.search-token .ant-input-focused,
.ant-input-affix-wrapper.search-token .ant-input:focus,
.ant-input-affix-wrapper.search-token:hover,
.search-token .ant-input-focused,
.search-token .ant-input:focus,
.search-token:hover {
  border: none;
}
.ant-input-affix-wrapper.search-token .ant-input-prefix,
.search-token .ant-input-prefix {
  color: #fff;
  margin-right: 12px;
}
.ant-input-affix-wrapper.search-token .ant-input-prefix span,
.search-token .ant-input-prefix span {
  color: #fff;
}
.ant-input-affix-wrapper.search-token .ant-input-clear-icon,
.search-token .ant-input-clear-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  height: 10px;
  width: 10px;
}
.ant-input-affix-wrapper.search-token .ant-input-clear-icon > svg,
.search-token .ant-input-clear-icon > svg {
  display: none;
}
.horizontal-line {
  background: #ffffff0f;
  display: block;
  height: 1px;
  margin: 70px 0 20px;
  width: 100%;
}
.j-deal-note-modal .collateral-limit-note {
  font-size: 16px;
  font-weight: 500;
}
.j-tooltip-dropdown,
body .ant-tooltip.j-tooltip-dropdown {
  max-width: 276px;
}
.j-tooltip-dropdown.j-disclaimer,
body .ant-tooltip.j-tooltip-dropdown.j-disclaimer {
  max-width: 220px !important;
}
.j-tooltip-dropdown.no-limit,
body .ant-tooltip.j-tooltip-dropdown.no-limit {
  max-width: none;
}
.j-tooltip-dropdown.no-limit .ant-tooltip-inner,
body .ant-tooltip.j-tooltip-dropdown.no-limit .ant-tooltip-inner {
  min-width: 0;
  min-width: auto;
}
.j-tooltip-dropdown.j-tooltip-dropdown-receiver,
body .ant-tooltip.j-tooltip-dropdown.j-tooltip-dropdown-receiver {
  max-width: 220px;
}
.j-tooltip-dropdown.triangle-icon .ant-tooltip-arrow,
body .ant-tooltip.j-tooltip-dropdown.triangle-icon .ant-tooltip-arrow {
  border-bottom: 6px solid #40414a;
  border-left: 9.5px solid #0000;
  border-right: 9.5px solid #0000;
  height: 0;
  margin-top: 8px;
  width: 0;
}
.j-tooltip-dropdown.triangle-icon .ant-tooltip-arrow .ant-tooltip-arrow-content,
body
  .ant-tooltip.j-tooltip-dropdown.triangle-icon
  .ant-tooltip-arrow
  .ant-tooltip-arrow-content {
  display: none;
}
.j-tooltip-dropdown.w314,
body .ant-tooltip.j-tooltip-dropdown.w314 {
  left: auto !important;
  max-width: 320px;
  right: 41px;
  width: 320px;
}
.j-tooltip-dropdown.w314 .ant-tooltip-arrow,
body .ant-tooltip.j-tooltip-dropdown.w314 .ant-tooltip-arrow {
  left: auto;
  transform: translateX(50%);
}
.j-tooltip-dropdown.w254,
body .ant-tooltip.j-tooltip-dropdown.w254 {
  left: 40px !important;
  max-width: 254px;
  width: 254px;
}
.j-tooltip-dropdown-disconnect {
  display: none !important;
}
.j-tooltip-special {
  margin: 0;
  text-align: left !important;
}
.j-tooltip-special .special-title {
  border-bottom: 1px solid #a7aacf1a;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: left;
}
.j-tooltip-special .special-ele {
  margin-bottom: 6px;
  padding-left: 10px;
}
.j-tooltip-special .special-ele:last-child {
  margin-bottom: 0;
}
.j-tooltip-special .s-content,
.j-tooltip-special .s-title {
  align-items: center;
  color: #fff9;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
}
.j-tooltip-special .s-content > span,
.j-tooltip-special .s-title > span {
  color: #fff;
}
.j-tooltip-special .s-instruction {
  border-top: 1px solid #ffffff1a;
  margin-bottom: 10px !important;
  margin-top: -2px !important;
  padding-top: 10px;
  transform: translateX(-10px);
  width: calc(100% + 10px);
}
.j-tooltip-special .s-item {
  position: relative;
}
.j-tooltip-special .s-item:before {
  background: #fff9;
  border-radius: 2px;
  content: "";
  display: block;
  height: 5px;
  left: -10px;
  position: absolute;
  top: 6px;
  width: 5px;
}
.j-tooltip-special .s-icon {
  height: 14px;
  margin-bottom: 2px;
  margin-left: 4px;
  width: 14px;
}
.j-tooltip-special .arrow-icon {
  height: 0.6em;
  margin-left: 4px;
}
.j-tooltip-special .s-title {
  align-items: flex-start;
  line-height: 1.7em;
  position: relative;
  white-space: pre-line;
}
.j-tooltip-special .s-title:before {
  background: #4c54ff;
  content: "";
  display: block;
  height: 9px;
  left: -10px;
  position: absolute;
  top: 4px;
  width: 3px;
}
.j-tooltip-special .s-title div {
  line-height: 1.7em;
}
.j-tooltip-special .s-title span {
  text-wrap: nowrap;
}
.j-tooltip-special .s-title > span {
  padding-left: 10px;
}
.j-tooltip-special .s-content {
  color: #fff9;
  margin-top: 2px;
}
.j-tooltip-special.j-tooltip-special-wst .s-content,
.j-tooltip-special.j-tooltip-special-wst .s-title {
  color: #fff;
  font-family: Avenir Next;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.j-tooltip-special.j-tooltip-special-wst .s-title {
  margin-bottom: 2px;
}
.j-tooltip-special.j-tooltip-special-wst .s-title:last-child {
  margin-bottom: 0;
}
.j-tooltip-special.j-tooltip-special-wst .s-title:before {
  top: 3px;
}
.j-tooltip-special.j-tooltip-special-wst .s-content {
  line-height: normal;
  margin: 10px 0 0;
}
.j-tooltip-special.j-tooltip-special-wst .s-subcontent {
  color: #fff9;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
}
.clear-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.clear-icon,
.j-light {
  display: inline-block;
  height: 12px;
  width: 12px;
}
.j-light {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  margin-right: 8px;
  min-width: 12px;
  opacity: 0.6;
}
.j-light:hover {
  opacity: 1;
}
.j-exchange-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  width: 16px;
}
.j-exchange-icon:hover {
  background: url("") 0 0 no-repeat;
  background-size: 16px;
  transform: translateY(-0.5px);
}
.j-warning-icon {
  background: url("") 0 0 no-repeat;
  background-size: contain;
  display: inline-block;
  height: 12px;
  margin-right: 6px;
  min-width: 12px;
  width: 12px;
}
.j-reward-btn-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 11px;
  transform: translateY(-1px);
  width: 11px;
}
.j-reward.disabled,
.j-reward:disabled {
  color: #fff6;
  opacity: 1;
}
.j-reward.disabled .j-reward-btn-icon,
.j-reward:disabled .j-reward-btn-icon {
  background-image: url("");
}
.j-reward.disabled:hover,
.j-reward:disabled:hover {
  color: #fff6;
}
.bs-list {
  border-radius: 10px;
}
.bs-list .ant-table-column-sorter {
  margin-left: 4px;
}
.bs-list
  .ant-table-content
  .ant-table-thead
  th.ant-table-column-has-sorters:hover {
  background: #2d2e35;
}
.bs-list .ant-table-column-sorter-down,
.bs-list .ant-table-column-sorter-up {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  height: 4px;
  opacity: 0.5;
  width: 6px;
}
.bs-list .ant-table-column-sorter-down > svg,
.bs-list .ant-table-column-sorter-up > svg {
  display: none !important;
}
.bs-list .ant-table-column-sorter-down.active,
.bs-list .ant-table-column-sorter-up.active {
  opacity: 1;
}
.bs-list .ant-table-column-sorter-up + .ant-table-column-sorter-down {
  margin-top: 0 !important;
}
.bs-list .ant-table-column-sorter-down {
  transform: rotate(180deg);
}
.bs-list .ant-table-column-title .j-tooltip-icon {
  transform: translateY(0);
}
.bs-list .ant-table-column-sorters {
  justify-content: flex-end;
}
.bs-list .ant-table-tbody > tr > td,
.bs-list .ant-table-thead > tr > th {
  background: #31333a;
  border: none;
}
.bs-list .ant-table-thead > tr > th {
  background: #2d2e35;
}
.bs-list .ant-table-tbody > tr.ant-table-row:hover > td {
  background: #393b42 !important;
}
.bs-list .ant-table-empty .ant-table-tbody > tr:hover td {
  background: #313339 !important;
}
.bs-list .ant-table-tbody > tr > td,
.bs-list .ant-table-tbody > tr > td span,
.bs-list .ant-table-thead > tr > th,
.bs-list .ant-table-thead > tr > th span {
  font-size: 12px;
  font-weight: 500;
}
.bs-list .ant-table-tbody > tr > td .ant-table-column-title,
.bs-list .ant-table-thead > tr > th .ant-table-column-title {
  align-items: center;
  display: inline-flex;
  justify-content: flex-end;
}
.bs-list .ant-table-tbody > tr > td .ant-table-column-sorter,
.bs-list .ant-table-thead > tr > th .ant-table-column-sorter {
  font-size: 0;
  transform: translateY(-4px);
}
.bs-list .ant-table-tbody > tr > td:first-child,
.bs-list .ant-table-thead > tr > th:first-child {
  padding-left: 20px;
}
.bs-list .ant-table-tbody > tr > td:last-child,
.bs-list .ant-table-thead > tr > th:last-child {
  padding-right: 20px;
}
.bs-list .ant-table-tbody > tr > td.token-symbol .ant-table-cell-content,
.bs-list .ant-table-thead > tr > th.token-symbol .ant-table-cell-content {
  min-width: 210px;
}
.bs-list .ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 0;
}
.bs-list .ant-table-thead > tr > th {
  color: #a7a7aa;
  font-weight: 500 !important;
}
.bs-list .ant-table-tbody > tr > td {
  color: #fff;
}
.bs-list .ant-table-tbody tr:hover td {
  background: #313239 !important;
}
.bs-list td {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.bs-list .main-desc {
  line-height: 20px;
  margin-bottom: 2px;
}
.bs-list .sub-desc {
  color: #fff9;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.bs-list .new-switch {
  margin-top: 6px;
  width: 30px;
}
.bs-list .new-switch .switch-circle {
  height: 15px;
  width: 15px;
}
.bs-list .new-switch.season:hover .switch-circle {
  background: #b3b4b7;
}
.bs-list .new-switch.season:hover .switch-line {
  background: #ffffff1a;
}
.bs-list .new-switch .switch-line {
  background: #ffffff1a;
  border-radius: 10px;
  height: 9px;
  top: 3px;
  width: 30px;
}
.bs-list .new-switch.switch-on .switch-line {
  background: #4d54ff;
}
.cannot-open .new-switch .switch-circle {
  background: #b3b4b7;
  box-shadow: none;
}
.cannot-open .new-switch.switch-on .switch-line {
  background-color: #f5872199;
}
.cannot-open .new-switch.switch-on .switch-circle {
  background: #fff;
  box-shadow: 0 0 5px #6361614d;
}
.bs-route {
  align-items: center;
  display: flex;
}
.bs-route.bs-route-m {
  flex-direction: column;
  justify-content: center;
}
.bs-route.bs-route-m .menu-item-label {
  align-items: center;
  display: flex;
}
.bs-route.bs-route-m .menu-item-label > span {
  font-size: 12px;
  white-space: nowrap;
}
.bs-route.ant-popover-open {
  color: #fff;
}
.bs-route.ant-popover-open .bs-arrow {
  opacity: 1;
  transform: rotate(0deg);
}
.bs-route.ant-popover-open:hover {
  color: #fff !important;
}
.bs-route.ant-popover-open .menu-item-label > span {
  color: #9195fb;
}
.bs-route:hover {
  color: #fff9;
}
.bs-route .bs-arrow {
  background: url("header-select-arrow.37d05f5ac7f53e28755c.svg") 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 12px;
  margin-left: 4px;
  opacity: 0.6;
  transform: rotate(180deg);
  transition: all 0.3s ease-in-out;
  width: 12px;
}
.ant-popover-open {
  color: #fff;
}
.ant-popover-open .bs-arrow {
  opacity: 1;
  transform: rotate(0deg);
}
.ant-popover-open:hover {
  color: #fff !important;
}
.ant-popover-open .menu-item-label > span {
  color: #9195fb;
}
.bs-arrow {
  background: url("header-select-arrow.37d05f5ac7f53e28755c.svg") 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 12px;
  margin-left: 4px;
  opacity: 0.6;
  transform: rotate(180deg);
  transition: all 0.3s ease-in-out;
  width: 12px;
}
.beta {
  position: relative;
}
.beta:before {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 11px;
  position: absolute;
  right: -30px;
  top: 0;
  width: 28px;
}
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
  box-shadow: none !important;
}
.rc-virtual-list-scrollbar {
  height: 40px;
  width: 1px;
}
.rc-virtual-list-scrollbar .rc-virtual-list-scrollbar-thumb {
  background-color: #fff3 !important;
  border-radius: 1px !important;
  left: auto !important;
  right: 0;
  width: 1px !important;
}
.liquidate-popover .ant-popover-content,
.liquidate-select-dropdown .rc-virtual-list {
  position: relative;
}
.liquidate-popover .ant-popover-content:after,
.liquidate-select-dropdown .rc-virtual-list:after {
  background: linear-gradient(180deg, #393a4100, #393a41);
  border-radius: 0 0 10px 10px;
  bottom: 0;
  content: "";
  height: 44px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
.liquidate-select-dropdown.liquidate-select-dropdown-hide
  .rc-virtual-list:after {
  display: none;
}
.liquidate-popover .ant-popover-content.ant-checkbox-inner:after {
  height: 34px;
}
.jl-links {
  align-items: center;
  color: #9195fb;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 0 10px 0 0;
  position: relative;
  white-space: nowrap;
}
.jl-links:before {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  right: 0;
  top: calc(50% - 5.5px);
  width: 6px;
}
.jl-links:after {
  background: #9195fb;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: calc(100% - 1px);
  transition: all 0.6s;
  width: 0;
}
.jl-links:hover {
  color: #9195fb;
}
.jl-links:hover:after {
  left: 0;
  width: 100%;
}
.back-btn {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  opacity: 0.4;
  transition: all 0.3s ease-in-out;
  width: 60px;
}
.back-btn:hover {
  color: #fff;
  opacity: 1;
}
.tooltip-hover {
  color: #9195fb !important;
  position: relative;
}
.tooltip-hover:after {
  border-bottom: 1px dashed #fff;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.tooltip-hover:hover:after {
  border-bottom-color: #9195fb;
}
.tooltip-hover:hover > * {
  color: #9195fb !important;
}
body .ant-tooltip .ant-tooltip-inner > div.rent-fee-detail {
  margin-bottom: 0;
  margin-top: 0;
}
body
  .ant-tooltip
  .ant-tooltip-inner
  > div.rent-fee-detail
  .rent-fee-detail-item {
  margin-bottom: 10px;
}
body .ant-tooltip .ant-tooltip-inner > div.rent-fee-detail .name {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 17px;
  text-align: left;
}
body .ant-tooltip .ant-tooltip-inner > div.rent-fee-detail .value {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: right;
}
body .ant-tooltip .ant-tooltip-inner > div.rent-fee-detail .return-rule-tip {
  border-top: 1px solid #ffffff0f;
  color: #b3b4b7;
  color: var(--color, #b3b4b7);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-top: 10px;
  text-align: left;
}
body
  .ant-tooltip
  .ant-tooltip-inner
  > div.rent-fee-detail
  .return-rule-tip
  .return-rule-tip-text {
  margin-right: 4px;
}
body
  .ant-tooltip
  .ant-tooltip-inner
  > div.rent-fee-detail
  .learn-more
  span.link-button__arrow {
  margin-left: 4px;
}
.j-link {
  color: #9195fb;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
}
.j-link:after {
  background: #9195fb;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: calc(100% - 1px);
  transition: all 0.6s;
  width: 0;
}
.j-link:hover {
  color: #9195fb;
}
.j-link:hover:after {
  left: 0;
  width: 100%;
}
.ant-modal.white .j-link,
.ant-modal.white .j-link:hover,
.j-wrapper.white .j-link,
.j-wrapper.white .j-link:hover {
  color: #4d54ff;
}
.ant-modal.white .tooltip-hover,
.j-wrapper.white .tooltip-hover {
  color: #4d54ff !important;
}
.ant-modal.white .tooltip-hover:after,
.j-wrapper.white .tooltip-hover:after {
  border-bottom-color: #22232b;
}
.ant-modal.white .tooltip-hover:hover:after,
.j-wrapper.white .tooltip-hover:hover:after {
  border-bottom-color: #4d54ff;
}
.ant-modal.white .tooltip-hover:hover > *,
.j-wrapper.white .tooltip-hover:hover > * {
  color: #4d54ff !important;
}
.ant-modal.white .back-btn,
.ant-modal.white .back-btn:hover,
.j-wrapper.white .back-btn,
.j-wrapper.white .back-btn:hover {
  color: #22232b;
}
.ant-modal.white .jl-links,
.j-wrapper.white .jl-links {
  color: #4d54ff;
}
.ant-modal.white .jl-links:before,
.j-wrapper.white .jl-links:before {
  background-image: url("");
}
.ant-modal.white .jl-links:after,
.j-wrapper.white .jl-links:after {
  background: #4d54ff;
}
.ant-modal.white .jl-links:hover,
.j-wrapper.white .jl-links:hover {
  color: #4d54ff;
}
.ant-modal.white .rc-virtual-list-scrollbar .rc-virtual-list-scrollbar-thumb,
.j-wrapper.white .rc-virtual-list-scrollbar .rc-virtual-list-scrollbar-thumb {
  background-color: #22232b33 !important;
}
.ant-modal.white .liquidate-select-dropdown .rc-virtual-list:after,
.j-wrapper.white .liquidate-select-dropdown .rc-virtual-list:after {
  background: linear-gradient(180deg, #f8f8fe00, #f8f8fe);
}
.ant-modal.white .j-important-tip > span span,
.j-wrapper.white .j-important-tip > span span {
  color: #737480;
}
.ant-modal.white .ant-table-tbody > tr.ant-table-row:hover > td,
.ant-modal.white .ant-table-tbody > tr > td,
.ant-modal.white .ant-table-thead > tr > th,
.j-wrapper.white .ant-table-tbody > tr.ant-table-row:hover > td,
.j-wrapper.white .ant-table-tbody > tr > td,
.j-wrapper.white .ant-table-thead > tr > th {
  background-color: #fff;
  color: #22232b;
}
.ant-modal.white .ant-table-thead > tr > th,
.j-wrapper.white .ant-table-thead > tr > th {
  color: #22232b99;
}
.ant-modal.white
  .ant-table-content
  .ant-table-thead
  th.ant-table-column-has-sorters:hover,
.ant-modal.white .ant-table-tbody .ant-table-row-hover,
.ant-modal.white .ant-table-tbody .ant-table-row-hover > td,
.ant-modal.white .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td,
.j-wrapper.white
  .ant-table-content
  .ant-table-thead
  th.ant-table-column-has-sorters:hover,
.j-wrapper.white .ant-table-tbody .ant-table-row-hover,
.j-wrapper.white .ant-table-tbody .ant-table-row-hover > td,
.j-wrapper.white .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
  background-color: #f8f8ff;
}
.ant-modal.white .underline,
.j-wrapper.white .underline {
  border-bottom: 1px dashed #22232b99;
}
.ant-modal.white .j-btn.j-supply,
.j-wrapper.white .j-btn.j-supply {
  background-color: #4d54ff0f;
  color: #9195fb;
}
.ant-modal.white .j-btn.j-supply:hover,
.j-wrapper.white .j-btn.j-supply:hover {
  background: #4c54ff;
  color: #fff;
}
.ant-modal.white .j-btn.j-withdraw,
.j-wrapper.white .j-btn.j-withdraw {
  background-color: #8458ff0a;
  color: #8458ff;
}
.ant-modal.white .j-btn.j-withdraw:hover,
.j-wrapper.white .j-btn.j-withdraw:hover {
  background: #8458ff;
  color: #fff;
}
.ant-modal.white .j-btn.j-borrow,
.j-wrapper.white .j-btn.j-borrow {
  background-color: #18c19f0f;
  color: #18c19f;
}
.ant-modal.white .j-btn.j-borrow:hover,
.j-wrapper.white .j-btn.j-borrow:hover {
  background: #18c19f;
  color: #fff;
}
.ant-modal.white .new-switch .switch-line,
.j-wrapper.white .new-switch .switch-line {
  background: #1416311a;
}
.ant-modal.white .new-switch.switch-on .switch-line,
.j-wrapper.white .new-switch.switch-on .switch-line {
  background: #4d54ff;
}
.ant-modal.white .account-v2-container .more,
.j-wrapper.white .account-v2-container .more {
  background: url("") no-repeat;
  background-size: 100%;
}
.ant-modal.white .account-v2-container .more .recommend-tip,
.j-wrapper.white .account-v2-container .more .recommend-tip {
  color: #22232b99;
}
.ant-modal.white .j-nodata .nodata-img,
.j-wrapper.white .j-nodata .nodata-img {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
}
.ant-modal.white .j-input .ant-input .ant-input-prefix span,
.ant-modal.white .j-input .ant-input-affix-wrapper .ant-input-prefix span,
.ant-modal.white .j-input .ant-input-group-addon .ant-input-prefix span,
.ant-modal.white .j-nodata .nodata-text,
.j-wrapper.white .j-input .ant-input .ant-input-prefix span,
.j-wrapper.white .j-input .ant-input-affix-wrapper .ant-input-prefix span,
.j-wrapper.white .j-input .ant-input-group-addon .ant-input-prefix span,
.j-wrapper.white .j-nodata .nodata-text {
  color: #22232b;
}
.ant-notification .ant-notification-notice {
  background: #35363d;
  border-radius: 10px;
  box-shadow: 0 10px 20px #0000001a;
}
.ant-notification .ant-notification-notice .ant-notification-notice-close {
  right: 26px;
  top: 11px;
}
.ant-notification .ant-notification-notice .ant-notification-notice-message {
  color: #fffc;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.ant-notification .ant-notification-notice a {
  color: #9195fb;
}
.ant-notification .ant-notification-notice .trans-confirmed,
.ant-notification .ant-notification-notice .trans-failed,
.ant-notification .ant-notification-notice .trans-pending {
  border-radius: 2px;
  color: #ff5266;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  padding: 0 8px 0 24px;
  position: relative;
}
.ant-notification .ant-notification-notice .trans-confirmed:after,
.ant-notification .ant-notification-notice .trans-failed:after,
.ant-notification .ant-notification-notice .trans-pending:after {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 12px;
  left: 8px;
  position: absolute;
  top: 4px;
  width: 12px;
}
.ant-notification .ant-notification-notice .trans-pending {
  background: #9195fb1a;
  color: #9195fb;
}
.ant-notification .ant-notification-notice .trans-pending:after {
  animation: rotation 2s linear infinite;
}
.ant-notification .ant-notification-notice .trans-confirmed {
  background: #18c19f1a;
  color: #18c19f;
}
.ant-notification .ant-notification-notice .trans-confirmed:after {
  background-image: url("");
}
.ant-notification .ant-notification-notice .trans-failed {
  background: #ff52661a;
  color: #ff5266;
}
.ant-notification .ant-notification-notice .trans-failed:after {
  background-image: url("warning-icon.16333122adb2fa79700f.svg");
}
.ant-notification .ant-notification-notice .ant-notification-close-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  height: 10px;
  width: 10px;
}
.ant-notification .ant-notification-notice .ant-notification-close-icon > svg {
  display: none;
}
.siging-icon {
  animation: rotation 2s linear infinite;
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 12px;
  margin-left: 8px;
  min-width: 12px;
}
.j-signing {
  align-items: center;
  display: flex;
  justify-content: center;
}
.ant-input-group-addon {
  padding: 0 16px;
}
.ant-input-group-addon .pointer:hover {
  color: #9195fb;
}
.j-borrow-modal.sunold-modal .ant-modal-body,
.j-daw-modal.sunold-modal .ant-modal-body {
  height: 550px;
}
.j-borrow-modal.sunold-modal .ant-modal-content,
.j-daw-modal.sunold-modal .ant-modal-content {
  height: 610px;
}
.j-borrow-modal.sunold-m-modal .ant-modal-body,
.j-daw-modal.sunold-m-modal .ant-modal-body {
  height: 480px;
}
.j-borrow-modal.sunold-m-modal .ant-modal-content,
.j-daw-modal.sunold-m-modal .ant-modal-content {
  height: 540px;
}
.j-borrow-modal .ant-modal-content,
.j-daw-modal .ant-modal-content {
  height: 560px;
}
.j-borrow-modal .ant-modal-body,
.j-daw-modal .ant-modal-body {
  height: 500px;
}
.j-borrow-modal .j-large-btn,
.j-daw-modal .j-large-btn {
  bottom: 40px;
  left: 20px;
  position: absolute;
  width: 360px;
}
.j-borrow-modal .borrow-tip,
.j-daw-modal .borrow-tip {
  bottom: 50px;
  left: 20px;
  max-width: 360px;
  position: absolute;
}
.j-reward-unit {
  color: #fffc;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.wcm-overlay {
  z-index: 9999 !important;
}
.j-tooltip-link {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  margin-left: 4px;
  padding-right: 10px;
  position: relative;
}
.j-tooltip-link:before {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: 6px;
  width: 5px;
}
.not-used-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 12px;
  min-width: 12px;
  opacity: 0.6;
  transition: all 0.3s ease-in-out;
}
.not-used-icon:hover {
  opacity: 1;
}
.not-used-icon.usdj {
  transform: translateY(-1px);
}
.not-used-icon.y-2 {
  transform: translateY(2px);
}
.not-used-icon.usdj-market {
  transform: translateY(3px);
}
.usdd-update .not-used-icon {
  background: url("") 0 0 no-repeat;
  opacity: 1;
}
.ant-tooltip.j-tooltip-dropdown.not-used {
  max-width: 332px;
}
.ant-tooltip.j-tooltip-dropdown.not-used .ant-tooltip-inner {
  font-weight: 500;
}
.ant-tooltip.j-tooltip-dropdown.not-used .ant-tooltip-arrow-content {
  box-shadow: none;
}
.ant-tooltip.j-tooltip-dropdown.not-used .not-used-icon,
.ant-tooltip.j-tooltip-dropdown.not-used .not-used-icon:hover {
  opacity: 1;
}
.j-not-used-ml-20 {
  margin-left: 20px;
}
.header-bs-pop .bl-img {
  height: 16px;
  margin-left: 4px;
  width: 37px;
}
.header-bs-pop .ant-popover-inner {
  border-radius: 5px;
  min-width: 200px;
}
.header-bs-pop a {
  color: #fff;
  display: block;
  font-weight: 500;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.header-bs-pop a .apply-icon {
  margin-bottom: 1px;
  margin-left: 2px;
}
.header-bs-pop a:after {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  content: "";
  display: none;
  height: 13px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-6px);
  width: 13px;
}
.header-bs-pop a > span {
  font-size: 14px;
  font-weight: 500;
}
.header-bs-pop a:hover {
  background: #ffffff0a;
  color: #fff;
}
.header-bs-pop a.current {
  color: #fff;
}
.header-bs-pop a.current:after {
  display: block;
}
.header-bs-pop .ant-popover-inner-content {
  padding: 8px 0;
}
.header-bs-pop .ant-popover-inner {
  background-color: #40414a;
}
.header-bs-pop .ant-popover-arrow {
  display: none;
}
.header-bs-pop .beta:before {
  right: 57px;
  top: 8px;
}
.header-bs-pop .beta.en:before {
  right: 43px;
}
.j-navi {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 30px auto 20px !important;
}
.j-navi .j-navi-content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
.j-navi .j-navi-content > a {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  opacity: 0.6;
  transition: all 0.3s ease-in-out;
}
.j-navi .j-navi-content > a:hover {
  color: #9195fb;
  opacity: 1;
}
.j-navi .j-navi-content > span {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 19px;
  margin-right: 10px;
  opacity: 0.6;
  white-space: nowrap;
}
.j-navi .j-navi-content > span.current {
  opacity: 1;
}
.j-navi .j-navi-content > em {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 14px;
  margin: 0 10px;
  width: 14px;
}
.j-navi .j-navi-content > div {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  margin-top: 10px;
}
.j-refresh {
  align-items: center;
  cursor: pointer;
  display: flex;
  opacity: 0.4;
  transition: all 0.3s ease-in-out;
}
.j-refresh > em {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 12px;
  margin-right: 6px;
  width: 12px;
}
.j-refresh > span {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.j-refresh:hover {
  opacity: 1;
}
.j-announce {
  align-items: center;
  background: #0000;
  color: #fff;
  display: flex;
  font-size: 12px;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.j-announce:hover .announce-content,
.j-announce:hover .announce-content span {
  color: #9195fb !important;
}
.j-announce:hover .announce-arrow-icon {
  background-image: url("announce-arrow-gray-hover-icon.9701f49c4d4118844b6d.svg");
}
.j-announce .announce-icon {
  background: url("announce-icon.6cb24c1c22697889fe46.svg") 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 14px;
  margin-right: 6px;
  min-width: 14px;
  transform: translateY(-1px);
  vertical-align: top;
}
.j-announce .announce-content {
  color: #fff;
  display: inline-block;
  line-height: 16px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.j-announce .announce-content,
.j-announce .announce-content * {
  font-size: 12px;
  font-weight: 500;
}
.j-announce .announce-arrow-icon {
  background: url("announce-arrow-gray-icon.e7a60335b2f8eb26055d.svg") 0 0
    no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 8px;
  margin-left: 6px;
  min-width: 5px;
}
.j-announce .jl-links {
  font-size: 12px;
}
.blue-line:before {
  background: #4d54ff;
  border-radius: 1px;
  content: "";
  display: inline-block;
  height: 18px;
  margin-right: 10px;
  transform: translateY(2px);
  width: 6px;
}
.jl-feedback {
  color: #fff9;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  font-weight: 500;
}
.jl-feedback > a {
  color: #9195fb;
  font-size: 12px;
  margin-left: 4px;
}
.jl-feedback > a:before {
  top: 5px;
}
.jl-feedback > div {
  justify-content: flex-end;
}
.jl-feedback .feedback-link {
  align-items: center;
  display: flex;
}
.jl-feedback .feedback-link .feedback-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: block;
  height: 14px;
  margin-right: 6px;
  width: 14px;
}
.jl-feedback .feedback-title {
  align-items: flex-start;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  margin-top: 10px;
  text-align: right;
}
.jl-feedback .feedback-title .feedback-title-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: block;
  height: 14px;
  margin-right: 4px;
  min-width: 14px;
  transform: translateY(1px);
}
.jl-feedback .feedback-title .feedback-title-icon.liquidate-icon {
  transform: translateY(0);
}
.skeleton-block {
  background-color: #31333a;
  border-radius: 10px;
  padding: 20px;
}
.skeleton-block.border-bottom {
  border-bottom: 1px solid #ffffff0f;
  margin: 0 !important;
}
.two-part {
  display: flex;
  justify-content: space-between;
}
.two-part > div {
  width: 44%;
}
.half-part {
  margin: 20px 0 10px;
  width: 50%;
}
.j-wrapper .ant-skeleton-content .ant-skeleton-paragraph > li {
  height: 20px;
}
.j-wrapper .end-rental-address {
  background-color: #ffffff0a;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  height: 52px;
  line-height: 52px;
  margin-bottom: 170px;
  margin-top: 20px;
  text-align: center;
  white-space: nowrap;
}
.j-wrapper .end-rental-btns {
  display: flex;
  justify-content: space-between;
}
.j-wrapper .end-rental-btns .j-btn {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  width: 170px;
}
.j-wrapper .end-rental-btns .j-btn:nth-child(2) {
  margin-left: 15px;
}
.j-wrapper .expiring-new {
  border-bottom: 1px dashed #ff5266;
  display: inline-block;
}
.j-wrapper .expiring-new:hover {
  border-bottom-color: #cc4252 !important;
  color: #cc4252 !important;
}
.collateral-limit-img.deal-note-img {
  width: 66px;
}
.deal-note-desc {
  background-color: #22232b;
  border-radius: 10px;
  margin-top: 20px;
  padding: 20px;
}
.deal-note-desc .note-row {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  margin-bottom: 10px;
  padding-left: 14px;
  position: relative;
}
.deal-note-desc .note-row:last-child {
  margin-bottom: 0;
}
.deal-note-desc .note-row:before {
  background-color: #8d8e92;
  border-radius: 50%;
  content: "";
  display: block;
  height: 5px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 5px;
}
.limit-thirty-days {
  margin: 30px auto 10px;
}
@media screen and (max-width: 750px) {
  .ant-tooltip.j-tooltip-dropdown-receiver {
    max-width: 220px !important;
  }
}
@media screen and (max-width: 1000px) {
  .j-info-icon {
    top: -2px;
  }
  .bs-list .ant-table-thead > tr > th,
  .bs-v2-list .ant-table-thead > tr > th {
    padding: 0 12px;
    text-align: right;
  }
}
@media screen and (max-width: 798px) {
  .skeleton-block {
    padding: 15px;
  }
  .blue-line:before {
    content: "";
    height: 14px;
    margin-right: 8px;
    width: 4px;
  }
  .jl-feedback {
    flex-direction: column-reverse;
  }
  .jl-feedback .feedback-title {
    text-align: left;
  }
  .jl-feedback .feedback-link {
    justify-content: flex-start;
    margin-top: 10px;
  }
  .jl-links {
    font-size: 12px;
  }
  .j-wrapper:after,
  .j-wrapper:before,
  .snow-bar,
  .snow-ele-top:before {
    display: none;
  }
  .j-tooltip-dropdown.w254,
  body .ant-tooltip.j-tooltip-dropdown.w254 {
    left: 20px !important;
  }
  .j-tooltip-dropdown.w314,
  body .ant-tooltip.j-tooltip-dropdown.w314 {
    width: 291px;
  }
  .not-used-icon {
    background-size: 71%;
    padding: 9px 9px 5px;
  }
  .j-not-used-ml-20 {
    margin-left: 0;
  }
  .ml20 {
    margin-left: 20px;
  }
  .ellipsis {
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ant-modal.j-modal {
    max-width: calc(100% - 40px);
  }
  .mt16.mt10-m {
    margin-top: 10px !important;
  }
  .j-borrow-modal .j-large-btn,
  .j-daw-modal .j-large-btn {
    left: 15px;
    right: 15px;
    width: calc(100% - 30px);
  }
  .j-input {
    margin-bottom: 6px;
  }
  .ant-modal.j-modal .modal-progress {
    margin: 10px auto 20px;
  }
  .ant-modal.j-modal .j-modal-ele {
    margin-top: 14px;
  }
  .ant-modal.j-modal .j-modal-ele.mt30 {
    margin-top: 10px !important;
  }
  .ant-modal.j-modal .ant-modal-body,
  .ant-modal.j-modal .ant-modal-header {
    padding: 0 15px;
  }
  .ant-modal.j-modal.end-rent-modal .ant-modal-body,
  .ant-modal.j-modal.j-deal-note-modal .ant-modal-body,
  .ant-modal.j-modal.j-end-rent-modal .ant-modal-body,
  .ant-modal.j-modal.j-liquidate-modal .ant-modal-body,
  .ant-modal.j-modal.j-return-resource-modal .ant-modal-body {
    padding-bottom: 40px;
  }
  .j-borrow-modal .ant-modal-body,
  .j-daw-modal .ant-modal-body {
    height: 449px;
  }
  .j-borrow-modal .ant-modal-content,
  .j-daw-modal .ant-modal-content {
    background-color: #282931;
    height: 509px;
  }
  .ant-modal.j-mortgage-modal .ant-modal-body {
    padding-bottom: 40px;
    padding-top: 20px;
  }
  .ant-modal.j-modal .j-wallet {
    margin-top: 10px;
  }
  .ant-modal.j-modal .j-wallet span {
    font-weight: 500;
  }
  .ant-modal.j-modal .j-wallet .repay-balance {
    display: flex;
  }
  .ant-modal.j-modal .j-wallet .repay-balance .repay-balance-value {
    max-width: calc(100vw - 190px);
    white-space: pre;
  }
  .deposit.mt16 {
    margin-top: 10px !important;
  }
  .ant-modal.j-modal .j-modal-ele .j-content.balance-change {
    line-height: 19px;
    margin-left: 20px;
    vertical-align: top;
    width: calc(100% - 130px);
  }
  .ant-modal.j-modal .j-modal-ele .j-content.balance-change .pre {
    line-height: 19px;
    max-width: calc(50% - 9px);
    vertical-align: top;
  }
  .ant-modal.j-modal .j-modal-ele .j-content span {
    color: #fff;
  }
  .approve-content .img {
    height: 70px;
    margin-top: 50px;
    width: 70px;
  }
  .approve-content .img .approve-icon {
    background: url("") no-repeat 50%;
    background-size: 100%;
    border-radius: 50%;
    height: 70px;
    width: 70px;
  }
  .approve-content .approve-apy {
    margin-top: 50px !important;
  }
  .approve-content .approve-tip {
    margin-bottom: 20px;
  }
  .ant-modal-body .collateral-limit-img {
    width: 70px;
  }
  .ant-modal-body .collateral-limit-btn {
    margin-bottom: 40px;
    margin-top: 30px;
  }
  .ant-modal.j-modal .ant-modal-content {
    background-color: #282931;
  }
  .white .ant-modal.j-modal .ant-modal-content {
    background-color: #fff;
  }
  .white .approve-content .img .approve-icon {
    background: url("") no-repeat 50%;
    background-size: 100%;
  }
}
@media screen and (min-width: 1700px) {
  .j-container > div {
    max-width: 1440px;
  }
  .j-wrapper:after {
    min-height: 600px;
  }
}
.ant-tooltip.j-tooltip-dropdown.s9 .ant-tooltip-arrow-content,
.ant-tooltip.j-tooltip-dropdown.s9 .ant-tooltip-inner {
  background: #31333a;
}
.ant-tooltip.j-tooltip-dropdown.s9 .ant-tooltip-arrow-content .app-close-btn,
.ant-tooltip.j-tooltip-dropdown.s9 .ant-tooltip-inner .app-close-btn {
  color: #fff;
}
.ant-tooltip.j-tooltip-dropdown.s9 .ant-tooltip-arrow {
  background: url("") 0 -0.5px no-repeat;
}
.ant-tooltip.j-tooltip-dropdown.s9
  .ant-tooltip-arrow
  .ant-tooltip-arrow-content {
  display: none;
}
.j-header {
  align-items: center;
  background: #1f2027;
  border-bottom: 1px solid #ffffff0f;
  display: flex;
  justify-content: space-between;
  min-height: 64px;
  padding: 0 120px 0 60px;
  position: sticky !important;
  top: 0;
  z-index: 3 !important;
}
.j-header.showing-wallet-dropdown {
  z-index: 999 !important;
}
.j-header .pr .new-icon {
  cursor: pointer;
  position: absolute;
  right: 39px;
  top: -7px;
}
.j-header .j-version {
  background: #18c19f33;
  color: #18c19f;
  font-size: 12px;
  font-weight: 500;
  height: 20px;
  line-height: 20px;
  margin: 0 10px;
  padding: 0 10px;
}
.j-header .j-feedback {
  color: #9195fb;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}
.j-header .warning-icon {
  margin-left: 5px;
}
.j-header .version-info {
  background: #18c19f1a;
  border-radius: 5px;
  color: #18c19f;
  font-family: Avenir Next;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  margin-left: 8px;
  padding: 0 10px;
  white-space: pre;
}
.fullnode-tip {
  background: #f587210f;
  display: flex;
  justify-content: center;
}
.fullnode-tip > div {
  align-items: center;
  display: flex;
  height: 30px;
}
.fullnode-tip .fn-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 12px;
  margin-right: 6px;
  min-width: 12px;
}
.fullnode-tip .fn-desc {
  color: #f58721;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
.j-links,
.j-links a {
  display: flex;
}
.j-links a {
  align-items: center;
  justify-content: center;
  margin-right: 50px;
  position: relative;
}
.j-links a.lend {
  margin-right: 0;
}
.j-links a,
.j-links a > span {
  color: #fff9;
  font-family: Avenir Next;
  font-size: 14px;
  font-weight: 500;
}
.j-links a:after {
  background: #4c54ff;
  border-radius: 1px;
  bottom: -21px;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
}
@media screen and (max-width: 1000px) {
  .j-links a:after {
    bottom: -13px;
  }
}
@media screen and (max-width: 854px) {
  .j-links a:after {
    bottom: -3px;
  }
}
.j-links a.current:after {
  min-width: 40px;
  width: 40px;
}
.j-links a.current,
.j-links a.current span,
.j-links a:hover {
  color: #fff;
}
.j-links a:last-child {
  margin-right: 0;
}
.j-links a .top-bar {
  background: url("") no-repeat 50%;
  background-size: cover;
  cursor: default;
  height: 43px;
  left: 50%;
  margin-left: -120px;
  padding-left: 60px;
  padding-top: 12px;
  position: absolute;
  top: 57px;
  width: 258px;
}
.j-links a .top-bar.en {
  background: url("") no-repeat 50%;
  background-size: cover;
  margin-left: -106px;
  width: 231px;
}
.j-links a .top-bar .gas-fee {
  background: url("") 0 0 no-repeat;
  background-size: cover;
  height: 44px;
  left: 11px;
  position: absolute;
  top: -8px;
  width: 46px;
}
.j-links a .top-bar span {
  color: #1f2027;
  font-size: 12px;
  font-weight: 400;
}
.j-links a .top-bar span.text {
  margin-left: 2px;
}
.j-links a .top-bar span.gas {
  color: #fff386 !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.j-links a .top-bar span.num {
  background: url("") 0 0 no-repeat;
  background-size: cover;
  display: inline-block;
  font-size: 0;
  height: 17px;
  margin-top: -1px;
  vertical-align: top;
  width: 11px;
}
.j-links a .top-bar .top-bar-link {
  color: #1f2027;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  margin-left: 10px;
  margin-right: 0;
  opacity: 0.6;
}
.j-links a .top-bar .top-bar-link:after {
  background: #1f202799;
}
.j-links a .top-bar .top-bar-link em {
  background: url("") no-repeat 50%;
  display: inline-block;
  height: 16px;
  margin-left: 4px;
  vertical-align: top;
  width: 7px;
}
.j-links a .top-bar .top-bar-close {
  background: url("") 50% no-repeat;
  background-size: 10px 10px;
  cursor: pointer;
  height: 20px;
  padding: 5px;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 20px;
}
.j-links a.nav-stUsdt {
  margin-right: 70px;
}
.j-links .header-icon {
  background-size: 100%;
  display: inline-block;
  height: 11px;
  left: 100%;
  margin-left: 2px;
  position: absolute;
  top: 0;
  width: 26px;
}
.j-links .header-icon.j-stUsdt {
  background-image: url("");
  height: 11px;
  width: 26px;
}
.j-links .header-icon.j-stUsdt .icon-up {
  background: url("") no-repeat 50%/100% auto;
  bottom: 0;
  height: 12px;
  position: absolute;
  right: 0;
  top: -4px;
  width: 7px;
}
.j-links .header-icon.j-stUsdt span {
  color: #fff;
  display: block;
  font-size: 8px;
  font-weight: 600;
  line-height: 16px;
  margin-left: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80px;
}
.j-links .header-icon.j-rent {
  background: linear-gradient(99deg, #3cffd8 -21.75%, #c0ea6a 138.93%);
  border-radius: 5px 1px 5px 1px;
  width: 30px;
}
.j-links .header-icon.j-rent.en {
  width: 42px;
}
.j-links .header-icon.j-rent span {
  color: #1f2027;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  height: 16px;
  left: -10px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: -2px;
  transform: scale(0.67);
  width: 50px;
}
.j-links .header-icon.j-rent span.en {
  left: -22px;
  transform: scale(0.6);
  width: 85px;
}
.j-header .j-wallet {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.j-header
  .j-wallet
  .show-wallet-dropdown
  .wallet-info-content
  .arrow-down-icon {
  transform: rotate(-180deg);
  transform-origin: center;
}
.j-header
  .j-wallet
  .show-wallet-dropdown
  .wallet-info-content
  .arrow-down-hover-icon {
  opacity: 1;
}
.j-header .j-wallet .show-wallet-dropdown .wallet-dropdown {
  opacity: 1;
  right: 0;
  top: calc(100% + 5px);
}
.j-header .j-wallet .wallet-dropdown {
  background: #40414a;
  border-radius: 5px;
  box-shadow: 0 10px 20px 0 #0000001a;
  cursor: auto;
  opacity: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  top: -1000px;
  transition: opacity 0.3s ease;
  width: 258px;
}
.j-header .j-wallet .wallet-dropdown:after {
  background-color: #0000;
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  right: 0;
  top: 100%;
}
.j-header .j-wallet .wallet-dropdown.new-wallet-dropdown {
  padding-bottom: 20px;
  padding-top: 0 !important;
  width: 286px;
}
.j-header .j-wallet .wallet-dropdown.new-wallet-dropdown .row-item {
  cursor: default;
}
.j-header .j-wallet .wallet-dropdown.new-wallet-dropdown .row-item:before {
  display: none;
}
.j-header .j-wallet .wallet-dropdown.new-wallet-dropdown .row-item:hover {
  background: #0000 !important;
}
.j-header .j-wallet .wallet-dropdown.new-wallet-dropdown .wallet-row {
  border-bottom: 1px solid #ffffff0f;
  padding: 20px;
}
.j-header .j-wallet .wallet-dropdown .row-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: 4px 10px 4px 34px;
  position: relative;
}
.j-header .j-wallet .wallet-dropdown .row-item.s9 .row-value .arrow-right-icon {
  background-size: 9px 9px;
  margin-left: 6px;
  margin-top: 4px;
}
.j-header .j-wallet .wallet-dropdown .row-item:hover {
  background-color: #ffffff0a;
}
.j-header .j-wallet .wallet-dropdown .row-item:before {
  content: "";
  height: 16px;
  left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-55%);
  width: 16px;
}
.j-header .j-wallet .wallet-dropdown .row-item.wallet-row .row-title {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 36px;
  margin-right: 8px;
  min-width: 36px;
}
.j-header .j-wallet .wallet-dropdown .row-item.wallet-row .row-title.okx {
  background-image: url("");
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item.wallet-row
  .row-title.walletconnect {
  background-image: url("");
}
.j-header .j-wallet .wallet-dropdown .row-item.wallet-row .row-title.ledger {
  background-image: url("");
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item.wallet-row
  .row-title.tokenpocket {
  background-image: url("");
}
.j-header .j-wallet .wallet-dropdown .row-item.wallet-row .row-value {
  flex-direction: column;
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item.wallet-row
  .row-value
  .row-value-content {
  padding: 0;
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item.wallet-row
  .row-value
  .row-value-content
  .value-text {
  font-size: 14px;
  height: 20px;
  line-height: 20px;
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item.wallet-row
  .row-value
  .row-value-content:last-child {
  margin-top: 8px;
}
.j-header .j-wallet .wallet-dropdown .row-item.wallet-row:before {
  display: none;
}
.j-header .j-wallet .wallet-dropdown .row-item.settings-row {
  height: 20px;
  justify-content: space-between;
  margin-top: 16px;
  padding: 0 20px;
}
.j-header .j-wallet .wallet-dropdown .row-item.settings-row .row-value {
  cursor: pointer;
  display: inline-flex;
  flex-grow: 0;
}
.j-header .j-wallet .wallet-dropdown .row-item.settings-row:before {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
}
.j-header .j-wallet .wallet-dropdown .row-item.settings-row.s9:before {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
}
.j-header .j-wallet .wallet-dropdown .row-item.language-row {
  display: flex;
  justify-content: space-between;
}
.j-header .j-wallet .wallet-dropdown .row-item.language-row:before {
  background: url("language-row.ee02b46e77fb9aea7336.svg") 0 -0.5px no-repeat;
  background-size: 100%;
}
.j-header .j-wallet .wallet-dropdown .row-item.theme-row {
  display: flex;
  justify-content: space-between;
}
.j-header .j-wallet .wallet-dropdown .row-item.theme-row:before {
  background: url("theme-row.2ba41d6f6ac2b737b573.svg") 0 0 no-repeat;
  background-size: 100%;
}
.j-header .j-wallet .wallet-dropdown .row-item .ant-radio-inner {
  background: #53545c;
  border-color: #53545c;
  height: 12px;
  width: 12px;
}
.j-header .j-wallet .wallet-dropdown .row-item .ant-radio-inner:after {
  bottom: 0;
  left: 0;
  margin: auto;
  right: 0;
  top: 0;
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .ant-radio-checked
  .ant-radio-inner {
  background: #4d54ff;
  border-color: #4d54ff;
  height: 12px;
  width: 12px;
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .ant-radio-checked
  .ant-radio-inner:after {
  background-color: #fff;
  height: 4px;
  width: 4px;
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .ant-radio:hover
  .ant-radio-inner {
  border-color: #fff;
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .ant-radio-checked:hover
  .ant-radio-inner {
  background: #4d54ff;
  border-color: #4d54ff;
}
.j-header .j-wallet .wallet-dropdown .row-item .ant-radio-group {
  display: flex;
  transform: translateY(-1px);
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .ant-radio-group
  .ant-radio-wrapper {
  margin: 0 0 0 10px;
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .ant-radio-group
  span.ant-radio
  + * {
  color: #fff;
  font-size: 12px;
  padding-left: 4px;
  padding-right: 0;
}
.j-header .j-wallet .wallet-dropdown .row-item .ant-radio-group .ant-radio {
  transform: translateY(-1px);
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .ant-radio-group
  .ant-radio:hover
  .ant-radio-inner {
  border: 1px solid #53545c;
}
.j-header .j-wallet .wallet-dropdown .row-item .row-title {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 6px 0;
}
.j-header .j-wallet .wallet-dropdown .row-item .row-value {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  margin-left: 4px;
}
.j-header .j-wallet .wallet-dropdown .row-item .row-value .risk-off {
  color: #b3b4b7;
  font-size: 12px;
  font-weight: 400;
}
.j-header .j-wallet .wallet-dropdown .row-item .row-value .arrow-right-icon {
  background: url("") 2px 0 no-repeat;
  background-size: 10px 10px;
  display: block;
  flex-shrink: 0;
  height: 10px;
  margin-left: 4px;
  margin-top: -1px;
  transition: all 0.3s ease;
  width: 10px;
}
.j-header .j-wallet .wallet-dropdown .row-item .row-value .row-value-content {
  align-items: center;
  display: flex;
  padding: 6px 0;
  position: relative;
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .row-value
  .row-value-content
  .value-text {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  position: relative;
  text-align: right;
  transition: all 0.3s ease;
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .row-value
  .row-value-content
  .copy-btn {
  background: url("") 0 0 no-repeat;
  background-size: 14px 14px;
  cursor: pointer;
  display: block;
  flex-shrink: 0;
  height: 15px;
  margin-left: 6px;
  transition: all 0.3s ease;
  width: 15px;
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .row-value
  .row-value-content
  .copy-btn:hover {
  background-image: url("");
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .row-value
  .row-value-content
  .to-tronscan-btn {
  background: url("") 0 0 no-repeat;
  background-size: 14px 14px;
  display: inline-block;
  height: 14px;
  margin-left: 6px;
  width: 14px;
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .row-value
  .row-value-content
  .to-tronscan-btn:hover {
  background-image: url("");
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .row-value
  .row-value-content
  .full-email-tooltip {
  background-color: #31333a;
  border-radius: 5px;
  bottom: 100%;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  opacity: 0;
  padding: 12px;
  position: absolute;
  right: 2px;
  transition: all 0.3s ease;
  z-index: -1;
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item.settings-row
  .row-value
  .row-value-content
  .value-text:after {
  border-left: 12px solid #0000;
  border-right: 12px solid #0000;
  border-top: 6px solid #31333a;
  bottom: 100%;
  content: "";
  left: 50%;
  opacity: 0;
  position: absolute;
  transform: translateX(-50%);
  transition: all 0.3s ease;
  z-index: -1;
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item.settings-row
  .row-value
  .row-value-content.show-email-hover:hover
  .value-text {
  color: #9195fb;
}
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item.settings-row
  .row-value
  .row-value-content.show-email-hover:hover
  .full-email-tooltip,
.j-header
  .j-wallet
  .wallet-dropdown
  .row-item.settings-row
  .row-value
  .row-value-content.show-email-hover:hover
  .value-text:after {
  opacity: 1;
  z-index: 3;
}
.j-header .j-wallet .wallet-dropdown .link-email-hint {
  align-items: center;
  background: #31333a;
  border-radius: 5px;
  color: #fff9;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  margin: 10px 10px 0;
  padding: 8px 6px;
}
.j-header .j-wallet .wallet-dropdown .link-email-hint .alert-icon {
  background: url("") 0 0 no-repeat;
  background-size: 14px 14px;
  display: block;
  flex-shrink: 0;
  height: 14px;
  margin-right: 6px;
  width: 14px;
}
.j-header .j-wallet .wallet-dropdown .copy-success-hint {
  align-items: center;
  background: #40414a;
  border-radius: 5px;
  box-shadow: 0 10px 20px 0 #0000001a;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: auto;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  transition: opacity 0.3s ease;
  width: 100%;
}
.j-header .j-wallet .wallet-dropdown .copy-success-hint.visible {
  opacity: 1;
}
.j-header .j-wallet .wallet-dropdown .copy-success-hint .success-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: block;
  height: 14px;
  margin-right: 6px;
  width: 14px;
}
.j-header .j-wallet .j-theme-logo {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  cursor: pointer;
  height: 16px;
  margin-right: 10px;
  min-width: 16px;
  opacity: 0.6;
  transition: all 0.3s ease-in-out;
}
.j-header .j-wallet .j-theme-logo:hover {
  opacity: 1;
}
.j-header .j-wallet .j-theme-logo.disabled {
  cursor: not-allowed;
}
.j-header .j-wallet .j-theme-logo.disabled:hover {
  opacity: 0.6;
}
.new-wallet-dropdown {
  opacity: 1 !important;
  right: 83px !important;
  top: calc(100% + 8px) !important;
}
.j-stUsdt-bar {
  background: linear-gradient(312deg, #00afaf66, #4cffbf66);
  color: #fff;
  height: 30px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 64px;
  width: 100%;
}
.j-stUsdt-bar a {
  color: #7dfbc4;
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  margin-left: 4px;
  position: relative;
}
.j-stUsdt-bar a:hover {
  color: #7dfbc4;
}
.j-stUsdt-bar a:after {
  background: #7dfbc4;
}
.j-stUsdt-bar em {
  background: url("") no-repeat 50%;
  display: inline-block;
  height: 30px;
  margin-left: 4px;
  vertical-align: top;
  width: 7px;
}
.j-stUsdt-bar .close {
  background: url("") no-repeat 50%;
  cursor: pointer;
  height: 10px;
  position: absolute;
  right: 120px;
  top: 10px;
  width: 10px;
}
.no-service-bar {
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background: #f5872126;
  color: #fff;
  font-weight: 500;
  height: 30px;
  position: absolute;
  text-align: center;
  top: 66px;
  width: 100%;
}
.no-service-bar span {
  color: #f58721;
  display: block;
  font-size: 12px;
  line-height: 30px;
}
.no-service-bar .icon {
  background: url("") no-repeat 50%;
  display: inline-block;
  height: 12px;
  margin-right: 6px;
  transform: translateY(1px);
  width: 12px;
}
.connect-wallet-v2 {
  background: #4d54ff;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-family: Avenir Next;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  height: 32px;
  line-height: 32px;
  margin-left: 20px;
  text-align: center;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  width: 147px;
}
.connect-wallet-v2:hover {
  background: #9195fb;
}
.j-subhead {
  margin-top: 20px !important;
}
.j-subhead > div {
  align-items: center;
  display: flex;
}
.j-subhead > div:last-child:hover .announce-content {
  color: #9195fb;
}
.j-subhead .j-title {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  height: 28px;
  line-height: 27px;
  margin-bottom: 10px;
}
.j-subhead .j-title:before {
  background: #4d54ff;
  border-radius: 1px;
  content: "";
  display: inline-block;
  height: 18px;
  margin-right: 10px;
  width: 6px;
}
.j-subhead .j-title > a {
  background: #ffffff0a;
  border-radius: 2px;
  color: #fff9;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  height: 24px;
  line-height: 24px;
  margin-left: 16px;
  min-width: 68px;
  padding: 0 10px;
}
.j-subhead .j-title > a:hover {
  background: #ffffff0a;
  color: #9195fb;
}
.j-subhead .info {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.j-subhead .info .desc {
  color: #fff9;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.j-subhead .j-announce {
  background: #0000;
}
#root .j-announce-skeleton {
  height: 28px;
  padding: 4px 0 4px 15px;
  position: relative;
  width: 40%;
}
#root .j-announce-skeleton .announce-icon {
  background: url("announce-icon.6cb24c1c22697889fe46.svg") 0 0 no-repeat;
  background-size: 100%;
  height: 13px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 10px;
}
#root .j-announce-skeleton .ant-skeleton-content .ant-skeleton-paragraph {
  margin: 0;
}
#root .j-announce-skeleton .ant-skeleton-content .ant-skeleton-paragraph > li {
  height: 20px;
}
#root .white .j-announce-skeleton .announce-icon {
  background: url("") 0 0 no-repeat;
}
.white .j-links .header-icon.j-rent {
  background: linear-gradient(99deg, #23b49a -21.75%, #ffd583 138.93%);
}
.wallet-btn {
  background: #ffffff1a;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  height: 24px;
  line-height: 24px;
  min-width: 88px;
  padding: 0 12px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}
.wallet-btn:hover {
  background: #ffffff29;
}
.wallet-btn.disconnect-btn {
  margin-left: 10px;
}
.inner-test {
  background-color: #ffffff0f;
  border-radius: 5px;
  margin: 10px 20px;
  padding: 12px 10px;
}
.inner-test .test-item {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.inner-test .test-item:first-child {
  margin-top: 0;
}
.inner-test .test-item > span {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 16.39px;
}
.inner-test .test-item .jl-links {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .j-header {
    display: none !important;
    padding: 12px 15px 16px;
    z-index: 4 !important;
  }
  .j-header.j-header-m {
    background: #0000 !important;
    border-bottom: none;
    display: block !important;
    left: 50%;
    margin-left: -143px;
    padding: 0;
    position: fixed !important;
    top: 66px;
    z-index: 99999999 !important;
  }
  .j-header.j-header-m .j-wallet .wallet-dropdown {
    position: static;
  }
  .j-header img {
    height: 28px;
    object-fit: cover;
    object-position: left;
    width: 32px;
  }
  .j-header .j-wallet .j-theme-logo {
    margin-right: 0;
  }
  .j-home .j-subhead {
    display: block;
    height: auto;
    padding: 0 5.1282051282vw;
  }
  .j-home .j-subhead .j-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .j-home .j-subhead .j-title > span {
    font-size: 14px;
    white-space: nowrap;
  }
  .j-home .j-subhead .announce-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.nile-test-bar {
  background: #ffffff0a;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  height: 50px;
  line-height: 17px;
  padding: 16px 0 17px;
  text-align: center;
  width: 100%;
}
.nile-test-bar a {
  color: #9195fb;
  font-size: 12px;
  font-weight: 600;
  margin-left: 10px;
}
.nile-test-bar a em {
  background: url("") no-repeat 50%;
  display: inline-block;
  height: 17px;
  margin-left: 4px;
  vertical-align: top;
  width: 7px;
}
.nile-test-bar a:hover {
  color: #9195fb;
  text-decoration: underline;
}
.nile-test-bar.white {
  background: #4c54ff0a;
  color: #22232b;
}
.nile-test-bar.white a {
  color: #4b52df;
}
.nile-test-bar.white a em {
  background: url("") no-repeat 50%;
}
.nile-test-bar.white a:hover {
  color: #4b52df;
  text-decoration: underline;
}
.nile-test-bar.full-node-error {
  background: #f587211a;
  color: #fffc;
  height: 30px;
  line-height: 30px;
  padding: 0;
}
.nile-select {
  background: linear-gradient(
    26.67deg,
    #444cff00 -18.2%,
    #2521ffd4 35.26%,
    #33d9ff 105.58%
  );
  border-bottom: none;
  height: 20px;
  margin: 0 10px;
  width: 76px;
}
.nile-select .ant-select {
  border: none;
  height: 20px;
}
.nile-select
  .ant-select-focused:not(.ant-select-disabled).ant-select:not(
    .ant-select-customize-input
  )
  .ant-select-selector {
  border: none;
  box-shadow: none;
}
.nile-select .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background-color: #0000;
  border: none;
  border-radius: 0;
  color: #fff;
  height: 20px;
  opacity: 0.8;
  padding: 0 16px;
  width: 100%;
}
.nile-select
  .ant-select:not(.ant-select-customize-input)
  .ant-select-selector
  .ant-select-selection-search {
  top: -2px;
}
.nile-select
  .ant-select:not(.ant-select-customize-input)
  .ant-select-selector
  .ant-select-selection-search-input {
  height: 20px;
}
.nile-select
  .ant-select:not(.ant-select-customize-input)
  .ant-select-selector
  .ant-select-selection-item {
  font-size: 12px;
  font-weight: 500;
  left: 4px;
  line-height: 20px;
  top: -2px;
}
.nile-select
  .ant-select:not(.ant-select-customize-input)
  .ant-select-selector:after {
  line-height: 20px;
}
.nile-select .ant-select-arrow {
  color: #fff;
  margin-top: -8px;
  transform: scale(0.8);
}
.nile-select .ant-select-dropdown.nile-select-item {
  background: #40414a;
  border-radius: 2px;
  box-shadow: none;
  box-shadow: 0 10px 20px #0000001a;
  margin-left: 50px;
  margin-top: -4px;
}
.nile-select .ant-select-dropdown.nile-select-item .ant-select-item-option {
  background: #0000;
  color: #0000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  padding: 7px 0;
  text-align: center;
}
.nile-select
  .ant-select-dropdown.nile-select-item
  .ant-select-item-option.ant-select-item-option-active:not(
    .ant-select-item-option-disabled
  ) {
  background: #0000;
  color: #9195fb;
  font-size: 12px;
  font-weight: 500;
}
.nile-select
  .ant-select-dropdown.nile-select-item
  .ant-select-item-option.ant-select-item-option-selected:not(
    .ant-select-item-option-disabled
  )
  .ant-select-item-option-content {
  background-color: #0000;
  color: #fff;
}
.nile-select
  .ant-select-dropdown.nile-select-item
  .ant-select-item-option
  .ant-select-item-option-content {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}
.nile-select
  .ant-select-dropdown.nile-select-item
  .ant-select-item-option:hover {
  background: #ffffff0f !important;
}
.nile-select
  .ant-select-dropdown.nile-select-item
  .ant-select-item-option:hover
  .ant-select-item-option-content {
  color: #9195fb;
}
.nile-select.white {
  background: linear-gradient(
    53.29deg,
    #444cff00 -15.01%,
    rgba(37, 33, 255, 0.196) 37.18%,
    #37b7ffb3 102.07%
  );
}
.nile-select.white
  .ant-select:not(.ant-select-customize-input)
  .ant-select-selector {
  background-color: #0000;
  color: #22232b;
  opacity: 1;
}
.nile-select.white
  .ant-select:not(.ant-select-customize-input)
  .ant-select-selector
  .ant-select-selection-item {
  color: #22232b;
}
.nile-select.white .ant-select-arrow {
  color: #22232b;
  margin-top: -8px;
  transform: scale(0.8);
}
.nile-select.white .ant-select-dropdown.nile-select-item {
  background: #fff;
  box-shadow: 0 10px 40px #0000001a;
}
.nile-select.white
  .ant-select-dropdown.nile-select-item
  .ant-select-item-option.ant-select-item-option-active:not(
    .ant-select-item-option-disabled
  ) {
  background: #4c54ff0a;
  color: #22232b;
}
.nile-select.white
  .ant-select-dropdown.nile-select-item
  .ant-select-item-option.ant-select-item-option-selected:not(
    .ant-select-item-option-disabled
  )
  .ant-select-item-option-content {
  background-color: #0000;
  color: #22232b;
}
.nile-select.white
  .ant-select-dropdown.nile-select-item
  .ant-select-item-option
  .ant-select-item-option-content {
  color: #22232b;
}
.nile-select.white
  .ant-select-dropdown.nile-select-item
  .ant-select-item-option:hover {
  background: #4c54ff0a !important;
}
.nile-select.white
  .ant-select-dropdown.nile-select-item
  .ant-select-item-option:hover
  .ant-select-item-option-content {
  color: #4c54ff;
}
@media screen and (max-width: 1280px) {
  .j-header {
    padding: 0 20px;
  }
  .j-header .j-wallet {
    width: auto;
  }
  .j-header .j-wallet .j-theme-logo {
    margin-right: 10px;
  }
  .snow-bar {
    padding: 0 20px;
  }
}
@media screen and (max-width: 798px) {
  .j-announce .announce-content {
    max-width: calc(90vw - 30px);
  }
  .j-wrapper-m .j-subhead {
    margin: 20px 15px;
    margin-top: 20px !important;
    position: relative;
    width: auto;
  }
  .j-wrapper-m .j-subhead .j-title {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 6px;
  }
  .j-wrapper-m .j-subhead .j-title:before {
    height: 14px;
    margin-right: 8px;
    margin-top: -1px;
    width: 4px;
  }
  .j-wrapper-m .j-subhead .info .desc {
    font-size: 12px;
    line-height: 17px;
    margin-right: 10px;
    padding-left: 12px;
    text-indent: 0;
    white-space: nowrap;
  }
  .j-wrapper-m .j-subhead.j-home-subhead .info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
  }
  .j-wrapper-m .j-subhead.j-home-subhead .j-announce {
    margin-top: 12px;
    padding-left: 12px;
  }
  .no-service-bar {
    border-radius: 4px;
    height: auto;
    margin: 10px auto 0;
    padding: 5px 10px;
    text-align: left;
    top: 70px;
    width: calc(100% - 30px);
  }
  .no-service-bar span {
    font-size: 12px;
    line-height: 20px;
  }
  .no-service-bar .icon {
    float: left;
    margin-bottom: 20px;
    transform: translateY(3px);
  }
  .no-service-bar .icon.long {
    margin-bottom: 50px;
  }
}
.j-wallet-info.j-wallet-info-active .wallet-info-content {
  background-color: #40414a;
}
.j-wallet-info.j-wallet-info-active .wallet-info-content .address {
  color: #fff;
}
.j-wallet-info .wallet-info-content {
  align-items: center;
  background-color: #ffffff0a;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  padding: 8px 10px;
  transition: all 0.3s ease;
}
.j-wallet-info .wallet-info-content .wallet-icon {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 20px;
  width: 20px;
}
.j-wallet-info .wallet-info-content .wallet-icon.tl-icon {
  background-image: url("");
}
.j-wallet-info .wallet-info-content .wallet-icon.im-icon {
  background-image: url("");
}
.j-wallet-info .wallet-info-content .address-head-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: block;
  flex-shrink: 0;
  height: 22px;
  width: 22px;
}
.j-wallet-info .wallet-info-content .arrow-down-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: block;
  flex-shrink: 0;
  height: 6px;
  position: relative;
  transform: rotate(0);
  transition: all 0.3s ease;
  width: 10px;
}
.j-wallet-info .wallet-info-content .arrow-down-icon .arrow-down-hover-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
}
.j-wallet-info .wallet-info-content .address {
  color: #b3b4b7;
  font-size: 12px;
  font-weight: 500;
  line-height: 16.25px;
  margin-left: 8px;
  transform: translateY(0.5px);
  transition: color 0.3s ease;
}
.j-wallet-info .wallet-info-content .address.ml-0 {
  margin-left: 0;
}
.j-wallet-info .wallet-info-content:hover .address {
  color: #fff;
}
.j-wallet-info:after {
  background-color: #0000;
  content: "";
  cursor: auto;
  height: 6px;
  left: 0;
  position: absolute;
  right: 0;
  top: 100%;
}
.beta-gif-img,
.beta-img {
  height: 14px;
  margin-bottom: 2px;
  margin-left: 2px;
  margin-right: 6px;
  width: 26px;
}
.beta-gif-img.animation,
.beta-img.animation {
  animation: scales 1s ease-in-out infinite;
}
.beta-img-s9 {
  height: 13px;
  margin: 0 6px 1px 4px;
  width: 27px;
}
.beta-img-s9.animation {
  animation: scales 1s ease-in-out infinite;
}
.beta-img-s9:hover {
  opacity: 0.7;
}
@keyframes scales {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.2);
  }
  50% {
    transform: scale(0.9);
  }
  75% {
    transform: scale(1.2);
  }
}
.white .wallet-btn {
  background: #22232b0f;
  color: #737480;
}
.white .wallet-btn:hover {
  background: #22232b29;
}
.white .inner-test {
  background-color: #4d54ff0f;
}
.white .inner-test .test-item > span {
  color: #22232b;
}
.white .j-wallet-info.j-wallet-info-active .wallet-info-content {
  background-color: #4d54ff29;
}
.white .j-wallet-info.j-wallet-info-active .wallet-info-content .address {
  color: #22232b;
}
.white .j-wallet-info .wallet-info-content {
  background: #4d54ff0f;
}
.white .j-wallet-info .wallet-info-content .address {
  color: #737480;
}
.white .j-wallet-info .wallet-info-content .address-head-icon {
  background-image: url("");
}
.white .j-wallet-info .wallet-info-content .arrow-down-icon {
  background-image: url("");
}
.white
  .j-wallet-info
  .wallet-info-content
  .arrow-down-icon
  .arrow-down-hover-icon {
  background-image: url("");
}
.white .j-wallet-info .wallet-info-content .wallet-icon.tl-icon {
  background-image: url("");
}
.white .j-wallet-info .wallet-info-content .wallet-icon.im-icon {
  background-image: url("");
}
.white .j-wallet-info .wallet-dropdown {
  background: #f9fafc;
  box-shadow: 0 5px 10px 0 #0000000f;
}
.white .j-wallet-info .wallet-dropdown .row-item:hover {
  background-color: #f0f2f7;
}
.white .j-wallet-info .wallet-dropdown .row-item.settings-row:before {
  background-image: url("");
}
.white .j-wallet-info .wallet-dropdown .row-item .row-title {
  color: #22232b;
}
.white .j-wallet-info .wallet-dropdown .row-item .row-value .arrow-right-icon {
  background-image: url("");
}
.white
  .j-wallet-info
  .wallet-dropdown
  .row-item
  .row-value
  .row-value-content
  .value-text {
  color: #22232b;
}
.white
  .j-wallet-info
  .wallet-dropdown
  .row-item
  .row-value
  .row-value-content
  .copy-btn {
  background-image: url("");
}
.white
  .j-wallet-info
  .wallet-dropdown
  .row-item
  .row-value
  .row-value-content
  .copy-btn:hover {
  background-image: url("");
}
.white
  .j-wallet-info
  .wallet-dropdown
  .row-item.settings-row
  .row-value
  .row-value-content.show-email-hover:hover
  .value-text {
  color: #4d54ff;
}
.white .j-wallet-info .wallet-dropdown .link-email-hint {
  background: #4d54ff0f;
  color: #737480;
}
.white .j-wallet-info .wallet-dropdown .link-email-hint .alert-icon {
  background-image: url("");
}
.white .j-wallet-info .wallet-dropdown .copy-success-hint {
  background: #f9fafc;
  box-shadow: 0 5px 10px 0 #0000000f;
  color: #22232b;
}
.white .j-wallet-info .wallet-dropdown .copy-success-hint .success-icon {
  background-image: url("");
}
.white .j-wallet-info.show-wallet-dropdown .wallet-info-content {
  background: #4d54ff29;
}
.white .j-wallet-info.show-wallet-dropdown .wallet-info-content .address,
.white .j-wallet-info:hover .wallet-info-content .address {
  color: #22232b;
}
.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .row-value
  .row-value-content
  .copy-btn {
  background-image: url("");
}
.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .row-value
  .row-value-content
  .copy-btn:hover {
  background-image: url("");
}
.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .row-value
  .row-value-content
  .to-tronscan-btn {
  background-image: url("");
}
.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .row-value
  .row-value-content
  .to-tronscan-btn:hover {
  background-image: url("");
}
@media screen and (max-width: 769px) {
  .connect-btn-wrap {
    align-items: center;
  }
  .beta-img {
    height: 20px;
    margin: 0 0 0 10px;
    width: 23px;
  }
  .j-wallet-info .wallet-info-content {
    padding: 5px 10px;
  }
}
.energy-offer-modal {
  background: linear-gradient(180deg, #28293100 0, #2829311a 30%, #282931);
}
.energy-offer-modal .ant-modal-content {
  background: url("") no-repeat 50%;
  background-size: cover;
  box-shadow: none;
  height: 601px;
  padding-top: 215px;
  width: 400px;
}
.energy-offer-modal .ant-modal-content .ant-modal-body {
  margin: 0;
  padding: 0;
}
.energy-offer-modal .ant-modal-content .ant-modal-body:before {
  border: none;
}
.energy-offer-modal .ant-modal-content .limited-offer-button {
  color: #1f2027;
  height: 26px;
  margin: 0 auto 20px;
  text-align: center;
}
.energy-offer-modal .ant-modal-content .limited-offer-button span {
  background: linear-gradient(90deg, #ffd584, #fb6871 88.64%);
  border-radius: 5px;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  padding: 0 16px;
}
.energy-offer-modal .ant-modal-content .energy-rental {
  color: #fff;
  font-size: 26px;
  height: 36px;
  line-height: 36px;
  margin: 0 auto 25px;
}
.energy-offer-modal .ant-modal-content .energy-rental,
.energy-offer-modal .ant-modal-content .less-gas {
  -webkit-text-fill-color: #0000;
  background: linear-gradient(147.2deg, #fff, #fff 47.22%, #fb6972 98.66%);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 700;
  text-align: center;
}
.energy-offer-modal .ant-modal-content .less-gas {
  font-size: 30px;
  height: 41px;
  line-height: 41px;
  margin: 0 auto 12px;
}
.energy-offer-modal .ant-modal-content .each-transaction {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  margin: 0 auto 10px;
  text-align: center;
}
.energy-offer-modal .ant-modal-content .gas-off-before {
  height: 30px;
  margin: 0 auto 8px;
  text-align: center;
  width: 100%;
}
.energy-offer-modal .ant-modal-content .gas-off-before .gas-off-text {
  color: #ffc34e;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  position: relative;
}
.energy-offer-modal .ant-modal-content .gas-off-before .gas-off-text em {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
}
.energy-offer-modal
  .ant-modal-content
  .gas-off-before
  .gas-off-text
  .gas-off-icon {
  background: url("") no-repeat 50%;
  background-size: cover;
  display: block;
  height: 18px;
  position: absolute;
  right: -59px;
  top: 3px;
  width: 57px;
}
.energy-offer-modal .ant-modal-content .gas-off-after {
  height: 19px;
  margin: 0 auto 40px;
  text-align: center;
  width: 100%;
}
.energy-offer-modal .ant-modal-content .gas-off-after .gas-off-text {
  color: #fffc;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  position: relative;
}
.energy-offer-modal .ant-modal-content .gas-off-after .gas-off-line {
  background: linear-gradient(
    to bottom right,
    #0000,
    #0000 calc(50% - 1px),
    #d4d4d6 50%,
    #0000 calc(50% + 1px),
    #0000
  );
  display: block;
  height: 10px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 100%;
}
.energy-offer-modal .ant-modal-content .spend-less-gas {
  border-top: 1px solid #fff9;
  color: #fff9;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  margin: 10px auto 28px;
  padding-top: 10px;
  text-align: center;
  width: 286px;
}
.energy-offer-modal .ant-modal-content .gas-off-rule {
  height: 16px;
  margin: 0 auto 40px;
  text-align: center;
  width: 100%;
}
.energy-offer-modal .ant-modal-content .gas-off-rule .link-button__text {
  color: #9195fb;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
}
.energy-offer-modal .ant-modal-content .go-rent {
  background: #ffc34e url("") no-repeat 50%;
  background-size: cover;
  border-radius: 2px;
  color: #703f07;
  display: block;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 360px;
}
.energy-offer-modal .ant-modal-content .go-rent:hover {
  background: #ffd583 url("") no-repeat 50%;
  background-size: cover;
}
.energy-offer-modal .ant-modal-content .gas-off-checkbox {
  margin: 12px auto 0;
  text-align: center;
}
.energy-offer-modal .ant-modal-content .gas-off-checkbox span {
  color: #fff9;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}
.energy-offer-modal .ant-modal-content .close {
  background: url("") no-repeat 50%;
  background-size: 32px 32px;
  cursor: pointer;
  height: 32px;
  position: absolute;
  right: 0;
  top: 62px;
  width: 32px;
}
.energy-offer-modal.limited-benefits-modal {
  background: #0000;
}
.energy-offer-modal.limited-benefits-modal .ant-modal-content {
  background-image: url("");
  background-position: 12px;
  background-size: cover;
  height: 800px;
  padding-top: 326px;
  width: 750px;
}
.energy-offer-modal.limited-benefits-modal .ant-modal-content .close {
  right: 140px;
  top: 140px;
}
.energy-offer-modal.limited-benefits-modal .ant-modal-content .energy-rental {
  -webkit-text-fill-color: #eba96c;
  background: none;
  background-clip: initial;
  height: auto;
  margin-bottom: 30px;
}
.energy-offer-modal.limited-benefits-modal
  .ant-modal-content
  .energy-rental
  .benefits-main-title,
.energy-offer-modal.limited-benefits-modal
  .ant-modal-content
  .energy-rental
  .benefits-main-title
  > span {
  -webkit-text-fill-color: #0000;
  -webkit-text-fill-color: #0000;
  background: linear-gradient(
    186.56deg,
    #fff -21.68%,
    #fff 37.87%,
    #3bd087 128.06%
  );
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 50px;
  font-weight: 600;
  line-height: 60px;
}
.energy-offer-modal.limited-benefits-modal
  .ant-modal-content
  .energy-rental
  .benefits-subtitle
  > span {
  align-items: flex-end;
  display: flex;
  justify-content: center;
}
.energy-offer-modal.limited-benefits-modal
  .ant-modal-content
  .energy-rental
  .benefits-subtitle
  .benefits-main-title,
.energy-offer-modal.limited-benefits-modal
  .ant-modal-content
  .energy-rental
  .benefits-subtitle
  .benefits-main-title
  > span {
  font-size: 44px;
}
.energy-offer-modal.limited-benefits-modal
  .ant-modal-content
  .energy-rental
  .benefits-subtitle.en {
  margin-top: 10px;
}
.energy-offer-modal.limited-benefits-modal
  .ant-modal-content
  .energy-rental
  .benefits-subtitle.en
  .benefits-main-title {
  font-size: 26px;
  font-weight: 600;
  line-height: 34px;
}
.energy-offer-modal.limited-benefits-modal
  .ant-modal-content
  .energy-rental
  .benefits-subtitle.en
  .benefits-special-title {
  font-size: 40px;
  font-weight: 600;
  margin: 0 8px;
}
.energy-offer-modal.limited-benefits-modal
  .ant-modal-content
  .energy-rental
  .benefits-special-title {
  color: #eba96c;
  font-size: 44px;
  line-height: 58px;
}
.energy-offer-modal.limited-benefits-modal
  .ant-modal-content
  .each-transaction {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 6px;
}
.energy-offer-modal.limited-benefits-modal
  .ant-modal-content
  .each-transaction
  > span {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}
.energy-offer-modal.limited-benefits-modal
  .ant-modal-content
  .each-transaction
  > span
  > span {
  font-size: 24px;
  margin: 0 2px;
}
.energy-offer-modal.limited-benefits-modal .ant-modal-content .least-text {
  align-items: center;
  display: flex;
  justify-content: center;
}
.energy-offer-modal.limited-benefits-modal
  .ant-modal-content
  .least-text
  > span {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.energy-offer-modal.limited-benefits-modal
  .ant-modal-content
  .least-text
  > span
  > em {
  color: #bfeb6c;
  display: inline-block;
  font-size: 36px;
  font-style: italic;
  font-weight: 700;
  line-height: 49px;
  margin: 0 4px;
  transform: translateY(2px);
}
.energy-offer-modal.limited-benefits-modal .ant-modal-content .go-rent {
  background: linear-gradient(132.73deg, #c0ea6a 21.18%, #41ffd5 120.84%);
  border-radius: 5px;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  height: 50px;
  line-height: 50px;
  margin-top: 70px;
  width: 282px;
}
.energy-offer-modal.limited-benefits-modal .ant-modal-content .go-rent:hover {
  background: linear-gradient(90deg, #dff5b5, #9fffeb);
}
.energy-offer-modal.limited-benefits-modal .ant-modal-content .gas-off-rule {
  margin-bottom: 54px;
  margin-top: 18px;
}
.energy-offer-modal.limited-benefits-modal
  .ant-modal-content
  .gas-off-rule
  .link-button:after {
  background-color: #9affe7;
}
.energy-offer-modal.limited-benefits-modal
  .ant-modal-content
  .gas-off-rule
  .link-button__text {
  color: #9affe7;
  font-size: 12px;
  font-weight: 500;
}
.energy-offer-modal.limited-benefits-modal
  .ant-modal-content
  .gas-off-rule
  .link-button__arrow {
  background-image: url("");
}
.energy-offer-modal.limited-benefits-modal
  .ant-modal-content
  .gas-off-checkbox
  span {
  color: #fff6;
  font-size: 14px;
  font-weight: 500;
}
.energy-offer-modal.limited-benefits-modal.en .ant-modal-content {
  background-image: url("");
  padding-top: 330px;
}
.energy-offer-modal.limited-benefits-modal.en
  .ant-modal-content
  .energy-rental {
  margin-bottom: 35px;
}
.energy-offer-modal.limited-benefits-modal.en
  .ant-modal-content
  .energy-rental
  .benefits-main-title,
.energy-offer-modal.limited-benefits-modal.en
  .ant-modal-content
  .energy-rental
  .benefits-main-title
  span {
  display: inline-block;
  font-weight: 500;
}
.energy-offer-modal.limited-benefits-modal.en
  .ant-modal-content
  .energy-rental
  .benefits-special-title {
  display: block;
  font-size: 40px;
  letter-spacing: -2px;
  line-height: 40px;
}
.energy-offer-modal.limited-benefits-modal.en .ant-modal-content .go-rent {
  margin-top: 75px;
}
.energy-offer-modal.limited-benefits-modal.tc .ant-modal-content {
  background-image: url("");
}
@media (max-width: 798px) {
  .energy-offer-modal .ant-modal-content {
    background: url("") no-repeat 50%;
    background-size: cover;
    height: 594px;
    padding-top: 215px;
    width: 336px;
  }
  .energy-offer-modal .ant-modal-content .energy-rental,
  .energy-offer-modal .ant-modal-content .less-gas {
    font-size: 26px;
    height: 36px;
    line-height: 36px;
  }
  .energy-offer-modal .ant-modal-content .go-rent {
    width: 305px;
  }
  .energy-offer-modal .ant-modal-content .gas-off-checkbox {
    margin: 12px auto 0;
  }
  .energy-offer-modal.limited-benefits-modal {
    width: calc(100% - 16px) !important;
  }
  .energy-offer-modal.limited-benefits-modal .ant-modal-content {
    background-image: url("");
    height: 450px;
    padding-top: 36px;
    width: 375px;
  }
  .energy-offer-modal.limited-benefits-modal.en .ant-modal-content {
    background-image: url("");
    padding-top: 80px;
  }
  .energy-offer-modal.limited-benefits-modal.tc .ant-modal-content {
    background-image: url("");
  }
  .energy-offer-modal.limited-benefits-modal .ant-modal-content,
  .energy-offer-modal.limited-benefits-modal.en .ant-modal-content,
  .energy-offer-modal.limited-benefits-modal.tc .ant-modal-content {
    background-position: 50%;
    margin: 0 auto;
  }
  .energy-offer-modal.limited-benefits-modal .ant-modal-content .close,
  .energy-offer-modal.limited-benefits-modal.en .ant-modal-content .close,
  .energy-offer-modal.limited-benefits-modal.tc .ant-modal-content .close {
    background-size: 18px 18px;
    height: 18px;
    right: 40px;
    top: 22px;
    width: 18px;
  }
  .energy-offer-modal.limited-benefits-modal .ant-modal-content .energy-rental,
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .energy-rental,
  .energy-offer-modal.limited-benefits-modal.tc
    .ant-modal-content
    .energy-rental {
    margin-bottom: 20px;
    margin-top: 110px;
  }
  .energy-offer-modal.limited-benefits-modal
    .ant-modal-content
    .energy-rental
    .benefits-main-title,
  .energy-offer-modal.limited-benefits-modal
    .ant-modal-content
    .energy-rental
    .benefits-main-title
    span,
  .energy-offer-modal.limited-benefits-modal
    .ant-modal-content
    .energy-rental
    .benefits-special-title,
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .energy-rental
    .benefits-main-title,
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .energy-rental
    .benefits-main-title
    span,
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .energy-rental
    .benefits-special-title,
  .energy-offer-modal.limited-benefits-modal.tc
    .ant-modal-content
    .energy-rental
    .benefits-main-title,
  .energy-offer-modal.limited-benefits-modal.tc
    .ant-modal-content
    .energy-rental
    .benefits-main-title
    span,
  .energy-offer-modal.limited-benefits-modal.tc
    .ant-modal-content
    .energy-rental
    .benefits-special-title {
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
  }
  .energy-offer-modal.limited-benefits-modal
    .ant-modal-content
    .energy-rental
    .benefits-subtitle
    .benefits-main-title,
  .energy-offer-modal.limited-benefits-modal
    .ant-modal-content
    .energy-rental
    .benefits-subtitle
    .benefits-main-title
    span,
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .energy-rental
    .benefits-subtitle
    .benefits-main-title,
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .energy-rental
    .benefits-subtitle
    .benefits-main-title
    span,
  .energy-offer-modal.limited-benefits-modal.tc
    .ant-modal-content
    .energy-rental
    .benefits-subtitle
    .benefits-main-title,
  .energy-offer-modal.limited-benefits-modal.tc
    .ant-modal-content
    .energy-rental
    .benefits-subtitle
    .benefits-main-title
    span {
    font-size: 26px;
  }
  .energy-offer-modal.limited-benefits-modal .ant-modal-content .least-text,
  .energy-offer-modal.limited-benefits-modal.en .ant-modal-content .least-text,
  .energy-offer-modal.limited-benefits-modal.tc .ant-modal-content .least-text {
    height: 30px;
  }
  .energy-offer-modal.limited-benefits-modal
    .ant-modal-content
    .least-text
    > span,
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .least-text
    > span,
  .energy-offer-modal.limited-benefits-modal.tc
    .ant-modal-content
    .least-text
    > span {
    align-items: center;
    display: inline-flex;
    font-size: 12px;
    font-weight: 500;
  }
  .energy-offer-modal.limited-benefits-modal
    .ant-modal-content
    .least-text
    > span
    > em,
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .least-text
    > span
    > em,
  .energy-offer-modal.limited-benefits-modal.tc
    .ant-modal-content
    .least-text
    > span
    > em {
    font-size: 25px;
    font-weight: 700;
    transform: translateY(-1px);
  }
  .energy-offer-modal.limited-benefits-modal .ant-modal-content .go-rent,
  .energy-offer-modal.limited-benefits-modal.en .ant-modal-content .go-rent,
  .energy-offer-modal.limited-benefits-modal.tc .ant-modal-content .go-rent {
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    margin-top: 40px;
    max-width: 240px;
  }
  .energy-offer-modal.limited-benefits-modal .ant-modal-content .gas-off-rule,
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .gas-off-rule,
  .energy-offer-modal.limited-benefits-modal.tc
    .ant-modal-content
    .gas-off-rule {
    margin-bottom: 30px;
    margin-top: 2px;
  }
  .energy-offer-modal.limited-benefits-modal
    .ant-modal-content
    .gas-off-checkbox,
  .energy-offer-modal.limited-benefits-modal
    .ant-modal-content
    .gas-off-rule
    .link-button,
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .gas-off-checkbox,
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .gas-off-rule
    .link-button,
  .energy-offer-modal.limited-benefits-modal.tc
    .ant-modal-content
    .gas-off-checkbox,
  .energy-offer-modal.limited-benefits-modal.tc
    .ant-modal-content
    .gas-off-rule
    .link-button {
    transform: scale(0.83);
  }
  .energy-offer-modal.limited-benefits-modal
    .ant-modal-content
    .each-transaction,
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .each-transaction,
  .energy-offer-modal.limited-benefits-modal.tc
    .ant-modal-content
    .each-transaction {
    margin-bottom: 0;
  }
  .energy-offer-modal.limited-benefits-modal
    .ant-modal-content
    .each-transaction
    > span,
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .each-transaction
    > span,
  .energy-offer-modal.limited-benefits-modal.tc
    .ant-modal-content
    .each-transaction
    > span {
    font-size: 15px;
    font-weight: 500;
  }
  .energy-offer-modal.limited-benefits-modal
    .ant-modal-content
    .each-transaction
    > span
    > span,
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .each-transaction
    > span
    > span,
  .energy-offer-modal.limited-benefits-modal.tc
    .ant-modal-content
    .each-transaction
    > span
    > span {
    font-size: 20px;
    font-weight: 600;
  }
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .energy-rental {
    margin-bottom: 16px;
    margin-top: 70px;
  }
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .energy-rental
    .benefits-main-title,
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .energy-rental
    .benefits-main-title
    span,
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .energy-rental
    .benefits-special-title {
    font-size: 42px;
    font-weight: 600;
    height: 44px;
    line-height: 38px;
  }
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .energy-rental
    .benefits-special-title {
    font-size: 28px;
    font-weight: 600;
    line-height: 30px;
  }
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .energy-rental
    .benefits-subtitle {
    margin-top: 2px;
  }
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .energy-rental
    .benefits-subtitle.en
    .benefits-special-title {
    font-size: 30px;
    margin: 0 6px;
  }
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .energy-rental
    .benefits-subtitle.en
    .benefits-main-title {
    font-size: 18px;
  }
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .gas-off-before {
    height: 20px;
  }
  .energy-offer-modal.limited-benefits-modal.en .ant-modal-content .least-text,
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .least-text
    > span {
    height: 26px;
  }
  .energy-offer-modal.limited-benefits-modal.en
    .ant-modal-content
    .gas-off-rule {
    margin-top: 6px;
  }
  .energy-offer-modal.limited-benefits-modal.en .ant-modal-content .go-rent {
    margin-top: 40px;
  }
}
.season-toolbar {
  align-items: center;
  background: #f587211a;
  color: #fffc;
  display: flex;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  justify-content: center;
  line-height: 16px;
  min-height: 30px;
  padding: 7px;
}
.season-toolbar:before {
  background: url("ex_mark_black.ed4eba980afc031af39e.svg") no-repeat;
  content: "";
  display: inline-flex;
  height: 12px;
  margin-right: 6px;
  min-width: 12px;
  opacity: 0.5;
  width: 12px;
}
.j-wrapper.white .season-toolbar {
  background: #f587210f;
  color: #f58721;
}
.j-wrapper.white .season-toolbar:before {
  background: url("") no-repeat;
  content: "";
  display: inline-flex;
  height: 12px;
  margin-right: 6px;
  min-width: 12px;
  opacity: 1;
  width: 12px;
}
.ant-tooltip.j-tooltip-dropdown.season .ant-tooltip-inner,
.ant-tooltip.season .ant-tooltip-arrow-content {
  background: #413a39;
  color: #fff;
}
.ant-tooltip.j-tooltip-dropdown.season .ant-tooltip-inner {
  background: #413a39 url("ex_mark_black.ed4eba980afc031af39e.svg") 12px
    no-repeat;
  padding: 12px 12px 12px 30px;
}
.ant-tooltip.j-tooltip-dropdown.season.white .ant-tooltip-inner,
.ant-tooltip.season.white .ant-tooltip-arrow-content {
  background: #fef3e9;
  box-shadow: none;
  color: #22232b;
}
.ant-tooltip.j-tooltip-dropdown.season.white .ant-tooltip-inner {
  background: #fef3e9 url("") 12px no-repeat;
}
.ant-tooltip.j-tooltip-dropdown.markey-detail-tooltip.season
  .ant-tooltip-inner
  span {
  font-family:
    Avenir Next,
    PingFang SC,
    Rubik,
    Roboto,
    "sans-serif";
  font-size: 12px;
  font-weight: 400;
}
.ant-tooltip.j-tooltip-dropdown.markey-detail-tooltip.white.season
  .ant-tooltip-inner
  span {
  color: #22232b;
}
.j-tooltip-dropdown.season-l,
body .ant-tooltip.j-tooltip-dropdown.season-l {
  max-width: none;
  width: 100%;
}
.ant-tooltip.j-tooltip-dropdown.season.season-l .ant-tooltip-inner,
.ant-tooltip.season.season-l .ant-tooltip-arrow-content {
  align-items: center;
  display: flex;
  justify-content: center;
  white-space: break-spaces;
}
.ant-tooltip.j-tooltip-dropdown.season-l .ant-tooltip-inner {
  background: #413a39 no-repeat;
  padding: 12px;
}
.ant-tooltip.j-tooltip-dropdown.season-l .ant-tooltip-inner:before {
  background: #413a39 url("ex_mark_black.ed4eba980afc031af39e.svg") no-repeat;
  content: "";
  display: inline-flex;
  height: 12px;
  margin-right: 6px;
  min-width: 12px;
  width: 12px;
}
.ant-tooltip.j-tooltip-dropdown.season-l .ant-tooltip-inner .not-used-icon {
  display: none;
}
.ant-tooltip.j-tooltip-dropdown.season-l.white .ant-tooltip-inner {
  background: #fef3e9 no-repeat;
}
.ant-tooltip.j-tooltip-dropdown.season-l.white .ant-tooltip-inner:before {
  background: #fef3e9 url("") no-repeat;
}
.vote-container .right-panel .my-vote-container .my-vote-btn {
  position: relative;
}
.j-wrapper .season_default_btn {
  background: #53545a;
  border-radius: 5px;
  color: #fff9;
}
.j-wrapper .season_default_btn:hover {
  background: #424348;
  color: #ffffff4d;
}
.j-wrapper .season_default_btn.no_hover:hover {
  background: #53545a;
  color: #fff9;
}
.j-wrapper .season_outlined_btn {
  border: 1px solid #9195fb;
  border: 1px solid var(--color-hover, #9195fb);
  border-radius: 5px;
  color: #9195fb;
  font-size: 16px;
  padding: 15px;
}
.j-wrapper .account-gauge .canvas-text.season {
  height: auto;
}
.j-wrapper .j-market-list .stake-tip.usdt {
  display: none;
}
.j-wrapper .j-market-list .show-stake .stake-tip.season {
  background: #53545a;
  border-radius: 2px;
  color: #fff9;
  font-size: 12px;
}
.j-wrapper .j-market-list .show-stake .stake-tip.season:hover {
  background: #424348;
  color: #ffffff4d;
}
.j-wrapper .j-market-list .btn-wrap.season .j-btn.j-not-used.disabled:hover,
.j-wrapper .j-market-list .btn-wrap.season .j-btn:hover,
.j-wrapper .market-d .j-btn.j-not-used.disabled:hover {
  background: #424348;
  border: 1px solid #424348;
  color: #ffffff4d;
  cursor: pointer;
}
.j-wrapper .j-liquidity-stake-content .stake-box .j-large-btn.season {
  background: #53545a;
  color: #fff9;
}
.j-wrapper .j-liquidity-stake-content .stake-box .j-large-btn.season:hover {
  background: #424348;
  color: #ffffff4d;
}
.j-wrapper .vote-container .right-panel .my-vote-container .my-vote-btn.season {
  background: #53545a;
  color: #fff9;
}
.j-wrapper
  .vote-container
  .right-panel
  .my-vote-container
  .my-vote-btn.season:hover {
  background: #424348;
  color: #ffffff4d;
}
.j-wrapper .vote-detail .connect-wallet-hint-bar .bar-action-btn.season {
  background: #53545a;
  color: #fff9;
}
.j-wrapper .vote-detail .connect-wallet-hint-bar .bar-action-btn.season:hover {
  background: #424348;
  color: #ffffff4d;
}
.j-wrapper .ant-btn.j-large-btn.j-borrow.disabled.season,
.j-wrapper .ant-btn.j-large-btn.j-repay.disabled.season,
.j-wrapper .ant-btn.j-large-btn.j-supply.disabled.season,
.j-wrapper .ant-btn.j-large-btn.j-withdraw.disabled.season {
  background: #53545a !important;
  color: #fff9 !important;
}
.j-wrapper .ant-btn.j-large-btn.j-borrow.disabled.season:hover,
.j-wrapper .ant-btn.j-large-btn.j-repay.disabled.season:hover,
.j-wrapper .ant-btn.j-large-btn.j-supply.disabled.season:hover,
.j-wrapper .ant-btn.j-large-btn.j-withdraw.disabled.season:hover {
  background: #424348 !important;
  color: #ffffff4d !important;
}
#root
  .j-wrapper
  .j-large-btn.j-supply.gas-less-btn.season
  .j-tooltip-dropdown.season-l {
  width: calc(100% - 60px);
}
#root .j-wrapper .j-large-btn.j-supply.gas-less-btn.season {
  background: #53545a;
  color: #fff9;
}
#root .j-wrapper .j-large-btn.j-supply.gas-less-btn.season:hover {
  background: #424348;
  color: #ffffff4d;
}
#root .j-wrapper .energy-max.season {
  background: #53545a;
  color: #fff9;
}
#root .j-wrapper .energy-max.season:hover {
  background: #424348;
  color: #ffffff4d;
}
.j-wrapper.white .season_default_btn {
  background: #d3d3d5;
  color: #fff;
}
.j-wrapper.white .season_default_btn:hover {
  background: #bebec0;
  color: #fff9;
}
.j-wrapper.white .season_default_btn.no_hover:hover {
  background: #d3d3d5;
  color: #fff;
}
.j-wrapper.white .season_outlined_btn {
  border: 1px solid #4d54ff;
  border: 1px solid var(--color-hover, #4d54ff);
  color: #4d54ff;
}
.j-wrapper.white .j-market-list .show-stake .stake-tip.season {
  background: #d3d3d5;
  border-radius: 2px;
  color: #fff;
}
.j-wrapper.white .j-market-list .show-stake .stake-tip.season:hover {
  background: #bebec0;
  color: #fff9;
}
.j-wrapper.white
  .j-market-list
  .btn-wrap.season
  .j-btn.j-not-used.disabled:hover,
.j-wrapper.white .j-market-list .btn-wrap.season .j-btn.j-supply:disabled,
.j-wrapper.white .j-market-list .btn-wrap.season .j-btn.j-supply:disabled:hover,
.j-wrapper.white .j-market-list .btn-wrap.season .j-btn:hover {
  background: #bebec0 !important;
  border: 1px solid #bebec0 !important;
  color: #fff9 !important;
}
.j-wrapper.white .market-d .j-btn.j-not-used.disabled:hover {
  background: #bebec0 !important;
  color: #fff9 !important;
  cursor: pointer !important;
}
.j-wrapper.white .j-liquidity-stake-content .stake-box .j-large-btn.season {
  background: #d3d3d5;
  border: 1px solid #d3d3d5;
  color: #fff;
}
.j-wrapper.white
  .j-liquidity-stake-content
  .stake-box
  .j-large-btn.season:hover {
  background: #bebec0;
  border: 1px solid #bebec0;
  color: #fff9 !important;
  opacity: 1;
}
.j-wrapper.white
  .vote-container
  .right-panel
  .my-vote-container
  .my-vote-btn.season {
  background: #d3d3d5;
  color: #fff;
}
.j-wrapper.white
  .vote-container
  .right-panel
  .my-vote-container
  .my-vote-btn.season:hover {
  background: #bebec0;
  color: #fff9;
}
.j-wrapper.white .vote-detail .connect-wallet-hint-bar .bar-action-btn.season {
  background: #d3d3d5;
  color: #fff;
}
.j-wrapper.white
  .vote-detail
  .connect-wallet-hint-bar
  .bar-action-btn.season:hover {
  background: #bebec0;
  color: #fff9;
}
.j-wrapper.white .ant-btn.j-large-btn.j-borrow.disabled.season,
.j-wrapper.white .ant-btn.j-large-btn.j-repay.disabled.season,
.j-wrapper.white .ant-btn.j-large-btn.j-supply.disabled.season,
.j-wrapper.white .ant-btn.j-large-btn.j-withdraw.disabled.season {
  background: #d3d3d5 !important;
  border: none;
  color: #fff !important;
}
.j-wrapper.white .ant-btn.j-large-btn.j-borrow.disabled.season:hover,
.j-wrapper.white .ant-btn.j-large-btn.j-repay.disabled.season:hover,
.j-wrapper.white .ant-btn.j-large-btn.j-supply.disabled.season:hover,
.j-wrapper.white .ant-btn.j-large-btn.j-withdraw.disabled.season:hover {
  background: #bebec0 !important;
  color: #fff9 !important;
  opacity: 1;
}
#root .j-wrapper.white .j-large-btn.j-supply.gas-less-btn.season {
  background: #d3d3d5;
  border: 1px solid #d3d3d5;
  color: #fff;
}
#root .j-wrapper.white .j-large-btn.j-supply.gas-less-btn.season:hover {
  background: #bebec0;
  border: 1px solid #bebec0;
  color: #fff9 !important;
  opacity: 1;
}
#root .j-wrapper.white .energy-max.season {
  background: #d3d3d5;
  color: #fff;
}
#root .j-wrapper.white .energy-max.season:hover {
  background: #bebec0;
  color: #fff9 !important;
}
@media screen and (max-width: 798px) {
  .j-tooltip-dropdown.season-l,
  body .ant-tooltip.j-tooltip-dropdown.season-l {
    max-width: none !important;
  }
  .ant-tooltip.j-tooltip-dropdown.season .ant-tooltip-inner,
  .ant-tooltip.season .ant-tooltip-arrow-content {
    display: none;
  }
  .ant-tooltip.defaultOpen.season .ant-tooltip-arrow-content,
  .ant-tooltip.j-tooltip-dropdown.defaultOpen.season .ant-tooltip-inner {
    display: block !important;
  }
  .ant-tooltip.j-tooltip-dropdown.defaultOpen.season {
    left: 50%;
    margin-top: 5px;
    transform: translateX(-50%);
  }
  .ant-tooltip.j-tooltip-dropdown.defaultOpen.season .ant-tooltip-arrow {
    transform: translateY(1px);
  }
  .season-toolbar {
    min-height: 58px;
    padding: 5px 15px;
  }
  .market-summary-list .market-cards .market-card .stake-tip.usdt {
    display: none;
  }
  .j-wrapper .market-summary-list .market-cards .market-card .stake-tip {
    border-radius: 2px;
  }
  .j-wrapper .market-summary-list .market-cards .market-card .stake-tip.season {
    background: #53545a;
    color: #fff9;
  }
  .j-wrapper.white
    .market-summary-list
    .market-cards
    .market-card
    .stake-tip.season {
    background: #d3d3d5;
    color: #fff;
  }
}
.j-wrapper > div.mobile-header-v2.z-1001 {
  z-index: 1001;
}
.ant-modal.m-header-settings-modal {
  margin: 0;
  max-width: 100%;
  padding: 0;
  top: 78px;
}
.ant-modal.m-header-settings-modal.white .m-settings {
  background: #f1f1f8;
}
.ant-modal.m-header-settings-modal.white .m-settings .setting-list {
  background: #fff;
}
.ant-modal.m-header-settings-modal.white
  .m-settings
  .setting-list
  .user-records-link
  .records-default-icon {
  color: #22232b;
}
.ant-modal.m-header-settings-modal.white
  .m-settings
  .setting-list
  .user-records-link
  .unread-amount-for-m {
  background: url("") right 6px no-repeat;
  background-size: 6px 9px;
}
.ant-modal.m-header-settings-modal.white
  .m-settings
  .setting-list
  .user-records-link
  .records-default-icon {
  background: url("") 0 no-repeat;
  background-size: auto 20px;
}
.ant-modal.m-header-settings-modal.white
  .m-settings
  .row-item
  .ant-radio-group
  span.ant-radio
  + *,
.ant-modal.m-header-settings-modal.white .m-settings .row-item .row-title,
.ant-modal.m-header-settings-modal.white
  .m-settings
  .row-item
  .row-value
  .risk-off {
  color: #22232b;
}
.ant-modal.m-header-settings-modal.white
  .m-settings
  .row-item
  .row-value
  .arrow-right-icon {
  background: url("") 2px 0 no-repeat;
  background-size: 10px 10px;
}
.ant-modal.m-header-settings-modal.white
  .m-settings
  .row-item
  .ant-radio-inner {
  background: #e2e4ff;
  border-color: #e2e4ff;
}
.ant-modal.m-header-settings-modal.white
  .m-settings
  .row-item.settings-row.s9:before {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
}
.ant-modal.m-header-settings-modal.white
  .m-settings
  .row-item.language-row:before {
  background: url("") 0 -0.5px no-repeat;
  background-size: 100%;
}
.ant-modal.m-header-settings-modal.white
  .m-settings
  .row-item.theme-row:before {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
}
.ant-modal.m-header-settings-modal .ant-modal-body {
  padding: 0;
}
.ant-modal.m-header-settings-modal .m-settings {
  background: #1f2027;
  box-shadow: 0 10px 20px 0 #0000001a;
  height: calc(100vh - 90px);
  padding: 20px 15px;
  width: 100%;
}
.ant-modal.m-header-settings-modal .m-settings .setting-list {
  background: #31333a;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
.ant-modal.m-header-settings-modal .m-settings .setting-list.p10 {
  padding: 7px 0;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .setting-list
  .user-records-link {
  display: block;
  height: 60px;
  margin-left: 0;
  padding: 20px 15px;
  position: static;
  width: 100%;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .setting-list
  .user-records-link
  .records-default-icon {
  background: url("") 0 no-repeat;
  background-size: auto 20px;
  color: #fff;
  display: inline-block;
  height: 20px;
  padding-left: 27px;
  position: static;
  transform: none;
  width: auto;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .setting-list
  .user-records-link
  .unread-amount-for-m {
  background: url("") right 6px no-repeat;
  background-size: 6px 9px;
  color: #ff5266;
  padding-right: 14px;
}
.ant-modal.m-header-settings-modal .m-settings:after {
  background-color: #0000;
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  right: 0;
  top: 100%;
}
.ant-modal.m-header-settings-modal .m-settings .row-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: 7px 15px 7px 43px;
  position: relative;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .row-item.s9
  .row-value
  .arrow-right-icon {
  background-size: 9px 9px;
  margin-left: 6px;
  margin-top: 4px;
}
.ant-modal.m-header-settings-modal .m-settings .row-item:hover {
  background-color: #ffffff0a;
}
.ant-modal.m-header-settings-modal .m-settings .row-item:before {
  content: "";
  height: 20px;
  left: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-55%);
  width: 20px;
}
.ant-modal.m-header-settings-modal .m-settings .row-item.wallet-row:before {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
}
.ant-modal.m-header-settings-modal .m-settings .row-item.settings-row:before {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .row-item.settings-row.s9:before {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
}
.ant-modal.m-header-settings-modal .m-settings .row-item.language-row {
  display: flex;
  justify-content: space-between;
}
.ant-modal.m-header-settings-modal .m-settings .row-item.language-row:before {
  background: url("language-row.ee02b46e77fb9aea7336.svg") 0 -0.5px no-repeat;
  background-size: 100%;
}
.ant-modal.m-header-settings-modal .m-settings .row-item.theme-row {
  display: flex;
  justify-content: space-between;
}
.ant-modal.m-header-settings-modal .m-settings .row-item.theme-row:before {
  background: url("theme-row.2ba41d6f6ac2b737b573.svg") 0 0 no-repeat;
  background-size: 100%;
}
.ant-modal.m-header-settings-modal .m-settings .row-item .ant-radio-inner {
  background: #53545c;
  border-color: #53545c;
  height: 12px;
  width: 12px;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .row-item
  .ant-radio-checked
  .ant-radio-inner {
  background: #4d54ff;
  border-color: #4d54ff;
  height: 12px;
  width: 12px;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .row-item
  .ant-radio-checked
  .ant-radio-inner:after {
  background-color: #fff;
  height: 4px;
  width: 4px;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .row-item
  .ant-radio:hover
  .ant-radio-inner {
  border-color: #fff;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .row-item
  .ant-radio-checked:hover
  .ant-radio-inner {
  background: #4d54ff;
  border-color: #4d54ff;
}
.ant-modal.m-header-settings-modal .m-settings .row-item .ant-radio-group {
  display: flex;
  transform: translateY(-1px);
}
.ant-modal.m-header-settings-modal
  .m-settings
  .row-item
  .ant-radio-group
  .ant-radio-wrapper {
  margin: 0 0 0 10px;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .row-item
  .ant-radio-group
  span.ant-radio
  + * {
  color: #fff;
  font-size: 12px;
  padding-left: 4px;
  padding-right: 0;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .row-item
  .ant-radio-group
  .ant-radio {
  transform: translateY(-1px);
}
.ant-modal.m-header-settings-modal
  .m-settings
  .row-item
  .ant-radio-group
  .ant-radio:hover
  .ant-radio-inner {
  border: 1px solid #53545c;
}
.ant-modal.m-header-settings-modal .m-settings .row-item .row-title {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 0;
}
.ant-modal.m-header-settings-modal .m-settings .row-item .row-value {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  margin-left: 4px;
}
.ant-modal.m-header-settings-modal .m-settings .row-item .row-value .risk-off {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .row-item
  .row-value
  .arrow-right-icon {
  background: url("") 2px 0 no-repeat;
  background-size: 10px 10px;
  display: block;
  flex-shrink: 0;
  height: 10px;
  margin-left: 4px;
  margin-top: -1px;
  transition: all 0.3s ease;
  width: 10px;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .row-item
  .row-value
  .row-value-content {
  align-items: center;
  display: flex;
  padding: 6px 0;
  position: relative;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .row-item
  .row-value
  .row-value-content
  .value-text {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  position: relative;
  text-align: right;
  transition: all 0.3s ease;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .row-item
  .row-value
  .row-value-content
  .copy-btn {
  background: url("") 0 0 no-repeat;
  background-size: 12px 12px;
  display: block;
  flex-shrink: 0;
  height: 12px;
  margin-left: 4px;
  margin-top: -1px;
  transition: all 0.3s ease;
  width: 12px;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .row-item
  .row-value
  .row-value-content
  .copy-btn:hover {
  background-image: url("");
  background-size: 12px 12px;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .row-item
  .row-value
  .row-value-content
  .full-email-tooltip {
  background-color: #31333a;
  border-radius: 5px;
  bottom: 100%;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  opacity: 0;
  padding: 12px;
  position: absolute;
  right: 2px;
  transition: all 0.3s ease;
  z-index: -1;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .row-item.settings-row
  .row-value
  .row-value-content
  .value-text:after {
  border-left: 12px solid #0000;
  border-right: 12px solid #0000;
  border-top: 6px solid #31333a;
  bottom: 100%;
  content: "";
  left: 50%;
  opacity: 0;
  position: absolute;
  transform: translateX(-50%);
  transition: all 0.3s ease;
  z-index: -1;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .row-item.settings-row
  .row-value
  .row-value-content.show-email-hover:hover
  .value-text {
  color: #9195fb;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .row-item.settings-row
  .row-value
  .row-value-content.show-email-hover:hover
  .full-email-tooltip,
.ant-modal.m-header-settings-modal
  .m-settings
  .row-item.settings-row
  .row-value
  .row-value-content.show-email-hover:hover
  .value-text:after {
  opacity: 1;
  z-index: 3;
}
.ant-modal.m-header-settings-modal .m-settings .link-email-hint {
  align-items: center;
  background: #31333a;
  border-radius: 5px;
  color: #fff9;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  margin: 10px 10px 0;
  padding: 8px 6px;
}
.ant-modal.m-header-settings-modal .m-settings .link-email-hint .alert-icon {
  background: url("") 0 0 no-repeat;
  background-size: 14px 14px;
  display: block;
  flex-shrink: 0;
  height: 14px;
  margin-right: 6px;
  width: 14px;
}
.ant-modal.m-header-settings-modal .m-settings .copy-success-hint {
  align-items: center;
  background: #40414a;
  border-radius: 5px;
  box-shadow: 0 10px 20px 0 #0000001a;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: auto;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  transition: opacity 0.3s ease;
  width: 100%;
}
.ant-modal.m-header-settings-modal .m-settings .copy-success-hint.visible {
  opacity: 1;
}
.ant-modal.m-header-settings-modal
  .m-settings
  .copy-success-hint
  .success-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: block;
  height: 14px;
  margin-right: 6px;
  width: 14px;
}
.mobile-header-v2 {
  background-color: #1f2027;
  border-bottom: 1px solid #ffffff0f;
  box-sizing: border-box;
  height: 78px;
  padding: 16px 15px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .mobile-header-v2 {
    display: none !important;
  }
}
.mobile-header-v2-inner {
  position: relative;
  width: 100%;
}
.mobile-header-v2.showing-wallet-dropdown {
  z-index: 999 !important;
}
.mobile-header-v2.transparent-bg {
  background-color: #0000;
}
.mobile-header-v2.transparent-bg.setting-open {
  background: #1f2027;
}
.mobile-header-v2 .flex {
  display: flex;
}
.mobile-header-v2 .flex.column {
  flex-direction: column;
}
.mobile-header-v2 .justify-center {
  justify-content: center;
}
.mobile-header-v2 .justify-between {
  justify-content: space-between;
}
.mobile-header-v2 .items-center {
  align-items: center;
}
.mobile-header-v2 .logo-wrap {
  z-index: 1;
}
.mobile-header-v2 .logo-wrap .back-old {
  background: #ffffff0a;
  border-radius: 2px;
  color: #fff9;
  display: inline-block;
  font-family: PingFang SC;
  font-size: 12px;
  line-height: 24px;
  margin-left: 14px;
  max-width: 75px;
  overflow: hidden;
  padding: 0 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mobile-header-v2 .mobile-logo > span {
  background: url("") 0 0 no-repeat;
  background-size: contain;
  display: inline-block;
  height: 24px;
  width: 26px;
}
.mobile-header-v2 .connect-btn-wrap {
  display: flex;
  justify-content: center;
  margin: auto;
}
.mobile-header-v2 .connect-btn-wrap .connect-wallet-v2 {
  height: 36px;
  line-height: 36px;
  width: 148px;
}
.mobile-header-v2 .connect-btn-wrap .wallet-dropdown {
  display: none;
}
.mobile-header-v2 .connect-btn-wrap .wallet-dropdown.new-wallet-dropdown {
  display: block;
}
.mobile-header-v2 .connect-btn-wrap .menu {
  position: absolute;
  right: 0;
}
.mobile-header-v2 .j-wallet-info .wallet-info-content {
  height: 36px;
}
.mobile-header-v2 .j-wallet-info .wallet-info-content .address {
  color: #fff;
}
.mobile-header-v2 .j-wallet-info .wallet-dropdown {
  right: 50%;
  transform: translateX(50%);
}
.mobile-header-v2 .category-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  height: 14px;
  margin-left: 4px;
  width: 14px;
}
.mobile-header-v2 .category-icon.close {
  background-image: url("");
  background-size: 18px 14px;
  margin-left: 0;
  width: 18px;
}
.mobile-header-v2 .menu {
  position: relative;
}
.mobile-header-v2 .menu.close-menu {
  margin-left: 4px;
}
.mobile-header-v2 .user-records-link {
  z-index: 1;
}
.mobile-header-v2 .mobile-category {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  height: 15px;
  position: relative;
  top: 0;
  width: 16px;
}
.mobile-header-v2 .mobile-category.market {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
}
.mobile-header-v2 .mobile-category:hover {
  opacity: 0.5;
}
.mobile-header-v2 .mobile-theme {
  align-items: center;
  background: #ffffff0a;
  border-radius: 2px;
  display: flex;
  height: 22px;
  justify-content: space-between;
  width: 44px;
  z-index: 1;
}
.mobile-header-v2 .mobile-theme div {
  background: url("") no-repeat 50%;
  background-size: 12px 12px;
  font-size: 0;
  height: 22px;
  width: 22px;
}
.mobile-header-v2 .mobile-theme div.current {
  background: #4d54ff url("") no-repeat 50%;
  background-size: 12px 12px;
  border-radius: 2px;
}
.mobile-header-v2 .mobile-theme div:nth-child(2) {
  background: #4b52df0f url("") no-repeat 50%;
  background-size: 12px 12px;
}
.mobile-header-v2 .mobile-theme div:nth-child(2).current {
  background: #4d54ff url("") no-repeat 50%;
  background-size: 12px 12px;
}
.mobile-header-v2.white {
  background-color: #f1f1f8;
}
.mobile-header-v2.white .j-wallet-info .wallet-info-content .address {
  color: #22232b99;
}
.mobile-header-v2.white .j-wallet-info .wallet-info-content .address:hover {
  color: #22232b;
}
.mobile-header-v2.white.transparent-bg {
  background-color: #0000;
}
.mobile-header-v2.white.transparent-bg.setting-open {
  background-color: #f1f1f8;
}
.mobile-header-v2.white.market {
  border-bottom: none;
}
.mobile-header-v2.white .back-old {
  background-color: #fff;
  color: #22232b;
}
.mobile-header-v2.white .mobile-category {
  background-image: url("");
}
.mobile-header-v2.white .mobile-category.market {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
}
.mobile-menu-drawer-v2 .ant-drawer-content {
  background-color: #1e1f25;
}
.mobile-menu-drawer-v2 .ant-drawer-content .ant-drawer-header {
  border-bottom: none;
  padding: 0;
}
.mobile-menu-drawer-v2
  .ant-drawer-content
  .ant-drawer-header
  .ant-drawer-header-title {
  justify-content: flex-end;
}
.mobile-menu-drawer-v2 .ant-drawer-content .ant-drawer-body {
  padding: 0;
}
.mobile-menu-drawer-v2 .mobile-menu-content {
  box-sizing: border-box;
  padding-top: 30px;
}
.mobile-menu-drawer-v2 .mobile-menu-content .link-list {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.mobile-menu-drawer-v2 .mobile-menu-content .link-list-item {
  color: #fff9;
  font-family: Avenir Next;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  margin-top: 8vw;
}
.mobile-menu-drawer-v2 .mobile-menu-content .link-list-item span i {
  display: inline-block;
  height: 11px;
  margin-left: 4px;
  width: 26px;
}
.mobile-menu-drawer-v2 .mobile-menu-content .link-list-item span i.energy {
  background-image: url("");
}
.mobile-menu-drawer-v2 .mobile-menu-content .link-list-item span i.stake {
  background-image: url("");
}
.mobile-menu-drawer-v2 .mobile-menu-content .link-list-item:first-child {
  margin-top: 0;
}
.mobile-menu-drawer-v2 .mobile-menu-content .link-list-item.active {
  color: #fff;
  font-weight: 600;
}
.mobile-menu-drawer-v2 .mobile-menu-content .link-list .btn {
  background-size: contain;
  border-radius: 50%;
  height: 16px;
  width: 16px;
}
.mobile-menu-drawer-v2 .mobile-menu-content .link-list .btn:first-child {
  margin-right: 8vw;
}
.mobile-menu-drawer-v2 .mobile-menu-content .link-list .btn:disabled {
  background-color: #0000;
}
.mobile-menu-drawer-v2 .mobile-menu-content .link-list .btn-light {
  background: url("") 0 0 no-repeat;
}
.mobile-menu-drawer-v2 .mobile-menu-content .link-list .btn-light.active {
  background-image: url("");
}
.mobile-menu-drawer-v2 .mobile-menu-content .link-list .btn-dark {
  background: url("") 0 0 no-repeat;
}
.mobile-menu-drawer-v2 .mobile-menu-content .link-list .btn-dark.active {
  background-image: url("");
}
.mobile-menu-drawer-v2 .mobile-menu-content .link-list .go-old {
  background: #ffffff0a;
  border-radius: 2px;
  color: #fff9;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: 32px;
  margin-top: 30px;
  padding: 0 10px;
}
.mobile-menu-drawer-v2 .ant-drawer-close {
  margin-right: 0;
  padding: 30px;
}
.mobile-menu-drawer-v2.white .ant-drawer-content {
  background-color: #f0f2f7;
}
.mobile-menu-drawer-v2.white .link-list-item {
  color: #22232b99;
}
.mobile-menu-drawer-v2.white .link-list-item.active {
  color: #22232b;
}
.mobile-menu-drawer-v2.white .link-list-item span i {
  display: inline-block;
  height: 11px;
  margin-left: 4px;
  width: 26px;
}
.mobile-menu-drawer-v2.white .link-list-item span i.stake {
  background-image: url("");
}
.mobile-menu-drawer-v2.white .link-list-item span i.energy {
  background-image: url("");
}
.mobile-menu-drawer-v2.white .link-list .go-old {
  background-color: #fff;
  color: #22232b;
}
.j-wrapper.white .mobile-header-v2,
.mobile-header-wrap.white .mobile-header-v2 {
  border-bottom: 1px solid #22232b0f;
}
.j-wrapper.white .category-icon,
.mobile-header-wrap.white .category-icon {
  background-image: url("");
}
.j-wrapper.white .category-icon.close,
.mobile-header-wrap.white .category-icon.close {
  background-image: url("");
}
.ant-modal-root .ant-modal.connect-modal-v2 {
  background: #282931;
  border-radius: 10px;
  overflow: hidden;
  padding-bottom: 0 !important;
  width: 90% !important;
}
.ant-modal-root .ant-modal.connect-modal-v2 .ant-modal-content {
  background: #282931;
  border-radius: 10px;
}
.ant-modal-root .ant-modal.connect-modal-v2 .ant-modal-header {
  background: #282931;
  border-bottom: 1px solid #ffffff0f;
  border-radius: 10px 10px 0 0;
  height: 62px;
  padding: 18px 24px 14px;
}
.ant-modal-root .ant-modal.connect-modal-v2 .ant-modal-header .ant-modal-title {
  color: #fff;
  font-family: Avenir Next;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  text-align: center;
}
.ant-modal-root .ant-modal.connect-modal-v2 .ant-modal-close-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  color: #fff;
  height: 12px;
  width: 12px;
}
.ant-modal-root .ant-modal.connect-modal-v2 .ant-modal-close-icon > svg {
  display: none;
}
.ant-modal-root .ant-modal.connect-modal-v2 .ant-modal-close-x {
  background: none !important;
  height: 56px !important;
  position: static !important;
  width: 56px !important;
}
.ant-modal-root .ant-modal.connect-modal-v2.white {
  background: #fff;
}
.ant-modal-root .ant-modal.connect-modal-v2.white .ant-modal-content {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.ant-modal-root .ant-modal.connect-modal-v2.white .ant-modal-header {
  background: #fff;
  border-bottom: 1px solid #22232b0f;
}
.ant-modal-root
  .ant-modal.connect-modal-v2.white
  .ant-modal-header
  .ant-modal-title {
  color: #22232b;
}
.ant-modal-root .ant-modal.connect-modal-v2.white .ant-modal-close-icon {
  background-image: url("");
  color: #22232b;
}
.ant-modal-root .ant-modal.connect-modal-v2.white .wallet-beta-list {
  background: #4d54ff0f;
}
.ant-modal-root .ant-modal.connect-modal-v2.white .wallet-beta-list .wbl-title {
  border-bottom: 1px solid #22232b0f;
}
.ant-modal-root
  .ant-modal.connect-modal-v2.white
  .wallet-beta-list
  .wbl-title
  > span {
  color: #737480 !important;
}
.ant-modal-root
  .ant-modal.connect-modal-v2.white
  .wallet-beta-list
  .wbl-title
  > span.ant-tooltip-open {
  color: #4d54ff !important;
}
.ant-modal-root
  .ant-modal.connect-modal-v2.white
  .wallet-beta-list
  .wbl-title
  .h-9195fb
  .light {
  color: #22232b;
}
.ant-modal-root
  .ant-modal.connect-modal-v2.white
  .wallet-beta-list
  .wbl-title
  .h-9195fb:hover,
.ant-modal-root
  .ant-modal.connect-modal-v2.white
  .wallet-beta-list
  .wbl-title
  .h-9195fb:hover
  .light {
  color: #4d54ff;
}
.ant-modal-root
  .ant-modal.connect-modal-v2.white
  .wallet-beta-list
  .wbl-title
  svg {
  transform: translateY(-0.5px);
}
.ant-modal-root .ant-modal.connect-modal-v2.white .wallet-beta-list .bl-main {
  color: #22232b !important;
}
.ant-modal-root .ant-modal .wallet-beta-list {
  background: #ffffff0a;
  border-radius: 10px;
  margin-top: 20px;
  padding-bottom: 16px;
}
.ant-modal-root .ant-modal .wallet-beta-list > div {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  padding: 0 16px;
}
.ant-modal-root .ant-modal .wallet-beta-list .wbl-title {
  border-bottom: 1px solid #ffffff0f;
  height: 44px;
  line-height: 14px;
  margin-top: 0;
  padding: 0 16px;
}
.ant-modal-root .ant-modal .wallet-beta-list .wbl-title > span {
  color: #b3b4b7 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin-left: 0 !important;
  white-space: nowrap !important;
}
.ant-modal-root .ant-modal .wallet-beta-list .wbl-title .h-9195fb {
  border-bottom: 1px dashed #b3b4b7;
  margin-right: 6px;
}
.ant-modal-root .ant-modal .wallet-beta-list .wbl-title .h-9195fb .light {
  color: #fff;
  margin-left: 0;
}
.ant-modal-root .ant-modal .wallet-beta-list .wbl-title .h-9195fb:hover {
  border-bottom: 1px dashed #9195fb;
  color: #9195fb;
}
.ant-modal-root .ant-modal .wallet-beta-list .wbl-title .h-9195fb:hover .light {
  color: #9195fb;
}
.ant-modal-root .ant-modal .wallet-beta-list .wbl-title .ant-tooltip-open {
  color: #9195fb !important;
}
.ant-modal-root .ant-modal .wallet-beta-list .bl-main {
  color: #fff !important;
  cursor: default !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  margin-left: 0 !important;
}
.ant-modal-root .ant-modal .wallet-beta-list .bl-img {
  height: 16px !important;
  margin: 0 0 0 6px !important;
  width: 37px !important;
}
.ant-modal-root .ant-modal .wallet-beta-list .bl-link {
  background: #4d54ff;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  height: 24px;
  line-height: 24px;
  min-width: 80px;
  padding: 0 10px;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.ant-modal-root .ant-modal .wallet-beta-list .bl-link:hover {
  background: #9195fb;
}
.j-tooltip-dropdown.b-272931 .ant-tooltip-arrow-content,
.j-tooltip-dropdown.b-272931 .ant-tooltip-inner {
  background: #272931;
  box-shadow: none;
  color: #b3b4b7;
}
.j-tooltip-dropdown.b-272931 .ant-tooltip-arrow {
  background: url("") 0 0 no-repeat;
  transform: rotate(180deg) translateY(-0.5px);
}
.j-tooltip-dropdown.b-272931 .ant-tooltip-arrow .ant-tooltip-arrow-content {
  display: none;
}
.connect-element-v2 {
  padding: 30px 0 0;
}
.entry-modal-v2 {
  max-width: 400px !important;
}
.entry-modal-v2 .ant-modal-body {
  padding: 0 30px 20px;
}
.entry-modal-v2 .top-tip {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  justify-content: space-between;
  line-height: 20px;
  margin-bottom: 10px;
}
.entry-modal-v2 .bottom-tip {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}
.entry-modal-v2 .bottom-tip.en {
  flex-direction: column;
}
.entry-modal-v2 .bottom-tip.en .j-link {
  margin-left: 20px;
}
.entry-modal-v2 .bottom-tip.en .j-link:first-child {
  margin-left: 0;
}
.entry-modal-v2 .bottom-tip.en > span {
  margin-bottom: 4px;
  white-space: nowrap;
}
.entry-modal-v2 .bottom-tip.en > span.accept-tips {
  white-space: normal;
}
.entry-modal-v2 .bottom-tip .j-link,
.entry-modal-v2 .bottom-tip > span {
  border-bottom: 1px solid #0000;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
.entry-modal-v2 .bottom-tip > span {
  color: #fff9;
}
.entry-modal-v2 .bottom-tip .j-link {
  margin-left: 6px;
  position: relative;
}
.entry-modal-v2 .bottom-tip .j-link em {
  background: url("") no-repeat 50%;
  display: inline-block;
  height: 7px;
  margin-left: 6px;
  width: 5px;
}
.entry-modal-v2 .bottom-doc {
  border-top: 1px solid #ffffff0f;
  margin-top: 20px;
  padding-top: 20px;
  text-align: center;
}
.entry-modal-v2 .bottom-doc .bd-title {
  color: #b3b4b7;
  font-size: 12px;
  font-weight: 500;
}
.entry-modal-v2 .bottom-doc .bd-links {
  margin-top: 4px;
}
.entry-modal-v2 .bottom-doc .bd-links > a {
  font-size: 12px;
  font-weight: 400;
  margin-left: 20px;
}
.entry-modal-v2 .bottom-doc .bd-links > a:first-child {
  margin-left: 0;
}
.entry-modal-v2 .entry-logos {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.entry-modal-v2 .entry-logos .entry-logo {
  align-items: center;
  background: #ffffff0a;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  margin-right: 10px;
  min-width: 106px;
  padding: 16px 20px 8px;
  position: relative;
  transition: background-color 0.3s ease-in-out;
  width: calc(33.33% - 20px);
}
.entry-modal-v2 .entry-logos .entry-logo:nth-child(3n) {
  margin-right: 0;
}
.entry-modal-v2 .entry-logos .entry-logo:nth-child(4),
.entry-modal-v2 .entry-logos .entry-logo:nth-child(5),
.entry-modal-v2 .entry-logos .entry-logo:nth-child(6) {
  margin-bottom: 0;
}
.entry-modal-v2 .entry-logos .entry-logo:hover {
  background: #0000004d;
}
.entry-modal-v2 .entry-logos .entry-logo.disabled {
  background: #135dcd1a;
  cursor: default;
}
.entry-modal-v2 .entry-logos .entry-logo > img {
  height: 30px;
  margin-bottom: 6px;
  width: 30px;
}
.entry-modal-v2 .entry-logos .entry-logo > img.is-loading {
  animation: rotation 2s linear infinite;
}
.entry-modal-v2 .entry-logos .entry-logo > span {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
}
.entry-modal-v2 .entry-logos .entry-logo .loading {
  animation: rotation 2s linear infinite;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  transform: rotate(1turn);
  width: 20px;
}
.entry-modal-v2.white .top-tip {
  color: #22232b;
}
.entry-modal-v2.white .bottom-tip > span {
  color: #737480;
}
.entry-modal-v2.white .bottom-tip > a {
  color: #4c54ff;
}
.entry-modal-v2.white .bottom-tip > a:after {
  background: #4c54ff;
}
.entry-modal-v2.white .entry-logos .entry-logo {
  background: #4b52df0a;
}
.entry-modal-v2.white .entry-logos .entry-logo:hover {
  background: #0000001a;
}
.entry-modal-v2.white .entry-logos .entry-logo.disabled {
  background: #0f134f0d;
  cursor: default;
}
.entry-modal-v2.white .entry-logos .entry-logo > span {
  color: #22232b;
}
.entry-modal-v2.white .bottom-doc .bd-title {
  color: #737480;
}
.fireblocks-modal-v2 {
  max-width: 480px !important;
  position: relative;
}
.fireblocks-modal-v2 .ant-modal-body {
  padding: 0 20px 20px;
}
.fireblocks-modal-v2 p {
  color: #fff;
  font-family: Avenir Next;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 10px;
  text-align: center;
}
.fireblocks-modal-v2 .top-tip {
  align-items: center;
  color: #5a5e89cc;
  display: flex;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  justify-content: center;
  line-height: 20px;
  margin-bottom: 20px;
  white-space: nowrap;
}
.fireblocks-modal-v2 .top-tip > img {
  height: 14px;
  margin: -1px 5px 0;
  width: 14px;
}
.fireblocks-modal-v2 .top-tip span {
  color: #fff9;
  font-size: 12px;
}
.fireblocks-modal-v2 .top-tip strong {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  margin-right: 3px;
}
.fireblocks-modal-v2 .fireblocks-code {
  margin-bottom: 20px;
  text-align: center;
}
.fireblocks-modal-v2 .fireblocks-code > img {
  border-radius: 8px;
  box-shadow: 0 0 20px #0f134f0d;
  max-width: 390px;
  width: 100%;
}
.fireblocks-modal-v2 .bottom-tip {
  align-items: center;
  color: #fff9;
  display: flex;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
}
.fireblocks-modal-v2 .bottom-tip,
.fireblocks-modal-v2 .bottom-tip > span {
  font-family: Avenir Next;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.fireblocks-modal-v2 .bottom-tip > span {
  color: #9195fb;
  cursor: pointer;
  margin-left: 6px;
  position: relative;
}
.fireblocks-modal-v2 .bottom-tip > span em {
  background: url("") no-repeat 50%;
  display: inline-block;
  height: 7px;
  margin-left: 6px;
  width: 5px;
}
.fireblocks-modal-v2 .bottom-tip > span:after {
  background: #9195fb;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: 100%;
  transition: all 0.6s;
  width: 0;
}
.fireblocks-modal-v2 .bottom-tip > span:hover:after {
  left: 0;
  width: 100%;
}
.fireblocks-modal-v2.white p {
  color: #22232b;
}
.fireblocks-modal-v2.white .top-tip span {
  color: #22232b99;
}
.fireblocks-modal-v2.white .top-tip strong {
  color: #22232b;
}
.fireblocks-modal-v2.white .bottom-tip {
  color: #22232b99;
}
.fireblocks-modal-v2.white .bottom-tip > span {
  color: #4c54ff;
}
.fireblocks-modal-v2.white .bottom-tip > span:after {
  background: #4c54ff;
}
.fireblocks-modal-v2.white .copied-v2 {
  background: #fff;
  color: #22232b;
}
.loading-modal-v2 {
  max-width: 400px !important;
}
.loading-modal-v2 .ant-modal-content {
  height: 388px;
}
.loading-modal-v2 img {
  animation: rotation 2s linear infinite;
  display: block;
  height: 60px;
  margin: 10px auto 20px;
  transform: rotate(1turn);
  width: 60px;
}
.loading-modal-v2 .title {
  color: #fff;
  font-family: Avenir Next;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 10px;
  text-align: center;
}
.loading-modal-v2 .desc {
  color: #fff9;
}
.loading-modal-v2 .desc,
.loading-modal-v2 .tips {
  font-family: Avenir Next;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}
.loading-modal-v2 .tips {
  bottom: 35px;
  color: #5a5e8980;
  position: absolute;
  width: calc(100% - 48px);
}
.loading-modal-v2 .tips.tips1 {
  bottom: 60px;
}
.loading-modal-v2 .tips.tips2 {
  bottom: 20px;
}
.loading-modal-v2 .tips span {
  color: #fff9;
  font-size: 12px;
}
.loading-modal-v2 .tips a {
  color: #9195fb;
  font-size: 12px;
  margin-left: 6px;
  position: relative;
}
.loading-modal-v2 .tips a em {
  background: url("") no-repeat 50%;
  display: inline-block;
  height: 7px;
  margin-left: 6px;
  width: 5px;
}
.loading-modal-v2 .tips a:after {
  background: #9195fb;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: 100%;
  transition: all 0.8s;
  width: 0;
}
.loading-modal-v2 .tips a:hover:after {
  left: 0;
  width: 100%;
}
.loading-modal-v2.white .title {
  color: #22232b;
}
.loading-modal-v2.white .desc,
.loading-modal-v2.white .tips span {
  color: #22232bcc;
}
.loading-modal-v2.white .tips a {
  color: #4c54ff;
}
.loading-modal-v2.white .tips a:after {
  background: #4c54ff;
}
.ant-modal.account-modal-v2 {
  border-radius: 10px;
  max-width: 400px !important;
}
.ant-modal.account-modal-v2 .ant-modal-body {
  padding: 0 20px 50px;
}
.ant-modal.account-modal-v2 img {
  border-radius: 10px;
  display: block;
  height: 66px;
  margin: 20px auto;
  width: 66px;
}
.ant-modal.account-modal-v2 .bl-img {
  border-radius: 0;
  border-radius: initial;
}
.ant-modal.account-modal-v2 .desc {
  color: #fff;
  font-family: Avenir Next;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.ant-modal.account-modal-v2 .account-info-v2 {
  background: #ffffff0a;
  border-radius: 10px;
  color: #0f134f;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  position: relative;
  text-align: center;
  width: 100%;
}
.ant-modal.account-modal-v2 .account-info-v2.beta-info {
  background: none;
  height: auto;
  margin-top: -10px;
}
.ant-modal.account-modal-v2 .account-info-v2.beta-info span {
  border-bottom: none;
  color: #b3b4b7;
  font-size: 12px;
  height: auto;
  padding: 0;
}
.ant-modal.account-modal-v2 .account-info-v2 span {
  color: #b3b4b7;
  display: block;
  font-family: Avenir Next;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  height: 50px;
  line-height: 22px;
  margin: 0;
  mix-blend-mode: normal;
  padding: 14px 0;
  text-align: center;
  width: 100%;
}
.ant-modal.account-modal-v2 .account-info-v2 p {
  font-family: Avenir Next;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  height: 48px;
  line-height: 20px;
  padding: 14px 0;
  width: 100%;
}
.ant-modal.account-modal-v2 .account-info-v2 p em {
  color: #9195fb;
  cursor: pointer;
  font-size: 12px;
  font-style: normal;
  position: relative;
}
.ant-modal.account-modal-v2 .account-info-v2 p em:hover {
  color: #9195fb99;
}
.ant-modal.account-modal-v2 .account-info-v2 p em em {
  background: url("") no-repeat 50%;
  display: inline-block;
  height: 7px;
  margin-left: 6px;
  width: 5px;
}
.ant-modal.account-modal-v2 .disconnect {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
}
.ant-modal.account-modal-v2 .disconnect span {
  color: #9195fb;
  cursor: pointer;
  position: relative;
}
.ant-modal.account-modal-v2 .disconnect span em {
  background: url("") no-repeat 50%;
  display: inline-block;
  height: 7px;
  margin-left: 6px;
  width: 5px;
}
.ant-modal.account-modal-v2 .disconnect span:after {
  background: #9195fb;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: 100%;
  transition: all 0.6s;
  width: 0;
}
.ant-modal.account-modal-v2 .disconnect span:hover:after {
  left: 0;
  width: 100%;
}
.ant-modal.account-modal-v2 span {
  color: #b3b4b7;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  margin-left: 6px;
}
.ant-modal.account-modal-v2.white .desc {
  color: #22232b;
}
.ant-modal.account-modal-v2.white .account-info-v2 {
  background: #4d54ff0a;
}
.ant-modal.account-modal-v2.white .account-info-v2.beta-info {
  background: none;
}
.ant-modal.account-modal-v2.white .account-info-v2.beta-info span {
  border-bottom: none;
  color: #737480;
}
.ant-modal.account-modal-v2.white .account-info-v2 span {
  color: #22232b;
}
.ant-modal.account-modal-v2.white .account-info-v2 p,
.ant-modal.account-modal-v2.white .account-info-v2 p em {
  color: #4c54ff;
}
.ant-modal.account-modal-v2.white .account-info-v2 p em:hover {
  color: #4c54ff99;
}
.ant-modal.account-modal-v2.white .disconnect span {
  color: #4c54ff;
}
.ant-modal.account-modal-v2.white .disconnect span:after {
  background: #4c54ff;
}
.ant-modal.account-modal-v2.white .copied-v2 {
  background: #fff;
  color: #282931;
}
.failure-modal-v2 {
  max-width: 400px !important;
}
.failure-modal-v2 .ant-modal-body {
  padding: 20px;
}
.failure-modal-v2 .ant-modal-content {
  height: 388px;
}
.failure-modal-v2 img {
  display: block;
  height: 61px;
  margin: 10px auto 20px;
  width: 61px;
}
.failure-modal-v2 .title {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  height: 25px;
  line-height: 25px;
  margin-bottom: 10px;
}
.failure-modal-v2 .desc,
.failure-modal-v2 .title {
  font-family: Avenir Next;
  font-style: normal;
  text-align: center;
}
.failure-modal-v2 .desc {
  color: #fff9;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.failure-modal-v2 .reconnect {
  background: #4c54ff;
  border-radius: 2px;
  bottom: 40px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  width: 360px;
}
.failure-modal-v2 .reconnect:hover {
  background: #9195fb;
}
.failure-modal-v2.white .title {
  color: #22232b;
}
.failure-modal-v2.white .desc {
  color: #22232bcc;
}
.failure-modal-v2.white .reconnect {
  background: #4c54ff;
}
.failure-modal-v2.white .reconnect:hover {
  background: #9195fb;
}
.copied-v2 {
  animation: copied-animation 1s;
  background: #282931;
  border-radius: 8px;
  bottom: -50px;
  color: #fff;
  font-family: Avenir Next;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  height: 40px;
  left: 0;
  line-height: 40px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.copied-v2 em {
  background: url("") no-repeat 50%;
  display: inline-block;
  height: 40px;
  margin-right: 6px;
  vertical-align: top;
  width: 16px;
}
.account-link {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.white.entry-modal-v2 .bottom-doc {
  border-top-color: #22232b0f;
}
@media screen and (max-width: 768px) {
  .ant-modal.account-modal-v2 .account-info-v2 {
    height: auto;
  }
  .ant-modal.account-modal-v2 .account-info-v2 span {
    font-size: 12px;
    height: auto;
  }
  .entry-modal-v2 .entry-logos {
    justify-content: space-between;
  }
  .entry-modal-v2 .entry-logos .entry-logo {
    margin-right: 10px !important;
    min-width: 120px;
    width: calc(50% - 20px);
  }
  .entry-modal-v2 .entry-logos .entry-logo:nth-child(2n) {
    margin-right: 0 !important;
  }
  .entry-modal-v2 .entry-logos .entry-logo:nth-child(4) {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 420px) {
  .wallet-beta-list .bl-main,
  .wallet-beta-list .wbl-title > span {
    font-size: 12px;
  }
}
.ant-modal.connect-modal {
  width: 90% !important;
}
.ant-modal.connect-modal .ant-modal-header {
  border-bottom: 1px solid #0f134f0d;
}
.ant-modal.connect-modal .ant-modal-close-x {
  background: url("") 50% no-repeat;
  background-size: 12px 12px;
  height: 56px !important;
  right: 0;
  top: 0;
  width: 56px !important;
}
.connect-element {
  padding: 30px 0 0;
}
.entry-modal {
  max-width: 345px !important;
}
.entry-modal .ant-modal-body {
  padding: 0 10px 30px;
}
.entry-ele .top-tip {
  color: #0f134f;
  font-family: PingFang SC;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.entry-ele .bottom-tip {
  text-align: center;
}
.entry-ele .bottom-tip > a,
.entry-ele .bottom-tip > span {
  border-bottom: 1px solid #0000;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  padding-bottom: 3px;
}
.entry-ele .bottom-tip > span {
  color: #5a5e89;
}
.entry-ele .bottom-tip > a {
  color: #3d56d6;
  margin-left: 4px;
  position: relative;
}
.entry-ele .bottom-tip > a:after {
  background: #3d56d6;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: 100%;
  transition: all 0.6s;
  width: 0;
}
.entry-ele .bottom-tip > a:hover:after {
  left: 0;
  width: 100%;
}
.entry-ele .entry-logos {
  margin-bottom: 10px;
}
.entry-ele .entry-logos .entry-logo {
  background: #0f134f0d;
  border-radius: 8px;
  cursor: pointer;
  height: 50px;
  margin: 0 auto 10px;
  padding: 12px 20px;
  position: relative;
  width: 285px;
}
.entry-ele .entry-logos .entry-logo:hover {
  background: #135dcd1a;
}
.entry-ele .entry-logos .entry-logo.disabled {
  background: #0f134f0d;
  cursor: default;
}
.entry-ele .entry-logos .entry-logo > img {
  height: 26px;
  margin-bottom: 10px;
  width: 26px;
}
.entry-ele .entry-logos .entry-logo > span {
  color: #0f134f;
  display: inline-block;
  font-family: DM Sans;
  font-size: 14px;
  font-style: normal;
  line-height: 26px;
  margin-left: 14px;
  text-align: center;
  vertical-align: top;
}
.entry-ele .entry-logos .entry-logo .loading {
  animation: rotation 2s linear infinite;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 15px;
  transform: rotate(1turn);
  width: 20px;
}
.fireblocks-modal {
  max-width: 480px !important;
  position: relative;
}
.fireblocks-modal .ant-modal-body {
  padding: 0 20px 20px;
}
.fireblocks-modal p {
  color: #0f134f;
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
}
.fireblocks-modal .top-tip,
.fireblocks-modal p {
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.fireblocks-modal .top-tip {
  align-items: center;
  color: #5a5e89cc;
  display: flex;
  font-family: PingFang SC;
  font-size: 12px;
  justify-content: center;
  margin-bottom: 20px;
  white-space: nowrap;
}
.fireblocks-modal .top-tip > img {
  height: 14px;
  margin: -1px 5px 0;
  width: 14px;
}
.fireblocks-modal .top-tip span {
  font-size: 12px;
}
.fireblocks-modal .top-tip strong {
  font-size: 12px;
  font-weight: 400;
}
.fireblocks-modal .fireblocks-code {
  margin-bottom: 20px;
  text-align: center;
}
.fireblocks-modal .fireblocks-code > img {
  border-radius: 8px;
  box-shadow: 0 0 20px #0f134f0d;
  max-width: 390px;
  width: 100%;
}
.fireblocks-modal .bottom-tip {
  align-items: center;
  color: #5a5e89;
  display: flex;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  justify-content: center;
  line-height: 20px;
  white-space: nowrap;
}
.fireblocks-modal .bottom-tip > span {
  border-bottom: 1px solid #0000;
  color: #3d56d6;
  cursor: pointer;
  margin-left: 2px;
  position: relative;
}
.fireblocks-modal .bottom-tip > span:after {
  background: #3d56d6;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: 100%;
  transition: all 0.6s;
  width: 0;
}
.fireblocks-modal .bottom-tip > span:hover:after {
  left: 0;
  width: 100%;
}
.fireblocks-modal .copied {
  bottom: -50px;
}
.loading-modal {
  max-width: 345px !important;
}
.loading-modal .ant-modal-content {
  height: 340px;
}
.loading-modal img {
  animation: rotation 2s linear infinite;
  display: block;
  height: 60px;
  margin: 10px auto 20px;
  transform: rotate(1turn);
  width: 60px;
}
.loading-modal .title {
  color: #0f134f;
  font-size: 18px;
  font-weight: 600;
  height: 25px;
  line-height: 25px;
  margin-bottom: 10px;
  text-align: center;
}
.loading-modal .desc {
  color: #5a5e89;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.loading-modal .tips {
  bottom: 20px;
  color: #5a5e8980;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  position: absolute;
  text-align: center;
  width: calc(100% - 48px);
}
.loading-modal .tips span {
  font-size: 12px;
}
.loading-modal .tips a {
  color: #3d56d6;
  font-size: 12px;
  position: relative;
}
.loading-modal .tips a:after {
  background: #3d56d6;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: 100%;
  transition: all 0.8s;
  width: 0;
}
.loading-modal .tips a:hover:after {
  left: 0;
  width: 100%;
}
.account-modal {
  max-width: 345px !important;
}
.account-modal .ant-modal-body {
  padding: 0 20px 20px;
}
.account-modal img {
  border-radius: 10px;
  display: block;
  height: 50px;
  margin: 10px auto 16px;
  width: 50px;
}
.account-modal .desc {
  color: #0f134f;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 20px;
  line-height: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.account-modal .account-info {
  background: #3d56d60d;
  border-radius: 6px;
  color: #0f134f;
  font-size: 12px;
  font-weight: 500;
  height: 54px;
  line-height: 22px;
  margin-bottom: 30px;
  padding: 16px 8px;
  position: relative;
  text-align: center;
  width: 100%;
}
.account-modal .account-info:hover {
  background: #3d56d61a;
  color: #3d56d6;
  cursor: pointer;
}
.account-modal .disconnect {
  line-height: 17px;
  text-align: center;
}
.account-modal .disconnect,
.account-modal span {
  color: #3d56d6;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
}
.account-modal span {
  margin-left: 6px;
}
.failure-modal {
  max-width: 345px !important;
}
.failure-modal .ant-modal-content {
  height: 340px;
}
.failure-modal img {
  display: block;
  height: 60px;
  margin: 10px auto 20px;
  width: 60px;
}
.failure-modal .title {
  color: #0f134f;
  font-size: 18px;
  font-weight: 600;
  height: 25px;
  line-height: 25px;
  margin-bottom: 10px;
  text-align: center;
}
.failure-modal .desc {
  color: #5a5e89;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.failure-modal .reconnect {
  background: #3d56d6;
  border-radius: 8px;
  bottom: 20px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  width: 305px;
}
.failure-modal .reconnect:hover {
  background: #3d56d64d;
}
.copied {
  animation: copied-animation 1s;
  background-color: #fff;
  border-radius: 8px;
  bottom: -30px;
  color: #5a5e89;
  font-family: PingFang SC;
  font-size: 14px;
  height: 40px;
  left: 0;
  line-height: 40px;
  position: absolute;
  text-align: center;
  width: 100%;
}
@keyframes copied-animation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  to {
    opacity: 1;
  }
}
.accountTooltip {
  margin-top: 26px;
}
.accountTooltip .ant-tooltip .ant-tooltip-inner {
  padding: 10px 16px;
}
.j-liquidate-modal .j-large-btn {
  margin-top: 0;
}
.j-liquidate-modal .bs-list .new-switch {
  margin-left: 6px;
  margin-top: 0;
  min-width: 24px;
  width: 24px;
}
.j-liquidate-modal .bs-list .new-switch .switch-circle {
  height: 12px;
  top: 1px;
  width: 12px;
}
.j-liquidate-modal .bs-list .new-switch .switch-line {
  height: 8px;
  width: 24px;
}
.j-liquidate-modal.j-liquidate-m-modal .ant-modal-body {
  padding-bottom: 40px !important;
}
.jc-main {
  padding-top: 20px;
}
.liquidate-max-title .jc-amount,
.liquidate-max-title .lc-subtitle {
  display: inline-block;
  height: 20px;
  line-height: 20px;
}
.liquidate-max-title .tooltip-text {
  height: 20px;
  line-height: 20px;
}
.liquidate-max-title .lc-subtitle {
  margin-right: 4px;
}
.liquidate-max-title .jc-amount {
  margin-left: 8px;
  transform: translateY(1px);
  white-space: nowrap;
}
.lc-title {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-right: 6px;
}
.lc-subtitle {
  color: #fff9;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}
.lc-subtitle.can-get {
  color: #fff;
}
.jc-amount {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
.jc-tips {
  margin-top: 20px;
}
.jc-tips > div:nth-child(2) {
  max-width: calc(100% - 128px);
}
.jc-tips > div:nth-child(2) > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.jc-token {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: right;
}
.jc-value,
.liquidate-reward {
  color: #fff9;
  font-size: 12px;
  font-weight: 400;
  text-align: right;
}
.liquidate-reward {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.liquidate-tips {
  background: rgba(245, 135, 33, 0.102) url("") 16px no-repeat;
  background-size: 12px 12px;
  border-radius: 5px;
  color: #fff;
  margin: 30px 0 20px;
  padding: 14px 14px 14px 38px;
}
.liquidate-tips .liquidate-tip {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16.8px;
}
.j-option-ele > div {
  display: flex;
  justify-content: flex-end;
  width: 35%;
}
.j-option-ele > div:first-child {
  justify-content: flex-start;
  width: 30%;
}
.liquidate-select {
  border-radius: 5px;
  height: 60px;
  margin-top: 10px;
  width: 100%;
}
.liquidate-select > div {
  width: 100%;
}
.liquidate-select .ant-select > span[aria-live="polite"] {
  display: none !important;
}
.liquidate-select .ant-select-selection-item .jc-select-value {
  padding-right: 4px;
}
.liquidate-select .ant-select-selection-item .jc-selected-sign.selected,
.liquidate-select .ant-select-selection-item .jc-values .jc-select-amount,
.liquidate-select .ant-select-selection-item .jc-values-hide {
  display: none;
}
.liquidate-select .ant-select-selection-item > div {
  height: 60px;
}
.liquidate-select
  .ant-select-focused:not(.ant-select-disabled).ant-select:not(
    .ant-select-customize-input
  )
  .ant-select-selector {
  border: none !important;
  box-shadow: none !important;
}
.liquidate-select .ant-select-selector {
  background-color: #393a41 !important;
  border: none !important;
  border-radius: 5px !important;
  height: 60px !important;
}
.liquidate-select .rc-virtual-list-holder-inner {
  background: #393a41;
}
.liquidate-select .ant-select-arrow {
  margin-top: -2px;
}
.liquidate-select .ant-select-arrow .anticon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  height: 5px;
  transition: all 0.3s ease-in-out;
  width: 10px;
}
.liquidate-select .ant-select-arrow .anticon > svg {
  display: none;
}
.liquidate-select .ant-select-open .ant-select-arrow .anticon {
  transform: rotate(180deg);
}
.liquidate-select .ant-select-item {
  align-items: center;
  color: #0f134f;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  height: 53px !important;
  padding: 0 11px !important;
}
.liquidate-select .ant-select-item:hover {
  background-color: #ffffff0a !important;
}
.liquidate-select .ant-select-item-option-content,
.liquidate-select .ant-select-item-option-content > div {
  height: 53px;
}
.liquidate-select .jc-values {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  height: 53px;
  justify-content: center;
  width: 50%;
}
.liquidate-select .jc-values.jc-ellipsis {
  width: 30%;
}
.liquidate-select .jc-values > div {
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.liquidate-select
  .get-select-title.ant-select-item-option.ant-select-item-option-disabled {
  cursor: default;
  height: 38px !important;
  margin-bottom: 10px;
  padding: 0 !important;
}
.liquidate-select
  .get-select-title.ant-select-item-option.ant-select-item-option-disabled
  .ant-select-item-option-content {
  height: 38px;
}
.liquidate-select
  .get-select-title.ant-select-item-option.ant-select-item-option-disabled
  .ant-select-item-option-content
  > div {
  align-items: center;
  border-bottom: 1px solid #ffffff0f;
  display: flex;
  height: 38px;
  justify-content: space-between;
  padding: 0 11px !important;
}
.liquidate-select
  .get-select-title.ant-select-item-option.ant-select-item-option-disabled:hover {
  background: #393a41 !important;
}
.liquidate-select .get-select-subtile {
  color: #fff9;
  font-size: 12px;
  font-weight: 400;
}
.liquidate-select
  .ant-select-item-option-active:not(.ant-select-item-option-disabled),
.liquidate-select
  .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: #393a41;
  font-size: 12px;
  padding: 0 12px;
}
.liquidate-select
  .ant-select-item-option-active:not(.ant-select-item-option-disabled)
  .ant-select-item-option-content,
.liquidate-select
  .ant-select-item-option-selected:not(.ant-select-item-option-disabled)
  .ant-select-item-option-content {
  color: #3d56d6;
  font-weight: 400;
}
.liquidate-select .logos > span:last-child {
  height: 33px;
  line-height: 33px;
}
.liquidate-select .logos.small-logo > span:first-child {
  background-size: 16px 16px;
  margin-top: 8px;
}
.liquidate-select .jc-logo {
  height: 26px;
  width: 26px;
}
.liquidate-select .jc-text {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  margin: 0 10px;
}
.liquidate-select .jc-selected-sign {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: none;
  height: 13px;
  width: 13px;
}
.liquidate-select .jc-selected-sign.selected {
  display: inline-block;
}
.liquidate-select .jc-select-value {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.jc-warning,
.liquidate-select .jc-select-amount {
  color: #fff9;
  font-size: 12px;
  font-weight: 500;
}
.jc-warning {
  align-items: center;
  display: flex;
  font-style: normal;
  line-height: normal;
  margin-bottom: 20px;
  margin-top: 30px;
}
.jc-warning > em {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 12px;
  margin-right: 10px;
  min-width: 12px;
}
.ant-select-dropdown.liquidate-select-dropdown {
  background-color: #393a41;
  border-radius: 5px;
  padding: 0;
}
.jc-input {
  margin-bottom: 30px;
  margin-top: 10px;
}
.jc-input .j-input {
  margin-bottom: 0;
}
.jc-input-value {
  bottom: 10px;
  color: #fff9;
  display: none;
  font-size: 12px;
  font-weight: 500;
  left: 18px;
  max-width: 222px;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 154px);
  z-index: 1;
}
.jc-input-repay {
  position: relative;
}
.jc-input-repay .jc-input-value {
  display: block;
}
.jc-input-repay .ant-input {
  height: 40px;
  line-height: 40px;
}
.j-input .ant-input-group-addon .j-input-token {
  background: none !important;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin-right: 16px;
}
.j-input .ant-input-group-addon .j-max {
  background: #ffffff0f;
  border-radius: 5px;
  padding: 4px 6px;
}
.tooltip-text.active .get-select-subtile,
.tooltip-text.active .lc-subtitle {
  color: #9195fb;
}
.j-transaction-modal.j-beta-modal .ant-modal-body,
.j-transaction-modal.j-beta-modal .ant-modal-content {
  height: auto;
  min-height: 427px;
}
.j-transaction-modal.j-beta-modal .ant-modal-body .j-large-btn {
  margin-bottom: -10px;
  margin-top: 0;
}
.beta-list {
  margin-bottom: 70px;
  margin-top: 30px;
}
.beta-list > div {
  align-items: center;
  background: #ffffff0a;
  border-radius: 10px;
  display: flex;
  height: 56px;
  justify-content: space-between;
  padding: 20px 16px;
}
.beta-list > div,
.beta-list > div:last-child {
  margin-bottom: 10px;
}
.beta-list .bl-main {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}
.beta-list .bl-img {
  height: 16px;
  margin-left: 6px;
  width: 37px;
}
.beta-list .bl-link {
  background: #4d54ff;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  height: 24px;
  line-height: 24px;
  min-width: 80px;
  padding: 0 10px;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.beta-list .bl-link:hover {
  background: #9195fb;
}
.beta-list .bl-expired {
  color: #8d8e92;
  font-size: 14px;
  font-weight: 500;
}
.j-wrapper.white .liquidate-reward {
  color: #737480;
}
.j-wrapper.white .jc-amount,
.j-wrapper.white .jc-token,
.j-wrapper.white .lc-title,
.j-wrapper.white .liquidate-tips .liquidate-tip {
  color: #22232b;
}
.j-wrapper.white .jc-value,
.j-wrapper.white .jc-warning,
.j-wrapper.white .lc-subtitle {
  color: #22232b99;
}
.j-wrapper.white .lc-subtitle.can-get {
  color: #22232b;
}
.j-wrapper.white .ant-select-dropdown.liquidate-select-dropdown {
  background-color: #fff;
}
.j-wrapper.white .liquidate-select .ant-select-selector,
.j-wrapper.white .liquidate-select .rc-virtual-list-holder-inner {
  background: #f8f8fe !important;
}
.j-wrapper.white
  .liquidate-select
  .ant-select-item-option-active:not(.ant-select-item-option-disabled),
.j-wrapper.white
  .liquidate-select
  .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: #f8f8fe;
}
.j-wrapper.white .liquidate-select .jc-text {
  color: #22232b;
}
.j-wrapper.white .liquidate-select .ant-select-item:hover {
  background-color: #4b52df0f !important;
}
.j-wrapper.white .liquidate-select .get-select-subtile {
  color: #22232b99;
}
.j-wrapper.white
  .liquidate-select
  .get-select-title.ant-select-item-option.ant-select-item-option-disabled
  .ant-select-item-option-content
  > div {
  border-bottom: 1px solid #22232b0f;
}
.j-wrapper.white
  .liquidate-select
  .get-select-title.ant-select-item-option.ant-select-item-option-disabled:hover {
  background: #f8f8fe !important;
}
.j-wrapper.white .liquidate-select .jc-select-value {
  color: #22232b;
}
.j-wrapper.white .liquidate-select .jc-select-amount {
  color: #22232b99;
}
.j-wrapper.white .liquidate-select .jc-selected-sign {
  background-image: url("");
}
.j-wrapper.white .liquidate-select .ant-select-arrow .anticon {
  background-image: url("");
}
.j-wrapper.white .j-input .ant-input-group-addon .j-input-token {
  color: #22232b;
}
.j-wrapper.white .j-input .ant-input-group-addon .j-max {
  background: #4b52df1a;
}
.j-wrapper.white .jc-input-value {
  color: #22232b99;
}
.j-wrapper.white .tooltip-text.active {
  border-bottom-color: #4c54ff;
  color: #4c54ff;
}
.j-wrapper.white .tooltip-text.active .get-select-subtile,
.j-wrapper.white .tooltip-text.active .lc-subtitle {
  color: #4c54ff;
}
.j-wrapper.white .beta-list > div {
  background: #4d54ff0f;
}
.j-wrapper.white .beta-list .bl-main {
  color: #22232b;
}
.j-wrapper.white .beta-list .bl-expired {
  color: #9c9daa;
}
@media screen and (max-width: 750px) {
  .ant-modal.j-modal.j-transaction-modal.j-beta-modal .ant-modal-body {
    padding-bottom: 40px !important;
  }
  .beta-list {
    margin-bottom: 40px;
  }
  .beta :before,
  .beta.energy-beta :before {
    right: -10px;
  }
}
@media screen and (max-width: 420px) {
  .beta-list .bl-main,
  .beta-list .wbl-title {
    font-size: 12px;
  }
}
.link-button {
  align-items: center;
  background-color: #0000;
  cursor: pointer;
  display: inline-flex;
  outline: none;
  position: relative;
  text-decoration: none;
}
.link-button .link-button__text {
  text-wrap: nowrap !important;
  color: #9195fb;
  font-family: PingFang SC;
  font-size: 14px;
  line-height: 16px;
}
.link-button .link-button__text.en-US {
  font-family: Avenir Next;
}
.link-button .link-button__arrow {
  background: url("arrow-right.09eaeb878a2e1ff12c98.svg") no-repeat 50%;
  display: block;
  height: 16px;
  margin-left: 4px;
  width: 7px;
}
.link-button:after {
  background: #9195fb;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: 100%;
  transition: all 0.6s;
  width: 0;
}
.link-button:hover:after {
  left: 0;
  width: 100%;
}
.j-wrapper.white .link-button .link-button__text {
  color: #4c54ff;
}
.j-wrapper.white .link-button.learn-more-btn .link-button__text {
  color: #9195fb;
}
.j-wrapper.white .link-button .link-button__arrow {
  background: url("") no-repeat 50%;
}
.j-wrapper.white .link-button.learn-more-btn .link-button__arrow {
  background: url("arrow-right.09eaeb878a2e1ff12c98.svg") no-repeat 50%;
}
.j-wrapper.white .link-button:after {
  background-color: #9195fb;
}
@media screen and (max-width: 800px) {
  .link-button .link-button__text {
    font-size: 12px;
    line-height: 17px;
  }
  .link-button .link-button__arrow {
    height: 17px;
  }
}
body .ant-modal-wrap.energydownModal div.ant-modal {
  top: calc(50% - 248px);
}
body .ant-modal-wrap.energydownModal.en-US div.ant-modal {
  top: calc(50% - 279px);
}
body .ant-modal-wrap.energydownModal .ant-modal-content {
  background: #282931;
  background: var(--color-bg, #282931);
  border-radius: 10px 10px;
  color: #fff;
}
body .ant-modal-wrap.energydownModal .ant-modal-content .ant-modal-title {
  color: #fff;
}
body .ant-modal-wrap.energydownModal .ant-modal-content .content .downImg {
  margin: 60px 0 30px;
  text-align: center;
}
body .ant-modal-wrap.energydownModal .ant-modal-content .content .downImg img {
  height: 80px;
  width: 80px;
}
body .ant-modal-wrap.energydownModal .ant-modal-content .content p {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 15px;
}
body .ant-modal-wrap.energydownModal .ant-modal-content .content p:last-child {
  margin-bottom: 0;
}
body .ant-modal-wrap.energydownModal .ant-modal-content .content .rule {
  color: #9195fb;
  color: var(--color-hover, #9195fb);
  cursor: pointer;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 50px 0 20px;
  text-align: center;
}
body
  .ant-modal-wrap.energydownModal
  .ant-modal-content
  .content
  .rule
  .link-button
  .link-button__text {
  padding-bottom: 2px;
}
body
  .ant-modal-wrap.energydownModal
  .ant-modal-content
  .content
  .rule
  .link-button
  .link-button__arrow {
  transform: translateY(-1px);
}
body .ant-modal-wrap.energydownModal .ant-modal-content .content .rent {
  background: #4c54ff;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
body .ant-modal-wrap.energydownModal .ant-modal-content .content .rent:hover {
  background: #9195fb;
}
body .ant-modal-wrap.energydownModal .ant-modal-header {
  background: #282931;
  background: var(--color-bg, #282931);
  border-bottom: 1px solid #3d3f46;
  border-bottom: 1px solid var(--color-bg, #3d3f46);
  border-radius: 10px 10px 0 0;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
}
body .ant-modal-wrap.energydownModal .ant-modal-header .ant-modal-title {
  color: #fff;
}
body .ant-modal-wrap.energydownModal .ant-modal-close-x {
  background: url("") no-repeat;
}
body .ant-modal-wrap.energydownModal .ant-modal-body {
  padding: 0 20px 40px;
}
body
  .ant-modal-wrap.energydownModal.white
  .rule
  .link-button
  .link-button__text {
  color: #4c54ff;
}
body
  .ant-modal-wrap.energydownModal.white
  .rule
  .link-button
  .link-button__arrow {
  background: url("") no-repeat 50%;
}
body .ant-modal-wrap.energydownModal.white .ant-modal-close-x {
  background: url("") no-repeat;
}
body .ant-modal-wrap.energydownModal.white .ant-modal-header {
  background: #fff;
  border-bottom: 1px solid #22232b0f;
  color: #22232b;
}
body .ant-modal-wrap.energydownModal.white .ant-modal-content {
  background: #fff;
  background: var(--color-bg, #fff);
  color: #22232b;
}
body .ant-modal-wrap.energydownModal.white .ant-modal-content .ant-modal-title {
  color: #22232b;
}
body .ant-modal-wrap.energydownModal.white .ant-modal-content .rule {
  color: #4c54ff;
}
body .ant-modal-wrap.energydownModal.white .ant-modal-content .rent {
  color: #fff;
}
@media screen and (max-width: 768px) {
  body .ant-modal-wrap.energydownModal.white .ant-modal-content .rule {
    margin: 50px 0 16px;
  }
  body .ant-modal-wrap.energydownModal .ant-modal-content .content .downImg {
    margin: 50px 0 40px;
  }
}
.no-service-modal .ant-modal {
  margin: auto;
  top: calc(50vh - 200px);
  width: 460px !important;
}
.no-service-modal .ant-modal .ant-modal-content {
  border-radius: 6px;
  overflow: hidden;
}
.no-service-modal .ant-modal .ant-modal-content .ant-modal-body {
  border-radius: 6px;
  overflow: hidden;
  padding-bottom: 0 !important;
  padding: 0 24px;
}
.no-service-modal .content {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.no-service-modal .content .icon {
  background: url("") no-repeat 50% / contain;
  height: 60px;
  margin: 40px auto 30px;
  width: 60px;
}
.no-service-modal .content .text {
  color: #101010;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
}
.no-service-modal .content .btn {
  align-self: stretch;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  line-height: 40px;
  margin: 40px auto;
  text-align: center;
  width: 360px;
}
.no-service-modal.dark .ant-modal .ant-modal-content,
.no-service-modal.dark .ant-modal .ant-modal-content .ant-modal-body {
  background-color: #151f22;
}
.no-service-modal.dark .content .icon {
  background-image: url("");
}
.no-service-modal.dark .content .text {
  color: #fff;
}
.no-service-modal.dark .content .text + .text {
  margin-top: 10px;
}
.no-service-modal-all .ant-modal {
  height: 661px;
  margin: auto;
  max-width: 800px !important;
  top: calc(50vh - 330px);
  width: 80% !important;
}
.no-service-modal-all .ant-modal .ant-modal-content {
  border-radius: 10px;
  overflow: hidden;
}
.no-service-modal-all .ant-modal .ant-modal-content .ant-modal-body {
  border-radius: 6px;
  overflow: hidden;
  padding-bottom: 0 !important;
  padding: 60px 50px 0;
}
.no-service-modal-all .content {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.no-service-modal-all .content .icon {
  background: url("") no-repeat 50% / contain;
  height: 90px;
  margin: 0 auto 40px;
  width: 90px;
}
.no-service-modal-all .content .textWrap {
  background: #4b52df0a;
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 0;
  width: 700px;
}
.no-service-modal-all .content .text {
  color: #22232b;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 0;
  margin-left: 30px;
  padding: 20px 30px 20px 0;
  width: calc(100% - 30px);
}
.no-service-modal-all .content .text:first-child {
  border-bottom: 1px solid #22232b0f;
  padding-bottom: 20px;
}
.no-service-modal-all .content .text:first-child:before {
  background: #4d54ff;
  border-radius: 1px;
  content: "";
  display: inline-block;
  display: none;
  height: 18px;
  margin-left: -20px;
  margin-right: 20px;
  transform: translateY(1px);
  width: 4px;
}
.no-service-modal-all .content .checkbox-wrap {
  flex-shrink: 0;
  margin: 0 auto;
  width: 700px;
}
.no-service-modal-all .content .checkbox-wrap .ant-checkbox {
  top: 14px;
}
.no-service-modal-all .content .checkbox-wrap .ant-checkbox + span {
  font-size: 14px;
  padding-left: 15px;
}
.no-service-modal-all .content .checkbox-wrap .ant-checkbox + span .en {
  font-size: 14px;
  line-height: 19px;
}
.no-service-modal-all .content .checkbox-wrap .ant-checkbox-wrapper {
  color: #737480;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.no-service-modal-all
  .content
  .checkbox-wrap
  .ant-checkbox-wrapper
  .ant-checkbox-inner {
  background: #4b52df1a !important;
  border-color: #0000 !important;
  border-radius: 2px !important;
}
.no-service-modal-all
  .content
  .checkbox-wrap
  .ant-checkbox-wrapper
  .ant-checkbox-checked
  .ant-checkbox-inner {
  background: #4c54ff !important;
  border-color: #4c54ff !important;
  border-radius: 2px !important;
}
.no-service-modal-all
  .content
  .checkbox-wrap
  .ant-checkbox-wrapper
  .ant-checkbox-checked:after {
  border-color: #4c54ff !important;
}
.no-service-modal-all .content .btn-wrap {
  display: flex;
  margin: 24px auto 0;
  width: 700px;
}
.no-service-modal-all .content .btn-wrap .canClick {
  border: 1px solid #9195fb;
  color: #9195fb;
  margin-right: 28px;
}
.no-service-modal-all .content .btn-wrap .btn {
  align-self: stretch;
  background: #4c54ff;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  margin-bottom: 50px;
  text-align: center;
  width: 700px;
}
.no-service-modal-all .content .btn-wrap .btn:hover {
  background: #9195fb;
  transition: all 0.6s;
}
.no-service-modal-all .content .btn-wrap .disabled,
.no-service-modal-all .content .btn-wrap .disabled:hover {
  background: #d3d3d5;
  cursor: not-allowed;
}
.no-service-modal-all .content .btn-wrap .disabled.canClick,
.no-service-modal-all .content .btn-wrap .disabled:hover.canClick {
  background: #4d54ff0f;
  color: #4d54ff;
  cursor: pointer;
}
.no-service-modal-all .content .btn-wrap .disabled.canClick:hover,
.no-service-modal-all .content .btn-wrap .disabled:hover.canClick:hover {
  background: #4d54ff;
  border: 1px solid #4d54ff;
  color: #fff;
}
.no-service-modal-all .content .btn-wrap .exit {
  color: #4c54ff;
  display: block;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  width: 100%;
}
.no-service-modal-all .content .btn-wrap .exit:hover {
  color: #9195fb;
}
.no-service-modal-all.dark .ant-modal .ant-modal-content,
.no-service-modal-all.dark .ant-modal .ant-modal-content .ant-modal-body {
  background-color: #282931;
}
.no-service-modal-all.dark .content .icon {
  background: url("") no-repeat 50% / contain;
}
.no-service-modal-all.dark .content .textWrap {
  background: #ffffff0a;
}
.no-service-modal-all.dark .content .text {
  color: #fff;
}
.no-service-modal-all.dark .content .text:first-child {
  border-bottom: 1px solid #3d3f46;
  border-bottom: 1px solid var(--color-bg, #3d3f46);
}
.no-service-modal-all.dark .content .checkbox-wrap .ant-checkbox-wrapper {
  color: #b3b4b7;
}
.no-service-modal-all.dark
  .content
  .checkbox-wrap
  .ant-checkbox-wrapper
  .ant-checkbox-inner {
  background: #ffffff1a !important;
  border-color: #0000 !important;
  border-radius: 2px !important;
}
.no-service-modal-all.dark
  .content
  .checkbox-wrap
  .ant-checkbox-wrapper
  .ant-checkbox-checked
  .ant-checkbox-inner {
  background: #4c54ff !important;
  border-color: #4c54ff !important;
  border-radius: 2px !important;
}
.no-service-modal-all.dark
  .content
  .checkbox-wrap
  .ant-checkbox-wrapper
  .ant-checkbox-checked:after {
  border-color: #4c54ff !important;
}
.no-service-modal-all.dark .content .btn-wrap .disabled,
.no-service-modal-all.dark .content .btn-wrap .disabled:hover {
  background: #53545a99;
  color: #fff9;
  cursor: not-allowed;
}
.no-service-modal-all.dark .content .btn-wrap .disabled.canClick,
.no-service-modal-all.dark .content .btn-wrap .disabled:hover.canClick {
  background: #0000;
  cursor: pointer;
}
.no-service-modal-all.dark .content .btn-wrap .disabled.canClick {
  color: #9195fb;
}
.no-service-modal-all.dark .content .btn-wrap .disabled.canClick:hover {
  background: #4d54ff;
  border: 1px solid #4d54ff;
  color: #fff;
}
.no-service-modal-all.dark .content .btn-wrap .exit {
  color: #9195fb;
}
.no-service-modal-all.dark .content .btn-wrap .exit:hover {
  color: #d3d5fd;
}
@media screen and (max-width: 750px) {
  .no-service-modal .ant-modal {
    top: 100px;
    width: calc(100% - 40px) !important;
  }
  .no-service-modal .content .btn {
    margin: 30px auto 32px;
    max-width: 100%;
    width: 305px;
  }
  .no-service-modal-all .ant-modal {
    padding-top: 0;
    top: calc(50vh - 250px);
    width: calc(100% - 40px) !important;
  }
  .no-service-modal-all .ant-modal .ant-modal-content {
    border-radius: 6px;
    overflow: hidden;
  }
  .no-service-modal-all .ant-modal .ant-modal-content .ant-modal-body {
    border-radius: 6px;
    height: auto;
    overflow: hidden;
    padding-bottom: 0 !important;
    padding: 0 15px;
  }
  .no-service-modal-all .ant-modal .content .icon {
    background-size: 56px 56px;
    height: 56px;
    margin: 40px auto 20px;
    width: 56px;
  }
  .no-service-modal-all .ant-modal .content .textWrap {
    border-radius: 10px;
    margin-bottom: 30px;
    width: 100%;
  }
  .no-service-modal-all .ant-modal .content .text {
    font-size: 14px;
    line-height: 24px;
    margin-left: 24px;
    width: calc(100% - 24px);
  }
  .no-service-modal-all .ant-modal .content .text:first-child {
    padding: 20px 24px 16px 0;
  }
  .no-service-modal-all .ant-modal .content .text:first-child:before {
    content: "";
    height: 12px;
    margin-left: -13px;
    margin-right: 13px;
    width: 3px;
  }
  .no-service-modal-all .ant-modal .content .text:nth-child(2) {
    padding: 16px 24px 20px 0;
  }
  .no-service-modal-all .ant-modal .content .checkbox-wrap {
    flex-shrink: 0;
    margin: 0 auto;
    width: 100%;
  }
  .no-service-modal-all .ant-modal .content .checkbox-wrap .ant-checkbox {
    height: 14px;
    top: 3px;
    width: 14px;
  }
  .no-service-modal-all
    .ant-modal
    .content
    .checkbox-wrap
    .ant-checkbox
    .ant-checkbox-inner,
  .no-service-modal-all
    .ant-modal
    .content
    .checkbox-wrap
    .ant-checkbox
    .ant-checkbox-input {
    height: 14px;
    width: 14px;
  }
  .no-service-modal-all
    .ant-modal
    .content
    .checkbox-wrap
    .ant-checkbox
    + span {
    font-size: 12px;
    line-height: 20px;
    padding-left: 10px;
  }
  .no-service-modal-all
    .ant-modal
    .content
    .checkbox-wrap
    .ant-checkbox
    + span
    .en {
    font-size: 12px;
    line-height: 16px;
  }
  .no-service-modal-all
    .ant-modal
    .content
    .checkbox-wrap
    .ant-checkbox-wrapper {
    align-items: center;
    display: flex;
    font-size: 12px;
  }
  .no-service-modal-all
    .ant-modal
    .content
    .checkbox-wrap
    .ant-checkbox-wrapper
    .ant-checkbox {
    transform: translateY(-2px);
  }
  .no-service-modal-all .ant-modal .content .btn-wrap {
    flex-direction: column-reverse;
    margin: 24px auto 0;
    width: 100%;
  }
  .no-service-modal-all .ant-modal .content .btn-wrap .btn {
    align-self: stretch;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    width: 100%;
  }
  .no-service-modal-all .ant-modal .content .btn-wrap .btn.canClick {
    margin-bottom: 40px;
    margin-right: 0;
  }
  .no-service-modal-all .ant-modal .content .btn-wrap .exit {
    font-size: 14px;
  }
}
.stUSDT-modal .ant-modal {
  height: 350px;
  margin: auto;
  max-width: 600px !important;
  top: calc(50vh - 175px);
  width: 80% !important;
}
.stUSDT-modal .ant-modal .ant-modal-content {
  border-radius: 10px;
  overflow: hidden;
}
.stUSDT-modal .ant-modal .ant-modal-content .ant-modal-body {
  border-radius: 6px;
  height: 350px;
  overflow: hidden;
  padding-bottom: 0 !important;
  padding: 50px 50px 0;
}
.stUSDT-modal .content {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.stUSDT-modal .content .icon {
  background: url("") no-repeat 50% / contain;
  height: 85px;
  margin: 0 auto 30px;
  width: 165px;
}
.stUSDT-modal .content .text {
  color: #22232b;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.stUSDT-modal .content .btn-wrap {
  display: flex;
  justify-content: space-between;
  margin: 60px auto 0;
  width: 100%;
}
.stUSDT-modal .content .btn-wrap .btn {
  align-self: stretch;
  background: #4c54ff;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 240px;
}
.stUSDT-modal .content .btn-wrap .btn:hover {
  background: #9195fb;
  transition: all 0.6s;
}
.stUSDT-modal .content .btn-wrap .disabled,
.stUSDT-modal .content .btn-wrap .disabled:hover {
  background: #d3d3d5;
  cursor: not-allowed;
}
.stUSDT-modal .content .btn-wrap .cancel {
  background: #4c54ff0a;
  border: 1px solid #4c54ff;
  color: #4c54ff;
}
.stUSDT-modal .content .btn-wrap .cancel:hover {
  background: #4c54ff;
  border: 1px solid #4c54ff;
  color: #fff;
}
.stUSDT-modal.dark .ant-modal .ant-modal-content,
.stUSDT-modal.dark .ant-modal .ant-modal-content .ant-modal-body {
  background-color: #282931;
}
.stUSDT-modal.dark .content .icon {
  background: url("") no-repeat 50% / contain;
}
.stUSDT-modal.dark .content .text {
  color: #fff;
}
.stUSDT-modal.dark .content .btn-wrap .disabled,
.stUSDT-modal.dark .content .btn-wrap .disabled:hover {
  background: #53545a99;
  color: #fff9;
  cursor: not-allowed;
}
.stUSDT-modal.dark .content .btn-wrap .cancel {
  border: 1px solid #9195fbcc;
  color: #9195fb;
}
.stUSDT-modal.dark .content .btn-wrap .cancel:hover {
  background: #4c54ff;
  border: 1px solid #4c54ff;
  color: #fff;
}
@media screen and (max-width: 750px) {
  .stUSDT-modal .ant-modal {
    height: 308px;
    padding-top: 0;
    top: calc(50vh - 154px);
    width: calc(100% - 40px) !important;
  }
  .stUSDT-modal .ant-modal .ant-modal-content {
    border-radius: 6px;
    overflow: hidden;
  }
  .stUSDT-modal .ant-modal .ant-modal-content .ant-modal-body {
    border-radius: 6px;
    height: 308px;
    overflow: hidden;
    padding-bottom: 0 !important;
    padding: 0 20px;
  }
  .stUSDT-modal .ant-modal .content .icon {
    background: url("") no-repeat 50% / contain;
    height: 68px;
    margin: 49px auto 19px;
    width: 132px;
  }
  .stUSDT-modal .ant-modal .content .text {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
  }
  .stUSDT-modal .ant-modal .content .btn-wrap {
    margin: 60px auto 0;
    width: 100%;
  }
  .stUSDT-modal .ant-modal .content .btn-wrap .btn {
    align-self: stretch;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: 145px;
  }
  .stUSDT-modal .ant-modal .content .btn-wrap .cancel {
    font-size: 14px;
  }
  .stUSDT-modal.dark .content .icon {
    background: url("") no-repeat 50% / contain;
  }
}
.settings-modal .settings-modal-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.settings-modal .settings-modal-content .content-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  height: 80px;
  margin: 50px auto 0;
  width: 80px;
}
.settings-modal .settings-modal-content .content-icon.failed-icon,
.settings-modal .settings-modal-content .content-icon.loading-icon,
.settings-modal .settings-modal-content .content-icon.succeed-icon,
.settings-modal .settings-modal-content .content-icon.timeout-icon {
  height: 66px;
  width: 66px;
}
.settings-modal .settings-modal-content .content-title {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  text-align: center;
}
.settings-modal .settings-modal-content .content-subtitle {
  color: #b3b4b7;
  font-size: 12px;
  font-weight: 500;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
  text-align: center;
}
.settings-modal
  .settings-modal-content.settings-signature-modal-content
  .content-icon {
  background-image: url("");
}
.settings-modal
  .settings-modal-content.bind-email-modal-content
  .content-icon.loading-icon {
  animation: rotation 2s linear infinite;
  background-image: url("");
  transform: rotate(1turn);
}
.settings-modal
  .settings-modal-content.bind-email-modal-content
  .content-icon.failed-icon {
  background-image: url("");
}
.settings-modal
  .settings-modal-content.bind-email-modal-content
  .content-icon.succeed-icon {
  background-image: url("");
}
.settings-modal .settings-modal-content .action-btns {
  display: flex;
  padding: 16px 0 0;
}
.settings-modal .settings-modal-content .action-btns .action-btn {
  flex-basis: 50%;
}
.settings-modal .settings-modal-content .action-btns .action-btn.link-btn,
.settings-modal .settings-modal-content .action-btns .action-btn.sign-btn {
  margin-left: 10px;
}
.settings-modal .settings-modal-content .action-btns .action-btn.close-btn {
  margin-right: 10px;
}
.settings-modal .settings-modal-content .action-btn {
  flex-grow: 1;
  height: 40px;
  transition: all 0.3s ease;
}
.settings-modal .settings-modal-content .action-btn.close-btn,
.settings-modal .settings-modal-content .action-btn.link-btn,
.settings-modal .settings-modal-content .action-btn.sign-btn {
  align-items: center;
  border-radius: 5px;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  padding: 3px 12px;
}
.settings-modal .settings-modal-content .action-btn.close-btn,
.settings-modal .settings-modal-content .action-btn.sign-btn {
  margin-top: 80px;
}
.settings-modal .settings-modal-content .action-btn.link-btn {
  margin-top: 12px;
}
.settings-modal .settings-modal-content .action-btn.link-btn,
.settings-modal .settings-modal-content .action-btn.sign-btn {
  background-color: #4d54ff;
  color: #fff;
}
.settings-modal .settings-modal-content .action-btn.link-btn:hover,
.settings-modal .settings-modal-content .action-btn.sign-btn:hover {
  background: #9195fb;
}
.settings-modal .settings-modal-content .action-btn.link-btn.is-signing,
.settings-modal .settings-modal-content .action-btn.sign-btn.is-signing {
  background-color: #53545a;
  color: #fffffd99;
}
.settings-modal .settings-modal-content .action-btn.close-btn {
  background-color: #0000;
  border: 1px solid #9195fb;
  color: #9195fb;
}
.settings-modal .settings-modal-content .action-btn.close-btn:hover {
  background: #4d54ff;
  border-color: #4d54ff;
  color: #fff;
}
.settings-modal .settings-modal-content .action-btn:disabled,
.settings-modal .settings-modal-content .action-btn:disabled:hover {
  background: #53545a !important;
  color: #fff9 !important;
  cursor: not-allowed;
}
.settings-modal .settings-modal-content .input-section {
  margin-bottom: 10px;
}
.settings-modal .settings-modal-content .input-section .field-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.settings-modal
  .settings-modal-content
  .input-section
  .field-title
  .title-text {
  align-items: center;
  color: #fff;
  display: flex;
}
.settings-modal .settings-modal-content .input-section .field-title {
  margin: 20px 0 10px;
}
.settings-modal
  .settings-modal-content
  .input-section
  .field-title
  .title-text {
  font-size: 14px;
  font-weight: 400;
}
.settings-modal
  .settings-modal-content
  .input-section
  .email-input
  .ant-input-affix-wrapper,
.settings-modal
  .settings-modal-content
  .input-section
  .email-input
  .ant-input-group-addon,
.settings-modal
  .settings-modal-content
  .input-section
  .email-input
  .ant-input-wrapper,
.settings-modal .settings-modal-content .input-section .email-input.j-input,
.settings-modal
  .settings-modal-content
  .input-section
  .otp-input
  .ant-input-affix-wrapper,
.settings-modal
  .settings-modal-content
  .input-section
  .otp-input
  .ant-input-group-addon,
.settings-modal
  .settings-modal-content
  .input-section
  .otp-input
  .ant-input-wrapper,
.settings-modal .settings-modal-content .input-section .otp-input.j-input {
  border: none;
  margin: 0;
}
.settings-modal .settings-modal-content .input-section .email-input .ant-input,
.settings-modal .settings-modal-content .input-section .otp-input .ant-input {
  font-size: 16px;
  font-weight: 500;
}
.settings-modal
  .settings-modal-content
  .input-section
  .email-input
  .ant-input::-webkit-input-placeholder,
.settings-modal
  .settings-modal-content
  .input-section
  .otp-input
  .ant-input::-webkit-input-placeholder {
  color: #fff6;
  font-size: 16px;
  font-weight: 400;
}
.settings-modal
  .settings-modal-content
  .input-section
  .otp-input
  .ant-input-affix-wrapper {
  padding-right: 16px;
}
.settings-modal .settings-modal-content .input-section .j-error-tip {
  background-color: #313239;
  border-radius: 5px;
  display: flex;
  padding: 12px 16px;
  top: 68px;
}
.settings-modal .settings-modal-content .input-section .add-on-after-wrapper {
  align-items: center;
  display: flex;
  height: 36px;
  margin: 12px 0;
}
.settings-modal .settings-modal-content .input-section .send-otp-btn-wrapper {
  align-items: center;
  border-left: 1px solid #ffffff1a;
  display: flex;
  margin: 0;
  padding: 0 8px 0 18px;
}
.settings-modal
  .settings-modal-content
  .input-section
  .send-otp-btn-wrapper
  .send-otp-btn {
  color: #fff6;
  cursor: not-allowed;
  font-size: 16px;
  font-weight: 400;
}
.settings-modal
  .settings-modal-content
  .input-section
  .send-otp-btn-wrapper
  .send-otp-btn.enabled {
  color: #fff;
  cursor: pointer;
}
.settings-modal
  .settings-modal-content
  .input-section
  .send-otp-btn-wrapper
  .send-otp-btn.enabled:hover {
  color: #9195fb;
}
.settings-modal
  .settings-modal-content
  .input-section
  .send-otp-btn-wrapper
  .send-otp-btn:hover {
  opacity: 1;
}
.settings-modal
  .settings-modal-content
  .input-section
  .send-otp-btn-wrapper
  .seconds-countdown {
  color: #fff6;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  width: 32px;
}
.settings-modal .settings-modal-content .current-email-hint {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-top: 20px;
  padding-left: 20px;
  position: relative;
}
.settings-modal .settings-modal-content .current-email-hint:before {
  background: url("") 0 0 no-repeat;
  background-size: 14px 14px;
  content: "";
  height: 14px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-58%);
  width: 14px;
}
.settings-modal .settings-modal-content .otp-sent-hint {
  color: #b3b4b7;
  font-size: 12px;
  font-weight: 500;
  margin-top: 15px;
  opacity: 0;
  padding-left: 22px;
  position: relative;
  transition: all 0.3s ease;
}
.settings-modal .settings-modal-content .otp-sent-hint.visible {
  opacity: 1;
}
.settings-modal .settings-modal-content .otp-sent-hint.extra-top-margin {
  margin-top: 80px;
}
.settings-modal .settings-modal-content .otp-sent-hint:before {
  background: url("") 0 0 no-repeat;
  background-size: 12px 12px;
  content: "";
  height: 12px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-58%);
  width: 12px;
}
.settings-modal .settings-modal-content .other-ways-btn {
  background-color: #0000;
  color: #9195fb;
  display: inline;
  font-size: 12px;
  font-weight: 400;
  margin: 20px auto 80px;
  padding-right: 12px;
  position: relative;
}
.settings-modal .settings-modal-content .other-ways-btn:before {
  background: url("") 0 0 no-repeat;
  background-size: 8px 8px;
  content: "";
  height: 8px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-56%);
  width: 8px;
}
.settings-modal .settings-modal-content .other-ways-btn.zero-bottom-margin {
  margin-bottom: 0;
}
body .ant-tooltip.bind-email-otp-countdown-tooltip .ant-tooltip-inner {
  max-width: 220px;
}
.j-wrapper.white .settings-modal .settings-modal-content .content-title {
  color: #22232b;
}
.j-wrapper.white .settings-modal .settings-modal-content .content-subtitle {
  color: #737480;
}
.j-wrapper.white
  .settings-modal
  .settings-modal-content.settings-signature-modal-content
  .content-icon {
  background-image: url("");
}
.j-wrapper.white
  .settings-modal
  .settings-modal-content.bind-email-modal-content
  .content-icon.loading-icon {
  background-image: url("");
}
.j-wrapper.white
  .settings-modal
  .settings-modal-content.bind-email-modal-content
  .content-icon.failed-icon {
  background-image: url("");
}
.j-wrapper.white
  .settings-modal
  .settings-modal-content.bind-email-modal-content
  .content-icon.succeed-icon {
  background-image: url("");
}
.j-wrapper.white .settings-modal .settings-modal-content .action-btn.link-btn,
.j-wrapper.white .settings-modal .settings-modal-content .action-btn.sign-btn {
  background-color: #4d54ff;
  color: #fff;
}
.j-wrapper.white
  .settings-modal
  .settings-modal-content
  .action-btn.link-btn:hover,
.j-wrapper.white
  .settings-modal
  .settings-modal-content
  .action-btn.sign-btn:hover {
  background: #9195fb;
}
.j-wrapper.white
  .settings-modal
  .settings-modal-content
  .action-btn.link-btn.is-signing,
.j-wrapper.white
  .settings-modal
  .settings-modal-content
  .action-btn.sign-btn.is-signing {
  background-color: #d3d3d5;
  color: #fff;
}
.j-wrapper.white .settings-modal .settings-modal-content .action-btn.close-btn {
  background: #4d54ff0f;
  border: 1px solid #4d54ff;
  color: #4d54ff;
}
.j-wrapper.white
  .settings-modal
  .settings-modal-content
  .action-btn.close-btn:hover {
  background: #4d54ff;
  color: #fff;
}
.j-wrapper.white .settings-modal .settings-modal-content .action-btn:disabled,
.j-wrapper.white
  .settings-modal
  .settings-modal-content
  .action-btn:disabled:hover {
  background: #d3d3d5 !important;
  color: #fff !important;
}
.j-wrapper.white
  .settings-modal
  .settings-modal-content
  .field-title
  .title-text,
.j-wrapper.white
  .settings-modal
  .settings-modal-content
  .input-section
  .field-title
  .title-text {
  color: #22232b;
}
.j-wrapper.white
  .settings-modal
  .settings-modal-content
  .input-section
  .email-input
  .ant-input::-webkit-input-placeholder,
.j-wrapper.white
  .settings-modal
  .settings-modal-content
  .input-section
  .otp-input
  .ant-input::-webkit-input-placeholder {
  color: #22232b66;
}
.j-wrapper.white
  .settings-modal
  .settings-modal-content
  .input-section
  .j-error-tip {
  background-color: #f0f2f7;
}
.j-wrapper.white
  .settings-modal
  .settings-modal-content
  .input-section
  .send-otp-btn-wrapper {
  border-left: 1px solid #22232b1a;
}
.j-wrapper.white
  .settings-modal
  .settings-modal-content
  .input-section
  .send-otp-btn-wrapper
  .send-otp-btn {
  color: #22232b66;
}
.j-wrapper.white
  .settings-modal
  .settings-modal-content
  .input-section
  .send-otp-btn-wrapper
  .send-otp-btn.enabled {
  color: #22232b;
}
.j-wrapper.white
  .settings-modal
  .settings-modal-content
  .input-section
  .send-otp-btn-wrapper
  .send-otp-btn.enabled:hover {
  color: #4d54ff;
}
.j-wrapper.white
  .settings-modal
  .settings-modal-content
  .input-section
  .send-otp-btn-wrapper
  .seconds-countdown {
  color: #22232b66;
}
.j-wrapper.white .settings-modal .settings-modal-content .current-email-hint {
  color: #22232b;
}
.j-wrapper.white
  .settings-modal
  .settings-modal-content
  .current-email-hint:before {
  background-image: url("");
}
.j-wrapper.white .settings-modal .settings-modal-content .otp-sent-hint {
  color: #737480;
}
.j-wrapper.white .settings-modal .settings-modal-content .otp-sent-hint:before {
  background-image: url("");
}
.j-wrapper.white .settings-modal .settings-modal-content .other-ways-btn {
  color: #4d54ff;
}
.j-wrapper.white
  .settings-modal
  .settings-modal-content
  .other-ways-btn:before {
  background-image: url("");
}
@media (max-width: 798px) {
  .ant-modal.settings-modal {
    margin-top: -80px;
  }
  .ant-modal.settings-modal.risk-warning-modal {
    margin-top: 0;
  }
  .ant-modal.settings-modal.j-modal .ant-modal-content .ant-modal-body {
    padding-bottom: 40px;
  }
  .ant-modal.settings-modal .settings-modal-content .content-icon {
    height: 70px;
    width: 70px;
  }
  .ant-modal.settings-modal .settings-modal-content .content-icon.failed-icon,
  .ant-modal.settings-modal .settings-modal-content .content-icon.loading-icon,
  .ant-modal.settings-modal .settings-modal-content .content-icon.succeed-icon,
  .ant-modal.settings-modal .settings-modal-content .content-icon.timeout-icon {
    height: 56px;
    width: 56px;
  }
  .ant-modal.settings-modal .settings-modal-content .content-title {
    margin-top: 15px;
  }
  .ant-modal.settings-modal
    .settings-modal-content
    .input-section
    .field-title {
    margin: 10px 0;
  }
  .ant-modal.settings-modal
    .settings-modal-content
    .input-section
    .send-otp-btn-wrapper
    .seconds-countdown,
  .ant-modal.settings-modal
    .settings-modal-content
    .input-section
    .send-otp-btn-wrapper
    .send-otp-btn {
    font-size: 14px;
  }
  .ant-modal.settings-modal .settings-modal-content .current-email-hint {
    margin-bottom: 10px;
  }
}
.m-tabsbar {
  align-items: center;
  background: #31333a;
  bottom: 0;
  height: 68px;
  justify-content: center;
  left: 0;
  padding: 4px 10px 0;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 1080;
}
@media screen and (min-width: 768px) {
  .m-tabsbar {
    display: none !important;
  }
}
.m-tabsbar .menu {
  display: flex;
  flex-grow: 1;
  height: 48px;
  overflow: hidden;
  position: relative;
}
.m-tabsbar .menu .new-icon {
  position: absolute;
  right: 0;
  top: 0;
}
.m-tabsbar .menu-item {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  text-decoration: none;
}
.m-tabsbar .menu-item.current .home {
  background: url("") no-repeat 50% / cover;
}
.m-tabsbar .menu-item.current .strx {
  background: url("27a7609f64698f966ca6a3e4550ecc91008ff97c.png") no-repeat
    50% / cover;
}
.m-tabsbar .menu-item.current .energy {
  background: url("") no-repeat 50% / cover;
}
.m-tabsbar .menu-item.current .dao {
  background: url("") no-repeat 50% / cover;
}
.m-tabsbar .menu-item.current .stUsdt {
  background: url("") no-repeat 50% / cover;
}
.m-tabsbar .menu-icons {
  background: url("de5ad1e59d607c11f85cad8074f0bb865dfaabd5.png") no-repeat
    50% / cover;
  display: block;
  height: 26px;
  width: 26px;
}
.m-tabsbar .menu-icons.strx {
  background: url("d8277e9e03ee37694f069b13d050c6b064042768.png") no-repeat
    50% / cover;
}
.m-tabsbar .menu-icons.energy {
  background: url("7eedfcd3344f3cd6196679d22b6927d5f80bcaab.png") no-repeat
    50% / cover;
  margin: 0 auto;
}
.m-tabsbar .menu-icons.dao {
  background: url("3103693e9ba4dd431aa04b4bf56f1c170fc8c5eb.png") no-repeat
    50% / cover;
}
.m-tabsbar .menu-icons.stUsdt {
  background: url("") no-repeat 50% / cover;
}
.m-tabsbar .menu-icons.more {
  background: url("4a943603fdda18010c319db9f6d790598fdd7b3e.png") no-repeat
    50% / cover;
}
.m-tabsbar .menu-item-label {
  color: #fff;
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
  transform: scale(0.833);
}
.m-tabsbar .lend-title .menu-icons {
  transform: translateX(-5px);
}
.m-tabsbar .bs-route.ant-popover-open .bs-arrow {
  background-image: url("");
  transform: rotate(180deg);
}
.m-tabsbar.white {
  background: #fff;
}
.m-tabsbar.white .menu-item.current .home {
  background: url("") no-repeat 50% / cover;
}
.m-tabsbar.white .menu-item.current .strx {
  background: url("") no-repeat 50% / cover;
}
.m-tabsbar.white .menu-item.current .energy {
  background: url("") no-repeat 50% / cover;
}
.m-tabsbar.white .menu-item.current .dao {
  background: url("") no-repeat 50% / cover;
}
.m-tabsbar.white .menu-icons {
  background: url("") no-repeat 50% / cover;
  display: block;
  height: 26px;
  width: 26px;
}
.m-tabsbar.white .menu-icons.strx {
  background: url("") no-repeat 50% / cover;
}
.m-tabsbar.white .menu-icons.energy {
  background: url("") no-repeat 50% / cover;
}
.m-tabsbar.white .menu-icons.dao {
  background: url("") no-repeat 50% / cover;
}
.m-tabsbar.white .menu-icons.stUsdt {
  background: url("") no-repeat 50% / cover;
}
.m-tabsbar.white .menu-icons.more {
  background: url("") no-repeat 50% / cover;
}
.m-tabsbar.white .menu-item-label {
  color: #22232b;
}
.m-tabsbar.white .bs-route.bs-route-m.ant-popover-open .menu-item-label > span {
  color: #4c54ff;
}
.m-tabsbar.white .bs-route.bs-route-m.ant-popover-open .bs-arrow {
  background-image: url("");
  transform: rotate(180deg) translateY(2px);
  transition: none;
}
.m-tabsbar.white .bs-route.bs-route-m .bs-arrow {
  background-image: url("");
  transition: none;
}
@media screen and (max-width: 798px) {
  .beta:before {
    left: 50%;
    transform: translateX(16px);
  }
  .beta.energy-beta:before {
    transform: translateX(12px);
  }
  .tooltip-text {
    border-bottom: 1px dashed #fff9;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    white-space: nowrap;
  }
  .tooltip-text.active {
    border-bottom-color: #9195fb;
    color: #9195fb;
  }
  .white .tooltip-text {
    border-bottom: 1px dashed #22232b99;
  }
  .white .tooltip-text.active {
    border-bottom-color: #4d54ff;
    color: #4d54ff;
  }
}
.user-records-page .j-footer-content {
  padding-top: 0;
}
.user-records-page .user-records-container {
  min-height: calc(100vh - 174px);
}
.user-records-page .j-user-records-skeleton {
  min-height: calc(100vh - 214px);
}
.user-records-page .j-nodata {
  background: #31333a;
}
.user-records-page .ant-pagination-options-quick-jumper {
  color: #fff9;
  font-size: 12px;
}
.user-records-page .ant-pagination-options-quick-jumper input {
  background: #ffffff0f;
  border: none;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  height: 21px;
  line-height: 16px;
  margin: 0 8px;
  text-align: center;
  width: 50px;
}
.user-records-page .ant-pagination-options-quick-jumper input:focus {
  border: none;
  box-shadow: none;
}
.user-records-page
  .user-records-content.en-US
  .ant-pagination-options-quick-jumper
  input {
  margin-right: 0;
}
.user-records-page.white .ant-pagination-options-quick-jumper {
  color: #22232b;
  transform: translateY(1px);
}
.user-records-page.white .ant-pagination-options-quick-jumper input {
  background: #4d54ff0f;
  color: #22232b;
}
.user-records-content
  .user-records-table
  .ant-table-tbody
  > tr.ant-table-placeholder
  > td:last-child {
  padding-right: 0;
}
.ant-table-empty
  .ant-table-tbody
  > tr.ant-table-placeholder:hover
  td
  .j-nodata {
  background: #31333a;
}
.user-records-tooltip.ant-tooltip .ant-tooltip-arrow-content,
.user-records-tooltip.ant-tooltip .ant-tooltip-inner {
  background-color: #40414a;
}
.j-tooltip-dropdown.liquidate-long-dropdown .ant-tooltip-inner {
  white-space: nowrap;
  width: 320px;
}
.user-records-title {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 27px;
  margin: 30px auto 20px;
  padding: 0 20px;
  width: 1240px;
}
.user-records-content {
  margin: 0 auto;
  position: relative;
  width: 1240px;
}
.user-records-content .ant-tabs-tab-btn {
  font-weight: 500;
}
.user-records-content .ant-spin-container {
  padding: 0 20px 40px;
}
.user-records-content .action-types {
  position: absolute;
  right: 50px;
  top: 20px;
}
.user-records-content .action-types .ant-select {
  padding-bottom: 10px;
}
.user-records-content .statistics {
  color: #8d8e92;
  font-size: 12px;
  margin-left: 30px;
}
.user-records-content
  .ant-select:not(.ant-select-customize-input)
  .ant-select-selector {
  background: #ffffff1a;
  border: none;
  border-radius: 5px;
}
.user-records-content
  .ant-select:not(.ant-select-customize-input)
  .ant-select-selector:hover {
  background: #ffffff29;
}
.user-records-content
  .ant-select:not(.ant-select-customize-input)
  .ant-select-selector
  .ant-select-selection-item {
  color: #b3b4b7;
  font-size: 12px;
  line-height: 25px;
  padding-right: 10px;
}
.user-records-content
  .ant-select:not(.ant-select-customize-input)
  .ant-select-selector
  .ant-select-selection-item:hover,
.user-records-content
  .ant-select:not(.ant-select-customize-input)
  .ant-select-selector:hover
  .ant-select-selection-item {
  color: #fff;
}
.user-records-content
  .ant-select-focused:not(.ant-select-disabled).ant-select:not(
    .ant-select-customize-input
  )
  .ant-select-selector {
  border: none;
  box-shadow: none;
}
.user-records-content
  .ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector {
  height: 25px;
  padding: 0 12px;
  width: 128px;
}
.user-records-content
  .ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector
  .ant-select-selector
  .ant-select-selection-search-input {
  height: 25px;
}
.user-records-content
  .not-mac
  .ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector {
  width: 138px;
}
.user-records-content .ant-select-arrow {
  align-items: center;
  display: flex;
  right: 6px;
  transform: translateY(-5px);
}
.user-records-content .ant-select-arrow .anticon {
  background: url("") no-repeat;
  height: 6px;
  width: 8px;
}
.user-records-content .ant-select-arrow .anticon svg {
  display: none;
}
.user-records-content .ant-select-show-arrow:hover .ant-select-arrow .anticon {
  background: url("") no-repeat;
  height: 6px;
  width: 8px;
}
.user-records-content
  .ant-select-show-arrow.ant-select-open
  .ant-select-arrow
  .anticon {
  background: url("") no-repeat;
  height: 6px;
  transform: rotateX(180deg);
  width: 8px;
}
.user-records-content
  .ant-select-show-arrow.ant-select-open:hover
  .ant-select-arrow
  .anticon {
  background: url("") no-repeat;
  height: 6px;
  transform: rotateX(180deg);
  width: 8px;
}
.user-records-content .ant-tabs-top > .ant-tabs-nav {
  margin-bottom: 0;
  padding: 0 20px;
}
.user-records-content .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap {
  background: #31333a;
  border-radius: 10px 10px 0 0;
}
.user-records-content .ant-tabs-tab {
  padding: 20px 0 20px 30px;
}
.user-records-content .ant-tabs-ink-bar {
  display: none;
}
.user-records-content .ant-tabs-tab + .ant-tabs-tab {
  margin: 0;
}
.user-records-content .ant-tabs-top > .ant-tabs-nav:before {
  display: none;
}
.user-records-content .ant-tabs-tab-btn {
  border-bottom: 2px solid #0000;
  color: #fff6;
  padding-bottom: 1px;
}
.user-records-content .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  border-bottom: 2px solid #4c54ff;
  color: #fff;
}
.user-records-content
  .user-records-table.cdp
  .ant-table-tbody
  > tr:hover:not(.ant-table-expanded-row)
  > td
  .first-title {
  background: #2b2f35;
  line-height: 40px;
  min-height: 40px;
  padding-left: 30px;
  width: 100%;
}
.user-records-content .user-records-table.cdp .ant-table-tbody > tr > td {
  padding: 0;
}
.user-records-content
  .user-records-table.cdp
  .ant-table-tbody
  > tr
  > td:first-child {
  padding-left: 0;
}
.user-records-content
  .user-records-table.cdp
  .ant-table-tbody
  > tr
  > td
  .action {
  padding: 12px 0 12px 30px;
}
.user-records-content
  .user-records-table.cdp
  .ant-table-tbody
  > tr
  > td
  .action.arrow {
  align-items: center;
  display: flex;
  padding: 22.5px 30px;
}
.user-records-content
  .user-records-table.cdp
  .ant-table-tbody
  > tr
  > td
  .action.default {
  line-height: 41px;
}
.user-records-content
  .user-records-table.cdp
  .ant-table-tbody
  > tr
  > td
  .first-title {
  background: #1f20273d;
  line-height: 40px;
  min-height: 40px;
  padding-left: 30px;
  width: 100%;
}
.user-records-content
  .user-records-table.cdp
  .ant-table-tbody
  > tr
  > td:last-child {
  padding-right: 0;
}
.user-records-content .user-records-table .ant-table {
  background: #0000;
}
.user-records-content .user-records-table tr.ant-table-row {
  cursor: pointer;
}
.user-records-content .user-records-table .ant-table-tbody .ant-table-row-hover,
.user-records-content
  .user-records-table
  .ant-table-tbody
  .ant-table-row-hover
  > td,
.user-records-content
  .user-records-table
  .ant-table-tbody
  > tr:hover:not(.ant-table-expanded-row)
  > td {
  background: #393b42;
}
.user-records-content .user-records-table .ant-table-thead > tr > th {
  background: #2d2e35;
  border: none;
  color: #b3b4b7;
  font-size: 14px;
  font-weight: 500 !important;
  height: 40px;
  line-height: 40px;
}
.user-records-content
  .user-records-table
  .ant-table-thead
  > tr
  > th:first-child {
  padding-left: 30px;
}
.user-records-content .user-records-table .ant-table-thead > tr > th > span {
  color: #b3b4b7;
  font-size: 14px;
  font-weight: 500;
}
.user-records-content
  .user-records-table
  .ant-table-tbody
  > tr:last-child
  > td:first-child {
  border-radius: 0 0 0 10px;
}
.user-records-content
  .user-records-table
  .ant-table-tbody
  > tr:last-child
  > td:last-child {
  border-radius: 0 0 10px 0;
}
.user-records-content
  .user-records-table
  .ant-table-tbody
  > tr:last-child
  > td
  .j-nodata {
  border-radius: 0 0 10px 10px;
}
.user-records-content
  .user-records-table
  .ant-table-empty
  .ant-table-tbody
  > tr:last-child
  > td:first-child {
  background: none;
  border-radius: 0 0 10px 10px;
}
.user-records-content .user-records-table .ant-table-tbody > tr > td {
  background: #31333a;
  border-bottom: none;
  color: #fff;
  height: 60px;
}
.user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .to-proposal-detail,
.user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .to-proposal-detail:hover {
  color: #9195fb;
}
.user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .to-proposal-detail.hover:after {
  background: #9195fb;
}
.user-records-content .user-records-table .ant-table-tbody > tr > td .time,
.user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .token-amount {
  font-weight: 500;
}
.user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .token-amount.green {
  color: #18c19f;
}
.user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .token-amount.red {
  color: #ff5266;
}
.user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .token-amount
  .j-tooltip-icon {
  margin-left: 10px;
  transform: translateY(1px);
}
.user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .associate-usd {
  color: #b3b4b7;
  font-size: 12px;
}
.user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td:first-child {
  padding: 0 0 0 30px;
}
.user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td:last-child {
  padding: 0 50px 0 0;
}
.user-records-content .user-records-table .ant-table-tbody > tr > td .des {
  color: #b3b4b7;
  color: var(--color, #b3b4b7);
  font-size: 14px;
}
.user-records-content .user-records-table .ant-table-tbody > tr > td .cdp-time {
  color: #b3b4b7;
  color: var(--color, #b3b4b7);
  font-size: 12px;
}
.user-records-content .user-records-table .ant-table-tbody > tr > td .icon {
  display: inline-block;
  height: 20px;
  min-width: 20px;
  width: 20px;
}
.user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .icon.loading {
  background: url("") no-repeat;
  transform: translateY(2px);
}
.user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .icon.success {
  background: url("") no-repeat;
}
.user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .link-arrow {
  background: url("") no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  transform: translateY(2px);
  width: 20px;
}
.user-records-content
  .user-records-table
  .ant-table-tbody
  > tr:hover
  > td
  .link-arrow {
  background: url("") no-repeat;
  height: 20px;
  width: 20px;
}
.user-records-content
  .user-records-table
  .ant-pagination-next
  .ant-pagination-item-link,
.user-records-content
  .user-records-table
  .ant-pagination-prev
  .ant-pagination-item-link {
  background: none;
  border: none;
}
.user-records-content
  .user-records-table
  .ant-pagination-next
  .ant-pagination-item-link
  .anticon,
.user-records-content
  .user-records-table
  .ant-pagination-prev
  .ant-pagination-item-link
  .anticon {
  height: 9px;
  width: 6px;
}
.user-records-content
  .user-records-table
  .ant-pagination-next
  .ant-pagination-item-link
  .anticon
  svg,
.user-records-content
  .user-records-table
  .ant-pagination-prev
  .ant-pagination-item-link
  .anticon
  svg {
  display: none;
}
.user-records-content
  .user-records-table
  .ant-pagination-prev
  .ant-pagination-item-link
  .anticon {
  background: url("") no-repeat;
  transform: rotateY(180deg);
}
.user-records-content
  .user-records-table
  .ant-pagination-next
  .ant-pagination-item-link
  .anticon {
  background: url("") no-repeat;
}
.user-records-content .user-records-table .ant-pagination-disabled {
  opacity: 0.4;
}
.user-records-content .user-records-table .ant-pagination-item {
  background: none;
  border: none;
}
.user-records-content .user-records-table .ant-pagination-item a {
  color: #fff6;
  transform: translateY(2px);
}
.user-records-content
  .user-records-table
  .ant-pagination-item.ant-pagination-item-active
  a {
  color: #fff;
}
.user-records-content .user-records-table .ant-pagination-options .ant-select {
  display: none;
}
.user-records-content .user-records-table .ant-pagination-options {
  margin-left: 0;
  transform: translateY(1px);
}
.user-records-content .user-records-table .ant-pagination-item,
.user-records-content .user-records-table .ant-pagination-jump-next,
.user-records-content .user-records-table .ant-pagination-jump-prev,
.user-records-content .user-records-table .ant-pagination-next,
.user-records-content .user-records-table .ant-pagination-prev {
  margin-right: 0;
  min-width: 0;
  min-width: auto;
}
.user-records-content .user-records-table .ant-pagination-item a,
.user-records-content .user-records-table .ant-pagination-jump-next a,
.user-records-content .user-records-table .ant-pagination-jump-prev a,
.user-records-content .user-records-table .ant-pagination-next a,
.user-records-content .user-records-table .ant-pagination-prev a {
  padding: 0 10px;
}
.user-records-content
  .user-records-table
  .ant-pagination-item
  a.ant-pagination-item-link,
.user-records-content
  .user-records-table
  .ant-pagination-jump-next
  a.ant-pagination-item-link,
.user-records-content
  .user-records-table
  .ant-pagination-jump-prev
  a.ant-pagination-item-link,
.user-records-content
  .user-records-table
  .ant-pagination-next
  a.ant-pagination-item-link,
.user-records-content
  .user-records-table
  .ant-pagination-prev
  a.ant-pagination-item-link {
  padding: 0;
}
.user-records-content .user-records-table .ant-pagination-next,
.user-records-content .user-records-table .ant-pagination-prev {
  padding: 0 10px;
}
.user-records-content .user-records-table .ant-pagination-jump-next,
.user-records-content .user-records-table .ant-pagination-jump-prev {
  min-width: 20px;
}
.user-records-content
  .user-records-table
  .ant-pagination-jump-next
  .ant-pagination-item-container
  .ant-pagination-item-ellipsis,
.user-records-content
  .user-records-table
  .ant-pagination-jump-prev
  .ant-pagination-item-container
  .ant-pagination-item-ellipsis {
  background: url("") 50% no-repeat;
  background-size: 12px;
  color: #fff6;
  font-size: 0;
  letter-spacing: 1px;
  transform: translate(-1px, 5px);
}
.user-records-content
  .user-records-table
  .ant-pagination-jump-next:hover
  .ant-pagination-item-container
  .ant-pagination-item-ellipsis,
.user-records-content
  .user-records-table
  .ant-pagination-jump-prev:hover
  .ant-pagination-item-container
  .ant-pagination-item-ellipsis {
  opacity: 1;
}
.user-records-content
  .user-records-table
  .ant-pagination-jump-next:hover
  .ant-pagination-item-container
  .ant-pagination-item-link-icon,
.user-records-content
  .user-records-table
  .ant-pagination-jump-prev:hover
  .ant-pagination-item-container
  .ant-pagination-item-link-icon {
  opacity: 0;
}
.user-records-content .user-records-table .ant-table-pagination.ant-pagination {
  margin: 20px 0 0;
}
.ant-select-dropdown.user-records-select {
  background: #40414a;
  border-radius: 5px;
  padding: 8px 0;
}
.ant-select-dropdown.user-records-select .ant-select-item-option-content {
  font-size: 12px;
}
.ant-select-dropdown.user-records-select
  .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: url("") calc(100% - 10px) no-repeat;
  font-weight: 400;
}
.ant-select-dropdown.user-records-select .ant-select-item {
  background: #40414a;
  color: #fff;
  font-weight: 500;
  padding: 8px 16px;
}
.ant-select-dropdown.user-records-select
  .ant-select-item.ant-select-item-option-selected {
  font-weight: 500;
}
.ant-select-dropdown.user-records-select
  .ant-select-item.ant-select-item-option-active {
  background: #ffffff0a;
}
.ant-select-dropdown.user-records-select
  .ant-select-item.ant-select-item-option-active.ant-select-item-option-selected:not(
    .ant-select-item-option-disabled
  ) {
  background: #ffffff0a url("") calc(100% - 10px) no-repeat;
  font-weight: 500;
}
#root
  .user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .token-amount.white {
  color: #fff;
}
#root
  .white
  .user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .token-amount.white {
  color: #22232b;
}
.white
  .ant-table-empty
  .ant-table-tbody
  > tr.ant-table-placeholder:hover
  td
  .j-nodata,
.white.user-records-page .j-nodata {
  background: #f9fafc;
}
.white .user-records-title {
  color: #22232b;
}
.white .user-records-content .ant-table {
  border-radius: 10px;
  box-shadow: 0 10px 20px 0 #0000001a;
}
.white .user-records-content .statistics {
  color: #9c9daa;
}
.white
  .user-records-content
  .ant-select:not(.ant-select-customize-input)
  .ant-select-selector {
  background: #22232b0f;
  color: #737480;
}
.white
  .user-records-content
  .ant-select:not(.ant-select-customize-input)
  .ant-select-selector:hover {
  background: #22232b1a;
}
.white
  .user-records-content
  .ant-select:not(.ant-select-customize-input)
  .ant-select-selector
  .ant-select-selection-item {
  color: #737480;
  font-weight: 500;
}
.white
  .user-records-content
  .ant-select:not(.ant-select-customize-input)
  .ant-select-selector:hover
  .ant-select-selection-item {
  color: #22232b;
}
.white .user-records-content .ant-select-arrow .anticon {
  background: url("") no-repeat;
  height: 6px;
  width: 8px;
}
.white
  .user-records-content
  .ant-select-show-arrow:hover
  .ant-select-arrow
  .anticon {
  background: url("") no-repeat;
  height: 6px;
  width: 8px;
}
.white
  .user-records-content
  .ant-select-show-arrow.ant-select-open
  .ant-select-arrow
  .anticon {
  background: url("") no-repeat;
  height: 6px;
  transform: rotateX(180deg);
  width: 8px;
}
.white
  .user-records-content
  .ant-select-show-arrow.ant-select-open:hover
  .ant-select-arrow
  .anticon {
  background: url("") no-repeat;
  height: 6px;
  transform: rotateX(180deg);
  width: 8px;
}
.white .user-records-content .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap {
  background: #f9fafc;
  box-shadow: 0 10px 20px 0 #0000001a;
}
.white .user-records-content .ant-tabs-tab-btn {
  color: #22232b66;
}
.white
  .user-records-content
  .ant-tabs-tab.ant-tabs-tab-active
  .ant-tabs-tab-btn {
  border-bottom: 2px solid #4c54ff;
  color: #22232b;
}
.white
  .user-records-content
  .user-records-table
  .ant-table-tbody
  .ant-table-row-hover,
.white
  .user-records-content
  .user-records-table
  .ant-table-tbody
  .ant-table-row-hover
  > td,
.white
  .user-records-content
  .user-records-table
  .ant-table-tbody
  > tr:hover:not(.ant-table-expanded-row)
  > td,
.white
  .user-records-content
  .user-records-table.cdp
  .ant-table-tbody
  > tr:hover:not(.ant-table-expanded-row)
  > td
  .first-title,
.white
  .user-records-content
  .user-records-table.cdp
  .ant-table-tbody
  > tr
  > td
  .first-title {
  background: #f0f2f7;
}
.white .user-records-content .user-records-table .ant-table-thead > tr > th {
  background: #f0f2f8;
  color: #737480;
}
.white
  .user-records-content
  .user-records-table
  .ant-table-thead
  > tr
  > th
  > span {
  color: #737480;
}
.white .user-records-content .user-records-table .ant-table-tbody > tr > td {
  background: #f9fafc;
  color: #22232b;
}
.white
  .user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .to-proposal-detail,
.white
  .user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .to-proposal-detail:hover {
  color: #4d54ff;
}
.white
  .user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .to-proposal-detail.hover:after {
  background: #4d54ff;
}
.white
  .user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .token-amount.green {
  color: #18c19f;
}
.white
  .user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .token-amount.red {
  color: #ff5266;
}
.white
  .user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .associate-usd {
  color: #b3b4b7;
}
.white
  .user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .cdp-time,
.white
  .user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .des {
  color: #b3b4b7;
  color: var(--color, #b3b4b7);
}
.white
  .user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}
.white
  .user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .icon.loading {
  background: url("") no-repeat;
  transform: translateY(2px);
}
.white
  .user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .icon.success {
  background: url("") no-repeat;
}
.white
  .user-records-content
  .user-records-table
  .ant-table-tbody
  > tr
  > td
  .link-arrow {
  background: url("") no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
}
.white
  .user-records-content
  .user-records-table
  .ant-table-tbody
  > tr:hover
  > td
  .link-arrow {
  background: url("") no-repeat;
  height: 20px;
  width: 20px;
}
.white
  .user-records-content
  .user-records-table
  .ant-pagination-prev
  .ant-pagination-item-link
  .anticon {
  background: url("") no-repeat;
  transform: rotateY(180deg);
}
.white
  .user-records-content
  .user-records-table
  .ant-pagination-next
  .ant-pagination-item-link
  .anticon {
  background: url("") no-repeat;
}
.white .user-records-content .user-records-table .ant-pagination-disabled {
  opacity: 0.4;
}
.white .user-records-content .user-records-table .ant-pagination-item {
  background: none;
  border: none;
}
.white .user-records-content .user-records-table .ant-pagination-item a {
  color: #22232b66;
  transform: translateY(2px);
}
.white
  .user-records-content
  .user-records-table
  .ant-pagination-item.ant-pagination-item-active
  a {
  color: #22232b;
}
.white
  .user-records-content
  .user-records-table
  .ant-pagination-jump-next
  .ant-pagination-item-container
  .ant-pagination-item-ellipsis,
.white
  .user-records-content
  .user-records-table
  .ant-pagination-jump-prev
  .ant-pagination-item-container
  .ant-pagination-item-ellipsis {
  background: url("") 50% no-repeat;
  background-size: 12px;
  color: #22232b66;
  font-size: 0;
}
.white.ant-select-dropdown.user-records-select {
  background: #f9fafc;
}
.white.ant-select-dropdown.user-records-select
  .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: url("") calc(100% - 10px) no-repeat;
}
.white.ant-select-dropdown.user-records-select .ant-select-item {
  background: #f9fafc;
  color: #22232b;
}
.white.ant-select-dropdown.user-records-select
  .ant-select-item.ant-select-item-option-active {
  background: #f0f2f7;
}
.white.ant-select-dropdown.user-records-select
  .ant-select-item.ant-select-item-option-active.ant-select-item-option-selected:not(
    .ant-select-item-option-disabled
  ) {
  background: #f0f2f7 url("") calc(100% - 10px) no-repeat;
}
.user-records-link {
  height: 20px;
  margin-left: 16px;
  position: relative;
  width: 20px;
}
.user-records-link .records-active-icon,
.user-records-link .records-default-icon {
  background: #ffffff0a url("") 50% no-repeat;
  background-size: 15px;
  border-radius: 5px;
  height: 32px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  transition: all 0.3s ease-in-out;
  width: 32px;
}
.user-records-link .records-active-icon:hover,
.user-records-link .records-default-icon:hover {
  background-color: #3f414a;
  background-image: url("");
}
.user-records-link .unread-amount {
  background: #ff5266;
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  font-size: 8px;
  height: 12px;
  line-height: 12px;
  position: absolute;
  right: -9px;
  text-align: center;
  top: -11px;
  width: 12px;
}
.user-records-link .unread-amount.lot {
  font-size: 6.5px;
}
.setting-icon {
  background: #ffffff0a url("setting.d4c6352d707f35e347d7.svg") 50% no-repeat;
  background-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  margin-left: 16px;
  padding: 8px;
  transition: all 0.3s ease-in-out;
  width: 32px;
}
.setting-icon.active,
.setting-icon:hover {
  background: #3f414a url("setting-hover.1045e73f0e5aa0c38436.svg") center 8px
    no-repeat;
  background-size: 16px;
}
.white .user-records-link .records-active-icon,
.white .user-records-link .records-default-icon {
  background: #efeffa url("") 50% no-repeat;
  background-size: 15px;
}
.white .user-records-link .records-active-icon:hover,
.white .user-records-link .records-default-icon:hover {
  background: #4d54ff29 url("") 50% no-repeat;
  background-size: 15px;
}
.white .setting-icon {
  background: #efeffa url("") 50% no-repeat;
  background-size: 16px;
}
.white .setting-icon:hover {
  background: #4d54ff29 url("") center 8px no-repeat;
  background-size: 16px;
}
.white .setting-icon.active {
  background: #4d54ff29 url("") center 8px no-repeat;
  box-shadow: 0 15px 20px -10px #0000001a;
}
.user-records-select .ant-select-item {
  transition: none;
}
@media screen and (max-width: 750px) {
  .user-records-page
    .user-records-content
    .user-records-table
    .ant-table-empty
    .ant-table-tbody
    > tr {
    background: none;
    box-shadow: none;
  }
  .user-records-page
    .user-records-content
    .user-records-table
    .ant-table-empty
    .ant-table-tbody
    > tr
    .j-nodata {
    background: none;
  }
  .user-records-page
    .user-records-content
    .records-tab
    .ant-tabs-tab:not(:first-child) {
    margin-left: 20px;
  }
  .user-records-page {
    overflow: hidden;
  }
  .user-records-page .user-records-container {
    min-height: 0;
    min-height: auto;
  }
  .user-records-title {
    padding-left: 0;
    width: calc(100% - 30px);
  }
  .white .user-records-content .ant-table {
    box-shadow: none;
  }
  .user-records-content {
    width: 100%;
  }
  .user-records-content
    .user-records-table
    .ant-table-pagination.ant-pagination {
    margin-right: 15px;
  }
  .user-records-content .ant-table {
    border-radius: 0;
    box-shadow: none;
    padding: 0 15px;
  }
  .user-records-content .ant-table .ant-table-tbody > tr,
  .user-records-content
    .ant-table
    .ant-table-tbody
    > tr:last-child
    > td
    .j-nodata {
    border-radius: 10px;
  }
  .user-records-content .ant-spin-container,
  .user-records-content .ant-tabs-top > .ant-tabs-nav {
    padding-left: 0;
    padding-right: 0;
  }
  .user-records-content .ant-tabs-top > .ant-tabs-nav {
    margin-left: 15px;
  }
  .user-records-content .action-types {
    position: static;
  }
  .user-records-content .action-types .ant-select {
    position: absolute;
    right: 15px;
    top: -2px;
  }
  .user-records-content .statistics {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
    margin-right: 15px;
  }
  .user-records-content .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap {
    background: none;
  }
  .user-records-content .ant-tabs-tab {
    padding: 0 0 15px;
  }
  .user-records-content .ant-tabs-tab:first-child {
    margin-left: 0;
  }
  .user-records-content .user-records-table .ant-table table {
    display: block;
    table-layout: auto !important;
  }
  .user-records-content .user-records-table .ant-table-thead {
    display: none;
  }
  .user-records-content .user-records-table .ant-table-tbody {
    display: block;
  }
  .user-records-content .user-records-table tr.ant-table-row {
    align-items: center;
    background: #31333a;
    border-radius: 10px;
    box-shadow: 0 10px 20px 0 #0000001a;
    display: block;
    margin-bottom: 10px;
  }
  .user-records-content .user-records-table tr.ant-table-row td {
    display: inline-block;
    height: auto;
    line-height: inherit;
    padding: 15px 0;
  }
  .user-records-content .user-records-table tr.ant-table-row td div {
    font-weight: 500;
    white-space: normal;
  }
  .user-records-content .user-records-table tr.ant-table-row td div span {
    font-weight: 500;
  }
  .user-records-content
    .user-records-table
    tr.ant-table-row
    td
    div
    span.underline-dashed {
    border-bottom: 1px dashed #fff;
  }
  .user-records-content .user-records-table tr.ant-table-row td .mobile-card {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .user-records-content
    .user-records-table
    tr.ant-table-row
    td
    .mobile-card
    > span {
    color: #b3b4b7;
  }
  .user-records-content
    .user-records-table
    tr.ant-table-row
    td
    .mobile-card
    .detail {
    text-align: right;
  }
  .user-records-content
    .user-records-table
    tr.ant-table-row
    td
    .mobile-card
    .detail
    div:first-child {
    line-height: 19px;
  }
  .user-records-content
    .user-records-table
    tr.ant-table-row
    td
    .mobile-card
    .detail
    div:nth-child(2) {
    line-height: 16px;
  }
  .user-records-content .user-records-table tr.ant-table-row td:first-child {
    border-radius: 10px 0 0 0;
    padding: 15px 5px 15px 15px;
    width: 55%;
  }
  .user-records-content .user-records-table tr.ant-table-row td:nth-child(2) {
    border-radius: 0 10px 0 0;
    text-align: right !important;
    width: 45%;
  }
  .user-records-content
    .user-records-table
    tr.ant-table-row
    td:nth-child(2)
    > div {
    color: #b3b4b7;
    padding-right: 15px;
  }
  .user-records-content .user-records-table tr.ant-table-row td:nth-child(3) {
    border-radius: 0 0 10px 10px;
    display: block;
    width: 100%;
  }
  .user-records-content
    .user-records-table
    tr.ant-table-row
    td:nth-child(3)
    > div {
    padding: 0 15px;
  }
  .user-records-content .user-records-table tr.ant-table-row td:last-child {
    display: none;
  }
  .user-records-content .user-records-table tr.ant-table-placeholder,
  .user-records-content .user-records-table tr.ant-table-placeholder > td {
    display: block;
  }
  .user-records-content
    .user-records-table
    tr.ant-table-placeholder
    > td:last-child {
    padding: 0;
  }
  .user-records-content .user-records-table tr > td > .j-nodata {
    margin-bottom: 35px;
  }
  .user-records-content
    .user-records-table.rent
    tr.ant-table-row
    td:nth-child(3) {
    border-radius: 0;
  }
  .user-records-content
    .user-records-table.rent
    tr.ant-table-row
    td:nth-child(4) {
    border-radius: 0 0 10px 10px;
    display: block;
    padding-top: 0;
    width: 100%;
  }
  .user-records-content
    .user-records-table.rent
    tr.ant-table-row
    td:nth-child(4)
    > div {
    padding: 0 15px;
  }
  .user-records-content
    .user-records-table.rent
    tr.ant-table-row
    td:last-child {
    display: none;
  }
  .user-records-content .user-records-table.cdp tr.ant-table-row {
    align-items: center;
    background: #31333a;
    border-radius: 0;
    display: block;
    margin-bottom: 0;
  }
  .user-records-content .user-records-table.cdp tr.ant-table-row.cdp-first {
    border-radius: 10px 10px 0 0;
    margin-top: 10px;
  }
  .user-records-content .user-records-table.cdp tr.ant-table-row.cdp-first td {
    padding-top: 0;
  }
  .user-records-content
    .user-records-table.cdp
    tr.ant-table-row.cdp-first
    td:nth-child(2)
    > div {
    padding-right: 0;
  }
  .user-records-content
    .user-records-table.cdp
    tr.ant-table-row.cdp-first
    td:nth-child(2)
    > div
    > .action {
    padding-right: 15px;
  }
  .user-records-content .user-records-table.cdp tr.ant-table-row.cdp-last {
    border-radius: 0 0 10px 10px;
  }
  .user-records-content
    .user-records-table.cdp
    tr.ant-table-row.cdp-last
    .action {
    padding: 15px 0 15px 15px;
  }
  .user-records-content .user-records-table.cdp tr.ant-table-row td {
    display: inline-block;
    height: auto;
    line-height: inherit;
    padding: 0;
  }
  .user-records-content .user-records-table.cdp tr.ant-table-row td div {
    white-space: normal;
  }
  .user-records-content
    .user-records-table.cdp
    tr.ant-table-row
    td
    .first-title {
    background: none;
    border-bottom: 1px solid #ffffff0f;
    line-height: 50px;
    min-height: 50px;
    padding-left: 15px;
  }
  .user-records-content .user-records-table.cdp tr.ant-table-row td .action {
    padding: 15px 0 0 15px;
  }
  .user-records-content
    .user-records-table.cdp
    tr.ant-table-row
    td
    .mobile-card {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .user-records-content
    .user-records-table.cdp
    tr.ant-table-row
    td
    .mobile-card
    > span {
    color: #b3b4b7;
  }
  .user-records-content
    .user-records-table.cdp
    tr.ant-table-row
    td
    .mobile-card
    .detail {
    text-align: right;
  }
  .user-records-content
    .user-records-table.cdp
    tr.ant-table-row
    td
    .mobile-card
    .detail
    div:first-child {
    line-height: 19px;
  }
  .user-records-content
    .user-records-table.cdp
    tr.ant-table-row
    td
    .mobile-card
    .detail
    div:nth-child(2) {
    line-height: 16px;
  }
  .user-records-content
    .user-records-table.cdp
    tr.ant-table-row
    td:first-child {
    border-radius: 10px 0 0 0;
    padding: 0;
    width: 55%;
  }
  .user-records-content
    .user-records-table.cdp
    tr.ant-table-row
    td:nth-child(2) {
    border-radius: 0 0 10px 10px;
    text-align: right !important;
    width: 45%;
  }
  .user-records-content
    .user-records-table.cdp
    tr.ant-table-row
    td:nth-child(2)
    > div {
    color: #b3b4b7;
    padding-right: 15px;
  }
  .user-records-content
    .user-records-table.cdp
    tr.ant-table-row
    td:nth-child(3) {
    border-radius: 0 0 10px 10px;
    border-top: 1px solid #ffffff0f;
    display: block;
    width: 100%;
  }
  .user-records-content
    .user-records-table.cdp
    tr.ant-table-row
    td:nth-child(3)
    > div {
    padding: 0 15px;
  }
  .user-records-content .user-records-table.cdp tr.ant-table-row td:last-child {
    display: none;
  }
  .white .user-records-content .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap {
    background: none;
  }
  .white
    .user-records-content
    .ant-select:not(.ant-select-customize-input)
    .ant-select-selector {
    background: #f9fafc;
  }
  .user-records-content .user-records-table tr.ant-table-row td:nth-child(3) {
    border-top: 1px solid #ffffff0f;
  }
  .white
    .user-records-content
    .user-records-table
    tr.ant-table-row
    td:nth-child(3) {
    border-top: 1px solid #22232b0f;
  }
  .white .user-records-content .ant-table tr {
    background: #f9fafc;
    box-shadow: 0 10px 20px 0 #0000001a;
  }
  .white .user-records-content .ant-table tr td {
    background: #0000;
  }
  .white .user-records-content .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
  .white .user-records-content .user-records-table.cdp tr {
    box-shadow: none;
  }
  .white .user-records-content .user-records-table .ant-table-tbody > tr,
  .white
    .user-records-content
    .user-records-table.cdp
    .ant-table-tbody
    > tr
    > td
    .first-title {
    background: #f9fafc;
  }
  .white
    .user-records-content
    .user-records-table.cdp
    tr.ant-table-row
    td
    .first-title {
    border-bottom: 1px solid #22232b0f;
  }
  .white .user-records-content .user-records-table .ant-table-tbody > tr > td {
    background: #0000;
  }
  .ant-table-cell-fix-left-first:after,
  .ant-table-cell-fix-left-last:after {
    display: none;
  }
  .white
    .user-records-content
    .user-records-table
    tr.ant-table-row
    td
    div
    span.underline-dashed {
    border-bottom: 1px dashed #22232b;
  }
  .white
    .user-records-content
    .user-records-table
    tr.ant-table-row
    td
    div.green
    span.underline-dashed {
    border-bottom: 1px dashed #18c19f;
  }
  .white
    .user-records-content
    .user-records-table
    tr.ant-table-row
    td
    div.red
    span.underline-dashed {
    border-bottom: 1px dashed #ff5266;
  }
  .white
    .user-records-content
    .user-records-table
    tr.ant-table-row
    td
    div.white
    span.underline-dashed {
    border-bottom: 1px dashed #22232b;
  }
  .user-records-content
    .user-records-table
    tr.ant-table-row
    td
    span.underline-dashed {
    display: inline-block;
    margin-bottom: 5px;
  }
}
.j-footer {
  margin: auto;
  padding: 0;
  width: 90%;
}
.j-footer > div {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1200px;
}
.social-icons {
  display: flex;
  margin-left: 10px;
  margin-top: 0;
}
.social-icons .icon-wrap {
  margin-left: 33px;
}
.social-icons .icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 20px;
  opacity: 0.4;
  width: 20px;
}
.social-icons .icon:hover {
  opacity: 1;
}
.social-icons .twitter {
  background-image: url("twitter.234292c13d3dda3f4018.svg");
}
.social-icons .telegram {
  background-image: url("telegram.e7635e4f2db25c00c743.svg");
}
.social-icons .discord {
  background-image: url("discord.a41b0116b518d85edf26.svg");
}
.j-footer-links {
  display: flex;
  justify-content: space-between;
  width: 60%;
}
.j-footer-links > div > a,
.j-footer-links > div > span {
  display: block;
}
.j-footer-links > div > a,
.j-footer-links > div > span {
  color: #fff;
  font-family: Avenir Next;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  text-transform: capitalize;
}
.j-footer-links > div > a {
  margin-top: 20px;
  opacity: 0.4;
}
.j-footer-links > div > a:hover {
  opacity: 1;
}
.j-footer-lang .ant-select-arrow {
  transform: translateY(-2px);
}
.j-footer-lang {
  margin-left: 50px;
  text-align: right;
  width: 15%;
}
.j-footer-lang .ant-select-selection-item {
  color: #fff6;
  text-align: center;
}
.j-footer-lang .ant-select-focused .ant-select-selection-item,
.j-footer-lang .ant-select-open .ant-select-selection-item {
  color: #fff;
}
.j-footer-lang .ant-select-focused .anticon,
.j-footer-lang .ant-select-open .anticon {
  background-image: url("");
}
.j-footer-lang
  .ant-select-focused:not(.ant-select-disabled).ant-select:not(
    .ant-select-customize-input
  )
  .ant-select-selector {
  border: none;
  border-bottom: 1px solid #fff;
  box-shadow: none;
}
.j-footer-lang
  .ant-select:not(.ant-select-customize-input)
  .ant-select-selector {
  background-color: #0000;
  border: none;
  border-bottom: 1px solid #ffffff1a;
  border-radius: 0;
}
.j-footer-lang
  .ant-select:not(.ant-select-disabled):hover
  .ant-select-selector {
  border-bottom: 1px solid #ffffff1a;
}
.j-footer-lang .anticon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  height: 5px;
  transform: translateY(3px);
  width: 8px;
}
.j-footer-lang .anticon > svg {
  display: none;
}
.ant-select-dropdown.lang-select-v2 {
  background-color: #0000;
  box-shadow: none;
  margin-left: 50px;
  padding-top: 15px;
}
.ant-select-dropdown.lang-select-v2 > div {
  background: #40414a;
}
.ant-select-dropdown.lang-select-v2 .ant-select-item-option {
  color: #fff9;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  padding: 10px 0;
  text-align: center;
}
.ant-select-dropdown.lang-select-v2
  .ant-select-item-option.ant-select-item-option-active:not(
    .ant-select-item-option-disabled
  ) {
  background-color: #0000;
  color: #fff;
}
.ant-select-dropdown.lang-select-v2
  .ant-select-item-option.ant-select-item-option-selected:not(
    .ant-select-item-option-disabled
  ) {
  background-color: #0000;
  color: #9195fb;
}
.j-footer-content {
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  line-height: 20px;
  padding: 50px 0;
}
.j-footer-content .left,
.j-footer-content .right {
  align-items: center;
  display: flex;
}
.j-footer-content .block {
  align-items: center;
  color: #fff9;
  display: flex !important;
}
.j-footer-content .block .dot {
  background-color: #18c19f;
  border-radius: 50%;
  height: 8px;
  margin-right: 6px;
  margin-top: -2px;
  width: 8px;
}
.j-footer-content .block:hover {
  color: #9195fb;
}
.j-footer-content .links {
  margin-left: 40px;
}
.j-footer-content .links a {
  color: #fff9;
  margin-right: 40px;
}
.j-footer-content .links a:hover {
  color: #9195fb;
}
.j-footer-content .links a:last-child {
  margin-right: 0;
}
.j-wrapper.white .j-footer .j-footer-content .left .block,
.j-wrapper.white .j-footer .j-footer-content .left .block .pointer,
.j-wrapper.white .j-footer-content,
.j-wrapper.white .j-footer-content .links a,
.j-wrapper.white .j-footer-content .links a .pointer,
.j-wrapper.white .j-footer-content .pointer {
  color: #22232b99;
}
.j-wrapper.white .j-footer .j-footer-content .left .block:hover .pointer,
.j-wrapper.white .j-footer-content .links a:hover .pointer,
.j-wrapper.white .j-footer-content:hover .pointer {
  color: #4c54ff;
}
.j-wrapper.white .j-footer .j-footer-content .left .links a {
  color: #22232b66;
}
.j-wrapper.white .j-footer .j-footer-content .left .links a:hover {
  color: #4c54ff;
}
.j-wrapper.white .j-footer-links > div a,
.j-wrapper.white .j-footer-links > div > span {
  color: #22232b;
}
.j-wrapper.white .social-icons .twitter {
  background-image: url("");
}
.j-wrapper.white .social-icons .telegram {
  background-image: url("");
}
.j-wrapper.white .social-icons .discord {
  background-image: url("");
}
.j-wrapper.white .j-footer-lang .ant-select-selection-item {
  color: #22232b;
  opacity: 0.6;
}
.j-wrapper.white .j-footer-lang .ant-select-focused .ant-select-selection-item,
.j-wrapper.white .j-footer-lang .ant-select-open .ant-select-selection-item {
  border-bottom: none;
  color: #22232b;
  opacity: 1;
}
.j-wrapper.white .j-footer-lang .ant-select-focused .anticon,
.j-wrapper.white .j-footer-lang .ant-select-open .anticon {
  background-image: url("");
}
.j-wrapper.white
  .j-footer-lang
  .ant-select-focused:not(.ant-select-disabled).ant-select:not(
    .ant-select-customize-input
  )
  .ant-select-selector {
  border-bottom: 1px solid #22232b;
}
.j-wrapper.white
  .j-footer-lang
  .ant-select:not(.ant-select-customize-input)
  .ant-select-selector {
  border-bottom: 1px solid #22232b1a;
}
.j-wrapper.white .j-footer-lang .anticon {
  background: url("") 0 0 no-repeat;
}
.j-wrapper.white .j-footer-lang .anticon > svg {
  display: none;
}
.lang-select-v2.white .ant-select-item-option {
  color: #22232b99;
}
.lang-select-v2.white
  .ant-select-item-option.ant-select-item-option-active:not(
    .ant-select-item-option-disabled
  ) {
  color: #22232b;
}
.lang-select-v2.white
  .ant-select-item-option.ant-select-item-option-selected:not(
    .ant-select-item-option-disabled
  ) {
  color: #4d54ff;
}
.lang-select-v2.white > div {
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  background: #dbdde2;
}
@media screen and (max-width: 1000px) {
  .j-footer-content .links {
    margin-left: 30px;
  }
  .j-footer-content .links a {
    margin-right: 30px;
  }
  .j-footer-content .social-icons .icon-wrap {
    margin-left: 20px;
  }
  .j-footer-content .j-footer-lang {
    margin-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  .j-footer {
    margin: 0 15px;
    padding-bottom: 40px;
    width: auto;
  }
  .j-footer .j-footer-content {
    display: flex;
    flex-direction: row;
    padding: 36px 0;
    position: relative;
  }
  .j-footer .j-footer-content .left,
  .j-footer .j-footer-content .right {
    flex-direction: column;
  }
  .j-footer .j-footer-content .left {
    align-items: flex-start;
  }
  .j-footer .j-footer-content .left .block {
    margin-bottom: 26px;
  }
  .j-footer .j-footer-content .left .block .pointer {
    color: #fff6;
    font-size: 12px;
    line-height: 31px;
  }
  .j-footer .j-footer-content .left .links {
    margin-left: 0;
  }
  .j-footer .j-footer-content .left .links a {
    color: #fff6;
    font-size: 12px;
    line-height: 17px;
  }
  .j-footer .j-footer-content .right {
    align-items: flex-end;
    flex-direction: column-reverse;
    justify-content: space-between;
  }
  .j-footer .j-footer-content .right .j-footer-lang {
    justify-self: flex-start;
    position: relative;
    width: auto;
  }
  .j-footer .j-footer-content .right .j-footer-lang .ant-select-selection-item {
    font-size: 12px;
  }
  .j-footer .j-footer-content .right .j-footer-lang .ant-select-selector {
    padding: 0;
  }
  .j-footer .j-footer-content .right .social-icons {
    margin-top: 12px;
  }
  .j-footer .j-footer-content .right .social-icons .icon {
    height: 16px;
    width: 16px;
  }
  .j-footer .j-footer-links {
    margin-top: 30px;
    width: 100%;
  }
  .j-footer .j-footer-logo img {
    margin-bottom: 0;
  }
  .j-footer.hideTabsBar {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .j-footer > div {
    max-width: none;
  }
}
@media screen and (min-width: 1700px) {
  .j-footer > div {
    max-width: 1440px;
  }
}
#root .j-user-records-skeleton {
  margin: 30px auto 40px;
  padding: 0 15px;
  width: 1200px;
}
#root .j-user-records-skeleton .skeleton-space {
  background-color: #2d2e35;
  height: 40px;
}
#root .j-user-records-skeleton .ant-skeleton-content .ant-skeleton-paragraph {
  margin: 0;
}
#root
  .j-user-records-skeleton
  .ant-skeleton-content
  .ant-skeleton-paragraph
  > li {
  height: 20px;
  margin-bottom: 40px;
}
#root
  .j-user-records-skeleton
  .ant-skeleton-content
  .ant-skeleton-paragraph
  > li:last-child {
  margin-bottom: 0;
}
#root .j-user-records-skeleton .top-title-skeleton-row {
  border-radius: 2px;
  display: flex;
}
#root .j-user-records-skeleton .top-title-skeleton-row .title-skeleton {
  flex-basis: 35%;
}
#root .j-user-records-skeleton .content-skeleton-row {
  background: #31333a;
  border-radius: 10px;
  box-shadow: 0 10px 20px 0 #0000001a;
  margin-top: 30px;
}
#root
  .j-user-records-skeleton
  .content-skeleton-row
  .content-title-skeleton-row {
  display: flex;
  justify-content: space-between;
}
#root
  .j-user-records-skeleton
  .content-skeleton-row
  .content-title-skeleton-row
  .title-skeleton {
  flex-basis: 38.334%;
}
#root .j-user-records-skeleton .content-skeleton-row .ant-skeleton {
  border-radius: 2px;
  padding: 22px 30px;
}
#root
  .j-user-records-skeleton
  .list-skeleton.ant-skeleton
  .ant-skeleton-content
  > .ant-skeleton-paragraph
  li {
  border-radius: 5px !important;
  height: 40px;
}
#root
  .j-user-records-skeleton
  .list-skeleton.ant-skeleton
  .ant-skeleton-content
  > .ant-skeleton-paragraph
  li:first-child {
  margin-top: 5px;
}
#root .white .j-user-records-skeleton .skeleton-space {
  background-color: #f0f2f7;
}
#root .white .j-user-records-skeleton .content-skeleton-row {
  background: #f9fafc;
}
@media screen and (max-width: 750px) {
  #root .j-user-records-skeleton.mobile {
    margin: 30px auto 0;
    width: calc(100% - 30px);
  }
  #root .j-user-records-skeleton.mobile .skeleton-space {
    background-color: #2d2e35;
    height: 40px;
  }
  #root
    .j-user-records-skeleton.mobile
    .ant-skeleton-content
    .ant-skeleton-paragraph {
    margin: 0;
  }
  #root
    .j-user-records-skeleton.mobile
    .ant-skeleton-content
    .ant-skeleton-paragraph
    > li {
    height: 20px;
    margin-bottom: 40px;
  }
  #root
    .j-user-records-skeleton.mobile
    .ant-skeleton-content
    .ant-skeleton-paragraph
    > li:last-child {
    margin-bottom: 0;
  }
  #root .j-user-records-skeleton.mobile .top-title-skeleton-row {
    border-radius: 2px;
    display: flex;
  }
  #root
    .j-user-records-skeleton.mobile
    .top-title-skeleton-row
    .title-skeleton {
    flex-basis: 35%;
  }
  #root
    .j-user-records-skeleton.mobile
    .top-title-skeleton-row
    .title-skeleton
    .ant-skeleton-content
    .ant-skeleton-paragraph
    > li {
    height: 16px;
  }
  #root .j-user-records-skeleton.mobile .top-title-skeleton-row .sec-skeleton {
    flex-basis: 100%;
    margin-top: 10px;
  }
  #root .j-user-records-skeleton.mobile .content-skeleton-row {
    background: #31333a;
    border-radius: 10px;
    box-shadow: 0 10px 20px 0 #0000001a;
    margin-top: 10px;
  }
  #root .j-user-records-skeleton.mobile .content-skeleton-row.first {
    margin-top: 21px;
  }
  #root
    .j-user-records-skeleton.mobile
    .content-skeleton-row
    .content-title-skeleton-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  #root
    .j-user-records-skeleton.mobile
    .content-skeleton-row
    .content-title-skeleton-row
    .title-skeleton {
    flex-basis: 50%;
  }
  #root
    .j-user-records-skeleton.mobile
    .content-skeleton-row
    .content-title-skeleton-row.sec {
    border-top: 1px solid #ffffff0f;
  }
  #root .j-user-records-skeleton.mobile .content-skeleton-row .ant-skeleton {
    border-radius: 2px;
    padding: 15px;
  }
  #root
    .j-user-records-skeleton.mobile
    .content-skeleton-row
    .ant-skeleton.sec {
    padding-left: 0;
  }
  #root .j-user-records-skeleton.mobile .content-skeleton-row .colomn {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 50%;
  }
  #root
    .j-user-records-skeleton.mobile
    .content-skeleton-row
    .colomn
    .ant-skeleton {
    border-radius: 2px;
    padding: 15px 15px 0 0;
  }
  #root
    .j-user-records-skeleton.mobile
    .content-skeleton-row
    .colomn
    .ant-skeleton.sec {
    padding: 3px 15px 15px 0;
  }
  #root .white .j-user-records-skeleton.mobile .skeleton-space {
    background-color: #f0f2f7;
  }
  #root .white .j-user-records-skeleton.mobile .content-skeleton-row {
    background: #f9fafc;
  }
  #root
    .white
    .j-user-records-skeleton.mobile
    .content-skeleton-row
    .content-title-skeleton-row.sec {
    border-top: 1px solid #22232b0f;
  }
}
.j-settings-container .settings-nav-bar {
  display: none;
}
.j-settings-container {
  display: flex;
}
.j-settings-container .settings-nav-bar .nav-bar-content .nav-bar-title {
  color: #fff;
}
.j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .item-list
  .settings-item {
  position: relative;
}
.j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .item-list
  .settings-item
  .item-title {
  color: #fff9;
}
.j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .item-list
  .settings-item
  .item-hint {
  background: #ffffff14;
  color: #fff9;
}
.j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .item-list
  .settings-item.active
  .item-title {
  color: #9195fb;
}
.j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .item-list
  .settings-item.active
  .item-title:after {
  opacity: 1;
}
.j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .item-list
  .settings-item:hover:not(.active) {
  cursor: pointer;
}
.j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .item-list
  .settings-item.active
  .item-title:hover,
.j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .item-list
  .settings-item.active:hover {
  cursor: default;
}
.j-settings-container .settings-content {
  flex-grow: 1;
  padding: 0 15px;
}
.j-settings-container .settings-content .settings-section {
  display: flex;
  flex-direction: row;
  height: 100%;
  margin: auto;
  max-width: 1200px;
  position: relative;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 0 auto;
  max-width: 1200px;
  padding: 30px 0 60px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-title {
  border-bottom: 1px solid #ffffff0f;
  margin: 0 30px 20px;
  padding-bottom: 16px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-title
  .title-text {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding-left: 16px;
  position: relative;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-title
  .title-text:before {
  background-color: #4d54ff;
  content: "";
  height: 16px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-55%);
  width: 6px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-title
  .link-email-hint {
  display: flex;
  flex-direction: row;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-title
  .link-email-hint
  .hint-message {
  color: #b3b4b7cc;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  padding-left: 18px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-title
  .link-email-hint
  .hint-message
  .hint-email-addr {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  margin-left: 6px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-title
  .link-email-hint
  .hint-link {
  background-color: #0000;
  color: #9195fb;
  display: inline;
  font-size: 12px;
  font-weight: 400;
  margin-left: 6px;
  padding-right: 0;
  position: relative;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list {
  padding: 0 0 30px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .option-list-title {
  color: #fff9;
  font-size: 14px;
  font-weight: 500;
  padding-left: 46px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option {
  align-items: center;
  background-color: #0000;
  border-radius: 5px;
  display: flex;
  margin: 4px 16px 0 4px;
  padding: 10px 14px 10px 42px;
  position: relative;
  transition: background-color 0.3s ease;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option.showing-rules {
  background-color: #31333a;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  flex-shrink: 0;
  height: 45px;
  margin-right: 20px;
  width: 45px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-content
  .option-title {
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 500;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-content
  .option-title
  .title-hint {
  background: #ffffff14;
  border-radius: 2px;
  color: #fff9;
  font-size: 12px;
  font-weight: 500;
  margin-left: 6px;
  padding: 2px 8px;
  transition: all 0.3s ease;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-content
  .option-title
  .title-hint:hover {
  background: #ffffff29;
  color: #fff;
  cursor: pointer;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-content
  .option-subtitle {
  margin-top: 2px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-content
  .option-subtitle
  .subtitle-text {
  color: #fff9;
  display: inline;
  font-size: 12px;
  font-weight: 400;
  margin-right: 6px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-content
  .option-subtitle
  .rules-link {
  background-color: #0000;
  color: #9195fb;
  display: inline;
  font-size: 12px;
  font-weight: 400;
  padding-right: 0;
  position: relative;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper {
  flex-shrink: 0;
  margin-left: 8px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .language-option-radio
  .ant-radio-wrapper
  span,
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .theme-option-radio
  .ant-radio-wrapper
  span {
  color: #b3b4b7;
  font-size: 12px;
  font-weight: 400;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .language-option-radio
  .ant-radio-wrapper
  .ant-radio-inner,
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .theme-option-radio
  .ant-radio-wrapper
  .ant-radio-inner {
  background-color: #ffffff1a;
  border: none;
  height: 12px;
  width: 12px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .language-option-radio
  .ant-radio-wrapper
  .ant-radio-inner:after,
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .theme-option-radio
  .ant-radio-wrapper
  .ant-radio-inner:after {
  height: 5px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 5px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .language-option-radio
  .ant-radio-wrapper.ant-radio-wrapper-checked
  span,
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .theme-option-radio
  .ant-radio-wrapper.ant-radio-wrapper-checked
  span {
  color: #fff;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .language-option-radio
  .ant-radio-wrapper.ant-radio-wrapper-checked
  .ant-radio-inner,
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .theme-option-radio
  .ant-radio-wrapper.ant-radio-wrapper-checked
  .ant-radio-inner {
  background-color: #4d54ff;
  border: none;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .language-option-radio
  .ant-radio-wrapper.ant-radio-wrapper-checked
  .ant-radio-inner:after,
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .theme-option-radio
  .ant-radio-wrapper.ant-radio-wrapper-checked
  .ant-radio-inner:after {
  background-color: #fff;
  border: none;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option.snb-alert-option
  .option-icon {
  background-image: url("");
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option.rental-alert-option
  .option-icon {
  background-image: url("");
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option.cdp-alert-option
  .option-icon {
  background-image: url("");
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option.link-email-option
  .option-icon {
  background-image: url("");
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option.link-email-option.email-linked
  .option-icon {
  background-image: url("");
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option.theme-option
  .option-icon {
  background-image: url("");
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option.langugage-option
  .option-icon {
  background-image: url("");
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .link-btn {
  align-items: center;
  background-color: #4d54ff;
  border-radius: 5px;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  justify-content: center;
  margin-right: 16px;
  min-width: 120px;
  padding: 4px 16px;
  transition: all 0.3s ease;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .link-btn:hover {
  background: #9195fb;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .new-switch {
  height: 15px;
  width: 30px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .new-switch
  .switch-line {
  background-color: #ffffff1a;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .new-switch
  .switch-circle {
  background-color: #fff;
  height: 15px;
  width: 15px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .new-switch
  .switch-circle,
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .new-switch
  .switch-line {
  transition: all 0.3s ease;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .new-switch.switch-on
  .switch-line {
  background-color: #4c54ff;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .new-switch.switch-on
  .switch-circle {
  background-color: #fff;
  left: 0;
  transform: translateX(15px);
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .m-flex-a {
  align-items: center;
  display: inline-flex;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .m-flex-a
  span {
  color: #b3b4b7;
  font-size: 12px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .m-flex-a
  svg {
  margin-left: 5px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-feedback {
  align-items: center;
  display: flex;
  padding-left: 47px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-feedback
  .m-flex-a {
  align-items: center;
  display: inline-flex;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-feedback
  button {
  background: #0000;
  color: #9195fb;
  font-size: 12px;
  margin-left: 6px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-feedback
  button
  .arrow {
  transform: translateY(1px);
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-feedback
  .tip {
  margin: 0 6px 0 10px;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-feedback
  span {
  color: #b3b4b7;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-feedback.white
  a {
  color: #4c54ff;
}
.j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-feedback.white
  span {
  color: #737480;
}
.j-settings-container .settings-content .settings-section .rules-detail-drawer {
  background-color: #1f2027;
  height: 0;
  overflow: hidden;
  padding: 0;
  width: 0;
}
.j-settings-container
  .settings-content
  .settings-section
  .rules-detail-drawer.active {
  border-left: 1px solid #2c2d34;
  flex-basis: 360px;
  flex-grow: 1;
  height: auto;
  min-height: calc(100vh - 64px);
  padding: 30px;
  width: auto;
}
.j-settings-container
  .settings-content
  .settings-section
  .rules-detail-drawer
  .back-btn {
  background-color: #0000;
  color: #fff !important;
  display: block;
  opacity: 0.6;
  position: relative;
  transition: all 0.3s ease;
  width: auto;
}
.j-settings-container
  .settings-content
  .settings-section
  .rules-detail-drawer
  .back-btn:after {
  background: url("") 0 0 no-repeat !important;
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: none;
}
.j-settings-container
  .settings-content
  .settings-section
  .rules-detail-drawer
  .back-btn:hover {
  color: #fff !important;
  opacity: 1;
}
.j-settings-container
  .settings-content
  .settings-section
  .rules-detail-drawer
  .detail-title {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-top: 40px;
}
.j-settings-container .success-popup {
  align-items: center;
  background: #40414a;
  border-radius: 10px;
  box-shadow: 0 10px 20px 0 #0000001a;
  display: flex;
  left: 50%;
  opacity: 0;
  padding: 20px 50px;
  pointer-events: none;
  position: absolute;
  top: 45%;
  transform: translateX(-50%) translateY(-50%);
  transition: opacity 0.3s ease;
}
.j-settings-container .success-popup.visible {
  opacity: 1;
}
.j-settings-container .success-popup .success-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  flex-shrink: 0;
  height: 16px;
  width: 16px;
}
.j-settings-container .success-popup .success-msg {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-left: 6px;
}
.rules-detail-content-wrapper .detail-desc {
  color: #b3b4b7;
  font-size: 12px;
  font-weight: 400;
  margin-top: 20px;
}
.rules-detail-content-wrapper .section-title {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding-left: 14px;
  position: relative;
}
.rules-detail-content-wrapper .section-title:before {
  background-color: #4d54ff;
  content: "";
  height: 12px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-55%);
  width: 4px;
}
.rules-detail-content-wrapper .alert-rules-section {
  border-bottom: 1px solid #ffffff0f;
  padding: 30px 0 0;
}
.rules-detail-content-wrapper .alert-rules-section .rules-list {
  padding-bottom: 20px;
}
.rules-detail-content-wrapper .alert-rules-section .rules-list .rule {
  align-items: center;
  display: flex;
  padding: 20px 0 10px;
}
.rules-detail-content-wrapper
  .alert-rules-section
  .rules-list
  .rule
  .rule-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  flex-shrink: 0;
  height: 45px;
  width: 45px;
}
.rules-detail-content-wrapper
  .alert-rules-section
  .rules-list
  .rule
  .rule-icon.risk-90 {
  background-image: url("");
}
.rules-detail-content-wrapper
  .alert-rules-section
  .rules-list
  .rule
  .rule-icon.risk-95 {
  background-image: url("");
}
.rules-detail-content-wrapper
  .alert-rules-section
  .rules-list
  .rule
  .rule-icon.alert-alarm {
  background-image: url("");
}
.rules-detail-content-wrapper
  .alert-rules-section
  .rules-list
  .rule
  .rule-icon.three-hour {
  background-image: url("");
}
.rules-detail-content-wrapper
  .alert-rules-section
  .rules-list
  .rule
  .rule-icon.price-surge {
  background-image: url("");
}
.rules-detail-content-wrapper
  .alert-rules-section
  .rules-list
  .rule
  .rule-icon.ratio-below-200 {
  background-image: url("");
}
.rules-detail-content-wrapper
  .alert-rules-section
  .rules-list
  .rule
  .rule-content {
  margin-left: 20px;
}
.rules-detail-content-wrapper
  .alert-rules-section
  .rules-list
  .rule
  .rule-content
  .rule-title {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.rules-detail-content-wrapper
  .alert-rules-section
  .rules-list
  .rule
  .rule-content
  .rule-desc {
  color: #b3b4b7;
  font-size: 12px;
  font-weight: 400;
  margin-top: 8px;
}
.rules-detail-content-wrapper .faq-section {
  padding-top: 30px;
}
.rules-detail-content-wrapper .faq-section .faq-list {
  display: flex;
  flex-direction: column;
}
.rules-detail-content-wrapper .faq-section .faq-list .faq {
  color: #b3b4b7;
  font-size: 12px;
  font-weight: 400;
  margin-top: 16px;
  padding-left: 14px;
  position: relative;
}
.rules-detail-content-wrapper .faq-section .faq-list .faq:hover {
  color: #fff;
}
.rules-detail-content-wrapper .faq-section .faq-list .faq:before {
  background-color: #b3b4b7;
  border-radius: 1px;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  top: 44%;
  transform: translateY(-50%);
  width: 4px;
}
.cdp-alert-hint-tooltip a,
.cdp-alert-hint-tooltip a:hover {
  color: #9195fb;
  font-weight: 400;
}
.j-wrapper.white
  .j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .nav-bar-title {
  color: #22232b;
}
.j-wrapper.white
  .j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .item-list
  .settings-item
  .item-title {
  color: #737480;
}
.j-wrapper.white
  .j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .item-list
  .settings-item
  .item-title:after,
.j-wrapper.white
  .j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .item-list
  .settings-item
  .item-title:before {
  background-image: url("");
}
.j-wrapper.white
  .j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .item-list
  .settings-item
  .item-hint {
  background: #4d54ff0f;
  color: #737480;
}
.j-wrapper.white
  .j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .item-list
  .settings-item.risk-warning-item
  .item-title:before {
  background-image: url("");
}
.j-wrapper.white
  .j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .item-list
  .settings-item.risk-warning-item
  .item-title:after {
  background-image: url("");
}
.j-wrapper.white
  .j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .item-list
  .settings-item.global-settings-item
  .item-title:before {
  background-image: url("");
}
.j-wrapper.white
  .j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .item-list
  .settings-item.global-settings-item
  .item-title:after {
  background-image: url("");
}
.j-wrapper.white
  .j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .item-list
  .settings-item.active {
  border-color: #4c54ff;
}
.j-wrapper.white
  .j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .item-list
  .settings-item.active
  .item-title {
  color: #4d54ff;
}
.j-wrapper.white
  .j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .item-list
  .settings-item.active:after {
  border-left: 10px solid #eaedf7;
}
.j-wrapper.white
  .j-settings-container
  .settings-nav-bar
  .nav-bar-content
  .item-list:before {
  border-color: #22232b0f;
}
.j-wrapper.white .j-settings-container .settings-nav-bar .nav-bar-bg {
  background-image: url("");
}
.j-wrapper.white
  .j-settings-container
  .settings-nav-bar
  .nav-bar-bg-icon.risk-warning-bg-icon {
  background-image: url("");
}
.j-wrapper.white
  .j-settings-container
  .settings-nav-bar
  .nav-bar-bg-icon.global-settings-bg-icon {
  background-image: url("");
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .m-flex-a
  span {
  color: #737480;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-title {
  border-color: #22232b1a;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-title
  .title-text {
  color: #22232b;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-title
  .title-text:before {
  background-color: #4d54ff;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-title
  .link-email-hint
  .hint-message {
  color: #737480;
  font-weight: 400;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-title
  .link-email-hint
  .hint-message
  .hint-email-addr {
  color: #22232b;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-title
  .link-email-hint
  .hint-link {
  color: #4d54ff;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .option-list-title {
  color: #737480;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option.showing-rules {
  background-color: #fff9;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-icon {
  background-image: url("");
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-content
  .option-title {
  color: #22232b;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-content
  .option-title
  .title-hint {
  background: #4d54ff0f;
  color: #737480;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-content
  .option-title
  .title-hint:hover {
  background: #4d54ff29;
  color: #22232b;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-content
  .option-subtitle
  .subtitle-text {
  color: #737480;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-content
  .option-subtitle
  .rules-link {
  color: #4d54ff;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .language-option-radio
  .ant-radio-wrapper
  span,
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .theme-option-radio
  .ant-radio-wrapper
  span {
  color: #737480;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .language-option-radio
  .ant-radio-wrapper
  .ant-radio-inner,
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .theme-option-radio
  .ant-radio-wrapper
  .ant-radio-inner {
  background-color: #4d54ff29;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .language-option-radio
  .ant-radio-wrapper.ant-radio-wrapper-checked
  span,
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .theme-option-radio
  .ant-radio-wrapper.ant-radio-wrapper-checked
  span {
  color: #22232b;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .language-option-radio
  .ant-radio-wrapper.ant-radio-wrapper-checked
  .ant-radio-inner,
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .theme-option-radio
  .ant-radio-wrapper.ant-radio-wrapper-checked
  .ant-radio-inner {
  background-color: #4d54ff;
  border: none;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .language-option-radio
  .ant-radio-wrapper.ant-radio-wrapper-checked
  .ant-radio-inner:after,
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option
  .option-action-wrapper
  .theme-option-radio
  .ant-radio-wrapper.ant-radio-wrapper-checked
  .ant-radio-inner:after {
  background-color: #fff;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option.snb-alert-option
  .option-icon {
  background-image: url("");
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option.rental-alert-option
  .option-icon {
  background-image: url("");
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option.cdp-alert-option
  .option-icon {
  background-image: url("");
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option.link-email-option
  .option-icon {
  background-image: url("");
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option.link-email-option.email-linked
  .option-icon {
  background-image: url("");
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option.theme-option
  .option-icon {
  background-image: url("");
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .settings-option.langugage-option
  .option-icon {
  background-image: url("");
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .link-btn {
  background-color: #4d54ff;
  color: #fff;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .settings-option-list
  .link-btn:hover {
  background: #9195fb;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .new-switch
  .switch-line {
  background-color: #1416311a;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .new-switch
  .switch-circle {
  background-color: #fff;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .new-switch.switch-on
  .switch-line {
  background-color: #4d54ff;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .settings-main-content
  .settings-section-content
  .new-switch.switch-on
  .switch-circle {
  background-color: #fff;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .rules-detail-drawer {
  background-color: #f0f2f7;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .rules-detail-drawer.active {
  border-color: #22232b1a;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .rules-detail-drawer
  .back-btn {
  color: #22232b !important;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .rules-detail-drawer
  .back-btn:after {
  background-image: url("") !important;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .rules-detail-drawer
  .back-btn:hover {
  color: #22232b !important;
}
.j-wrapper.white
  .j-settings-container
  .settings-content
  .settings-section
  .rules-detail-drawer
  .detail-title {
  color: #22232b;
}
.j-wrapper.white .rules-detail-content-wrapper .detail-desc {
  color: #737480;
}
.j-wrapper.white .rules-detail-content-wrapper .section-title {
  color: #22232b;
}
.j-wrapper.white .rules-detail-content-wrapper .section-title:before {
  background-color: #4d54ff;
}
.j-wrapper.white .rules-detail-content-wrapper .alert-rules-section {
  border-bottom: 1px solid #22232b1a;
}
.j-wrapper.white
  .rules-detail-content-wrapper
  .alert-rules-section
  .rules-list
  .rule
  .rule-icon {
  background-image: url("");
}
.j-wrapper.white
  .rules-detail-content-wrapper
  .alert-rules-section
  .rules-list
  .rule
  .rule-icon.risk-90 {
  background-image: url("");
}
.j-wrapper.white
  .rules-detail-content-wrapper
  .alert-rules-section
  .rules-list
  .rule
  .rule-icon.risk-95 {
  background-image: url("");
}
.j-wrapper.white
  .rules-detail-content-wrapper
  .alert-rules-section
  .rules-list
  .rule
  .rule-icon.alert-alarm {
  background-image: url("");
}
.j-wrapper.white
  .rules-detail-content-wrapper
  .alert-rules-section
  .rules-list
  .rule
  .rule-icon.three-hour {
  background-image: url("");
}
.j-wrapper.white
  .rules-detail-content-wrapper
  .alert-rules-section
  .rules-list
  .rule
  .rule-icon.price-surge {
  background-image: url("");
}
.j-wrapper.white
  .rules-detail-content-wrapper
  .alert-rules-section
  .rules-list
  .rule
  .rule-icon.ratio-below-200 {
  background-image: url("");
}
.j-wrapper.white
  .rules-detail-content-wrapper
  .alert-rules-section
  .rules-list
  .rule
  .rule-content
  .rule-title {
  color: #22232b;
}
.j-wrapper.white
  .rules-detail-content-wrapper
  .alert-rules-section
  .rules-list
  .rule
  .rule-content
  .rule-desc,
.j-wrapper.white .rules-detail-content-wrapper .faq-section .faq-list .faq {
  color: #737480;
}
.j-wrapper.white
  .rules-detail-content-wrapper
  .faq-section
  .faq-list
  .faq:hover {
  color: #22232b;
}
.j-wrapper.white
  .rules-detail-content-wrapper
  .faq-section
  .faq-list
  .faq:before {
  background-color: #737480;
}
@media screen and (min-width: 799px) {
  .j-settings-container {
    min-height: calc(100vh - 64px);
  }
  .j-settings-container .mobile-only {
    display: none;
  }
  .j-settings-container .settings-nav-bar {
    display: none;
    flex-basis: 15%;
    flex-shrink: 0;
    justify-content: flex-end;
    max-width: 400px;
    min-width: 220px;
    padding: 30px;
    position: relative;
  }
  .j-settings-container .settings-nav-bar .nav-bar-content {
    display: flex;
    flex-direction: column;
    min-width: 160px;
    position: relative;
  }
  .j-settings-container .settings-nav-bar .nav-bar-content .nav-bar-title {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px;
  }
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item {
    align-items: center;
    display: flex;
    margin-bottom: 30px;
  }
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item
    .item-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    padding-left: 26px;
    position: relative;
    transition: all 0.3s ease;
  }
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item
    .item-title:after,
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item
    .item-title:before {
    background: url("") 0 0 no-repeat;
    background-size: 100%;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease;
    width: 16px;
  }
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item
    .item-title:after {
    opacity: 0;
  }
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item
    .item-hint {
    border-radius: 2px;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-left: 6px;
    padding: 4px 6px 3px;
  }
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item.risk-warning-item
    .item-title:after,
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item.risk-warning-item
    .item-title:before {
    transform: translateY(-60%);
  }
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item.risk-warning-item
    .item-title:before {
    background-image: url("");
  }
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item.risk-warning-item
    .item-title:after {
    background-image: url("");
  }
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item.global-settings-item
    .item-title:after,
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item.global-settings-item
    .item-title:before {
    transform: translateY(-55%);
  }
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item.global-settings-item
    .item-title:before {
    background-image: url("");
  }
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item.global-settings-item
    .item-title:after {
    background-image: url("");
  }
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item:after {
    border-bottom: 12px solid #0000;
    border-left: 10px solid #0000;
    border-top: 12px solid #0000;
    content: "";
    left: calc(100% + 30px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item.active:after {
    border-left: 10px solid #222430;
  }
  .j-settings-container .settings-nav-bar .nav-bar-bg {
    background: url("") 0 0 no-repeat;
    background-size: cover;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .j-settings-container .settings-nav-bar .nav-bar-bg-icon {
    background-size: 100%;
    bottom: 0;
    height: 220px;
    left: 0;
    position: fixed;
    transition: all 0.3s ease;
    width: 310px;
  }
  .j-settings-container
    .settings-nav-bar
    .nav-bar-bg-icon.risk-warning-bg-icon {
    background: url("") 0 0 no-repeat;
  }
  .j-settings-container
    .settings-nav-bar
    .nav-bar-bg-icon.global-settings-bg-icon {
    background: url("") 0 0 no-repeat;
  }
  .j-settings-container
    .settings-content
    .settings-section
    .rules-detail-drawer
    .back-btn {
    font-size: 12px;
    font-weight: 500;
    padding-left: 20px;
  }
  .j-settings-container
    .settings-content
    .settings-section
    .rules-detail-drawer
    .back-btn:after {
    background-size: 14px 8px;
    height: 11px;
    width: 14px;
  }
}
@media (max-width: 798px) {
  .j-settings-container {
    flex-direction: column;
    padding-bottom: 68px;
  }
  .j-settings-container .desktop-only {
    display: none;
  }
  .j-settings-container .settings-nav-bar {
    display: block;
    padding: 20px 15px 10px;
  }
  .j-settings-container .settings-nav-bar .nav-bar-content {
    display: flex;
    flex-direction: column;
  }
  .j-settings-container .settings-nav-bar .nav-bar-content .nav-bar-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
  }
  .j-settings-container .settings-nav-bar .nav-bar-content .item-list {
    display: none;
    flex-direction: row;
    position: relative;
  }
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item {
    align-items: center;
    border-bottom: 2px solid #0000;
    display: flex;
    padding-bottom: 9px;
    position: relative;
  }
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item
    .item-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
  }
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item
    .item-hint {
    border-radius: 2px;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-left: 6px;
    padding: 4px 6px 3px;
  }
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item:not(:first-child) {
    margin-left: 20px;
  }
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item.active,
  .j-settings-container
    .settings-nav-bar
    .nav-bar-content
    .item-list
    .settings-item:hover {
    border-bottom: 2px solid #9195fb;
  }
  .j-settings-container .settings-nav-bar .nav-bar-content .item-list:before {
    border-bottom: 1px solid #ffffff0f;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
  }
  .j-settings-container .settings-content {
    flex-grow: 1;
    padding: 0 15px;
  }
  .j-settings-container .settings-content .settings-section {
    display: flex;
    flex-direction: row;
  }
  .j-settings-container
    .settings-content
    .settings-section
    .settings-main-content {
    flex-grow: 1;
    height: calc(100vh - 200px);
    justify-content: flex-start;
    min-height: 520px;
    padding: 0 0 60px;
  }
  .j-settings-container
    .settings-content
    .settings-section
    .settings-main-content
    .settings-feedback {
    align-items: flex-start;
    bottom: 60px;
    flex-direction: column;
    padding-left: 0;
    position: absolute;
  }
  .j-settings-container
    .settings-content
    .settings-section
    .settings-main-content
    .settings-feedback
    svg {
    margin-left: 0;
    width: 16px;
  }
  .j-settings-container
    .settings-content
    .settings-section
    .settings-main-content
    .settings-feedback
    .tip {
    margin-left: -2px;
    margin-right: 4px;
    transform: translateY(-1px);
    width: 20px;
  }
  .j-settings-container
    .settings-content
    .settings-section
    .settings-main-content
    .settings-section-title {
    border-bottom: none;
    margin: 0;
    padding: 0;
  }
  .j-settings-container
    .settings-content
    .settings-section
    .settings-main-content
    .settings-section-title
    .title-text {
    display: none;
  }
  .j-settings-container
    .settings-content
    .settings-section
    .settings-main-content
    .settings-section-title
    .link-email-hint {
    margin-bottom: 30px;
  }
  .j-settings-container
    .settings-content
    .settings-section
    .settings-main-content
    .settings-section-content
    .settings-option-list {
    padding: 0;
  }
  .j-settings-container
    .settings-content
    .settings-section
    .settings-main-content
    .settings-section-content
    .settings-option-list
    .option-list-title {
    margin-bottom: 15px;
    padding: 0;
  }
  .j-settings-container
    .settings-content
    .settings-section
    .settings-main-content
    .settings-section-content
    .settings-option-list
    .settings-option {
    background-color: #0000 !important;
    margin: 0 0 30px;
    padding: 0;
  }
  .j-settings-container
    .settings-content
    .settings-section
    .settings-main-content
    .settings-section-content
    .settings-option-list
    .settings-option
    .option-icon {
    height: 40px;
    margin-right: 10px;
    width: 40px;
  }
  .j-settings-container
    .settings-content
    .settings-section
    .settings-main-content
    .settings-section-content
    .settings-option-list
    .settings-option
    .option-content
    .option-subtitle {
    margin-top: 4px;
  }
  .j-settings-container
    .settings-content
    .settings-section
    .settings-main-content
    .settings-section-content
    .settings-option-list
    .option-action-wrapper.new-row-btn {
    margin-bottom: 30px;
    margin-left: 50px;
    margin-top: -20px;
  }
  .j-settings-container
    .settings-content
    .settings-section
    .rules-detail-drawer {
    display: none;
  }
  .rules-detail-content-wrapper .detail-desc {
    margin-top: 16px;
  }
  .rules-detail-content-wrapper .alert-rules-section {
    padding: 16px 0 0;
  }
}
@media screen and (min-width: 799px) {
  .settings-nav-bar-skeleton-container {
    width: 65%;
  }
  .settings-nav-bar-skeleton-container .ant-skeleton {
    padding-bottom: 20px;
  }
  .settings-nav-bar-skeleton-container .ant-skeleton:first-child {
    padding-bottom: 30px;
  }
  .settings-nav-bar-skeleton-container
    .ant-skeleton
    .ant-skeleton-paragraph
    > li {
    height: 20px;
  }
  .settings-content-skeleton-container {
    padding: 30px 50px;
  }
  .settings-content-skeleton-container
    .settings-content-header-skeleton-container {
    border-bottom: 1px solid #ffffff0f;
    display: flex;
    justify-content: space-between;
  }
  .settings-content-skeleton-container
    .settings-content-header-skeleton-container
    .ant-skeleton {
    margin-bottom: 20px;
  }
  .settings-content-skeleton-container
    .settings-content-header-skeleton-container
    .ant-skeleton
    .ant-skeleton-paragraph
    > li {
    height: 20px;
  }
  .settings-content-skeleton-container
    .settings-content-header-skeleton-container
    .ant-skeleton:first-child {
    padding-left: 16px;
    position: relative;
    width: 15%;
  }
  .settings-content-skeleton-container
    .settings-content-header-skeleton-container
    .ant-skeleton:first-child:before {
    background-color: #4d54ff;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
  }
  .settings-content-skeleton-container
    .settings-content-header-skeleton-container
    .ant-skeleton:last-child {
    width: 35%;
  }
  .settings-content-skeleton-container
    .settings-content-option-skeleton-container {
    margin-left: 13px;
    margin-top: 35px;
  }
  .settings-content-skeleton-container
    .settings-content-option-skeleton-container
    .ant-skeleton {
    padding-bottom: 35px;
  }
  .settings-content-skeleton-container
    .settings-content-option-skeleton-container
    .ant-skeleton
    .ant-skeleton-paragraph
    > li {
    border-radius: 5px !important;
    height: 40px;
  }
  .settings-content-mobile-skeleton-container {
    display: none;
  }
  .white
    .settings-content-skeleton-container
    .settings-content-header-skeleton-container {
    border-color: #22232b1a;
  }
}
@media (max-width: 798px) {
  .settings-content-skeleton-container,
  .settings-nav-bar-skeleton-container {
    display: none;
  }
  .settings-content-mobile-skeleton-container {
    padding: 0 0 20px;
  }
  .settings-content-mobile-skeleton-container
    .settings-content-header-skeleton-container {
    border-bottom: 1px solid #ffffff0f;
    display: flex;
    flex-direction: column;
    margin-top: -20px;
  }
  .settings-content-mobile-skeleton-container
    .settings-content-header-skeleton-container
    .ant-skeleton {
    margin-bottom: 20px;
  }
  .settings-content-mobile-skeleton-container
    .settings-content-header-skeleton-container
    .ant-skeleton:first-child {
    margin-bottom: 10px;
    position: relative;
  }
  .settings-content-mobile-skeleton-container
    .settings-content-header-skeleton-container
    .ant-skeleton:first-child
    .ant-skeleton-paragraph
    > li {
    height: 16px;
  }
  .settings-content-mobile-skeleton-container
    .settings-content-header-skeleton-container
    .ant-skeleton:last-child
    .ant-skeleton-paragraph
    > li {
    height: 20px;
  }
  .settings-content-mobile-skeleton-container
    .settings-content-option-skeleton-container {
    margin-top: 20px;
  }
  .settings-content-mobile-skeleton-container
    .settings-content-option-skeleton-container
    .ant-skeleton
    .ant-skeleton-paragraph
    > li {
    height: 16px;
  }
  .settings-content-mobile-skeleton-container
    .settings-content-option-skeleton-container
    .settings-content-mobile-option-skeleton {
    align-items: center;
    display: flex;
    margin-top: 20px;
  }
  .settings-content-mobile-skeleton-container
    .settings-content-option-skeleton-container
    .settings-content-mobile-option-skeleton
    .settings-content-mobile-option-icon-skeleton {
    background: #ffffff0f;
    border-radius: 15px;
    height: 30px;
    margin-right: 8px;
    width: 30px;
  }
  .settings-content-mobile-skeleton-container
    .settings-content-option-skeleton-container
    .settings-content-mobile-option-skeleton
    .settings-content-mobile-option-text-skeleton {
    flex-grow: 1;
    margin-right: 8px;
  }
  .settings-content-mobile-skeleton-container
    .settings-content-option-skeleton-container
    .settings-content-mobile-option-skeleton
    .settings-content-mobile-option-text-skeleton
    .ant-skeleton-paragraph
    > li {
    height: 16px;
    margin-bottom: 3px;
    margin-top: 3px;
  }
  .settings-content-mobile-skeleton-container
    .settings-content-option-skeleton-container
    .settings-content-mobile-option-skeleton
    .new-switch {
    cursor: default;
    height: 15px;
    width: 30px;
  }
  .settings-content-mobile-skeleton-container
    .settings-content-option-skeleton-container
    .settings-content-mobile-option-skeleton
    .new-switch
    .switch-line {
    background-color: #ffffff1a;
    height: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
  }
  .settings-content-mobile-skeleton-container
    .settings-content-option-skeleton-container
    .settings-content-mobile-option-skeleton
    .new-switch
    .switch-circle {
    background-color: #fff;
    height: 15px;
    width: 15px;
  }
  .white
    .settings-content-mobile-skeleton-container
    .settings-content-header-skeleton-container {
    border-color: #22232b1a;
  }
  .white
    .settings-content-mobile-skeleton-container
    .settings-content-option-skeleton-container
    .settings-content-mobile-option-skeleton
    .settings-content-mobile-option-icon-skeleton {
    background: #4b52df1a;
  }
  .white
    .settings-content-mobile-skeleton-container
    .settings-content-option-skeleton-container
    .settings-content-mobile-option-skeleton
    .new-switch
    .switch-line {
    background-color: #1416311a;
  }
  .white
    .settings-content-mobile-skeleton-container
    .settings-content-option-skeleton-container
    .settings-content-mobile-option-skeleton
    .new-switch
    .switch-circle {
    background-color: #fff;
  }
}
.winter-theme {
  height: 0;
  pointer-events: none;
  z-index: 99999999 !important;
}
.white .snow {
  background: url("") no-repeat;
  background-size: 100%;
  height: 20px;
  width: 20px;
}
.energyRent .snow,
.home .snow,
.liquidityStake .snow,
.market .snow,
.marketDetail .snow,
.vote .snow,
.voteDetail .snow,
.white .energyRent .snow,
.white .home .snow,
.white .liquidityStake .snow,
.white .market .snow,
.white .marketDetail .snow,
.white .vote .snow,
.white .voteDetail .snow {
  height: 24px;
  width: 24px;
}
.energyRent .snow,
.home .snow,
.liquidityStake .snow,
.market .snow,
.marketDetail .snow,
.snow,
.vote .snow,
.voteDetail .snow,
.white .energyRent .snow,
.white .home .snow,
.white .liquidityStake .snow,
.white .market .snow,
.white .marketDetail .snow,
.white .vote .snow,
.white .voteDetail .snow {
  background: url("") no-repeat;
  background-size: 100%;
}
.snow {
  border-radius: 50%;
  height: 20px;
  position: absolute;
  width: 20px;
  z-index: 999999;
}
.snow:first-child {
  animation: fall-1 32s linear -19s infinite;
  opacity: 0.5816;
  transform: translate(78.7045vw, -10px) scale(0.9355);
}
@keyframes fall-1 {
  63.922% {
    transform: translate(85.5557vw, 1562.25368px) scale(0.9355);
  }
  to {
    transform: translate(82.1301vw, 2444px) scale(0.9355);
  }
}
.snow:nth-child(2) {
  animation: fall-2 24s linear -4s infinite;
  opacity: 0.8806;
  transform: translate(13.8194vw, -10px) scale(0.7997);
}
@keyframes fall-2 {
  79.693% {
    transform: translate(12.6072vw, 1947.69692px) scale(0.7997);
  }
  to {
    transform: translate(13.2133vw, 2444px) scale(0.7997);
  }
}
.snow:nth-child(3) {
  animation: fall-3 22s linear -4s infinite;
  opacity: 0.1776;
  transform: translate(84.9857vw, -10px) scale(0.8396);
}
@keyframes fall-3 {
  49.336% {
    transform: translate(80.2194vw, 1205.77184px) scale(0.8396);
  }
  to {
    transform: translate(82.60255vw, 2444px) scale(0.8396);
  }
}
.snow:nth-child(4) {
  animation: fall-4 28s linear -22s infinite;
  opacity: 0.8512;
  transform: translate(39.8402vw, -10px) scale(0.9374);
}
@keyframes fall-4 {
  53.689% {
    transform: translate(37.5339vw, 1312.15916px) scale(0.9374);
  }
  to {
    transform: translate(38.68705vw, 2444px) scale(0.9374);
  }
}
.snow:nth-child(5) {
  animation: fall-5 42s linear -3s infinite;
  opacity: 0.4201;
  transform: translate(75.0743vw, -10px) scale(0.8137);
}
@keyframes fall-5 {
  72.313% {
    transform: translate(80.6308vw, 1767.32972px) scale(0.8137);
  }
  to {
    transform: translate(77.85255vw, 2444px) scale(0.8137);
  }
}
.snow:nth-child(6) {
  animation: fall-6 38s linear -25s infinite;
  opacity: 0.0507;
  transform: translate(12.2665vw, -10px) scale(0.6566);
}
@keyframes fall-6 {
  48.178% {
    transform: translate(10.9128vw, 1177.47032px) scale(0.6566);
  }
  to {
    transform: translate(11.58965vw, 2444px) scale(0.6566);
  }
}
.snow:nth-child(7) {
  animation: fall-7 36s linear -27s infinite;
  opacity: 0.0493;
  transform: translate(17.7557vw, -10px) scale(0.0744);
}
@keyframes fall-7 {
  63.004% {
    transform: translate(8.0861vw, 1539.81776px) scale(0.0744);
  }
  to {
    transform: translate(12.9209vw, 2444px) scale(0.0744);
  }
}
.snow:nth-child(8) {
  animation: fall-8 60s linear -1s infinite;
  opacity: 0.0514;
  transform: translate(33.3936vw, -10px) scale(0.0181);
}
@keyframes fall-8 {
  47.442% {
    transform: translate(23.9306vw, 1159.48248px) scale(0.0181);
  }
  to {
    transform: translate(28.6621vw, 2444px) scale(0.0181);
  }
}
.snow:nth-child(9) {
  animation: fall-9 54s linear -24s infinite;
  opacity: 0.5232;
  transform: translate(60.4092vw, -10px) scale(0.1316);
}
@keyframes fall-9 {
  39.569% {
    transform: translate(62.131vw, 967.06636px) scale(0.1316);
  }
  to {
    transform: translate(61.2701vw, 2444px) scale(0.1316);
  }
}
.snow:nth-child(10) {
  animation: fall-10 48s linear -15s infinite;
  opacity: 0.8901;
  transform: translate(15.9559vw, -10px) scale(0.6656);
}
@keyframes fall-10 {
  51.561% {
    transform: translate(16.7236vw, 1260.15084px) scale(0.6656);
  }
  to {
    transform: translate(16.33975vw, 2444px) scale(0.6656);
  }
}
.snow:nth-child(11) {
  animation: fall-11 48s linear -28s infinite;
  opacity: 0.1905;
  transform: translate(74.4836vw, -10px) scale(0.329);
}
@keyframes fall-11 {
  59.753% {
    transform: translate(70.735vw, 1460.36332px) scale(0.329);
  }
  to {
    transform: translate(72.6093vw, 2444px) scale(0.329);
  }
}
.snow:nth-child(12) {
  animation: fall-12 48s linear -13s infinite;
  opacity: 0.9112;
  transform: translate(77.8426vw, -10px) scale(0.9994);
}
@keyframes fall-12 {
  42.322% {
    transform: translate(83.9279vw, 1034.34968px) scale(0.9994);
  }
  to {
    transform: translate(80.88525vw, 2444px) scale(0.9994);
  }
}
.snow:nth-child(13) {
  animation: fall-13 32s linear -9s infinite;
  opacity: 0.0997;
  transform: translate(26.755vw, -10px) scale(0.2028);
}
@keyframes fall-13 {
  73.863% {
    transform: translate(21.4vw, 1805.21172px) scale(0.2028);
  }
  to {
    transform: translate(24.0775vw, 2444px) scale(0.2028);
  }
}
.snow:nth-child(14) {
  animation: fall-14 48s linear -20s infinite;
  opacity: 0.1626;
  transform: translate(88.3098vw, -10px) scale(0.8969);
}
@keyframes fall-14 {
  56.013% {
    transform: translate(91.6964vw, 1368.95772px) scale(0.8969);
  }
  to {
    transform: translate(90.0031vw, 2444px) scale(0.8969);
  }
}
.snow:nth-child(15) {
  animation: fall-15 48s linear -12s infinite;
  opacity: 0.7121;
  transform: translate(12.4408vw, -10px) scale(0.9317);
}
@keyframes fall-15 {
  30.453% {
    transform: translate(11.4603vw, 744.27132px) scale(0.9317);
  }
  to {
    transform: translate(11.95055vw, 2444px) scale(0.9317);
  }
}
.snow:nth-child(16) {
  animation: fall-16 60s linear -12s infinite;
  opacity: 0.7942;
  transform: translate(49.2946vw, -10px) scale(0.7761);
}
@keyframes fall-16 {
  47.716% {
    transform: translate(41.7537vw, 1166.17904px) scale(0.7761);
  }
  to {
    transform: translate(45.52415vw, 2444px) scale(0.7761);
  }
}
.snow:nth-child(17) {
  animation: fall-17 46s linear -18s infinite;
  opacity: 0.7956;
  transform: translate(91.0593vw, -10px) scale(0.1101);
}
@keyframes fall-17 {
  32.436% {
    transform: translate(95.8768vw, 792.73584px) scale(0.1101);
  }
  to {
    transform: translate(93.46805vw, 2444px) scale(0.1101);
  }
}
.snow:nth-child(18) {
  animation: fall-18 46s linear -6s infinite;
  opacity: 0.8062;
  transform: translate(14.7925vw, -10px) scale(0.2773);
}
@keyframes fall-18 {
  50.875% {
    transform: translate(10.1027vw, 1243.385px) scale(0.2773);
  }
  to {
    transform: translate(12.4476vw, 2444px) scale(0.2773);
  }
}
.snow:nth-child(19) {
  animation: fall-19 46s linear -23s infinite;
  opacity: 0.3679;
  transform: translate(13.8358vw, -10px) scale(0.1716);
}
@keyframes fall-19 {
  33.29% {
    transform: translate(5.1926vw, 813.6076px) scale(0.1716);
  }
  to {
    transform: translate(9.5142vw, 2444px) scale(0.1716);
  }
}
.snow:nth-child(20) {
  animation: fall-20 22s linear -4s infinite;
  opacity: 0.3321;
  transform: translate(51.232vw, -10px) scale(0.0292);
}
@keyframes fall-20 {
  48.235% {
    transform: translate(58.6802vw, 1178.8634px) scale(0.0292);
  }
  to {
    transform: translate(54.9561vw, 2444px) scale(0.0292);
  }
}
.snow:nth-child(21) {
  animation: fall-21 34s linear -23s infinite;
  opacity: 0.7965;
  transform: translate(73.0936vw, -10px) scale(0.8225);
}
@keyframes fall-21 {
  35.844% {
    transform: translate(73.8568vw, 876.02736px) scale(0.8225);
  }
  to {
    transform: translate(73.4752vw, 2444px) scale(0.8225);
  }
}
.snow:nth-child(22) {
  animation: fall-22 56s linear -3s infinite;
  opacity: 0.7977;
  transform: translate(61.1367vw, -10px) scale(0.6546);
}
@keyframes fall-22 {
  45.409% {
    transform: translate(55.7626vw, 1109.79596px) scale(0.6546);
  }
  to {
    transform: translate(58.44965vw, 2444px) scale(0.6546);
  }
}
.snow:nth-child(23) {
  animation: fall-23 24s linear -16s infinite;
  opacity: 0.5028;
  transform: translate(95.8521vw, -10px) scale(0.366);
}
@keyframes fall-23 {
  49.033% {
    transform: translate(93.0656vw, 1198.36652px) scale(0.366);
  }
  to {
    transform: translate(94.45885vw, 2444px) scale(0.366);
  }
}
.snow:nth-child(24) {
  animation: fall-24 48s linear -28s infinite;
  opacity: 0.6705;
  transform: translate(79.5721vw, -10px) scale(0.5155);
}
@keyframes fall-24 {
  59.74% {
    transform: translate(74.3623vw, 1460.0456px) scale(0.5155);
  }
  to {
    transform: translate(76.9672vw, 2444px) scale(0.5155);
  }
}
.snow:nth-child(25) {
  animation: fall-25 38s linear -7s infinite;
  opacity: 0.6073;
  transform: translate(82.866vw, -10px) scale(0.486);
}
@keyframes fall-25 {
  31.062% {
    transform: translate(85.3156vw, 759.15528px) scale(0.486);
  }
  to {
    transform: translate(84.0908vw, 2444px) scale(0.486);
  }
}
.snow:nth-child(26) {
  animation: fall-26 38s linear -10s infinite;
  opacity: 0.307;
  transform: translate(7.2115vw, -10px) scale(0.4673);
}
@keyframes fall-26 {
  77.131% {
    transform: translate(7.8243vw, 1885.08164px) scale(0.4673);
  }
  to {
    transform: translate(7.5179vw, 2444px) scale(0.4673);
  }
}
.snow:nth-child(27) {
  animation: fall-27 20s linear -25s infinite;
  opacity: 0.6246;
  transform: translate(74.6523vw, -10px) scale(0.2369);
}
@keyframes fall-27 {
  70.08% {
    transform: translate(83.0005vw, 1712.7552px) scale(0.2369);
  }
  to {
    transform: translate(78.8264vw, 2444px) scale(0.2369);
  }
}
.snow:nth-child(28) {
  animation: fall-28 44s linear -30s infinite;
  opacity: 0.1795;
  transform: translate(84.318vw, -10px) scale(0.6232);
}
@keyframes fall-28 {
  76.906% {
    transform: translate(92.8095vw, 1879.58264px) scale(0.6232);
  }
  to {
    transform: translate(88.56375vw, 2444px) scale(0.6232);
  }
}
.snow:nth-child(29) {
  animation: fall-29 36s linear -20s infinite;
  opacity: 0.5045;
  transform: translate(29.9936vw, -10px) scale(0.1902);
}
@keyframes fall-29 {
  69.881% {
    transform: translate(24.0552vw, 1707.89164px) scale(0.1902);
  }
  to {
    transform: translate(27.0244vw, 2444px) scale(0.1902);
  }
}
.snow:nth-child(30) {
  animation: fall-30 30s linear -24s infinite;
  opacity: 0.4872;
  transform: translate(34.1327vw, -10px) scale(0.3393);
}
@keyframes fall-30 {
  66.734% {
    transform: translate(33.533vw, 1630.97896px) scale(0.3393);
  }
  to {
    transform: translate(33.83285vw, 2444px) scale(0.3393);
  }
}
.snow:nth-child(31) {
  animation: fall-31 54s linear -25s infinite;
  opacity: 0.3264;
  transform: translate(24.125vw, -10px) scale(0.1395);
}
@keyframes fall-31 {
  49.459% {
    transform: translate(26.1055vw, 1208.77796px) scale(0.1395);
  }
  to {
    transform: translate(25.11525vw, 2444px) scale(0.1395);
  }
}
.snow:nth-child(32) {
  animation: fall-32 56s linear -15s infinite;
  opacity: 0.6695;
  transform: translate(21.4938vw, -10px) scale(0.5823);
}
@keyframes fall-32 {
  60.024% {
    transform: translate(29.3766vw, 1466.98656px) scale(0.5823);
  }
  to {
    transform: translate(25.4352vw, 2444px) scale(0.5823);
  }
}
.snow:nth-child(33) {
  animation: fall-33 56s linear -7s infinite;
  opacity: 0.7216;
  transform: translate(10.0425vw, -10px) scale(0.9048);
}
@keyframes fall-33 {
  38.175% {
    transform: translate(12.6494vw, 932.997px) scale(0.9048);
  }
  to {
    transform: translate(11.34595vw, 2444px) scale(0.9048);
  }
}
.snow:nth-child(34) {
  animation: fall-34 38s linear -6s infinite;
  opacity: 0.1295;
  transform: translate(56.8751vw, -10px) scale(0.7744);
}
@keyframes fall-34 {
  67.869% {
    transform: translate(66.0658vw, 1658.71836px) scale(0.7744);
  }
  to {
    transform: translate(61.47045vw, 2444px) scale(0.7744);
  }
}
.snow:nth-child(35) {
  animation: fall-35 22s linear -5s infinite;
  opacity: 0.5986;
  transform: translate(33.1964vw, -10px) scale(0.5155);
}
@keyframes fall-35 {
  71.36% {
    transform: translate(31.4285vw, 1744.0384px) scale(0.5155);
  }
  to {
    transform: translate(32.31245vw, 2444px) scale(0.5155);
  }
}
.snow:nth-child(36) {
  animation: fall-36 54s linear -3s infinite;
  opacity: 0.1061;
  transform: translate(10.3754vw, -10px) scale(0.921);
}
@keyframes fall-36 {
  56.245% {
    transform: translate(16.9773vw, 1374.6278px) scale(0.921);
  }
  to {
    transform: translate(13.67635vw, 2444px) scale(0.921);
  }
}
.snow:nth-child(37) {
  animation: fall-37 60s linear -26s infinite;
  opacity: 0.8704;
  transform: translate(18.987vw, -10px) scale(0.7775);
}
@keyframes fall-37 {
  33.797% {
    transform: translate(19.2239vw, 825.99868px) scale(0.7775);
  }
  to {
    transform: translate(19.10545vw, 2444px) scale(0.7775);
  }
}
.snow:nth-child(38) {
  animation: fall-38 54s linear -17s infinite;
  opacity: 0.1259;
  transform: translate(53.7951vw, -10px) scale(0.3392);
}
@keyframes fall-38 {
  42.734% {
    transform: translate(61.4476vw, 1044.41896px) scale(0.3392);
  }
  to {
    transform: translate(57.62135vw, 2444px) scale(0.3392);
  }
}
.snow:nth-child(39) {
  animation: fall-39 26s linear -7s infinite;
  opacity: 0.8618;
  transform: translate(77.3525vw, -10px) scale(0.8242);
}
@keyframes fall-39 {
  72.948% {
    transform: translate(75.3258vw, 1782.84912px) scale(0.8242);
  }
  to {
    transform: translate(76.33915vw, 2444px) scale(0.8242);
  }
}
.snow:nth-child(40) {
  animation: fall-40 52s linear -5s infinite;
  opacity: 0.9663;
  transform: translate(72.5391vw, -10px) scale(0.9298);
}
@keyframes fall-40 {
  41.366% {
    transform: translate(76.64vw, 1010.98504px) scale(0.9298);
  }
  to {
    transform: translate(74.58955vw, 2444px) scale(0.9298);
  }
}
.snow:nth-child(41) {
  animation: fall-41 42s linear -7s infinite;
  opacity: 0.3017;
  transform: translate(76.0622vw, -10px) scale(0.5785);
}
@keyframes fall-41 {
  55.22% {
    transform: translate(72.3112vw, 1349.5768px) scale(0.5785);
  }
  to {
    transform: translate(74.1867vw, 2444px) scale(0.5785);
  }
}
.snow:nth-child(42) {
  animation: fall-42 40s linear -16s infinite;
  opacity: 0.4776;
  transform: translate(93.7215vw, -10px) scale(0.707);
}
@keyframes fall-42 {
  74.255% {
    transform: translate(94.5436vw, 1814.7922px) scale(0.707);
  }
  to {
    transform: translate(94.13255vw, 2444px) scale(0.707);
  }
}
.snow:nth-child(43) {
  animation: fall-43 38s linear -29s infinite;
  opacity: 0.0385;
  transform: translate(26.3969vw, -10px) scale(0.9271);
}
@keyframes fall-43 {
  66.96% {
    transform: translate(33.7734vw, 1636.5024px) scale(0.9271);
  }
  to {
    transform: translate(30.08515vw, 2444px) scale(0.9271);
  }
}
.snow:nth-child(44) {
  animation: fall-44 32s linear -27s infinite;
  opacity: 0.9247;
  transform: translate(46.5784vw, -10px) scale(0.5934);
}
@keyframes fall-44 {
  46.584% {
    transform: translate(37.4577vw, 1138.51296px) scale(0.5934);
  }
  to {
    transform: translate(42.01805vw, 2444px) scale(0.5934);
  }
}
.snow:nth-child(45) {
  animation: fall-45 22s linear -30s infinite;
  opacity: 0.6642;
  transform: translate(6.9183vw, -10px) scale(0.1115);
}
@keyframes fall-45 {
  56.746% {
    transform: translate(10.7099vw, 1386.87224px) scale(0.1115);
  }
  to {
    transform: translate(8.8141vw, 2444px) scale(0.1115);
  }
}
.snow:nth-child(46) {
  animation: fall-46 46s linear -17s infinite;
  opacity: 0.7336;
  transform: translate(43.1474vw, -10px) scale(0.743);
}
@keyframes fall-46 {
  68.889% {
    transform: translate(38.634vw, 1683.64716px) scale(0.743);
  }
  to {
    transform: translate(40.8907vw, 2444px) scale(0.743);
  }
}
.snow:nth-child(47) {
  animation: fall-47 60s linear -21s infinite;
  opacity: 0.535;
  transform: translate(50.2674vw, -10px) scale(0.841);
}
@keyframes fall-47 {
  42.439% {
    transform: translate(56.5583vw, 1037.20916px) scale(0.841);
  }
  to {
    transform: translate(53.41285vw, 2444px) scale(0.841);
  }
}
.snow:nth-child(48) {
  animation: fall-48 40s linear -28s infinite;
  opacity: 0.1105;
  transform: translate(34.2816vw, -10px) scale(0.1355);
}
@keyframes fall-48 {
  38.877% {
    transform: translate(36.3056vw, 950.15388px) scale(0.1355);
  }
  to {
    transform: translate(35.2936vw, 2444px) scale(0.1355);
  }
}
.snow:nth-child(49) {
  animation: fall-49 40s linear -6s infinite;
  opacity: 0.7864;
  transform: translate(24.4267vw, -10px) scale(0.6708);
}
@keyframes fall-49 {
  57.302% {
    transform: translate(15.4283vw, 1400.46088px) scale(0.6708);
  }
  to {
    transform: translate(19.9275vw, 2444px) scale(0.6708);
  }
}
.snow:nth-child(50) {
  animation: fall-50 20s linear -15s infinite;
  opacity: 0.9846;
  transform: translate(40.9353vw, -10px) scale(0.3877);
}
@keyframes fall-50 {
  45.726% {
    transform: translate(37.389vw, 1117.54344px) scale(0.3877);
  }
  to {
    transform: translate(39.16215vw, 2444px) scale(0.3877);
  }
}
.snow:nth-child(51) {
  animation: fall-51 46s linear -28s infinite;
  opacity: 0.863;
  transform: translate(60.1374vw, -10px) scale(0.104);
}
@keyframes fall-51 {
  73.999% {
    transform: translate(60.2141vw, 1808.53556px) scale(0.104);
  }
  to {
    transform: translate(60.17575vw, 2444px) scale(0.104);
  }
}
.snow:nth-child(52) {
  animation: fall-52 28s linear -12s infinite;
  opacity: 0.7136;
  transform: translate(76.5662vw, -10px) scale(0.3521);
}
@keyframes fall-52 {
  41.374% {
    transform: translate(71.3946vw, 1011.18056px) scale(0.3521);
  }
  to {
    transform: translate(73.9804vw, 2444px) scale(0.3521);
  }
}
.snow:nth-child(53) {
  animation: fall-53 26s linear -26s infinite;
  opacity: 0.3945;
  transform: translate(98.4936vw, -10px) scale(0.0594);
}
@keyframes fall-53 {
  30.569% {
    transform: translate(92.14vw, 747.10636px) scale(0.0594);
  }
  to {
    transform: translate(95.3168vw, 2444px) scale(0.0594);
  }
}
.snow:nth-child(54) {
  animation: fall-54 36s linear -29s infinite;
  opacity: 0.3628;
  transform: translate(11.2608vw, -10px) scale(0.6777);
}
@keyframes fall-54 {
  56.906% {
    transform: translate(3.3458vw, 1390.78264px) scale(0.6777);
  }
  to {
    transform: translate(7.3033vw, 2444px) scale(0.6777);
  }
}
.snow:nth-child(55) {
  animation: fall-55 44s linear -21s infinite;
  opacity: 0.992;
  transform: translate(77.2263vw, -10px) scale(0.6631);
}
@keyframes fall-55 {
  47.952% {
    transform: translate(68.0595vw, 1171.94688px) scale(0.6631);
  }
  to {
    transform: translate(72.6429vw, 2444px) scale(0.6631);
  }
}
.snow:nth-child(56) {
  animation: fall-56 24s linear -11s infinite;
  opacity: 0.2646;
  transform: translate(69.0107vw, -10px) scale(0.1241);
}
@keyframes fall-56 {
  50.823% {
    transform: translate(66.4468vw, 1242.11412px) scale(0.1241);
  }
  to {
    transform: translate(67.72875vw, 2444px) scale(0.1241);
  }
}
.snow:nth-child(57) {
  animation: fall-57 36s linear -1s infinite;
  opacity: 0.5976;
  transform: translate(46.9119vw, -10px) scale(0.2301);
}
@keyframes fall-57 {
  50.625% {
    transform: translate(52.3155vw, 1237.275px) scale(0.2301);
  }
  to {
    transform: translate(49.6137vw, 2444px) scale(0.2301);
  }
}
.snow:nth-child(58) {
  animation: fall-58 44s linear -16s infinite;
  opacity: 0.4662;
  transform: translate(75.8207vw, -10px) scale(0.5899);
}
@keyframes fall-58 {
  78.572% {
    transform: translate(65.924vw, 1920.29968px) scale(0.5899);
  }
  to {
    transform: translate(70.87235vw, 2444px) scale(0.5899);
  }
}
.snow:nth-child(59) {
  animation: fall-59 44s linear -16s infinite;
  opacity: 0.249;
  transform: translate(29.119vw, -10px) scale(0.9374);
}
@keyframes fall-59 {
  63.255% {
    transform: translate(37.1832vw, 1545.9522px) scale(0.9374);
  }
  to {
    transform: translate(33.1511vw, 2444px) scale(0.9374);
  }
}
.snow:nth-child(60) {
  animation: fall-60 56s linear -27s infinite;
  opacity: 0.8912;
  transform: translate(47.9783vw, -10px) scale(0.494);
}
@keyframes fall-60 {
  42.869% {
    transform: translate(52.2355vw, 1047.71836px) scale(0.494);
  }
  to {
    transform: translate(50.1069vw, 2444px) scale(0.494);
  }
}
.snow:nth-child(61) {
  animation: fall-61 46s linear -28s infinite;
  opacity: 0.7853;
  transform: translate(38.8773vw, -10px) scale(0.7983);
}
@keyframes fall-61 {
  35.531% {
    transform: translate(46.6224vw, 868.37764px) scale(0.7983);
  }
  to {
    transform: translate(42.74985vw, 2444px) scale(0.7983);
  }
}
.snow:nth-child(62) {
  animation: fall-62 38s linear -29s infinite;
  opacity: 0.416;
  transform: translate(83.5517vw, -10px) scale(0.2618);
}
@keyframes fall-62 {
  61.673% {
    transform: translate(80.2143vw, 1507.28812px) scale(0.2618);
  }
  to {
    transform: translate(81.883vw, 2444px) scale(0.2618);
  }
}
.snow:nth-child(63) {
  animation: fall-63 60s linear -5s infinite;
  opacity: 0.8777;
  transform: translate(2.6871vw, -10px) scale(0.1311);
}
@keyframes fall-63 {
  74.593% {
    transform: translate(-3.3259vw, 1823.05292px) scale(0.1311);
  }
  to {
    transform: translate(-0.3194vw, 2444px) scale(0.1311);
  }
}
.snow:nth-child(64) {
  animation: fall-64 34s linear -24s infinite;
  opacity: 0.113;
  transform: translate(60.873vw, -10px) scale(0.4805);
}
@keyframes fall-64 {
  45.626% {
    transform: translate(66.4379vw, 1115.09944px) scale(0.4805);
  }
  to {
    transform: translate(63.65545vw, 2444px) scale(0.4805);
  }
}
.snow:nth-child(65) {
  animation: fall-65 52s linear -1s infinite;
  opacity: 0.2919;
  transform: translate(73.0421vw, -10px) scale(0.5014);
}
@keyframes fall-65 {
  55.681% {
    transform: translate(63.5924vw, 1360.84364px) scale(0.5014);
  }
  to {
    transform: translate(68.31725vw, 2444px) scale(0.5014);
  }
}
.snow:nth-child(66) {
  animation: fall-66 42s linear -28s infinite;
  opacity: 0.8422;
  transform: translate(12.4982vw, -10px) scale(0.6222);
}
@keyframes fall-66 {
  42.142% {
    transform: translate(7.6266vw, 1029.95048px) scale(0.6222);
  }
  to {
    transform: translate(10.0624vw, 2444px) scale(0.6222);
  }
}
.snow:nth-child(67) {
  animation: fall-67 54s linear -23s infinite;
  opacity: 0.0323;
  transform: translate(72.1717vw, -10px) scale(0.9025);
}
@keyframes fall-67 {
  30.619% {
    transform: translate(64.2449vw, 748.32836px) scale(0.9025);
  }
  to {
    transform: translate(68.2083vw, 2444px) scale(0.9025);
  }
}
.snow:nth-child(68) {
  animation: fall-68 32s linear -27s infinite;
  opacity: 0.4687;
  transform: translate(37.0381vw, -10px) scale(0.504);
}
@keyframes fall-68 {
  48.631% {
    transform: translate(30.5332vw, 1188.54164px) scale(0.504);
  }
  to {
    transform: translate(33.78565vw, 2444px) scale(0.504);
  }
}
.snow:nth-child(69) {
  animation: fall-69 46s linear -30s infinite;
  opacity: 0.8805;
  transform: translate(29.4622vw, -10px) scale(0.7081);
}
@keyframes fall-69 {
  45.227% {
    transform: translate(20.3198vw, 1105.34788px) scale(0.7081);
  }
  to {
    transform: translate(24.891vw, 2444px) scale(0.7081);
  }
}
.snow:nth-child(70) {
  animation: fall-70 58s linear -15s infinite;
  opacity: 0.5912;
  transform: translate(0.1006vw, -10px) scale(0.4138);
}
@keyframes fall-70 {
  48.18% {
    transform: translate(-4.0827vw, 1177.5192px) scale(0.4138);
  }
  to {
    transform: translate(-1.99105vw, 2444px) scale(0.4138);
  }
}
.snow:nth-child(71) {
  animation: fall-71 42s linear -5s infinite;
  opacity: 0.3412;
  transform: translate(96.1933vw, -10px) scale(0.5346);
}
@keyframes fall-71 {
  61.677% {
    transform: translate(105.6908vw, 1507.38588px) scale(0.5346);
  }
  to {
    transform: translate(100.94205vw, 2444px) scale(0.5346);
  }
}
.snow:nth-child(72) {
  animation: fall-72 24s linear -30s infinite;
  opacity: 0.2107;
  transform: translate(95.5298vw, -10px) scale(0.6705);
}
@keyframes fall-72 {
  51.872% {
    transform: translate(99.3515vw, 1267.75168px) scale(0.6705);
  }
  to {
    transform: translate(97.44065vw, 2444px) scale(0.6705);
  }
}
.snow:nth-child(73) {
  animation: fall-73 20s linear -16s infinite;
  opacity: 0.3018;
  transform: translate(5.2902vw, -10px) scale(0.2321);
}
@keyframes fall-73 {
  70.219% {
    transform: translate(0.0555vw, 1716.15236px) scale(0.2321);
  }
  to {
    transform: translate(2.67285vw, 2444px) scale(0.2321);
  }
}
.snow:nth-child(74) {
  animation: fall-74 24s linear -14s infinite;
  opacity: 0.9979;
  transform: translate(95.1078vw, -10px) scale(0.6066);
}
@keyframes fall-74 {
  79.837% {
    transform: translate(86.8371vw, 1951.21628px) scale(0.6066);
  }
  to {
    transform: translate(90.97245vw, 2444px) scale(0.6066);
  }
}
.snow:nth-child(75) {
  animation: fall-75 26s linear -26s infinite;
  opacity: 0.5227;
  transform: translate(64.6067vw, -10px) scale(0.5377);
}
@keyframes fall-75 {
  71.48% {
    transform: translate(60.8707vw, 1746.9712px) scale(0.5377);
  }
  to {
    transform: translate(62.7387vw, 2444px) scale(0.5377);
  }
}
.snow:nth-child(76) {
  animation: fall-76 46s linear -23s infinite;
  opacity: 0.5506;
  transform: translate(29.5294vw, -10px) scale(0.9215);
}
@keyframes fall-76 {
  38.95% {
    transform: translate(26.6777vw, 951.938px) scale(0.9215);
  }
  to {
    transform: translate(28.10355vw, 2444px) scale(0.9215);
  }
}
.snow:nth-child(77) {
  animation: fall-77 42s linear -21s infinite;
  opacity: 0.1668;
  transform: translate(70.9212vw, -10px) scale(0.4196);
}
@keyframes fall-77 {
  73.253% {
    transform: translate(63.5421vw, 1790.30332px) scale(0.4196);
  }
  to {
    transform: translate(67.23165vw, 2444px) scale(0.4196);
  }
}
.snow:nth-child(78) {
  animation: fall-78 24s linear -24s infinite;
  opacity: 0.9435;
  transform: translate(25.31vw, -10px) scale(0.6388);
}
@keyframes fall-78 {
  75.118% {
    transform: translate(32.6249vw, 1835.88392px) scale(0.6388);
  }
  to {
    transform: translate(28.96745vw, 2444px) scale(0.6388);
  }
}
.snow:nth-child(79) {
  animation: fall-79 32s linear -9s infinite;
  opacity: 0.981;
  transform: translate(35.0877vw, -10px) scale(0.018);
}
@keyframes fall-79 {
  48.992% {
    transform: translate(33.8708vw, 1197.36448px) scale(0.018);
  }
  to {
    transform: translate(34.47925vw, 2444px) scale(0.018);
  }
}
.snow:nth-child(80) {
  animation: fall-80 40s linear -16s infinite;
  opacity: 0.0286;
  transform: translate(33.3811vw, -10px) scale(0.4649);
}
@keyframes fall-80 {
  55.501% {
    transform: translate(36.0165vw, 1356.44444px) scale(0.4649);
  }
  to {
    transform: translate(34.6988vw, 2444px) scale(0.4649);
  }
}
.snow:nth-child(81) {
  animation: fall-81 34s linear -21s infinite;
  opacity: 0.6842;
  transform: translate(95.7724vw, -10px) scale(0.6219);
}
@keyframes fall-81 {
  42.695% {
    transform: translate(94.8146vw, 1043.4658px) scale(0.6219);
  }
  to {
    transform: translate(95.2935vw, 2444px) scale(0.6219);
  }
}
.snow:nth-child(82) {
  animation: fall-82 50s linear -14s infinite;
  opacity: 0.4561;
  transform: translate(17.4055vw, -10px) scale(0.3967);
}
@keyframes fall-82 {
  63.684% {
    transform: translate(26.0467vw, 1556.43696px) scale(0.3967);
  }
  to {
    transform: translate(21.7261vw, 2444px) scale(0.3967);
  }
}
.snow:nth-child(83) {
  animation: fall-83 26s linear -25s infinite;
  opacity: 0.8926;
  transform: translate(73.0347vw, -10px) scale(0.5801);
}
@keyframes fall-83 {
  55.638% {
    transform: translate(67.6768vw, 1359.79272px) scale(0.5801);
  }
  to {
    transform: translate(70.35575vw, 2444px) scale(0.5801);
  }
}
.snow:nth-child(84) {
  animation: fall-84 44s linear -30s infinite;
  opacity: 0.4484;
  transform: translate(68.0509vw, -10px) scale(0.843);
}
@keyframes fall-84 {
  67.82% {
    transform: translate(75.7476vw, 1657.5208px) scale(0.843);
  }
  to {
    transform: translate(71.89925vw, 2444px) scale(0.843);
  }
}
.snow:nth-child(85) {
  animation: fall-85 32s linear -15s infinite;
  opacity: 0.9402;
  transform: translate(97.3507vw, -10px) scale(0.396);
}
@keyframes fall-85 {
  69.952% {
    transform: translate(93.5597vw, 1709.62688px) scale(0.396);
  }
  to {
    transform: translate(95.4552vw, 2444px) scale(0.396);
  }
}
.snow:nth-child(86) {
  animation: fall-86 44s linear -2s infinite;
  opacity: 0.7525;
  transform: translate(56.2946vw, -10px) scale(0.9859);
}
@keyframes fall-86 {
  43.927% {
    transform: translate(65.264vw, 1073.57588px) scale(0.9859);
  }
  to {
    transform: translate(60.7793vw, 2444px) scale(0.9859);
  }
}
.snow:nth-child(87) {
  animation: fall-87 38s linear -30s infinite;
  opacity: 0.9328;
  transform: translate(61.2592vw, -10px) scale(0.8253);
}
@keyframes fall-87 {
  47.448% {
    transform: translate(64.8456vw, 1159.62912px) scale(0.8253);
  }
  to {
    transform: translate(63.0524vw, 2444px) scale(0.8253);
  }
}
.snow:nth-child(88) {
  animation: fall-88 40s linear -3s infinite;
  opacity: 0.8199;
  transform: translate(26.6371vw, -10px) scale(0.6637);
}
@keyframes fall-88 {
  78.028% {
    transform: translate(19.2789vw, 1907.00432px) scale(0.6637);
  }
  to {
    transform: translate(22.958vw, 2444px) scale(0.6637);
  }
}
.snow:nth-child(89) {
  animation: fall-89 40s linear -20s infinite;
  opacity: 0.4048;
  transform: translate(87.4686vw, -10px) scale(0.1124);
}
@keyframes fall-89 {
  37.567% {
    transform: translate(77.8743vw, 918.13748px) scale(0.1124);
  }
  to {
    transform: translate(82.67145vw, 2444px) scale(0.1124);
  }
}
.snow:nth-child(90) {
  animation: fall-90 52s linear -6s infinite;
  opacity: 0.9722;
  transform: translate(86.8621vw, -10px) scale(0.1054);
}
@keyframes fall-90 {
  75.52% {
    transform: translate(91.9414vw, 1845.7088px) scale(0.1054);
  }
  to {
    transform: translate(89.40175vw, 2444px) scale(0.1054);
  }
}
.snow:nth-child(91) {
  animation: fall-91 56s linear -13s infinite;
  opacity: 0.7982;
  transform: translate(41.0193vw, -10px) scale(0.3632);
}
@keyframes fall-91 {
  70.163% {
    transform: translate(33.9252vw, 1714.78372px) scale(0.3632);
  }
  to {
    transform: translate(37.47225vw, 2444px) scale(0.3632);
  }
}
.snow:nth-child(92) {
  animation: fall-92 58s linear -17s infinite;
  opacity: 0.5707;
  transform: translate(17.3177vw, -10px) scale(0.4435);
}
@keyframes fall-92 {
  77.701% {
    transform: translate(14.1922vw, 1899.01244px) scale(0.4435);
  }
  to {
    transform: translate(15.75495vw, 2444px) scale(0.4435);
  }
}
.snow:nth-child(93) {
  animation: fall-93 24s linear -28s infinite;
  opacity: 0.5854;
  transform: translate(62.099vw, -10px) scale(0.0344);
}
@keyframes fall-93 {
  42.398% {
    transform: translate(67.7895vw, 1036.20712px) scale(0.0344);
  }
  to {
    transform: translate(64.94425vw, 2444px) scale(0.0344);
  }
}
.snow:nth-child(94) {
  animation: fall-94 60s linear -10s infinite;
  opacity: 0.5121;
  transform: translate(72.7615vw, -10px) scale(0.8184);
}
@keyframes fall-94 {
  54.021% {
    transform: translate(81.0511vw, 1320.27324px) scale(0.8184);
  }
  to {
    transform: translate(76.9063vw, 2444px) scale(0.8184);
  }
}
.snow:nth-child(95) {
  animation: fall-95 58s linear -7s infinite;
  opacity: 0.4929;
  transform: translate(24.3578vw, -10px) scale(0.6822);
}
@keyframes fall-95 {
  35.673% {
    transform: translate(18.2842vw, 871.84812px) scale(0.6822);
  }
  to {
    transform: translate(21.321vw, 2444px) scale(0.6822);
  }
}
.snow:nth-child(96) {
  animation: fall-96 32s linear -4s infinite;
  opacity: 0.7793;
  transform: translate(27.6521vw, -10px) scale(0.3631);
}
@keyframes fall-96 {
  71.693% {
    transform: translate(23.9235vw, 1752.17692px) scale(0.3631);
  }
  to {
    transform: translate(25.7878vw, 2444px) scale(0.3631);
  }
}
.snow:nth-child(97) {
  animation: fall-97 32s linear -4s infinite;
  opacity: 0.1964;
  transform: translate(26.6577vw, -10px) scale(0.8828);
}
@keyframes fall-97 {
  53.846% {
    transform: translate(22.4844vw, 1315.99624px) scale(0.8828);
  }
  to {
    transform: translate(24.57105vw, 2444px) scale(0.8828);
  }
}
.snow:nth-child(98) {
  animation: fall-98 26s linear -13s infinite;
  opacity: 0.9641;
  transform: translate(6.0049vw, -10px) scale(0.7757);
}
@keyframes fall-98 {
  51.594% {
    transform: translate(3.9665vw, 1260.95736px) scale(0.7757);
  }
  to {
    transform: translate(4.9857vw, 2444px) scale(0.7757);
  }
}
.snow:nth-child(99) {
  animation: fall-99 26s linear -6s infinite;
  opacity: 0.2837;
  transform: translate(62.7834vw, -10px) scale(0.2928);
}
@keyframes fall-99 {
  31.661% {
    transform: translate(58.0628vw, 773.79484px) scale(0.2928);
  }
  to {
    transform: translate(60.4231vw, 2444px) scale(0.2928);
  }
}
.snow:nth-child(100) {
  animation: fall-100 26s linear -1s infinite;
  opacity: 0.282;
  transform: translate(15.4489vw, -10px) scale(0.6959);
}
@keyframes fall-100 {
  50.3% {
    transform: translate(22.002vw, 1229.332px) scale(0.6959);
  }
  to {
    transform: translate(18.72545vw, 2444px) scale(0.6959);
  }
}
.snow:nth-child(101) {
  animation: fall-101 30s linear -29s infinite;
  opacity: 0.3341;
  transform: translate(79.135vw, -10px) scale(0.9109);
}
@keyframes fall-101 {
  62.116% {
    transform: translate(86.0786vw, 1518.11504px) scale(0.9109);
  }
  to {
    transform: translate(82.6068vw, 2444px) scale(0.9109);
  }
}
.snow:nth-child(102) {
  animation: fall-102 42s linear -13s infinite;
  opacity: 0.232;
  transform: translate(0.9319vw, -10px) scale(0.9035);
}
@keyframes fall-102 {
  30.383% {
    transform: translate(-3.3966vw, 742.56052px) scale(0.9035);
  }
  to {
    transform: translate(-1.23235vw, 2444px) scale(0.9035);
  }
}
.snow:nth-child(103) {
  animation: fall-103 28s linear -8s infinite;
  opacity: 0.9115;
  transform: translate(19.7084vw, -10px) scale(0.2303);
}
@keyframes fall-103 {
  75.73% {
    transform: translate(20.498vw, 1850.8412px) scale(0.2303);
  }
  to {
    transform: translate(20.1032vw, 2444px) scale(0.2303);
  }
}
.snow:nth-child(104) {
  animation: fall-104 22s linear -3s infinite;
  opacity: 0.4044;
  transform: translate(72.3637vw, -10px) scale(0.6802);
}
@keyframes fall-104 {
  76.996% {
    transform: translate(78.0717vw, 1881.78224px) scale(0.6802);
  }
  to {
    transform: translate(75.2177vw, 2444px) scale(0.6802);
  }
}
.snow:nth-child(105) {
  animation: fall-105 44s linear -13s infinite;
  opacity: 0.3591;
  transform: translate(78.0358vw, -10px) scale(0.1136);
}
@keyframes fall-105 {
  55.972% {
    transform: translate(74.6902vw, 1367.95568px) scale(0.1136);
  }
  to {
    transform: translate(76.363vw, 2444px) scale(0.1136);
  }
}
.snow:nth-child(106) {
  animation: fall-106 30s linear -10s infinite;
  opacity: 0.8255;
  transform: translate(7.7787vw, -10px) scale(0.7938);
}
@keyframes fall-106 {
  55.059% {
    transform: translate(4.1778vw, 1345.64196px) scale(0.7938);
  }
  to {
    transform: translate(5.97825vw, 2444px) scale(0.7938);
  }
}
.snow:nth-child(107) {
  animation: fall-107 20s linear -28s infinite;
  opacity: 0.1358;
  transform: translate(75.8875vw, -10px) scale(0.0885);
}
@keyframes fall-107 {
  55.131% {
    transform: translate(71.0375vw, 1347.40164px) scale(0.0885);
  }
  to {
    transform: translate(73.4625vw, 2444px) scale(0.0885);
  }
}
.snow:nth-child(108) {
  animation: fall-108 40s linear -7s infinite;
  opacity: 0.8692;
  transform: translate(23.5558vw, -10px) scale(0.0324);
}
@keyframes fall-108 {
  74.407% {
    transform: translate(28.6064vw, 1818.50708px) scale(0.0324);
  }
  to {
    transform: translate(26.0811vw, 2444px) scale(0.0324);
  }
}
.snow:nth-child(109) {
  animation: fall-109 60s linear -3s infinite;
  opacity: 0.4212;
  transform: translate(19.0436vw, -10px) scale(0.8134);
}
@keyframes fall-109 {
  36.095% {
    transform: translate(18.1689vw, 882.1618px) scale(0.8134);
  }
  to {
    transform: translate(18.60625vw, 2444px) scale(0.8134);
  }
}
.snow:nth-child(110) {
  animation: fall-110 32s linear -7s infinite;
  opacity: 0.7076;
  transform: translate(57.6233vw, -10px) scale(0.8624);
}
@keyframes fall-110 {
  41.398% {
    transform: translate(59.0209vw, 1011.76712px) scale(0.8624);
  }
  to {
    transform: translate(58.3221vw, 2444px) scale(0.8624);
  }
}
.snow:nth-child(111) {
  animation: fall-111 54s linear -19s infinite;
  opacity: 0.2772;
  transform: translate(24.21vw, -10px) scale(0.5423);
}
@keyframes fall-111 {
  41.969% {
    transform: translate(21.7394vw, 1025.72236px) scale(0.5423);
  }
  to {
    transform: translate(22.9747vw, 2444px) scale(0.5423);
  }
}
.snow:nth-child(112) {
  animation: fall-112 52s linear -25s infinite;
  opacity: 0.822;
  transform: translate(23.1568vw, -10px) scale(0.0082);
}
@keyframes fall-112 {
  30.782% {
    transform: translate(32.3977vw, 752.31208px) scale(0.0082);
  }
  to {
    transform: translate(27.77725vw, 2444px) scale(0.0082);
  }
}
.snow:nth-child(113) {
  animation: fall-113 48s linear -10s infinite;
  opacity: 0.2316;
  transform: translate(13.2105vw, -10px) scale(0.6695);
}
@keyframes fall-113 {
  67.875% {
    transform: translate(12.6814vw, 1658.865px) scale(0.6695);
  }
  to {
    transform: translate(12.94595vw, 2444px) scale(0.6695);
  }
}
.snow:nth-child(114) {
  animation: fall-114 34s linear -18s infinite;
  opacity: 0.4047;
  transform: translate(4.3268vw, -10px) scale(0.011);
}
@keyframes fall-114 {
  43.312% {
    transform: translate(6.5384vw, 1058.54528px) scale(0.011);
  }
  to {
    transform: translate(5.4326vw, 2444px) scale(0.011);
  }
}
.snow:nth-child(115) {
  animation: fall-115 44s linear -14s infinite;
  opacity: 0.6581;
  transform: translate(81.147vw, -10px) scale(0.5006);
}
@keyframes fall-115 {
  33.401% {
    transform: translate(77.5943vw, 816.32044px) scale(0.5006);
  }
  to {
    transform: translate(79.37065vw, 2444px) scale(0.5006);
  }
}
.snow:nth-child(116) {
  animation: fall-116 48s linear -20s infinite;
  opacity: 0.2209;
  transform: translate(47.9239vw, -10px) scale(0.091);
}
@keyframes fall-116 {
  54.849% {
    transform: translate(42.1927vw, 1340.50956px) scale(0.091);
  }
  to {
    transform: translate(45.0583vw, 2444px) scale(0.091);
  }
}
.snow:nth-child(117) {
  animation: fall-117 52s linear -2s infinite;
  opacity: 0.7748;
  transform: translate(22.2411vw, -10px) scale(0.1442);
}
@keyframes fall-117 {
  64.304% {
    transform: translate(25.6037vw, 1571.58976px) scale(0.1442);
  }
  to {
    transform: translate(23.9224vw, 2444px) scale(0.1442);
  }
}
.snow:nth-child(118) {
  animation: fall-118 26s linear -2s infinite;
  opacity: 0.4898;
  transform: translate(17.9839vw, -10px) scale(0.2434);
}
@keyframes fall-118 {
  36.414% {
    transform: translate(21.8616vw, 889.95816px) scale(0.2434);
  }
  to {
    transform: translate(19.92275vw, 2444px) scale(0.2434);
  }
}
.snow:nth-child(119) {
  animation: fall-119 22s linear -17s infinite;
  opacity: 0.6507;
  transform: translate(73.9839vw, -10px) scale(0.1488);
}
@keyframes fall-119 {
  32.44% {
    transform: translate(82.1653vw, 792.8336px) scale(0.1488);
  }
  to {
    transform: translate(78.0746vw, 2444px) scale(0.1488);
  }
}
.snow:nth-child(120) {
  animation: fall-120 36s linear -8s infinite;
  opacity: 0.0502;
  transform: translate(47.3677vw, -10px) scale(0.0871);
}
@keyframes fall-120 {
  58.583% {
    transform: translate(54.8488vw, 1431.76852px) scale(0.0871);
  }
  to {
    transform: translate(51.10825vw, 2444px) scale(0.0871);
  }
}
.snow:nth-child(121) {
  animation: fall-121 40s linear -17s infinite;
  opacity: 0.8027;
  transform: translate(18.9307vw, -10px) scale(0.3652);
}
@keyframes fall-121 {
  42.075% {
    transform: translate(25.4425vw, 1028.313px) scale(0.3652);
  }
  to {
    transform: translate(22.1866vw, 2444px) scale(0.3652);
  }
}
.snow:nth-child(122) {
  animation: fall-122 24s linear -3s infinite;
  opacity: 0.7694;
  transform: translate(95.3898vw, -10px) scale(0.3286);
}
@keyframes fall-122 {
  36.07% {
    transform: translate(94.5891vw, 881.5508px) scale(0.3286);
  }
  to {
    transform: translate(94.98945vw, 2444px) scale(0.3286);
  }
}
.snow:nth-child(123) {
  animation: fall-123 24s linear -18s infinite;
  opacity: 0.0124;
  transform: translate(73.423vw, -10px) scale(0.0205);
}
@keyframes fall-123 {
  30.842% {
    transform: translate(79.3686vw, 753.77848px) scale(0.0205);
  }
  to {
    transform: translate(76.3958vw, 2444px) scale(0.0205);
  }
}
.snow:nth-child(124) {
  animation: fall-124 46s linear -8s infinite;
  opacity: 0.8154;
  transform: translate(22.6191vw, -10px) scale(0.7462);
}
@keyframes fall-124 {
  75.508% {
    transform: translate(19.7025vw, 1845.41552px) scale(0.7462);
  }
  to {
    transform: translate(21.1608vw, 2444px) scale(0.7462);
  }
}
.snow:nth-child(125) {
  animation: fall-125 56s linear -23s infinite;
  opacity: 0.6451;
  transform: translate(10.7389vw, -10px) scale(0.9032);
}
@keyframes fall-125 {
  46.103% {
    transform: translate(7.2922vw, 1126.75732px) scale(0.9032);
  }
  to {
    transform: translate(9.01555vw, 2444px) scale(0.9032);
  }
}
.snow:nth-child(126) {
  animation: fall-126 22s linear -25s infinite;
  opacity: 0.9041;
  transform: translate(52.0723vw, -10px) scale(0.8383);
}
@keyframes fall-126 {
  40.676% {
    transform: translate(60.0368vw, 994.12144px) scale(0.8383);
  }
  to {
    transform: translate(56.05455vw, 2444px) scale(0.8383);
  }
}
.snow:nth-child(127) {
  animation: fall-127 28s linear -30s infinite;
  opacity: 0.8673;
  transform: translate(72.7292vw, -10px) scale(0.8114);
}
@keyframes fall-127 {
  53.25% {
    transform: translate(63.8882vw, 1301.43px) scale(0.8114);
  }
  to {
    transform: translate(68.3087vw, 2444px) scale(0.8114);
  }
}
.snow:nth-child(128) {
  animation: fall-128 52s linear -4s infinite;
  opacity: 0.3154;
  transform: translate(51.883vw, -10px) scale(0.6367);
}
@keyframes fall-128 {
  57.971% {
    transform: translate(61.4678vw, 1416.81124px) scale(0.6367);
  }
  to {
    transform: translate(56.6754vw, 2444px) scale(0.6367);
  }
}
.snow:nth-child(129) {
  animation: fall-129 22s linear -17s infinite;
  opacity: 0.4808;
  transform: translate(91.1719vw, -10px) scale(0.8708);
}
@keyframes fall-129 {
  58.061% {
    transform: translate(88.9289vw, 1419.01084px) scale(0.8708);
  }
  to {
    transform: translate(90.0504vw, 2444px) scale(0.8708);
  }
}
.snow:nth-child(130) {
  animation: fall-130 46s linear -10s infinite;
  opacity: 0.1403;
  transform: translate(16.3844vw, -10px) scale(0.0107);
}
@keyframes fall-130 {
  59.706% {
    transform: translate(9.3945vw, 1459.21464px) scale(0.0107);
  }
  to {
    transform: translate(12.88945vw, 2444px) scale(0.0107);
  }
}
.snow:nth-child(131) {
  animation: fall-131 38s linear -20s infinite;
  opacity: 0.4148;
  transform: translate(50.4505vw, -10px) scale(0.7203);
}
@keyframes fall-131 {
  58.895% {
    transform: translate(56.6774vw, 1439.3938px) scale(0.7203);
  }
  to {
    transform: translate(53.56395vw, 2444px) scale(0.7203);
  }
}
.snow:nth-child(132) {
  animation: fall-132 40s linear -23s infinite;
  opacity: 0.9614;
  transform: translate(99.6629vw, -10px) scale(0.7066);
}
@keyframes fall-132 {
  67.386% {
    transform: translate(98.7859vw, 1646.91384px) scale(0.7066);
  }
  to {
    transform: translate(99.2244vw, 2444px) scale(0.7066);
  }
}
.snow:nth-child(133) {
  animation: fall-133 56s linear -24s infinite;
  opacity: 0.4239;
  transform: translate(55.0329vw, -10px) scale(0.8276);
}
@keyframes fall-133 {
  52.373% {
    transform: translate(47.6339vw, 1279.99612px) scale(0.8276);
  }
  to {
    transform: translate(51.3334vw, 2444px) scale(0.8276);
  }
}
.snow:nth-child(134) {
  animation: fall-134 28s linear -29s infinite;
  opacity: 0.5051;
  transform: translate(97.5583vw, -10px) scale(0.4187);
}
@keyframes fall-134 {
  33.167% {
    transform: translate(106.1847vw, 810.60148px) scale(0.4187);
  }
  to {
    transform: translate(101.8715vw, 2444px) scale(0.4187);
  }
}
.snow:nth-child(135) {
  animation: fall-135 44s linear -6s infinite;
  opacity: 0.1107;
  transform: translate(92.9658vw, -10px) scale(0.7871);
}
@keyframes fall-135 {
  39.571% {
    transform: translate(88.8197vw, 967.11524px) scale(0.7871);
  }
  to {
    transform: translate(90.89275vw, 2444px) scale(0.7871);
  }
}
.snow:nth-child(136) {
  animation: fall-136 22s linear -29s infinite;
  opacity: 0.6487;
  transform: translate(49.4834vw, -10px) scale(0.2224);
}
@keyframes fall-136 {
  33.653% {
    transform: translate(49.9677vw, 822.47932px) scale(0.2224);
  }
  to {
    transform: translate(49.72555vw, 2444px) scale(0.2224);
  }
}
.snow:nth-child(137) {
  animation: fall-137 32s linear -21s infinite;
  opacity: 0.1842;
  transform: translate(27.7251vw, -10px) scale(0.2854);
}
@keyframes fall-137 {
  48.138% {
    transform: translate(27.6261vw, 1176.49272px) scale(0.2854);
  }
  to {
    transform: translate(27.6756vw, 2444px) scale(0.2854);
  }
}
.snow:nth-child(138) {
  animation: fall-138 60s linear -14s infinite;
  opacity: 0.7789;
  transform: translate(46.918vw, -10px) scale(0.099);
}
@keyframes fall-138 {
  63.266% {
    transform: translate(41.8285vw, 1546.22104px) scale(0.099);
  }
  to {
    transform: translate(44.37325vw, 2444px) scale(0.099);
  }
}
.snow:nth-child(139) {
  animation: fall-139 60s linear -4s infinite;
  opacity: 0.3296;
  transform: translate(95.8519vw, -10px) scale(0.3351);
}
@keyframes fall-139 {
  76.744% {
    transform: translate(94.1912vw, 1875.62336px) scale(0.3351);
  }
  to {
    transform: translate(95.02155vw, 2444px) scale(0.3351);
  }
}
.snow:nth-child(140) {
  animation: fall-140 34s linear -24s infinite;
  opacity: 0.4023;
  transform: translate(15.9631vw, -10px) scale(0.1996);
}
@keyframes fall-140 {
  66.807% {
    transform: translate(10.2953vw, 1632.76308px) scale(0.1996);
  }
  to {
    transform: translate(13.1292vw, 2444px) scale(0.1996);
  }
}
.snow:nth-child(141) {
  animation: fall-141 20s linear -13s infinite;
  opacity: 0.1406;
  transform: translate(92.2394vw, -10px) scale(0.8545);
}
@keyframes fall-141 {
  67.112% {
    transform: translate(91.2905vw, 1640.21728px) scale(0.8545);
  }
  to {
    transform: translate(91.76495vw, 2444px) scale(0.8545);
  }
}
.snow:nth-child(142) {
  animation: fall-142 36s linear -4s infinite;
  opacity: 0.0039;
  transform: translate(38.3673vw, -10px) scale(0.1202);
}
@keyframes fall-142 {
  47.752% {
    transform: translate(45.4411vw, 1167.05888px) scale(0.1202);
  }
  to {
    transform: translate(41.9042vw, 2444px) scale(0.1202);
  }
}
.snow:nth-child(143) {
  animation: fall-143 46s linear -16s infinite;
  opacity: 0.6913;
  transform: translate(60.0732vw, -10px) scale(0.7892);
}
@keyframes fall-143 {
  30.74% {
    transform: translate(63.4285vw, 751.2856px) scale(0.7892);
  }
  to {
    transform: translate(61.75085vw, 2444px) scale(0.7892);
  }
}
.snow:nth-child(144) {
  animation: fall-144 20s linear -10s infinite;
  opacity: 0.3717;
  transform: translate(76.3683vw, -10px) scale(0.1324);
}
@keyframes fall-144 {
  42.326% {
    transform: translate(75.46vw, 1034.44744px) scale(0.1324);
  }
  to {
    transform: translate(75.91415vw, 2444px) scale(0.1324);
  }
}
.snow:nth-child(145) {
  animation: fall-145 36s linear -24s infinite;
  opacity: 0.4166;
  transform: translate(22.6927vw, -10px) scale(0.5866);
}
@keyframes fall-145 {
  53.13% {
    transform: translate(26.6223vw, 1298.4972px) scale(0.5866);
  }
  to {
    transform: translate(24.6575vw, 2444px) scale(0.5866);
  }
}
.snow:nth-child(146) {
  animation: fall-146 56s linear -15s infinite;
  opacity: 0.728;
  transform: translate(95.9723vw, -10px) scale(0.6409);
}
@keyframes fall-146 {
  36.528% {
    transform: translate(104.496vw, 892.74432px) scale(0.6409);
  }
  to {
    transform: translate(100.23415vw, 2444px) scale(0.6409);
  }
}
.snow:nth-child(147) {
  animation: fall-147 58s linear -7s infinite;
  opacity: 0.9216;
  transform: translate(89.7372vw, -10px) scale(0.4544);
}
@keyframes fall-147 {
  52.368% {
    transform: translate(91.0864vw, 1279.87392px) scale(0.4544);
  }
  to {
    transform: translate(90.4118vw, 2444px) scale(0.4544);
  }
}
.snow:nth-child(148) {
  animation: fall-148 56s linear -3s infinite;
  opacity: 0.8087;
  transform: translate(60.1596vw, -10px) scale(0.7135);
}
@keyframes fall-148 {
  74.375% {
    transform: translate(65.3478vw, 1817.725px) scale(0.7135);
  }
  to {
    transform: translate(62.7537vw, 2444px) scale(0.7135);
  }
}
.snow:nth-child(149) {
  animation: fall-149 38s linear -21s infinite;
  opacity: 0.0653;
  transform: translate(35.5667vw, -10px) scale(0.1988);
}
@keyframes fall-149 {
  35.875% {
    transform: translate(27.7032vw, 876.785px) scale(0.1988);
  }
  to {
    transform: translate(31.63495vw, 2444px) scale(0.1988);
  }
}
.snow:nth-child(150) {
  animation: fall-150 22s linear -11s infinite;
  opacity: 0.2215;
  transform: translate(3.1197vw, -10px) scale(0.4733);
}
@keyframes fall-150 {
  34.666% {
    transform: translate(8.5117vw, 847.23704px) scale(0.4733);
  }
  to {
    transform: translate(5.8157vw, 2444px) scale(0.4733);
  }
}
.snow:nth-child(151) {
  animation: fall-151 48s linear -27s infinite;
  opacity: 0.7316;
  transform: translate(58.1034vw, -10px) scale(0.2932);
}
@keyframes fall-151 {
  35.827% {
    transform: translate(60.3178vw, 875.61188px) scale(0.2932);
  }
  to {
    transform: translate(59.2106vw, 2444px) scale(0.2932);
  }
}
.snow:nth-child(152) {
  animation: fall-152 22s linear -29s infinite;
  opacity: 0.6547;
  transform: translate(72.1257vw, -10px) scale(0.0913);
}
@keyframes fall-152 {
  41.445% {
    transform: translate(69.4654vw, 1012.9158px) scale(0.0913);
  }
  to {
    transform: translate(70.79555vw, 2444px) scale(0.0913);
  }
}
.snow:nth-child(153) {
  animation: fall-153 28s linear -26s infinite;
  opacity: 0.4309;
  transform: translate(29.5851vw, -10px) scale(0.1712);
}
@keyframes fall-153 {
  78.729% {
    transform: translate(37.134vw, 1924.13676px) scale(0.1712);
  }
  to {
    transform: translate(33.35955vw, 2444px) scale(0.1712);
  }
}
.snow:nth-child(154) {
  animation: fall-154 48s linear -1s infinite;
  opacity: 0.6629;
  transform: translate(54.8407vw, -10px) scale(0.2789);
}
@keyframes fall-154 {
  45.698% {
    transform: translate(64.4504vw, 1116.85912px) scale(0.2789);
  }
  to {
    transform: translate(59.64555vw, 2444px) scale(0.2789);
  }
}
.snow:nth-child(155) {
  animation: fall-155 22s linear -19s infinite;
  opacity: 0.7098;
  transform: translate(10.7691vw, -10px) scale(0.3495);
}
@keyframes fall-155 {
  30.257% {
    transform: translate(4.0845vw, 739.48108px) scale(0.3495);
  }
  to {
    transform: translate(7.4268vw, 2444px) scale(0.3495);
  }
}
.snow:nth-child(156) {
  animation: fall-156 44s linear -29s infinite;
  opacity: 0.9478;
  transform: translate(96.9664vw, -10px) scale(0.4696);
}
@keyframes fall-156 {
  78.347% {
    transform: translate(99.5003vw, 1914.80068px) scale(0.4696);
  }
  to {
    transform: translate(98.23335vw, 2444px) scale(0.4696);
  }
}
.snow:nth-child(157) {
  animation: fall-157 58s linear -27s infinite;
  opacity: 0.6234;
  transform: translate(99.6117vw, -10px) scale(0.2664);
}
@keyframes fall-157 {
  32.218% {
    transform: translate(106.0001vw, 787.40792px) scale(0.2664);
  }
  to {
    transform: translate(102.8059vw, 2444px) scale(0.2664);
  }
}
.snow:nth-child(158) {
  animation: fall-158 22s linear -23s infinite;
  opacity: 0.5304;
  transform: translate(5.1531vw, -10px) scale(0.4904);
}
@keyframes fall-158 {
  65.378% {
    transform: translate(7.5701vw, 1597.83832px) scale(0.4904);
  }
  to {
    transform: translate(6.3616vw, 2444px) scale(0.4904);
  }
}
.snow:nth-child(159) {
  animation: fall-159 50s linear -4s infinite;
  opacity: 0.4663;
  transform: translate(79.3238vw, -10px) scale(0.0717);
}
@keyframes fall-159 {
  46.69% {
    transform: translate(75.3031vw, 1141.1036px) scale(0.0717);
  }
  to {
    transform: translate(77.31345vw, 2444px) scale(0.0717);
  }
}
.snow:nth-child(160) {
  animation: fall-160 34s linear -6s infinite;
  opacity: 0.8271;
  transform: translate(24.4307vw, -10px) scale(0.3658);
}
@keyframes fall-160 {
  66.862% {
    transform: translate(16.7969vw, 1634.10728px) scale(0.3658);
  }
  to {
    transform: translate(20.6138vw, 2444px) scale(0.3658);
  }
}
.snow:nth-child(161) {
  animation: fall-161 30s linear -21s infinite;
  opacity: 0.744;
  transform: translate(17.8699vw, -10px) scale(0.8517);
}
@keyframes fall-161 {
  68.846% {
    transform: translate(20.4628vw, 1682.59624px) scale(0.8517);
  }
  to {
    transform: translate(19.16635vw, 2444px) scale(0.8517);
  }
}
.snow:nth-child(162) {
  animation: fall-162 26s linear -23s infinite;
  opacity: 0.3078;
  transform: translate(82.8804vw, -10px) scale(0.2728);
}
@keyframes fall-162 {
  71.764% {
    transform: translate(85.4542vw, 1753.91216px) scale(0.2728);
  }
  to {
    transform: translate(84.1673vw, 2444px) scale(0.2728);
  }
}
.snow:nth-child(163) {
  animation: fall-163 30s linear -6s infinite;
  opacity: 0.8011;
  transform: translate(56.4468vw, -10px) scale(0.0077);
}
@keyframes fall-163 {
  59.843% {
    transform: translate(64.3vw, 1462.56292px) scale(0.0077);
  }
  to {
    transform: translate(60.3734vw, 2444px) scale(0.0077);
  }
}
.snow:nth-child(164) {
  animation: fall-164 22s linear -22s infinite;
  opacity: 0.8087;
  transform: translate(64.7114vw, -10px) scale(0.015);
}
@keyframes fall-164 {
  69.315% {
    transform: translate(69.5924vw, 1694.0586px) scale(0.015);
  }
  to {
    transform: translate(67.1519vw, 2444px) scale(0.015);
  }
}
.snow:nth-child(165) {
  animation: fall-165 34s linear -27s infinite;
  opacity: 0.0675;
  transform: translate(73.1584vw, -10px) scale(0.4392);
}
@keyframes fall-165 {
  68.705% {
    transform: translate(73.7196vw, 1679.1502px) scale(0.4392);
  }
  to {
    transform: translate(73.439vw, 2444px) scale(0.4392);
  }
}
.snow:nth-child(166) {
  animation: fall-166 28s linear -24s infinite;
  opacity: 0.7183;
  transform: translate(44.0625vw, -10px) scale(0.8284);
}
@keyframes fall-166 {
  31.565% {
    transform: translate(49.657vw, 771.4486px) scale(0.8284);
  }
  to {
    transform: translate(46.85975vw, 2444px) scale(0.8284);
  }
}
.snow:nth-child(167) {
  animation: fall-167 20s linear -23s infinite;
  opacity: 0.3017;
  transform: translate(68.0833vw, -10px) scale(0.6506);
}
@keyframes fall-167 {
  64.893% {
    transform: translate(75.7864vw, 1585.98492px) scale(0.6506);
  }
  to {
    transform: translate(71.93485vw, 2444px) scale(0.6506);
  }
}
.snow:nth-child(168) {
  animation: fall-168 48s linear -4s infinite;
  opacity: 0.5784;
  transform: translate(85.1602vw, -10px) scale(0.3649);
}
@keyframes fall-168 {
  71.339% {
    transform: translate(90.3163vw, 1743.52516px) scale(0.3649);
  }
  to {
    transform: translate(87.73825vw, 2444px) scale(0.3649);
  }
}
.snow:nth-child(169) {
  animation: fall-169 40s linear -21s infinite;
  opacity: 0.302;
  transform: translate(95.7343vw, -10px) scale(0.3101);
}
@keyframes fall-169 {
  49.517% {
    transform: translate(95.2919vw, 1210.19548px) scale(0.3101);
  }
  to {
    transform: translate(95.5131vw, 2444px) scale(0.3101);
  }
}
.snow:nth-child(170) {
  animation: fall-170 22s linear -13s infinite;
  opacity: 0.4187;
  transform: translate(97.9315vw, -10px) scale(0.9394);
}
@keyframes fall-170 {
  31.509% {
    transform: translate(89.9045vw, 770.07996px) scale(0.9394);
  }
  to {
    transform: translate(93.918vw, 2444px) scale(0.9394);
  }
}
.snow:nth-child(171) {
  animation: fall-171 28s linear -1s infinite;
  opacity: 0.1239;
  transform: translate(96.7483vw, -10px) scale(0.628);
}
@keyframes fall-171 {
  75.773% {
    transform: translate(87.3864vw, 1851.89212px) scale(0.628);
  }
  to {
    transform: translate(92.06735vw, 2444px) scale(0.628);
  }
}
.snow:nth-child(172) {
  animation: fall-172 58s linear -3s infinite;
  opacity: 0.4108;
  transform: translate(23.4036vw, -10px) scale(0.186);
}
@keyframes fall-172 {
  49.723% {
    transform: translate(32.6009vw, 1215.23012px) scale(0.186);
  }
  to {
    transform: translate(28.00225vw, 2444px) scale(0.186);
  }
}
.snow:nth-child(173) {
  animation: fall-173 50s linear -22s infinite;
  opacity: 0.2387;
  transform: translate(52.5289vw, -10px) scale(0.9519);
}
@keyframes fall-173 {
  33.071% {
    transform: translate(55.1185vw, 808.25524px) scale(0.9519);
  }
  to {
    transform: translate(53.8237vw, 2444px) scale(0.9519);
  }
}
.snow:nth-child(174) {
  animation: fall-174 56s linear -3s infinite;
  opacity: 0.1018;
  transform: translate(90.9545vw, -10px) scale(0.819);
}
@keyframes fall-174 {
  73.31% {
    transform: translate(91.5072vw, 1791.6964px) scale(0.819);
  }
  to {
    transform: translate(91.23085vw, 2444px) scale(0.819);
  }
}
.snow:nth-child(175) {
  animation: fall-175 38s linear -12s infinite;
  opacity: 0.5262;
  transform: translate(65.5063vw, -10px) scale(0.7904);
}
@keyframes fall-175 {
  48.743% {
    transform: translate(59.3412vw, 1191.27892px) scale(0.7904);
  }
  to {
    transform: translate(62.42375vw, 2444px) scale(0.7904);
  }
}
.snow:nth-child(176) {
  animation: fall-176 50s linear -22s infinite;
  opacity: 0.3658;
  transform: translate(27.9142vw, -10px) scale(0.2961);
}
@keyframes fall-176 {
  63.415% {
    transform: translate(24.4121vw, 1549.8626px) scale(0.2961);
  }
  to {
    transform: translate(26.16315vw, 2444px) scale(0.2961);
  }
}
.snow:nth-child(177) {
  animation: fall-177 48s linear -22s infinite;
  opacity: 0.4117;
  transform: translate(54.3134vw, -10px) scale(0.2908);
}
@keyframes fall-177 {
  71.288% {
    transform: translate(63.6901vw, 1742.27872px) scale(0.2908);
  }
  to {
    transform: translate(59.00175vw, 2444px) scale(0.2908);
  }
}
.snow:nth-child(178) {
  animation: fall-178 50s linear -16s infinite;
  opacity: 0.9028;
  transform: translate(30.8047vw, -10px) scale(0.3529);
}
@keyframes fall-178 {
  41.353% {
    transform: translate(20.9714vw, 1010.66732px) scale(0.3529);
  }
  to {
    transform: translate(25.88805vw, 2444px) scale(0.3529);
  }
}
.snow:nth-child(179) {
  animation: fall-179 24s linear -13s infinite;
  opacity: 0.9789;
  transform: translate(6.3914vw, -10px) scale(0.7092);
}
@keyframes fall-179 {
  40.157% {
    transform: translate(1.3372vw, 981.43708px) scale(0.7092);
  }
  to {
    transform: translate(3.8643vw, 2444px) scale(0.7092);
  }
}
.snow:nth-child(180) {
  animation: fall-180 34s linear -15s infinite;
  opacity: 0.5548;
  transform: translate(41.3372vw, -10px) scale(0.9016);
}
@keyframes fall-180 {
  55.286% {
    transform: translate(42.818vw, 1351.18984px) scale(0.9016);
  }
  to {
    transform: translate(42.0776vw, 2444px) scale(0.9016);
  }
}
.snow:nth-child(181) {
  animation: fall-181 34s linear -28s infinite;
  opacity: 0.72;
  transform: translate(2.163vw, -10px) scale(0.5082);
}
@keyframes fall-181 {
  65.293% {
    transform: translate(3.8083vw, 1595.76092px) scale(0.5082);
  }
  to {
    transform: translate(2.98565vw, 2444px) scale(0.5082);
  }
}
.snow:nth-child(182) {
  animation: fall-182 42s linear -1s infinite;
  opacity: 0.4956;
  transform: translate(40.1162vw, -10px) scale(0.9492);
}
@keyframes fall-182 {
  48.839% {
    transform: translate(31.3443vw, 1193.62516px) scale(0.9492);
  }
  to {
    transform: translate(35.73025vw, 2444px) scale(0.9492);
  }
}
.snow:nth-child(183) {
  animation: fall-183 22s linear -6s infinite;
  opacity: 0.7819;
  transform: translate(3.6463vw, -10px) scale(0.0479);
}
@keyframes fall-183 {
  48.999% {
    transform: translate(6.2509vw, 1197.53556px) scale(0.0479);
  }
  to {
    transform: translate(4.9486vw, 2444px) scale(0.0479);
  }
}
.snow:nth-child(184) {
  animation: fall-184 42s linear -13s infinite;
  opacity: 0.6031;
  transform: translate(72.6498vw, -10px) scale(0.2005);
}
@keyframes fall-184 {
  60.269% {
    transform: translate(75.5779vw, 1472.97436px) scale(0.2005);
  }
  to {
    transform: translate(74.11385vw, 2444px) scale(0.2005);
  }
}
.snow:nth-child(185) {
  animation: fall-185 50s linear -27s infinite;
  opacity: 0.9638;
  transform: translate(35.2494vw, -10px) scale(0.1199);
}
@keyframes fall-185 {
  40.599% {
    transform: translate(42.6295vw, 992.23956px) scale(0.1199);
  }
  to {
    transform: translate(38.93945vw, 2444px) scale(0.1199);
  }
}
.snow:nth-child(186) {
  animation: fall-186 34s linear -8s infinite;
  opacity: 0.6464;
  transform: translate(83.1563vw, -10px) scale(0.6132);
}
@keyframes fall-186 {
  55.248% {
    transform: translate(81.0596vw, 1350.26112px) scale(0.6132);
  }
  to {
    transform: translate(82.10795vw, 2444px) scale(0.6132);
  }
}
.snow:nth-child(187) {
  animation: fall-187 58s linear -19s infinite;
  opacity: 0.3539;
  transform: translate(68.1559vw, -10px) scale(0.5484);
}
@keyframes fall-187 {
  66.896% {
    transform: translate(66.238vw, 1634.93824px) scale(0.5484);
  }
  to {
    transform: translate(67.19695vw, 2444px) scale(0.5484);
  }
}
.snow:nth-child(188) {
  animation: fall-188 48s linear -9s infinite;
  opacity: 0.1809;
  transform: translate(30.5603vw, -10px) scale(0.6271);
}
@keyframes fall-188 {
  76.612% {
    transform: translate(32.0666vw, 1872.39728px) scale(0.6271);
  }
  to {
    transform: translate(31.31345vw, 2444px) scale(0.6271);
  }
}
.snow:nth-child(189) {
  animation: fall-189 34s linear -25s infinite;
  opacity: 0.3435;
  transform: translate(75.7848vw, -10px) scale(0.8085);
}
@keyframes fall-189 {
  75.488% {
    transform: translate(66.5176vw, 1844.92672px) scale(0.8085);
  }
  to {
    transform: translate(71.1512vw, 2444px) scale(0.8085);
  }
}
.snow:nth-child(190) {
  animation: fall-190 58s linear -4s infinite;
  opacity: 0.9518;
  transform: translate(32.1263vw, -10px) scale(0.5045);
}
@keyframes fall-190 {
  62.41% {
    transform: translate(34.3917vw, 1525.3004px) scale(0.5045);
  }
  to {
    transform: translate(33.259vw, 2444px) scale(0.5045);
  }
}
.snow:nth-child(191) {
  animation: fall-191 54s linear -30s infinite;
  opacity: 0.385;
  transform: translate(74.0832vw, -10px) scale(0.4931);
}
@keyframes fall-191 {
  64.832% {
    transform: translate(69.433vw, 1584.49408px) scale(0.4931);
  }
  to {
    transform: translate(71.7581vw, 2444px) scale(0.4931);
  }
}
.snow:nth-child(192) {
  animation: fall-192 54s linear -27s infinite;
  opacity: 0.4927;
  transform: translate(75.1935vw, -10px) scale(0.547);
}
@keyframes fall-192 {
  66.192% {
    transform: translate(66.5433vw, 1617.73248px) scale(0.547);
  }
  to {
    transform: translate(70.8684vw, 2444px) scale(0.547);
  }
}
.snow:nth-child(193) {
  animation: fall-193 48s linear -21s infinite;
  opacity: 0.2158;
  transform: translate(55.2785vw, -10px) scale(0.8893);
}
@keyframes fall-193 {
  71.117% {
    transform: translate(49.0684vw, 1738.09948px) scale(0.8893);
  }
  to {
    transform: translate(52.17345vw, 2444px) scale(0.8893);
  }
}
.snow:nth-child(194) {
  animation: fall-194 24s linear -2s infinite;
  opacity: 0.6236;
  transform: translate(38.5463vw, -10px) scale(0.0131);
}
@keyframes fall-194 {
  50.406% {
    transform: translate(30.031vw, 1231.92264px) scale(0.0131);
  }
  to {
    transform: translate(34.28865vw, 2444px) scale(0.0131);
  }
}
.snow:nth-child(195) {
  animation: fall-195 34s linear -7s infinite;
  opacity: 0.0925;
  transform: translate(82.5936vw, -10px) scale(0.0941);
}
@keyframes fall-195 {
  34.907% {
    transform: translate(76.093vw, 853.12708px) scale(0.0941);
  }
  to {
    transform: translate(79.3433vw, 2444px) scale(0.0941);
  }
}
.snow:nth-child(196) {
  animation: fall-196 34s linear -12s infinite;
  opacity: 0.3342;
  transform: translate(83.7711vw, -10px) scale(0.166);
}
@keyframes fall-196 {
  42.33% {
    transform: translate(81.9468vw, 1034.5452px) scale(0.166);
  }
  to {
    transform: translate(82.85895vw, 2444px) scale(0.166);
  }
}
.snow:nth-child(197) {
  animation: fall-197 56s linear -24s infinite;
  opacity: 0.3557;
  transform: translate(10.4111vw, -10px) scale(0.5098);
}
@keyframes fall-197 {
  35.08% {
    transform: translate(15.1665vw, 857.3552px) scale(0.5098);
  }
  to {
    transform: translate(12.7888vw, 2444px) scale(0.5098);
  }
}
.snow:nth-child(198) {
  animation: fall-198 20s linear -12s infinite;
  opacity: 0.7823;
  transform: translate(87.5087vw, -10px) scale(0.2575);
}
@keyframes fall-198 {
  64.674% {
    transform: translate(95.1418vw, 1580.63256px) scale(0.2575);
  }
  to {
    transform: translate(91.32525vw, 2444px) scale(0.2575);
  }
}
.snow:nth-child(199) {
  animation: fall-199 24s linear -23s infinite;
  opacity: 0.1414;
  transform: translate(67.8966vw, -10px) scale(0.0931);
}
@keyframes fall-199 {
  77.245% {
    transform: translate(65.888vw, 1887.8678px) scale(0.0931);
  }
  to {
    transform: translate(66.8923vw, 2444px) scale(0.0931);
  }
}
.snow:nth-child(200) {
  animation: fall-200 24s linear -26s infinite;
  opacity: 0.1919;
  transform: translate(99.8483vw, -10px) scale(0.6316);
}
@keyframes fall-200 {
  38.542% {
    transform: translate(97.1413vw, 941.96648px) scale(0.6316);
  }
  to {
    transform: translate(98.4948vw, 2444px) scale(0.6316);
  }
}
@media screen and (max-width: 750px) {
  .snow {
    background: url("") no-repeat;
    background-size: 100%;
    border-radius: 50%;
    height: 20px;
    position: absolute;
    width: 20px;
    z-index: 999999;
  }
  .snow:first-child {
    animation: fall-1 60s linear -21s infinite;
    opacity: 0.5288;
    transform: translate(8.5105vw, -10px) scale(0.5865);
  }
  @keyframes fall-1 {
    46.956% {
      transform: translate(15.5177vw, 4434.52464px) scale(0.5865);
    }
    to {
      transform: translate(12.0141vw, 9444px) scale(0.5865);
    }
  }
  .snow:nth-child(2) {
    animation: fall-2 64s linear -12s infinite;
    opacity: 0.6264;
    transform: translate(15.9921vw, -10px) scale(0.501);
  }
  @keyframes fall-2 {
    60.967% {
      transform: translate(11.8913vw, 5757.72348px) scale(0.501);
    }
    to {
      transform: translate(13.9417vw, 9444px) scale(0.501);
    }
  }
  .snow:nth-child(3) {
    animation: fall-3 96s linear -27s infinite;
    opacity: 0.8344;
    transform: translate(29.6257vw, -10px) scale(0.2645);
  }
  @keyframes fall-3 {
    73.957% {
      transform: translate(31.2096vw, 6984.49908px) scale(0.2645);
    }
    to {
      transform: translate(30.41765vw, 9444px) scale(0.2645);
    }
  }
  .snow:nth-child(4) {
    animation: fall-4 64s linear -14s infinite;
    opacity: 0.2723;
    transform: translate(16.4781vw, -10px) scale(0.2243);
  }
  @keyframes fall-4 {
    60.887% {
      transform: translate(19.8099vw, 5750.16828px) scale(0.2243);
    }
    to {
      transform: translate(18.144vw, 9444px) scale(0.2243);
    }
  }
  .snow:nth-child(5) {
    animation: fall-5 84s linear -10s infinite;
    opacity: 0.9664;
    transform: translate(79.3465vw, -10px) scale(0.4554);
  }
  @keyframes fall-5 {
    66.288% {
      transform: translate(84.5335vw, 6260.23872px) scale(0.4554);
    }
    to {
      transform: translate(81.94vw, 9444px) scale(0.4554);
    }
  }
  .snow:nth-child(6) {
    animation: fall-6 44s linear -16s infinite;
    opacity: 0.7073;
    transform: translate(32.1609vw, -10px) scale(0.6207);
  }
  @keyframes fall-6 {
    63.648% {
      transform: translate(25.5047vw, 6010.91712px) scale(0.6207);
    }
    to {
      transform: translate(28.8328vw, 9444px) scale(0.6207);
    }
  }
  .snow:nth-child(7) {
    animation: fall-7 60s linear -20s infinite;
    opacity: 0.0151;
    transform: translate(91.9454vw, -10px) scale(0.0799);
  }
  @keyframes fall-7 {
    36.702% {
      transform: translate(99.2241vw, 3466.13688px) scale(0.0799);
    }
    to {
      transform: translate(95.58475vw, 9444px) scale(0.0799);
    }
  }
  .snow:nth-child(8) {
    animation: fall-8 98s linear -4s infinite;
    opacity: 0.0134;
    transform: translate(72.8396vw, -10px) scale(0.7911);
  }
  @keyframes fall-8 {
    36.199% {
      transform: translate(67.5263vw, 3418.63356px) scale(0.7911);
    }
    to {
      transform: translate(70.18295vw, 9444px) scale(0.7911);
    }
  }
  .snow:nth-child(9) {
    animation: fall-9 62s linear -29s infinite;
    opacity: 0.4795;
    transform: translate(59.1328vw, -10px) scale(0.4627);
  }
  @keyframes fall-9 {
    52.995% {
      transform: translate(66.0191vw, 5004.8478px) scale(0.4627);
    }
    to {
      transform: translate(62.57595vw, 9444px) scale(0.4627);
    }
  }
  .snow:nth-child(10) {
    animation: fall-10 92s linear -17s infinite;
    opacity: 0.2105;
    transform: translate(85.0531vw, -10px) scale(0.331);
  }
  @keyframes fall-10 {
    78.371% {
      transform: translate(76.8659vw, 7401.35724px) scale(0.331);
    }
    to {
      transform: translate(80.9595vw, 9444px) scale(0.331);
    }
  }
  .snow:nth-child(11) {
    animation: fall-11 58s linear -5s infinite;
    opacity: 0.3083;
    transform: translate(43.8956vw, -10px) scale(0.4662);
  }
  @keyframes fall-11 {
    51.772% {
      transform: translate(50.0866vw, 4889.34768px) scale(0.4662);
    }
    to {
      transform: translate(46.9911vw, 9444px) scale(0.4662);
    }
  }
  .snow:nth-child(12) {
    animation: fall-12 44s linear -30s infinite;
    opacity: 0.3778;
    transform: translate(31.7508vw, -10px) scale(0.4747);
  }
  @keyframes fall-12 {
    64.823% {
      transform: translate(23.2478vw, 6121.88412px) scale(0.4747);
    }
    to {
      transform: translate(27.4993vw, 9444px) scale(0.4747);
    }
  }
  .snow:nth-child(13) {
    animation: fall-13 50s linear -28s infinite;
    opacity: 0.6426;
    transform: translate(54.2437vw, -10px) scale(0.5267);
  }
  @keyframes fall-13 {
    49.801% {
      transform: translate(54.0222vw, 4703.20644px) scale(0.5267);
    }
    to {
      transform: translate(54.13295vw, 9444px) scale(0.5267);
    }
  }
  .snow:nth-child(14) {
    animation: fall-14 52s linear -7s infinite;
    opacity: 0.5208;
    transform: translate(72.6495vw, -10px) scale(0.7188);
  }
  @keyframes fall-14 {
    31.555% {
      transform: translate(68.5131vw, 2980.0542px) scale(0.7188);
    }
    to {
      transform: translate(70.5813vw, 9444px) scale(0.7188);
    }
  }
  .snow:nth-child(15) {
    animation: fall-15 60s linear -8s infinite;
    opacity: 0.0254;
    transform: translate(90.9381vw, -10px) scale(0.7319);
  }
  @keyframes fall-15 {
    34.189% {
      transform: translate(81.1888vw, 3228.80916px) scale(0.7319);
    }
    to {
      transform: translate(86.06345vw, 9444px) scale(0.7319);
    }
  }
  .snow:nth-child(16) {
    animation: fall-16 62s linear -18s infinite;
    opacity: 0.8751;
    transform: translate(7.2832vw, -10px) scale(0.1984);
  }
  @keyframes fall-16 {
    31.655% {
      transform: translate(13.7381vw, 2989.4982px) scale(0.1984);
    }
    to {
      transform: translate(10.51065vw, 9444px) scale(0.1984);
    }
  }
  .snow:nth-child(17) {
    animation: fall-17 58s linear -6s infinite;
    opacity: 0.3449;
    transform: translate(8.372vw, -10px) scale(0.2968);
  }
  @keyframes fall-17 {
    33.35% {
      transform: translate(8.4481vw, 3149.574px) scale(0.2968);
    }
    to {
      transform: translate(8.41005vw, 9444px) scale(0.2968);
    }
  }
  .snow:nth-child(18) {
    animation: fall-18 46s linear -27s infinite;
    opacity: 0.9051;
    transform: translate(49.3379vw, -10px) scale(0.1291);
  }
  @keyframes fall-18 {
    68.452% {
      transform: translate(56.5513vw, 6464.60688px) scale(0.1291);
    }
    to {
      transform: translate(52.9446vw, 9444px) scale(0.1291);
    }
  }
  .snow:nth-child(19) {
    animation: fall-19 98s linear -23s infinite;
    opacity: 0.9426;
    transform: translate(79.0688vw, -10px) scale(0.4646);
  }
  @keyframes fall-19 {
    42.693% {
      transform: translate(81.7411vw, 4031.92692px) scale(0.4646);
    }
    to {
      transform: translate(80.40495vw, 9444px) scale(0.4646);
    }
  }
  .snow:nth-child(20) {
    animation: fall-20 64s linear -25s infinite;
    opacity: 0.8087;
    transform: translate(22.6661vw, -10px) scale(0.7678);
  }
  @keyframes fall-20 {
    57.703% {
      transform: translate(14.744vw, 5449.47132px) scale(0.7678);
    }
    to {
      transform: translate(18.70505vw, 9444px) scale(0.7678);
    }
  }
  .snow:nth-child(21) {
    animation: fall-21 76s linear -16s infinite;
    opacity: 0.544;
    transform: translate(13.0284vw, -10px) scale(0.999);
  }
  @keyframes fall-21 {
    60.402% {
      transform: translate(4.5605vw, 5704.36488px) scale(0.999);
    }
    to {
      transform: translate(8.79445vw, 9444px) scale(0.999);
    }
  }
  .snow:nth-child(22) {
    animation: fall-22 72s linear -2s infinite;
    opacity: 0.9256;
    transform: translate(44.4201vw, -10px) scale(0.5203);
  }
  @keyframes fall-22 {
    56.76% {
      transform: translate(45.4965vw, 5360.4144px) scale(0.5203);
    }
    to {
      transform: translate(44.9583vw, 9444px) scale(0.5203);
    }
  }
  .snow:nth-child(23) {
    animation: fall-23 60s linear -26s infinite;
    opacity: 0.3375;
    transform: translate(13.6437vw, -10px) scale(0.7512);
  }
  @keyframes fall-23 {
    33.392% {
      transform: translate(8.0187vw, 3153.54048px) scale(0.7512);
    }
    to {
      transform: translate(10.8312vw, 9444px) scale(0.7512);
    }
  }
  .snow:nth-child(24) {
    animation: fall-24 94s linear -2s infinite;
    opacity: 0.1207;
    transform: translate(75.6293vw, -10px) scale(0.5018);
  }
  @keyframes fall-24 {
    48.387% {
      transform: translate(69.5009vw, 4569.66828px) scale(0.5018);
    }
    to {
      transform: translate(72.5651vw, 9444px) scale(0.5018);
    }
  }
  .snow:nth-child(25) {
    animation: fall-25 70s linear -7s infinite;
    opacity: 0.7882;
    transform: translate(52.1887vw, -10px) scale(0.1538);
  }
  @keyframes fall-25 {
    60.33% {
      transform: translate(42.4321vw, 5697.5652px) scale(0.1538);
    }
    to {
      transform: translate(47.3104vw, 9444px) scale(0.1538);
    }
  }
  .snow:nth-child(26) {
    animation: fall-26 76s linear -11s infinite;
    opacity: 0.2348;
    transform: translate(92.805vw, -10px) scale(0.0503);
  }
  @keyframes fall-26 {
    57.234% {
      transform: translate(88.2201vw, 5405.17896px) scale(0.0503);
    }
    to {
      transform: translate(90.51255vw, 9444px) scale(0.0503);
    }
  }
  .snow:nth-child(27) {
    animation: fall-27 80s linear -18s infinite;
    opacity: 0.9707;
    transform: translate(0.9795vw, -10px) scale(0.2559);
  }
  @keyframes fall-27 {
    62.672% {
      transform: translate(5.205vw, 5918.74368px) scale(0.2559);
    }
    to {
      transform: translate(3.09225vw, 9444px) scale(0.2559);
    }
  }
  .snow:nth-child(28) {
    animation: fall-28 70s linear -23s infinite;
    opacity: 0.7516;
    transform: translate(68.8146vw, -10px) scale(0.7557);
  }
  @keyframes fall-28 {
    70.188% {
      transform: translate(73.6084vw, 6628.55472px) scale(0.7557);
    }
    to {
      transform: translate(71.2115vw, 9444px) scale(0.7557);
    }
  }
  .snow:nth-child(29) {
    animation: fall-29 48s linear -7s infinite;
    opacity: 0.7544;
    transform: translate(64.0017vw, -10px) scale(0.7135);
  }
  @keyframes fall-29 {
    37.975% {
      transform: translate(70.1328vw, 3586.359px) scale(0.7135);
    }
    to {
      transform: translate(67.06725vw, 9444px) scale(0.7135);
    }
  }
  .snow:nth-child(30) {
    animation: fall-30 96s linear -8s infinite;
    opacity: 0.3459;
    transform: translate(72.0592vw, -10px) scale(0.3655);
  }
  @keyframes fall-30 {
    49.057% {
      transform: translate(66.7329vw, 4632.94308px) scale(0.3655);
    }
    to {
      transform: translate(69.39605vw, 9444px) scale(0.3655);
    }
  }
  .snow:nth-child(31) {
    animation: fall-31 44s linear -18s infinite;
    opacity: 0.3596;
    transform: translate(73.7811vw, -10px) scale(0.5955);
  }
  @keyframes fall-31 {
    33.423% {
      transform: translate(74.3628vw, 3156.46812px) scale(0.5955);
    }
    to {
      transform: translate(74.07195vw, 9444px) scale(0.5955);
    }
  }
  .snow:nth-child(32) {
    animation: fall-32 56s linear -25s infinite;
    opacity: 0.0574;
    transform: translate(42.8513vw, -10px) scale(0.161);
  }
  @keyframes fall-32 {
    42.2% {
      transform: translate(33.6688vw, 3985.368px) scale(0.161);
    }
    to {
      transform: translate(38.26005vw, 9444px) scale(0.161);
    }
  }
  .snow:nth-child(33) {
    animation: fall-33 98s linear -27s infinite;
    opacity: 0.4351;
    transform: translate(88.2673vw, -10px) scale(0.5503);
  }
  @keyframes fall-33 {
    32.518% {
      transform: translate(82.1151vw, 3070.99992px) scale(0.5503);
    }
    to {
      transform: translate(85.1912vw, 9444px) scale(0.5503);
    }
  }
  .snow:nth-child(34) {
    animation: fall-34 68s linear -24s infinite;
    opacity: 0.1927;
    transform: translate(80.8327vw, -10px) scale(0.8039);
  }
  @keyframes fall-34 {
    31.88% {
      transform: translate(80.2697vw, 3010.7472px) scale(0.8039);
    }
    to {
      transform: translate(80.5512vw, 9444px) scale(0.8039);
    }
  }
  .snow:nth-child(35) {
    animation: fall-35 76s linear -6s infinite;
    opacity: 0.2393;
    transform: translate(70.0353vw, -10px) scale(0.6471);
  }
  @keyframes fall-35 {
    50.743% {
      transform: translate(61.1103vw, 4792.16892px) scale(0.6471);
    }
    to {
      transform: translate(65.5728vw, 9444px) scale(0.6471);
    }
  }
  .snow:nth-child(36) {
    animation: fall-36 76s linear -10s infinite;
    opacity: 0.6725;
    transform: translate(50.0202vw, -10px) scale(0.8213);
  }
  @keyframes fall-36 {
    63.177% {
      transform: translate(47.8428vw, 5966.43588px) scale(0.8213);
    }
    to {
      transform: translate(48.9315vw, 9444px) scale(0.8213);
    }
  }
  .snow:nth-child(37) {
    animation: fall-37 48s linear -15s infinite;
    opacity: 0.7179;
    transform: translate(79.338vw, -10px) scale(0.2664);
  }
  @keyframes fall-37 {
    55.653% {
      transform: translate(74.9532vw, 5255.86932px) scale(0.2664);
    }
    to {
      transform: translate(77.1456vw, 9444px) scale(0.2664);
    }
  }
  .snow:nth-child(38) {
    animation: fall-38 52s linear -23s infinite;
    opacity: 0.8824;
    transform: translate(79.9942vw, -10px) scale(0.1309);
  }
  @keyframes fall-38 {
    52.527% {
      transform: translate(79.8458vw, 4960.64988px) scale(0.1309);
    }
    to {
      transform: translate(79.92vw, 9444px) scale(0.1309);
    }
  }
  .snow:nth-child(39) {
    animation: fall-39 44s linear -18s infinite;
    opacity: 0.3358;
    transform: translate(39.4131vw, -10px) scale(0.3126);
  }
  @keyframes fall-39 {
    47.181% {
      transform: translate(40.6406vw, 4455.77364px) scale(0.3126);
    }
    to {
      transform: translate(40.02685vw, 9444px) scale(0.3126);
    }
  }
  .snow:nth-child(40) {
    animation: fall-40 84s linear -1s infinite;
    opacity: 0.7194;
    transform: translate(35.8037vw, -10px) scale(0.4324);
  }
  @keyframes fall-40 {
    74.294% {
      transform: translate(31.4744vw, 7016.32536px) scale(0.4324);
    }
    to {
      transform: translate(33.63905vw, 9444px) scale(0.4324);
    }
  }
  .snow:nth-child(41) {
    animation: fall-41 40s linear -23s infinite;
    opacity: 0.9303;
    transform: translate(57.0735vw, -10px) scale(0.3068);
  }
  @keyframes fall-41 {
    51.352% {
      transform: translate(53.0734vw, 4849.68288px) scale(0.3068);
    }
    to {
      transform: translate(55.07345vw, 9444px) scale(0.3068);
    }
  }
  .snow:nth-child(42) {
    animation: fall-42 48s linear -14s infinite;
    opacity: 0.0435;
    transform: translate(60.7482vw, -10px) scale(0.4736);
  }
  @keyframes fall-42 {
    38.465% {
      transform: translate(57.5117vw, 3632.6346px) scale(0.4736);
    }
    to {
      transform: translate(59.12995vw, 9444px) scale(0.4736);
    }
  }
  .snow:nth-child(43) {
    animation: fall-43 96s linear -17s infinite;
    opacity: 0.2444;
    transform: translate(4.695vw, -10px) scale(0.6801);
  }
  @keyframes fall-43 {
    38.342% {
      transform: translate(4.6059vw, 3621.01848px) scale(0.6801);
    }
    to {
      transform: translate(4.65045vw, 9444px) scale(0.6801);
    }
  }
  .snow:nth-child(44) {
    animation: fall-44 98s linear -6s infinite;
    opacity: 0.293;
    transform: translate(18.1601vw, -10px) scale(0.7122);
  }
  @keyframes fall-44 {
    60.558% {
      transform: translate(25.9405vw, 5719.09752px) scale(0.7122);
    }
    to {
      transform: translate(22.0503vw, 9444px) scale(0.7122);
    }
  }
  .snow:nth-child(45) {
    animation: fall-45 82s linear -26s infinite;
    opacity: 0.8051;
    transform: translate(86.1522vw, -10px) scale(0.8331);
  }
  @keyframes fall-45 {
    70.964% {
      transform: translate(85.5731vw, 6701.84016px) scale(0.8331);
    }
    to {
      transform: translate(85.86265vw, 9444px) scale(0.8331);
    }
  }
  .snow:nth-child(46) {
    animation: fall-46 92s linear -12s infinite;
    opacity: 0.058;
    transform: translate(24.4224vw, -10px) scale(0.5511);
  }
  @keyframes fall-46 {
    52.79% {
      transform: translate(31.1579vw, 4985.4876px) scale(0.5511);
    }
    to {
      transform: translate(27.79015vw, 9444px) scale(0.5511);
    }
  }
  .snow:nth-child(47) {
    animation: fall-47 70s linear -7s infinite;
    opacity: 0.9924;
    transform: translate(31.3906vw, -10px) scale(0.7925);
  }
  @keyframes fall-47 {
    34.967% {
      transform: translate(33.0581vw, 3302.28348px) scale(0.7925);
    }
    to {
      transform: translate(32.22435vw, 9444px) scale(0.7925);
    }
  }
  .snow:nth-child(48) {
    animation: fall-48 60s linear -1s infinite;
    opacity: 0.9781;
    transform: translate(38.1819vw, -10px) scale(0.2287);
  }
  @keyframes fall-48 {
    41.56% {
      transform: translate(33.3719vw, 3924.9264px) scale(0.2287);
    }
    to {
      transform: translate(35.7769vw, 9444px) scale(0.2287);
    }
  }
  .snow:nth-child(49) {
    animation: fall-49 84s linear -13s infinite;
    opacity: 0.3499;
    transform: translate(50.1317vw, -10px) scale(0.4707);
  }
  @keyframes fall-49 {
    50.279% {
      transform: translate(42.7075vw, 4748.34876px) scale(0.4707);
    }
    to {
      transform: translate(46.4196vw, 9444px) scale(0.4707);
    }
  }
  .snow:nth-child(50) {
    animation: fall-50 90s linear -29s infinite;
    opacity: 0.4723;
    transform: translate(28.7822vw, -10px) scale(0.6322);
  }
  @keyframes fall-50 {
    57.388% {
      transform: translate(25.7809vw, 5419.72272px) scale(0.6322);
    }
    to {
      transform: translate(27.28155vw, 9444px) scale(0.6322);
    }
  }
  .snow:nth-child(51) {
    animation: fall-51 100s linear -22s infinite;
    opacity: 0.7912;
    transform: translate(52.6043vw, -10px) scale(0.182);
  }
  @keyframes fall-51 {
    37.845% {
      transform: translate(55.7769vw, 3574.0818px) scale(0.182);
    }
    to {
      transform: translate(54.1906vw, 9444px) scale(0.182);
    }
  }
  .snow:nth-child(52) {
    animation: fall-52 98s linear -2s infinite;
    opacity: 0.2699;
    transform: translate(36.6134vw, -10px) scale(0.9778);
  }
  @keyframes fall-52 {
    66.423% {
      transform: translate(40.3679vw, 6272.98812px) scale(0.9778);
    }
    to {
      transform: translate(38.49065vw, 9444px) scale(0.9778);
    }
  }
  .snow:nth-child(53) {
    animation: fall-53 74s linear -19s infinite;
    opacity: 0.5383;
    transform: translate(90.3221vw, -10px) scale(0.0558);
  }
  @keyframes fall-53 {
    75.847% {
      transform: translate(86.94vw, 7162.99068px) scale(0.0558);
    }
    to {
      transform: translate(88.63105vw, 9444px) scale(0.0558);
    }
  }
  .snow:nth-child(54) {
    animation: fall-54 94s linear -25s infinite;
    opacity: 0.912;
    transform: translate(70.9584vw, -10px) scale(0.2269);
  }
  @keyframes fall-54 {
    71.938% {
      transform: translate(70.9264vw, 6793.82472px) scale(0.2269);
    }
    to {
      transform: translate(70.9424vw, 9444px) scale(0.2269);
    }
  }
  .snow:nth-child(55) {
    animation: fall-55 50s linear -29s infinite;
    opacity: 0.5822;
    transform: translate(89.5736vw, -10px) scale(0.5023);
  }
  @keyframes fall-55 {
    61.69% {
      transform: translate(80.7875vw, 5826.0036px) scale(0.5023);
    }
    to {
      transform: translate(85.18055vw, 9444px) scale(0.5023);
    }
  }
  .snow:nth-child(56) {
    animation: fall-56 70s linear -1s infinite;
    opacity: 0.7271;
    transform: translate(35.3707vw, -10px) scale(0.7489);
  }
  @keyframes fall-56 {
    54.942% {
      transform: translate(35.8938vw, 5188.72248px) scale(0.7489);
    }
    to {
      transform: translate(35.63225vw, 9444px) scale(0.7489);
    }
  }
  .snow:nth-child(57) {
    animation: fall-57 90s linear -8s infinite;
    opacity: 0.0089;
    transform: translate(99.0832vw, -10px) scale(0.0439);
  }
  @keyframes fall-57 {
    31.891% {
      transform: translate(95.0987vw, 3011.78604px) scale(0.0439);
    }
    to {
      transform: translate(97.09095vw, 9444px) scale(0.0439);
    }
  }
  .snow:nth-child(58) {
    animation: fall-58 54s linear -15s infinite;
    opacity: 0.1551;
    transform: translate(82.6239vw, -10px) scale(0.7457);
  }
  @keyframes fall-58 {
    57.703% {
      transform: translate(92.3236vw, 5449.47132px) scale(0.7457);
    }
    to {
      transform: translate(87.47375vw, 9444px) scale(0.7457);
    }
  }
  .snow:nth-child(59) {
    animation: fall-59 86s linear -4s infinite;
    opacity: 0.8099;
    transform: translate(18.5983vw, -10px) scale(0.6841);
  }
  @keyframes fall-59 {
    67.055% {
      transform: translate(8.9231vw, 6332.6742px) scale(0.6841);
    }
    to {
      transform: translate(13.7607vw, 9444px) scale(0.6841);
    }
  }
  .snow:nth-child(60) {
    animation: fall-60 50s linear -19s infinite;
    opacity: 0.2638;
    transform: translate(24.2653vw, -10px) scale(0.5316);
  }
  @keyframes fall-60 {
    41.167% {
      transform: translate(24.5943vw, 3887.81148px) scale(0.5316);
    }
    to {
      transform: translate(24.4298vw, 9444px) scale(0.5316);
    }
  }
  .snow:nth-child(61) {
    animation: fall-61 94s linear -3s infinite;
    opacity: 0.2515;
    transform: translate(89.3909vw, -10px) scale(0.8893);
  }
  @keyframes fall-61 {
    55.308% {
      transform: translate(81.1489vw, 5223.28752px) scale(0.8893);
    }
    to {
      transform: translate(85.2699vw, 9444px) scale(0.8893);
    }
  }
  .snow:nth-child(62) {
    animation: fall-62 64s linear -18s infinite;
    opacity: 0.0497;
    transform: translate(24.3936vw, -10px) scale(0.9852);
  }
  @keyframes fall-62 {
    44.821% {
      transform: translate(22.0271vw, 4232.89524px) scale(0.9852);
    }
    to {
      transform: translate(23.21035vw, 9444px) scale(0.9852);
    }
  }
  .snow:nth-child(63) {
    animation: fall-63 72s linear -1s infinite;
    opacity: 0.3252;
    transform: translate(72.4529vw, -10px) scale(0.3036);
  }
  @keyframes fall-63 {
    56.315% {
      transform: translate(66.2978vw, 5318.3886px) scale(0.3036);
    }
    to {
      transform: translate(69.37535vw, 9444px) scale(0.3036);
    }
  }
  .snow:nth-child(64) {
    animation: fall-64 64s linear -20s infinite;
    opacity: 0.7001;
    transform: translate(42.7623vw, -10px) scale(0.9338);
  }
  @keyframes fall-64 {
    44.225% {
      transform: translate(47.713vw, 4176.609px) scale(0.9338);
    }
    to {
      transform: translate(45.23765vw, 9444px) scale(0.9338);
    }
  }
  .snow:nth-child(65) {
    animation: fall-65 66s linear -30s infinite;
    opacity: 0.1797;
    transform: translate(4.0928vw, -10px) scale(0.9233);
  }
  @keyframes fall-65 {
    35.691% {
      transform: translate(-5.889vw, 3370.65804px) scale(0.9233);
    }
    to {
      transform: translate(-0.8981vw, 9444px) scale(0.9233);
    }
  }
  .snow:nth-child(66) {
    animation: fall-66 52s linear -20s infinite;
    opacity: 0.4358;
    transform: translate(65.7409vw, -10px) scale(0.8245);
  }
  @keyframes fall-66 {
    50.16% {
      transform: translate(72.8758vw, 4737.1104px) scale(0.8245);
    }
    to {
      transform: translate(69.30835vw, 9444px) scale(0.8245);
    }
  }
  .snow:nth-child(67) {
    animation: fall-67 74s linear -28s infinite;
    opacity: 0.6952;
    transform: translate(49.8494vw, -10px) scale(0.762);
  }
  @keyframes fall-67 {
    32.273% {
      transform: translate(48.0915vw, 3047.86212px) scale(0.762);
    }
    to {
      transform: translate(48.97045vw, 9444px) scale(0.762);
    }
  }
  .snow:nth-child(68) {
    animation: fall-68 46s linear -7s infinite;
    opacity: 0.9274;
    transform: translate(19.7792vw, -10px) scale(0.78);
  }
  @keyframes fall-68 {
    73.196% {
      transform: translate(19.4712vw, 6912.63024px) scale(0.78);
    }
    to {
      transform: translate(19.6252vw, 9444px) scale(0.78);
    }
  }
  .snow:nth-child(69) {
    animation: fall-69 100s linear -3s infinite;
    opacity: 0.0959;
    transform: translate(87.188vw, -10px) scale(0.7979);
  }
  @keyframes fall-69 {
    79.326% {
      transform: translate(93.4763vw, 7491.54744px) scale(0.7979);
    }
    to {
      transform: translate(90.33215vw, 9444px) scale(0.7979);
    }
  }
  .snow:nth-child(70) {
    animation: fall-70 100s linear -27s infinite;
    opacity: 0.8828;
    transform: translate(38.1618vw, -10px) scale(0.3807);
  }
  @keyframes fall-70 {
    73.055% {
      transform: translate(45.9936vw, 6899.3142px) scale(0.3807);
    }
    to {
      transform: translate(42.0777vw, 9444px) scale(0.3807);
    }
  }
  .snow:nth-child(71) {
    animation: fall-71 92s linear -8s infinite;
    opacity: 0.5112;
    transform: translate(88.3286vw, -10px) scale(0.4719);
  }
  @keyframes fall-71 {
    67.277% {
      transform: translate(81.8316vw, 6353.63988px) scale(0.4719);
    }
    to {
      transform: translate(85.0801vw, 9444px) scale(0.4719);
    }
  }
  .snow:nth-child(72) {
    animation: fall-72 46s linear -9s infinite;
    opacity: 0.2766;
    transform: translate(74.899vw, -10px) scale(0.4665);
  }
  @keyframes fall-72 {
    62.373% {
      transform: translate(77.2816vw, 5890.50612px) scale(0.4665);
    }
    to {
      transform: translate(76.0903vw, 9444px) scale(0.4665);
    }
  }
  .snow:nth-child(73) {
    animation: fall-73 64s linear -2s infinite;
    opacity: 0.7904;
    transform: translate(69.5424vw, -10px) scale(0.4114);
  }
  @keyframes fall-73 {
    61.548% {
      transform: translate(63.9907vw, 5812.59312px) scale(0.4114);
    }
    to {
      transform: translate(66.76655vw, 9444px) scale(0.4114);
    }
  }
  .snow:nth-child(74) {
    animation: fall-74 58s linear -3s infinite;
    opacity: 0.4297;
    transform: translate(6.0004vw, -10px) scale(0.9539);
  }
  @keyframes fall-74 {
    67.432% {
      transform: translate(9.5286vw, 6368.27808px) scale(0.9539);
    }
    to {
      transform: translate(7.7645vw, 9444px) scale(0.9539);
    }
  }
  .snow:nth-child(75) {
    animation: fall-75 94s linear -17s infinite;
    opacity: 0.179;
    transform: translate(27.8618vw, -10px) scale(0.4299);
  }
  @keyframes fall-75 {
    57.194% {
      transform: translate(23.5767vw, 5401.40136px) scale(0.4299);
    }
    to {
      transform: translate(25.71925vw, 9444px) scale(0.4299);
    }
  }
  .snow:nth-child(76) {
    animation: fall-76 50s linear -21s infinite;
    opacity: 0.7436;
    transform: translate(66.9866vw, -10px) scale(0.2683);
  }
  @keyframes fall-76 {
    47.361% {
      transform: translate(63.4793vw, 4472.77284px) scale(0.2683);
    }
    to {
      transform: translate(65.23295vw, 9444px) scale(0.2683);
    }
  }
  .snow:nth-child(77) {
    animation: fall-77 88s linear -8s infinite;
    opacity: 0.6632;
    transform: translate(36.9656vw, -10px) scale(0.7706);
  }
  @keyframes fall-77 {
    65.454% {
      transform: translate(31.4759vw, 6181.47576px) scale(0.7706);
    }
    to {
      transform: translate(34.22075vw, 9444px) scale(0.7706);
    }
  }
  .snow:nth-child(78) {
    animation: fall-78 74s linear -15s infinite;
    opacity: 0.7773;
    transform: translate(12.1845vw, -10px) scale(0.0083);
  }
  @keyframes fall-78 {
    57.433% {
      transform: translate(11.025vw, 5423.97252px) scale(0.0083);
    }
    to {
      transform: translate(11.60475vw, 9444px) scale(0.0083);
    }
  }
  .snow:nth-child(79) {
    animation: fall-79 76s linear -10s infinite;
    opacity: 0.1547;
    transform: translate(3.4049vw, -10px) scale(0.0218);
  }
  @keyframes fall-79 {
    65.444% {
      transform: translate(2.7621vw, 6180.53136px) scale(0.0218);
    }
    to {
      transform: translate(3.0835vw, 9444px) scale(0.0218);
    }
  }
  .snow:nth-child(80) {
    animation: fall-80 42s linear -23s infinite;
    opacity: 0.2024;
    transform: translate(49.1913vw, -10px) scale(0.0851);
  }
  @keyframes fall-80 {
    60.485% {
      transform: translate(44.6663vw, 5712.2034px) scale(0.0851);
    }
    to {
      transform: translate(46.9288vw, 9444px) scale(0.0851);
    }
  }
  .snow:nth-child(81) {
    animation: fall-81 90s linear -13s infinite;
    opacity: 0.9125;
    transform: translate(7.973vw, -10px) scale(0.4773);
  }
  @keyframes fall-81 {
    77.667% {
      transform: translate(7.7132vw, 7334.87148px) scale(0.4773);
    }
    to {
      transform: translate(7.8431vw, 9444px) scale(0.4773);
    }
  }
  .snow:nth-child(82) {
    animation: fall-82 58s linear -10s infinite;
    opacity: 0.7301;
    transform: translate(53.2003vw, -10px) scale(0.7557);
  }
  @keyframes fall-82 {
    75.674% {
      transform: translate(49.6294vw, 7146.65256px) scale(0.7557);
    }
    to {
      transform: translate(51.41485vw, 9444px) scale(0.7557);
    }
  }
  .snow:nth-child(83) {
    animation: fall-83 92s linear -16s infinite;
    opacity: 0.847;
    transform: translate(73.2043vw, -10px) scale(0.1984);
  }
  @keyframes fall-83 {
    33.19% {
      transform: translate(65.5845vw, 3134.4636px) scale(0.1984);
    }
    to {
      transform: translate(69.3944vw, 9444px) scale(0.1984);
    }
  }
  .snow:nth-child(84) {
    animation: fall-84 90s linear -28s infinite;
    opacity: 0.9629;
    transform: translate(88.1157vw, -10px) scale(0.4209);
  }
  @keyframes fall-84 {
    40.773% {
      transform: translate(88.0422vw, 3850.60212px) scale(0.4209);
    }
    to {
      transform: translate(88.07895vw, 9444px) scale(0.4209);
    }
  }
  .snow:nth-child(85) {
    animation: fall-85 98s linear -8s infinite;
    opacity: 0.9083;
    transform: translate(21.0361vw, -10px) scale(0.8041);
  }
  @keyframes fall-85 {
    35.976% {
      transform: translate(24.2462vw, 3397.57344px) scale(0.8041);
    }
    to {
      transform: translate(22.64115vw, 9444px) scale(0.8041);
    }
  }
  .snow:nth-child(86) {
    animation: fall-86 96s linear -18s infinite;
    opacity: 0.5062;
    transform: translate(69.2834vw, -10px) scale(0.8846);
  }
  @keyframes fall-86 {
    55.218% {
      transform: translate(65.1422vw, 5214.78792px) scale(0.8846);
    }
    to {
      transform: translate(67.2128vw, 9444px) scale(0.8846);
    }
  }
  .snow:nth-child(87) {
    animation: fall-87 84s linear -23s infinite;
    opacity: 0.9888;
    transform: translate(60.2233vw, -10px) scale(0.555);
  }
  @keyframes fall-87 {
    42.512% {
      transform: translate(51.2084vw, 4014.83328px) scale(0.555);
    }
    to {
      transform: translate(55.71585vw, 9444px) scale(0.555);
    }
  }
  .snow:nth-child(88) {
    animation: fall-88 74s linear -3s infinite;
    opacity: 0.7514;
    transform: translate(36.8203vw, -10px) scale(0.7607);
  }
  @keyframes fall-88 {
    36.865% {
      transform: translate(43.6776vw, 3481.5306px) scale(0.7607);
    }
    to {
      transform: translate(40.24895vw, 9444px) scale(0.7607);
    }
  }
  .snow:nth-child(89) {
    animation: fall-89 62s linear -7s infinite;
    opacity: 0.2302;
    transform: translate(78.0456vw, -10px) scale(0.8575);
  }
  @keyframes fall-89 {
    51.255% {
      transform: translate(87.5021vw, 4840.5222px) scale(0.8575);
    }
    to {
      transform: translate(82.77385vw, 9444px) scale(0.8575);
    }
  }
  .snow:nth-child(90) {
    animation: fall-90 68s linear -22s infinite;
    opacity: 0.9807;
    transform: translate(19.2325vw, -10px) scale(0.0555);
  }
  @keyframes fall-90 {
    67.055% {
      transform: translate(15.9587vw, 6332.6742px) scale(0.0555);
    }
    to {
      transform: translate(17.5956vw, 9444px) scale(0.0555);
    }
  }
  .snow:nth-child(91) {
    animation: fall-91 66s linear -1s infinite;
    opacity: 0.6917;
    transform: translate(43.9955vw, -10px) scale(0.7683);
  }
  @keyframes fall-91 {
    50.918% {
      transform: translate(37.5046vw, 4808.69592px) scale(0.7683);
    }
    to {
      transform: translate(40.75005vw, 9444px) scale(0.7683);
    }
  }
  .snow:nth-child(92) {
    animation: fall-92 86s linear -14s infinite;
    opacity: 0.5615;
    transform: translate(17.4515vw, -10px) scale(0.1796);
  }
  @keyframes fall-92 {
    68.819% {
      transform: translate(12.7637vw, 6499.26636px) scale(0.1796);
    }
    to {
      transform: translate(15.1076vw, 9444px) scale(0.1796);
    }
  }
  .snow:nth-child(93) {
    animation: fall-93 58s linear -10s infinite;
    opacity: 0.4243;
    transform: translate(27.8448vw, -10px) scale(0.3378);
  }
  @keyframes fall-93 {
    74.332% {
      transform: translate(20.8226vw, 7019.91408px) scale(0.3378);
    }
    to {
      transform: translate(24.3337vw, 9444px) scale(0.3378);
    }
  }
  .snow:nth-child(94) {
    animation: fall-94 100s linear -1s infinite;
    opacity: 0.6984;
    transform: translate(83.2481vw, -10px) scale(0.1297);
  }
  @keyframes fall-94 {
    76.305% {
      transform: translate(91.877vw, 7206.2442px) scale(0.1297);
    }
    to {
      transform: translate(87.56255vw, 9444px) scale(0.1297);
    }
  }
  .snow:nth-child(95) {
    animation: fall-95 56s linear -21s infinite;
    opacity: 0.64;
    transform: translate(30.0449vw, -10px) scale(0.0699);
  }
  @keyframes fall-95 {
    78.07% {
      transform: translate(38.0637vw, 7372.9308px) scale(0.0699);
    }
    to {
      transform: translate(34.0543vw, 9444px) scale(0.0699);
    }
  }
  .snow:nth-child(96) {
    animation: fall-96 64s linear -4s infinite;
    opacity: 0.9282;
    transform: translate(72.0732vw, -10px) scale(0.4741);
  }
  @keyframes fall-96 {
    54.178% {
      transform: translate(69.3489vw, 5116.57032px) scale(0.4741);
    }
    to {
      transform: translate(70.71105vw, 9444px) scale(0.4741);
    }
  }
  .snow:nth-child(97) {
    animation: fall-97 90s linear -27s infinite;
    opacity: 0.7335;
    transform: translate(26.8672vw, -10px) scale(0.7975);
  }
  @keyframes fall-97 {
    66.083% {
      transform: translate(34.271vw, 6240.87852px) scale(0.7975);
    }
    to {
      transform: translate(30.5691vw, 9444px) scale(0.7975);
    }
  }
  .snow:nth-child(98) {
    animation: fall-98 52s linear -5s infinite;
    opacity: 0.3076;
    transform: translate(54.7257vw, -10px) scale(0.5289);
  }
  @keyframes fall-98 {
    32.503% {
      transform: translate(58.9268vw, 3069.58332px) scale(0.5289);
    }
    to {
      transform: translate(56.82625vw, 9444px) scale(0.5289);
    }
  }
  .snow:nth-child(99) {
    animation: fall-99 46s linear -19s infinite;
    opacity: 0.1372;
    transform: translate(86.0017vw, -10px) scale(0.2431);
  }
  @keyframes fall-99 {
    39.163% {
      transform: translate(93.3023vw, 3698.55372px) scale(0.2431);
    }
    to {
      transform: translate(89.652vw, 9444px) scale(0.2431);
    }
  }
  .snow:nth-child(100) {
    animation: fall-100 48s linear -2s infinite;
    opacity: 0.6692;
    transform: translate(39.9154vw, -10px) scale(0.6133);
  }
  @keyframes fall-100 {
    43.657% {
      transform: translate(43.8042vw, 4122.96708px) scale(0.6133);
    }
    to {
      transform: translate(41.8598vw, 9444px) scale(0.6133);
    }
  }
  .snow:nth-child(101) {
    animation: fall-101 78s linear -6s infinite;
    opacity: 0.8299;
    transform: translate(3.2594vw, -10px) scale(0.0904);
  }
  @keyframes fall-101 {
    38.493% {
      transform: translate(-1.7224vw, 3635.27892px) scale(0.0904);
    }
    to {
      transform: translate(0.7685vw, 9444px) scale(0.0904);
    }
  }
  .snow:nth-child(102) {
    animation: fall-102 70s linear -22s infinite;
    opacity: 0.8803;
    transform: translate(24.5184vw, -10px) scale(0.7179);
  }
  @keyframes fall-102 {
    36.877% {
      transform: translate(26.2047vw, 3482.66388px) scale(0.7179);
    }
    to {
      transform: translate(25.36155vw, 9444px) scale(0.7179);
    }
  }
  .snow:nth-child(103) {
    animation: fall-103 88s linear -19s infinite;
    opacity: 0.314;
    transform: translate(56.6848vw, -10px) scale(0.2258);
  }
  @keyframes fall-103 {
    61.498% {
      transform: translate(60.4393vw, 5807.87112px) scale(0.2258);
    }
    to {
      transform: translate(58.56205vw, 9444px) scale(0.2258);
    }
  }
  .snow:nth-child(104) {
    animation: fall-104 58s linear -22s infinite;
    opacity: 0.3896;
    transform: translate(44.796vw, -10px) scale(0.5831);
  }
  @keyframes fall-104 {
    70.088% {
      transform: translate(38.9334vw, 6619.11072px) scale(0.5831);
    }
    to {
      transform: translate(41.8647vw, 9444px) scale(0.5831);
    }
  }
  .snow:nth-child(105) {
    animation: fall-105 86s linear -21s infinite;
    opacity: 0.9991;
    transform: translate(35.6289vw, -10px) scale(0.2399);
  }
  @keyframes fall-105 {
    49.196% {
      transform: translate(37.7147vw, 4646.07024px) scale(0.2399);
    }
    to {
      transform: translate(36.6718vw, 9444px) scale(0.2399);
    }
  }
  .snow:nth-child(106) {
    animation: fall-106 60s linear -25s infinite;
    opacity: 0.5018;
    transform: translate(50.0084vw, -10px) scale(0.7342);
  }
  @keyframes fall-106 {
    36.536% {
      transform: translate(59.1485vw, 3450.45984px) scale(0.7342);
    }
    to {
      transform: translate(54.57845vw, 9444px) scale(0.7342);
    }
  }
  .snow:nth-child(107) {
    animation: fall-107 44s linear -22s infinite;
    opacity: 0.0571;
    transform: translate(24.691vw, -10px) scale(0.1588);
  }
  @keyframes fall-107 {
    63.17% {
      transform: translate(18.4236vw, 5965.7748px) scale(0.1588);
    }
    to {
      transform: translate(21.5573vw, 9444px) scale(0.1588);
    }
  }
  .snow:nth-child(108) {
    animation: fall-108 68s linear -16s infinite;
    opacity: 0.8974;
    transform: translate(94.8105vw, -10px) scale(0.9024);
  }
  @keyframes fall-108 {
    53.642% {
      transform: translate(92.4235vw, 5065.95048px) scale(0.9024);
    }
    to {
      transform: translate(93.617vw, 9444px) scale(0.9024);
    }
  }
  .snow:nth-child(109) {
    animation: fall-109 78s linear -14s infinite;
    opacity: 0.9655;
    transform: translate(55.4134vw, -10px) scale(0.0817);
  }
  @keyframes fall-109 {
    69.093% {
      transform: translate(48.7478vw, 6525.14292px) scale(0.0817);
    }
    to {
      transform: translate(52.0806vw, 9444px) scale(0.0817);
    }
  }
  .snow:nth-child(110) {
    animation: fall-110 66s linear -7s infinite;
    opacity: 0.2374;
    transform: translate(23.1096vw, -10px) scale(0.1586);
  }
  @keyframes fall-110 {
    63.908% {
      transform: translate(30.9572vw, 6035.47152px) scale(0.1586);
    }
    to {
      transform: translate(27.0334vw, 9444px) scale(0.1586);
    }
  }
  .snow:nth-child(111) {
    animation: fall-111 42s linear -17s infinite;
    opacity: 0.6581;
    transform: translate(18.3791vw, -10px) scale(0.512);
  }
  @keyframes fall-111 {
    71.044% {
      transform: translate(12.5865vw, 6709.39536px) scale(0.512);
    }
    to {
      transform: translate(15.4828vw, 9444px) scale(0.512);
    }
  }
  .snow:nth-child(112) {
    animation: fall-112 84s linear -20s infinite;
    opacity: 0.4933;
    transform: translate(40.1079vw, -10px) scale(0.0128);
  }
  @keyframes fall-112 {
    42.28% {
      transform: translate(31.5209vw, 3992.9232px) scale(0.0128);
    }
    to {
      transform: translate(35.8144vw, 9444px) scale(0.0128);
    }
  }
  .snow:nth-child(113) {
    animation: fall-113 96s linear -1s infinite;
    opacity: 0.1545;
    transform: translate(7.4951vw, -10px) scale(0.1333);
  }
  @keyframes fall-113 {
    67.18% {
      transform: translate(14.37vw, 6344.4792px) scale(0.1333);
    }
    to {
      transform: translate(10.93255vw, 9444px) scale(0.1333);
    }
  }
  .snow:nth-child(114) {
    animation: fall-114 92s linear -5s infinite;
    opacity: 0.7791;
    transform: translate(91.5429vw, -10px) scale(0.0764);
  }
  @keyframes fall-114 {
    46.559% {
      transform: translate(83.3944vw, 4397.03196px) scale(0.0764);
    }
    to {
      transform: translate(87.46865vw, 9444px) scale(0.0764);
    }
  }
  .snow:nth-child(115) {
    animation: fall-115 44s linear -29s infinite;
    opacity: 0.1077;
    transform: translate(94.339vw, -10px) scale(0.2243);
  }
  @keyframes fall-115 {
    60.967% {
      transform: translate(102.5447vw, 5757.72348px) scale(0.2243);
    }
    to {
      transform: translate(98.44185vw, 9444px) scale(0.2243);
    }
  }
  .snow:nth-child(116) {
    animation: fall-116 78s linear -17s infinite;
    opacity: 0.8454;
    transform: translate(95.6683vw, -10px) scale(0.5065);
  }
  @keyframes fall-116 {
    55.857% {
      transform: translate(102.7751vw, 5275.13508px) scale(0.5065);
    }
    to {
      transform: translate(99.2217vw, 9444px) scale(0.5065);
    }
  }
  .snow:nth-child(117) {
    animation: fall-117 68s linear -29s infinite;
    opacity: 0.0495;
    transform: translate(85.9986vw, -10px) scale(0.3453);
  }
  @keyframes fall-117 {
    70.446% {
      transform: translate(83.4409vw, 6652.92024px) scale(0.3453);
    }
    to {
      transform: translate(84.71975vw, 9444px) scale(0.3453);
    }
  }
  .snow:nth-child(118) {
    animation: fall-118 68s linear -1s infinite;
    opacity: 0.3651;
    transform: translate(27.2002vw, -10px) scale(0.6788);
  }
  @keyframes fall-118 {
    67.535% {
      transform: translate(23.8043vw, 6378.0054px) scale(0.6788);
    }
    to {
      transform: translate(25.50225vw, 9444px) scale(0.6788);
    }
  }
  .snow:nth-child(119) {
    animation: fall-119 78s linear -27s infinite;
    opacity: 0.8002;
    transform: translate(89.8359vw, -10px) scale(0.3018);
  }
  @keyframes fall-119 {
    57.968% {
      transform: translate(88.206vw, 5474.49792px) scale(0.3018);
    }
    to {
      transform: translate(89.02095vw, 9444px) scale(0.3018);
    }
  }
  .snow:nth-child(120) {
    animation: fall-120 52s linear -23s infinite;
    opacity: 0.9824;
    transform: translate(46.2764vw, -10px) scale(0.4065);
  }
  @keyframes fall-120 {
    53.563% {
      transform: translate(56.0918vw, 5058.48972px) scale(0.4065);
    }
    to {
      transform: translate(51.1841vw, 9444px) scale(0.4065);
    }
  }
  .snow:nth-child(121) {
    animation: fall-121 76s linear -20s infinite;
    opacity: 0.5704;
    transform: translate(10.2741vw, -10px) scale(0.1534);
  }
  @keyframes fall-121 {
    41.063% {
      transform: translate(12.0484vw, 3877.98972px) scale(0.1534);
    }
    to {
      transform: translate(11.16125vw, 9444px) scale(0.1534);
    }
  }
  .snow:nth-child(122) {
    animation: fall-122 80s linear -13s infinite;
    opacity: 0.6817;
    transform: translate(98.5358vw, -10px) scale(0.957);
  }
  @keyframes fall-122 {
    41.726% {
      transform: translate(100.3403vw, 3940.60344px) scale(0.957);
    }
    to {
      transform: translate(99.43805vw, 9444px) scale(0.957);
    }
  }
  .snow:nth-child(123) {
    animation: fall-123 74s linear -3s infinite;
    opacity: 0.5414;
    transform: translate(98.2778vw, -10px) scale(0.246);
  }
  @keyframes fall-123 {
    75.11% {
      transform: translate(106.1211vw, 7093.3884px) scale(0.246);
    }
    to {
      transform: translate(102.19945vw, 9444px) scale(0.246);
    }
  }
  .snow:nth-child(124) {
    animation: fall-124 100s linear -14s infinite;
    opacity: 0.1871;
    transform: translate(92.9388vw, -10px) scale(0.595);
  }
  @keyframes fall-124 {
    64.924% {
      transform: translate(97.6638vw, 6131.42256px) scale(0.595);
    }
    to {
      transform: translate(95.3013vw, 9444px) scale(0.595);
    }
  }
  .snow:nth-child(125) {
    animation: fall-125 94s linear -13s infinite;
    opacity: 0.4739;
    transform: translate(32.6675vw, -10px) scale(0.5381);
  }
  @keyframes fall-125 {
    79.294% {
      transform: translate(29.9909vw, 7488.52536px) scale(0.5381);
    }
    to {
      transform: translate(31.3292vw, 9444px) scale(0.5381);
    }
  }
  .snow:nth-child(126) {
    animation: fall-126 40s linear -7s infinite;
    opacity: 0.7722;
    transform: translate(79.5508vw, -10px) scale(0.8817);
  }
  @keyframes fall-126 {
    53.16% {
      transform: translate(71.6175vw, 5020.4304px) scale(0.8817);
    }
    to {
      transform: translate(75.58415vw, 9444px) scale(0.8817);
    }
  }
  .snow:nth-child(127) {
    animation: fall-127 48s linear -20s infinite;
    opacity: 0.5642;
    transform: translate(6.4965vw, -10px) scale(0.9784);
  }
  @keyframes fall-127 {
    61.951% {
      transform: translate(11.7145vw, 5850.65244px) scale(0.9784);
    }
    to {
      transform: translate(9.1055vw, 9444px) scale(0.9784);
    }
  }
  .snow:nth-child(128) {
    animation: fall-128 50s linear -27s infinite;
    opacity: 0.0808;
    transform: translate(27.3114vw, -10px) scale(0.2824);
  }
  @keyframes fall-128 {
    55.192% {
      transform: translate(35.7887vw, 5212.33248px) scale(0.2824);
    }
    to {
      transform: translate(31.55005vw, 9444px) scale(0.2824);
    }
  }
  .snow:nth-child(129) {
    animation: fall-129 78s linear -1s infinite;
    opacity: 0.9569;
    transform: translate(65.1987vw, -10px) scale(0.3447);
  }
  @keyframes fall-129 {
    49.312% {
      transform: translate(56.301vw, 4657.02528px) scale(0.3447);
    }
    to {
      transform: translate(60.74985vw, 9444px) scale(0.3447);
    }
  }
  .snow:nth-child(130) {
    animation: fall-130 88s linear -8s infinite;
    opacity: 0.2292;
    transform: translate(37.8406vw, -10px) scale(0.1784);
  }
  @keyframes fall-130 {
    51.626% {
      transform: translate(41.6213vw, 4875.55944px) scale(0.1784);
    }
    to {
      transform: translate(39.73095vw, 9444px) scale(0.1784);
    }
  }
  .snow:nth-child(131) {
    animation: fall-131 82s linear -19s infinite;
    opacity: 0.4441;
    transform: translate(36.6302vw, -10px) scale(0.104);
  }
  @keyframes fall-131 {
    72.596% {
      transform: translate(35.4076vw, 6855.96624px) scale(0.104);
    }
    to {
      transform: translate(36.0189vw, 9444px) scale(0.104);
    }
  }
  .snow:nth-child(132) {
    animation: fall-132 96s linear -30s infinite;
    opacity: 0.3573;
    transform: translate(77.8303vw, -10px) scale(0.9974);
  }
  @keyframes fall-132 {
    35.841% {
      transform: translate(73.758vw, 3384.82404px) scale(0.9974);
    }
    to {
      transform: translate(75.79415vw, 9444px) scale(0.9974);
    }
  }
  .snow:nth-child(133) {
    animation: fall-133 92s linear -29s infinite;
    opacity: 0.7749;
    transform: translate(71.8553vw, -10px) scale(0.2928);
  }
  @keyframes fall-133 {
    47.097% {
      transform: translate(65.2107vw, 4447.84068px) scale(0.2928);
    }
    to {
      transform: translate(68.533vw, 9444px) scale(0.2928);
    }
  }
  .snow:nth-child(134) {
    animation: fall-134 72s linear -19s infinite;
    opacity: 0.6558;
    transform: translate(4.1134vw, -10px) scale(0.5374);
  }
  @keyframes fall-134 {
    43.454% {
      transform: translate(-4.6169vw, 4103.79576px) scale(0.5374);
    }
    to {
      transform: translate(-0.25175vw, 9444px) scale(0.5374);
    }
  }
  .snow:nth-child(135) {
    animation: fall-135 94s linear -11s infinite;
    opacity: 0.8139;
    transform: translate(23.5485vw, -10px) scale(0.9746);
  }
  @keyframes fall-135 {
    50.378% {
      transform: translate(26.0486vw, 4757.69832px) scale(0.9746);
    }
    to {
      transform: translate(24.79855vw, 9444px) scale(0.9746);
    }
  }
  .snow:nth-child(136) {
    animation: fall-136 98s linear -18s infinite;
    opacity: 0.4599;
    transform: translate(38.3588vw, -10px) scale(0.7371);
  }
  @keyframes fall-136 {
    39.669% {
      transform: translate(47.7468vw, 3746.34036px) scale(0.7371);
    }
    to {
      transform: translate(43.0528vw, 9444px) scale(0.7371);
    }
  }
  .snow:nth-child(137) {
    animation: fall-137 60s linear -21s infinite;
    opacity: 0.3007;
    transform: translate(5.549vw, -10px) scale(0.2758);
  }
  @keyframes fall-137 {
    59.718% {
      transform: translate(14.8652vw, 5639.76792px) scale(0.2758);
    }
    to {
      transform: translate(10.2071vw, 9444px) scale(0.2758);
    }
  }
  .snow:nth-child(138) {
    animation: fall-138 78s linear -7s infinite;
    opacity: 0.747;
    transform: translate(83.1773vw, -10px) scale(0.2197);
  }
  @keyframes fall-138 {
    36.573% {
      transform: translate(89.5295vw, 3453.95412px) scale(0.2197);
    }
    to {
      transform: translate(86.3534vw, 9444px) scale(0.2197);
    }
  }
  .snow:nth-child(139) {
    animation: fall-139 88s linear -5s infinite;
    opacity: 0.2702;
    transform: translate(97.49vw, -10px) scale(0.3384);
  }
  @keyframes fall-139 {
    34.097% {
      transform: translate(99.1273vw, 3220.12068px) scale(0.3384);
    }
    to {
      transform: translate(98.30865vw, 9444px) scale(0.3384);
    }
  }
  .snow:nth-child(140) {
    animation: fall-140 54s linear -10s infinite;
    opacity: 0.3252;
    transform: translate(83.7073vw, -10px) scale(0.2491);
  }
  @keyframes fall-140 {
    66.894% {
      transform: translate(78.5147vw, 6317.46936px) scale(0.2491);
    }
    to {
      transform: translate(81.111vw, 9444px) scale(0.2491);
    }
  }
  .snow:nth-child(141) {
    animation: fall-141 66s linear -14s infinite;
    opacity: 0.2305;
    transform: translate(84.8289vw, -10px) scale(0.1082);
  }
  @keyframes fall-141 {
    63.675% {
      transform: translate(86.5099vw, 6013.467px) scale(0.1082);
    }
    to {
      transform: translate(85.6694vw, 9444px) scale(0.1082);
    }
  }
  .snow:nth-child(142) {
    animation: fall-142 88s linear -8s infinite;
    opacity: 0.1255;
    transform: translate(40.3903vw, -10px) scale(0.3257);
  }
  @keyframes fall-142 {
    54.776% {
      transform: translate(49.713vw, 5173.04544px) scale(0.3257);
    }
    to {
      transform: translate(45.05165vw, 9444px) scale(0.3257);
    }
  }
  .snow:nth-child(143) {
    animation: fall-143 94s linear -16s infinite;
    opacity: 0.4425;
    transform: translate(89.6022vw, -10px) scale(0.4588);
  }
  @keyframes fall-143 {
    79.677% {
      transform: translate(89.697vw, 7524.69588px) scale(0.4588);
    }
    to {
      transform: translate(89.6496vw, 9444px) scale(0.4588);
    }
  }
  .snow:nth-child(144) {
    animation: fall-144 96s linear -28s infinite;
    opacity: 0.5318;
    transform: translate(96.7046vw, -10px) scale(0.1153);
  }
  @keyframes fall-144 {
    74.864% {
      transform: translate(102.0282vw, 7070.15616px) scale(0.1153);
    }
    to {
      transform: translate(99.3664vw, 9444px) scale(0.1153);
    }
  }
  .snow:nth-child(145) {
    animation: fall-145 78s linear -20s infinite;
    opacity: 0.823;
    transform: translate(4.8968vw, -10px) scale(0.4996);
  }
  @keyframes fall-145 {
    77.486% {
      transform: translate(8.8394vw, 7317.77784px) scale(0.4996);
    }
    to {
      transform: translate(6.8681vw, 9444px) scale(0.4996);
    }
  }
  .snow:nth-child(146) {
    animation: fall-146 98s linear -29s infinite;
    opacity: 0.3488;
    transform: translate(0.1251vw, -10px) scale(0.497);
  }
  @keyframes fall-146 {
    43.714% {
      transform: translate(2.465vw, 4128.35016px) scale(0.497);
    }
    to {
      transform: translate(1.29505vw, 9444px) scale(0.497);
    }
  }
  .snow:nth-child(147) {
    animation: fall-147 50s linear -13s infinite;
    opacity: 0.424;
    transform: translate(36.0653vw, -10px) scale(0.0705);
  }
  @keyframes fall-147 {
    78.447% {
      transform: translate(43.4041vw, 7408.53468px) scale(0.0705);
    }
    to {
      transform: translate(39.7347vw, 9444px) scale(0.0705);
    }
  }
  .snow:nth-child(148) {
    animation: fall-148 46s linear -19s infinite;
    opacity: 0.6731;
    transform: translate(80.6023vw, -10px) scale(0.4676);
  }
  @keyframes fall-148 {
    59.744% {
      transform: translate(71.9324vw, 5642.22336px) scale(0.4676);
    }
    to {
      transform: translate(76.26735vw, 9444px) scale(0.4676);
    }
  }
  .snow:nth-child(149) {
    animation: fall-149 64s linear -28s infinite;
    opacity: 0.8735;
    transform: translate(94.6534vw, -10px) scale(0.4466);
  }
  @keyframes fall-149 {
    51.275% {
      transform: translate(95.8995vw, 4842.411px) scale(0.4466);
    }
    to {
      transform: translate(95.27645vw, 9444px) scale(0.4466);
    }
  }
  .snow:nth-child(150) {
    animation: fall-150 40s linear -28s infinite;
    opacity: 0.5151;
    transform: translate(83.7013vw, -10px) scale(0.8227);
  }
  @keyframes fall-150 {
    53.89% {
      transform: translate(90.0168vw, 5089.3716px) scale(0.8227);
    }
    to {
      transform: translate(86.85905vw, 9444px) scale(0.8227);
    }
  }
  .snow:nth-child(151) {
    animation: fall-151 40s linear -25s infinite;
    opacity: 0.9658;
    transform: translate(50.6929vw, -10px) scale(0.4882);
  }
  @keyframes fall-151 {
    65.032% {
      transform: translate(43.6831vw, 6141.62208px) scale(0.4882);
    }
    to {
      transform: translate(47.188vw, 9444px) scale(0.4882);
    }
  }
  .snow:nth-child(152) {
    animation: fall-152 90s linear -11s infinite;
    opacity: 0.4182;
    transform: translate(10.6062vw, -10px) scale(0.2238);
  }
  @keyframes fall-152 {
    63.813% {
      transform: translate(3.6682vw, 6026.49972px) scale(0.2238);
    }
    to {
      transform: translate(7.1372vw, 9444px) scale(0.2238);
    }
  }
  .snow:nth-child(153) {
    animation: fall-153 96s linear -2s infinite;
    opacity: 0.342;
    transform: translate(91.324vw, -10px) scale(0.0523);
  }
  @keyframes fall-153 {
    39.375% {
      transform: translate(86.3012vw, 3718.575px) scale(0.0523);
    }
    to {
      transform: translate(88.8126vw, 9444px) scale(0.0523);
    }
  }
  .snow:nth-child(154) {
    animation: fall-154 96s linear -11s infinite;
    opacity: 0.2712;
    transform: translate(13.4213vw, -10px) scale(0.0939);
  }
  @keyframes fall-154 {
    60.504% {
      transform: translate(11.8788vw, 5713.99776px) scale(0.0939);
    }
    to {
      transform: translate(12.65005vw, 9444px) scale(0.0939);
    }
  }
  .snow:nth-child(155) {
    animation: fall-155 88s linear -17s infinite;
    opacity: 0.5459;
    transform: translate(20.0512vw, -10px) scale(0.543);
  }
  @keyframes fall-155 {
    64.657% {
      transform: translate(28.4739vw, 6106.20708px) scale(0.543);
    }
    to {
      transform: translate(24.26255vw, 9444px) scale(0.543);
    }
  }
  .snow:nth-child(156) {
    animation: fall-156 64s linear -7s infinite;
    opacity: 0.1581;
    transform: translate(72.649vw, -10px) scale(0.9956);
  }
  @keyframes fall-156 {
    76.838% {
      transform: translate(64.759vw, 7256.58072px) scale(0.9956);
    }
    to {
      transform: translate(68.704vw, 9444px) scale(0.9956);
    }
  }
  .snow:nth-child(157) {
    animation: fall-157 50s linear -3s infinite;
    opacity: 0.1883;
    transform: translate(26.2609vw, -10px) scale(0.4123);
  }
  @keyframes fall-157 {
    48.693% {
      transform: translate(19.8404vw, 4598.56692px) scale(0.4123);
    }
    to {
      transform: translate(23.05065vw, 9444px) scale(0.4123);
    }
  }
  .snow:nth-child(158) {
    animation: fall-158 76s linear -2s infinite;
    opacity: 0.6611;
    transform: translate(40.0646vw, -10px) scale(0.2199);
  }
  @keyframes fall-158 {
    74.599% {
      transform: translate(45.6048vw, 7045.12956px) scale(0.2199);
    }
    to {
      transform: translate(42.8347vw, 9444px) scale(0.2199);
    }
  }
  .snow:nth-child(159) {
    animation: fall-159 46s linear -6s infinite;
    opacity: 0.7818;
    transform: translate(31.7763vw, -10px) scale(0.9568);
  }
  @keyframes fall-159 {
    41.446% {
      transform: translate(39.1163vw, 3914.16024px) scale(0.9568);
    }
    to {
      transform: translate(35.4463vw, 9444px) scale(0.9568);
    }
  }
  .snow:nth-child(160) {
    animation: fall-160 66s linear -11s infinite;
    opacity: 0.0502;
    transform: translate(58.095vw, -10px) scale(0.2144);
  }
  @keyframes fall-160 {
    55.834% {
      transform: translate(63.4503vw, 5272.96296px) scale(0.2144);
    }
    to {
      transform: translate(60.77265vw, 9444px) scale(0.2144);
    }
  }
  .snow:nth-child(161) {
    animation: fall-161 66s linear -20s infinite;
    opacity: 0.1096;
    transform: translate(80.2391vw, -10px) scale(0.098);
  }
  @keyframes fall-161 {
    79.874% {
      transform: translate(73.4983vw, 7543.30056px) scale(0.098);
    }
    to {
      transform: translate(76.8687vw, 9444px) scale(0.098);
    }
  }
  .snow:nth-child(162) {
    animation: fall-162 80s linear -16s infinite;
    opacity: 0.2474;
    transform: translate(27.2394vw, -10px) scale(0.426);
  }
  @keyframes fall-162 {
    73.506% {
      transform: translate(26.2879vw, 6941.90664px) scale(0.426);
    }
    to {
      transform: translate(26.76365vw, 9444px) scale(0.426);
    }
  }
  .snow:nth-child(163) {
    animation: fall-163 92s linear -21s infinite;
    opacity: 0.2604;
    transform: translate(85.0303vw, -10px) scale(0.1917);
  }
  @keyframes fall-163 {
    66.221% {
      transform: translate(91.5656vw, 6253.91124px) scale(0.1917);
    }
    to {
      transform: translate(88.29795vw, 9444px) scale(0.1917);
    }
  }
  .snow:nth-child(164) {
    animation: fall-164 100s linear -12s infinite;
    opacity: 0.1602;
    transform: translate(41.6438vw, -10px) scale(0.5433);
  }
  @keyframes fall-164 {
    65.869% {
      transform: translate(42.7154vw, 6220.66836px) scale(0.5433);
    }
    to {
      transform: translate(42.1796vw, 9444px) scale(0.5433);
    }
  }
  .snow:nth-child(165) {
    animation: fall-165 52s linear -26s infinite;
    opacity: 0.0684;
    transform: translate(54.9818vw, -10px) scale(0.1201);
  }
  @keyframes fall-165 {
    51.984% {
      transform: translate(50.1947vw, 4909.36896px) scale(0.1201);
    }
    to {
      transform: translate(52.58825vw, 9444px) scale(0.1201);
    }
  }
  .snow:nth-child(166) {
    animation: fall-166 70s linear -4s infinite;
    opacity: 0.1567;
    transform: translate(59.2784vw, -10px) scale(0.9312);
  }
  @keyframes fall-166 {
    74.298% {
      transform: translate(65.4069vw, 7016.70312px) scale(0.9312);
    }
    to {
      transform: translate(62.34265vw, 9444px) scale(0.9312);
    }
  }
  .snow:nth-child(167) {
    animation: fall-167 54s linear -13s infinite;
    opacity: 0.2833;
    transform: translate(93.7099vw, -10px) scale(0.1103);
  }
  @keyframes fall-167 {
    76.042% {
      transform: translate(87.1631vw, 7181.40648px) scale(0.1103);
    }
    to {
      transform: translate(90.4365vw, 9444px) scale(0.1103);
    }
  }
  .snow:nth-child(168) {
    animation: fall-168 40s linear -4s infinite;
    opacity: 0.9487;
    transform: translate(52.5941vw, -10px) scale(0.975);
  }
  @keyframes fall-168 {
    60.963% {
      transform: translate(47.6471vw, 5757.34572px) scale(0.975);
    }
    to {
      transform: translate(50.1206vw, 9444px) scale(0.975);
    }
  }
  .snow:nth-child(169) {
    animation: fall-169 86s linear -10s infinite;
    opacity: 0.0944;
    transform: translate(55.2567vw, -10px) scale(0.4275);
  }
  @keyframes fall-169 {
    67.04% {
      transform: translate(57.3147vw, 6331.2576px) scale(0.4275);
    }
    to {
      transform: translate(56.2857vw, 9444px) scale(0.4275);
    }
  }
  .snow:nth-child(170) {
    animation: fall-170 84s linear -23s infinite;
    opacity: 0.5583;
    transform: translate(97.56vw, -10px) scale(0.7853);
  }
  @keyframes fall-170 {
    51.964% {
      transform: translate(89.3568vw, 4907.48016px) scale(0.7853);
    }
    to {
      transform: translate(93.4584vw, 9444px) scale(0.7853);
    }
  }
  .snow:nth-child(171) {
    animation: fall-171 98s linear -14s infinite;
    opacity: 0.8181;
    transform: translate(0.2778vw, -10px) scale(0.8544);
  }
  @keyframes fall-171 {
    78.724% {
      transform: translate(6.4564vw, 7434.69456px) scale(0.8544);
    }
    to {
      transform: translate(3.3671vw, 9444px) scale(0.8544);
    }
  }
  .snow:nth-child(172) {
    animation: fall-172 88s linear -13s infinite;
    opacity: 0.0268;
    transform: translate(40.2712vw, -10px) scale(0.1649);
  }
  @keyframes fall-172 {
    36.883% {
      transform: translate(42.9093vw, 3483.23052px) scale(0.1649);
    }
    to {
      transform: translate(41.59025vw, 9444px) scale(0.1649);
    }
  }
  .snow:nth-child(173) {
    animation: fall-173 68s linear -26s infinite;
    opacity: 0.6002;
    transform: translate(28.1009vw, -10px) scale(0.8973);
  }
  @keyframes fall-173 {
    51.98% {
      transform: translate(26.1552vw, 4908.9912px) scale(0.8973);
    }
    to {
      transform: translate(27.12805vw, 9444px) scale(0.8973);
    }
  }
  .snow:nth-child(174) {
    animation: fall-174 46s linear -28s infinite;
    opacity: 0.5075;
    transform: translate(6.7492vw, -10px) scale(0.4154);
  }
  @keyframes fall-174 {
    77.503% {
      transform: translate(-0.1746vw, 7319.38332px) scale(0.4154);
    }
    to {
      transform: translate(3.2873vw, 9444px) scale(0.4154);
    }
  }
  .snow:nth-child(175) {
    animation: fall-175 42s linear -15s infinite;
    opacity: 0.0817;
    transform: translate(54.8784vw, -10px) scale(0.7992);
  }
  @keyframes fall-175 {
    42.064% {
      transform: translate(52.0088vw, 3972.52416px) scale(0.7992);
    }
    to {
      transform: translate(53.4436vw, 9444px) scale(0.7992);
    }
  }
  .snow:nth-child(176) {
    animation: fall-176 42s linear -24s infinite;
    opacity: 0.8059;
    transform: translate(97.0302vw, -10px) scale(0.4715);
  }
  @keyframes fall-176 {
    63.03% {
      transform: translate(90.1366vw, 5952.5532px) scale(0.4715);
    }
    to {
      transform: translate(93.5834vw, 9444px) scale(0.4715);
    }
  }
  .snow:nth-child(177) {
    animation: fall-177 54s linear -26s infinite;
    opacity: 0.7424;
    transform: translate(9.2371vw, -10px) scale(0.1913);
  }
  @keyframes fall-177 {
    76.975% {
      transform: translate(17.5858vw, 7269.519px) scale(0.1913);
    }
    to {
      transform: translate(13.41145vw, 9444px) scale(0.1913);
    }
  }
  .snow:nth-child(178) {
    animation: fall-178 100s linear -18s infinite;
    opacity: 0.1264;
    transform: translate(36.7339vw, -10px) scale(0.1177);
  }
  @keyframes fall-178 {
    63.703% {
      transform: translate(36.5476vw, 6016.11132px) scale(0.1177);
    }
    to {
      transform: translate(36.64075vw, 9444px) scale(0.1177);
    }
  }
  .snow:nth-child(179) {
    animation: fall-179 66s linear -25s infinite;
    opacity: 0.8495;
    transform: translate(73.0938vw, -10px) scale(0.8648);
  }
  @keyframes fall-179 {
    78.544% {
      transform: translate(73.3531vw, 7417.69536px) scale(0.8648);
    }
    to {
      transform: translate(73.22345vw, 9444px) scale(0.8648);
    }
  }
  .snow:nth-child(180) {
    animation: fall-180 88s linear -26s infinite;
    opacity: 0.8433;
    transform: translate(83.9324vw, -10px) scale(0.6775);
  }
  @keyframes fall-180 {
    34.929% {
      transform: translate(89.1042vw, 3298.69476px) scale(0.6775);
    }
    to {
      transform: translate(86.5183vw, 9444px) scale(0.6775);
    }
  }
  .snow:nth-child(181) {
    animation: fall-181 52s linear -29s infinite;
    opacity: 0.9115;
    transform: translate(47.2347vw, -10px) scale(0.2534);
  }
  @keyframes fall-181 {
    49.286% {
      transform: translate(43.4483vw, 4654.56984px) scale(0.2534);
    }
    to {
      transform: translate(45.3415vw, 9444px) scale(0.2534);
    }
  }
  .snow:nth-child(182) {
    animation: fall-182 48s linear -21s infinite;
    opacity: 0.0226;
    transform: translate(8.3628vw, -10px) scale(0.9583);
  }
  @keyframes fall-182 {
    65.411% {
      transform: translate(9.9476vw, 6177.41484px) scale(0.9583);
    }
    to {
      transform: translate(9.1552vw, 9444px) scale(0.9583);
    }
  }
  .snow:nth-child(183) {
    animation: fall-183 76s linear -15s infinite;
    opacity: 0.3364;
    transform: translate(41.9623vw, -10px) scale(0.1998);
  }
  @keyframes fall-183 {
    45.766% {
      transform: translate(36.852vw, 4322.14104px) scale(0.1998);
    }
    to {
      transform: translate(39.40715vw, 9444px) scale(0.1998);
    }
  }
  .snow:nth-child(184) {
    animation: fall-184 42s linear -4s infinite;
    opacity: 0.7911;
    transform: translate(18.0251vw, -10px) scale(0.3619);
  }
  @keyframes fall-184 {
    58.781% {
      transform: translate(11.3349vw, 5551.27764px) scale(0.3619);
    }
    to {
      transform: translate(14.68vw, 9444px) scale(0.3619);
    }
  }
  .snow:nth-child(185) {
    animation: fall-185 100s linear -17s infinite;
    opacity: 0.9758;
    transform: translate(27.5423vw, -10px) scale(0.0849);
  }
  @keyframes fall-185 {
    45.063% {
      transform: translate(19.6855vw, 4255.74972px) scale(0.0849);
    }
    to {
      transform: translate(23.6139vw, 9444px) scale(0.0849);
    }
  }
  .snow:nth-child(186) {
    animation: fall-186 78s linear -25s infinite;
    opacity: 0.0823;
    transform: translate(4.1036vw, -10px) scale(0.2802);
  }
  @keyframes fall-186 {
    61.307% {
      transform: translate(6.6761vw, 5789.83308px) scale(0.2802);
    }
    to {
      transform: translate(5.38985vw, 9444px) scale(0.2802);
    }
  }
  .snow:nth-child(187) {
    animation: fall-187 52s linear -15s infinite;
    opacity: 0.3888;
    transform: translate(16.4535vw, -10px) scale(0.3027);
  }
  @keyframes fall-187 {
    46.118% {
      transform: translate(21.2812vw, 4355.38392px) scale(0.3027);
    }
    to {
      transform: translate(18.86735vw, 9444px) scale(0.3027);
    }
  }
  .snow:nth-child(188) {
    animation: fall-188 40s linear -21s infinite;
    opacity: 0.0961;
    transform: translate(13.4534vw, -10px) scale(0.0633);
  }
  @keyframes fall-188 {
    58.109% {
      transform: translate(14.9349vw, 5487.81396px) scale(0.0633);
    }
    to {
      transform: translate(14.19415vw, 9444px) scale(0.0633);
    }
  }
  .snow:nth-child(189) {
    animation: fall-189 62s linear -14s infinite;
    opacity: 0.6007;
    transform: translate(51.1896vw, -10px) scale(0.9088);
  }
  @keyframes fall-189 {
    69.263% {
      transform: translate(54.0732vw, 6541.19772px) scale(0.9088);
    }
    to {
      transform: translate(52.6314vw, 9444px) scale(0.9088);
    }
  }
  .snow:nth-child(190) {
    animation: fall-190 50s linear -18s infinite;
    opacity: 0.9358;
    transform: translate(68.8592vw, -10px) scale(0.5295);
  }
  @keyframes fall-190 {
    32.349% {
      transform: translate(69.2144vw, 3055.03956px) scale(0.5295);
    }
    to {
      transform: translate(69.0368vw, 9444px) scale(0.5295);
    }
  }
  .snow:nth-child(191) {
    animation: fall-191 80s linear -19s infinite;
    opacity: 0.1595;
    transform: translate(51.1707vw, -10px) scale(0.0452);
  }
  @keyframes fall-191 {
    47.012% {
      transform: translate(59.1853vw, 4439.81328px) scale(0.0452);
    }
    to {
      transform: translate(55.178vw, 9444px) scale(0.0452);
    }
  }
  .snow:nth-child(192) {
    animation: fall-192 80s linear -3s infinite;
    opacity: 0.0094;
    transform: translate(71.0398vw, -10px) scale(0.4799);
  }
  @keyframes fall-192 {
    66.847% {
      transform: translate(65.5843vw, 6313.03068px) scale(0.4799);
    }
    to {
      transform: translate(68.31205vw, 9444px) scale(0.4799);
    }
  }
  .snow:nth-child(193) {
    animation: fall-193 46s linear -27s infinite;
    opacity: 0.1684;
    transform: translate(3.5303vw, -10px) scale(0.4383);
  }
  @keyframes fall-193 {
    39.336% {
      transform: translate(-2.3109vw, 3714.89184px) scale(0.4383);
    }
    to {
      transform: translate(0.6097vw, 9444px) scale(0.4383);
    }
  }
  .snow:nth-child(194) {
    animation: fall-194 42s linear -14s infinite;
    opacity: 0.695;
    transform: translate(38.3677vw, -10px) scale(0.6901);
  }
  @keyframes fall-194 {
    73.993% {
      transform: translate(40.5547vw, 6987.89892px) scale(0.6901);
    }
    to {
      transform: translate(39.4612vw, 9444px) scale(0.6901);
    }
  }
  .snow:nth-child(195) {
    animation: fall-195 60s linear -15s infinite;
    opacity: 0.7449;
    transform: translate(66.9647vw, -10px) scale(0.3507);
  }
  @keyframes fall-195 {
    40.266% {
      transform: translate(64.223vw, 3802.72104px) scale(0.3507);
    }
    to {
      transform: translate(65.59385vw, 9444px) scale(0.3507);
    }
  }
  .snow:nth-child(196) {
    animation: fall-196 84s linear -20s infinite;
    opacity: 0.1837;
    transform: translate(81.7966vw, -10px) scale(0.8513);
  }
  @keyframes fall-196 {
    32.071% {
      transform: translate(79.6886vw, 3028.78524px) scale(0.8513);
    }
    to {
      transform: translate(80.7426vw, 9444px) scale(0.8513);
    }
  }
  .snow:nth-child(197) {
    animation: fall-197 48s linear -25s infinite;
    opacity: 0.6843;
    transform: translate(7.5752vw, -10px) scale(0.6693);
  }
  @keyframes fall-197 {
    56.661% {
      transform: translate(-0.1923vw, 5351.06484px) scale(0.6693);
    }
    to {
      transform: translate(3.69145vw, 9444px) scale(0.6693);
    }
  }
  .snow:nth-child(198) {
    animation: fall-198 62s linear -22s infinite;
    opacity: 0.5344;
    transform: translate(90.1182vw, -10px) scale(0.7702);
  }
  @keyframes fall-198 {
    41.897% {
      transform: translate(95.3155vw, 3956.75268px) scale(0.7702);
    }
    to {
      transform: translate(92.71685vw, 9444px) scale(0.7702);
    }
  }
  .snow:nth-child(199) {
    animation: fall-199 60s linear -27s infinite;
    opacity: 0.435;
    transform: translate(77.0671vw, -10px) scale(0.5245);
  }
  @keyframes fall-199 {
    36.952% {
      transform: translate(73.3977vw, 3489.74688px) scale(0.5245);
    }
    to {
      transform: translate(75.2324vw, 9444px) scale(0.5245);
    }
  }
  .snow:nth-child(200) {
    animation: fall-200 90s linear -16s infinite;
    opacity: 0.1154;
    transform: translate(89.0945vw, -10px) scale(0.601);
  }
  @keyframes fall-200 {
    43.806% {
      transform: translate(97.0254vw, 4137.03864px) scale(0.601);
    }
    to {
      transform: translate(93.05995vw, 9444px) scale(0.601);
    }
  }
}
.market-tooltip-overlay .ant-tooltip-arrow .ant-tooltip-arrow-content {
  -webkit-backdrop-filter: blur(35px);
  backdrop-filter: blur(35px);
  background: #ffffff14;
  height: 10px;
  width: 10px;
}
.market-tooltip-overlay .ant-tooltip-content .ant-tooltip-inner {
  background: #40414a;
  border-radius: 2px;
  box-shadow: 0 10px 20px #0000001a;
  color: #fff;
  font-size: 12px;
  min-width: 341px;
  padding: 12px;
}
.market-tooltip-overlay
  .ant-tooltip-content
  .ant-tooltip-inner
  .j-tooltip-special {
  margin: 0;
}
.market-tooltip-overlay .ant-tooltip-content .ant-tooltip-inner p {
  font-size: 12px;
}
.market-tooltip-overlay .ant-tooltip-content .ant-tooltip-inner p:last-child {
  margin-bottom: 0;
}
.market-tooltip-overlay .ant-tooltip-content .ant-tooltip-inner .info-tooltip,
.market-tooltip-overlay .ant-tooltip-content .ant-tooltip-inner div,
.market-tooltip-overlay .ant-tooltip-content .ant-tooltip-inner span {
  font-size: 12px;
}
.market-tooltip-overlay .ant-tooltip-content .ant-tooltip-inner .text-title {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 0;
  text-align: left;
}
.market-tooltip-overlay .ant-tooltip-content .ant-tooltip-inner .with-point {
  background: url("") left 7px no-repeat;
  background-size: 4px;
  line-height: 20px;
  margin-bottom: 0;
  padding-left: 12px;
  text-align: left;
}
.market-tooltip-overlay.short .ant-tooltip-inner {
  min-width: 0;
  min-width: auto;
}
.market-tooltip-overlay.short.right.ant-tooltip-placement-bottomRight
  .ant-tooltip-arrow {
  right: 23px;
}
.market-tooltip-overlay .ant-tooltip-arrow .ant-tooltip-arrow-content {
  background: #40414a;
}
iframe {
  display: none !important;
}
.arrow-right {
  background: none 0 0 no-repeat;
  display: inline-block;
  height: 4px;
  margin: 0 4px;
  position: relative;
  top: -3px;
  width: 10px;
}
.markey-detail-tooltip .ant-tooltip-content .ant-tooltip-inner {
  min-width: 80px;
  padding: 12px;
}
.markey-detail-tooltip * {
  color: #fff;
  font-family: PingFang SC;
  font-size: 12px;
  line-height: 20px;
}
.en-US,
.en-US .label,
.en-US span {
  font-family: Avenir Next;
}
.ant-tooltip-inner .market-detail-tokenop-tooltip {
  margin: 0 !important;
}
.ant-tooltip-inner .market-detail-tokenop-tooltip .market-detail-tokenop-item {
  align-items: center;
  display: flex;
}
.ant-tooltip-inner
  .market-detail-tokenop-tooltip
  .market-detail-tokenop-item
  + .market-detail-tokenop-item {
  margin-top: 10px;
}
.ant-tooltip-inner
  .market-detail-tokenop-tooltip
  .market-detail-tokenop-item
  .icon {
  display: block;
  height: 12px;
  width: 12px;
}
.ant-tooltip-inner
  .market-detail-tokenop-tooltip
  .market-detail-tokenop-item
  .text {
  color: #fff9;
  font-weight: 400;
  margin-left: 10px;
}
.ant-tooltip-inner
  .market-detail-tokenop-tooltip
  .market-detail-tokenop-item
  .text:hover {
  color: #fff;
}
.ant-tooltip-inner
  .market-detail-tokenop-tooltip
  .market-detail-tokenop-item.disabled
  .text:hover {
  color: #fff9;
}
.ant-tooltip-inner
  .market-detail-tokenop-tooltip
  .market-detail-tokenop-item
  .toTronscan {
  background: url("") no-repeat 50%;
  display: inline-block;
  height: 12px;
  position: relative;
  top: -1px;
  width: 16px;
}
.ant-tooltip-inner
  .market-detail-tokenop-tooltip
  .market-detail-tokenop-item
  .toTronscan.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.ant-tooltip-inner
  .market-detail-tokenop-tooltip
  .market-detail-tokenop-item
  .addtoTronLink {
  background: url("") no-repeat 0 0;
  background-size: cover;
  cursor: pointer;
  display: inline-block;
  height: 13px;
  margin-bottom: 3px;
  width: 16px;
}
.ant-tooltip-inner
  .market-detail-tokenop-tooltip
  .market-detail-tokenop-item
  .addtoTronLink.disabled {
  background: url("") no-repeat 0 0;
  background-size: cover;
  cursor: default;
}
.market-d {
  background-color: #0000;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1200px;
  width: 90%;
}
.market-d.skeleton .ant-skeleton-content .ant-skeleton-paragraph > li + li {
  margin-top: 0;
}
.market-d.skeleton .market-d-go-back {
  background-image: none !important;
  min-width: 160px;
  opacity: 1;
  padding: 0;
}
.market-d.skeleton .market-d-title {
  width: 100%;
}
.market-d.skeleton .market-d-select {
  padding: 30px;
}
.market-d.skeleton .market-d-select .ant-skeleton {
  margin-bottom: 30px;
}
.market-d.skeleton .market-d-select .ant-skeleton:last-child {
  margin-bottom: 0;
}
.market-d.skeleton .market-d-select li {
  height: 30px !important;
}
.market-d.skeleton .legend {
  width: 100%;
}
.market-d.skeleton .legend.legend-1 {
  margin: 50px 0 30px;
}
.market-d.skeleton .legend.legend-2 {
  margin: 42px 0 8px;
}
.market-d.skeleton .legend.legend-3 {
  margin-bottom: 10px;
}
.market-d.skeleton .market-d-main-content > div {
  margin-bottom: 20px;
}
.market-d.skeleton .market-d-main-content > div:last-child {
  margin-bottom: 0;
}
.market-d.skeleton .market-d-main-data > div {
  margin-bottom: 20px;
}
.market-d.skeleton .market-d-main-data > div:last-child {
  margin-bottom: 0;
}
.market-d.skeleton .market-d-main-data .skeleton-block > div {
  margin-bottom: 20px;
}
.market-d.skeleton .market-d-main-data .skeleton-block > div:first-child {
  margin-bottom: 23px;
}
.market-d.skeleton .market-d-main-data .skeleton-block > div:last-child {
  margin-bottom: 0;
}
.market-d .color-primary {
  color: #fff;
}
.market-d .color-light {
  color: #fff9;
}
.market-d .bg-lighter {
  background-color: #ffffff0a;
}
.market-d .fs12 {
  font-size: 12px;
  line-height: 17px;
}
.market-d .fs14 {
  font-size: 14px;
  line-height: 19px;
}
.market-d .fs16 {
  font-size: 16px;
  line-height: 22px;
}
.market-d .mt-base {
  margin-top: 20px;
}
.market-d .ml-base {
  margin-left: 20px;
}
.market-d .flex {
  display: flex;
}
.market-d .flex-col {
  display: flex;
  flex-direction: column;
}
.market-d .section {
  background-color: #31333a;
  border-radius: 10px;
  box-shadow: 0 10px 20px #0000001a;
  padding: 20px;
}
.market-d .section .title-wrap {
  align-items: center;
  display: flex;
}
.market-d .section .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  text-shadow: 0 2px 10px #00000080;
}
.market-d .btn {
  border-radius: 2px;
  font-size: 12px;
  height: 21px;
  line-height: 21px;
  padding: 0 24px;
  text-align: center;
}
.market-d .btn + .btn {
  margin-left: 20px;
}
.market-d .main-price {
  font-family: Avenir Next;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  min-width: 86px;
}
.market-d .market-d-head {
  display: flex;
  padding: 30px 0 22px;
  width: 100%;
}
.market-d .market-d-head-mobile {
  display: none;
}
.market-d .market-d-go-back {
  background: url("") no-repeat 0/20px;
  cursor: pointer;
  line-height: 28px;
  margin-right: 20px;
  opacity: 0.6;
  padding-left: 23px;
  width: 160px;
}
.market-d .market-d-go-back:hover {
  opacity: 1;
}
.market-d .market-d-title {
  align-items: center;
  display: flex;
  line-height: 28px;
}
.market-d .market-d-title img {
  height: 20px;
  object-fit: contain;
  width: 20px;
}
.market-d .market-d-title img.add-white-bg {
  background-color: #fff;
  border-radius: 100%;
}
.market-d .market-d-title .market-name {
  font-family: Avenir Next;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 0 6px;
}
.market-d .market-d-title .detail-title-des {
  color: #fff9;
  margin-left: 6px;
}
.market-d .market-d-title .detail-title-des.white {
  color: #22232b99 !important;
}
.market-d .market-d-body {
  align-items: flex-start;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.market-d .market-d-select {
  cursor: pointer;
  height: 1080px;
  overflow: hidden;
  padding: 16px 0 14px;
  width: 160px;
}
.market-d .market-d-select .market-d-select-inner {
  display: block;
  height: 100%;
  overflow-y: auto;
}
.market-d .market-d-select.disabled {
  cursor: not-allowed;
}
.market-d .market-d-select-item {
  border-left: 3px solid #0000;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  padding: 15px 0 15px 27px;
  transition: background-color 0.3s ease-in-out;
}
.market-d .market-d-select-item.active span {
  font-weight: 600;
}
.market-d .market-d-select-item.active,
.market-d .market-d-select-item:hover {
  background-color: #ffffff0a;
  border-left-color: #4c54ff;
}
.market-d .market-d-select-item.active span,
.market-d .market-d-select-item:hover span {
  color: #fff;
}
.market-d .market-d-select-item.ethb img {
  background-color: #fff;
  border-radius: 50%;
}
.market-d .market-d-select-item img {
  border-radius: 50%;
  height: 26px;
  width: 26px;
}
.market-d .market-d-select-item.eth img {
  background: #fff;
  border-radius: 50%;
}
.market-d .market-d-select-item span {
  color: #fff9;
  line-height: 26px;
  margin-left: 10px;
}
.market-d .market-d-main {
  display: flex;
  flex: 1 1;
  flex-direction: column;
}
.market-d .market-d-main .market-d-profile {
  align-items: center;
  box-shadow: 0 10px 20px #0000001a;
  display: flex;
  padding: 14px 20px 11px;
  width: 100%;
}
.market-d .market-d-main .market-d-profile .section-content {
  align-items: center;
  display: flex;
  flex: 1 1;
  justify-content: space-between;
  width: auto;
}
.market-d .market-d-main .market-d-profile .price-wrap-inner {
  align-items: center;
  display: flex;
}
.market-d .market-d-main .market-d-profile .price-wrap-inner .number-wrap {
  align-items: center;
  display: flex;
  margin-left: 15px;
}
.market-d .market-d-main .market-d-profile .price-wrap .price-tooltip {
  align-items: center;
  display: flex;
}
.market-d .market-d-main .market-d-profile .price-wrap .price-tooltip-text {
  margin-right: 6px;
}
.market-d .market-d-main .market-d-profile .price-wrap .exchange-btn {
  background: #ff7a8a0f;
  border-radius: 2px;
  color: #ff7a8a;
  line-height: 21px;
  margin: 0 15px 0 10px;
  padding: 0 13px;
}
.market-d .market-d-main .market-d-profile .j-token-info {
  align-items: center;
  background: #282931;
  display: flex;
  margin-left: 20px;
  padding: 3px 15px;
}
.market-d .market-d-main .market-d-profile .j-token-info .token-wrap {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.market-d
  .market-d-main
  .market-d-profile
  .j-token-info
  .token-wrap
  .token-img {
  border-radius: 100%;
  height: 14px;
  width: 14px;
}
.market-d .market-d-main .market-d-profile .j-token-info .token-wrap .eth {
  background: #fff;
}
.market-d
  .market-d-main
  .market-d-profile
  .j-token-info
  .token-wrap
  .token-text {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-left: 6px;
  opacity: 0.4;
}
.market-d
  .market-d-main
  .market-d-profile
  .j-token-info
  .token-wrap
  .token-text:hover {
  opacity: 1;
}
.market-d .market-d-main .market-d-profile .j-token-info .divider {
  background-color: #ffffff1f;
  height: 12px;
  margin: 0 18px;
  width: 1px;
}
.market-d .market-d-main .market-d-profile .flex-between {
  border-radius: 4px;
  font-family: DM Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  padding: 0;
}
.market-d .market-d-main .market-d-profile .flex-between img {
  height: 16px;
  vertical-align: top;
  width: 16px;
}
.market-d .market-d-main .market-d-profile .flex-between .aic {
  margin-left: 16px;
}
.market-d .market-d-main-content {
  display: flex;
  flex: 4 1 660px;
  flex-direction: column;
}
.market-d .market-d-main-content .interest-rate-model {
  padding-bottom: 17px;
}
.market-d .market-d-main-content .interest-rate-model .chart-tooltip-fake {
  display: none;
}
.market-d .market-d-main-content .interest-rate-model .title-wrap {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.market-d
  .market-d-main-content
  .interest-rate-model
  .title-wrap
  .ant-checkbox {
  font-size: 12px;
  height: 12px;
  top: 0.1em;
  width: 12px;
}
.market-d
  .market-d-main-content
  .interest-rate-model
  .title-wrap
  .ant-checkbox
  .ant-checkbox-inner {
  height: 12px;
  width: 12px;
}
.market-d
  .market-d-main-content
  .interest-rate-model
  .title-wrap
  .ant-checkbox-checked
  .ant-checkbox-inner {
  background-color: #4c54ff;
  border-color: #4c54ff;
}
.market-d
  .market-d-main-content
  .interest-rate-model
  .title-wrap
  .ant-checkbox-checked
  .ant-checkbox-inner:after {
  border-width: 1px;
  transform: rotate(45deg) scale(0.7) translate(-80%, -60%);
}
.market-d .market-d-main-content .interest-rate-model .legend-wrap {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}
.market-d
  .market-d-main-content
  .interest-rate-model
  .legend-wrap
  .legend
  .legend-item {
  align-items: center;
}
.market-d
  .market-d-main-content
  .interest-rate-model
  .legend-wrap
  .legend
  .legend-item
  + .legend-item {
  margin-left: 20px;
}
.market-d .market-d-main-content .interest-rate-model .legend-wrap .square {
  display: block;
  height: 8px;
  margin-right: 6px;
  width: 8px;
}
.market-d .market-d-main-content .interest-rate-model .legend-wrap .deposit {
  background-color: #9195fb;
}
.market-d .market-d-main-content .interest-rate-model .legend-wrap .borrow {
  background-color: #18c19f;
}
.market-d .market-d-main-content .market-detail-echarts-v2 {
  padding: 0;
}
.market-d .market-d-main-content .chart-tooltip {
  border-radius: 10px;
  box-sizing: border-box;
  width: 300px;
}
.market-d .market-d-main-content .chart-tooltip header {
  border-bottom: 1px solid #ffffff0f;
  display: flex;
  font-weight: 500;
  justify-content: space-between;
  line-height: 20px;
  padding: 10px 10px 10px 15px;
}
.market-d .market-d-main-content .chart-tooltip header .value {
  font-family: Avenir Next;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.market-d .market-d-main-content .chart-tooltip main {
  padding: 10px 10px 10px 15px;
}
.market-d .market-d-main-content .chart-tooltip .item {
  display: flex;
  justify-content: space-between;
}
.market-d .market-d-main-content .chart-tooltip .item.hide-item {
  display: none;
}
.market-d .market-d-main-content .chart-tooltip .item .label {
  display: flex;
  font-size: 12px;
  line-height: 17px;
}
.market-d .market-d-main-content .chart-tooltip .item .label .icon {
  background: none no-repeat 50% / contain;
  display: block;
  height: 14px;
  margin-right: 6px;
  width: 14px;
}
.market-d .market-d-main-content .chart-tooltip .item .label .icon-line-chart {
  background-image: url("");
}
.market-d
  .market-d-main-content
  .chart-tooltip
  .item
  .label
  .icon-line-chart.white {
  background-image: url("");
}
.market-d .market-d-main-content .chart-tooltip .item .label .icon-bar-chart {
  background-image: url("");
}
.market-d
  .market-d-main-content
  .chart-tooltip
  .item
  .label
  .icon-bar-chart.white {
  background-image: url("");
}
.market-d .market-d-main-content .chart-tooltip .item .label.en-US {
  display: inline-flex;
  flex-direction: column;
}
.market-d .market-d-main-content .chart-tooltip .item .label span {
  white-space: normal;
  word-break: break-all;
}
.market-d .market-d-main-content .chart-tooltip .item .value-wrap {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  font-family: Avenir Next;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  position: relative;
}
.market-d .market-d-main-content .chart-tooltip .item .value-wrap .deposit {
  align-items: center;
  color: #9195fb;
  display: inline-flex;
}
.market-d .market-d-main-content .chart-tooltip .item .value-wrap .borrow {
  color: #18c19f;
}
.market-d .market-d-main-content .chart-tooltip .item .value-wrap .detail {
  white-space: normal;
  word-break: break-all;
}
.market-d
  .market-d-main-content
  .chart-tooltip
  .item
  .value-wrap
  .normal-weight {
  font-weight: 400;
}
.market-d
  .market-d-main-content
  .chart-tooltip
  .item
  .value-wrap
  .compounded-reward-icon {
  background: url("") 0 0 no-repeat;
  background-size: contain;
  display: inline-block;
  height: 16px;
  left: -17px;
  margin-right: 4px;
  position: absolute;
  top: 0;
  width: 13px;
}
.market-d .market-d-main-content .chart-tooltip .item .value-wrap .fire-icon {
  background: url("") 0 0 no-repeat;
  background-size: contain;
  display: inline-block;
  height: 13px;
  left: -17px;
  margin-right: 4px;
  position: absolute;
  top: 0;
  width: 11px;
}
.market-d
  .market-d-main-content
  .chart-tooltip
  .item
  .value-wrap
  .fire-icon.extra-space {
  left: -31px;
}
.market-d .market-d-main-content .chart-tooltip .item + .item {
  margin-top: 10px;
}
.market-d
  .market-d-main-content
  .chart-tooltip
  .item.wst-item
  + .item.wst-item {
  margin-top: 3px;
}
.market-d .market-d-main-content .chart-tooltip .item.mint-apy-item {
  margin-top: 0;
}
.market-d .market-d-main-data {
  box-sizing: border-box;
  flex: 1 1 340px;
}
.market-d .market-d-main-data .mint-info-link {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}
.market-d .market-d-main-data .mint-apy-info,
.market-d .market-d-main-data .wstusdt-apy-info {
  background-color: #ffffff0a;
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px 11px;
}
.market-d .market-d-main-data .mint-apy-info .item .value,
.market-d .market-d-main-data .wstusdt-apy-info .item .value {
  font-size: 12px;
  line-height: 16px;
}
.market-d .market-d-main-data .mint-apy-info .item + .item,
.market-d .market-d-main-data .mint-apy-info + .item,
.market-d .market-d-main-data .wstusdt-apy-info .item + .item,
.market-d .market-d-main-data .wstusdt-apy-info + .item {
  margin-top: 10px;
}
.market-d .market-d-main-data .item {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.market-d .market-d-main-data .item + .item {
  margin-top: 20px;
}
.market-d .market-d-main-data .item .label {
  align-items: center;
  display: flex;
}
.market-d .market-d-main-data .item .label,
.market-d .market-d-main-data .item .label span {
  font-size: 12px;
  line-height: 17px;
}
.market-d .market-d-main-data .item .label .icon {
  margin-left: 6px;
}
.market-d .market-d-main-data .item .value {
  align-items: center;
  display: flex;
  font-family: Avenir Next;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  text-align: right;
}
.market-d .market-d-main-data .item .value.strong {
  font-size: 16px;
  line-height: 22px;
}
.market-d .market-d-main-data .item .value.deposit {
  color: #9195fb;
}
.market-d .market-d-main-data .item .value.deposit .icon {
  margin-bottom: 2px;
  margin-right: 6px;
}
.market-d .market-d-main-data .item .value.borrow {
  color: #18c19f;
}
.market-d .market-d-main-data .item .value.reward {
  color: #e9b361;
}
.market-d .market-d-main-data .item.mint-reward-item {
  margin-top: 10px;
}
.market-d .market-d-main-data .fire-icon {
  background: url("") no-repeat 50% / contain;
  display: inline-block;
  flex: 0 0 auto;
  height: 14px;
  width: 12px;
}
.market-d .market-d-main-data .compounded-reward-icon {
  background: url("") no-repeat 50% / contain;
  display: inline-block;
  flex: 0 0 auto;
  height: 16px;
  width: 13px;
}
.market-d .market-d-main-data .notice {
  align-items: flex-start;
  background-color: #ffffff0a;
  display: flex;
  font-weight: 500;
  margin: 20px -20px 0;
  padding: 13px 20px;
}
.market-d .market-d-main-data .notice span {
  line-height: 20px;
  margin-left: 5px;
}
.market-d .market-d-main-data .notice .fire-icon {
  height: 20px;
}
.market-d .market-d-main-data .divider-h {
  background-color: #fff9;
  height: 1px;
  opacity: 0.1;
}
.question-icon {
  background: url("tooltip-icon.d840f2218fe7ecd2ff3a.svg") no-repeat 50% /
    contain;
  cursor: pointer;
  display: inline-block;
  height: 12px;
  opacity: 0.6;
  width: 12px;
}
.question-icon:hover {
  opacity: 1;
}
.market-head-tips {
  align-items: center;
  background: #f587211a;
  border-radius: 10px;
  display: flex;
  margin-bottom: 20px;
  padding: 9px 20px;
  width: 100%;
}
.market-head-tips.usdd-update {
  background: #31333a;
}
.market-head-tips > em {
  margin-right: 6px;
}
.market-head-tips span {
  color: #fffc;
}
.market-head-tips a,
.market-head-tips span {
  font-size: 12px;
  font-weight: 500;
}
.j-wrapper.white .market-head-tips {
  background: #fef3e9;
}
.j-wrapper.white .market-d .color-primary,
.j-wrapper.white .market-head-tips span {
  color: #22232b;
}
.j-wrapper.white .market-d .color-light {
  color: #22232b99;
}
.j-wrapper.white .market-d .section {
  background-color: #fff;
  box-shadow: 0 10px 20px #0000000d;
}
.j-wrapper.white .market-d .section .title {
  text-shadow: none;
}
.j-wrapper.white .market-d .market-d-go-back {
  background-image: url("");
}
.j-wrapper.white .question-icon {
  background-image: url("");
}
.j-wrapper.white .market-d .market-d-main-data .mint-apy-info,
.j-wrapper.white .market-d .market-d-main-data .wstusdt-apy-info,
.j-wrapper.white .notice {
  background-color: #4d54ff0f;
}
.j-wrapper.white .market-d .market-d-main-data .item .value.deposit {
  color: #4b52df;
}
.j-wrapper.white .market-d .market-d-main-data .compounded-reward-icon {
  background-image: url("");
}
.j-wrapper.white .market-d .market-d-main-data .divider-h {
  background-color: #22232b99;
}
.j-wrapper.white .market-d .market-d-main .market-d-profile .j-token-info {
  background-color: #4b52df0f;
}
.j-wrapper.white
  .market-d
  .market-d-main
  .market-d-profile
  .j-token-info
  .divider {
  background-color: #22232b1a;
}
.j-wrapper.white
  .market-d
  .market-d-main
  .market-d-profile
  .j-token-info
  .token-wrap
  .eth {
  background: #0000;
}
.j-wrapper.white .btn-wrap .j-btn.j-supply {
  background-color: #4d54ff0f;
  border: 1px solid #4d54ff;
  color: #4d54ff;
}
.j-wrapper.white .btn-wrap .j-btn.j-supply:hover {
  background: #4d54ff;
}
.j-wrapper.white .btn-wrap .j-btn.j-borrow {
  background-color: #18c19f0f;
  border: 1px solid #18c19f;
}
.j-wrapper.white .btn-wrap .j-btn.j-borrow:hover {
  background: #18c19f;
}
.j-wrapper.white .market-d-select-item.active,
.j-wrapper.white .market-d-select-item:hover {
  background-color: #4c54ff1a;
}
.j-wrapper.white .market-d-select-item.active span,
.j-wrapper.white .market-d-select-item:hover span {
  color: #22232b;
}
.j-wrapper.white .market-d-select-item span {
  color: #22232b99;
}
.j-wrapper.white .market-d .market-d-main-content .chart-tooltip {
  border-radius: 10px;
  box-shadow: 0 8px 20px #0f134f0f;
}
.j-wrapper.white .market-d .market-d-main-content .chart-tooltip header {
  border-bottom-color: #0000000d;
}
.j-wrapper.white
  .market-d
  .market-d-main-content
  .chart-tooltip
  .item
  .value-wrap
  .deposit {
  color: #4d54ff;
}
.j-wrapper.white
  .market-d
  .market-d-main-content
  .chart-tooltip
  .item
  .value-wrap
  .compounded-reward-icon {
  background-image: url("");
}
@media screen and (max-width: 798px) {
  .market-d {
    padding: 20px 15px 0;
    width: 100%;
  }
  .market-d.skeleton .market-d-body .market-d-main {
    margin-top: 0;
  }
  .market-d.skeleton .market-d-main-content {
    margin-top: 20px;
  }
  .market-d.skeleton .market-d-main-data {
    flex: auto;
  }
  .market-d.skeleton .market-d-main-data .skeleton-block > div {
    margin-bottom: 15px;
  }
  .market-d.skeleton .md-fir {
    border-radius: 10px 10px 0 0;
    margin-bottom: 0 !important;
  }
  .market-d.skeleton .md-sec {
    border-radius: 0 0 0 0;
    margin-top: 0 !important;
  }
  .market-d.skeleton .md-thi {
    border-radius: 0 0 10px 10px;
  }
  .market-d.skeleton .skeleton-space-block {
    margin: 0 !important;
  }
  .market-d .market-d-select .market-d-select-inner {
    display: flex;
  }
  .market-d .ml-base {
    margin-left: 0;
    margin-top: 15px;
  }
  .market-d .mt-base {
    margin-top: 0;
  }
  .market-d .market-d-main-content .chart-tooltip .item .label.en-US {
    flex-direction: row;
  }
  .market-d .section {
    background-color: #0000;
    margin-top: 20px;
    padding: 0;
  }
  .market-d .section .title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
  }
  .market-d .section .section-content {
    background: #31333a;
    border-radius: 10px;
    box-shadow: 0 10px 20px #0000001a;
    margin-top: 10px;
    overflow: hidden;
    padding: 13px 15px 15px;
  }
  .market-d .market-d-head {
    display: none;
  }
  .market-d .market-d-head-mobile {
    display: flex;
    flex-direction: column;
  }
  .market-d .market-d-head-mobile .market-d-go-back {
    background: none;
    line-height: 17px;
    padding-left: 18px;
    position: relative;
  }
  .market-d .market-d-head-mobile .market-d-go-back:before {
    background: url("") 0 0 no-repeat;
    background-size: 10px 6px;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
  }
  .market-d .market-d-head-mobile .market-d-go-back:hover {
    opacity: 1;
  }
  .market-d .market-d-head-mobile .market-d-go-back:hover span {
    color: #9195fb;
    opacity: 1;
  }
  .market-d .market-d-head-mobile .market-d-go-back:hover:before {
    background-image: url("");
  }
  .market-d .market-d-head-mobile .market-d-head-mobile-title {
    align-items: center;
    display: flex;
    margin: 20px 0 10px;
  }
  .market-d .market-d-head-mobile .market-d-head-mobile-title .indicator {
    background-color: #4d54ff;
    border-radius: 1px;
    height: 13px;
    margin-top: -1px;
    width: 5px;
  }
  .market-d .market-d-head-mobile .market-d-head-mobile-title .text {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-left: 10px;
  }
  .market-d .market-d-head-mobile .market-d-head-mobile-title .text.en-US {
    font-family: Avenir Next;
  }
  .market-d-body {
    flex-direction: column;
  }
  .market-d .market-d-select {
    background-color: #31333a;
    display: flex;
    height: auto;
    margin-top: 0;
    overflow-x: auto;
    padding: 0;
    width: 100%;
  }
  .market-d .market-d-select-inner {
    display: flex;
    width: 100%;
  }
  .market-d .market-d-select-item {
    align-items: center;
    border-left-width: 0;
    border-top: 1px solid #0000;
    flex: 0 0 65px;
    flex-direction: column;
    padding: 14px 0 15px;
    width: 65px;
  }
  .market-d .market-d-select-item span {
    font-size: 12px;
    line-height: 19px;
    margin: 10px 0 0;
  }
  .market-d .market-d-select-item:hover {
    background-color: #0000;
    border-left: none;
    border-top: 1px solid #0000;
  }
  .market-d .market-d-select-item.active,
  .market-d .market-d-select-item.active:hover {
    background-color: #ffffff0a;
    border-left: none;
    border-top: 1px solid #4c54ff;
  }
  .market-d .market-d-select-item img {
    border-radius: 50%;
  }
  .market-d .market-d-main {
    margin-top: 20px;
  }
  .market-d .market-d-main .market-d-profile {
    box-shadow: 0 10px 20px #0000001a;
  }
  .market-d .market-d-main .market-d-profile,
  .market-d .market-d-main .market-d-profile .section-content {
    align-items: stretch;
    flex-direction: column;
    margin-top: 0;
    padding: 0;
  }
  .market-d .market-d-main .market-d-profile .price-wrap .flex {
    flex-direction: column;
  }
  .market-d .market-d-main .market-d-profile .price-wrap .price-wrap-inner {
    align-items: center;
    border-bottom: 1px solid #ffffff0f;
    flex-direction: row;
    height: 50px;
    justify-content: flex-start;
    padding: 0 15px;
    width: 100%;
  }
  .market-d
    .market-d-main
    .market-d-profile
    .price-wrap
    .price-wrap-inner
    .number-wrap {
    display: flex;
    flex: 1 1;
    justify-content: space-between;
    margin-left: 10px;
  }
  .market-d
    .market-d-main
    .market-d-profile
    .price-wrap
    .price-wrap-inner
    .number-wrap
    .main-price {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
  }
  .market-d .market-d-main .market-d-profile .price-wrap .price-tooltip,
  .market-d
    .market-d-main
    .market-d-profile
    .price-wrap
    .price-tooltip
    .price-tooltip-text,
  .market-d
    .market-d-main
    .market-d-profile
    .price-wrap
    .price-wrap-inner
    .exchange-btn {
    margin: 0;
  }
  .market-d .market-d-main .market-d-profile .price-wrap .j-token-info {
    align-items: center;
    background-color: #0000;
    flex-direction: row;
    height: 36px;
    margin: 0;
    padding: 10px 0;
    width: 100%;
  }
  .market-d
    .market-d-main
    .market-d-profile
    .price-wrap
    .j-token-info
    .divider {
    display: none;
  }
  .market-d
    .market-d-main
    .market-d-profile
    .price-wrap
    .j-token-info
    .flex-between {
    align-items: center;
    flex: 1 1 50%;
    justify-content: space-between;
    margin: 0 15px;
  }
  .market-d
    .market-d-main
    .market-d-profile
    .price-wrap
    .j-token-info
    .flex-between
    .token-wrap
    .token-img {
    height: 16px;
    width: 16px;
  }
  .market-d
    .market-d-main
    .market-d-profile
    .price-wrap
    .j-token-info
    .flex-between
    .token-wrap
    .token-text {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin-left: 4px;
    margin-top: 1px;
    opacity: 1;
  }
  .market-d
    .market-d-main
    .market-d-profile
    .price-wrap
    .j-token-info
    .flex-between
    .aic {
    flex-direction: row;
  }
  .market-d
    .market-d-main
    .market-d-profile
    .price-wrap
    .j-token-info
    .flex-between
    .to-tronscan-icon {
    background: url("") 0 0 no-repeat;
    cursor: pointer;
    display: block;
    height: 12px;
    margin-top: 1px;
    min-width: 12px;
    opacity: 0.6;
    width: 12px;
  }
  .market-d
    .market-d-main
    .market-d-profile
    .price-wrap
    .j-token-info
    .flex-between
    .to-tronscan-icon:hover {
    opacity: 1;
  }
  .market-d
    .market-d-main
    .market-d-profile
    .price-wrap
    .j-token-info
    .flex-between
    .to-tronscan-icon.disabled {
    cursor: not-allowed;
  }
  .market-d
    .market-d-main
    .market-d-profile
    .price-wrap
    .j-token-info
    .flex-between
    .to-tronscan-icon.white {
    background-image: url("");
  }
  .market-d .market-d-main .market-d-profile .btn-wrap {
    justify-content: center;
    margin-top: 0;
    padding: 0 0 15px;
  }
  .market-d .market-d-main .market-d-profile .btn-wrap .btn {
    flex: 1 1;
    height: 30px;
    margin: 0 15px;
  }
  .market-d .market-d-main .market-d-main-content-wrap {
    flex-direction: column-reverse;
  }
  .market-d .market-d-main .market-d-main-content-wrap .market-d-main-data {
    margin-top: 0;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .market-parameter-section {
    height: auto !important;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content {
    overflow: hidden;
    padding-top: 0;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    .notice,
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    > .mt-base {
    margin-top: 15px;
    padding: 9px 20px;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    .notice
    span,
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    > .mt-base
    span {
    font-size: 10px;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    > .mt-base {
    padding: 0 20px;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    .item
    + .item {
    margin-top: 12px;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    .item {
    padding-left: 0;
    padding-right: 0;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    .item
    .value {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    .item
    .value.strong {
    font-size: 14px;
    line-height: 19px;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    .item
    .value.reward.strong {
    font-size: 16px;
    line-height: 22px;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    .divider-h {
    padding: 0;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    .divider-h,
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    .divider-h
    + .item,
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    .mint-reward-item {
    margin-top: 15px;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    .mint-apy-info,
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    .wstusdt-apy-info {
    background-color: #0000;
    margin-top: 12px;
    padding: 0;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    .mint-apy-info
    .item
    + .item,
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    .mint-apy-info
    + .item,
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    .wstusdt-apy-info
    .item
    + .item,
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    .wstusdt-apy-info
    + .item {
    margin-top: 12px;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    .wstusdt-apy-info {
    background-color: #ffffff0a;
    padding: 10px 15px;
  }
  .market-d .market-d-main .market-d-main-content-wrap .interest-rate-model {
    box-shadow: none;
    padding-bottom: 0;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .interest-rate-model
    .title-wrap
    .ant-checkbox
    .ant-checkbox-inner {
    background-color: #ffffff1a;
    border: 0;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .interest-rate-model
    .title-wrap
    .ant-checkbox.ant-checkbox-checked
    .ant-checkbox-inner {
    background-color: #3d56d6;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .interest-rate-model
    .title-wrap
    .ant-checkbox.ant-checkbox-checked
    .ant-checkbox-inner:after {
    border-width: 1px;
    transform: rotate(45deg) scale(0.7) translate(-80%, -75%);
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .interest-rate-model
    .title-wrap
    .ant-checkbox.ant-checkbox-checked:after {
    border: none;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .interest-rate-model
    .show-current {
    cursor: pointer;
    display: flex;
    padding: 5px;
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 2;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .interest-rate-model
    .show-current
    .reset-icon {
    background: url("") 0 0 no-repeat;
    background-size: 9.5px;
    height: 9.5px;
    margin-right: 5px;
    margin-top: 2px;
    width: 9.5px;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .interest-rate-model
    .show-current
    .reset-text {
    color: #fff;
    font-size: 10px;
    line-height: 14px;
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .interest-rate-model
    .show-current:active
    .reset-icon {
    background-image: url("");
  }
  .market-d
    .market-d-main
    .market-d-main-content-wrap
    .interest-rate-model
    .show-current:active
    .reset-text {
    color: #9195fb;
  }
  .market-d .market-d-body .market-d-main {
    width: 100%;
  }
  .interest-rate-model.section .section-content {
    padding: 0;
  }
  .interest-rate-model.section .section-content .chart-tooltip {
    box-shadow: none;
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
  }
  .interest-rate-model.section .section-content .chart-tooltip header,
  .interest-rate-model.section .section-content .chart-tooltip main {
    padding-left: 0;
    padding-right: 0;
  }
  .interest-rate-model.section .section-content .chart-tooltip header {
    padding: 15px 0;
  }
  .interest-rate-model.section .section-content .chart-tooltip .item + .item {
    margin-top: 12px;
  }
  .interest-rate-model.section
    .section-content
    .chart-tooltip
    .item.mint-apy-item {
    margin-top: 0;
  }
  .interest-rate-model.section
    .section-content
    .chart-tooltip
    .wstusdt-apy-detail {
    background: #ffffff0a;
    border-radius: 5px;
    margin: 10px 0;
    padding: 10px 15px;
  }
  .interest-rate-model.section
    .section-content
    .chart-tooltip
    .wstusdt-apy-detail
    .item
    + .item {
    margin-top: 10px;
  }
  .interest-rate-model.section .section-content .chart-tooltip-fake {
    display: block;
    padding: 0;
  }
  .interest-rate-model.section .section-content .chart-tooltip-fake header,
  .interest-rate-model.section .section-content .chart-tooltip-fake main {
    padding: 15px;
  }
  .interest-rate-model.section .section-content .market-detail-echarts-v2 {
    margin-top: 0;
  }
  .interest-rate-model.section .section-content .legend-wrap {
    background-color: #ffffff0f;
    padding: 10px 15px;
  }
  .interest-rate-model.section .section-content .legend-wrap .fs12 {
    font-size: 10px;
    line-height: 14px;
  }
  .tooltip-text.active .color-light {
    color: #9195fb;
  }
  .link-button .link-button__arrow {
    background-size: 5px 7px;
    height: 7px;
    margin-left: 5px;
    width: 5px;
  }
  .j-wrapper.white .market-d .section {
    background-color: #0000;
  }
  .j-wrapper.white .market-d .section .section-content {
    background-color: #fff;
    box-shadow: none;
  }
  .j-wrapper.white .market-d .section.mt-base {
    box-shadow: none;
  }
  .j-wrapper.white .market-d .market-d-select {
    background-color: #fff;
  }
  .j-wrapper.white .market-d .market-d-select .market-d-select-item:hover {
    background-color: #0000;
    border-left: none;
    border-top: 1px solid #0000;
  }
  .j-wrapper.white .market-d .market-d-select .market-d-select-item.active,
  .j-wrapper.white
    .market-d
    .market-d-select
    .market-d-select-item.active:hover {
    background-color: #4c54ff1a;
    border-top: 1px solid #4c54ff;
  }
  .j-wrapper.white
    .market-d
    .market-d-main
    .market-d-profile
    .price-wrap-inner {
    border-bottom: 1px solid #22232b0f;
  }
  .j-wrapper.white .market-d .market-d-main .chart-tooltip {
    box-shadow: none;
  }
  .j-wrapper.white .market-d .market-d-main .chart-tooltip .wstusdt-apy-detail {
    background: #4d54ff0f;
  }
  .j-wrapper.white .market-d .market-d-main .market-d-profile .j-token-info {
    background-color: #0000;
  }
  .j-wrapper.white
    .market-d
    .market-d-main
    .market-d-main-content-wrap
    .interest-rate-model
    .title-wrap
    .ant-checkbox
    .ant-checkbox-inner {
    background-color: #e6e8f6;
  }
  .j-wrapper.white
    .market-d
    .market-d-main
    .market-d-main-content-wrap
    .interest-rate-model
    .title-wrap
    .ant-checkbox.ant-checkbox-checked
    .ant-checkbox-inner {
    background-color: #4b52df;
  }
  .j-wrapper.white
    .market-d
    .market-d-main
    .market-d-main-content-wrap
    .interest-rate-model.section
    .section-content {
    background-color: #fafbffcc;
  }
  .j-wrapper.white
    .market-d
    .market-d-main
    .market-d-main-content-wrap
    .interest-rate-model.section
    .section-content
    .legend-wrap {
    background-color: #fff;
  }
  .j-wrapper.white
    .market-d
    .market-d-main
    .market-d-main-content-wrap
    .interest-rate-model
    .show-current
    .reset-icon {
    background-image: url("");
  }
  .j-wrapper.white
    .market-d
    .market-d-main
    .market-d-main-content-wrap
    .interest-rate-model
    .show-current
    .reset-text {
    color: #22232b;
  }
  .j-wrapper.white
    .market-d
    .market-d-main
    .market-d-main-content-wrap
    .interest-rate-model
    .show-current:active
    .reset-icon {
    background-image: url("");
  }
  .j-wrapper.white
    .market-d
    .market-d-main
    .market-d-main-content-wrap
    .interest-rate-model
    .show-current:active
    .reset-text {
    color: #4b52df;
  }
  .j-wrapper.white .market-d .market-d-go-back {
    background-image: none;
    color: #22232b;
  }
  .j-wrapper.white .market-d .market-d-go-back:before {
    background-image: url("");
  }
  .j-wrapper.white .market-d .market-d-go-back:hover span {
    color: #4d54ff;
  }
  .j-wrapper.white .market-d .market-d-go-back:hover:before {
    background-image: url("");
  }
  .j-wrapper.white .market-d .market-d-main-content .item .value-wrap .deposit {
    color: #4b52df;
  }
  .j-wrapper.white
    .market-d
    .market-d-main-content
    .interest-rate-model
    .legend-wrap
    .deposit {
    background-color: #4b52df;
  }
  .j-wrapper.white
    .market-d
    .market-d-main-content-wrap
    .market-d-main-data
    .section-content
    .wstusdt-apy-info {
    background-color: #4d54ff0f;
  }
  .j-wrapper.white .link-button .link-button__arrow {
    background-size: 5px 7px;
    height: 7px;
    margin-left: 5px;
    width: 5px;
  }
  .j-wrapper.white .tooltip-text.active .color-light {
    color: #4d54ff;
  }
}
@media screen and (min-width: 799px) {
  .mobile-only {
    display: none;
  }
}
@media screen and (min-width: 1700px) {
  .market-d {
    max-width: 1440px;
  }
}
#root .j-user-list {
  border-radius: 10px;
  width: 100%;
}
#root .j-user-list .j-nodata {
  padding: 30px;
}
#root .j-user-list .ant-table-thead th,
#root .j-user-list .ant-table-thead th span {
  font-size: 14px !important;
  white-space: nowrap;
}
#root .j-user-list .j-repay {
  margin-right: 4px;
}
#root
  .j-user-list
  .ant-table-container
  table
  > thead
  > tr:first-child
  th:last-child {
  border-top-right-radius: 0;
}
#root .j-user-list.h-list .j-user-list_not-connect {
  background-size: cover;
  height: 100%;
}
#root .j-user-list.h-list .j-user-list_not-connect .nc-progress {
  margin-top: 40px;
}
#root .j-user-list.j-user-list-skeleton {
  background: #31333a;
}
#root .j-user-list.j-user-list-skeleton .ant-skeleton {
  border-radius: 0;
  padding: 22px 20px;
}
#root .j-user-list.j-user-list-skeleton .top-skeleton {
  border-radius: 10px 10px 0 0;
}
#root .j-user-list.j-user-list-skeleton .bottom-skeleton {
  border-radius: 0 0 10px 10px;
}
#root .j-user-list.j-user-list-skeleton .j-borrow-title,
#root .j-user-list.j-user-list-skeleton .j-supply-title {
  background-color: #1f20273d;
  height: 28px;
}
#root
  .j-user-list.j-user-list-skeleton
  .ant-skeleton-content
  .ant-skeleton-paragraph {
  margin: 0;
}
#root
  .j-user-list.j-user-list-skeleton
  .ant-skeleton-content
  .ant-skeleton-paragraph
  > li {
  height: 20px;
  margin-bottom: 30px;
}
#root
  .j-user-list.j-user-list-skeleton
  .ant-skeleton-content
  .ant-skeleton-paragraph
  > li:last-child {
  margin-bottom: 0;
}
.white .j-supply-title {
  background: #4c54ff !important;
  opacity: 0.04 !important;
}
.white .j-borrow-title {
  background: #18c19f !important;
  opacity: 0.04 !important;
}
.white .j-user-list-skeleton {
  background-color: #fff !important;
}
.j-ele {
  background: #313339;
  border-radius: 10px;
  box-shadow: 0 10px 20px #0000001a;
  padding: 20px;
}
.j-user-list_not-connect {
  background: url("") 0 0 no-repeat #31333a;
  background-size: 100%;
}
.j-user-list_not-connect .nc-progress {
  margin-bottom: 10px;
  margin-top: 38.5px;
  padding: 0 35px;
}
.j-user-list_not-connect .nc-item {
  width: 25%;
}
.j-user-list_not-connect.en .nc-progress {
  margin-top: 22px;
}
.j-user-list_not-connect.en .nc-progress .progress-ele {
  padding: 0;
  width: auto;
}
.nc-header,
.nc-header > span {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.nc-progress {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  position: relative;
  text-align: center;
}
.nc-progress .nc-line {
  border-bottom: 1px dashed #ffffff1a;
  height: 1px;
  margin: 0 20px;
  transform: translateY(40px);
  width: calc(100% - 680px);
}
.nc-progress .progress-img {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 80px;
  position: relative;
  width: 80px;
  z-index: 2;
}
.nc-progress .progress-img.-new-progress1 {
  background-image: url("");
}
.nc-progress .progress-img.progress2 {
  background-image: url("");
}
.nc-progress .progress-img.progress3 {
  background-image: url("");
}
.nc-progress .progress-img.progress4 {
  background-image: url("");
}
.nc-progress .progress-text {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-top: 10px;
}
.nc-progress .progress-text1 {
  color: #fff9;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 6px;
}
.nc-progress .progress-ele {
  padding: 0 50px;
  position: relative;
  width: 180px;
}
.j-recommend {
  align-items: center;
  background: #31333a url("") no-repeat center right 85px;
  background-size: 190px 89px;
  border-radius: 10px;
  box-shadow: 0 10px 20px #0000001a;
  display: flex;
  height: 88px;
  justify-content: space-between;
  margin-top: 20px;
  padding: 0 35px 0 20px;
  position: relative;
}
.j-recommend.en > div:first-child {
  min-width: 216px;
}
.j-recommend > div {
  display: flex;
  justify-content: center;
}
.j-recommend > div:first-child {
  min-width: 142px;
  width: 21%;
}
.j-recommend > div:nth-child(2) {
  justify-content: flex-end;
  width: 31%;
}
.j-recommend > div:nth-child(3) {
  justify-content: flex-end;
  width: 37%;
}
.j-recommend > div:nth-child(4) {
  width: 28%;
}
.j-recommend.trx {
  background-image: url("");
}
.j-recommend.btc {
  background-image: url("");
}
.j-recommend.btt {
  background-image: url("");
}
.j-recommend.eth,
.j-recommend.ethb {
  background-image: url("");
}
.j-recommend.jst {
  background-image: url("");
}
.j-recommend.nft {
  background-image: url("");
}
.j-recommend.sun {
  background-image: url("");
}
.j-recommend.tusd {
  background-image: url("");
}
.j-recommend.usdc {
  background-image: url("");
}
.j-recommend.usdd {
  background-image: url("");
}
.j-recommend.usdj {
  background-image: url("");
}
.j-recommend.usdt {
  background-image: url("");
}
.j-recommend.wbtt {
  background-image: url("");
}
.j-recommend.win {
  background-image: url("");
}
.j-recommend .recommend-token {
  align-items: center;
  display: flex;
}
.j-recommend .recommend-token .token-img {
  height: 30px;
  width: 30px;
}
.j-recommend .recommend-token .token-text {
  color: #fff;
  font-family: Avenir Next;
  font-size: 14px;
  font-weight: 600;
  margin-left: 12px;
  margin-right: 16px;
}
.j-recommend .recommend-token .recommend-ele {
  align-items: center;
  background: #ffffff0a;
  border-radius: 2px;
  color: #fff9;
  display: flex;
  font-family: Avenir Next;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  padding: 4px 6px;
  white-space: nowrap;
}
.j-recommend .recommend-token .recommend-ele > div {
  font-size: 12px;
}
.j-recommend .recommend-token .recommend-img {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 16px;
  margin-right: 4px;
  width: 16px;
}
.j-recommend .recommend-info > div:first-child {
  color: #a7a7aa;
  font-family: Avenir Next;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-align: right;
}
.j-recommend .recommend-info > div:nth-child(2) {
  color: #fff;
  font-family: Avenir Next;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  text-align: right;
}
.j-recommend .recommend-btn {
  background: #4c54ff;
  border-radius: 2px;
  color: #fffc;
  cursor: pointer;
  font-family: Avenir Next;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  height: 26px;
  line-height: 26px;
  margin-left: 30px;
  min-width: 62px;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.j-recommend .recommend-btn:hover {
  background: #9195fb;
}
.j-recommend .clear-icon {
  height: 10px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 10px;
}
.j-records {
  background: #31333a;
  border-radius: 10px;
  box-shadow: 0 -3px 24px #0000000d;
}
.j-records .j-tabs {
  align-items: center;
  display: flex;
  padding: 0 20px;
}
.j-records .j-tabs > div {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 68px;
  line-height: 68px;
  margin-right: 40px;
  position: relative;
  transform: translateY(1px);
}
.j-records .j-tabs > div:last-child {
  margin-right: 0;
}
.j-records .j-tabs > div > span {
  color: #fff6;
  font-size: 16px;
  font-weight: 500;
}
.j-records .j-tabs > div .j-num {
  border-radius: 1px;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  height: 18px;
  line-height: 20px;
  margin-left: 6px;
  min-width: 18px;
  padding: 0 2px;
  text-align: center;
}
.j-records .j-tabs > div .j-num.supply {
  background: #4c54ff4d;
  color: #9195fb;
}
.j-records .j-tabs > div .j-num.borrow {
  background: #18c19f4d;
  color: #18c19f;
}
.j-records .j-tabs > div.current > span {
  color: #fff;
}
.j-records .j-tabs > div.current .j-num {
  font-size: 12px;
}
.j-records .j-tabs > div.current .j-num.supply {
  background: #4c54ff;
  color: #fff;
}
.j-records .j-tabs > div.current .j-num.borrow {
  background: #18c19f;
  color: #fff;
}
.j-records .j-list-content {
  padding-bottom: 10px;
  position: relative;
}
.j-records .j-list-content .j-btn {
  min-width: 75px;
}
.j-records .j-list-content.has-recommend-token {
  padding-bottom: 11px;
}
.j-records .j-list-content.hide-warning-tips-V2 > div {
  padding-bottom: 20px;
}
.j-records .j-list-content > div {
  border-right: 1px solid #0000;
  height: 473px;
  overflow-y: scroll;
  padding-bottom: 44px;
}
.j-records .j-list-content > div::-webkit-scrollbar {
  display: none;
  height: 40px;
  width: 1px;
}
.j-records .j-list-content > div::-webkit-scrollbar-thumb {
  background-color: #ffffff1a;
  border-radius: 1px;
  max-height: 40px;
}
.j-records .j-list-content > div:hover {
  border-right: none;
}
.j-records .j-list-content > div:hover::-webkit-scrollbar {
  display: block;
}
.j-records .j-list-content .linear {
  background: linear-gradient(180deg, #31333a00, #31333a 87.5%);
  border-radius: 10px;
  bottom: 1px;
  height: 40px;
  left: 1px;
  pointer-events: none;
  position: absolute;
  width: calc(100% - 2px);
  z-index: 1;
}
.j-records .j-list-content.has-recommend-token > div {
  height: 365px;
}
.j-records .j-list-content .horizontal-line {
  margin: 16px 20px 0;
  width: auto;
}
.j-records .j-warning-tip {
  -webkit-backdrop-filter: blur(45px);
  backdrop-filter: blur(45px);
  background: #44373f;
  border-radius: 10px;
  bottom: 0;
  height: auto !important;
  justify-content: space-between;
  left: 0;
  padding: 12px 20px;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.j-records .j-warning-tip,
.j-records .j-warning-tip > div {
  align-items: center;
  color: #fffc;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.j-records .j-warning-tip > div {
  padding-right: 13px;
}
.j-records .j-warning-tip .icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 12px;
  margin-right: 13px;
  min-width: 12px;
  width: 12px;
}
.j-records .j-warning-tip > img {
  cursor: pointer;
  height: 12px;
  width: 12px;
}
.j-tabs-outer {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.j-tabs-title {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding-left: 20px;
}
.j-borrow-list .ant-table-tbody tr td:nth-child(2),
.j-borrow-list .ant-table-tbody tr td:nth-child(3),
.j-supply-list .ant-table-tbody tr td:nth-child(2),
.j-supply-list .ant-table-tbody tr td:nth-child(3) {
  padding-right: 22px;
}
.j-list-logo {
  align-items: center;
  display: flex;
}
.j-list-logo > img {
  border-radius: 50%;
  height: 30px;
  width: 30px;
}
.j-list-logo.eth > img,
.j-list-logo.ethb > img,
.j-list-logo.wbtt > img {
  background: #fff;
}
.j-list-logo .j-token {
  margin-left: 12px;
  margin-right: 10px;
}
.ant-modal.j-mortgage-modal .ant-modal-body {
  padding-top: 20px;
}
.ant-modal.j-mortgage-modal .borrow-using {
  padding-top: 40px;
}
.ant-modal.j-mortgage-modal .borrow-using .cancel-img,
.ant-modal.j-mortgage-modal .borrow-using > span {
  display: block;
}
.ant-modal.j-mortgage-modal .borrow-using .cancel-img {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  height: 66px;
  margin: 0 auto 25px;
  width: 66px;
}
.ant-modal.j-mortgage-modal .borrow-using > span {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0 40px;
  text-align: center;
}
.ant-modal.j-mortgage-modal .j-large-btn {
  margin-top: 30px;
}
.ant-modal.j-mortgage-modal .tips {
  color: #fff9;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.ant-modal.j-mortgage-modal .tips > div {
  text-align: center;
}
.ant-modal.j-mortgage-modal .content {
  background: #ffffff0a;
  border-radius: 2px;
  margin-top: 20px;
  padding: 20px 14px;
}
.ant-modal.j-mortgage-modal .content .r1,
.ant-modal.j-mortgage-modal .content .r2 {
  align-items: center;
  color: #fff9;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  justify-content: space-between;
}
.ant-modal.j-mortgage-modal .content .r1 span,
.ant-modal.j-mortgage-modal .content .r2 span {
  font-size: 12px;
}
.ant-modal.j-mortgage-modal .content .r2 {
  margin-bottom: 10px;
  margin-top: 15px;
}
.ant-modal.j-mortgage-modal .content .j-values {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.ant-modal.j-mortgage-modal .content .old-value {
  color: #fff9;
  font-size: 12px;
  font-weight: 500;
}
@media screen and (max-width: 798px) {
  .ant-modal.j-mortgage-modal .borrow-using .cancel-img {
    height: 56px;
    width: 56px;
  }
  .ant-modal.j-mortgage-modal .borrow-using > span {
    font-weight: 400;
    margin: 0 20px;
  }
}
.collateral-limit-img {
  display: block;
  margin: 0 auto;
  padding-bottom: 20px;
  padding-top: 50px;
  width: 88px;
}
.collateral-limit-img.end-rental-img {
  padding-bottom: 30px;
  width: 80px;
}
.collateral-limit {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}
.j-safe-tip {
  align-items: center;
  background: #313239;
  border-radius: 2px;
  display: flex;
  padding: 10px 16px;
  position: absolute;
  top: 66px;
  width: 100%;
  z-index: 1;
}
.j-safe-tip .j-safe-img {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  height: 12px;
  margin-right: 8px;
  min-width: 12px;
  width: 12px;
}
.j-safe-tip .j-safe-text,
.j-safe-tip .j-safe-text span:first-child {
  color: #fff9;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.j-safe-tip > div {
  line-height: 16px;
}
.j-safe-tip > div > span > span {
  color: #fff9;
  font-size: 12px;
  font-weight: 400;
}
.j-safe-tip .safe-fee,
.j-safe-tip .safe-fee span {
  color: #9195fb;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
}
@media screen and (max-width: 798px) {
  .j-safe-tip .j-safe-img {
    background: url("") no-repeat 50% / contain;
  }
  .j-safe-tip .j-safe-text span:first-child {
    margin-right: 6px;
  }
  .j-wrapper-m .j-safe-tip .j-safe-text .safe-fee {
    height: 16px;
    margin: 0;
  }
  .j-wrapper-m .j-safe-tip .j-safe-text .safe-fee:after {
    height: 7px;
    min-width: 5px;
    top: 4px;
  }
  .j-wrapper-m .j-tabs-title {
    border-bottom: 1px solid #ffffff0f;
    font-size: 16px;
    font-weight: 600;
    margin: 0 15px;
    padding: 20px 0 10px;
  }
  .j-wrapper-m.white .j-tabs-title {
    border-bottom-color: #22232b0f;
  }
}
.j-mining-row {
  margin: 10px 0 0;
  padding: 0 20px;
}
.j-mining-row .mining-tip {
  margin-bottom: 30px;
  position: relative;
  text-align: center;
}
.j-mining-row .mining-tip:before {
  background: #ffffff0f;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 100%;
}
.j-mining-row .mining-tip > span {
  background: #313339;
  color: #fff6;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding: 0 10px;
  position: relative;
  z-index: 2;
}
.j-mining-row .mining-rows {
  background: none;
  display: flex;
  justify-content: space-between;
}
.j-mining-row .mining-rows > div {
  align-items: center;
  display: flex;
}
.j-mining-row .img-block {
  margin-right: 12px;
}
.j-mining-row .img-block > img {
  height: 24px;
  width: 24px;
}
.j-mining-row .row-symbol > div:first-child {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  margin-bottom: 4px;
}
.j-mining-row .row-symbol > div:nth-child(2) {
  background: #ffffff0f;
  border-radius: 1px;
  color: #ffffff80;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  padding: 0 6px;
}
.j-mining-row .j-supply {
  width: auto;
}
.j-mining-row .row-token {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
}
.ant-select.select-max.ant-select-open .ant-select-selection-item {
  color: #9195fb;
}
.ant-select.select-max.ant-select-open .ant-select-arrow .anticon-down {
  background-image: url("");
}
.ant-select.select-max:hover .ant-select-selection-item {
  color: #9195fb;
}
.ant-select.select-max .ant-select-selection-item {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
.ant-select.select-max .ant-select-arrow {
  align-items: center;
  display: inline-flex;
}
.ant-select.select-max .ant-select-arrow .anticon-down {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  height: 5px;
  width: 7px;
}
.ant-select.select-max .ant-select-arrow .anticon-down > svg {
  display: none;
}
.ant-select-dropdown.select-max-dropdown {
  background: #0000;
  padding-bottom: 0;
  padding-top: 16px;
}
.ant-select-dropdown.select-max-dropdown .rc-virtual-list {
  background-color: #393a41;
  border-radius: 2px;
}
.ant-select-dropdown.select-max-dropdown .rc-virtual-list-holder-inner {
  -webkit-backdrop-filter: blur(35px);
  backdrop-filter: blur(35px);
  border-radius: 2px;
  overflow: hidden;
  padding: 20px;
}
.ant-select-dropdown.select-max-dropdown .rc-virtual-list-holder-inner > div {
  background-color: #0000;
  margin-bottom: 10px;
  min-height: auto;
  padding: 0;
}
.ant-select-dropdown.select-max-dropdown
  .rc-virtual-list-holder-inner
  > div:last-child {
  margin-bottom: 0;
}
.ant-select-dropdown.select-max-dropdown
  .rc-virtual-list-holder-inner
  > div.ant-select-item-option-selected {
  background-color: #0000;
}
.ant-select-dropdown.select-max-dropdown
  .rc-virtual-list-holder-inner
  > div.ant-select-item-option-selected
  .ant-select-item-option-content,
.ant-select-dropdown.select-max-dropdown
  .rc-virtual-list-holder-inner
  > div:hover
  .ant-select-item-option-content {
  color: #9195fb;
}
.ant-select-dropdown.select-max-dropdown
  .rc-virtual-list-holder-inner
  > div
  .ant-select-item-option-content {
  color: #fff9;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 798px) {
  .j-user-list {
    margin-top: 5.1282051282vw;
    min-width: 0;
    width: 100%;
  }
  .j-user-list .j-ele {
    box-shadow: 0 2.5641025641vw 5.1282051282vw #0000001a;
    padding: 5.1282051282vw;
  }
  .j-user-list .j-user-list_not-connect {
    margin-bottom: 0;
  }
  .j-user-list .nc-header,
  .j-user-list .nc-header > span {
    font-size: 16px;
    line-height: 6.9230769231vw;
  }
  .j-user-list .nc-progress {
    margin-top: 3.8461538462vw;
    padding: 0 1.2820512821vw;
  }
  .j-user-list .nc-progress .nc-line {
    top: 8.4615384615vw;
  }
  .j-user-list .nc-progress > div {
    margin: 0;
  }
  .j-user-list .nc-progress .progress-ele {
    padding: 0 1.7948717949vw;
    width: 20.5128205128vw;
  }
  .j-user-list .nc-progress .progress-img {
    height: 16.9230769231vw;
    width: 16.9230769231vw;
  }
  .collateral-limit-modal .collateral-limit-img {
    width: 56px;
  }
  .collateral-limit-modal .j-large-btn {
    margin-bottom: 40px;
    margin-top: 48px;
  }
}
@media screen and (max-width: 1100px) {
  .j-recommend .recommend-btn {
    margin-left: 0;
  }
  .nc-progress .progress-ele {
    padding: 0 30px;
  }
  .j-user-list_not-connect .nc-progress {
    padding: 0;
  }
}
@media screen and (max-width: 1700px) {
  .j-user-list_not-connect {
    background-size: cover !important;
  }
  .nc-progress .nc-line {
    margin: 0;
    width: 50px;
  }
}
@media screen and (min-width: 1700px) {
  .j-user-list {
    max-width: 1030px;
  }
}
#root .j-wrapper.white .j-container div.liquidate-warning {
  background: #fff;
  color: #22232bcc;
}
#root .j-wrapper.white .j-container div.liquidate-warning span {
  background: url("") left 2px no-repeat;
  background-size: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  padding-left: 17px;
}
.j-wrapper.white {
  background: #f1f1f8;
}
.j-wrapper.white:before {
  background-image: url("");
}
.j-wrapper.white:after {
  background-image: url("");
}
.j-wrapper.white .hover {
  color: #4d54ff !important;
}
.j-wrapper.white .hover:after {
  background: #4d54ff !important;
}
.j-wrapper.white .snow-bar .snow-bar-left {
  background-image: url("");
  width: 322px;
}
.j-wrapper.white .snow-bar .snow-bar-right {
  background-image: url("");
  width: 253px;
}
.j-wrapper.white .snow-ele-top:before {
  background-image: url("");
  right: -5px;
  top: -20px;
}
.j-wrapper.white .j-select-alike {
  border-right: 1px solid #22232b1a;
}
.j-wrapper.white .j-select-alike .j-alike-text {
  color: #22232b;
}
.j-wrapper.white .j-time-tips,
.j-wrapper.white .j-time-tips > span {
  color: #22232b99;
}
.j-wrapper.white .j-risk,
.j-wrapper.white .j-risk.low-risk {
  color: #18c19f !important;
}
.j-wrapper.white .j-risk.mid-risk {
  color: #6b9bff !important;
}
.j-wrapper.white .j-risk.high-risk {
  color: #ff5266 !important;
}
.j-wrapper.white .deal-note-desc {
  background-color: #22232b08;
}
.j-wrapper.white .deal-note-desc .note-row {
  color: #22232b;
}
.j-wrapper.white .deal-note-desc .note-row:before {
  background-color: #9c9daa;
}
.j-wrapper.white .ant-input {
  caret-color: #22232b !important;
}
.j-wrapper.white div.ant-modal.j-modal .ant-tabs-tab {
  border-bottom: 1px solid #f0f0f0 !important;
}
.j-wrapper.white div.ant-modal.j-modal .ant-modal-body,
.j-wrapper.white div.ant-modal.j-modal .ant-modal-header {
  background-color: #fff;
}
.j-wrapper.white div.ant-modal.j-modal .ant-modal-body .ant-modal-title,
.j-wrapper.white div.ant-modal.j-modal .ant-modal-header .ant-modal-title {
  color: #22232b;
}
.j-wrapper.white div.ant-modal.j-modal .ant-modal-content {
  background: #fff;
}
.j-wrapper.white div.ant-modal.j-modal .anticon-close {
  background-image: url("");
}
.j-wrapper.white
  div.ant-modal.j-modal
  .j-supply
  .ant-tabs-tab:first-child.ant-tabs-tab-active
  .ant-tabs-tab-btn {
  border-bottom: 2px solid #4c54ff !important;
  color: #4c54ff;
}
.j-wrapper.white
  div.ant-modal.j-modal
  .j-supply
  .ant-tabs-tab:nth-child(2).ant-tabs-tab-active
  .ant-tabs-tab-btn {
  border-bottom: 2px solid #6644c9 !important;
  color: #6644c9;
}
.j-wrapper.white
  div.ant-modal.j-modal
  .j-borrow
  .ant-tabs-tab:first-child.ant-tabs-tab-active
  .ant-tabs-tab-btn {
  border-bottom: 2px solid #18c19f !important;
  color: #18c19f;
}
.j-wrapper.white
  div.ant-modal.j-modal
  .j-borrow
  .ant-tabs-tab:nth-child(2).ant-tabs-tab-active
  .ant-tabs-tab-btn {
  border-bottom: 2px solid #e98061 !important;
  color: #e98061;
}
.j-wrapper.white div.ant-modal.j-modal .j-modal-ele > span,
.j-wrapper.white div.ant-modal.j-modal .j-modal-ele > span > span {
  color: #22232b99;
}
.j-wrapper.white div.ant-modal.j-modal .j-modal-ele .j-content {
  color: #22232b;
}
.j-wrapper.white div.ant-modal.j-modal .j-modal-ele .j-title {
  color: #22232b99;
}
.j-wrapper.white div.ant-modal.j-modal .arrow-right {
  background-image: url("");
}
.j-wrapper.white div.ant-modal.j-modal .borrow-tip,
.j-wrapper.white div.ant-modal.j-modal .borrow-tip > span {
  color: #22232b99;
}
.j-wrapper.white div.ant-modal.j-modal .borrow-tip > span:first-child {
  background-image: url("");
}
.j-wrapper.white div.ant-modal.j-modal .borrow-tip > a {
  color: #4c54ff;
}
.j-wrapper.white div.ant-modal.j-modal.header-border .ant-modal-header {
  border-bottom-color: #22232b0f;
}
.j-wrapper.white div.ant-modal.j-modal .collateral-limit-img {
  background: #4b52df0a;
  border-radius: 50%;
  margin: 50px auto 20px;
  padding: 0;
}
.j-wrapper.white div.ant-modal.j-modal .collateral-limit {
  color: #22232b;
}
.j-wrapper.white
  div.ant-modal.j-modal.ant-modal.j-mortgage-modal
  .borrow-using
  .cancel-img {
  background-image: url("");
}
.j-wrapper.white
  div.ant-modal.j-modal.ant-modal.j-mortgage-modal
  .borrow-using
  > span,
.j-wrapper.white div.ant-modal.j-modal.ant-modal.j-mortgage-modal .j-values {
  color: #22232b;
}
.j-wrapper.white div.ant-modal.j-modal.ant-modal.j-mortgage-modal .content .r1,
.j-wrapper.white div.ant-modal.j-modal.ant-modal.j-mortgage-modal .content .r2,
.j-wrapper.white div.ant-modal.j-modal.ant-modal.j-mortgage-modal .old-value,
.j-wrapper.white div.ant-modal.j-modal.ant-modal.j-mortgage-modal .tips {
  color: #22232bcc;
}
.j-wrapper.white div.ant-modal.j-modal.ant-modal.j-mortgage-modal .content {
  background: #4b52df0a;
}
.j-wrapper.white div.ant-modal.j-modal .j-wallet > span {
  color: #22232b;
}
.j-wrapper.white div.ant-modal.j-modal .j-wallet > span:first-child {
  color: #22232bcc;
}
.j-wrapper.white .j-light {
  background-image: url("");
}
.j-wrapper.white .warning-icon {
  background-image: url("");
}
.j-wrapper.white .j-logo {
  background-image: url("");
}
.j-wrapper.white .j-header {
  background: #fafafa !important;
}
.j-wrapper.white .j-header.j-header-m {
  background: #0000 !important;
}
.j-wrapper.white .j-header .j-feedback {
  color: #4c54ff;
}
.j-wrapper.white .j-header .j-wallet .j-theme-logo {
  background-image: url("");
  height: 14px;
  min-width: 13px;
}
.j-wrapper.white
  .j-header
  .j-wallet
  .show-wallet-dropdown
  .wallet-info-content
  .address {
  color: #737480;
}
.j-wrapper.white .j-header .j-wallet .wallet-dropdown {
  background: #fff;
  box-shadow: 0 15px 20px 0 #0000001a;
}
.j-wrapper.white
  .j-header
  .j-wallet
  .wallet-dropdown.new-wallet-dropdown
  .wallet-row {
  border-bottom: 1px solid #22232b0f;
}
.j-wrapper.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item.wallet-row
  .row-title {
  background-image: url("");
}
.j-wrapper.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item.wallet-row
  .row-title.okx {
  background-image: url("");
}
.j-wrapper.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item.wallet-row
  .row-title.walletconnect {
  background-image: url("");
}
.j-wrapper.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item.wallet-row
  .row-title.ledger {
  background-image: url("");
}
.j-wrapper.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item.wallet-row
  .row-title.tokenpocket {
  background-image: url("");
}
.j-wrapper.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item.wallet-row
  .row-value
  .row-value-content
  .value-text {
  color: #22232b;
}
.j-wrapper.white .j-header .j-wallet .wallet-dropdown .row-item:hover {
  background: #f0f2f7;
}
.j-wrapper.white .j-header .j-wallet .wallet-dropdown .row-item .row-title {
  color: #22232b;
}
.j-wrapper.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .row-value
  .risk-off {
  color: #737480;
}
.j-wrapper.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .row-value
  .arrow-right-icon {
  background: url("") 3px 1px no-repeat;
}
.j-wrapper.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .ant-radio-group
  span.ant-radio
  + * {
  color: #22232b;
}
.j-wrapper.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item.settings-row.s9:before {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
}
.j-wrapper.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item.language-row:before {
  background: url("") 0 -0.5px no-repeat;
  background-size: 100%;
}
.j-wrapper.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item.theme-row:before {
  background: url("") 0 -0.5px no-repeat;
  background-size: 100%;
}
.j-wrapper.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .ant-radio-checked
  .ant-radio-inner {
  background: #4d54ff;
  border: 1px solid #4d54ff;
}
.j-wrapper.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .ant-radio-inner {
  background: #4d54ff29;
  border: none;
}
.j-wrapper.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .ant-radio-group
  .ant-radio.ant-radio-checked:hover
  .ant-radio-inner {
  border: 1px solid #4d54ff;
}
.j-wrapper.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .ant-radio-group
  .ant-radio {
  transform: translateY(-1px);
}
.j-wrapper.white
  .j-header
  .j-wallet
  .wallet-dropdown
  .row-item
  .ant-radio-group
  .ant-radio:hover
  .ant-radio-inner {
  border: none;
}
.j-wrapper.white .j-links a,
.j-wrapper.white .j-links a > span {
  color: #22232b99;
}
.j-wrapper.white .j-links a.current,
.j-wrapper.white .j-links a.current span {
  color: #22232b;
}
.j-wrapper.white .j-links a.current .header-icon span {
  color: #fff;
}
.j-wrapper.white .j-links a:hover {
  color: #22232b;
}
.j-wrapper.white .j-links .top-bar {
  background: url("") no-repeat 50%;
  background-size: cover;
}
.j-wrapper.white .j-links .top-bar.en {
  background: url("") no-repeat 50%;
  background-size: cover;
}
.j-wrapper.white .j-subhead .j-title,
.j-wrapper.white .j-subhead .j-title > a,
.j-wrapper.white .j-subhead .j-title > span {
  color: #22232b;
}
.j-wrapper.white .j-subhead .j-title > a {
  background: #fff;
}
.j-wrapper.white .j-subhead .j-title > a:hover {
  color: #4d54ff;
}
.j-wrapper.white .j-subhead .desc {
  color: #22232b99;
}
.j-wrapper.white .j-subhead > div:last-child:hover .announce-content {
  color: #4c54ff;
}
.j-wrapper.white .j-announce:hover .announce-content,
.j-wrapper.white .j-announce:hover .announce-content span {
  color: #4c54ff !important;
}
.j-wrapper.white .j-announce:hover .announce-arrow-icon {
  background-image: url("");
}
.j-wrapper.white .j-announce .announce-icon {
  background-image: url("");
}
.j-wrapper.white .j-announce .announce-arrow-icon {
  background-image: url("");
}
.j-wrapper.white .j-announce .announce-content {
  color: #22232b;
}
.j-wrapper.white .j-subhead .j-announce {
  background: #0000;
}
.j-wrapper.white .j-subhead .ant-skeleton,
.j-wrapper.white .j-subhead .ant-skeleton-content,
.j-wrapper.white .j-subhead .ant-skeleton-paragraph {
  background: #0000 !important;
}
.j-wrapper.white .j-announce-skeleton {
  width: 40%;
}
.j-wrapper.white .j-announce-skeleton .announce-icon {
  background-image: url("");
}
.j-wrapper.white .j-announce-skeleton .ant-skeleton {
  background: #0000;
}
.j-wrapper.white .j-safe-tip {
  background: #f8f8fe;
}
.j-wrapper.white .j-safe-tip > div > span {
  color: #22232b99;
}
.j-wrapper.white .j-safe-tip .j-safe-img {
  background-image: url("");
}
.j-wrapper.white .j-safe-tip .j-safe-text,
.j-wrapper.white .j-safe-tip .j-safe-text span {
  color: #22232b99;
}
.j-wrapper.white .j-safe-tip .j-safe-text .safe-fee {
  color: #4c54ff;
}
.j-wrapper.white .j-error-tip {
  background: #f8f8fe;
}
.j-wrapper.white .j-error-tip .j-error-img {
  background-image: url("warning-icon.16333122adb2fa79700f.svg");
}
.j-wrapper.white .j-ele {
  background-color: #fff;
  box-shadow: 0 10px 20px #0000000d;
}
.j-wrapper.white .j-user-list_not-connect {
  background: url("") 0 0 no-repeat #fff;
  background-size: 100%;
}
.j-wrapper.white .nc-header,
.j-wrapper.white .nc-header > span {
  color: #22232b;
}
.j-wrapper.white .nc-progress .nc-line {
  border-bottom: 1px dashed #22232b33;
}
.j-wrapper.white .nc-progress .progress-ele:after {
  border-color: #22232b33;
}
.j-wrapper.white .nc-progress .progress-img {
  background: #0000;
  background-size: 100%;
}
.j-wrapper.white .nc-progress .progress-img.progress1 {
  background-image: url("");
}
.j-wrapper.white .nc-progress .progress-img.progress2 {
  background-image: url("");
}
.j-wrapper.white .nc-progress .progress-img.progress3 {
  background-image: url("");
}
.j-wrapper.white .nc-progress .progress-img.progress4 {
  background-image: url("");
}
.j-wrapper.white .nc-progress .progress-text {
  color: #22232b;
}
.j-wrapper.white .nc-progress .progress-text1 {
  color: #22232b99;
}
.j-wrapper.white .clear-icon {
  background-image: url("");
}
.j-wrapper.white .j-recommend {
  background-image: url("");
}
.j-wrapper.white .j-recommend.trx {
  background-image: url("");
}
.j-wrapper.white .j-recommend.btc {
  background-image: url("");
}
.j-wrapper.white .j-recommend.btt {
  background-image: url("");
}
.j-wrapper.white .j-recommend.eth,
.j-wrapper.white .j-recommend.ethb {
  background-image: url("");
}
.j-wrapper.white .j-recommend.jst {
  background-image: url("");
}
.j-wrapper.white .j-recommend.nft {
  background-image: url("");
}
.j-wrapper.white .j-recommend.sun {
  background-image: url("");
}
.j-wrapper.white .j-recommend.tusd {
  background-image: url("");
}
.j-wrapper.white .j-recommend.usdc {
  background-image: url("");
}
.j-wrapper.white .j-recommend.usdd {
  background-image: url("");
}
.j-wrapper.white .j-recommend.usdj {
  background-image: url("");
}
.j-wrapper.white .j-recommend.usdt {
  background-image: url("");
}
.j-wrapper.white .j-recommend.wbtt {
  background-image: url("");
}
.j-wrapper.white .j-recommend.win {
  background-image: url("");
}
.j-wrapper.white .j-recommend .recommend-info > div:first-child {
  color: #22232b66;
}
.j-wrapper.white .j-recommend .recommend-info > div:nth-child(2) {
  color: #22232b;
}
.j-wrapper.white .j-recommend .recommend-token .recommend-ele {
  background: #22232b0a;
  color: #22232b66;
}
.j-wrapper.white .j-recommend .recommend-token .token-text {
  color: #22232b;
}
.j-wrapper.white .j-recommend .recommend-token .recommend-img {
  background-image: url("");
}
.j-wrapper.white .j-records {
  background: #fff;
}
.j-wrapper.white .j-records .j-tabs {
  border-bottom-color: #22232b1a;
}
.j-wrapper.white .j-records .j-tabs > div > span:first-child {
  color: #22232b66;
}
.j-wrapper.white .j-records .j-tabs > div.current > span:first-child {
  color: #22232b;
}
.j-wrapper.white .j-records .j-tabs > div.current .j-num {
  color: #fff;
}
.j-wrapper.white .j-records .j-list-content > div::-webkit-scrollbar {
  width: 1px;
}
.j-wrapper.white .j-records .j-list-content > div::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 2px;
}
.j-wrapper.white .j-records .j-list-content > div::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 13px;
}
.j-wrapper.white .j-records .j-list-content .linear {
  background: linear-gradient(180deg, #fff0, #ffffffe8 59.67%, #fff);
}
.j-wrapper.white .j-records .j-warning-tip {
  background: #fff5f6;
}
.j-wrapper.white .j-records .j-warning-tip > div {
  color: #22232b99;
}
.j-wrapper.white .j-records .j-warning-tip .icon {
  background-image: url("");
}
.j-wrapper.white .j-tabs-title {
  color: #22232b;
}
.j-wrapper.white .bs-list .ant-table-empty .ant-table-tbody > tr:hover td {
  background-color: #fff !important;
}
.j-wrapper.white .bs-list .ant-table-thead > tr > th {
  background: #f8f8ff;
}
.j-wrapper.white .bs-list .ant-table-tbody > tr > td {
  background: #fff !important;
}
.j-wrapper.white .bs-list .ant-table-tbody tr:hover td,
.j-wrapper.white .bs-list .ant-table-tbody > tr.ant-table-row:hover > td {
  background: #f6f6f7 !important;
}
.j-wrapper.white .bs-list .ant-table-thead > tr > th {
  color: #76777f;
  font-weight: 500 !important;
}
.j-wrapper.white .bs-list .ant-table-tbody > tr > td {
  color: #22232b;
}
.j-wrapper.white .bs-list .sub-desc {
  color: #22232b99;
}
.j-wrapper.white .bs-list .new-switch .switch-line {
  background: #d0d0d6;
}
.j-wrapper.white .bs-list .new-switch.switch-on .switch-line {
  background: #4d54ff;
}
.j-wrapper.white .bs-list .new-switch .switch-circle {
  box-shadow: 0 0 5px #6361614d;
}
.j-wrapper.white .bs-list .new-switch.season:hover .switch-circle {
  background: #f1f1f1;
}
.j-wrapper.white .bs-list .new-switch.season:hover .switch-line {
  background: #ececef;
}
.j-wrapper.white .bs-list.j-borrow-list .ant-table-thead > tr > th {
  background: #f6fdfb;
}
.j-wrapper.white
  .bs-list.j-borrow-list
  .ant-table-content
  .ant-table-thead
  th.ant-table-column-has-sorters:hover,
.j-wrapper.white .bs-list.j-borrow-list .ant-table-tbody .ant-table-row-hover,
.j-wrapper.white
  .bs-list.j-borrow-list
  .ant-table-tbody
  .ant-table-row-hover
  > td,
.j-wrapper.white
  .bs-list.j-borrow-list
  .ant-table-tbody
  > tr:hover:not(.ant-table-expanded-row)
  > td {
  background-color: #f6fdfb;
}
.j-wrapper.white .j-btn.j-supply {
  background: #4d54ff0f;
  color: #4d54ff;
}
.j-wrapper.white .j-btn.j-supply:hover {
  background: #4c54ff;
  color: #fff;
}
.j-wrapper.white .j-btn.j-borrow {
  background: #18c19f0f;
  color: #18c19f;
}
.j-wrapper.white .j-btn.j-borrow:hover {
  background: #18c19f;
  color: #fff;
}
.j-wrapper.white .j-btn.j-repay {
  background: #e980610f;
  border: 1px solid #e9806199;
  color: #e98061;
}
.j-wrapper.white .j-btn.j-repay:hover {
  background: #e98061;
  color: #fff;
}
.j-wrapper.white .j-btn.j-reward {
  background: #edeefc;
  color: #22232b99;
}
.j-wrapper.white .j-btn.j-reward:hover {
  color: #4c54ff;
}
.j-wrapper.white .j-btn.j-not-used.disabled,
.j-wrapper.white .j-btn.j-not-used.disabled:hover,
.j-wrapper.white .j-btn.j-not-used:disabled,
.j-wrapper.white .j-btn.j-not-used:disabled:hover {
  background: #d3d3d5 !important;
  border: 1px solid #d3d3d5 !important;
  color: #fff !important;
  cursor: not-allowed;
}
.j-wrapper.white .j-btn.j-rent-renew.disabled:hover,
.j-wrapper.white .j-btn.j-rent-renew:disabled:hover {
  background: #bebec0 !important;
  border: 1px solid #bebec0 !important;
  color: #fff9 !important;
  cursor: not-allowed;
}
.j-wrapper.white .j-btn.disabled,
.j-wrapper.white .j-btn:disabled {
  background: #d3d3d5 !important;
  border: 1px solid #d3d3d5 !important;
  color: #fff !important;
  cursor: not-allowed;
}
.j-wrapper.white .j-btn.disabled:hover,
.j-wrapper.white .j-btn:disabled:hover {
  background: #bebec0 !important;
  border: 1px solid #bebec0 !important;
  color: #fff9 !important;
}
.j-wrapper.white .j-mining-row .mining-tip:before {
  background: #22232b1a;
}
.j-wrapper.white .j-mining-row .mining-tip > span {
  background: #fff;
  color: #22232b66;
}
.j-wrapper.white .j-mining-row .row-symbol > div:first-child {
  color: #22232b;
}
.j-wrapper.white .j-mining-row .row-symbol > div:nth-child(2) {
  background: #22232b0f;
  color: #22232b99;
}
.j-wrapper.white .j-mining-row .row-token {
  color: #22232b99;
}
.j-wrapper.white .j-tooltip-icon {
  background-image: url("");
}
.j-wrapper.white .vertical-line {
  background-color: #22232b33;
}
.j-wrapper.white .j-tooltip-text {
  color: #22232b99;
}
.j-wrapper.white .ant-table-column-sorter-down,
.j-wrapper.white .ant-table-column-sorter-up {
  background-image: url("");
}
.j-wrapper.white .ant-table-column-sorter-down.active,
.j-wrapper.white .ant-table-column-sorter-up.active {
  background-image: url("");
}
.j-wrapper.white .ant-select-dropdown.select-max-dropdown {
  background: #0000;
  box-shadow: none;
  padding-bottom: 0;
  padding-top: 16px;
}
.j-wrapper.white .ant-select-dropdown.select-max-dropdown .rc-virtual-list {
  background-color: #f8f8fe;
}
.j-wrapper.white
  .ant-select-dropdown.select-max-dropdown
  .rc-virtual-list-holder-inner {
  -webkit-backdrop-filter: blur(35px);
  backdrop-filter: blur(35px);
  border-radius: 2px;
  overflow: hidden;
  padding: 20px;
}
.j-wrapper.white
  .ant-select-dropdown.select-max-dropdown
  .rc-virtual-list-holder-inner
  > div {
  background-color: #0000;
  margin-bottom: 10px;
  min-height: auto;
  padding: 0;
}
.j-wrapper.white
  .ant-select-dropdown.select-max-dropdown
  .rc-virtual-list-holder-inner
  > div:last-child {
  margin-bottom: 0;
}
.j-wrapper.white
  .ant-select-dropdown.select-max-dropdown
  .rc-virtual-list-holder-inner
  > div.ant-select-item-option-selected {
  background-color: #0000;
}
.j-wrapper.white
  .ant-select-dropdown.select-max-dropdown
  .rc-virtual-list-holder-inner
  > div.ant-select-item-option-selected
  .ant-select-item-option-content,
.j-wrapper.white
  .ant-select-dropdown.select-max-dropdown
  .rc-virtual-list-holder-inner
  > div:hover
  .ant-select-item-option-content {
  color: #4d54ff;
}
.j-wrapper.white
  .ant-select-dropdown.select-max-dropdown
  .rc-virtual-list-holder-inner
  > div
  .ant-select-item-option-content {
  color: #fff9;
  color: #22232b99;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}
.j-wrapper.white
  .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #4d54ff;
}
.j-wrapper.white .account-v2-container {
  color: #22232b;
}
.j-wrapper.white .account-v2-container .account-main-info {
  background: #fff;
  box-shadow: 0 0.694vw 1.388vw #0000000d;
}
.j-wrapper.white .account-v2-container .account-main-info .content {
  color: #22232b;
  text-shadow: none;
}
.j-wrapper.white .account-v2-container .more {
  background: #fff url("") right 0 bottom -13px no-repeat;
  background-size: 185px 95px;
  box-shadow: 0 0.694vw 1.388vw #0000000d;
}
.j-wrapper.white .account-v2-container .more.only-recommend {
  background: #fff url("") 100% 100% no-repeat;
  background-size: 100%;
}
.j-wrapper.white .account-v2-container .more .recommend-tip {
  background: linear-gradient(90.13deg, #4c54ff 2.89%, #18c19f 101.53%);
  -webkit-background-clip: text;
  background-clip: text;
}
.j-wrapper.white .account-v2-container .more .countup-int,
.j-wrapper.white .account-v2-container .more .countup-int .value-number {
  color: #22232b;
}
.j-wrapper.white .account-v2-container .data-info-key {
  color: #22232b99;
}
.j-wrapper.white .account-v2-container .countup-decimal,
.j-wrapper.white .account-v2-container .countup-decimal .value-number,
.j-wrapper.white .account-v2-container .countup-int,
.j-wrapper.white .account-v2-container .countup-int .value-number {
  color: #22232b;
}
.j-wrapper.white .account-v2-container .countDatas .btn {
  background: #4b52df0f;
  color: #22232b99;
}
.j-wrapper.white .account-v2-container .countDatas .btn:hover {
  background: #4b52df29;
  color: #4b52df;
}
.j-wrapper.white .ant-tabs-tab-btn {
  color: #22232b66;
}
.j-wrapper.white .approve-content .approve-tip {
  color: #22232b;
}
.j-wrapper.white .approve-content .approve-apy {
  border-top: 1px solid #22232b0f;
}
.j-wrapper.white .approve-content .img {
  background-color: #4b52df0a;
}
.j-wrapper.white .approve-content .img img {
  margin-left: 5px;
  margin-top: 12px;
  width: 63px;
}
.j-wrapper.white .j-input .ant-input,
.j-wrapper.white .j-input .ant-input-group-addon,
.j-wrapper.white .j-input .ant-input[disabled] {
  color: #22232b;
}
.j-wrapper.white .j-input .ant-input-clear-icon {
  background-image: url("");
}
.j-wrapper.white .j-input .ant-input-group-addon:after {
  background-color: #2829311a;
}
.j-wrapper.white .j-input .ant-input-affix-wrapper,
.j-wrapper.white .j-input .ant-input-group-addon {
  background-color: #4b52df0a;
}
.j-wrapper.white .j-input ::-webkit-input-placeholder {
  color: #9c9daa !important;
  opacity: 1;
}
.j-wrapper.white .energy-max:hover {
  color: #4b52df !important;
}
.j-wrapper.white .ant-input-group-addon > span {
  background: #0000;
  color: #22232b;
}
.j-wrapper.white .ant-input-group-addon .pointer:hover {
  color: #4c54ff;
}
.j-wrapper.white .j-progress {
  background: #2829310f;
}
.j-wrapper.white .j-progress > div:first-child {
  background: #dadadc;
}
.j-wrapper.white .j-progress > div:nth-child(2) {
  background: url("") 0 0 no-repeat;
  background-size: 360px;
}
.j-wrapper.white .j-progress .j-block.block-red {
  background-color: #ffa0ab;
}
.j-wrapper.white .ant-btn.j-large-btn,
.j-wrapper.white .j-large-btn {
  color: #fff;
}
.j-wrapper.white .ant-btn.j-large-btn:active,
.j-wrapper.white .ant-btn.j-large-btn:focus,
.j-wrapper.white .ant-btn.j-large-btn:hover,
.j-wrapper.white .j-large-btn:active,
.j-wrapper.white .j-large-btn:focus,
.j-wrapper.white .j-large-btn:hover {
  color: #fff !important;
}
.j-wrapper.white .ant-btn.j-large-btn.j-supply,
.j-wrapper.white .j-large-btn.j-supply {
  background: #4d54ff0f;
  border: 1px solid #4d54ff;
  color: #4c54ff !important;
}
.j-wrapper.white .ant-btn.j-large-btn.j-supply.rent-now,
.j-wrapper.white .j-large-btn.j-supply.rent-now {
  background: #4c54ff;
  border: none;
  color: #fff !important;
}
.j-wrapper.white .ant-btn.j-large-btn.j-supply:hover,
.j-wrapper.white .j-large-btn.j-supply:hover {
  opacity: 0.7;
}
.j-wrapper.white .ant-btn.j-large-btn.j-supply:hover:disabled,
.j-wrapper.white .j-large-btn.j-supply:hover:disabled {
  opacity: 1;
}
.j-wrapper.white .ant-btn.j-large-btn.j-supply:active,
.j-wrapper.white .ant-btn.j-large-btn.j-supply:focus,
.j-wrapper.white .j-large-btn.j-supply:active,
.j-wrapper.white .j-large-btn.j-supply:focus {
  background: #4c54ff;
  color: #fff !important;
}
.j-wrapper.white .ant-btn.j-large-btn.j-supply:disabled,
.j-wrapper.white .j-large-btn.j-supply:disabled {
  border: none;
}
.j-wrapper.white .ant-btn.j-large-btn.j-withdraw,
.j-wrapper.white .j-large-btn.j-withdraw {
  background: #6644c9;
}
.j-wrapper.white .ant-btn.j-large-btn.j-withdraw:hover,
.j-wrapper.white .j-large-btn.j-withdraw:hover {
  background: #c1abff;
}
.j-wrapper.white .ant-btn.j-large-btn.j-withdraw:active,
.j-wrapper.white .ant-btn.j-large-btn.j-withdraw:focus,
.j-wrapper.white .j-large-btn.j-withdraw:active,
.j-wrapper.white .j-large-btn.j-withdraw:focus {
  background: #6644c9;
}
.j-wrapper.white .ant-btn.j-large-btn.j-borrow,
.j-wrapper.white .j-large-btn.j-borrow {
  background: #18c19f;
}
.j-wrapper.white .ant-btn.j-large-btn.j-borrow:hover,
.j-wrapper.white .j-large-btn.j-borrow:hover {
  background: #74dac5;
}
.j-wrapper.white .ant-btn.j-large-btn.j-borrow:active,
.j-wrapper.white .ant-btn.j-large-btn.j-borrow:focus,
.j-wrapper.white .j-large-btn.j-borrow:active,
.j-wrapper.white .j-large-btn.j-borrow:focus {
  background: #18c19f;
}
.j-wrapper.white .ant-btn.j-large-btn.j-repay,
.j-wrapper.white .j-large-btn.j-repay {
  background: #e98061;
}
.j-wrapper.white .ant-btn.j-large-btn.j-repay:hover,
.j-wrapper.white .j-large-btn.j-repay:hover {
  background: #f1ac98;
}
.j-wrapper.white .ant-btn.j-large-btn.j-repay:active,
.j-wrapper.white .ant-btn.j-large-btn.j-repay:focus,
.j-wrapper.white .j-large-btn.j-repay:active,
.j-wrapper.white .j-large-btn.j-repay:focus {
  background: #e98061;
}
.j-wrapper.white .ant-btn.j-large-btn.j-green,
.j-wrapper.white .j-large-btn.j-green {
  color: #000 !important;
}
.j-wrapper.white .ant-btn.j-large-btn.loading-close,
.j-wrapper.white .j-large-btn.loading-close {
  background: #4d54ff0f;
  border: 1px solid #4d54ff;
  color: #4c54ff !important;
}
.j-wrapper.white .ant-btn.j-large-btn.loading-close:active,
.j-wrapper.white .ant-btn.j-large-btn.loading-close:focus,
.j-wrapper.white .j-large-btn.loading-close:active,
.j-wrapper.white .j-large-btn.loading-close:focus {
  background: #4d54ff;
  border-color: #4d54ff;
  color: #fff !important;
}
.j-wrapper.white .ant-btn.j-large-btn.disabled,
.j-wrapper.white .ant-btn.j-large-btn.disabled:focus,
.j-wrapper.white .ant-btn.j-large-btn.disabled:hover,
.j-wrapper.white .ant-btn.j-large-btn:disabled,
.j-wrapper.white .ant-btn.j-large-btn:disabled:hover,
.j-wrapper.white .j-large-btn.disabled,
.j-wrapper.white .j-large-btn.disabled:focus,
.j-wrapper.white .j-large-btn.disabled:hover,
.j-wrapper.white .j-large-btn:disabled,
.j-wrapper.white .j-large-btn:disabled:hover {
  background: #d3d3d5 !important;
  border-color: #d3d3d5 !important;
  color: #fff !important;
}
.j-wrapper.white
  .ant-select.select-max.ant-select-open
  .ant-select-selection-item {
  color: #4c54ff;
}
.j-wrapper.white
  .ant-select.select-max.ant-select-open
  .ant-select-arrow
  .anticon-down {
  background-image: url("");
}
.j-wrapper.white .ant-select.select-max .ant-select-selection-item {
  color: #22232b;
}
.j-wrapper.white .ant-select.select-max .ant-select-arrow .anticon-down {
  background: url("") 0 0 no-repeat;
}
.j-wrapper.white .j-trans-info {
  background: #4b52df0a;
}
.j-wrapper.white .j-trans-info .j-ti-eles .j-ti > span {
  color: #22232bcc;
}
.j-wrapper.white .j-trans-info .j-ti-eles .j-ti > span:last-child {
  color: #22232b;
}
.j-wrapper.white .j-trans-info .j-ti-eles .j-ti > span > span {
  color: #22232bcc;
}
.j-wrapper.white .j-trans-info .j-ti-eles .j-ti .j-unit {
  color: #22232b;
}
.j-wrapper.white .j-trans-info .j-ti-eles .j-wstUSDT {
  color: #22232bcc;
}
.j-wrapper.white .j-trans-info .j-ti-eles .j-wstUSDT a {
  color: #4c54ff;
}
.j-wrapper.white .j-trans-info .j-ti-collateral {
  border-top-color: #22232b0f;
  color: #4c54ff;
}
.j-wrapper.white .j-records .j-list-content .horizontal-line {
  background: #22232b1a;
}
.j-wrapper.white .collateral-transaction .btn-border {
  border: 1px solid #4c54ff;
  color: #4c54ff;
}
.j-wrapper.white .collateral-transaction .btn-border:hover {
  opacity: 0.7;
}
.j-wrapper.white .collateral-transaction .btn-bg {
  border: 1px solid #4c54ff;
  color: #fff;
}
.j-wrapper.white .j-warning-icon {
  background-image: url("");
}
.j-wrapper.white .j-exchange-icon {
  background-image: url("");
}
.j-wrapper.white .j-exchange-icon:hover {
  background-image: url("");
  transform: translateY(0);
}
.j-wrapper.white .j-reward-unit {
  color: #22232b;
}
.j-wrapper.white .scroll-bar {
  border-right-color: #f8f8fe;
}
.j-wrapper.white .scroll-bar::-webkit-scrollbar {
  display: none;
  height: 40px;
  width: 1px;
}
.j-wrapper.white .scroll-bar::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 1px;
  max-height: 40px;
}
.j-wrapper.white .scroll-bar::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 2px;
}
.j-wrapper.white .scroll-bar:hover {
  border-right: none;
}
.j-wrapper.white .scroll-bar:hover::-webkit-scrollbar {
  display: block;
}
.j-wrapper.white .linear {
  background: linear-gradient(180deg, #f8f8fe00, #f8f8fe);
}
.j-wrapper.white .j-reward.disabled,
.j-wrapper.white .j-reward:disabled {
  color: #22232b4d;
}
.j-wrapper.white .j-reward.disabled .j-reward-btn-icon,
.j-wrapper.white .j-reward:disabled .j-reward-btn-icon {
  background-image: url("");
}
.j-wrapper.white .j-reward.disabled:hover,
.j-wrapper.white .j-reward:disabled:hover {
  color: #22232b4d;
}
.j-wrapper.white .not-used-icon {
  background-image: url("");
}
.j-wrapper.white .usdd-update {
  background: #fff;
}
.j-wrapper.white .usdd-update .not-used-icon {
  background: url("") 0 0 no-repeat;
}
.j-wrapper.white .j-navi .j-navi-content > em {
  background-image: url("");
}
.j-wrapper.white .j-navi .j-navi-content > a,
.j-wrapper.white .j-navi .j-navi-content > div,
.j-wrapper.white .j-navi .j-navi-content > span {
  color: #22232b;
}
.j-wrapper.white .j-navi .j-navi-content > a:hover {
  color: #4d54ff;
}
.j-wrapper.white .j-refresh > em {
  background-image: url("");
}
.j-wrapper.white .cannot-open .new-switch .switch-circle {
  background: #b3b4b7;
  box-shadow: none;
}
.j-wrapper.white .cannot-open .new-switch .switch-line {
  background-color: #d0d0d680;
}
.j-wrapper.white .cannot-open .new-switch.switch-on .switch-line {
  background-color: #f5872199;
}
.j-wrapper.white .cannot-open .new-switch.switch-on .switch-circle {
  background: #fff;
  box-shadow: 0 0 5px #6361614d;
}
.j-wrapper.white .bs-route.ant-popover-open {
  color: #22232b;
}
.j-wrapper.white .bs-route.ant-popover-open:hover {
  color: #22232b !important;
}
.j-wrapper.white .bs-route:hover {
  color: #22232b;
}
.j-wrapper.white .bs-route .bs-arrow {
  background: url("") 0 0 no-repeat;
}
.j-wrapper.white .bs-route.bs-route-m .bs-arrow {
  transform: rotate(180deg);
}
.j-wrapper.white .bs-arrow {
  background: url("") 0 0 no-repeat;
}
.j-wrapper.white .j-user-list.j-user-list-skeleton,
.j-wrapper.white .j-user-list.j-user-list-skeleton .ant-skeleton {
  background: #fff;
}
.j-wrapper.white .j-user-list.j-user-list-skeleton .j-supply-title {
  background: #4c54ff0a;
}
.j-wrapper.white .j-user-list.j-user-list-skeleton .j-borrow-title {
  background: #18c19f0a;
}
.j-wrapper.white .jl-feedback .feedback-icon {
  background-image: url("");
  height: 14px;
  width: 14px;
}
.j-wrapper.white .jl-feedback .feedback-title {
  color: #737480;
}
.j-wrapper.white .jl-feedback .feedback-title .feedback-title-icon {
  background-image: url("");
}
.j-wrapper.white .skeleton-block {
  background: #fff;
}
.j-wrapper.white .skeleton-block.border-bottom {
  border-bottom-color: #22232b0f;
}
.j-wrapper.white .skeleton-space-block {
  background: #4d54ff0a;
}
.j-wrapper.white .end-rental-address {
  background-color: #22232b08;
  color: #22232b;
}
.account-modal-v2.white .j-icons {
  display: inline-block;
  height: 14px;
  min-width: 14px;
}
.account-modal-v2.white .j-icons.copy {
  background-image: url("");
  background-size: 100%;
}
.account-modal-v2.white .j-icons.copy:hover {
  background-image: url("");
}
.ant-tooltip.j-tooltip-dropdown.not-used .ant-tooltip-inner {
  color: #fff;
}
.ant-modal.account-invest-modal.white {
  background-color: #fff;
}
.ant-modal.account-invest-modal.white.reward .current-income-val {
  color: #4c54ff !important;
}
.ant-modal.account-invest-modal.white.reward .j-accruing {
  color: #22232b;
}
.ant-modal.account-invest-modal.white .ant-modal-body,
.ant-modal.account-invest-modal.white .ant-modal-content,
.ant-modal.account-invest-modal.white .ant-modal-header {
  background-color: #fff;
}
.ant-modal.account-invest-modal.white .ant-modal-header {
  border-bottom: 1px solid #22232b0f;
}
.ant-modal.account-invest-modal.white .ant-modal-header .ant-modal-title {
  color: #22232b;
}
.ant-modal.account-invest-modal.white .table-nodata {
  background: #4b52df0a;
}
.ant-modal.account-invest-modal.white .table-nodata p {
  color: #22232bcc;
}
.ant-modal.account-invest-modal.white
  .ant-table-container
  .ant-table-tbody
  > tr
  td
  .colleteral,
.ant-modal.account-invest-modal.white
  .ant-table-container
  .ant-table-tbody
  > tr
  td
  .white12,
.ant-modal.account-invest-modal.white .user-invest-modal-info.no-data p {
  color: #22232b !important;
}
.ant-modal.account-invest-modal.white .ant-table-container,
.ant-modal.account-invest-modal.white
  .ant-table-container
  .ant-table-tbody
  > tr
  td,
.ant-modal.account-invest-modal.white .ant-table-thead > tr {
  background: #0000;
  border: none;
}
.ant-modal.account-invest-modal.white
  .ant-table-container
  .ant-table-tbody
  > tr
  td
  .proportion,
.ant-modal.account-invest-modal.white .ant-table-container .proportion,
.ant-modal.account-invest-modal.white .ant-table-thead > tr .proportion {
  color: #4c54ff;
}
.ant-modal.account-invest-modal.white
  .ant-table-container
  .ant-table-tbody
  > tr
  td
  .proportion.borrow,
.ant-modal.account-invest-modal.white .ant-table-container .proportion.borrow,
.ant-modal.account-invest-modal.white .ant-table-thead > tr .proportion.borrow {
  color: #18c19f;
}
.ant-modal.account-invest-modal.white .ant-table-tbody > tr {
  background-color: #4b52df0a;
}
.ant-modal.account-invest-modal.white .ant-table-thead > tr > th {
  background-color: #0000;
}
.ant-modal.account-invest-modal.white .ant-table-header,
.ant-modal.account-invest-modal.white .user-invest-modal-overview {
  background-color: #4b52df0a;
  border-top: 1px solid #22232b0f;
}
.ant-modal.account-invest-modal.white .ant-table-header .overview-key,
.ant-modal.account-invest-modal.white
  .user-invest-modal-overview
  .overview-key {
  color: #22232b99;
}
.ant-modal.account-invest-modal.white .ant-table-header .overview-val,
.ant-modal.account-invest-modal.white
  .user-invest-modal-overview
  .overview-val {
  color: #22232b;
}
.ant-modal.account-invest-modal.white .ant-table-header {
  border-top: none;
}
.ant-modal.account-invest-modal.white .ant-table-thead > tr > th {
  color: #22232b66;
}
.ant-modal.account-invest-modal.white
  .ant-modal-body
  .user-invest-modal-info
  .info-content,
.ant-modal.account-invest-modal.white
  .ant-modal-body
  .user-invest-modal-info
  .info-content
  span {
  color: #22232b;
}
.ant-modal.account-invest-modal.white
  .ant-modal-body
  .user-invest-modal-info
  .info-content
  span
  > span {
  color: #9195fb;
}
.ant-modal.account-invest-modal.white
  .ant-modal-body
  .user-invest-modal-info
  .info-content
  span
  span.bold {
  color: #4d54ff;
}
.ant-modal.account-invest-modal.white
  .ant-modal-body
  .user-invest-modal-info
  .info-content
  span:nth-child(3) {
  color: #22232b99;
}
.ant-modal.account-invest-modal.white
  .ant-modal-body
  .user-invest-modal-info
  .info-content.borrow
  span
  span.bold {
  color: #18c19f;
}
.j-borrow-modal.white .no-repay > div {
  color: #22232b;
}
.lang-select-v2.white {
  background-color: #dfe5e5;
}
.header-bs-pop.white a {
  color: #22232b;
}
.header-bs-pop.white a:after {
  background-image: url("");
}
.header-bs-pop.white a:hover {
  background: #f0f2f7;
}
.header-bs-pop.white .ant-popover-inner-content {
  padding: 8px 0;
}
.header-bs-pop.white .ant-popover-inner {
  background-color: #fff;
}
.header-bs-pop.white .ant-popover-arrow {
  display: none;
}
@media (max-width: 798px) {
  .j-wrapper.white .skeleton-space-block {
    background: #4d54ff0f;
  }
  #root .j-wrapper.white .j-container div.liquidate-warning span {
    background: url("") 0 no-repeat;
    background-size: 10px;
  }
}
.j-transaction-modal .ant-modal-body {
  border-radius: 10px !important;
  height: 560px;
  padding: 0;
  position: relative;
}
.j-transaction-modal .ant-modal-content {
  background-color: #0000;
  height: 560px;
  margin: auto;
  max-width: 400px;
}
.j-transaction-modal.short .ant-modal-body,
.j-transaction-modal.short .ant-modal-content {
  height: 388px;
}
.j-transaction-modal .trans-body,
.j-transaction-modal .trans-title {
  padding: 0 20px;
}
.j-transaction-modal .trans-body {
  padding-bottom: 40px;
}
.j-transaction-modal .trans-title {
  border-bottom: 1px solid #ffffff0f;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  height: 64px;
  line-height: 64px;
  text-align: center;
}
.j-transaction-modal .trans-icon {
  margin-top: 60px;
}
.j-transaction-modal .trans-icon > img {
  height: 66px;
  width: 66px;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.j-transaction-modal .trans-icon .loading {
  animation: rotation 2s linear infinite;
  display: block;
  margin: 10px auto 20px;
  transform: rotate(1turn);
}
.j-transaction-modal .trans-tips,
.j-transaction-modal .trans-tips a,
.j-transaction-modal .trans-tips:hover {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 20px;
}
.j-transaction-modal .j-large-btn {
  bottom: 40px;
  left: calc(50% - 180px);
  margin-top: 60px;
  position: absolute;
  width: 360px;
}
.j-transaction-modal .j-large-btn.loading-close {
  background: #282931;
  border: 1px solid #9195fbcc;
  border-radius: 5px;
  color: #9195fb;
}
.j-transaction-modal .j-large-btn.loading-close:hover {
  background-color: #4d54ff;
  border-color: #4d54ff;
  color: #fff;
}
.j-transaction-modal .typo-text-link {
  color: #9195fb;
  display: inline-block;
  font-size: 12px;
  margin-top: 10px;
}
.ant-modal-mask {
  background-color: #000000d9 !important;
}
@media screen and (max-width: 798px) {
  .j-transaction-modal.short .ant-modal-body,
  .j-transaction-modal.short .ant-modal-content {
    height: 380px;
  }
}
.collateral-transaction {
  bottom: 40px;
  display: flex;
  justify-content: space-between;
  left: 20px;
  position: absolute;
  width: calc(100% - 40px);
}
.collateral-transaction .btn-bg,
.collateral-transaction .btn-border {
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  height: 34px;
  line-height: 34px;
  transition: all 0.3s ease-in-out;
  width: calc(50% - 10px);
}
.collateral-transaction .btn-border {
  background: #0000;
  border: 1px solid #9195fbcc;
  color: #9195fb;
}
.collateral-transaction .btn-border:hover {
  opacity: 0.7;
}
.collateral-transaction .btn-bg {
  background: #4c54ff;
  color: #fff;
}
.collateral-transaction .btn-bg:hover {
  background: #9195fb;
}
.no-repay > img {
  display: block;
  height: 80px;
  margin: 70px auto 20px;
  width: 80px;
}
.no-repay > div {
  color: #fffc;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}
.j-trans-info {
  background: #ffffff0a;
  border-radius: 5px;
  margin-top: 30px;
}
.j-trans-info .j-ti-eles {
  padding: 20px 16px;
}
.j-trans-info .j-ti-eles > div {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.j-trans-info .j-ti-eles .j-wstUSDT {
  align-items: center;
  color: #fffc;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  justify-content: center;
}
.j-trans-info .j-ti-eles .j-wstUSDT a {
  color: #9195fb;
  font-size: 12px;
  font-weight: 500;
  margin-left: 4px;
}
.j-trans-info .j-ti-eles .j-ti {
  align-items: flex-start;
  margin-bottom: 14px;
}
.j-trans-info .j-ti-eles .j-ti:last-child {
  margin-bottom: 0;
}
.j-trans-info .j-ti-eles .j-ti > span {
  text-align: center !important;
}
.j-trans-info .j-ti-eles .j-ti > span,
.j-trans-info .j-ti-eles .j-ti > span > span {
  color: #fff9;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.j-trans-info .j-ti-eles .j-ti > span:first-child {
  text-align: left;
}
.j-trans-info .j-ti-eles .j-ti .j-unit,
.j-trans-info .j-ti-eles .j-ti > span:last-child {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.j-trans-info .j-ti-eles .j-ti .j-unit {
  line-height: 20px;
  white-space: nowrap;
}
.j-trans-info .j-ti-collateral {
  border-top: 1px solid #ffffff0f;
  line-height: 20px;
  padding: 10px 0;
  text-align: center;
}
.j-trans-info .j-ti-collateral span {
  color: #9195fb;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  position: relative;
}
.j-trans-info .j-ti-collateral span em {
  background: url("") no-repeat 50%;
  display: inline-block;
  height: 7px;
  margin-left: 6px;
  width: 5px;
}
.j-trans-info .j-ti-collateral span:after {
  background: #9195fb;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: 100%;
  transition: all 0.6s;
  width: 0;
}
.j-trans-info .j-ti-collateral span:hover:after {
  left: 0;
  width: 100%;
}
.j-transaction-modal.white .ant-modal-body,
.j-transaction-modal.white .ant-modal-header {
  background: #fff;
}
.j-transaction-modal.white .trans-title {
  border-bottom: 1px solid #22232b0f;
  color: #22232b;
}
.j-transaction-modal.white .trans-tips,
.j-transaction-modal.white .trans-tips a,
.j-transaction-modal.white .trans-tips:hover {
  color: #22232b;
}
.j-transaction-modal.white .j-large-btn {
  margin-top: 60px;
}
.j-transaction-modal.white .j-large-btn.loading-close {
  background: #4d54ff0f;
  border: 1px solid #4d54ff;
  color: #4c54ff;
}
.j-transaction-modal.white .j-large-btn.loading-close:hover {
  background-color: #4d54ff;
  border-color: #4d54ff;
  color: #fff !important;
}
.j-transaction-modal.white .typo-text-link {
  color: #4c54ff;
}
.j-network-error-modal .network-error {
  color: #fff;
  font-family: PingFang SC;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 50px 0;
}
.j-network-error-modal button {
  display: block;
  margin: 0 auto;
}
.j-network-error-modal .j-large-btn {
  margin-top: 0;
}
.ant-modal.j-modal .ant-modal-header {
  border-radius: 8px 8px 0 0;
  padding: 0;
}
.ant-modal.j-modal .ant-modal-body {
  border-radius: 0 0 8px 8px;
}
.ant-modal.j-modal.j-application-tip-modal .ant-modal-body {
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
}
.ant-modal.j-modal.j-application-tip-modal .app-light {
  display: block;
  height: 40px;
  margin: 30px auto 16px;
  width: 40px;
}
.ant-modal.j-modal.j-application-tip-modal .app-des {
  border-bottom: 1px solid #ffffff0f;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
  padding: 0 30px 30px;
  text-align: center;
}
.ant-modal.j-modal.j-application-tip-modal .app-close-btn {
  color: #9195fb;
  cursor: pointer;
  display: block;
  height: 52px;
  line-height: 52px;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.ant-modal.j-modal.j-application-tip-modal .app-close-btn:hover {
  opacity: 0.6;
}
.ant-modal.j-modal.j-application-tip-modal.white .app-des {
  border-bottom-color: #22232b0f;
  color: #22232b;
}
.ant-modal.j-modal.j-application-tip-modal.white .app-close-btn {
  color: #4d54ff;
}
.j-wrapper .ant-modal-close-x {
  background: none !important;
  height: 56px !important;
  position: static !important;
  width: 56px !important;
}
.j-wrapper.white .j-network-error-modal .network-error {
  color: #22232b;
}
.j-wrapper .j-reward-modal .borrow-important-tip.borrow-tip {
  min-height: 50px;
}
.j-wrapper .j-reward-modal.j-allowance-modal .borrow-important-tip.borrow-tip {
  margin: 20px 0;
  min-height: auto;
  padding: 0 !important;
}
.j-reward-items {
  height: 120px;
}
.j-reward-items .ant-checkbox-group {
  display: block;
}
.j-mining-reward.special-reward .j-mr-content {
  height: 480px;
}
.j-mining-reward .j-mr-content {
  background: #22232b;
  border-radius: 2px;
  padding: 20px 15px;
}
.j-mining-reward .j-top {
  background: url("") bottom -1px right no-repeat;
  padding-bottom: 16px;
}
.j-mining-reward .j-top .j-title {
  border-left: 4px solid #4d54ff;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  height: 12px;
  line-height: 17px;
  padding-left: 8px;
}
.j-mining-reward .j-top .j-title > span {
  transform: translateY(1px);
}
.j-mining-reward .j-top .j-value {
  color: #9195fb;
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
  margin-top: 10px;
  padding-left: 14px;
  text-align: left;
}
.j-mining-reward .j-top .j-value-detail {
  color: #fff9;
  font-size: 12px;
  font-weight: 500;
  margin-left: 14px;
}
.j-mining-reward .j-top .countup-int .value-number {
  color: #9195fb;
  font-size: 20px;
  font-weight: 700;
}
.j-mining-reward .j-top .countup-decimal .value-number {
  color: #9195fb;
  font-size: 12px;
  font-weight: 500;
}
.j-mining-reward .j-top .j-reward-unit {
  color: #9195fb;
}
.j-mining-reward .format-reward .countup-int .value-number {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.j-mining-reward .format-reward .countup-decimal .value-number {
  color: #fffc;
  font-size: 12px;
  font-weight: 500;
}
.j-mining-reward .format-reward .j-reward-unit {
  color: #fff;
}
.j-mining-reward .j-ele {
  background: #282931;
  border-radius: 2px;
  box-shadow: none;
  padding: 15px 12px;
}
.j-mining-reward .j-ele .j-accuring,
.j-mining-reward .j-ele .j-title {
  color: #fff9;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  text-align: left;
}
.j-mining-reward .j-ele .j-value {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  margin-top: 6px;
  text-align: left;
}
.j-mining-reward .j-ele .j-accuring {
  line-height: 19px;
  margin-top: 8px;
}
.j-mining-reward .j-ele.j-reward-ele {
  border-top: 1px solid #ffffff0f;
  margin-top: 0;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
}
.j-mining-reward .j-ele.j-reward-ele.close {
  padding-bottom: 0;
}
.j-mining-reward .j-mr-bottom {
  padding: 20px 0;
}
.j-mining-reward .j-mr-bottom .j-warning-icon {
  transform: translateY(1px);
}
.j-mining-reward .j-mr-bottom p {
  color: #fff6;
  font-size: 12px;
  line-height: 17px;
  text-align: left;
}
.j-mining-reward .j-mr-bottom p:not(:last-child) {
  margin-bottom: 5px;
}
.j-mining-reward .j-ele-list {
  height: 113px;
  overflow-y: scroll;
  padding-right: 12px;
}
.j-mining-reward .rewards-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-left: 12px;
}
.j-mining-reward .rewards-box .rewards-title {
  align-items: center;
  display: flex;
}
.j-mining-reward .rewards-box .rewards-title > span {
  color: #fff9;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.j-mining-reward .rewards-box .rewards-img {
  height: 18px;
  margin-right: 8px;
  width: 18px;
}
.j-mining-reward .rewards-box .reward-value {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
.j-mining-reward .closure-time {
  margin-top: 10px;
  max-width: 50%;
  padding-left: 12px;
  text-align: left;
}
.j-mining-reward .closure-time > span {
  color: #fff9;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  margin-top: 20px;
}
.j-mining-reward .closure-time.w100 {
  max-width: 100%;
}
.j-collapse {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  opacity: 0.6;
  transition: all 0.3s ease-in-out;
}
.j-collapse .j-collapse-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 6px;
  margin-left: 6px;
  transform: rotate(180deg);
  width: 8px;
}
.j-collapse.active {
  opacity: 1;
}
.j-collapse.active .j-collapse-icon {
  transform: rotate(0deg);
}
.ant-modal.j-mining-reward-modal .ant-modal-body,
.ant-modal.j-reward-modal .ant-modal-body {
  padding-bottom: 40px;
}
.ant-modal.j-reward-modal .ant-modal-content {
  background: #282931;
}
.ant-checkbox-wrapper.j-checkbox span,
.j-checkbox span {
  color: #fff9;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}
.ant-checkbox-wrapper.j-checkbox .ant-checkbox,
.j-checkbox .ant-checkbox {
  top: 1px;
}
.ant-checkbox-wrapper.j-checkbox .ant-checkbox + span,
.j-checkbox .ant-checkbox + span {
  padding-left: 6px;
}
.ant-checkbox-wrapper.j-checkbox .ant-checkbox-checked:after,
.j-checkbox .ant-checkbox-checked:after {
  border: none;
  transition: none;
}
.ant-checkbox-wrapper.j-checkbox .ant-checkbox-inner,
.j-checkbox .ant-checkbox-inner {
  background: #383940 !important;
  border-color: #383940 !important;
  border-radius: 1px;
  height: 12px;
  width: 12px;
}
.ant-checkbox-wrapper.j-checkbox .ant-checkbox-inner:after,
.j-checkbox .ant-checkbox-inner:after {
  height: 7.142857px;
  width: 3.714286px;
}
.ant-checkbox-wrapper.j-checkbox.ant-checkbox-wrapper-disabled span,
.j-checkbox.ant-checkbox-wrapper-disabled span {
  color: #fff6 !important;
}
.ant-checkbox-wrapper.j-checkbox .ant-checkbox-checked:after,
.j-checkbox .ant-checkbox-checked:after {
  border-color: #4c54ff;
}
.ant-checkbox-wrapper.j-checkbox .ant-checkbox-checked .ant-checkbox-inner,
.j-checkbox .ant-checkbox-checked .ant-checkbox-inner {
  background: #4c54ff !important;
  border-color: #4c54ff !important;
}
.ant-checkbox-wrapper.j-checkbox
  .ant-checkbox-checked
  .ant-checkbox-inner:before,
.j-checkbox .ant-checkbox-checked .ant-checkbox-inner:before {
  display: none !important;
}
.ant-checkbox-wrapper.j-checkbox
  .ant-checkbox-checked
  .ant-checkbox-inner:after,
.j-checkbox .ant-checkbox-checked .ant-checkbox-inner:after {
  border-width: 1px;
  top: calc(50% - 1px);
}
.ant-checkbox-wrapper.j-checkbox
  .ant-checkbox-checked.ant-checkbox-disabled
  .ant-checkbox-inner,
.j-checkbox .ant-checkbox-checked.ant-checkbox-disabled .ant-checkbox-inner {
  background: #383940 !important;
  border-color: #383940 !important;
}
.ant-checkbox-wrapper.j-checkbox
  .ant-checkbox-checked.ant-checkbox-disabled
  .ant-checkbox-inner:before,
.j-checkbox
  .ant-checkbox-checked.ant-checkbox-disabled
  .ant-checkbox-inner:before {
  background: #22232b;
  content: "";
  display: block;
  height: 1px;
  left: calc(50% - 3px);
  position: absolute;
  top: 50%;
  width: 6px;
}
.ant-checkbox-wrapper.j-checkbox
  .ant-checkbox-checked.ant-checkbox-disabled
  .ant-checkbox-inner:after,
.j-checkbox
  .ant-checkbox-checked.ant-checkbox-disabled
  .ant-checkbox-inner:after {
  border-color: #ffffff80;
}
.ant-checkbox-wrapper.j-checkbox.green .ant-checkbox-checked:after,
.j-checkbox.green .ant-checkbox-checked:after {
  border-color: #18c19f;
}
.ant-checkbox-wrapper.j-checkbox.green
  .ant-checkbox-checked
  .ant-checkbox-inner,
.j-checkbox.green .ant-checkbox-checked .ant-checkbox-inner {
  background: #18c19f !important;
  border-color: #18c19f !important;
}
.ant-checkbox-wrapper.j-checkbox.green
  .ant-checkbox-disabled
  .ant-checkbox-inner,
.j-checkbox.green .ant-checkbox-disabled .ant-checkbox-inner {
  background: #383940 !important;
  border-color: #00000026 !important;
}
.ant-checkbox-wrapper.j-checkbox.green
  .ant-checkbox-disabled
  .ant-checkbox-inner:before,
.j-checkbox.green .ant-checkbox-disabled .ant-checkbox-inner:before {
  background: #22232b;
  content: "";
  display: block;
  height: 1px;
  left: calc(50% - 3px);
  position: absolute;
  top: 50%;
  width: 6px;
}
.ant-checkbox-wrapper.j-checkbox .ant-checkbox-disabled .ant-checkbox-inner,
.j-checkbox .ant-checkbox-disabled .ant-checkbox-inner {
  background: #53545a !important;
  border-color: #53545a !important;
}
.ant-checkbox-wrapper.j-checkbox
  .ant-checkbox-disabled
  .ant-checkbox-inner:before,
.j-checkbox .ant-checkbox-disabled .ant-checkbox-inner:before {
  background: #22232b;
  content: "";
  display: block;
  height: 1px;
  left: calc(50% - 3px);
  position: absolute;
  top: 50%;
  width: 6px;
}
.j-rewards {
  padding-top: 60px;
}
.j-rewards .rewards-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  height: 80px;
  margin: 0 auto 20px;
  width: 80px;
}
.j-rewards .rewards-title {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.j-rewards .rewards-value {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
  margin-top: 10px;
  text-align: center;
}
.j-rewards .rewards-list-top {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
}
.j-rewards .rewards-list-title {
  align-items: center;
  border-top: 1px solid #ffffff0f;
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 16px;
}
.j-rewards .rewards-list-title > span {
  color: #fff9;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}
.j-rewards .rewards-list-content {
  height: 120px;
  overflow-y: scroll;
  padding: 0 15px;
}
.j-rewards .rewards-list-content .ant-checkbox-group {
  display: block;
}
.j-rewards .rewards-list-content .j-reward-item {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.j-rewards .rewards-list-content .j-reward-item .j-reward-unit,
.j-rewards .rewards-list-content .j-reward-item .j-value {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: right;
}
.j-rewards
  .rewards-list-content
  .j-reward-item.j-reward-item-disabled
  .j-reward-unit,
.j-rewards
  .rewards-list-content
  .j-reward-item.j-reward-item-disabled
  .j-value {
  color: #fff6;
}
.j-rewards .rewards-list-content .j-checkbox span {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.j-rewards .rewards-lists {
  border-radius: 2px;
  margin-top: 20px;
}
.j-rewards .rewards-lists > div {
  background: #22232b;
}
.j-rewards .rewards-lists .ant-checkbox-inner {
  transform: translateY(1px);
}
.j-rewards .borrow-important-tip.opacity span {
  opacity: 0;
}
.j-rewards .borrow-important-tip span {
  color: #fff9 !important;
  font-weight: 400 !important;
}
.j-rewards .borrow-important-tip span:first-child {
  transform: translateY(-1px);
}
.j-rewards.j-allowance {
  padding-top: 20px;
}
.j-rewards.j-allowance .rewards-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  height: 80px;
  margin: 40px auto 20px;
  width: 80px;
}
.j-rewards.j-allowance .rewards-list-content {
  height: 142px;
}
.j-rewards.j-allowance .rewards-lists {
  height: 207px;
}
.j-rewards.j-allowance .rewards-lists > div {
  background: #607b730d;
}
.j-rewards.j-allowance .rewards-lists > div:nth-child(2) {
  background: #22232b;
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #607b731a;
  padding-top: 20px;
}
.j-rewards.j-allowance .rewards-lists .rewards-list-top {
  background: #22232b;
  border-radius: 5px 5px 0 0;
  padding: 13px 15px;
}
.j-rewards.j-allowance .j-large-btn:disabled {
  background: #53545a !important;
  color: #fff9 !important;
}
.j-wrapper.white .j-mining-reward .j-mr-content {
  background: #f8f8fe;
}
.j-wrapper.white .j-mining-reward .j-top {
  background-image: url("");
  background-size: contain;
}
.j-wrapper.white .j-mining-reward .j-top .j-title {
  color: #22232b;
}
.j-wrapper.white .j-mining-reward .j-top .j-value,
.j-wrapper.white
  .j-mining-reward
  .j-top
  .j-value
  .countup-decimal
  .value-number,
.j-wrapper.white .j-mining-reward .j-top .j-value .countup-int .value-number {
  color: #4d54ff;
}
.j-wrapper.white .j-mining-reward .j-top .j-value-detail {
  color: #22232b99;
}
.j-wrapper.white .j-mining-reward .j-top .j-reward-unit {
  color: #4d54ff;
}
.j-wrapper.white .j-mining-reward .format-reward .countup-int .value-number {
  color: #22232b;
}
.j-wrapper.white
  .j-mining-reward
  .format-reward
  .countup-decimal
  .value-number {
  color: #22232bcc;
}
.j-wrapper.white .j-mining-reward .format-reward .j-reward-unit {
  color: #22232b;
}
.j-wrapper.white .j-mining-reward .j-ele {
  background: #fff;
}
.j-wrapper.white .j-mining-reward .j-ele .j-accuring,
.j-wrapper.white .j-mining-reward .j-ele .j-title {
  color: #22232b99;
}
.j-wrapper.white .j-mining-reward .j-ele .j-value {
  color: #22232b;
}
.j-wrapper.white .j-mining-reward .j-ele.j-reward-ele {
  border-top: 1px solid #22232b0f;
}
.j-wrapper.white .j-mining-reward .j-mr-bottom p {
  color: #22232b66;
}
.j-wrapper.white .j-mining-reward .rewards-box .rewards-title > span {
  color: #22232b99;
}
.j-wrapper.white .j-mining-reward .rewards-box .reward-value {
  color: #22232b;
}
.j-wrapper.white .j-mining-reward .closure-time {
  margin-left: 10px;
}
.j-wrapper.white .j-mining-reward .closure-time > span {
  color: #22232b99;
}
.j-wrapper.white .j-collapse {
  color: #22232b;
}
.j-wrapper.white .j-collapse .j-collapse-icon {
  background-image: url("");
}
.j-wrapper.white .j-collapse:hover {
  color: #22232b;
}
.j-wrapper.white .j-rewards .rewards-icon {
  background-image: url("");
  background-size: 100%;
}
.j-wrapper.white .j-rewards .rewards-title,
.j-wrapper.white .j-rewards .rewards-value {
  color: #22232b;
}
.j-wrapper.white .j-rewards .rewards-list-top .ant-checkbox-wrapper span {
  color: #22232b99;
}
.j-wrapper.white .j-rewards .rewards-list-title {
  border-top-color: #22232b0f;
}
.j-wrapper.white .j-rewards .rewards-list-title > span {
  color: #22232b99;
}
.j-wrapper.white .j-rewards .rewards-list-content .j-reward-item .j-reward-unit,
.j-wrapper.white .j-rewards .rewards-list-content .j-reward-item .j-value {
  color: #22232b;
}
.j-wrapper.white
  .j-rewards
  .rewards-list-content
  .j-reward-item.j-reward-item-disabled
  .j-reward-unit,
.j-wrapper.white
  .j-rewards
  .rewards-list-content
  .j-reward-item.j-reward-item-disabled
  .j-value {
  color: #22232b66;
}
.j-wrapper.white .j-rewards .rewards-list-content .j-checkbox span {
  color: #22232b;
}
.j-wrapper.white .j-rewards .rewards-lists > div {
  background: #4b52df0a;
}
.j-wrapper.white .j-rewards .rewards-lists .linear {
  background: linear-gradient(180deg, #f8f8fe00, #f8f8fe);
}
.j-wrapper.white .j-rewards .borrow-important-tip.opacity span {
  opacity: 0;
}
.j-wrapper.white .j-rewards .borrow-important-tip span {
  color: #22232b99 !important;
}
.j-wrapper.white .j-rewards.j-allowance .rewards-icon {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
}
.j-wrapper.white .j-rewards.j-allowance .rewards-lists > div {
  background: #4b52df0a;
}
.j-wrapper.white .j-rewards.j-allowance .rewards-lists > div:nth-child(2) {
  border-top: 1px solid #607b731a;
  padding-top: 20px;
}
.j-wrapper.white .j-rewards.j-allowance.j-rewards .j-large-btn:disabled {
  background: #d3d3d5 !important;
  color: #fff !important;
  opacity: 1;
}
.j-wrapper.white .j-rewards.j-allowance .rewards-list-content .j-checkbox span {
  font-weight: 500;
}
.j-wrapper.white .ant-checkbox-wrapper.j-checkbox.j-deal-note-check span,
.j-wrapper.white .j-checkbox.j-deal-note-check span {
  color: #737480;
}
.j-wrapper.white .ant-checkbox-wrapper.j-checkbox span,
.j-wrapper.white .j-checkbox span {
  color: #fff9;
}
.j-wrapper.white .ant-checkbox-wrapper.j-checkbox .ant-checkbox-inner,
.j-wrapper.white .j-checkbox .ant-checkbox-inner {
  background: #edeeff !important;
  border-color: #edeeff !important;
  border-radius: 1px;
}
.j-wrapper.white
  .ant-checkbox-wrapper.j-checkbox.ant-checkbox-wrapper-disabled
  span,
.j-wrapper.white .j-checkbox.ant-checkbox-wrapper-disabled span {
  color: #22232b66 !important;
}
.j-wrapper.white
  .ant-checkbox-wrapper.j-checkbox
  .ant-checkbox-disabled
  .ant-checkbox-inner,
.j-wrapper.white .j-checkbox .ant-checkbox-disabled .ant-checkbox-inner {
  background: #d3d3d5 !important;
  border-color: #d3d3d5 !important;
}
.j-wrapper.white
  .ant-checkbox-wrapper.j-checkbox
  .ant-checkbox-disabled
  .ant-checkbox-inner:before,
.j-wrapper.white .j-checkbox .ant-checkbox-disabled .ant-checkbox-inner:before {
  background: #fff;
}
.j-wrapper.white
  .ant-checkbox-wrapper.j-checkbox
  .ant-checkbox-checked
  .ant-checkbox-inner,
.j-wrapper.white .j-checkbox .ant-checkbox-checked .ant-checkbox-inner {
  background: #4c54ff !important;
  border-color: #4c54ff !important;
}
.j-wrapper.white
  .ant-checkbox-wrapper.j-checkbox
  .ant-checkbox-checked
  .ant-checkbox-inner:before,
.j-wrapper.white .j-checkbox .ant-checkbox-checked .ant-checkbox-inner:before {
  display: none !important;
}
.j-wrapper.white
  .ant-checkbox-wrapper.j-checkbox
  .ant-checkbox-checked.ant-checkbox-disabled
  .ant-checkbox-inner,
.j-wrapper.white
  .j-checkbox
  .ant-checkbox-checked.ant-checkbox-disabled
  .ant-checkbox-inner {
  background: #d5d6f8 !important;
  border-color: #d5d6f8 !important;
}
.j-wrapper.white
  .ant-checkbox-wrapper.j-checkbox
  .ant-checkbox-checked.ant-checkbox-disabled
  .ant-checkbox-inner:before,
.j-wrapper.white
  .j-checkbox
  .ant-checkbox-checked.ant-checkbox-disabled
  .ant-checkbox-inner:before {
  background: #22232b;
  content: "";
  display: block;
  height: 1px;
  left: calc(50% - 3px);
  position: absolute;
  top: 50%;
  width: 6px;
}
.j-wrapper.white
  .ant-checkbox-wrapper.j-checkbox
  .ant-checkbox-checked.ant-checkbox-disabled
  .ant-checkbox-inner:after,
.j-wrapper.white
  .j-checkbox
  .ant-checkbox-checked.ant-checkbox-disabled
  .ant-checkbox-inner:after {
  border-color: #fff;
}
.j-wrapper.white .ant-checkbox-wrapper.j-checkbox.green .ant-checkbox-inner,
.j-wrapper.white .j-checkbox.green .ant-checkbox-inner {
  background: #d2d3d3 !important;
  border-color: #d2d3d3 !important;
}
.j-wrapper.white
  .ant-checkbox-wrapper.j-checkbox.green
  .ant-checkbox-checked:after,
.j-wrapper.white .j-checkbox.green .ant-checkbox-checked:after {
  border-color: #18c19f;
}
.j-wrapper.white
  .ant-checkbox-wrapper.j-checkbox.green
  .ant-checkbox-checked
  .ant-checkbox-inner,
.j-wrapper.white .j-checkbox.green .ant-checkbox-checked .ant-checkbox-inner {
  background: #18c19f !important;
  border-color: #18c19f !important;
}
.j-wrapper.white
  .ant-checkbox-wrapper.j-checkbox.green
  .ant-checkbox-disabled
  .ant-checkbox-inner,
.j-wrapper.white .j-checkbox.green .ant-checkbox-disabled .ant-checkbox-inner {
  background: #d7d8d7 !important;
  border-color: #d7d8d7 !important;
}
.j-wrapper.white
  .ant-checkbox-wrapper.j-checkbox.green
  .ant-checkbox-disabled
  .ant-checkbox-inner:before,
.j-wrapper.white
  .j-checkbox.green
  .ant-checkbox-disabled
  .ant-checkbox-inner:before {
  background: #22232b;
  content: "";
  display: block;
  height: 1px;
  left: calc(50% - 3px);
  position: absolute;
  top: 50%;
  width: 6px;
}
.ant-modal.j-modal.j-borrow-modal .ant-modal-body,
.ant-modal.j-modal.j-daw-modal .ant-modal-body {
  padding: 0 0 40px;
}
.ant-modal.j-modal.j-borrow-modal .ant-tabs-content-holder,
.ant-modal.j-modal.j-daw-modal .ant-tabs-content-holder {
  padding: 0 20px;
}
@media screen and (max-width: 798px) {
  .j-wrapper.white .j-rewards.j-allowance .rewards-icon {
    background: url("") no-repeat;
    background-size: 50px;
  }
  .j-transaction-modal .j-large-btn {
    position: static;
    width: 100%;
  }
  .j-mining-reward .tooltip-text span {
    font-size: 12px;
    font-weight: 500;
  }
  .j-mining-reward .j-top .countup-int .value-number {
    font-family: Rubik-Medium;
    font-size: 16px;
    font-weight: 500;
  }
  .j-mining-reward .format-reward .countup-int .value-number {
    font-weight: 500;
  }
  .j-mining-reward .format-reward .j-reward-unit {
    font-family: DM Sans-Medium;
  }
  .j-mining-reward .j-mr-content {
    height: 448px;
  }
  .j-rewards {
    padding-top: 30px;
  }
  .j-rewards.j-allowance .rewards-icon {
    background: url("") no-repeat #313237;
    background-size: 50px;
    border-radius: 100%;
    height: 50px;
    margin: 0 auto 10px;
    width: 50px;
  }
  .j-rewards.j-allowance .rewards-value {
    margin-top: 6px;
  }
  .j-rewards.j-allowance .rewards-lists {
    margin-top: 15px;
  }
  .j-transaction-modal .trans-icon {
    margin-top: 50px;
  }
  .j-transaction-modal .trans-icon img {
    height: 56px;
    width: 56px;
  }
  .j-transaction-modal .trans-icon img.icon-80-80 {
    height: 70px;
    width: 70px;
  }
}
@media screen and (max-width: 800px) {
  .j-transaction-modal.short .ant-modal-content {
    border-radius: 10px;
    overflow: hidden;
  }
}
@media screen and (max-width: 798px) {
  .j-transaction-modal .trans-body,
  .j-transaction-modal .trans-title {
    padding: 0 15px;
  }
  .no-repay > .no-repay-icon {
    background: url("") no-repeat 50%;
    display: block;
    height: 70px;
    margin: 50px auto 20px;
    width: 70px;
  }
  .j-borrow-modal.white .no-repay .no-repay-icon {
    background: url("") no-repeat 50%;
  }
  .j-borrow-modal.white .no-repay > div {
    font-size: 14px;
  }
  .ant-modal.j-modal .borrow-tip.borrow-important-tip {
    padding-bottom: 10px;
    padding-right: 15px;
  }
  .ant-modal.j-modal .borrow-tip.borrow-important-tip.opacity span {
    opacity: 0;
  }
}
.main .ant-modal {
  text-align: center;
}
.main .ant-modal .ant-modal-body {
  min-height: 270px;
}
.main .ant-modal .ant-modal-title {
  font-family: Rubik;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.main .ant-modal .ant-modal-title img {
  margin-right: 8px;
  vertical-align: top;
  width: 24px;
}
.main .ant-modal .ant-modal-title div {
  font-size: 16px;
  line-height: 24px;
}
.main .ant-modal .ant-modal-header {
  padding: 20px 0 10px;
}
.main .ant-modal.DAWPop .ant-tabs-nav-list {
  width: 100%;
}
.main .ant-modal.DAWPop .ant-tabs-nav-list .ant-tabs-tab {
  width: 50%;
}
.main .ant-modal.DAWPop .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn {
  text-align: center;
  width: 100%;
}
.main .ant-modal.DAWPop .deposit img {
  display: block;
  margin: 40px auto 20px;
  width: 60px;
}
.main .ant-modal.DAWPop .deposit .ant-progress-line {
  transform: scaleX(-1);
}
.main .ant-modal.DAWPop .deposit .approve-tip {
  margin: 0 auto 40px;
}
.main .ant-modal.DAWPop .deposit .approve-tip > span {
  color: #0f134f;
  font-size: 14px;
}
.main .ant-modal.DAWPop .deposit button.full {
  background: #369;
  border-radius: 5px;
  color: #fff;
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  text-align: center;
  width: 100%;
}
.main .ant-modal.DAWPop .deposit button.full.gray {
  background: #ccc;
  cursor: not-allowed;
}
.main .ant-modal.DAWPop .deposit .ant-input-suffix {
  cursor: pointer;
}
.main .ant-modal.DAWPop .deposit a.toSwap {
  color: #3d56d6;
  margin-left: 5px;
}
.main .ant-modal.DAWPop .deposit span.point {
  background: #0f134f;
  border-radius: 6px;
  display: inline-block;
  height: 8px;
  margin: 0 6px;
  width: 8px;
}
.main .ant-modal.DAWPop .deposit span.point:first-child {
  animation: go1 2s linear infinite;
  opacity: 1;
}
.main .ant-modal.DAWPop .deposit span.point:nth-child(2) {
  animation: go2 2s linear infinite;
  opacity: 0.4;
}
.main .ant-modal.DAWPop .deposit span.point:nth-child(3) {
  animation: go3 2s linear infinite;
  opacity: 0.2;
}
.main .ant-modal.mortgage-modal .ant-modal-header {
  padding: 20px 24px;
}
.main .ant-modal.mortgage-modal .ant-modal-body {
  padding: 0 20px 20px;
}
.main .ant-modal.mortgage-modal .mortgage-modal-body .borrow-using {
  text-align: center;
}
.main .ant-modal.mortgage-modal .mortgage-modal-body .borrow-using img {
  display: block;
  margin: 30px auto 20px;
  width: 20%;
}
.main .ant-modal.mortgage-modal .mortgage-modal-body .borrow-using button {
  border-radius: 8px;
  bottom: 24px;
  font-size: 14px;
  height: 40px;
  left: 0;
  line-height: 40px;
  margin: auto;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  width: calc(100% - 48px);
}
.main .ant-modal.mortgage-modal .mortgage-modal-body .tips {
  color: #0f134f;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}
.main .ant-modal.mortgage-modal .mortgage-modal-body .content {
  background: #f5f6f9;
  border-radius: 4px;
  margin: 20px 0 16px;
  padding: 20px;
  text-align: left;
}
.main .ant-modal.mortgage-modal .mortgage-modal-body .r1,
.main .ant-modal.mortgage-modal .mortgage-modal-body .r2 {
  display: flex;
  justify-content: space-between;
}
.main .ant-modal.mortgage-modal .mortgage-modal-body .r1 .r-l,
.main .ant-modal.mortgage-modal .mortgage-modal-body .r2 .r-l {
  color: #5a5e89;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
.main .ant-modal.mortgage-modal .mortgage-modal-body .r2 {
  margin-top: 6px;
}
.main .ant-modal.mortgage-modal .mortgage-modal-body .morgate-btn {
  background: #3d56d6;
  border: none;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
  width: 100%;
}
.main .ant-modal.mortgage-modal .mortgage-modal-body .morgate-btn:disabled {
  background: #f0f1f6;
  color: #84869e;
  cursor: not-allowed;
}
.main .ant-modal.borrow-modal .deposit img {
  display: block;
  margin: 40px auto 20px;
  width: 60px;
}
.main .ant-modal.borrow-modal .deposit .approve-tip {
  margin: 0 auto;
}
.main .ant-modal.borrow-modal .deposit .approve-tip > span {
  color: #0f134f;
  font-size: 14px;
}
.main .ant-modal.borrow-modal a.toSwap {
  color: #3d56d6;
  margin-left: 5px;
}
.main .ant-modal.borrow-modal .borrow-tip {
  color: #84869e;
  color: #ff8718;
  display: flex;
  font-size: 12px;
  margin: 20px 0 10px;
  text-align: left;
}
.main .ant-modal.borrow-modal .borrow-tip span {
  background: #84869e80;
  background: url("") no-repeat 50%;
  border-radius: 18px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  margin-right: 5px;
  text-align: center;
  vertical-align: top;
  width: 18px;
}
.main .ant-modal .custom-btn {
  background: #3d56d6;
  border: none;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
  width: 100%;
}
.main .ant-modal .custom-btn:disabled {
  background: #f0f1f6;
  color: #84869e;
  cursor: not-allowed;
}
.main .ant-modal.j-modal .ant-modal-header {
  border-radius: 8px 8px 0 0;
  padding: 0;
}
.main .ant-modal.j-modal .ant-modal-body {
  border-radius: 0 0 8px 8px;
}
.ant-modal.trans-modal {
  z-index: 2222;
}
.ant-modal.trans-modal .trans-modal-wait-confirm,
.login-modal .trans-modal-wait-confirm {
  margin-top: 5px;
}
.ant-modal.trans-modal .trans-modal-icon,
.login-modal .trans-modal-icon {
  margin-top: 15px;
}
.ant-modal.trans-modal span.point,
.login-modal span.point {
  background: #3d56d6;
  border-radius: 6px;
  display: inline-block;
  height: 6px;
  margin: 0 4px;
  width: 6px;
}
.ant-modal.trans-modal span.point:first-child,
.login-modal span.point:first-child {
  animation: go1 2s linear infinite;
  opacity: 1;
}
.ant-modal.trans-modal span.point:nth-child(2),
.login-modal span.point:nth-child(2) {
  animation: go2 2s linear infinite;
  opacity: 0.4;
}
.ant-modal.trans-modal span.point:nth-child(3),
.login-modal span.point:nth-child(3) {
  animation: go3 2s linear infinite;
  opacity: 0.2;
}
.login-modal span.point {
  background-color: #fff;
}
.safe-input {
  position: relative;
}
.safe-input .safe-tip {
  align-items: flex-start;
  background: #fff;
  border-radius: 8px;
  bottom: -58px;
  box-shadow: 0 10px 40px #0000001a;
  display: flex;
  justify-content: space-between;
  padding: 10px 22px 10px 12px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.safe-input .safe-tip > div {
  text-align: left;
}
.safe-input .safe-tip > div > span {
  color: #ee790d;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
.safe-input .safe-tip > img {
  height: 14px;
  margin: 0 10px 0 0 !important;
  position: relative;
  top: 4px;
  width: 16px !important;
}
.safe-input .safe-tip .safe-fee {
  color: #3d56d6;
  cursor: pointer;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
.network-error-modal .network-error {
  color: #5a5e89;
  font-family: PingFang SC;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 50px 0;
}
.network-error-modal button {
  background: #3d56d6 !important;
  display: block;
  margin: 0 auto;
  width: calc(100% - 48px);
}
.network-error-modal button:hover {
  background: #3d56d6e6 !important;
}
@keyframes go3 {
  0% {
    opacity: 1;
  }
  32% {
    opacity: 1;
  }
  33% {
    opacity: 0.4;
  }
  65% {
    opacity: 0.4;
  }
  66% {
    opacity: 0.2;
  }
  to {
    opacity: 0.2;
  }
}
@keyframes go2 {
  0% {
    opacity: 0.4;
  }
  32% {
    opacity: 0.4;
  }
  33% {
    opacity: 0.2;
  }
  65% {
    opacity: 0.2;
  }
  66% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes go1 {
  0% {
    opacity: 0.2;
  }
  32% {
    opacity: 0.2;
  }
  33% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0.4;
  }
  to {
    opacity: 0.4;
  }
}
.mr-4 {
  margin-right: 4px;
}
.aic {
  align-items: center;
}
@media screen and (max-width: 798px) {
  .ant-modal.j-reward-modal {
    top: 80px;
  }
  .ant-modal.j-reward-modal.j-allowance-modal {
    margin-bottom: 80px;
    top: 50px;
  }
  .j-rewards .rewards-icon {
    height: 50px;
    width: 50px;
  }
  .j-rewards .rewards-lists .rewards-list-top {
    padding: 15px 10px;
  }
  .j-rewards .rewards-lists .rewards-list-title {
    padding: 20px 10px 16px;
  }
  .j-rewards .rewards-lists .rewards-list-content {
    padding: 0 10px;
  }
  .j-rewards.j-allowance .rewards-lists .rewards-list-top {
    padding: 10px;
  }
  .j-mining-reward .j-top {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 374px) {
  .main .ant-modal.mortgage-modal .ant-modal-header {
    padding: 20px 2px;
  }
}
.wst-input-wrap {
  position: relative;
  z-index: 4;
}
.wst-input-wrap .ant-input-affix-wrapper {
  overflow: visible;
  padding-left: 10px;
}
.wst-input-wrap .ant-input-affix-wrapper-disabled:hover {
  border: none;
}
.wst-input-wrap .ant-input-prefix {
  margin-right: 10px;
}
.wst-input-wrap .wst-transfer {
  align-items: center;
  bottom: 20px;
  display: none;
  height: 16px;
  left: 138px;
  line-height: 16px;
  position: absolute;
  text-align: right;
  white-space: nowrap;
  width: 142px;
  z-index: 1;
}
.wst-input-wrap .wst-transfer .j-tooltip-icon {
  margin-left: 4px;
  transform: translateY(-1px);
}
.wst-input-wrap .wst-transfer:hover .wst-transfer-text,
.wst-input-wrap .wst-transfer:hover .wst-transfer-unit {
  color: #fff;
}
.wst-input-wrap .wst-transfer-unit {
  margin-left: 2px;
}
.wst-input-wrap .wst-transfer-text,
.wst-input-wrap .wst-transfer-unit {
  color: #fff9;
  font-family: Avenir Next;
  font-size: 12px;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
}
.wst-input-wrap .wst-transfer-text {
  display: block;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wst-input-wrap.j-usdt-input-wrap .ant-input {
  height: 28px;
  position: relative;
  top: 10px;
}
.wst-input-wrap.j-usdt-input-wrap .wst-transfer {
  display: flex;
}
.token-select {
  position: relative;
  width: 116px;
}
.token-select .token-options {
  background: #393a41;
  border-radius: 5px;
  display: none;
  left: -10px;
  position: absolute;
  top: 56px;
  width: 360px;
}
.token-select .token-options > div {
  display: flex;
  justify-content: space-between;
}
.token-select .token-list,
.token-select .token-title {
  padding: 10px;
}
.token-select .token-title {
  border-bottom: 1px solid #ffffff0f;
}
.token-select .token-title > div {
  color: #fff9;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}
.token-select .token-list {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.token-select .token-list.disabled {
  cursor: not-allowed;
}
.token-select .token-list.disabled:hover {
  background-color: #0000;
}
.token-select .token-list.disabled .token-list-text,
.token-select .token-list.disabled img,
.token-select .token-list.disabled > div:last-child {
  opacity: 0.4;
}
.token-select .token-list:hover {
  background-color: #ffffff08;
}
.token-select .token-list > div {
  line-height: 22px;
}
.token-select .token-list > div:first-child {
  align-items: center;
  display: flex;
}
.token-select .token-list > div:last-child {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.token-select .token-select-value {
  align-items: center;
  border-right: 1px solid #ffffff1a;
  cursor: pointer;
  display: flex;
  height: 36px;
  padding: 4px 26px 4px 0;
  position: relative;
}
.token-select .token-select-value > span {
  margin-left: 6px;
  opacity: 0.6;
}
.token-select .token-select-value:after {
  background: url("") 0 0 no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 8px;
  opacity: 0.6;
  position: absolute;
  right: 11px;
  top: 15px;
  transform: rotate(180deg);
  transition: all 0.3s ease-in-out;
  width: 12px;
}
.token-select.open .token-options {
  display: block;
}
.token-select.open .token-select-value > span {
  opacity: 1;
}
.token-select.open .token-select-value:after {
  opacity: 1;
  transform: rotate(0deg);
}
.token-select .token-list-text {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  margin: 0 10px;
}
.token-select .token-list-text ~ .j-tooltip-icon {
  margin-left: -4px;
}
.token-select .selected-icon {
  background: url("") 0 0 no-repeat;
  background-size: cover;
  display: none;
  height: 13px;
  transform: translateY(-2px);
  width: 13px;
}
.token-select .selected-icon.show {
  display: block;
}
.j-tab-en .ant-tabs-tab:nth-child(2) .ant-tabs-tab-btn {
  text-indent: -11px;
}
.j-wrapper.white .token-select .token-options {
  background: #f8f8fe;
}
.j-wrapper.white .token-select .token-title {
  border-bottom: 1px solid #22232b0f;
}
.j-wrapper.white .token-select .token-title > div {
  color: #22232b99;
}
.j-wrapper.white .token-select .token-select-value {
  border-right: 1px solid #22232b1a;
}
.j-wrapper.white .token-select .token-select-value:after {
  background-image: url("");
}
.j-wrapper.white .token-select .token-list:hover {
  background: rgba(75, 82, 223, 0.059);
}
.j-wrapper.white .token-select .token-list > div:last-child {
  color: #22232b;
}
.j-wrapper.white .token-select .selected-icon {
  background-image: url("");
}
.j-wrapper.white .wst-input-wrap .wst-transfer-text,
.j-wrapper.white .wst-input-wrap .wst-transfer-unit {
  color: #22232b99;
}
.j-wrapper.white .wst-transfer:hover .wst-transfer-text,
.j-wrapper.white .wst-transfer:hover .wst-transfer-unit {
  color: #22232b;
}
.safe-input.safe-input-wstusdt .j-error-tip {
  top: 95px;
}
@media (max-width: 750px) {
  .j-modal .ant-tabs {
    overflow: visible;
  }
  .j-modal .safe-input .j-error-tip,
  .j-modal .safe-input-with-wallet .j-error-tip {
    bottom: auto;
    top: 68px;
  }
  .j-modal .safe-input-with-wallet .j-error-tip {
    top: 97px;
  }
  .token-select .token-options {
    max-width: calc(100vw - 78px);
  }
  .wst-input-wrap .wst-transfer-text {
    max-width: 110px;
  }
}
@media (max-width: 600px) {
  .wst-input-wrap .wst-transfer-text {
    max-width: 90px;
  }
}
@media (max-width: 450px) {
  .wst-input-wrap .wst-transfer-text {
    max-width: 70px;
  }
}
@media (max-width: 410px) {
  .wst-input-wrap .wst-transfer-text {
    max-width: 30px;
  }
}
/*!
 * 
 * antd v4.16.13
 * 
 * Copyright 2015-present, Alipay, Inc.
 * All rights reserved.
 *       
 */
[class*="ant-"] input::-ms-clear,
[class*="ant-"] input::-ms-reveal,
[class*="ant-"]::-ms-clear,
[class^="ant-"] input::-ms-clear,
[class^="ant-"] input::-ms-reveal,
[class^="ant-"]::-ms-clear {
  display: none;
}
body,
html {
  height: 100%;
  width: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
:after,
:before {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: sans-serif;
  line-height: 1.15;
}
@-ms-viewport {
  width: device-width;
}
body {
  font-feature-settings: "tnum";
  background-color: #fff;
  color: #000000d9;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    Noto Sans,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  margin: 0;
}
[tabindex="-1"]:focus {
  outline: none !important;
}
hr {
  box-sizing: initial;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000d9;
  font-weight: 500;
  margin-bottom: 0.5em;
  margin-top: 0;
}
p {
  margin-bottom: 1em;
  margin-top: 0;
}
abbr[data-original-title],
abbr[title] {
  border-bottom: 0;
  cursor: help;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: 1em;
}
input[type="number"],
input[type="password"],
input[type="text"],
textarea {
  appearance: none;
  -webkit-appearance: none;
}
dl,
ol,
ul {
  margin-bottom: 1em;
  margin-top: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: initial;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  -webkit-text-decoration-skip: objects;
  background-color: initial;
  color: #1890ff;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  transition: color 0.3s;
}
a:hover {
  color: #40a9ff;
}
a:active {
  color: #096dd9;
}
a:active,
a:focus,
a:hover {
  outline: 0;
  text-decoration: none;
}
a[disabled] {
  color: #00000040;
  cursor: not-allowed;
}
code,
kbd,
pre,
samp {
  font-family:
    SFMono-Regular,
    Consolas,
    Liberation Mono,
    Menlo,
    Courier,
    monospace;
  font-size: 1em;
}
pre {
  margin-bottom: 1em;
  margin-top: 0;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  border-style: none;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
[role="button"],
a,
area,
button,
input:not([type="range"]),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  caption-side: bottom;
  color: #00000073;
  padding-bottom: 0.3em;
  padding-top: 0.75em;
  text-align: left;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
  appearance: button;
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}
legend {
  color: inherit;
  display: block;
  font-size: 1.5em;
  line-height: inherit;
  margin-bottom: 0.5em;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  width: 100%;
}
progress {
  vertical-align: initial;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: none;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  background-color: #feffe6;
  padding: 0.2em;
}
::-moz-selection {
  background: #1890ff;
  color: #fff;
}
::selection {
  background: #1890ff;
  color: #fff;
}
.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.anticon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: inherit;
  display: inline-block;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-rendering: optimizeLegibility;
  text-transform: none;
  vertical-align: -0.125em;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon:before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin,
.anticon-spin:before {
  animation: loadingCircle 1s linear infinite;
  display: inline-block;
}
.ant-fade-appear,
.ant-fade-enter,
.ant-fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-appear.ant-fade-appear-active,
.ant-fade-enter.ant-fade-enter-active {
  animation-name: antFadeIn;
  animation-play-state: running;
}
.ant-fade-leave.ant-fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-fade-appear,
.ant-fade-enter {
  opacity: 0;
}
.ant-fade-appear,
.ant-fade-enter,
.ant-fade-leave {
  animation-timing-function: linear;
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.ant-move-up-appear,
.ant-move-up-enter,
.ant-move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-appear.ant-move-up-appear-active,
.ant-move-up-enter.ant-move-up-enter-active {
  animation-name: antMoveUpIn;
  animation-play-state: running;
}
.ant-move-up-leave.ant-move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-up-appear,
.ant-move-up-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
}
.ant-move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-down-appear,
.ant-move-down-enter,
.ant-move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-appear.ant-move-down-appear-active,
.ant-move-down-enter.ant-move-down-enter-active {
  animation-name: antMoveDownIn;
  animation-play-state: running;
}
.ant-move-down-leave.ant-move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-down-appear,
.ant-move-down-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
}
.ant-move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-left-appear,
.ant-move-left-enter,
.ant-move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-appear.ant-move-left-appear-active,
.ant-move-left-enter.ant-move-left-enter-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running;
}
.ant-move-left-leave.ant-move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-left-appear,
.ant-move-left-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
}
.ant-move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-right-appear,
.ant-move-right-enter,
.ant-move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-appear.ant-move-right-appear-active,
.ant-move-right-enter.ant-move-right-enter-active {
  animation-name: antMoveRightIn;
  animation-play-state: running;
}
.ant-move-right-leave.ant-move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-right-appear,
.ant-move-right-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
}
.ant-move-right-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
  0% {
    opacity: 0;
    transform: translateY(100%);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    transform-origin: 0 0;
  }
}
@keyframes antMoveDownOut {
  0% {
    opacity: 1;
    transform: translateY(0);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    transform-origin: 0 0;
  }
}
@keyframes antMoveLeftIn {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: translateX(0);
    transform-origin: 0 0;
  }
}
@keyframes antMoveLeftOut {
  0% {
    opacity: 1;
    transform: translateX(0);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: translateX(-100%);
    transform-origin: 0 0;
  }
}
@keyframes antMoveRightIn {
  0% {
    opacity: 0;
    transform: translateX(100%);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: translateX(0);
    transform-origin: 0 0;
  }
}
@keyframes antMoveRightOut {
  0% {
    opacity: 1;
    transform: translateX(0);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: translateX(100%);
    transform-origin: 0 0;
  }
}
@keyframes antMoveUpIn {
  0% {
    opacity: 0;
    transform: translateY(-100%);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    transform-origin: 0 0;
  }
}
@keyframes antMoveUpOut {
  0% {
    opacity: 1;
    transform: translateY(0);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    transform-origin: 0 0;
  }
}
@keyframes loadingCircle {
  to {
    transform: rotate(1turn);
  }
}
[ant-click-animating-without-extra-node="true"],
[ant-click-animating="true"] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #1890ff;
  --scroll-bar: 0;
}
.ant-click-animating-node,
[ant-click-animating-without-extra-node="true"]:after {
  animation:
    fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1),
    waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-fill-mode: forwards;
  border-radius: inherit;
  bottom: 0;
  box-shadow: 0 0 0 0 #1890ff;
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  content: "";
  display: block;
  left: 0;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
@keyframes waveEffect {
  to {
    box-shadow: 0 0 0 #1890ff;
    box-shadow: 0 0 0 6px #1890ff;
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes fadeEffect {
  to {
    opacity: 0;
  }
}
.ant-slide-up-appear,
.ant-slide-up-enter,
.ant-slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-appear.ant-slide-up-appear-active,
.ant-slide-up-enter.ant-slide-up-enter-active {
  animation-name: antSlideUpIn;
  animation-play-state: running;
}
.ant-slide-up-leave.ant-slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-up-appear,
.ant-slide-up-enter {
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
}
.ant-slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-down-appear,
.ant-slide-down-enter,
.ant-slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-appear.ant-slide-down-appear-active,
.ant-slide-down-enter.ant-slide-down-enter-active {
  animation-name: antSlideDownIn;
  animation-play-state: running;
}
.ant-slide-down-leave.ant-slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-down-appear,
.ant-slide-down-enter {
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
}
.ant-slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-left-appear,
.ant-slide-left-enter,
.ant-slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-appear.ant-slide-left-appear-active,
.ant-slide-left-enter.ant-slide-left-enter-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running;
}
.ant-slide-left-leave.ant-slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-left-appear,
.ant-slide-left-enter {
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
}
.ant-slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-right-appear,
.ant-slide-right-enter,
.ant-slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-appear.ant-slide-right-appear-active,
.ant-slide-right-enter.ant-slide-right-enter-active {
  animation-name: antSlideRightIn;
  animation-play-state: running;
}
.ant-slide-right-leave.ant-slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-right-appear,
.ant-slide-right-enter {
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
}
.ant-slide-right-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
  0% {
    opacity: 0;
    transform: scaleY(0.8);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 0 0;
  }
}
@keyframes antSlideUpOut {
  0% {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: scaleY(0.8);
    transform-origin: 0 0;
  }
}
@keyframes antSlideDownIn {
  0% {
    opacity: 0;
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
  }
  to {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 100% 100%;
  }
}
@keyframes antSlideDownOut {
  0% {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 100% 100%;
  }
  to {
    opacity: 0;
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
  }
}
@keyframes antSlideLeftIn {
  0% {
    opacity: 0;
    transform: scaleX(0.8);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 0 0;
  }
}
@keyframes antSlideLeftOut {
  0% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: scaleX(0.8);
    transform-origin: 0 0;
  }
}
@keyframes antSlideRightIn {
  0% {
    opacity: 0;
    transform: scaleX(0.8);
    transform-origin: 100% 0;
  }
  to {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 100% 0;
  }
}
@keyframes antSlideRightOut {
  0% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 100% 0;
  }
  to {
    opacity: 0;
    transform: scaleX(0.8);
    transform-origin: 100% 0;
  }
}
.ant-zoom-appear,
.ant-zoom-enter,
.ant-zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-appear.ant-zoom-appear-active,
.ant-zoom-enter.ant-zoom-enter-active {
  animation-name: antZoomIn;
  animation-play-state: running;
}
.ant-zoom-leave.ant-zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-appear,
.ant-zoom-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
  transform: scale(0);
}
.ant-zoom-appear-prepare,
.ant-zoom-enter-prepare {
  transform: none;
}
.ant-zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-appear,
.ant-zoom-big-enter,
.ant-zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-appear.ant-zoom-big-appear-active,
.ant-zoom-big-enter.ant-zoom-big-enter-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-leave.ant-zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-appear,
.ant-zoom-big-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
  transform: scale(0);
}
.ant-zoom-big-appear-prepare,
.ant-zoom-big-enter-prepare {
  transform: none;
}
.ant-zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-fast-appear,
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active,
.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-fast-appear,
.ant-zoom-big-fast-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
  transform: scale(0);
}
.ant-zoom-big-fast-appear-prepare,
.ant-zoom-big-fast-enter-prepare {
  transform: none;
}
.ant-zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-up-appear,
.ant-zoom-up-enter,
.ant-zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-appear.ant-zoom-up-appear-active,
.ant-zoom-up-enter.ant-zoom-up-enter-active {
  animation-name: antZoomUpIn;
  animation-play-state: running;
}
.ant-zoom-up-leave.ant-zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-up-appear,
.ant-zoom-up-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
  transform: scale(0);
}
.ant-zoom-up-appear-prepare,
.ant-zoom-up-enter-prepare {
  transform: none;
}
.ant-zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-down-appear,
.ant-zoom-down-enter,
.ant-zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-appear.ant-zoom-down-appear-active,
.ant-zoom-down-enter.ant-zoom-down-enter-active {
  animation-name: antZoomDownIn;
  animation-play-state: running;
}
.ant-zoom-down-leave.ant-zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-down-appear,
.ant-zoom-down-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
  transform: scale(0);
}
.ant-zoom-down-appear-prepare,
.ant-zoom-down-enter-prepare {
  transform: none;
}
.ant-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-left-appear,
.ant-zoom-left-enter,
.ant-zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-appear.ant-zoom-left-appear-active,
.ant-zoom-left-enter.ant-zoom-left-enter-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running;
}
.ant-zoom-left-leave.ant-zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-left-appear,
.ant-zoom-left-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
  transform: scale(0);
}
.ant-zoom-left-appear-prepare,
.ant-zoom-left-enter-prepare {
  transform: none;
}
.ant-zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-right-appear,
.ant-zoom-right-enter,
.ant-zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-appear.ant-zoom-right-appear-active,
.ant-zoom-right-enter.ant-zoom-right-enter-active {
  animation-name: antZoomRightIn;
  animation-play-state: running;
}
.ant-zoom-right-leave.ant-zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-right-appear,
.ant-zoom-right-enter {
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
  transform: scale(0);
}
.ant-zoom-right-appear-prepare,
.ant-zoom-right-enter-prepare {
  transform: none;
}
.ant-zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.2);
  }
}
@keyframes antZoomBigIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@keyframes antZoomUpIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 50% 0;
  }
  to {
    transform: scale(1);
    transform-origin: 50% 0;
  }
}
@keyframes antZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0;
  }
  to {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 50% 0;
  }
}
@keyframes antZoomLeftIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 0 50%;
  }
  to {
    transform: scale(1);
    transform-origin: 0 50%;
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0 50%;
  }
  to {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 0 50%;
  }
}
@keyframes antZoomRightIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 100% 50%;
  }
  to {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  to {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 100% 50%;
  }
}
@keyframes antZoomDownIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 50% 100%;
  }
  to {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  to {
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 50% 100%;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse,
.ant-motion-collapse-legacy-active {
  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;
}
.ant-motion-collapse {
  overflow: hidden;
}
.ant-affix {
  position: fixed;
  z-index: 10;
}
.ant-alert {
  font-feature-settings: "tnum";
  word-wrap: break-word;
  align-items: center;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  display: flex;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 8px 15px;
  position: relative;
}
.ant-alert-content {
  flex: 1 1;
  min-width: 0;
}
.ant-alert-icon {
  margin-right: 8px;
}
.ant-alert-description {
  display: none;
  font-size: 14px;
  line-height: 22px;
}
.ant-alert-success {
  background-color: #f6ffed;
  border: 1px solid #b7eb8f;
}
.ant-alert-success .ant-alert-icon {
  color: #52c41a;
}
.ant-alert-info {
  background-color: #e6f7ff;
  border: 1px solid #91d5ff;
}
.ant-alert-info .ant-alert-icon {
  color: #1890ff;
}
.ant-alert-warning {
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
}
.ant-alert-warning .ant-alert-icon {
  color: #faad14;
}
.ant-alert-error {
  background-color: #fff2f0;
  border: 1px solid #ffccc7;
}
.ant-alert-error .ant-alert-icon {
  color: #ff4d4f;
}
.ant-alert-error .ant-alert-description > pre {
  margin: 0;
  padding: 0;
}
.ant-alert-action {
  margin-left: 8px;
}
.ant-alert-close-icon {
  background-color: initial;
  border: none;
  cursor: pointer;
  font-size: 12px;
  line-height: 12px;
  margin-left: 8px;
  outline: none;
  overflow: hidden;
  padding: 0;
}
.ant-alert-close-icon .anticon-close {
  color: #00000073;
  transition: color 0.3s;
}
.ant-alert-close-icon .anticon-close:hover {
  color: #000000bf;
}
.ant-alert-close-text {
  color: #00000073;
  transition: color 0.3s;
}
.ant-alert-close-text:hover {
  color: #000000bf;
}
.ant-alert-with-description {
  align-items: flex-start;
  padding: 15px 15px 15px 24px;
}
.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px;
}
.ant-alert-with-description .ant-alert-icon {
  font-size: 24px;
  margin-right: 15px;
}
.ant-alert-with-description .ant-alert-message {
  color: #000000d9;
  display: block;
  font-size: 16px;
  margin-bottom: 4px;
}
.ant-alert-message {
  color: #000000d9;
}
.ant-alert-with-description .ant-alert-description {
  display: block;
}
.ant-alert.ant-alert-motion-leave {
  opacity: 1;
  overflow: hidden;
  transition:
    max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
    opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
    padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
    padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
    margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-alert.ant-alert-motion-leave-active {
  margin-bottom: 0 !important;
  max-height: 0;
  opacity: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.ant-alert-banner {
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
}
.ant-alert.ant-alert-rtl {
  direction: rtl;
}
.ant-alert-rtl.ant-alert.ant-alert-no-icon {
  padding: 8px 15px;
}
.ant-alert-rtl .ant-alert-icon {
  margin-left: 8px;
  margin-right: auto;
}
.ant-alert-rtl .ant-alert-action,
.ant-alert-rtl .ant-alert-close-icon {
  margin-left: auto;
  margin-right: 8px;
}
.ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
  margin-left: 15px;
  margin-right: auto;
}
.ant-anchor {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0 0 0 2px;
  position: relative;
}
.ant-anchor-wrapper {
  background-color: initial;
  margin-left: -4px;
  overflow: auto;
  padding-left: 4px;
}
.ant-anchor-ink {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}
.ant-anchor-ink:before {
  background-color: #f0f0f0;
  content: " ";
  display: block;
  height: 100%;
  margin: 0 auto;
  position: relative;
  width: 2px;
}
.ant-anchor-ink-ball {
  background-color: #fff;
  border: 2px solid #1890ff;
  border-radius: 8px;
  display: none;
  height: 8px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  transition: top 0.3s ease-in-out;
  width: 8px;
}
.ant-anchor-ink-ball.visible {
  display: inline-block;
}
.ant-anchor.fixed .ant-anchor-ink .ant-anchor-ink-ball {
  display: none;
}
.ant-anchor-link {
  line-height: 1.143;
  padding: 7px 0 7px 16px;
}
.ant-anchor-link-title {
  color: #000000d9;
  display: block;
  margin-bottom: 6px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  transition: all 0.3s;
  white-space: nowrap;
}
.ant-anchor-link-title:only-child {
  margin-bottom: 0;
}
.ant-anchor-link-active > .ant-anchor-link-title {
  color: #1890ff;
}
.ant-anchor-link .ant-anchor-link {
  padding-bottom: 5px;
  padding-top: 5px;
}
.ant-anchor-rtl {
  direction: rtl;
}
.ant-anchor-rtl.ant-anchor-wrapper {
  margin-left: 0;
  margin-right: -4px;
  padding-left: 0;
  padding-right: 4px;
}
.ant-anchor-rtl .ant-anchor-ink {
  left: auto;
  right: 0;
}
.ant-anchor-rtl .ant-anchor-ink-ball {
  left: 0;
  right: 50%;
  transform: translateX(50%);
}
.ant-anchor-rtl .ant-anchor-link {
  padding: 7px 16px 7px 0;
}
.ant-select-auto-complete {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-select-auto-complete .ant-select-clear {
  right: 13px;
}
.ant-avatar {
  font-feature-settings: "tnum";
  background: #ccc;
  border-radius: 50%;
  box-sizing: border-box;
  color: #000000d9;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  height: 32px;
  line-height: 1.5715;
  line-height: 32px;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: 32px;
}
.ant-avatar-image {
  background: #0000;
}
.ant-avatar .ant-image-img {
  display: block;
}
.ant-avatar-string {
  left: 50%;
  position: absolute;
  transform-origin: 0 center;
}
.ant-avatar.ant-avatar-icon {
  font-size: 18px;
}
.ant-avatar.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-lg {
  border-radius: 50%;
  height: 40px;
  line-height: 40px;
  width: 40px;
}
.ant-avatar-lg-string {
  left: 50%;
  position: absolute;
  transform-origin: 0 center;
}
.ant-avatar-lg.ant-avatar-icon {
  font-size: 24px;
}
.ant-avatar-lg.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-sm {
  border-radius: 50%;
  height: 24px;
  line-height: 24px;
  width: 24px;
}
.ant-avatar-sm-string {
  left: 50%;
  position: absolute;
  transform-origin: 0 center;
}
.ant-avatar-sm.ant-avatar-icon {
  font-size: 14px;
}
.ant-avatar-sm.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-square {
  border-radius: 2px;
}
.ant-avatar > img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.ant-avatar-group {
  display: inline-flex;
}
.ant-avatar-group .ant-avatar {
  border: 1px solid #fff;
}
.ant-avatar-group .ant-avatar:not(:first-child) {
  margin-left: -8px;
}
.ant-avatar-group-popover .ant-avatar + .ant-avatar {
  margin-left: 3px;
}
.ant-avatar-group-rtl .ant-avatar:not(:first-child) {
  margin-left: 0;
  margin-right: -8px;
}
.ant-avatar-group-popover.ant-popover-rtl .ant-avatar + .ant-avatar {
  margin-left: 0;
  margin-right: 3px;
}
.ant-back-top {
  font-feature-settings: "tnum";
  bottom: 50px;
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  font-size: 14px;
  font-variant: tabular-nums;
  height: 40px;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: fixed;
  right: 100px;
  width: 40px;
  z-index: 10;
}
.ant-back-top:empty {
  display: none;
}
.ant-back-top-rtl {
  direction: rtl;
  left: 100px;
  right: auto;
}
.ant-back-top-content {
  background-color: #00000073;
  border-radius: 20px;
  color: #fff;
  height: 40px;
  overflow: hidden;
  text-align: center;
  transition: all 0.3s;
  width: 40px;
}
.ant-back-top-content:hover {
  background-color: #000000d9;
  transition: all 0.3s;
}
.ant-back-top-icon {
  font-size: 24px;
  line-height: 40px;
}
@media screen and (max-width: 768px) {
  .ant-back-top {
    right: 60px;
  }
}
@media screen and (max-width: 480px) {
  .ant-back-top {
    right: 20px;
  }
}
.ant-badge {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.ant-badge-count {
  background: #ff4d4f;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fff;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  height: 20px;
  line-height: 20px;
  min-width: 20px;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
  z-index: auto;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}
.ant-badge-count-sm {
  border-radius: 7px;
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  min-width: 14px;
  padding: 0;
}
.ant-badge-multiple-words {
  padding: 0 8px;
}
.ant-badge-dot {
  background: #ff4d4f;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #fff;
  height: 6px;
  min-width: 6px;
  width: 6px;
  z-index: auto;
}
.ant-badge-dot.ant-scroll-number {
  transition: background 1.5s;
}
.ant-badge .ant-scroll-number-custom-component,
.ant-badge-count,
.ant-badge-dot {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0;
}
.ant-badge .ant-scroll-number-custom-component.anticon-spin,
.ant-badge-count.anticon-spin,
.ant-badge-dot.anticon-spin {
  animation: antBadgeLoadingCircle 1s linear infinite;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: initial;
}
.ant-badge-status-dot {
  border-radius: 50%;
  display: inline-block;
  height: 6px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 6px;
}
.ant-badge-status-success {
  background-color: #52c41a;
}
.ant-badge-status-processing {
  background-color: #1890ff;
  position: relative;
}
.ant-badge-status-processing:after {
  animation: antStatusProcessing 1.2s ease-in-out infinite;
  border: 1px solid #1890ff;
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ant-badge-status-default {
  background-color: #d9d9d9;
}
.ant-badge-status-error {
  background-color: #ff4d4f;
}
.ant-badge-status-warning {
  background-color: #faad14;
}
.ant-badge-status-magenta,
.ant-badge-status-pink {
  background: #eb2f96;
}
.ant-badge-status-red {
  background: #f5222d;
}
.ant-badge-status-volcano {
  background: #fa541c;
}
.ant-badge-status-orange {
  background: #fa8c16;
}
.ant-badge-status-yellow {
  background: #fadb14;
}
.ant-badge-status-gold {
  background: #faad14;
}
.ant-badge-status-cyan {
  background: #13c2c2;
}
.ant-badge-status-lime {
  background: #a0d911;
}
.ant-badge-status-green {
  background: #52c41a;
}
.ant-badge-status-blue {
  background: #1890ff;
}
.ant-badge-status-geekblue {
  background: #2f54eb;
}
.ant-badge-status-purple {
  background: #722ed1;
}
.ant-badge-status-text {
  color: #000000d9;
  font-size: 14px;
  margin-left: 8px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation-fill-mode: both;
}
.ant-badge-zoom-leave {
  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation-fill-mode: both;
}
.ant-badge-not-a-wrapper .ant-badge-zoom-appear,
.ant-badge-not-a-wrapper .ant-badge-zoom-enter {
  animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}
.ant-badge-not-a-wrapper .ant-badge-zoom-leave {
  animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
.ant-badge-not-a-wrapper:not(.ant-badge-status) {
  vertical-align: middle;
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component {
  transform: none;
}
.ant-badge-not-a-wrapper .ant-scroll-number,
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component {
  display: block;
  position: relative;
  top: auto;
  transform-origin: 50% 50%;
}
@keyframes antStatusProcessing {
  0% {
    opacity: 0.5;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
    transform: scale(2.4);
  }
}
.ant-scroll-number {
  overflow: hidden;
}
.ant-scroll-number-only {
  display: inline-block;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-scroll-number-only,
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  -webkit-backface-visibility: hidden;
  height: 20px;
  -webkit-transform-style: preserve-3d;
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  margin: 0;
}
.ant-scroll-number-symbol {
  vertical-align: top;
}
@keyframes antZoomBadgeIn {
  0% {
    opacity: 0;
    transform: scale(0) translate(50%, -50%);
  }
  to {
    transform: scale(1) translate(50%, -50%);
  }
}
@keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translate(50%, -50%);
  }
  to {
    opacity: 0;
    transform: scale(0) translate(50%, -50%);
  }
}
@keyframes antNoWrapperZoomBadgeIn {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes antNoWrapperZoomBadgeOut {
  0% {
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0);
  }
}
@keyframes antBadgeLoadingCircle {
  0% {
    transform-origin: 50%;
  }
  to {
    transform: translate(50%, -50%) rotate(1turn);
    transform-origin: 50%;
  }
}
.ant-ribbon-wrapper {
  position: relative;
}
.ant-ribbon {
  font-feature-settings: "tnum";
  background-color: #1890ff;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  color: #fff;
  font-size: 14px;
  font-variant: tabular-nums;
  height: 22px;
  line-height: 1.5715;
  line-height: 22px;
  list-style: none;
  margin: 0;
  padding: 0 8px;
  position: absolute;
  top: 8px;
  white-space: nowrap;
}
.ant-ribbon-text {
  color: #fff;
}
.ant-ribbon-corner {
  border: 4px solid;
  color: currentColor;
  height: 8px;
  position: absolute;
  top: 100%;
  transform: scaleY(0.75);
  transform-origin: top;
  width: 8px;
}
.ant-ribbon-corner:after {
  border: inherit;
  color: #00000040;
  content: "";
  height: inherit;
  left: -4px;
  position: absolute;
  top: -4px;
  width: inherit;
}
.ant-ribbon-color-magenta,
.ant-ribbon-color-pink {
  background: #eb2f96;
  color: #eb2f96;
}
.ant-ribbon-color-red {
  background: #f5222d;
  color: #f5222d;
}
.ant-ribbon-color-volcano {
  background: #fa541c;
  color: #fa541c;
}
.ant-ribbon-color-orange {
  background: #fa8c16;
  color: #fa8c16;
}
.ant-ribbon-color-yellow {
  background: #fadb14;
  color: #fadb14;
}
.ant-ribbon-color-gold {
  background: #faad14;
  color: #faad14;
}
.ant-ribbon-color-cyan {
  background: #13c2c2;
  color: #13c2c2;
}
.ant-ribbon-color-lime {
  background: #a0d911;
  color: #a0d911;
}
.ant-ribbon-color-green {
  background: #52c41a;
  color: #52c41a;
}
.ant-ribbon-color-blue {
  background: #1890ff;
  color: #1890ff;
}
.ant-ribbon-color-geekblue {
  background: #2f54eb;
  color: #2f54eb;
}
.ant-ribbon-color-purple {
  background: #722ed1;
  color: #722ed1;
}
.ant-ribbon.ant-ribbon-placement-end {
  border-bottom-right-radius: 0;
  right: -8px;
}
.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
  border-color: currentColor #0000 #0000 currentColor;
  right: 0;
}
.ant-ribbon.ant-ribbon-placement-start {
  border-bottom-left-radius: 0;
  left: -8px;
}
.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
  border-color: currentColor currentColor #0000 #0000;
  left: 0;
}
.ant-badge-rtl {
  direction: rtl;
}
.ant-badge-rtl .ant-badge .ant-scroll-number-custom-component,
.ant-badge-rtl .ant-badge-count,
.ant-badge-rtl .ant-badge-dot {
  direction: ltr;
  left: 0;
  right: auto;
  transform: translate(-50%, -50%);
  transform-origin: 0 0;
}
.ant-badge-rtl.ant-badge .ant-scroll-number-custom-component {
  left: 0;
  right: auto;
  transform: translate(-50%, -50%);
  transform-origin: 0 0;
}
.ant-badge-rtl .ant-badge-status-text {
  margin-left: 0;
  margin-right: 8px;
}
.ant-badge-rtl .ant-badge-zoom-appear,
.ant-badge-rtl .ant-badge-zoom-enter {
  animation-name: antZoomBadgeInRtl;
}
.ant-badge-rtl .ant-badge-zoom-leave {
  animation-name: antZoomBadgeOutRtl;
}
.ant-badge-not-a-wrapper .ant-badge-count {
  transform: none;
}
.ant-ribbon-rtl {
  direction: rtl;
}
.ant-ribbon-rtl.ant-ribbon-placement-end {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 2px;
  left: -8px;
  right: auto;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner {
  left: 0;
  right: auto;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner,
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner:after {
  border-color: currentColor currentColor #0000 #0000;
}
.ant-ribbon-rtl.ant-ribbon-placement-start {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 0;
  left: auto;
  right: -8px;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner {
  left: auto;
  right: 0;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner,
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner:after {
  border-color: currentColor #0000 #0000 currentColor;
}
@keyframes antZoomBadgeInRtl {
  0% {
    opacity: 0;
    transform: scale(0) translate(-50%, -50%);
  }
  to {
    transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes antZoomBadgeOutRtl {
  0% {
    transform: scale(1) translate(-50%, -50%);
  }
  to {
    opacity: 0;
    transform: scale(0) translate(-50%, -50%);
  }
}
.ant-breadcrumb {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  color: #00000073;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-breadcrumb .anticon {
  font-size: 14px;
}
.ant-breadcrumb a {
  color: #00000073;
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: #40a9ff;
}
.ant-breadcrumb > span:last-child,
.ant-breadcrumb > span:last-child a {
  color: #000000d9;
}
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  color: #00000073;
  margin: 0 8px;
}
.ant-breadcrumb-link > .anticon + a,
.ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}
.ant-breadcrumb-rtl {
  direction: rtl;
}
.ant-breadcrumb-rtl:before {
  content: "";
  display: table;
}
.ant-breadcrumb-rtl:after {
  clear: both;
  content: "";
  display: table;
}
.ant-breadcrumb-rtl > span {
  float: right;
}
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a,
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
  margin-left: 0;
  margin-right: 4px;
}
.ant-btn {
  background-image: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  color: #000000d9;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 1.5715;
  padding: 4px 15px;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  box-shadow: none;
  outline: 0;
}
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  border-radius: 2px;
  font-size: 16px;
  height: 40px;
  padding: 6.4px 15px;
}
.ant-btn-sm {
  border-radius: 2px;
  font-size: 14px;
  height: 24px;
  padding: 0 7px;
}
.ant-btn > a:only-child {
  color: currentColor;
}
.ant-btn > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn:focus,
.ant-btn:hover {
  background: #fff;
  border-color: #40a9ff;
  color: #40a9ff;
}
.ant-btn:focus > a:only-child,
.ant-btn:hover > a:only-child {
  color: currentColor;
}
.ant-btn:focus > a:only-child:after,
.ant-btn:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn:active {
  background: #fff;
  border-color: #096dd9;
  color: #096dd9;
}
.ant-btn:active > a:only-child {
  color: currentColor;
}
.ant-btn:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn[disabled],
.ant-btn[disabled]:active,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn[disabled]:active > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn[disabled]:active > a:only-child:after,
.ant-btn[disabled]:focus > a:only-child:after,
.ant-btn[disabled]:hover > a:only-child:after,
.ant-btn[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn:active,
.ant-btn:focus,
.ant-btn:hover {
  background: #fff;
  text-decoration: none;
}
.ant-btn > span {
  display: inline-block;
}
.ant-btn-primary {
  background: #1890ff;
  border-color: #1890ff;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  color: #fff;
  text-shadow: 0 -1px 0 #0000001f;
}
.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-primary > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-primary:focus,
.ant-btn-primary:hover {
  background: #40a9ff;
  border-color: #40a9ff;
  color: #fff;
}
.ant-btn-primary:focus > a:only-child,
.ant-btn-primary:hover > a:only-child {
  color: currentColor;
}
.ant-btn-primary:focus > a:only-child:after,
.ant-btn-primary:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-primary:active {
  background: #096dd9;
  border-color: #096dd9;
  color: #fff;
}
.ant-btn-primary:active > a:only-child {
  color: currentColor;
}
.ant-btn-primary:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-primary[disabled],
.ant-btn-primary[disabled]:active,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-primary[disabled]:active > a:only-child:after,
.ant-btn-primary[disabled]:focus > a:only-child:after,
.ant-btn-primary[disabled]:hover > a:only-child:after,
.ant-btn-primary[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-left-color: #40a9ff;
  border-right-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary + .ant-btn-primary,
.ant-btn-group .ant-btn-primary:last-child:not(:first-child) {
  border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled],
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled] {
  border-left-color: #d9d9d9;
}
.ant-btn-ghost {
  background: #0000;
  border-color: #d9d9d9;
  color: #000000d9;
}
.ant-btn-ghost > a:only-child {
  color: currentColor;
}
.ant-btn-ghost > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-ghost:focus,
.ant-btn-ghost:hover {
  background: #0000;
  border-color: #40a9ff;
  color: #40a9ff;
}
.ant-btn-ghost:focus > a:only-child,
.ant-btn-ghost:hover > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:focus > a:only-child:after,
.ant-btn-ghost:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-ghost:active {
  background: #0000;
  border-color: #096dd9;
  color: #096dd9;
}
.ant-btn-ghost:active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-ghost[disabled],
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-ghost[disabled]:active > a:only-child:after,
.ant-btn-ghost[disabled]:focus > a:only-child:after,
.ant-btn-ghost[disabled]:hover > a:only-child:after,
.ant-btn-ghost[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dashed {
  background: #fff;
  border-color: #d9d9d9;
  border-style: dashed;
  color: #000000d9;
}
.ant-btn-dashed > a:only-child {
  color: currentColor;
}
.ant-btn-dashed > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dashed:focus,
.ant-btn-dashed:hover {
  background: #fff;
  border-color: #40a9ff;
  color: #40a9ff;
}
.ant-btn-dashed:focus > a:only-child,
.ant-btn-dashed:hover > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:focus > a:only-child:after,
.ant-btn-dashed:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dashed:active {
  background: #fff;
  border-color: #096dd9;
  color: #096dd9;
}
.ant-btn-dashed:active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dashed[disabled],
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-dashed[disabled]:active > a:only-child:after,
.ant-btn-dashed[disabled]:focus > a:only-child:after,
.ant-btn-dashed[disabled]:hover > a:only-child:after,
.ant-btn-dashed[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-danger {
  background: #ff4d4f;
  border-color: #ff4d4f;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  color: #fff;
  text-shadow: 0 -1px 0 #0000001f;
}
.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-danger > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-danger:focus,
.ant-btn-danger:hover {
  background: #ff7875;
  border-color: #ff7875;
  color: #fff;
}
.ant-btn-danger:focus > a:only-child,
.ant-btn-danger:hover > a:only-child {
  color: currentColor;
}
.ant-btn-danger:focus > a:only-child:after,
.ant-btn-danger:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-danger:active {
  background: #d9363e;
  border-color: #d9363e;
  color: #fff;
}
.ant-btn-danger:active > a:only-child {
  color: currentColor;
}
.ant-btn-danger:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-danger[disabled],
.ant-btn-danger[disabled]:active,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-danger[disabled]:active > a:only-child:after,
.ant-btn-danger[disabled]:focus > a:only-child:after,
.ant-btn-danger[disabled]:hover > a:only-child:after,
.ant-btn-danger[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-link {
  background: #0000;
  border-color: #0000;
  box-shadow: none;
  color: #1890ff;
}
.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-link > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-link:focus,
.ant-btn-link:hover {
  background: #0000;
  border-color: #40a9ff;
  color: #40a9ff;
}
.ant-btn-link:focus > a:only-child,
.ant-btn-link:hover > a:only-child {
  color: currentColor;
}
.ant-btn-link:focus > a:only-child:after,
.ant-btn-link:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-link:active {
  background: #0000;
  border-color: #096dd9;
  color: #096dd9;
}
.ant-btn-link:active > a:only-child {
  color: currentColor;
}
.ant-btn-link:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:active,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-btn-link:hover {
  background: #0000;
}
.ant-btn-link:active,
.ant-btn-link:focus,
.ant-btn-link:hover {
  border-color: #0000;
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:active,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:hover {
  background: #0000;
  border-color: #0000;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-link[disabled]:active > a:only-child:after,
.ant-btn-link[disabled]:focus > a:only-child:after,
.ant-btn-link[disabled]:hover > a:only-child:after,
.ant-btn-link[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-text {
  background: #0000;
  border-color: #0000;
  box-shadow: none;
  color: #000000d9;
}
.ant-btn-text > a:only-child {
  color: currentColor;
}
.ant-btn-text > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-text:focus,
.ant-btn-text:hover {
  background: #0000;
  border-color: #40a9ff;
  color: #40a9ff;
}
.ant-btn-text:focus > a:only-child,
.ant-btn-text:hover > a:only-child {
  color: currentColor;
}
.ant-btn-text:focus > a:only-child:after,
.ant-btn-text:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-text:active {
  background: #0000;
  border-color: #096dd9;
  color: #096dd9;
}
.ant-btn-text:active > a:only-child {
  color: currentColor;
}
.ant-btn-text:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:active,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-btn-text:focus,
.ant-btn-text:hover {
  background: rgba(0, 0, 0, 0.018);
  border-color: #0000;
  color: #000000d9;
}
.ant-btn-text:active {
  background: rgba(0, 0, 0, 0.028);
  border-color: #0000;
  color: #000000d9;
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:active,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:hover {
  background: #0000;
  border-color: #0000;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-text[disabled]:active > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-text[disabled]:active > a:only-child:after,
.ant-btn-text[disabled]:focus > a:only-child:after,
.ant-btn-text[disabled]:hover > a:only-child:after,
.ant-btn-text[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous {
  background: #fff;
  border-color: #ff4d4f;
  color: #ff4d4f;
}
.ant-btn-dangerous > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous:focus,
.ant-btn-dangerous:hover {
  background: #fff;
  border-color: #ff7875;
  color: #ff7875;
}
.ant-btn-dangerous:focus > a:only-child,
.ant-btn-dangerous:hover > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous:focus > a:only-child:after,
.ant-btn-dangerous:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous:active {
  background: #fff;
  border-color: #d9363e;
  color: #d9363e;
}
.ant-btn-dangerous:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous[disabled],
.ant-btn-dangerous[disabled]:active,
.ant-btn-dangerous[disabled]:focus,
.ant-btn-dangerous[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-dangerous[disabled]:active > a:only-child,
.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-dangerous[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous[disabled]:active > a:only-child:after,
.ant-btn-dangerous[disabled]:focus > a:only-child:after,
.ant-btn-dangerous[disabled]:hover > a:only-child:after,
.ant-btn-dangerous[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-primary {
  background: #ff4d4f;
  border-color: #ff4d4f;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  color: #fff;
  text-shadow: 0 -1px 0 #0000001f;
}
.ant-btn-dangerous.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-primary > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-primary:focus,
.ant-btn-dangerous.ant-btn-primary:hover {
  background: #ff7875;
  border-color: #ff7875;
  color: #fff;
}
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child,
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child:after,
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-primary:active {
  background: #d9363e;
  border-color: #d9363e;
  color: #fff;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-primary[disabled],
.ant-btn-dangerous.ant-btn-primary[disabled]:active,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child:after,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child:after,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child:after,
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-link {
  background: #0000;
  border-color: #0000;
  box-shadow: none;
  color: #ff4d4f;
}
.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-link:focus,
.ant-btn-dangerous.ant-btn-link:hover {
  border-color: #40a9ff;
  color: #40a9ff;
}
.ant-btn-dangerous.ant-btn-link:active {
  border-color: #096dd9;
  color: #096dd9;
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:active,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-btn-dangerous.ant-btn-link:focus,
.ant-btn-dangerous.ant-btn-link:hover {
  background: #0000;
  border-color: #0000;
  color: #ff7875;
}
.ant-btn-dangerous.ant-btn-link:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link:hover > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link:focus > a:only-child:after,
.ant-btn-dangerous.ant-btn-link:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-link:active {
  background: #0000;
  border-color: #0000;
  color: #d9363e;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:active,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:hover {
  background: #0000;
  border-color: #0000;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child:after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child:after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child:after,
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-text {
  background: #0000;
  border-color: #0000;
  box-shadow: none;
  color: #ff4d4f;
}
.ant-btn-dangerous.ant-btn-text > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-text:focus,
.ant-btn-dangerous.ant-btn-text:hover {
  background: #0000;
  border-color: #40a9ff;
  color: #40a9ff;
}
.ant-btn-dangerous.ant-btn-text:active {
  background: #0000;
  border-color: #096dd9;
  color: #096dd9;
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:active,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-btn-dangerous.ant-btn-text:focus,
.ant-btn-dangerous.ant-btn-text:hover {
  background: rgba(0, 0, 0, 0.018);
  border-color: #0000;
  color: #ff7875;
}
.ant-btn-dangerous.ant-btn-text:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text:hover > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text:focus > a:only-child:after,
.ant-btn-dangerous.ant-btn-text:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-text:active {
  background: rgba(0, 0, 0, 0.028);
  border-color: #0000;
  color: #d9363e;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:active,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:hover {
  background: #0000;
  border-color: #0000;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child:after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child:after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child:after,
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-icon-only {
  border-radius: 2px;
  font-size: 16px;
  height: 32px;
  padding: 2.4px 0;
  vertical-align: -3px;
  width: 32px;
}
.ant-btn-icon-only > * {
  font-size: 16px;
}
.ant-btn-icon-only.ant-btn-lg {
  border-radius: 2px;
  font-size: 18px;
  height: 40px;
  padding: 4.9px 0;
  width: 40px;
}
.ant-btn-icon-only.ant-btn-lg > * {
  font-size: 18px;
}
.ant-btn-icon-only.ant-btn-sm {
  border-radius: 2px;
  font-size: 14px;
  height: 24px;
  padding: 0;
  width: 24px;
}
.ant-btn-icon-only.ant-btn-sm > * {
  font-size: 14px;
}
.ant-btn-icon-only > .anticon {
  display: flex;
  justify-content: center;
}
.ant-btn-round {
  border-radius: 32px;
  font-size: 14px;
  height: 32px;
  padding: 4px 16px;
}
.ant-btn-round.ant-btn-lg {
  border-radius: 40px;
  font-size: 16px;
  height: 40px;
  padding: 6.4px 20px;
}
.ant-btn-round.ant-btn-sm {
  border-radius: 24px;
  font-size: 14px;
  height: 24px;
  padding: 0 12px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle {
  border-radius: 50%;
  min-width: 32px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.ant-btn-circle.ant-btn-lg {
  border-radius: 50%;
  min-width: 40px;
}
.ant-btn-circle.ant-btn-sm {
  border-radius: 50%;
  min-width: 24px;
}
.ant-btn:before {
  background: #fff;
  border-radius: inherit;
  bottom: -1px;
  content: "";
  display: none;
  left: -1px;
  opacity: 0.35;
  pointer-events: none;
  position: absolute;
  right: -1px;
  top: -1px;
  transition: opacity 0.2s;
  z-index: 1;
}
.ant-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-minus > svg,
.ant-btn .anticon.anticon-plus > svg {
  shape-rendering: optimizeSpeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
}
.ant-btn.ant-btn-loading:not([disabled]) {
  pointer-events: none;
}
.ant-btn.ant-btn-loading:before {
  display: block;
}
.ant-btn > .ant-btn-loading-icon {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn > .ant-btn-loading-icon .anticon {
  animation: none;
  padding-right: 8px;
}
.ant-btn > .ant-btn-loading-icon .anticon svg {
  animation: loadingCircle 1s linear infinite;
}
.ant-btn-group {
  display: inline-flex;
}
.ant-btn-group,
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:active,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:active,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:hover {
  z-index: 2;
}
.ant-btn-group > .ant-btn[disabled],
.ant-btn-group > span > .ant-btn[disabled] {
  z-index: 0;
}
.ant-btn-group .ant-btn-icon-only {
  font-size: 14px;
}
.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
  border-radius: 0;
  font-size: 16px;
  height: 40px;
  padding: 6.4px 15px;
}
.ant-btn-group-lg .ant-btn.ant-btn-icon-only {
  height: 40px;
  padding-left: 0;
  padding-right: 0;
  width: 40px;
}
.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
  border-radius: 0;
  font-size: 14px;
  height: 24px;
  padding: 0 7px;
}
.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
  font-size: 14px;
}
.ant-btn-group-sm .ant-btn.ant-btn-icon-only {
  height: 24px;
  padding-left: 0;
  padding-right: 0;
  width: 24px;
}
.ant-btn + .ant-btn-group,
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group span + .ant-btn,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group,
.ant-btn-group > span + span {
  margin-left: -1px;
}
.ant-btn-group
  .ant-btn-primary
  + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: #0000;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child,
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 2px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:only-child,
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group
  > .ant-btn-group:first-child:not(:last-child)
  > .ant-btn:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-right: 8px;
}
.ant-btn-group
  > .ant-btn-group:last-child:not(:first-child)
  > .ant-btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding-left: 8px;
}
.ant-btn-group-rtl.ant-btn + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-group-rtl.ant-btn-group .ant-btn + span,
.ant-btn-group-rtl.ant-btn-group span + .ant-btn,
.ant-btn-group-rtl.ant-btn-group + .ant-btn,
.ant-btn-group-rtl.ant-btn-group + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group > span + span,
.ant-btn-rtl.ant-btn + .ant-btn-group,
.ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-rtl.ant-btn-group .ant-btn + span,
.ant-btn-rtl.ant-btn-group span + .ant-btn,
.ant-btn-rtl.ant-btn-group + .ant-btn,
.ant-btn-rtl.ant-btn-group + .ant-btn-group,
.ant-btn-rtl.ant-btn-group > span + span {
  margin-left: auto;
  margin-right: -1px;
}
.ant-btn-group.ant-btn-group-rtl {
  direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group
  > span:first-child:not(:last-child)
  > .ant-btn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group
  > span:last-child:not(:first-child)
  > .ant-btn {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group-sm
  > span:first-child:not(:last-child)
  > .ant-btn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group-sm
  > span:last-child:not(:first-child)
  > .ant-btn {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
}
.ant-btn:active > span,
.ant-btn:focus > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn.ant-btn-background-ghost {
  border-color: #fff;
  color: #fff;
}
.ant-btn.ant-btn-background-ghost,
.ant-btn.ant-btn-background-ghost:active,
.ant-btn.ant-btn-background-ghost:focus,
.ant-btn.ant-btn-background-ghost:hover {
  background: #0000;
}
.ant-btn-background-ghost.ant-btn-primary {
  border-color: #1890ff;
  color: #1890ff;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-primary:focus,
.ant-btn-background-ghost.ant-btn-primary:hover {
  border-color: #40a9ff;
  color: #40a9ff;
}
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-primary:active {
  border-color: #096dd9;
  color: #096dd9;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-danger {
  border-color: #ff4d4f;
  color: #ff4d4f;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-danger:focus,
.ant-btn-background-ghost.ant-btn-danger:hover {
  border-color: #ff7875;
  color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-danger:active {
  border-color: #d9363e;
  color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-dangerous {
  border-color: #ff4d4f;
  color: #ff4d4f;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-dangerous:focus,
.ant-btn-background-ghost.ant-btn-dangerous:hover {
  border-color: #ff7875;
  color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-dangerous:active {
  border-color: #d9363e;
  color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled],
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active
  > a:only-child:after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus
  > a:only-child:after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover
  > a:only-child:after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
  border-color: #0000;
  color: #ff4d4f;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover {
  border-color: #0000;
  color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus
  > a:only-child:after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover
  > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
  border-color: #0000;
  color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active
  > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active
  > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus
  > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover
  > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]
  > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active
  > a:only-child:after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus
  > a:only-child:after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover
  > a:only-child:after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]
  > a:only-child:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-btn-two-chinese-chars:first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > :not(.anticon) {
  letter-spacing: 0.34em;
  margin-right: -0.34em;
}
.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  content: "\a0";
  display: inline-block;
  visibility: hidden;
  width: 0;
}
a.ant-btn {
  line-height: 30px;
  padding-top: 0.01px !important;
}
a.ant-btn-lg {
  line-height: 38px;
}
a.ant-btn-sm {
  line-height: 22px;
}
.ant-btn-rtl {
  direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary,
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child) {
  border-left-color: #d9d9d9;
  border-right-color: #40a9ff;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled],
.ant-btn-group-rtl.ant-btn-group
  .ant-btn-primary:last-child:not(:first-child)[disabled] {
  border-left-color: #40a9ff;
  border-right-color: #d9d9d9;
}
.ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
  padding-left: 8px;
  padding-right: 0;
}
.ant-btn > .ant-btn-loading-icon:only-child .anticon {
  padding-left: 0;
  padding-right: 0;
}
.ant-btn-rtl.ant-btn > .anticon + span,
.ant-btn-rtl.ant-btn > span + .anticon {
  margin-left: 0;
  margin-right: 8px;
}
.ant-picker-calendar {
  font-feature-settings: "tnum";
  background: #fff;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-picker-calendar-header {
  display: flex;
  justify-content: flex-end;
  padding: 12px 0;
}
.ant-picker-calendar-header .ant-picker-calendar-year-select {
  min-width: 80px;
}
.ant-picker-calendar-header .ant-picker-calendar-month-select {
  margin-left: 8px;
  min-width: 70px;
}
.ant-picker-calendar-header .ant-picker-calendar-mode-switch {
  margin-left: 8px;
}
.ant-picker-calendar .ant-picker-panel {
  background: #fff;
  border: 0;
  border-radius: 0;
  border-top: 1px solid #f0f0f0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-date-panel,
.ant-picker-calendar .ant-picker-panel .ant-picker-month-panel {
  width: auto;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-body {
  padding: 8px 0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-content {
  width: 100%;
}
.ant-picker-calendar-mini {
  border-radius: 2px;
}
.ant-picker-calendar-mini .ant-picker-calendar-header {
  padding-left: 8px;
  padding-right: 8px;
}
.ant-picker-calendar-mini .ant-picker-panel {
  border-radius: 0 0 2px 2px;
}
.ant-picker-calendar-mini .ant-picker-content {
  height: 256px;
}
.ant-picker-calendar-mini .ant-picker-content th {
  height: auto;
  line-height: 18px;
  padding: 0;
}
.ant-picker-calendar-full .ant-picker-panel {
  background: #fff;
  border: 0;
  display: block;
  text-align: right;
  width: 100%;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body td,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  padding: 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  height: auto;
  line-height: 18px;
  padding: 0 12px 5px 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:before {
  display: none;
}
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-cell:hover
  .ant-picker-calendar-date {
  background: #f5f5f5;
}
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-cell
  .ant-picker-calendar-date-today:before {
  display: none;
}
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-cell-selected
  .ant-picker-calendar-date,
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-cell-selected
  .ant-picker-calendar-date-today,
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-cell-selected:hover
  .ant-picker-calendar-date,
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-cell-selected:hover
  .ant-picker-calendar-date-today {
  background: #e6f7ff;
}
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-cell-selected
  .ant-picker-calendar-date
  .ant-picker-calendar-date-value,
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-cell-selected
  .ant-picker-calendar-date-today
  .ant-picker-calendar-date-value,
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-cell-selected:hover
  .ant-picker-calendar-date
  .ant-picker-calendar-date-value,
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-cell-selected:hover
  .ant-picker-calendar-date-today
  .ant-picker-calendar-date-value {
  color: #1890ff;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
  border: 0;
  border-radius: 0;
  border-top: 2px solid #f0f0f0;
  display: block;
  height: auto;
  margin: 0 4px;
  padding: 4px 8px 0;
  transition: background 0.3s;
  width: auto;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value {
  line-height: 24px;
  transition: color 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  color: #000000d9;
  height: 86px;
  line-height: 1.5715;
  overflow-y: auto;
  position: static;
  text-align: left;
  width: auto;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
  border-color: #1890ff;
}
.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-calendar-date-today
  .ant-picker-calendar-date-value {
  color: #000000d9;
}
@media only screen and (max-width: 480px) {
  .ant-picker-calendar-header {
    display: block;
  }
  .ant-picker-calendar-header .ant-picker-calendar-year-select {
    width: 50%;
  }
  .ant-picker-calendar-header .ant-picker-calendar-month-select {
    width: calc(50% - 8px);
  }
  .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
    margin-left: 0;
    margin-top: 8px;
    width: 100%;
  }
  .ant-picker-calendar-header .ant-picker-calendar-mode-switch > label {
    text-align: center;
    width: 50%;
  }
}
.ant-picker-calendar-rtl {
  direction: rtl;
}
.ant-picker-calendar-rtl
  .ant-picker-calendar-header
  .ant-picker-calendar-mode-switch,
.ant-picker-calendar-rtl
  .ant-picker-calendar-header
  .ant-picker-calendar-month-select {
  margin-left: 0;
  margin-right: 8px;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel {
  text-align: left;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-body
  th {
  padding: 0 0 5px 12px;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full
  .ant-picker-panel
  .ant-picker-calendar-date-content {
  text-align: right;
}
.ant-card {
  font-feature-settings: "tnum";
  background: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.ant-card-rtl {
  direction: rtl;
}
.ant-card-hoverable {
  cursor: pointer;
  transition:
    box-shadow 0.3s,
    border-color 0.3s;
}
.ant-card-hoverable:hover {
  border-color: #0000;
  box-shadow:
    0 1px 2px -2px #00000029,
    0 3px 6px 0 #0000001f,
    0 5px 12px 4px #00000017;
}
.ant-card-bordered {
  border: 1px solid #f0f0f0;
}
.ant-card-head {
  background: #0000;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
  color: #000000d9;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: -1px;
  min-height: 48px;
  padding: 0 24px;
}
.ant-card-head:after,
.ant-card-head:before {
  content: "";
  display: table;
}
.ant-card-head:after {
  clear: both;
}
.ant-card-head-wrapper {
  align-items: center;
  display: flex;
}
.ant-card-head-title {
  display: inline-block;
  flex: 1 1;
  overflow: hidden;
  padding: 16px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-card-head-title > .ant-typography,
.ant-card-head-title > .ant-typography-edit-content {
  left: 0;
  margin-bottom: 0;
  margin-top: 0;
}
.ant-card-head .ant-tabs {
  clear: both;
  color: #000000d9;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: -17px;
}
.ant-card-head .ant-tabs-bar {
  border-bottom: 1px solid #f0f0f0;
}
.ant-card-extra {
  color: #000000d9;
  float: right;
  font-size: 14px;
  font-weight: 400;
  margin-left: auto;
  padding: 16px 0;
}
.ant-card-rtl .ant-card-extra {
  margin-left: 0;
  margin-right: auto;
}
.ant-card-body {
  padding: 24px;
}
.ant-card-body:after,
.ant-card-body:before {
  content: "";
  display: table;
}
.ant-card-body:after {
  clear: both;
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  border: 0;
  border-radius: 0;
  box-shadow:
    1px 0 0 0 #f0f0f0,
    0 1px 0 0 #f0f0f0,
    1px 1px 0 0 #f0f0f0,
    inset 1px 0 0 0 #f0f0f0,
    inset 0 1px 0 0 #f0f0f0;
  float: left;
  padding: 24px;
  transition: all 0.3s;
  width: 33.33%;
}
.ant-card-rtl .ant-card-grid {
  float: right;
}
.ant-card-grid-hoverable:hover {
  box-shadow:
    0 1px 2px -2px #00000029,
    0 3px 6px 0 #0000001f,
    0 5px 12px 4px #00000017;
  position: relative;
  z-index: 1;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
  padding-bottom: 0;
}
.ant-card-bordered .ant-card-cover {
  margin-left: -1px;
  margin-right: -1px;
  margin-top: -1px;
}
.ant-card-cover > * {
  display: block;
  width: 100%;
}
.ant-card-cover img {
  border-radius: 2px 2px 0 0;
}
.ant-card-actions {
  background: #fff;
  border-top: 1px solid #f0f0f0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-card-actions:after,
.ant-card-actions:before {
  content: "";
  display: table;
}
.ant-card-actions:after {
  clear: both;
}
.ant-card-actions > li {
  color: #00000073;
  float: left;
  margin: 12px 0;
  text-align: center;
}
.ant-card-rtl .ant-card-actions > li {
  float: right;
}
.ant-card-actions > li > span {
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 1.5715;
  min-width: 32px;
  position: relative;
}
.ant-card-actions > li > span:hover {
  color: #1890ff;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
  color: #00000073;
  display: inline-block;
  line-height: 22px;
  transition: color 0.3s;
  width: 100%;
}
.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
  color: #1890ff;
}
.ant-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px;
}
.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid #f0f0f0;
}
.ant-card-rtl .ant-card-actions > li:not(:last-child) {
  border-left: 1px solid #f0f0f0;
  border-right: none;
}
.ant-card-type-inner .ant-card-head {
  background: #fafafa;
  padding: 0 24px;
}
.ant-card-type-inner .ant-card-head-title {
  font-size: 14px;
  padding: 12px 0;
}
.ant-card-type-inner .ant-card-body {
  padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}
.ant-card-meta {
  margin: -4px 0;
}
.ant-card-meta:after,
.ant-card-meta:before {
  content: "";
  display: table;
}
.ant-card-meta:after {
  clear: both;
}
.ant-card-meta-avatar {
  float: left;
  padding-right: 16px;
}
.ant-card-rtl .ant-card-meta-avatar {
  float: right;
  padding-left: 16px;
  padding-right: 0;
}
.ant-card-meta-detail {
  overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px;
}
.ant-card-meta-title {
  color: #000000d9;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-card-meta-description {
  color: #00000073;
}
.ant-card-loading {
  overflow: hidden;
}
.ant-card-loading .ant-card-body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-card-loading-content p {
  margin: 0;
}
.ant-card-loading-block {
  animation: card-loading 1.4s ease infinite;
  background: linear-gradient(90deg, #cfd8dc33, #cfd8dc66, #cfd8dc33);
  background-size: 600% 600%;
  border-radius: 2px;
  height: 14px;
  margin: 4px 0;
}
@keyframes card-loading {
  0%,
  to {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.ant-card-small > .ant-card-head {
  font-size: 14px;
  min-height: 36px;
  padding: 0 12px;
}
.ant-card-small
  > .ant-card-head
  > .ant-card-head-wrapper
  > .ant-card-head-title {
  padding: 8px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  font-size: 14px;
  padding: 8px 0;
}
.ant-card-small > .ant-card-body {
  padding: 12px;
}
.ant-carousel {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-carousel .slick-slider {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  display: block;
  position: relative;
  touch-action: pan-y;
}
.ant-carousel .slick-list {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input,
.ant-carousel .slick-list .slick-slide input.ant-radio-input {
  visibility: hidden;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input {
  visibility: visible;
}
.ant-carousel .slick-list .slick-slide > div > div {
  vertical-align: bottom;
}
.ant-carousel .slick-slider .slick-list,
.ant-carousel .slick-slider .slick-track {
  touch-action: pan-y;
  transform: translateZ(0);
}
.ant-carousel .slick-track {
  display: block;
  left: 0;
  position: relative;
  top: 0;
}
.ant-carousel .slick-track:after,
.ant-carousel .slick-track:before {
  content: "";
  display: table;
}
.ant-carousel .slick-track:after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-next,
.ant-carousel .slick-prev {
  border: 0;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  margin-top: -10px;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 20px;
}
.ant-carousel .slick-next,
.ant-carousel .slick-next:focus,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-prev:hover {
  background: #0000;
  color: #0000;
  outline: none;
}
.ant-carousel .slick-next:focus:before,
.ant-carousel .slick-next:hover:before,
.ant-carousel .slick-prev:focus:before,
.ant-carousel .slick-prev:hover:before {
  opacity: 1;
}
.ant-carousel .slick-next.slick-disabled:before,
.ant-carousel .slick-prev.slick-disabled:before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev:before {
  content: "←";
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next:before {
  content: "→";
}
.ant-carousel .slick-dots {
  bottom: 0;
  display: flex !important;
  justify-content: center;
  left: 0;
  list-style: none;
  margin-left: 15%;
  margin-right: 15%;
  padding-left: 0;
  position: absolute;
  right: 0;
  z-index: 15;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  bottom: auto;
  top: 12px;
}
.ant-carousel .slick-dots li {
  box-sizing: initial;
  display: inline-block;
  flex: 0 1 auto;
  height: 3px;
  margin: 0 3px;
  padding: 0;
  position: relative;
  text-align: center;
  text-indent: -999px;
  transition: all 0.5s;
  vertical-align: top;
  width: 16px;
}
.ant-carousel .slick-dots li button {
  background: #fff;
  border: 0;
  border-radius: 1px;
  color: #0000;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 3px;
  opacity: 0.3;
  outline: none;
  padding: 0;
  transition: all 0.5s;
  width: 100%;
}
.ant-carousel .slick-dots li button:focus,
.ant-carousel .slick-dots li button:hover {
  opacity: 0.75;
}
.ant-carousel .slick-dots li.slick-active {
  width: 24px;
}
.ant-carousel .slick-dots li.slick-active button {
  background: #fff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active:focus,
.ant-carousel .slick-dots li.slick-active:hover {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  bottom: auto;
  flex-direction: column;
  height: auto;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
}
.ant-carousel-vertical .slick-dots-left {
  left: 12px;
  right: auto;
}
.ant-carousel-vertical .slick-dots-right {
  left: auto;
  right: 12px;
}
.ant-carousel-vertical .slick-dots li {
  height: 16px;
  margin: 4px 2px;
  vertical-align: initial;
  width: 3px;
}
.ant-carousel-vertical .slick-dots li button {
  height: 16px;
  width: 3px;
}
.ant-carousel-vertical .slick-dots li.slick-active,
.ant-carousel-vertical .slick-dots li.slick-active button {
  height: 24px;
  width: 3px;
}
.ant-carousel-rtl {
  direction: rtl;
}
.ant-carousel-rtl .ant-carousel .slick-track {
  left: auto;
  right: 0;
}
.ant-carousel-rtl .ant-carousel .slick-prev {
  left: auto;
  right: -25px;
}
.ant-carousel-rtl .ant-carousel .slick-prev:before {
  content: "→";
}
.ant-carousel-rtl .ant-carousel .slick-next {
  left: -25px;
  right: auto;
}
.ant-carousel-rtl .ant-carousel .slick-next:before {
  content: "←";
}
.ant-carousel-rtl.ant-carousel .slick-dots {
  flex-direction: row-reverse;
}
.ant-carousel-rtl.ant-carousel-vertical .slick-dots {
  flex-direction: column;
}
.ant-cascader {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-cascader-input.ant-input {
  background-color: initial !important;
  cursor: pointer;
  padding-right: 24px;
  position: static;
  width: 100%;
}
.ant-cascader-picker-show-search .ant-cascader-input.ant-input {
  position: relative;
}
.ant-cascader-picker {
  font-feature-settings: "tnum";
  background-color: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  outline: 0;
  padding: 0;
  position: relative;
  transition: color 0.3s;
}
.ant-cascader-picker-with-value .ant-cascader-picker-label {
  color: #0000;
}
.ant-cascader-picker-disabled {
  background: #f5f5f5;
  color: #00000040;
  cursor: not-allowed;
}
.ant-cascader-picker-disabled .ant-cascader-input {
  cursor: not-allowed;
}
.ant-cascader-picker:focus .ant-cascader-input {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-cascader-picker-borderless .ant-cascader-input {
  border-color: #0000 !important;
  box-shadow: none !important;
}
.ant-cascader-picker-show-search.ant-cascader-picker-focused {
  color: #00000040;
}
.ant-cascader-picker-label {
  height: 20px;
  left: 0;
  line-height: 20px;
  margin-top: -10px;
  overflow: hidden;
  padding: 0 20px 0 12px;
  position: absolute;
  text-overflow: ellipsis;
  top: 50%;
  white-space: nowrap;
  width: 100%;
}
.ant-cascader-picker-clear {
  background: #fff;
  color: #00000040;
  cursor: pointer;
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  margin-top: -6px;
  opacity: 0;
  position: absolute;
  right: 12px;
  top: 50%;
  transition:
    color 0.3s ease,
    opacity 0.15s ease;
  width: 12px;
  z-index: 2;
}
.ant-cascader-picker-clear:hover {
  color: #00000073;
}
.ant-cascader-picker:hover .ant-cascader-picker-clear {
  opacity: 1;
}
.ant-cascader-picker-arrow {
  color: #00000040;
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  margin-top: -6px;
  position: absolute;
  right: 12px;
  top: 50%;
  width: 12px;
  z-index: 1;
}
.ant-cascader-picker-label:hover
  + .ant-cascader-input:not(
    .ant-cascader-picker-disabled
      .ant-cascader-picker-label:hover
      + .ant-cascader-input
  ) {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-cascader-picker-small .ant-cascader-picker-arrow,
.ant-cascader-picker-small .ant-cascader-picker-clear {
  right: 8px;
}
.ant-cascader-menus {
  background: #fff;
  border-radius: 2px;
  box-shadow:
    0 3px 6px -4px #0000001f,
    0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  font-size: 14px;
  position: absolute;
  white-space: nowrap;
  z-index: 1050;
}
.ant-cascader-menus ol,
.ant-cascader-menus ul {
  list-style: none;
  margin: 0;
}
.ant-cascader-menus-empty,
.ant-cascader-menus-hidden {
  display: none;
}
.ant-cascader-menus.ant-slide-up-appear.ant-slide-up-appear-active.ant-cascader-menus-placement-bottomLeft,
.ant-cascader-menus.ant-slide-up-enter.ant-slide-up-enter-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-cascader-menus.ant-slide-up-appear.ant-slide-up-appear-active.ant-cascader-menus-placement-topLeft,
.ant-cascader-menus.ant-slide-up-enter.ant-slide-up-enter-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-cascader-menus.ant-slide-up-leave.ant-slide-up-leave-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-cascader-menus.ant-slide-up-leave.ant-slide-up-leave-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-cascader-menu {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border-right: 1px solid #f0f0f0;
  display: inline-block;
  height: 180px;
  list-style: none;
  margin: 0;
  min-width: 111px;
  overflow: auto;
  padding: 4px 0;
  vertical-align: top;
}
.ant-cascader-menu:first-child {
  border-radius: 2px 0 0 2px;
}
.ant-cascader-menu:last-child {
  border-radius: 0 2px 2px 0;
  border-right-color: #0000;
  margin-right: -1px;
}
.ant-cascader-menu:only-child {
  border-radius: 2px;
}
.ant-cascader-menu-item {
  cursor: pointer;
  line-height: 22px;
  overflow: hidden;
  padding: 5px 12px;
  text-overflow: ellipsis;
  transition: all 0.3s;
  white-space: nowrap;
}
.ant-cascader-menu-item:hover {
  background: #f5f5f5;
}
.ant-cascader-menu-item-disabled {
  color: #00000040;
  cursor: not-allowed;
}
.ant-cascader-menu-item-disabled:hover {
  background: #0000;
}
.ant-cascader-menu-empty .ant-cascader-menu-item {
  color: #00000040;
  cursor: default;
  pointer-events: none;
}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  background-color: #e6f7ff;
  font-weight: 600;
}
.ant-cascader-menu-item-expand {
  padding-right: 24px;
  position: relative;
}
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-loading-icon {
  color: #00000073;
  font-size: 10px;
  position: absolute;
  right: 12px;
}
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand
  .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon {
  color: #00000040;
}
.ant-cascader-menu-item .ant-cascader-menu-item-keyword {
  color: #ff4d4f;
}
.ant-cascader-picker-rtl .ant-cascader-input.ant-input {
  padding-left: 24px;
  padding-right: 11px;
  text-align: right;
}
.ant-cascader-picker-rtl {
  direction: rtl;
}
.ant-cascader-picker-rtl .ant-cascader-picker-label {
  padding: 0 12px 0 20px;
  text-align: right;
}
.ant-cascader-picker-rtl .ant-cascader-picker-arrow,
.ant-cascader-picker-rtl .ant-cascader-picker-clear {
  left: 12px;
  right: auto;
}
.ant-cascader-picker-rtl.ant-cascader-picker-small .ant-cascader-picker-arrow,
.ant-cascader-picker-rtl.ant-cascader-picker-small .ant-cascader-picker-clear {
  left: 8px;
  right: auto;
}
.ant-cascader-menu-rtl .ant-cascader-menu {
  border-left: 1px solid #f0f0f0;
  border-right: none;
  direction: rtl;
}
.ant-cascader-menu-rtl .ant-cascader-menu:first-child {
  border-radius: 0 2px 2px 0;
}
.ant-cascader-menu-rtl .ant-cascader-menu:last-child {
  border-left-color: #0000;
  border-radius: 2px 0 0 2px;
  margin-left: -1px;
  margin-right: 0;
}
.ant-cascader-menu-rtl .ant-cascader-menu:only-child {
  border-radius: 2px;
}
.ant-cascader-menu-rtl .ant-cascader-menu-item-expand {
  padding-left: 24px;
  padding-right: 12px;
}
.ant-cascader-menu-rtl
  .ant-cascader-menu-item-expand
  .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-rtl .ant-cascader-menu-item-loading-icon {
  left: 12px;
  right: auto;
}
.ant-cascader-menu-rtl .ant-cascader-menu-item-loading-icon {
  transform: scaleY(-1);
}
.ant-checkbox {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  line-height: 1;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  top: 0.2em;
  white-space: nowrap;
}
.ant-checkbox-input:focus + .ant-checkbox-inner,
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner {
  border-color: #1890ff;
}
.ant-checkbox-checked:after {
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  border: 1px solid #1890ff;
  border-radius: 2px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
}
.ant-checkbox-wrapper:hover .ant-checkbox:after,
.ant-checkbox:hover:after {
  visibility: visible;
}
.ant-checkbox-inner {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-collapse: initial;
  border-radius: 2px;
  direction: ltr;
  display: block;
  height: 16px;
  left: 0;
  position: relative;
  top: 0;
  transition: all 0.3s;
  width: 16px;
}
.ant-checkbox-inner:after {
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  content: " ";
  display: table;
  height: 9.14285714px;
  left: 21.5%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  transition:
    all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6),
    opacity 0.1s;
  width: 5.71428571px;
}
.ant-checkbox-input {
  bottom: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.ant-checkbox-checked .ant-checkbox-inner:after {
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  content: " ";
  display: table;
  opacity: 1;
  position: absolute;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-checkbox-disabled {
  cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {
  animation-name: none;
  border-color: #00000040;
}
.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-checkbox-disabled .ant-checkbox-inner:after {
  animation-name: none;
  border-collapse: initial;
  border-color: #f5f5f5;
}
.ant-checkbox-disabled + span {
  color: #00000040;
  cursor: not-allowed;
}
.ant-checkbox-disabled:hover:after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled:after {
  visibility: hidden;
}
.ant-checkbox-wrapper {
  font-feature-settings: "tnum";
  align-items: baseline;
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  line-height: inherit;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-checkbox-wrapper:after {
  content: "\a0";
  display: inline-block;
  overflow: hidden;
  width: 0;
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox + span {
  padding-left: 8px;
  padding-right: 8px;
}
.ant-checkbox-group {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-checkbox-group-item {
  margin-right: 8px;
}
.ant-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-checkbox-indeterminate .ant-checkbox-inner:after {
  background-color: #1890ff;
  border: 0;
  content: " ";
  height: 8px;
  left: 50%;
  opacity: 1;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 8px;
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after {
  background-color: #00000040;
  border-color: #00000040;
}
.ant-checkbox-rtl {
  direction: rtl;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item {
  margin-left: 8px;
  margin-right: 0;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 8px;
}
.ant-collapse {
  font-feature-settings: "tnum";
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 2px 2px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  color: #000000d9;
  cursor: pointer;
  line-height: 1.5715;
  padding: 12px 16px;
  position: relative;
  transition:
    all 0.3s,
    visibility 0s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:before {
  content: "";
  display: table;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:after {
  clear: both;
  content: "";
  display: table;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  display: inline-block;
  font-size: 12px;
  margin-right: 12px;
  vertical-align: -1px;
}
.ant-collapse
  > .ant-collapse-item
  > .ant-collapse-header
  .ant-collapse-arrow
  svg {
  transition: transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  float: right;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
  outline: none;
}
.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
  cursor: default;
}
.ant-collapse
  > .ant-collapse-item
  .ant-collapse-header-collapsible-only
  .ant-collapse-header-text {
  cursor: pointer;
}
.ant-collapse
  > .ant-collapse-item.ant-collapse-no-arrow
  > .ant-collapse-header {
  padding-left: 12px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 40px 12px 16px;
}
.ant-collapse-icon-position-right
  > .ant-collapse-item
  > .ant-collapse-header
  .ant-collapse-arrow {
  left: auto;
  margin: 0;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.ant-collapse-content {
  background-color: #fff;
  border-top: 1px solid #d9d9d9;
  color: #000000d9;
}
.ant-collapse-content > .ant-collapse-content-box {
  padding: 16px;
}
.ant-collapse-content-hidden {
  display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 2px 2px;
}
.ant-collapse-borderless {
  background-color: #fafafa;
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: initial;
  border-top: 0;
}
.ant-collapse-borderless
  > .ant-collapse-item
  > .ant-collapse-content
  > .ant-collapse-content-box {
  padding-top: 4px;
}
.ant-collapse-ghost {
  background-color: initial;
  border: 0;
}
.ant-collapse-ghost > .ant-collapse-item {
  border-bottom: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
  background-color: initial;
  border-top: 0;
}
.ant-collapse-ghost
  > .ant-collapse-item
  > .ant-collapse-content
  > .ant-collapse-content-box {
  padding-bottom: 12px;
  padding-top: 12px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: #00000040;
  cursor: not-allowed;
}
.ant-collapse-rtl {
  direction: rtl;
}
.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 40px 12px 16px;
}
.ant-collapse-rtl.ant-collapse
  > .ant-collapse-item
  > .ant-collapse-header
  .ant-collapse-arrow
  svg {
  transform: rotate(180deg);
}
.ant-collapse-rtl.ant-collapse
  > .ant-collapse-item
  > .ant-collapse-header
  .ant-collapse-extra {
  float: left;
}
.ant-collapse-rtl.ant-collapse
  > .ant-collapse-item.ant-collapse-no-arrow
  > .ant-collapse-header {
  padding-left: 0;
  padding-right: 12px;
}
.ant-comment {
  background-color: inherit;
  position: relative;
}
.ant-comment-inner {
  display: flex;
  padding: 16px 0;
}
.ant-comment-avatar {
  cursor: pointer;
  flex-shrink: 0;
  margin-right: 12px;
  position: relative;
}
.ant-comment-avatar img {
  border-radius: 50%;
  height: 32px;
  width: 32px;
}
.ant-comment-content {
  word-wrap: break-word;
  flex: 1 1 auto;
  font-size: 14px;
  min-width: 1px;
  position: relative;
}
.ant-comment-content-author {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  justify-content: flex-start;
  margin-bottom: 4px;
}
.ant-comment-content-author > a,
.ant-comment-content-author > span {
  font-size: 12px;
  line-height: 18px;
  padding-right: 8px;
}
.ant-comment-content-author-name {
  color: #00000073;
  font-size: 14px;
  transition: color 0.3s;
}
.ant-comment-content-author-name > *,
.ant-comment-content-author-name > :hover {
  color: #00000073;
}
.ant-comment-content-author-time {
  color: #ccc;
  cursor: auto;
  white-space: nowrap;
}
.ant-comment-content-detail p {
  margin-bottom: inherit;
  white-space: pre-wrap;
}
.ant-comment-actions {
  margin-bottom: inherit;
  margin-top: 12px;
  padding-left: 0;
}
.ant-comment-actions > li {
  color: #00000073;
  display: inline-block;
}
.ant-comment-actions > li > span {
  color: #00000073;
  cursor: pointer;
  font-size: 12px;
  margin-right: 10px;
  transition: color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-comment-actions > li > span:hover {
  color: #595959;
}
.ant-comment-nested {
  margin-left: 44px;
}
.ant-comment-rtl {
  direction: rtl;
}
.ant-comment-rtl .ant-comment-avatar {
  margin-left: 12px;
  margin-right: 0;
}
.ant-comment-rtl .ant-comment-content-author > a,
.ant-comment-rtl .ant-comment-content-author > span {
  padding-left: 8px;
  padding-right: 0;
}
.ant-comment-rtl .ant-comment-actions {
  padding-right: 0;
}
.ant-comment-rtl .ant-comment-actions > li > span {
  margin-left: 10px;
  margin-right: 0;
}
.ant-comment-rtl .ant-comment-nested {
  margin-left: 0;
  margin-right: 44px;
}
.ant-picker {
  font-feature-settings: "tnum";
  align-items: center;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  display: inline-flex;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 4px 11px;
  position: relative;
  transition:
    border 0.3s,
    box-shadow 0.3s;
}
.ant-picker-focused,
.ant-picker:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-picker-focused {
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-picker.ant-picker-disabled {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-picker.ant-picker-disabled .ant-picker-suffix {
  color: #00000040;
}
.ant-picker.ant-picker-borderless {
  background-color: initial !important;
  border-color: #0000 !important;
  box-shadow: none !important;
}
.ant-picker-input {
  align-items: center;
  display: inline-flex;
  position: relative;
  width: 100%;
}
.ant-picker-input > input {
  background-color: #fff;
  background-image: none;
  background: #0000;
  border: 0;
  border-radius: 2px;
  color: #000000d9;
  display: inline-block;
  flex: auto;
  font-size: 14px;
  height: auto;
  line-height: 1.5715;
  min-width: 0;
  min-width: 1px;
  padding: 0;
  position: relative;
  transition: all 0.3s;
  width: 100%;
}
.ant-picker-input > input::-moz-placeholder {
  opacity: 1;
}
.ant-picker-input > input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-picker-input > input::placeholder {
  color: #bfbfbf;
}
.ant-picker-input > input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-picker-input > input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-picker-input > input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-picker-input > input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-picker-input > input-focused,
.ant-picker-input > input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-picker-input > input-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-picker-input > input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-picker-input > input[disabled] {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-picker-input > input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-picker-input > input-borderless,
.ant-picker-input > input-borderless-disabled,
.ant-picker-input > input-borderless-focused,
.ant-picker-input > input-borderless:focus,
.ant-picker-input > input-borderless:hover,
.ant-picker-input > input-borderless[disabled] {
  background-color: initial;
  border: none;
  box-shadow: none;
}
textarea.ant-picker-input > input {
  height: auto;
  line-height: 1.5715;
  max-width: 100%;
  min-height: 32px;
  transition:
    all 0.3s,
    height 0s;
  vertical-align: bottom;
}
.ant-picker-input > input-lg {
  font-size: 16px;
  padding: 6.5px 11px;
}
.ant-picker-input > input-sm {
  padding: 0 7px;
}
.ant-picker-input > input:focus {
  box-shadow: none;
}
.ant-picker-input > input[disabled] {
  background: #0000;
}
.ant-picker-input:hover .ant-picker-clear {
  opacity: 1;
}
.ant-picker-input-placeholder > input {
  color: #bfbfbf;
}
.ant-picker-large {
  padding: 6.5px 11px;
}
.ant-picker-large .ant-picker-input > input {
  font-size: 16px;
}
.ant-picker-small {
  padding: 0 7px;
}
.ant-picker-suffix {
  align-self: center;
  color: #00000040;
  line-height: 1;
  margin-left: 4px;
  pointer-events: none;
}
.ant-picker-suffix > * {
  vertical-align: top;
}
.ant-picker-clear {
  background: #fff;
  color: #00000040;
  cursor: pointer;
  line-height: 1;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition:
    opacity 0.3s,
    color 0.3s;
}
.ant-picker-clear > * {
  vertical-align: top;
}
.ant-picker-clear:hover {
  color: #00000073;
}
.ant-picker-separator {
  color: #00000040;
  cursor: default;
  display: inline-block;
  font-size: 16px;
  height: 16px;
  position: relative;
  vertical-align: top;
  width: 1em;
}
.ant-picker-focused .ant-picker-separator {
  color: #00000073;
}
.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
  cursor: not-allowed;
}
.ant-picker-range {
  display: inline-flex;
  position: relative;
}
.ant-picker-range .ant-picker-clear {
  right: 11px;
}
.ant-picker-range:hover .ant-picker-clear {
  opacity: 1;
}
.ant-picker-range .ant-picker-active-bar {
  background: #1890ff;
  bottom: -1px;
  height: 2px;
  margin-left: 11px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease-out;
}
.ant-picker-range.ant-picker-focused .ant-picker-active-bar {
  opacity: 1;
}
.ant-picker-range-separator {
  align-items: center;
  line-height: 1;
  padding: 0 8px;
}
.ant-picker-range.ant-picker-small .ant-picker-clear {
  right: 7px;
}
.ant-picker-range.ant-picker-small .ant-picker-active-bar {
  margin-left: 7px;
}
.ant-picker-dropdown {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 1050;
}
.ant-picker-dropdown-hidden {
  display: none;
}
.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
  display: block;
  top: 1.66666667px;
  transform: rotate(-45deg);
}
.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
  bottom: 1.66666667px;
  display: block;
  transform: rotate(135deg);
}
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-picker-dropdown-range {
  padding: 6.66666667px 0;
}
.ant-picker-dropdown-range-hidden {
  display: none;
}
.ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel {
  padding-top: 4px;
}
.ant-picker-ranges {
  line-height: 34px;
  list-style: none;
  margin-bottom: 0;
  overflow: hidden;
  padding: 4px 12px;
  text-align: left;
}
.ant-picker-ranges > li {
  display: inline-block;
}
.ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
  background: #e6f7ff;
  border-color: #91d5ff;
  color: #1890ff;
  cursor: pointer;
}
.ant-picker-ranges .ant-picker-ok {
  float: right;
  margin-left: 8px;
}
.ant-picker-range-wrapper {
  display: flex;
}
.ant-picker-range-arrow {
  box-shadow: 2px -2px 6px #0000000f;
  display: none;
  height: 10px;
  margin-left: 16.5px;
  position: absolute;
  transition: left 0.3s ease-out;
  width: 10px;
  z-index: 1;
}
.ant-picker-range-arrow:after {
  border-color: #fff #fff #0000 #0000;
  border-style: solid;
  border-width: 5px;
  content: "";
  height: 10px;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 10px;
}
.ant-picker-panel-container {
  background: #fff;
  border-radius: 2px;
  box-shadow:
    0 3px 6px -4px #0000001f,
    0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  overflow: hidden;
  transition: margin 0.3s;
  vertical-align: top;
}
.ant-picker-panel-container .ant-picker-panels {
  direction: ltr;
  display: inline-flex;
  flex-wrap: nowrap;
}
.ant-picker-panel-container .ant-picker-panel {
  background: #0000;
  border-radius: 0;
  border-width: 0 0 1px;
  vertical-align: top;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-content,
.ant-picker-panel-container .ant-picker-panel table {
  text-align: center;
}
.ant-picker-panel-container .ant-picker-panel-focused {
  border-color: #f0f0f0;
}
.ant-picker-panel {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  display: inline-flex;
  flex-direction: column;
  outline: none;
  text-align: center;
}
.ant-picker-panel-focused {
  border-color: #1890ff;
}
.ant-picker-date-panel,
.ant-picker-decade-panel,
.ant-picker-month-panel,
.ant-picker-quarter-panel,
.ant-picker-time-panel,
.ant-picker-week-panel,
.ant-picker-year-panel {
  display: flex;
  flex-direction: column;
  width: 280px;
}
.ant-picker-header {
  border-bottom: 1px solid #f0f0f0;
  color: #000000d9;
  display: flex;
  padding: 0 8px;
}
.ant-picker-header > * {
  flex: none;
}
.ant-picker-header button {
  background: #0000;
  border: 0;
  color: #00000040;
  cursor: pointer;
  line-height: 40px;
  padding: 0;
  transition: color 0.3s;
}
.ant-picker-header > button {
  font-size: 14px;
  min-width: 1.6em;
}
.ant-picker-header > button:hover {
  color: #000000d9;
}
.ant-picker-header-view {
  flex: auto;
  font-weight: 500;
  line-height: 40px;
}
.ant-picker-header-view button {
  color: inherit;
  font-weight: inherit;
}
.ant-picker-header-view button:not(:first-child) {
  margin-left: 8px;
}
.ant-picker-header-view button:hover {
  color: #1890ff;
}
.ant-picker-next-icon,
.ant-picker-prev-icon,
.ant-picker-super-next-icon,
.ant-picker-super-prev-icon {
  display: inline-block;
  height: 7px;
  position: relative;
  width: 7px;
}
.ant-picker-next-icon:before,
.ant-picker-prev-icon:before,
.ant-picker-super-next-icon:before,
.ant-picker-super-prev-icon:before {
  border: 0 solid;
  border-width: 1.5px 0 0 1.5px;
  content: "";
  display: inline-block;
  height: 7px;
  left: 0;
  position: absolute;
  top: 0;
  width: 7px;
}
.ant-picker-super-next-icon:after,
.ant-picker-super-prev-icon:after {
  border: 0 solid;
  border-width: 1.5px 0 0 1.5px;
  content: "";
  display: inline-block;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 7px;
}
.ant-picker-prev-icon,
.ant-picker-super-prev-icon {
  transform: rotate(-45deg);
}
.ant-picker-next-icon,
.ant-picker-super-next-icon {
  transform: rotate(135deg);
}
.ant-picker-content {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.ant-picker-content td,
.ant-picker-content th {
  font-weight: 400;
  min-width: 24px;
  position: relative;
}
.ant-picker-content th {
  color: #000000d9;
  height: 30px;
  line-height: 30px;
}
.ant-picker-cell {
  color: #00000040;
  cursor: pointer;
  padding: 3px 0;
}
.ant-picker-cell-in-view {
  color: #000000d9;
}
.ant-picker-cell:before {
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
  z-index: 1;
}
.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(
    .ant-picker-cell-range-start
  ):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(
    .ant-picker-cell-range-hover-end
  )
  .ant-picker-cell-inner {
  background: #f5f5f5;
}
.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before {
  border: 1px solid #1890ff;
  border-radius: 2px;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range {
  position: relative;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range:before {
  background: #e6f7ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
  background: #1890ff;
  color: #fff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(
    .ant-picker-cell-range-end-single
  ):before,
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(
    .ant-picker-cell-range-start-single
  ):before {
  background: #e6f7ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:before {
  left: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end:before {
  right: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single:after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover:after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(
    .ant-picker-cell-in-range
  ):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single:after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover:after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(
    .ant-picker-cell-in-range
  ):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(
    .ant-picker-cell-in-range
  ):after {
  border-bottom: 1px dashed #7ec1ff;
  border-top: 1px dashed #7ec1ff;
  content: "";
  height: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
  z-index: 0;
}
.ant-picker-cell-range-hover-end:after,
.ant-picker-cell-range-hover-start:after,
.ant-picker-cell-range-hover:after {
  left: 2px;
  right: 0;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover:before,
.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover:before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(
    .ant-picker-cell-range-end-single
  ).ant-picker-cell-range-hover-end:before,
.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover:before,
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(
    .ant-picker-cell-range-start-single
  ).ant-picker-cell-range-hover-start:before,
.ant-picker-panel
  > :not(.ant-picker-date-panel)
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end:before,
.ant-picker-panel
  > :not(.ant-picker-date-panel)
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start:before {
  background: #cbe6ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(
    .ant-picker-cell-range-start-single
  ):not(.ant-picker-cell-range-end)
  .ant-picker-cell-inner {
  border-radius: 2px 0 0 2px;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(
    .ant-picker-cell-range-end-single
  ):not(.ant-picker-cell-range-start)
  .ant-picker-cell-inner {
  border-radius: 0 2px 2px 0;
}
.ant-picker-date-panel
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end
  .ant-picker-cell-inner:after,
.ant-picker-date-panel
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start
  .ant-picker-cell-inner:after {
  background: #cbe6ff;
  bottom: 0;
  content: "";
  position: absolute;
  top: 0;
  transition: all 0.3s;
  z-index: -1;
}
.ant-picker-date-panel
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start
  .ant-picker-cell-inner:after {
  left: 0;
  right: -6px;
}
.ant-picker-date-panel
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end
  .ant-picker-cell-inner:after {
  left: -6px;
  right: 0;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-start:after {
  right: 50%;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-end:after {
  left: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(
    .ant-picker-cell-range-hover-edge-start-near-range
  ):after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:after,
.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range:after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child:after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child:after {
  border-bottom-left-radius: 2px;
  border-left: 1px dashed #7ec1ff;
  border-top-left-radius: 2px;
  left: 6px;
}
.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range:after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(
    .ant-picker-cell-range-hover-edge-end-near-range
  ):after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:after,
tr
  > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child:after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child:after {
  border-bottom-right-radius: 2px;
  border-right: 1px dashed #7ec1ff;
  border-top-right-radius: 2px;
  right: 6px;
}
.ant-picker-cell-disabled {
  color: #00000040;
  pointer-events: none;
}
.ant-picker-cell-disabled .ant-picker-cell-inner {
  background: #0000;
}
.ant-picker-cell-disabled:before {
  background: #0000000a;
}
.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner:before {
  border-color: #00000040;
}
.ant-picker-decade-panel .ant-picker-content,
.ant-picker-month-panel .ant-picker-content,
.ant-picker-quarter-panel .ant-picker-content,
.ant-picker-year-panel .ant-picker-content {
  height: 264px;
}
.ant-picker-decade-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-year-panel .ant-picker-cell-inner {
  padding: 0 8px;
}
.ant-picker-quarter-panel .ant-picker-content {
  height: 56px;
}
.ant-picker-footer {
  border-bottom: 1px solid #0000;
  line-height: 38px;
  min-width: 100%;
  text-align: center;
  width: -moz-min-content;
  width: min-content;
}
.ant-picker-panel .ant-picker-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-picker-footer-extra {
  line-height: 38px;
  padding: 0 12px;
  text-align: left;
}
.ant-picker-footer-extra:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
.ant-picker-now {
  text-align: left;
}
.ant-picker-today-btn {
  color: #1890ff;
}
.ant-picker-today-btn:hover {
  color: #40a9ff;
}
.ant-picker-today-btn:active {
  color: #096dd9;
}
.ant-picker-today-btn.ant-picker-today-btn-disabled {
  color: #00000040;
  cursor: not-allowed;
}
.ant-picker-decade-panel .ant-picker-cell-inner {
  padding: 0 4px;
}
.ant-picker-decade-panel .ant-picker-cell:before {
  display: none;
}
.ant-picker-month-panel .ant-picker-body,
.ant-picker-quarter-panel .ant-picker-body,
.ant-picker-year-panel .ant-picker-body {
  padding: 0 8px;
}
.ant-picker-month-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-year-panel .ant-picker-cell-inner {
  width: 60px;
}
.ant-picker-month-panel .ant-picker-cell-range-hover-start:after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-start:after,
.ant-picker-year-panel .ant-picker-cell-range-hover-start:after {
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px 0 0 2px;
  left: 14px;
}
.ant-picker-month-panel .ant-picker-cell-range-hover-end:after,
.ant-picker-panel-rtl
  .ant-picker-month-panel
  .ant-picker-cell-range-hover-start:after,
.ant-picker-panel-rtl
  .ant-picker-quarter-panel
  .ant-picker-cell-range-hover-start:after,
.ant-picker-panel-rtl
  .ant-picker-year-panel
  .ant-picker-cell-range-hover-start:after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-end:after,
.ant-picker-year-panel .ant-picker-cell-range-hover-end:after {
  border-radius: 0 2px 2px 0;
  border-right: 1px dashed #7ec1ff;
  right: 14px;
}
.ant-picker-panel-rtl
  .ant-picker-month-panel
  .ant-picker-cell-range-hover-end:after,
.ant-picker-panel-rtl
  .ant-picker-quarter-panel
  .ant-picker-cell-range-hover-end:after,
.ant-picker-panel-rtl
  .ant-picker-year-panel
  .ant-picker-cell-range-hover-end:after {
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px 0 0 2px;
  left: 14px;
}
.ant-picker-week-panel .ant-picker-body {
  padding: 8px 12px;
}
.ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner {
  background: #0000 !important;
}
.ant-picker-week-panel-row td {
  transition: background 0.3s;
}
.ant-picker-week-panel-row:hover td {
  background: #f5f5f5;
}
.ant-picker-week-panel-row-selected td,
.ant-picker-week-panel-row-selected:hover td {
  background: #1890ff;
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-week,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
  color: #ffffff80;
}
.ant-picker-week-panel-row-selected
  td.ant-picker-cell-today
  .ant-picker-cell-inner:before,
.ant-picker-week-panel-row-selected:hover
  td.ant-picker-cell-today
  .ant-picker-cell-inner:before {
  border-color: #fff;
}
.ant-picker-week-panel-row-selected td .ant-picker-cell-inner,
.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
  color: #fff;
}
.ant-picker-date-panel .ant-picker-body {
  padding: 8px 12px;
}
.ant-picker-date-panel .ant-picker-content {
  width: 252px;
}
.ant-picker-date-panel .ant-picker-content th {
  width: 36px;
}
.ant-picker-datetime-panel {
  display: flex;
}
.ant-picker-datetime-panel .ant-picker-time-panel {
  border-left: 1px solid #f0f0f0;
}
.ant-picker-datetime-panel .ant-picker-date-panel,
.ant-picker-datetime-panel .ant-picker-time-panel {
  transition: opacity 0.3s;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel,
.ant-picker-datetime-panel-active .ant-picker-time-panel {
  opacity: 0.3;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel-active,
.ant-picker-datetime-panel-active .ant-picker-time-panel-active {
  opacity: 1;
}
.ant-picker-time-panel {
  min-width: auto;
  width: auto;
}
.ant-picker-time-panel .ant-picker-content {
  display: flex;
  flex: auto;
  height: 224px;
}
.ant-picker-time-panel-column {
  flex: 1 0 auto;
  list-style: none;
  margin: 0;
  overflow-y: hidden;
  padding: 0;
  text-align: left;
  transition: background 0.3s;
  width: 56px;
}
.ant-picker-time-panel-column:after {
  content: "";
  display: block;
  height: 196px;
}
.ant-picker-datetime-panel .ant-picker-time-panel-column:after {
  height: 198px;
}
.ant-picker-time-panel-column:not(:first-child) {
  border-left: 1px solid #f0f0f0;
}
.ant-picker-time-panel-column-active {
  background: #e6f7ff33;
}
.ant-picker-time-panel-column:hover {
  overflow-y: auto;
}
.ant-picker-time-panel-column > li {
  margin: 0;
  padding: 0;
}
.ant-picker-time-panel-column
  > li.ant-picker-time-panel-cell
  .ant-picker-time-panel-cell-inner {
  border-radius: 0;
  color: #000000d9;
  cursor: pointer;
  display: block;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding: 0 0 0 14px;
  transition: background 0.3s;
  width: 100%;
}
.ant-picker-time-panel-column
  > li.ant-picker-time-panel-cell
  .ant-picker-time-panel-cell-inner:hover {
  background: #f5f5f5;
}
.ant-picker-time-panel-column
  > li.ant-picker-time-panel-cell-selected
  .ant-picker-time-panel-cell-inner {
  background: #e6f7ff;
}
.ant-picker-time-panel-column
  > li.ant-picker-time-panel-cell-disabled
  .ant-picker-time-panel-cell-inner {
  background: #0000;
  color: #00000040;
  cursor: not-allowed;
}
:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,
_:-ms-fullscreen
  .ant-picker-range-wrapper
  .ant-picker-month-panel
  .ant-picker-cell,
_:-ms-fullscreen
  .ant-picker-range-wrapper
  .ant-picker-year-panel
  .ant-picker-cell {
  padding: 21px 0;
}
.ant-picker-rtl {
  direction: rtl;
}
.ant-picker-rtl .ant-picker-suffix {
  margin-left: 0;
  margin-right: 4px;
}
.ant-picker-rtl .ant-picker-clear {
  left: 0;
  right: auto;
}
.ant-picker-rtl .ant-picker-separator {
  transform: rotate(180deg);
}
.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) {
  margin-left: 0;
  margin-right: 8px;
}
.ant-picker-rtl.ant-picker-range .ant-picker-clear {
  left: 11px;
  right: auto;
}
.ant-picker-rtl.ant-picker-range .ant-picker-active-bar {
  margin-left: 0;
  margin-right: 11px;
}
.ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar {
  margin-right: 7px;
}
.ant-picker-dropdown-rtl .ant-picker-ranges {
  text-align: right;
}
.ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok {
  float: left;
  margin-left: 0;
  margin-right: 8px;
}
.ant-picker-panel-rtl {
  direction: rtl;
}
.ant-picker-panel-rtl .ant-picker-prev-icon,
.ant-picker-panel-rtl .ant-picker-super-prev-icon {
  transform: rotate(135deg);
}
.ant-picker-panel-rtl .ant-picker-next-icon,
.ant-picker-panel-rtl .ant-picker-super-next-icon {
  transform: rotate(-45deg);
}
.ant-picker-cell .ant-picker-cell-inner {
  border-radius: 2px;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  min-width: 24px;
  position: relative;
  transition:
    background 0.3s,
    border 0.3s;
  z-index: 2;
}
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-range-start:before {
  left: 0;
  right: 50%;
}
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-range-end:before {
  left: 50%;
  right: 0;
}
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end:before {
  left: 50%;
  right: 50%;
}
.ant-picker-panel-rtl
  .ant-picker-date-panel
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start
  .ant-picker-cell-inner:after {
  left: -6px;
  right: 0;
}
.ant-picker-panel-rtl
  .ant-picker-date-panel
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end
  .ant-picker-cell-inner:after {
  left: 0;
  right: -6px;
}
.ant-picker-panel-rtl
  .ant-picker-cell-range-hover.ant-picker-cell-range-start:after {
  left: 50%;
  right: 0;
}
.ant-picker-panel-rtl
  .ant-picker-cell-range-hover.ant-picker-cell-range-end:after {
  left: 0;
  right: 50%;
}
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(
    .ant-picker-cell-range-start-single
  ):not(.ant-picker-cell-range-end)
  .ant-picker-cell-inner {
  border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(
    .ant-picker-cell-range-end-single
  ):not(.ant-picker-cell-range-start)
  .ant-picker-cell-inner {
  border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(
    .ant-picker-cell-range-hover-edge-start-near-range
  ):after,
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:after,
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range:after,
.ant-picker-panel-rtl
  tr
  > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(
    .ant-picker-cell-selected
  ):first-child:after {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 2px;
  border-left: none;
  border-right: 1px dashed #7ec1ff;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  left: 0;
  right: 6px;
}
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range:after,
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(
    .ant-picker-cell-range-hover-edge-end-near-range
  ):after,
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:after,
.ant-picker-panel-rtl
  tr
  > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(
    .ant-picker-cell-selected
  ):last-child:after {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-left: 1px dashed #7ec1ff;
  border-right: none;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  left: 6px;
  right: 0;
}
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(
    .ant-picker-cell-range-hover
  ):after,
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(
    .ant-picker-cell-range-hover
  ):after,
.ant-picker-panel-rtl
  .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(
    .ant-picker-cell-range-hover
  ):after,
.ant-picker-panel-rtl
  tr
  > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child:after,
.ant-picker-panel-rtl
  tr
  > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child:after,
.ant-picker-panel-rtl
  tr
  > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child:after,
.ant-picker-panel-rtl
  tr
  > .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child:after {
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px;
  border-right: 1px dashed #7ec1ff;
  left: 6px;
  right: 6px;
}
.ant-picker-dropdown-rtl .ant-picker-footer-extra {
  direction: rtl;
  text-align: right;
}
.ant-picker-panel-rtl .ant-picker-time-panel {
  direction: ltr;
}
.ant-descriptions-header {
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}
.ant-descriptions-title {
  color: #000000d9;
  flex: auto;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5715;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-descriptions-extra {
  color: #000000d9;
  font-size: 14px;
  margin-left: auto;
}
.ant-descriptions-view {
  border-radius: 2px;
  overflow: hidden;
  width: 100%;
}
.ant-descriptions-view table {
  table-layout: fixed;
  width: 100%;
}
.ant-descriptions-row > td,
.ant-descriptions-row > th {
  padding-bottom: 16px;
}
.ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-item-label {
  color: #000000d9;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5715;
  text-align: start;
}
.ant-descriptions-item-label:after {
  content: ":";
  margin: 0 8px 0 2px;
  position: relative;
  top: -0.5px;
}
.ant-descriptions-item-label.ant-descriptions-item-no-colon:after {
  content: " ";
}
.ant-descriptions-item-no-label:after {
  content: "";
  margin: 0;
}
.ant-descriptions-item-content {
  color: #000000d9;
  display: table-cell;
  flex: 1 1;
  font-size: 14px;
  line-height: 1.5715;
  overflow-wrap: break-word;
  word-break: break-word;
}
.ant-descriptions-item {
  padding-bottom: 0;
  vertical-align: top;
}
.ant-descriptions-item-container {
  display: flex;
}
.ant-descriptions-item-container .ant-descriptions-item-content,
.ant-descriptions-item-container .ant-descriptions-item-label {
  align-items: baseline;
  display: inline-flex;
}
.ant-descriptions-middle .ant-descriptions-row > td,
.ant-descriptions-middle .ant-descriptions-row > th {
  padding-bottom: 12px;
}
.ant-descriptions-small .ant-descriptions-row > td,
.ant-descriptions-small .ant-descriptions-row > th {
  padding-bottom: 8px;
}
.ant-descriptions-bordered .ant-descriptions-view {
  border: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-view > table {
  border-collapse: collapse;
  table-layout: auto;
}
.ant-descriptions-bordered .ant-descriptions-item-content,
.ant-descriptions-bordered .ant-descriptions-item-label {
  border-right: 1px solid #f0f0f0;
  padding: 16px 24px;
}
.ant-descriptions-bordered .ant-descriptions-item-content:last-child,
.ant-descriptions-bordered .ant-descriptions-item-label:last-child {
  border-right: none;
}
.ant-descriptions-bordered .ant-descriptions-item-label {
  background-color: #fafafa;
}
.ant-descriptions-bordered .ant-descriptions-item-label:after {
  display: none;
}
.ant-descriptions-bordered .ant-descriptions-row {
  border-bottom: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-bordered.ant-descriptions-middle
  .ant-descriptions-item-content,
.ant-descriptions-bordered.ant-descriptions-middle
  .ant-descriptions-item-label {
  padding: 12px 24px;
}
.ant-descriptions-bordered.ant-descriptions-small
  .ant-descriptions-item-content,
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label {
  padding: 8px 16px;
}
.ant-descriptions-rtl {
  direction: rtl;
}
.ant-descriptions-rtl .ant-descriptions-item-label:after {
  margin: 0 2px 0 8px;
}
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label {
  border-left: 1px solid #f0f0f0;
  border-right: none;
}
.ant-descriptions-rtl.ant-descriptions-bordered
  .ant-descriptions-item-content:last-child,
.ant-descriptions-rtl.ant-descriptions-bordered
  .ant-descriptions-item-label:last-child {
  border-left: none;
}
.ant-divider {
  font-feature-settings: "tnum";
  border-top: 1px solid #0000000f;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-divider-vertical {
  border-left: 1px solid #0000000f;
  border-top: 0;
  display: inline-block;
  height: 0.9em;
  margin: 0 8px;
  position: relative;
  top: -0.06em;
  vertical-align: middle;
}
.ant-divider-horizontal {
  clear: both;
  display: flex;
  margin: 24px 0;
  min-width: 100%;
  width: 100%;
}
.ant-divider-horizontal.ant-divider-with-text {
  border-top: 0;
  border-top-color: #0000000f;
  color: #000000d9;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  margin: 16px 0;
  text-align: center;
  white-space: nowrap;
}
.ant-divider-horizontal.ant-divider-with-text:after,
.ant-divider-horizontal.ant-divider-with-text:before {
  border-bottom: 0;
  border-top: 1px solid #0000;
  border-top-color: inherit;
  content: "";
  position: relative;
  top: 50%;
  transform: translateY(50%);
  width: 50%;
}
.ant-divider-horizontal.ant-divider-with-text-left:before {
  top: 50%;
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left:after,
.ant-divider-horizontal.ant-divider-with-text-right:before {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right:after {
  top: 50%;
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 1em;
}
.ant-divider-dashed {
  background: none;
  border: dashed #0000000f;
  border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
  border-top: 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed:after,
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed:before {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}
.ant-divider-plain.ant-divider-with-text {
  color: #000000d9;
  font-size: 14px;
  font-weight: 400;
}
.ant-divider-rtl {
  direction: rtl;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left:before {
  width: 95%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left:after,
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right:before {
  width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right:after {
  width: 95%;
}
.ant-drawer {
  height: 100%;
  position: fixed;
  transition:
    transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1),
    height 0s ease 0.3s,
    width 0s ease 0.3s;
  width: 0;
  z-index: 1000;
}
.ant-drawer > * {
  transition:
    transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1),
    box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-content-wrapper {
  height: 100%;
  position: absolute;
  width: 100%;
}
.ant-drawer .ant-drawer-content {
  height: 100%;
  width: 100%;
}
.ant-drawer-left,
.ant-drawer-right {
  height: 100%;
  top: 0;
  width: 0;
}
.ant-drawer-left .ant-drawer-content-wrapper,
.ant-drawer-right .ant-drawer-content-wrapper {
  height: 100%;
}
.ant-drawer-left.ant-drawer-open,
.ant-drawer-right.ant-drawer-open {
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  width: 100%;
}
.ant-drawer-left,
.ant-drawer-left .ant-drawer-content-wrapper {
  left: 0;
}
.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow:
    6px 0 16px -8px #00000014,
    9px 0 28px 0 #0000000d,
    12px 0 48px 16px #00000008;
}
.ant-drawer-right,
.ant-drawer-right .ant-drawer-content-wrapper {
  right: 0;
}
.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow:
    -6px 0 16px -8px #00000014,
    -9px 0 28px 0 #0000000d,
    -12px 0 48px 16px #00000008;
}
.ant-drawer-right.ant-drawer-open.no-mask {
  right: 1px;
  transform: translateX(1px);
}
.ant-drawer-bottom,
.ant-drawer-top {
  height: 0;
  left: 0;
  width: 100%;
}
.ant-drawer-bottom .ant-drawer-content-wrapper,
.ant-drawer-top .ant-drawer-content-wrapper {
  width: 100%;
}
.ant-drawer-bottom.ant-drawer-open,
.ant-drawer-top.ant-drawer-open {
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-top {
  top: 0;
}
.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow:
    0 6px 16px -8px #00000014,
    0 9px 28px 0 #0000000d,
    0 12px 48px 16px #00000008;
}
.ant-drawer-bottom,
.ant-drawer-bottom .ant-drawer-content-wrapper {
  bottom: 0;
}
.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow:
    0 -6px 16px -8px #00000014,
    0 -9px 28px 0 #0000000d,
    0 -12px 48px 16px #00000008;
}
.ant-drawer-bottom.ant-drawer-open.no-mask {
  bottom: 1px;
  transform: translateY(1px);
}
.ant-drawer.ant-drawer-open .ant-drawer-mask {
  animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  height: 100%;
  opacity: 1;
  pointer-events: auto;
  transition: none;
}
.ant-drawer-title {
  color: #000000d9;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin: 0;
}
.ant-drawer-content {
  background-clip: padding-box;
  background-color: #fff;
  border: 0;
  overflow: auto;
  position: relative;
  z-index: 1;
}
.ant-drawer-close {
  background: #0000;
  border: 0;
  color: #00000073;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  outline: 0;
  padding: 20px;
  position: absolute;
  right: 0;
  text-align: center;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  top: 0;
  transition: color 0.3s;
  z-index: 10;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: #000000bf;
  text-decoration: none;
}
.ant-drawer-header-no-title .ant-drawer-close {
  margin-right: 0;
  margin-right: var(--scroll-bar);
  padding-right: 20px;
  padding-right: calc(20px - var(--scroll-bar));
}
.ant-drawer-header {
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
  padding: 16px 24px;
  position: relative;
}
.ant-drawer-header,
.ant-drawer-header-no-title {
  background: #fff;
  color: #000000d9;
}
.ant-drawer-wrapper-body {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  width: 100%;
}
.ant-drawer-body {
  word-wrap: break-word;
  flex-grow: 1;
  font-size: 14px;
  line-height: 1.5715;
  overflow: auto;
  padding: 24px;
}
.ant-drawer-footer {
  border-top: 1px solid #f0f0f0;
  flex-shrink: 0;
  padding: 10px 16px;
}
.ant-drawer-mask {
  background-color: #00000073;
  filter: alpha(opacity=45);
  height: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition:
    opacity 0.3s linear,
    height 0s ease 0.3s;
  width: 100%;
}
.ant-drawer-open-content {
  box-shadow:
    0 3px 6px -4px #0000001f,
    0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
}
.ant-drawer .ant-picker-clear {
  background: #fff;
}
@keyframes antdDrawerFadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ant-drawer-rtl {
  direction: rtl;
}
.ant-drawer-rtl .ant-drawer-close {
  left: 0;
  right: auto;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
  color: #ff4d4f;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover {
  background-color: #ff4d4f;
  color: #fff;
}
.ant-dropdown {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: block;
  font-size: 14px;
  font-variant: tabular-nums;
  left: -9999px;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -9999px;
  z-index: 1050;
}
.ant-dropdown:before {
  bottom: -4px;
  content: " ";
  left: -7px;
  opacity: 0.0001;
  position: absolute;
  right: 0;
  top: -4px;
  z-index: -9999;
}
.ant-dropdown-wrap {
  position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 10px;
}
.ant-dropdown-wrap .anticon-down:before {
  transition: transform 0.2s;
}
.ant-dropdown-wrap-open .anticon-down:before {
  transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden,
.ant-dropdown-menu-submenu-hidden {
  display: none;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-topCenter,
.ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
  padding-bottom: 10px;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomCenter,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
  padding-top: 10px;
}
.ant-dropdown-arrow {
  background: #0000;
  border-style: solid;
  border-width: 4.24264069px;
  display: block;
  height: 8.48528137px;
  position: absolute;
  transform: rotate(45deg);
  width: 8.48528137px;
  z-index: 1;
}
.ant-dropdown-placement-topCenter > .ant-dropdown-arrow,
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
  border-color: #0000 #fff #fff #0000;
  bottom: 6.2px;
  box-shadow: 3px 3px 7px #00000012;
}
.ant-dropdown-placement-topCenter > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
  left: 16px;
}
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
  right: 16px;
}
.ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  border-color: #fff #0000 #0000 #fff;
  box-shadow: -2px -2px 5px #0000000f;
  top: 6px;
}
.ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
  left: 16px;
}
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  right: 16px;
}
.ant-dropdown-menu {
  background-clip: padding-box;
  background-color: #fff;
  border-radius: 2px;
  box-shadow:
    0 3px 6px -4px #0000001f,
    0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  list-style-type: none;
  margin: 0;
  outline: none;
  padding: 4px 0;
  position: relative;
  text-align: left;
}
.ant-dropdown-menu-item-group-title {
  color: #00000073;
  padding: 5px 12px;
  transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
  background: #0000;
  box-shadow: none;
  position: absolute;
  transform-origin: 0 0;
  z-index: 1050;
}
.ant-dropdown-menu-submenu-popup li,
.ant-dropdown-menu-submenu-popup ul {
  list-style: none;
}
.ant-dropdown-menu-submenu-popup ul {
  margin-left: 0.3em;
  margin-right: 0.3em;
}
.ant-dropdown-menu-item {
  align-items: center;
  display: flex;
  position: relative;
}
.ant-dropdown-menu-item-icon {
  font-size: 12px;
  margin-right: 8px;
  min-width: 12px;
}
.ant-dropdown-menu-title-content {
  flex: auto;
}
.ant-dropdown-menu-title-content > a {
  color: inherit;
  transition: all 0.3s;
}
.ant-dropdown-menu-title-content > a:hover {
  color: inherit;
}
.ant-dropdown-menu-title-content > a:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  color: #000000d9;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  padding: 5px 12px;
  transition: all 0.3s;
  white-space: nowrap;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected {
  background-color: #e6f7ff;
  color: #1890ff;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #f5f5f5;
}
.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: #00000040;
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  background-color: #fff;
  color: #00000040;
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled a,
.ant-dropdown-menu-submenu-title-disabled a {
  pointer-events: none;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  background-color: #f0f0f0;
  height: 1px;
  line-height: 0;
  margin: 4px 0;
  overflow: hidden;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
  position: absolute;
  right: 8px;
}
.ant-dropdown-menu-item
  .ant-dropdown-menu-submenu-expand-icon
  .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title
  .ant-dropdown-menu-submenu-expand-icon
  .ant-dropdown-menu-submenu-arrow-icon {
  color: #00000073;
  font-size: 10px;
  font-style: normal;
  margin-right: 0 !important;
}
.ant-dropdown-menu-item-group-list {
  list-style: none;
  margin: 0 8px;
  padding: 0;
}
.ant-dropdown-menu-submenu-title {
  padding-right: 24px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  left: 100%;
  margin-left: 4px;
  min-width: 100%;
  position: absolute;
  top: 0;
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled
  .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled
  .ant-dropdown-menu-submenu-title
  .ant-dropdown-menu-submenu-arrow-icon {
  background-color: #fff;
  color: #00000040;
  cursor: not-allowed;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  color: #1890ff;
}
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topCenter,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topCenter,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topCenter,
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-dropdown-button > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down,
.ant-dropdown-trigger > .anticon.anticon-down {
  font-size: 10px;
  vertical-align: initial;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group
  > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) {
  padding-left: 8px;
  padding-right: 8px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #001529;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark
  .ant-dropdown-menu-item
  .ant-dropdown-menu-submenu-arrow:after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a,
.ant-dropdown-menu-dark
  .ant-dropdown-menu-item
  > .anticon
  + span
  > a
  .ant-dropdown-menu-submenu-arrow:after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a,
.ant-dropdown-menu-dark
  .ant-dropdown-menu-item
  > a
  .ant-dropdown-menu-submenu-arrow:after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark
  .ant-dropdown-menu-submenu-title
  .ant-dropdown-menu-submenu-arrow:after {
  color: #ffffffa6;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover {
  background: #0000;
  color: #fff;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  background: #1890ff;
  color: #fff;
}
.ant-dropdown-rtl {
  direction: rtl;
}
.ant-dropdown-rtl.ant-dropdown:before {
  left: 0;
  right: -7px;
}
.ant-dropdown-menu.ant-dropdown-menu-rtl,
.ant-dropdown-rtl .ant-dropdown-menu-item-group-title {
  direction: rtl;
  text-align: right;
}
.ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl {
  transform-origin: 100% 0;
}
.ant-dropdown-rtl .ant-dropdown-menu-item,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-rtl
  .ant-dropdown-menu-submenu-title
  > span
  > .anticon:first-child {
  margin-left: 8px;
  margin-right: 0;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
.ant-dropdown-rtl
  .ant-dropdown-menu-submenu-title
  .ant-dropdown-menu-submenu-arrow {
  left: 8px;
  right: auto;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-rtl
  .ant-dropdown-menu-submenu-title
  .ant-dropdown-menu-submenu-arrow-icon {
  margin-left: 0 !important;
  transform: scaleX(-1);
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
  padding-left: 24px;
  padding-right: 12px;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  left: 0;
  margin-left: 0;
  margin-right: 4px;
  right: 100%;
}
.ant-empty {
  font-size: 14px;
  line-height: 1.5715;
  margin: 0 8px;
  text-align: center;
}
.ant-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.ant-empty-image img {
  height: 100%;
}
.ant-empty-image svg {
  height: 100%;
  margin: auto;
}
.ant-empty-footer {
  margin-top: 16px;
}
.ant-empty-normal {
  color: #00000040;
  margin: 32px 0;
}
.ant-empty-normal .ant-empty-image {
  height: 40px;
}
.ant-empty-small {
  color: #00000040;
  margin: 8px 0;
}
.ant-empty-small .ant-empty-image {
  height: 35px;
}
.ant-empty-img-default-ellipse {
  fill: #f5f5f5;
  fill-opacity: 0.8;
}
.ant-empty-img-default-path-1 {
  fill: #aeb8c2;
}
.ant-empty-img-default-path-2 {
  fill: url("");
}
.ant-empty-img-default-path-3 {
  fill: #f5f5f7;
}
.ant-empty-img-default-path-4,
.ant-empty-img-default-path-5 {
  fill: #dce0e6;
}
.ant-empty-img-default-g {
  fill: #fff;
}
.ant-empty-img-simple-ellipse {
  fill: #f5f5f5;
}
.ant-empty-img-simple-g {
  stroke: #d9d9d9;
}
.ant-empty-img-simple-path {
  fill: #fafafa;
}
.ant-empty-rtl {
  direction: rtl;
}
.ant-form-item .ant-mentions,
.ant-form-item textarea.ant-input {
  height: auto;
}
.ant-form-item .ant-upload {
  background: #0000;
}
.ant-form-item .ant-upload.ant-upload-drag {
  background: #fafafa;
}
.ant-form-item input[type="checkbox"],
.ant-form-item input[type="radio"] {
  height: 14px;
  width: 14px;
}
.ant-form-item .ant-checkbox-inline,
.ant-form-item .ant-radio-inline {
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  margin-left: 8px;
  vertical-align: middle;
}
.ant-form-item .ant-checkbox-inline:first-child,
.ant-form-item .ant-radio-inline:first-child {
  margin-left: 0;
}
.ant-form-item .ant-checkbox-vertical,
.ant-form-item .ant-radio-vertical {
  display: block;
}
.ant-form-item .ant-checkbox-vertical + .ant-checkbox-vertical,
.ant-form-item .ant-radio-vertical + .ant-radio-vertical {
  margin-left: 0;
}
.ant-form-item .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
.ant-form-item .ant-input-number-handler-wrap {
  z-index: 2;
}
.ant-form-item .ant-cascader-picker,
.ant-form-item .ant-select {
  width: 100%;
}
.ant-form-item .ant-input-group .ant-cascader-picker,
.ant-form-item .ant-input-group .ant-select,
.ant-form-item .ant-picker-calendar-month-select,
.ant-form-item .ant-picker-calendar-year-select {
  width: auto;
}
.ant-form-inline {
  display: flex;
  flex-wrap: wrap;
}
.ant-form-inline .ant-form-item {
  flex: none;
  flex-wrap: nowrap;
  margin-bottom: 0;
  margin-right: 16px;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-control,
.ant-form-inline .ant-form-item > .ant-form-item-label {
  display: inline-block;
  vertical-align: top;
}
.ant-form-inline .ant-form-item > .ant-form-item-label {
  flex: none;
}
.ant-form-inline .ant-form-item .ant-form-item-has-feedback,
.ant-form-inline .ant-form-item .ant-form-text {
  display: inline-block;
}
.ant-form-horizontal .ant-form-item-label {
  flex-grow: 0;
}
.ant-form-horizontal .ant-form-item-control {
  flex: 1 1;
}
.ant-form-vertical .ant-form-item {
  flex-direction: column;
}
.ant-form-vertical .ant-form-item-label > label {
  height: auto;
}
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label,
.ant-form-vertical .ant-form-item-label {
  line-height: 1.5715;
  padding: 0 0 8px;
  text-align: left;
  white-space: normal;
}
.ant-col-24.ant-form-item-label > label,
.ant-col-xl-24.ant-form-item-label > label,
.ant-form-vertical .ant-form-item-label > label {
  margin: 0;
}
.ant-col-24.ant-form-item-label > label:after,
.ant-col-xl-24.ant-form-item-label > label:after,
.ant-form-vertical .ant-form-item-label > label:after {
  display: none;
}
.ant-form-rtl.ant-col-24.ant-form-item-label,
.ant-form-rtl.ant-col-xl-24.ant-form-item-label,
.ant-form-rtl.ant-form-vertical .ant-form-item-label {
  text-align: right;
}
@media (max-width: 575px) {
  .ant-form-item .ant-form-item-label {
    line-height: 1.5715;
    padding: 0 0 8px;
    text-align: left;
    white-space: normal;
  }
  .ant-form-item .ant-form-item-label > label {
    margin: 0;
  }
  .ant-form-item .ant-form-item-label > label:after {
    display: none;
  }
  .ant-form-rtl.ant-form-item .ant-form-item-label {
    text-align: right;
  }
  .ant-form .ant-form-item {
    flex-wrap: wrap;
  }
  .ant-form .ant-form-item .ant-form-item-control,
  .ant-form .ant-form-item .ant-form-item-label {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xs-24.ant-form-item-label {
    line-height: 1.5715;
    padding: 0 0 8px;
    text-align: left;
    white-space: normal;
  }
  .ant-col-xs-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-xs-24.ant-form-item-label > label:after {
    display: none;
  }
  .ant-form-rtl.ant-col-xs-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    line-height: 1.5715;
    padding: 0 0 8px;
    text-align: left;
    white-space: normal;
  }
  .ant-col-sm-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-sm-24.ant-form-item-label > label:after {
    display: none;
  }
  .ant-form-rtl.ant-col-sm-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    line-height: 1.5715;
    padding: 0 0 8px;
    text-align: left;
    white-space: normal;
  }
  .ant-col-md-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-md-24.ant-form-item-label > label:after {
    display: none;
  }
  .ant-form-rtl.ant-col-md-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    line-height: 1.5715;
    padding: 0 0 8px;
    text-align: left;
    white-space: normal;
  }
  .ant-col-lg-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-lg-24.ant-form-item-label > label:after {
    display: none;
  }
  .ant-form-rtl.ant-col-lg-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    line-height: 1.5715;
    padding: 0 0 8px;
    text-align: left;
    white-space: normal;
  }
  .ant-col-xl-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-xl-24.ant-form-item-label > label:after {
    display: none;
  }
  .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
    text-align: right;
  }
}
.ant-form-item-explain.ant-form-item-explain-error {
  color: #ff4d4f;
}
.ant-form-item-explain.ant-form-item-explain-warning {
  color: #faad14;
}
.ant-form-item-has-feedback .ant-input {
  padding-right: 24px;
}
.ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 18px;
}
.ant-form-item-has-feedback
  .ant-input-search:not(.ant-input-search-enter-button)
  .ant-input-suffix {
  right: 28px;
}
.ant-form-item-has-feedback .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-item-has-feedback
  :not(.ant-input-group-addon)
  > .ant-select
  .ant-select-arrow,
.ant-form-item-has-feedback
  :not(.ant-input-group-addon)
  > .ant-select
  .ant-select-clear,
.ant-form-item-has-feedback > .ant-select .ant-select-arrow,
.ant-form-item-has-feedback > .ant-select .ant-select-clear {
  right: 32px;
}
.ant-form-item-has-feedback
  :not(.ant-input-group-addon)
  > .ant-select
  .ant-select-selection-selected-value,
.ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value {
  padding-right: 42px;
}
.ant-form-item-has-feedback .ant-cascader-picker-arrow {
  margin-right: 19px;
}
.ant-form-item-has-feedback .ant-cascader-picker-clear {
  right: 32px;
}
.ant-form-item-has-feedback .ant-picker,
.ant-form-item-has-feedback .ant-picker-large {
  padding-right: 29.2px;
}
.ant-form-item-has-feedback .ant-picker-small {
  padding-right: 25.2px;
}
.ant-form-item-has-feedback.ant-form-item-has-error
  .ant-form-item-children-icon,
.ant-form-item-has-feedback.ant-form-item-has-success
  .ant-form-item-children-icon,
.ant-form-item-has-feedback.ant-form-item-has-warning
  .ant-form-item-children-icon,
.ant-form-item-has-feedback.ant-form-item-is-validating
  .ant-form-item-children-icon {
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  visibility: visible;
  width: 32px;
  z-index: 1;
}
.ant-form-item-has-success.ant-form-item-has-feedback
  .ant-form-item-children-icon {
  animation-name: diffZoomIn1 !important;
  color: #52c41a;
}
.ant-form-item-has-warning .ant-form-item-split {
  color: #faad14;
}
.ant-form-item-has-warning
  :not(.ant-input-affix-wrapper-disabled):not(
    .ant-input-affix-wrapper-borderless
  ).ant-input-affix-wrapper,
.ant-form-item-has-warning
  :not(.ant-input-affix-wrapper-disabled):not(
    .ant-input-affix-wrapper-borderless
  ).ant-input-affix-wrapper:hover,
.ant-form-item-has-warning
  :not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-form-item-has-warning
  :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background-color: #fff;
  border-color: #faad14;
}
.ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input,
.ant-form-item-has-warning
  :not(.ant-input-affix-wrapper-disabled):not(
    .ant-input-affix-wrapper-borderless
  ).ant-input-affix-wrapper-focused,
.ant-form-item-has-warning
  :not(.ant-input-affix-wrapper-disabled):not(
    .ant-input-affix-wrapper-borderless
  ).ant-input-affix-wrapper:focus,
.ant-form-item-has-warning
  :not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused,
.ant-form-item-has-warning
  :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #faad1433;
  outline: 0;
}
.ant-form-item-has-warning .ant-input-prefix {
  color: #faad14;
}
.ant-form-item-has-warning .ant-input-group-addon {
  border-color: #faad14;
  color: #faad14;
}
.ant-form-item-has-warning .has-feedback {
  color: #faad14;
}
.ant-form-item-has-warning.ant-form-item-has-feedback
  .ant-form-item-children-icon {
  animation-name: diffZoomIn3 !important;
  color: #faad14;
}
.ant-form-item-has-warning
  .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input)
  .ant-select-selector {
  background-color: #fff;
  border-color: #faad14 !important;
}
.ant-form-item-has-warning
  .ant-select:not(.ant-select-disabled):not(
    .ant-select-customize-input
  ).ant-select-focused
  .ant-select-selector,
.ant-form-item-has-warning
  .ant-select:not(.ant-select-disabled):not(
    .ant-select-customize-input
  ).ant-select-open
  .ant-select-selector {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #faad1433;
  outline: 0;
}
.ant-form-item-has-warning .ant-input-number,
.ant-form-item-has-warning .ant-picker {
  background-color: #fff;
  border-color: #faad14;
}
.ant-form-item-has-warning .ant-input-number-focused,
.ant-form-item-has-warning .ant-input-number:focus,
.ant-form-item-has-warning .ant-picker-focused,
.ant-form-item-has-warning .ant-picker:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #faad1433;
  outline: 0;
}
.ant-form-item-has-warning .ant-input-number:not([disabled]):hover,
.ant-form-item-has-warning .ant-picker:not([disabled]):hover {
  background-color: #fff;
  border-color: #faad14;
}
.ant-form-item-has-warning .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #faad1433;
  outline: 0;
}
.ant-form-item-has-error .ant-form-item-split {
  color: #ff4d4f;
}
.ant-form-item-has-error
  :not(.ant-input-affix-wrapper-disabled):not(
    .ant-input-affix-wrapper-borderless
  ).ant-input-affix-wrapper,
.ant-form-item-has-error
  :not(.ant-input-affix-wrapper-disabled):not(
    .ant-input-affix-wrapper-borderless
  ).ant-input-affix-wrapper:hover,
.ant-form-item-has-error
  :not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-form-item-has-error
  :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input,
.ant-form-item-has-error
  :not(.ant-input-affix-wrapper-disabled):not(
    .ant-input-affix-wrapper-borderless
  ).ant-input-affix-wrapper-focused,
.ant-form-item-has-error
  :not(.ant-input-affix-wrapper-disabled):not(
    .ant-input-affix-wrapper-borderless
  ).ant-input-affix-wrapper:focus,
.ant-form-item-has-error
  :not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused,
.ant-form-item-has-error
  :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus {
  border-color: #ff7875;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #ff4d4f33;
  outline: 0;
}
.ant-form-item-has-error .ant-input-prefix {
  color: #ff4d4f;
}
.ant-form-item-has-error .ant-input-group-addon {
  border-color: #ff4d4f;
  color: #ff4d4f;
}
.ant-form-item-has-error .has-feedback {
  color: #ff4d4f;
}
.ant-form-item-has-error.ant-form-item-has-feedback
  .ant-form-item-children-icon {
  animation-name: diffZoomIn2 !important;
  color: #ff4d4f;
}
.ant-form-item-has-error
  .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input)
  .ant-select-selector {
  background-color: #fff;
  border-color: #ff4d4f !important;
}
.ant-form-item-has-error
  .ant-select:not(.ant-select-disabled):not(
    .ant-select-customize-input
  ).ant-select-focused
  .ant-select-selector,
.ant-form-item-has-error
  .ant-select:not(.ant-select-disabled):not(
    .ant-select-customize-input
  ).ant-select-open
  .ant-select-selector {
  border-color: #ff7875;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #ff4d4f33;
  outline: 0;
}
.ant-form-item-has-error
  .ant-input-group-addon
  .ant-select.ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector {
  background-color: inherit;
  border: 0;
  box-shadow: none;
}
.ant-form-item-has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-input-number,
.ant-form-item-has-error .ant-picker {
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-input-number-focused,
.ant-form-item-has-error .ant-input-number:focus,
.ant-form-item-has-error .ant-picker-focused,
.ant-form-item-has-error .ant-picker:focus {
  border-color: #ff7875;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #ff4d4f33;
  outline: 0;
}
.ant-form-item-has-error .ant-input-number:not([disabled]):hover,
.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor,
.ant-form-item-has-error
  .ant-mention-wrapper
  .ant-mention-editor:not([disabled]):hover,
.ant-form-item-has-error .ant-picker:not([disabled]):hover {
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-form-item-has-error
  .ant-mention-wrapper
  .ant-mention-editor:not([disabled]):focus,
.ant-form-item-has-error
  .ant-mention-wrapper.ant-mention-active:not([disabled])
  .ant-mention-editor {
  border-color: #ff7875;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #ff4d4f33;
  outline: 0;
}
.ant-form-item-has-error
  .ant-cascader-picker:hover
  .ant-cascader-picker-label:hover
  + .ant-cascader-input.ant-input {
  border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input {
  background-color: #fff;
  border-color: #ff7875;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #ff4d4f33;
  outline: 0;
}
.ant-form-item-has-error .ant-transfer-list {
  border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}
.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-form-item-has-error .ant-radio-button-wrapper {
  border-color: #ff4d4f !important;
}
.ant-form-item-has-error .ant-radio-button-wrapper:not(:first-child):before {
  background-color: #ff4d4f;
}
.ant-form-item-is-validating.ant-form-item-has-feedback
  .ant-form-item-children-icon {
  color: #1890ff;
  display: inline-block;
}
.ant-form {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-form legend {
  border: 0;
  border-bottom: 1px solid #d9d9d9;
  color: #00000073;
  display: block;
  font-size: 16px;
  line-height: inherit;
  margin-bottom: 20px;
  padding: 0;
  width: 100%;
}
.ant-form label {
  font-size: 14px;
}
.ant-form input[type="search"] {
  box-sizing: border-box;
}
.ant-form input[type="checkbox"],
.ant-form input[type="radio"] {
  line-height: normal;
}
.ant-form input[type="file"] {
  display: block;
}
.ant-form input[type="range"] {
  display: block;
  width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}
.ant-form input[type="checkbox"]:focus,
.ant-form input[type="file"]:focus,
.ant-form input[type="radio"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ant-form output {
  color: #000000d9;
  display: block;
  font-size: 14px;
  line-height: 1.5715;
  padding-top: 15px;
}
.ant-form .ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-small .ant-form-item-label > label {
  height: 24px;
}
.ant-form-small .ant-form-item-control-input {
  min-height: 24px;
}
.ant-form-large .ant-form-item-label > label {
  height: 40px;
}
.ant-form-large .ant-form-item-control-input {
  min-height: 40px;
}
.ant-form-item {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  vertical-align: top;
}
.ant-form-item-with-help {
  margin-bottom: 0;
}
.ant-form-item-hidden,
.ant-form-item-hidden.ant-row {
  display: none;
}
.ant-form-item-label {
  display: inline-block;
  flex-grow: 0;
  overflow: hidden;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item-label > label {
  align-items: center;
  color: #000000d9;
  display: inline-flex;
  font-size: 14px;
  height: 32px;
  max-width: 100%;
  position: relative;
}
.ant-form-item-label > label > .anticon {
  font-size: 14px;
  vertical-align: top;
}
.ant-form-item-label
  > label.ant-form-item-required:not(
    .ant-form-item-required-mark-optional
  ):before {
  color: #ff4d4f;
  content: "*";
  display: inline-block;
  font-family: SimSun, sans-serif;
  font-size: 14px;
  line-height: 1;
  margin-right: 4px;
}
.ant-form-hide-required-mark
  .ant-form-item-label
  > label.ant-form-item-required:not(
    .ant-form-item-required-mark-optional
  ):before {
  display: none;
}
.ant-form-item-label > label .ant-form-item-optional {
  color: #00000073;
  display: inline-block;
  margin-left: 4px;
}
.ant-form-hide-required-mark
  .ant-form-item-label
  > label
  .ant-form-item-optional {
  display: none;
}
.ant-form-item-label > label .ant-form-item-tooltip {
  color: #00000073;
  cursor: help;
  margin-inline-start: 4px;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
}
.ant-form-item-label > label:after {
  content: ":";
  margin: 0 8px 0 2px;
  position: relative;
  top: -0.5px;
}
.ant-form-item-label > label.ant-form-item-no-colon:after {
  content: " ";
}
.ant-form-item-control {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.ant-form-item-control:first-child:not([class^="ant-col-"]):not(
    [class*=" ant-col-"]
  ) {
  width: 100%;
}
.ant-form-item-control-input {
  align-items: center;
  display: flex;
  min-height: 32px;
  position: relative;
}
.ant-form-item-control-input-content {
  flex: auto;
  max-width: 100%;
}
.ant-form-item-explain,
.ant-form-item-extra {
  clear: both;
  color: #00000073;
  font-size: 14px;
  line-height: 1.5715;
  min-height: 24px;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-item .ant-input-textarea-show-count:after {
  margin-bottom: -22px;
}
.ant-show-help-appear,
.ant-show-help-enter,
.ant-show-help-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-show-help-appear.ant-show-help-appear-active,
.ant-show-help-enter.ant-show-help-enter-active {
  animation-name: antShowHelpIn;
  animation-play-state: running;
}
.ant-show-help-leave.ant-show-help-leave-active {
  animation-name: antShowHelpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-show-help-appear,
.ant-show-help-enter {
  opacity: 0;
}
.ant-show-help-appear,
.ant-show-help-enter,
.ant-show-help-leave {
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@keyframes antShowHelpIn {
  0% {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes antShowHelpOut {
  to {
    opacity: 0;
    transform: translateY(-5px);
  }
}
@keyframes diffZoomIn1 {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes diffZoomIn2 {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes diffZoomIn3 {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.ant-form-rtl {
  direction: rtl;
}
.ant-form-rtl .ant-form-item-label {
  text-align: left;
}
.ant-form-rtl .ant-form-item-label > label.ant-form-item-required:before {
  margin-left: 4px;
  margin-right: 0;
}
.ant-form-rtl .ant-form-item-label > label:after {
  margin: 0 2px 0 8px;
}
.ant-form-rtl .ant-form-item-label > label .ant-form-item-optional {
  margin-left: 0;
  margin-right: 4px;
}
.ant-col-rtl .ant-form-item-control:first-child {
  width: 100%;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input {
  padding-left: 24px;
  padding-right: 11px;
}
.ant-form-rtl
  .ant-form-item-has-feedback
  .ant-input-affix-wrapper
  .ant-input-suffix {
  padding-left: 18px;
  padding-right: 11px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input {
  padding: 0;
}
.ant-form-rtl
  .ant-form-item-has-feedback
  .ant-input-search:not(.ant-input-search-enter-button)
  .ant-input-suffix {
  left: 28px;
  right: auto;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
  padding-left: 18px;
}
.ant-form-rtl
  .ant-form-item-has-feedback
  :not(.ant-input-group-addon)
  > .ant-select
  .ant-select-arrow,
.ant-form-rtl
  .ant-form-item-has-feedback
  :not(.ant-input-group-addon)
  > .ant-select
  .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear {
  left: 32px;
  right: auto;
}
.ant-form-rtl
  .ant-form-item-has-feedback
  :not(.ant-input-group-addon)
  > .ant-select
  .ant-select-selection-selected-value,
.ant-form-rtl
  .ant-form-item-has-feedback
  > .ant-select
  .ant-select-selection-selected-value {
  padding-left: 42px;
  padding-right: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
  margin-left: 19px;
  margin-right: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
  left: 32px;
  right: auto;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker,
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
  padding-left: 29.2px;
  padding-right: 11px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
  padding-left: 25.2px;
  padding-right: 7px;
}
.ant-form-rtl
  .ant-form-item-has-feedback.ant-form-item-has-error
  .ant-form-item-children-icon,
.ant-form-rtl
  .ant-form-item-has-feedback.ant-form-item-has-success
  .ant-form-item-children-icon,
.ant-form-rtl
  .ant-form-item-has-feedback.ant-form-item-has-warning
  .ant-form-item-children-icon,
.ant-form-rtl
  .ant-form-item-has-feedback.ant-form-item-is-validating
  .ant-form-item-children-icon {
  left: 0;
  right: auto;
}
.ant-form-rtl.ant-form-inline .ant-form-item {
  margin-left: 16px;
  margin-right: 0;
}
.ant-row {
  flex-flow: row wrap;
}
.ant-row,
.ant-row:after,
.ant-row:before {
  display: flex;
}
.ant-row-no-wrap {
  flex-wrap: nowrap;
}
.ant-row-start {
  justify-content: flex-start;
}
.ant-row-center {
  justify-content: center;
}
.ant-row-end {
  justify-content: flex-end;
}
.ant-row-space-between {
  justify-content: space-between;
}
.ant-row-space-around {
  justify-content: space-around;
}
.ant-row-top {
  align-items: flex-start;
}
.ant-row-middle {
  align-items: center;
}
.ant-row-bottom {
  align-items: flex-end;
}
.ant-col {
  max-width: 100%;
  min-height: 1px;
  position: relative;
}
.ant-col-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.ant-col-push-24 {
  left: 100%;
}
.ant-col-pull-24 {
  right: 100%;
}
.ant-col-offset-24 {
  margin-left: 100%;
}
.ant-col-order-24 {
  order: 24;
}
.ant-col-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.ant-col-push-23 {
  left: 95.83333333%;
}
.ant-col-pull-23 {
  right: 95.83333333%;
}
.ant-col-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-order-23 {
  order: 23;
}
.ant-col-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.ant-col-push-22 {
  left: 91.66666667%;
}
.ant-col-pull-22 {
  right: 91.66666667%;
}
.ant-col-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-order-22 {
  order: 22;
}
.ant-col-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.ant-col-push-21 {
  left: 87.5%;
}
.ant-col-pull-21 {
  right: 87.5%;
}
.ant-col-offset-21 {
  margin-left: 87.5%;
}
.ant-col-order-21 {
  order: 21;
}
.ant-col-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.ant-col-push-20 {
  left: 83.33333333%;
}
.ant-col-pull-20 {
  right: 83.33333333%;
}
.ant-col-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-order-20 {
  order: 20;
}
.ant-col-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.ant-col-push-19 {
  left: 79.16666667%;
}
.ant-col-pull-19 {
  right: 79.16666667%;
}
.ant-col-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-order-19 {
  order: 19;
}
.ant-col-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.ant-col-push-18 {
  left: 75%;
}
.ant-col-pull-18 {
  right: 75%;
}
.ant-col-offset-18 {
  margin-left: 75%;
}
.ant-col-order-18 {
  order: 18;
}
.ant-col-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.ant-col-push-17 {
  left: 70.83333333%;
}
.ant-col-pull-17 {
  right: 70.83333333%;
}
.ant-col-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-order-17 {
  order: 17;
}
.ant-col-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.ant-col-push-16 {
  left: 66.66666667%;
}
.ant-col-pull-16 {
  right: 66.66666667%;
}
.ant-col-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-order-16 {
  order: 16;
}
.ant-col-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.ant-col-push-15 {
  left: 62.5%;
}
.ant-col-pull-15 {
  right: 62.5%;
}
.ant-col-offset-15 {
  margin-left: 62.5%;
}
.ant-col-order-15 {
  order: 15;
}
.ant-col-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.ant-col-push-14 {
  left: 58.33333333%;
}
.ant-col-pull-14 {
  right: 58.33333333%;
}
.ant-col-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-order-14 {
  order: 14;
}
.ant-col-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.ant-col-push-13 {
  left: 54.16666667%;
}
.ant-col-pull-13 {
  right: 54.16666667%;
}
.ant-col-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-order-13 {
  order: 13;
}
.ant-col-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.ant-col-push-12 {
  left: 50%;
}
.ant-col-pull-12 {
  right: 50%;
}
.ant-col-offset-12 {
  margin-left: 50%;
}
.ant-col-order-12 {
  order: 12;
}
.ant-col-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.ant-col-push-11 {
  left: 45.83333333%;
}
.ant-col-pull-11 {
  right: 45.83333333%;
}
.ant-col-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-order-11 {
  order: 11;
}
.ant-col-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.ant-col-push-10 {
  left: 41.66666667%;
}
.ant-col-pull-10 {
  right: 41.66666667%;
}
.ant-col-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-order-10 {
  order: 10;
}
.ant-col-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.ant-col-push-9 {
  left: 37.5%;
}
.ant-col-pull-9 {
  right: 37.5%;
}
.ant-col-offset-9 {
  margin-left: 37.5%;
}
.ant-col-order-9 {
  order: 9;
}
.ant-col-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.ant-col-push-8 {
  left: 33.33333333%;
}
.ant-col-pull-8 {
  right: 33.33333333%;
}
.ant-col-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-order-8 {
  order: 8;
}
.ant-col-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.ant-col-push-7 {
  left: 29.16666667%;
}
.ant-col-pull-7 {
  right: 29.16666667%;
}
.ant-col-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-order-7 {
  order: 7;
}
.ant-col-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.ant-col-push-6 {
  left: 25%;
}
.ant-col-pull-6 {
  right: 25%;
}
.ant-col-offset-6 {
  margin-left: 25%;
}
.ant-col-order-6 {
  order: 6;
}
.ant-col-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.ant-col-push-5 {
  left: 20.83333333%;
}
.ant-col-pull-5 {
  right: 20.83333333%;
}
.ant-col-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-order-5 {
  order: 5;
}
.ant-col-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.ant-col-push-4 {
  left: 16.66666667%;
}
.ant-col-pull-4 {
  right: 16.66666667%;
}
.ant-col-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-order-4 {
  order: 4;
}
.ant-col-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.ant-col-push-3 {
  left: 12.5%;
}
.ant-col-pull-3 {
  right: 12.5%;
}
.ant-col-offset-3 {
  margin-left: 12.5%;
}
.ant-col-order-3 {
  order: 3;
}
.ant-col-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.ant-col-push-2 {
  left: 8.33333333%;
}
.ant-col-pull-2 {
  right: 8.33333333%;
}
.ant-col-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-order-2 {
  order: 2;
}
.ant-col-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.ant-col-push-1 {
  left: 4.16666667%;
}
.ant-col-pull-1 {
  right: 4.16666667%;
}
.ant-col-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-order-1 {
  order: 1;
}
.ant-col-0 {
  display: none;
}
.ant-col-offset-0 {
  margin-left: 0;
}
.ant-col-order-0 {
  order: 0;
}
.ant-col-offset-0.ant-col-rtl {
  margin-right: 0;
}
.ant-col-push-1.ant-col-rtl {
  left: auto;
  right: 4.16666667%;
}
.ant-col-pull-1.ant-col-rtl {
  left: 4.16666667%;
  right: auto;
}
.ant-col-offset-1.ant-col-rtl {
  margin-left: 0;
  margin-right: 4.16666667%;
}
.ant-col-push-2.ant-col-rtl {
  left: auto;
  right: 8.33333333%;
}
.ant-col-pull-2.ant-col-rtl {
  left: 8.33333333%;
  right: auto;
}
.ant-col-offset-2.ant-col-rtl {
  margin-left: 0;
  margin-right: 8.33333333%;
}
.ant-col-push-3.ant-col-rtl {
  left: auto;
  right: 12.5%;
}
.ant-col-pull-3.ant-col-rtl {
  left: 12.5%;
  right: auto;
}
.ant-col-offset-3.ant-col-rtl {
  margin-left: 0;
  margin-right: 12.5%;
}
.ant-col-push-4.ant-col-rtl {
  left: auto;
  right: 16.66666667%;
}
.ant-col-pull-4.ant-col-rtl {
  left: 16.66666667%;
  right: auto;
}
.ant-col-offset-4.ant-col-rtl {
  margin-left: 0;
  margin-right: 16.66666667%;
}
.ant-col-push-5.ant-col-rtl {
  left: auto;
  right: 20.83333333%;
}
.ant-col-pull-5.ant-col-rtl {
  left: 20.83333333%;
  right: auto;
}
.ant-col-offset-5.ant-col-rtl {
  margin-left: 0;
  margin-right: 20.83333333%;
}
.ant-col-push-6.ant-col-rtl {
  left: auto;
  right: 25%;
}
.ant-col-pull-6.ant-col-rtl {
  left: 25%;
  right: auto;
}
.ant-col-offset-6.ant-col-rtl {
  margin-left: 0;
  margin-right: 25%;
}
.ant-col-push-7.ant-col-rtl {
  left: auto;
  right: 29.16666667%;
}
.ant-col-pull-7.ant-col-rtl {
  left: 29.16666667%;
  right: auto;
}
.ant-col-offset-7.ant-col-rtl {
  margin-left: 0;
  margin-right: 29.16666667%;
}
.ant-col-push-8.ant-col-rtl {
  left: auto;
  right: 33.33333333%;
}
.ant-col-pull-8.ant-col-rtl {
  left: 33.33333333%;
  right: auto;
}
.ant-col-offset-8.ant-col-rtl {
  margin-left: 0;
  margin-right: 33.33333333%;
}
.ant-col-push-9.ant-col-rtl {
  left: auto;
  right: 37.5%;
}
.ant-col-pull-9.ant-col-rtl {
  left: 37.5%;
  right: auto;
}
.ant-col-offset-9.ant-col-rtl {
  margin-left: 0;
  margin-right: 37.5%;
}
.ant-col-push-10.ant-col-rtl {
  left: auto;
  right: 41.66666667%;
}
.ant-col-pull-10.ant-col-rtl {
  left: 41.66666667%;
  right: auto;
}
.ant-col-offset-10.ant-col-rtl {
  margin-left: 0;
  margin-right: 41.66666667%;
}
.ant-col-push-11.ant-col-rtl {
  left: auto;
  right: 45.83333333%;
}
.ant-col-pull-11.ant-col-rtl {
  left: 45.83333333%;
  right: auto;
}
.ant-col-offset-11.ant-col-rtl {
  margin-left: 0;
  margin-right: 45.83333333%;
}
.ant-col-push-12.ant-col-rtl {
  left: auto;
  right: 50%;
}
.ant-col-pull-12.ant-col-rtl {
  left: 50%;
  right: auto;
}
.ant-col-offset-12.ant-col-rtl {
  margin-left: 0;
  margin-right: 50%;
}
.ant-col-push-13.ant-col-rtl {
  left: auto;
  right: 54.16666667%;
}
.ant-col-pull-13.ant-col-rtl {
  left: 54.16666667%;
  right: auto;
}
.ant-col-offset-13.ant-col-rtl {
  margin-left: 0;
  margin-right: 54.16666667%;
}
.ant-col-push-14.ant-col-rtl {
  left: auto;
  right: 58.33333333%;
}
.ant-col-pull-14.ant-col-rtl {
  left: 58.33333333%;
  right: auto;
}
.ant-col-offset-14.ant-col-rtl {
  margin-left: 0;
  margin-right: 58.33333333%;
}
.ant-col-push-15.ant-col-rtl {
  left: auto;
  right: 62.5%;
}
.ant-col-pull-15.ant-col-rtl {
  left: 62.5%;
  right: auto;
}
.ant-col-offset-15.ant-col-rtl {
  margin-left: 0;
  margin-right: 62.5%;
}
.ant-col-push-16.ant-col-rtl {
  left: auto;
  right: 66.66666667%;
}
.ant-col-pull-16.ant-col-rtl {
  left: 66.66666667%;
  right: auto;
}
.ant-col-offset-16.ant-col-rtl {
  margin-left: 0;
  margin-right: 66.66666667%;
}
.ant-col-push-17.ant-col-rtl {
  left: auto;
  right: 70.83333333%;
}
.ant-col-pull-17.ant-col-rtl {
  left: 70.83333333%;
  right: auto;
}
.ant-col-offset-17.ant-col-rtl {
  margin-left: 0;
  margin-right: 70.83333333%;
}
.ant-col-push-18.ant-col-rtl {
  left: auto;
  right: 75%;
}
.ant-col-pull-18.ant-col-rtl {
  left: 75%;
  right: auto;
}
.ant-col-offset-18.ant-col-rtl {
  margin-left: 0;
  margin-right: 75%;
}
.ant-col-push-19.ant-col-rtl {
  left: auto;
  right: 79.16666667%;
}
.ant-col-pull-19.ant-col-rtl {
  left: 79.16666667%;
  right: auto;
}
.ant-col-offset-19.ant-col-rtl {
  margin-left: 0;
  margin-right: 79.16666667%;
}
.ant-col-push-20.ant-col-rtl {
  left: auto;
  right: 83.33333333%;
}
.ant-col-pull-20.ant-col-rtl {
  left: 83.33333333%;
  right: auto;
}
.ant-col-offset-20.ant-col-rtl {
  margin-left: 0;
  margin-right: 83.33333333%;
}
.ant-col-push-21.ant-col-rtl {
  left: auto;
  right: 87.5%;
}
.ant-col-pull-21.ant-col-rtl {
  left: 87.5%;
  right: auto;
}
.ant-col-offset-21.ant-col-rtl {
  margin-left: 0;
  margin-right: 87.5%;
}
.ant-col-push-22.ant-col-rtl {
  left: auto;
  right: 91.66666667%;
}
.ant-col-pull-22.ant-col-rtl {
  left: 91.66666667%;
  right: auto;
}
.ant-col-offset-22.ant-col-rtl {
  margin-left: 0;
  margin-right: 91.66666667%;
}
.ant-col-push-23.ant-col-rtl {
  left: auto;
  right: 95.83333333%;
}
.ant-col-pull-23.ant-col-rtl {
  left: 95.83333333%;
  right: auto;
}
.ant-col-offset-23.ant-col-rtl {
  margin-left: 0;
  margin-right: 95.83333333%;
}
.ant-col-push-24.ant-col-rtl {
  left: auto;
  right: 100%;
}
.ant-col-pull-24.ant-col-rtl {
  left: 100%;
  right: auto;
}
.ant-col-offset-24.ant-col-rtl {
  margin-left: 0;
  margin-right: 100%;
}
.ant-col-xs-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.ant-col-xs-push-24 {
  left: 100%;
}
.ant-col-xs-pull-24 {
  right: 100%;
}
.ant-col-xs-offset-24 {
  margin-left: 100%;
}
.ant-col-xs-order-24 {
  order: 24;
}
.ant-col-xs-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.ant-col-xs-push-23 {
  left: 95.83333333%;
}
.ant-col-xs-pull-23 {
  right: 95.83333333%;
}
.ant-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-xs-order-23 {
  order: 23;
}
.ant-col-xs-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.ant-col-xs-push-22 {
  left: 91.66666667%;
}
.ant-col-xs-pull-22 {
  right: 91.66666667%;
}
.ant-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-xs-order-22 {
  order: 22;
}
.ant-col-xs-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.ant-col-xs-push-21 {
  left: 87.5%;
}
.ant-col-xs-pull-21 {
  right: 87.5%;
}
.ant-col-xs-offset-21 {
  margin-left: 87.5%;
}
.ant-col-xs-order-21 {
  order: 21;
}
.ant-col-xs-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.ant-col-xs-push-20 {
  left: 83.33333333%;
}
.ant-col-xs-pull-20 {
  right: 83.33333333%;
}
.ant-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-xs-order-20 {
  order: 20;
}
.ant-col-xs-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.ant-col-xs-push-19 {
  left: 79.16666667%;
}
.ant-col-xs-pull-19 {
  right: 79.16666667%;
}
.ant-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-xs-order-19 {
  order: 19;
}
.ant-col-xs-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.ant-col-xs-push-18 {
  left: 75%;
}
.ant-col-xs-pull-18 {
  right: 75%;
}
.ant-col-xs-offset-18 {
  margin-left: 75%;
}
.ant-col-xs-order-18 {
  order: 18;
}
.ant-col-xs-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.ant-col-xs-push-17 {
  left: 70.83333333%;
}
.ant-col-xs-pull-17 {
  right: 70.83333333%;
}
.ant-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-xs-order-17 {
  order: 17;
}
.ant-col-xs-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.ant-col-xs-push-16 {
  left: 66.66666667%;
}
.ant-col-xs-pull-16 {
  right: 66.66666667%;
}
.ant-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-xs-order-16 {
  order: 16;
}
.ant-col-xs-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.ant-col-xs-push-15 {
  left: 62.5%;
}
.ant-col-xs-pull-15 {
  right: 62.5%;
}
.ant-col-xs-offset-15 {
  margin-left: 62.5%;
}
.ant-col-xs-order-15 {
  order: 15;
}
.ant-col-xs-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.ant-col-xs-push-14 {
  left: 58.33333333%;
}
.ant-col-xs-pull-14 {
  right: 58.33333333%;
}
.ant-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-xs-order-14 {
  order: 14;
}
.ant-col-xs-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.ant-col-xs-push-13 {
  left: 54.16666667%;
}
.ant-col-xs-pull-13 {
  right: 54.16666667%;
}
.ant-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-xs-order-13 {
  order: 13;
}
.ant-col-xs-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.ant-col-xs-push-12 {
  left: 50%;
}
.ant-col-xs-pull-12 {
  right: 50%;
}
.ant-col-xs-offset-12 {
  margin-left: 50%;
}
.ant-col-xs-order-12 {
  order: 12;
}
.ant-col-xs-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.ant-col-xs-push-11 {
  left: 45.83333333%;
}
.ant-col-xs-pull-11 {
  right: 45.83333333%;
}
.ant-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-xs-order-11 {
  order: 11;
}
.ant-col-xs-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.ant-col-xs-push-10 {
  left: 41.66666667%;
}
.ant-col-xs-pull-10 {
  right: 41.66666667%;
}
.ant-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-xs-order-10 {
  order: 10;
}
.ant-col-xs-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.ant-col-xs-push-9 {
  left: 37.5%;
}
.ant-col-xs-pull-9 {
  right: 37.5%;
}
.ant-col-xs-offset-9 {
  margin-left: 37.5%;
}
.ant-col-xs-order-9 {
  order: 9;
}
.ant-col-xs-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.ant-col-xs-push-8 {
  left: 33.33333333%;
}
.ant-col-xs-pull-8 {
  right: 33.33333333%;
}
.ant-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-xs-order-8 {
  order: 8;
}
.ant-col-xs-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.ant-col-xs-push-7 {
  left: 29.16666667%;
}
.ant-col-xs-pull-7 {
  right: 29.16666667%;
}
.ant-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-xs-order-7 {
  order: 7;
}
.ant-col-xs-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.ant-col-xs-push-6 {
  left: 25%;
}
.ant-col-xs-pull-6 {
  right: 25%;
}
.ant-col-xs-offset-6 {
  margin-left: 25%;
}
.ant-col-xs-order-6 {
  order: 6;
}
.ant-col-xs-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.ant-col-xs-push-5 {
  left: 20.83333333%;
}
.ant-col-xs-pull-5 {
  right: 20.83333333%;
}
.ant-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-xs-order-5 {
  order: 5;
}
.ant-col-xs-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.ant-col-xs-push-4 {
  left: 16.66666667%;
}
.ant-col-xs-pull-4 {
  right: 16.66666667%;
}
.ant-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-xs-order-4 {
  order: 4;
}
.ant-col-xs-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.ant-col-xs-push-3 {
  left: 12.5%;
}
.ant-col-xs-pull-3 {
  right: 12.5%;
}
.ant-col-xs-offset-3 {
  margin-left: 12.5%;
}
.ant-col-xs-order-3 {
  order: 3;
}
.ant-col-xs-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.ant-col-xs-push-2 {
  left: 8.33333333%;
}
.ant-col-xs-pull-2 {
  right: 8.33333333%;
}
.ant-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-xs-order-2 {
  order: 2;
}
.ant-col-xs-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.ant-col-xs-push-1 {
  left: 4.16666667%;
}
.ant-col-xs-pull-1 {
  right: 4.16666667%;
}
.ant-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-xs-order-1 {
  order: 1;
}
.ant-col-xs-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-xs-push-0 {
  left: auto;
}
.ant-col-xs-pull-0 {
  right: auto;
}
.ant-col-xs-offset-0 {
  margin-left: 0;
}
.ant-col-xs-order-0 {
  order: 0;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-xs-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-xs-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-xs-offset-0.ant-col-rtl {
  margin-right: 0;
}
.ant-col-xs-push-1.ant-col-rtl {
  left: auto;
  right: 4.16666667%;
}
.ant-col-xs-pull-1.ant-col-rtl {
  left: 4.16666667%;
  right: auto;
}
.ant-col-xs-offset-1.ant-col-rtl {
  margin-left: 0;
  margin-right: 4.16666667%;
}
.ant-col-xs-push-2.ant-col-rtl {
  left: auto;
  right: 8.33333333%;
}
.ant-col-xs-pull-2.ant-col-rtl {
  left: 8.33333333%;
  right: auto;
}
.ant-col-xs-offset-2.ant-col-rtl {
  margin-left: 0;
  margin-right: 8.33333333%;
}
.ant-col-xs-push-3.ant-col-rtl {
  left: auto;
  right: 12.5%;
}
.ant-col-xs-pull-3.ant-col-rtl {
  left: 12.5%;
  right: auto;
}
.ant-col-xs-offset-3.ant-col-rtl {
  margin-left: 0;
  margin-right: 12.5%;
}
.ant-col-xs-push-4.ant-col-rtl {
  left: auto;
  right: 16.66666667%;
}
.ant-col-xs-pull-4.ant-col-rtl {
  left: 16.66666667%;
  right: auto;
}
.ant-col-xs-offset-4.ant-col-rtl {
  margin-left: 0;
  margin-right: 16.66666667%;
}
.ant-col-xs-push-5.ant-col-rtl {
  left: auto;
  right: 20.83333333%;
}
.ant-col-xs-pull-5.ant-col-rtl {
  left: 20.83333333%;
  right: auto;
}
.ant-col-xs-offset-5.ant-col-rtl {
  margin-left: 0;
  margin-right: 20.83333333%;
}
.ant-col-xs-push-6.ant-col-rtl {
  left: auto;
  right: 25%;
}
.ant-col-xs-pull-6.ant-col-rtl {
  left: 25%;
  right: auto;
}
.ant-col-xs-offset-6.ant-col-rtl {
  margin-left: 0;
  margin-right: 25%;
}
.ant-col-xs-push-7.ant-col-rtl {
  left: auto;
  right: 29.16666667%;
}
.ant-col-xs-pull-7.ant-col-rtl {
  left: 29.16666667%;
  right: auto;
}
.ant-col-xs-offset-7.ant-col-rtl {
  margin-left: 0;
  margin-right: 29.16666667%;
}
.ant-col-xs-push-8.ant-col-rtl {
  left: auto;
  right: 33.33333333%;
}
.ant-col-xs-pull-8.ant-col-rtl {
  left: 33.33333333%;
  right: auto;
}
.ant-col-xs-offset-8.ant-col-rtl {
  margin-left: 0;
  margin-right: 33.33333333%;
}
.ant-col-xs-push-9.ant-col-rtl {
  left: auto;
  right: 37.5%;
}
.ant-col-xs-pull-9.ant-col-rtl {
  left: 37.5%;
  right: auto;
}
.ant-col-xs-offset-9.ant-col-rtl {
  margin-left: 0;
  margin-right: 37.5%;
}
.ant-col-xs-push-10.ant-col-rtl {
  left: auto;
  right: 41.66666667%;
}
.ant-col-xs-pull-10.ant-col-rtl {
  left: 41.66666667%;
  right: auto;
}
.ant-col-xs-offset-10.ant-col-rtl {
  margin-left: 0;
  margin-right: 41.66666667%;
}
.ant-col-xs-push-11.ant-col-rtl {
  left: auto;
  right: 45.83333333%;
}
.ant-col-xs-pull-11.ant-col-rtl {
  left: 45.83333333%;
  right: auto;
}
.ant-col-xs-offset-11.ant-col-rtl {
  margin-left: 0;
  margin-right: 45.83333333%;
}
.ant-col-xs-push-12.ant-col-rtl {
  left: auto;
  right: 50%;
}
.ant-col-xs-pull-12.ant-col-rtl {
  left: 50%;
  right: auto;
}
.ant-col-xs-offset-12.ant-col-rtl {
  margin-left: 0;
  margin-right: 50%;
}
.ant-col-xs-push-13.ant-col-rtl {
  left: auto;
  right: 54.16666667%;
}
.ant-col-xs-pull-13.ant-col-rtl {
  left: 54.16666667%;
  right: auto;
}
.ant-col-xs-offset-13.ant-col-rtl {
  margin-left: 0;
  margin-right: 54.16666667%;
}
.ant-col-xs-push-14.ant-col-rtl {
  left: auto;
  right: 58.33333333%;
}
.ant-col-xs-pull-14.ant-col-rtl {
  left: 58.33333333%;
  right: auto;
}
.ant-col-xs-offset-14.ant-col-rtl {
  margin-left: 0;
  margin-right: 58.33333333%;
}
.ant-col-xs-push-15.ant-col-rtl {
  left: auto;
  right: 62.5%;
}
.ant-col-xs-pull-15.ant-col-rtl {
  left: 62.5%;
  right: auto;
}
.ant-col-xs-offset-15.ant-col-rtl {
  margin-left: 0;
  margin-right: 62.5%;
}
.ant-col-xs-push-16.ant-col-rtl {
  left: auto;
  right: 66.66666667%;
}
.ant-col-xs-pull-16.ant-col-rtl {
  left: 66.66666667%;
  right: auto;
}
.ant-col-xs-offset-16.ant-col-rtl {
  margin-left: 0;
  margin-right: 66.66666667%;
}
.ant-col-xs-push-17.ant-col-rtl {
  left: auto;
  right: 70.83333333%;
}
.ant-col-xs-pull-17.ant-col-rtl {
  left: 70.83333333%;
  right: auto;
}
.ant-col-xs-offset-17.ant-col-rtl {
  margin-left: 0;
  margin-right: 70.83333333%;
}
.ant-col-xs-push-18.ant-col-rtl {
  left: auto;
  right: 75%;
}
.ant-col-xs-pull-18.ant-col-rtl {
  left: 75%;
  right: auto;
}
.ant-col-xs-offset-18.ant-col-rtl {
  margin-left: 0;
  margin-right: 75%;
}
.ant-col-xs-push-19.ant-col-rtl {
  left: auto;
  right: 79.16666667%;
}
.ant-col-xs-pull-19.ant-col-rtl {
  left: 79.16666667%;
  right: auto;
}
.ant-col-xs-offset-19.ant-col-rtl {
  margin-left: 0;
  margin-right: 79.16666667%;
}
.ant-col-xs-push-20.ant-col-rtl {
  left: auto;
  right: 83.33333333%;
}
.ant-col-xs-pull-20.ant-col-rtl {
  left: 83.33333333%;
  right: auto;
}
.ant-col-xs-offset-20.ant-col-rtl {
  margin-left: 0;
  margin-right: 83.33333333%;
}
.ant-col-xs-push-21.ant-col-rtl {
  left: auto;
  right: 87.5%;
}
.ant-col-xs-pull-21.ant-col-rtl {
  left: 87.5%;
  right: auto;
}
.ant-col-xs-offset-21.ant-col-rtl {
  margin-left: 0;
  margin-right: 87.5%;
}
.ant-col-xs-push-22.ant-col-rtl {
  left: auto;
  right: 91.66666667%;
}
.ant-col-xs-pull-22.ant-col-rtl {
  left: 91.66666667%;
  right: auto;
}
.ant-col-xs-offset-22.ant-col-rtl {
  margin-left: 0;
  margin-right: 91.66666667%;
}
.ant-col-xs-push-23.ant-col-rtl {
  left: auto;
  right: 95.83333333%;
}
.ant-col-xs-pull-23.ant-col-rtl {
  left: 95.83333333%;
  right: auto;
}
.ant-col-xs-offset-23.ant-col-rtl {
  margin-left: 0;
  margin-right: 95.83333333%;
}
.ant-col-xs-push-24.ant-col-rtl {
  left: auto;
  right: 100%;
}
.ant-col-xs-pull-24.ant-col-rtl {
  left: 100%;
  right: auto;
}
.ant-col-xs-offset-24.ant-col-rtl {
  margin-left: 0;
  margin-right: 100%;
}
@media (min-width: 576px) {
  .ant-col-sm-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-sm-push-24 {
    left: 100%;
  }
  .ant-col-sm-pull-24 {
    right: 100%;
  }
  .ant-col-sm-offset-24 {
    margin-left: 100%;
  }
  .ant-col-sm-order-24 {
    order: 24;
  }
  .ant-col-sm-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-sm-push-23 {
    left: 95.83333333%;
  }
  .ant-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-sm-order-23 {
    order: 23;
  }
  .ant-col-sm-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-sm-push-22 {
    left: 91.66666667%;
  }
  .ant-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-sm-order-22 {
    order: 22;
  }
  .ant-col-sm-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-sm-push-21 {
    left: 87.5%;
  }
  .ant-col-sm-pull-21 {
    right: 87.5%;
  }
  .ant-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-sm-order-21 {
    order: 21;
  }
  .ant-col-sm-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-sm-push-20 {
    left: 83.33333333%;
  }
  .ant-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-sm-order-20 {
    order: 20;
  }
  .ant-col-sm-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-sm-push-19 {
    left: 79.16666667%;
  }
  .ant-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-sm-order-19 {
    order: 19;
  }
  .ant-col-sm-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-sm-push-18 {
    left: 75%;
  }
  .ant-col-sm-pull-18 {
    right: 75%;
  }
  .ant-col-sm-offset-18 {
    margin-left: 75%;
  }
  .ant-col-sm-order-18 {
    order: 18;
  }
  .ant-col-sm-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-sm-push-17 {
    left: 70.83333333%;
  }
  .ant-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-sm-order-17 {
    order: 17;
  }
  .ant-col-sm-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-sm-push-16 {
    left: 66.66666667%;
  }
  .ant-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-sm-order-16 {
    order: 16;
  }
  .ant-col-sm-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-sm-push-15 {
    left: 62.5%;
  }
  .ant-col-sm-pull-15 {
    right: 62.5%;
  }
  .ant-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-sm-order-15 {
    order: 15;
  }
  .ant-col-sm-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-sm-push-14 {
    left: 58.33333333%;
  }
  .ant-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-sm-order-14 {
    order: 14;
  }
  .ant-col-sm-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-sm-push-13 {
    left: 54.16666667%;
  }
  .ant-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-sm-order-13 {
    order: 13;
  }
  .ant-col-sm-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-sm-push-12 {
    left: 50%;
  }
  .ant-col-sm-pull-12 {
    right: 50%;
  }
  .ant-col-sm-offset-12 {
    margin-left: 50%;
  }
  .ant-col-sm-order-12 {
    order: 12;
  }
  .ant-col-sm-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-sm-push-11 {
    left: 45.83333333%;
  }
  .ant-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-sm-order-11 {
    order: 11;
  }
  .ant-col-sm-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-sm-push-10 {
    left: 41.66666667%;
  }
  .ant-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-sm-order-10 {
    order: 10;
  }
  .ant-col-sm-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-sm-push-9 {
    left: 37.5%;
  }
  .ant-col-sm-pull-9 {
    right: 37.5%;
  }
  .ant-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-sm-order-9 {
    order: 9;
  }
  .ant-col-sm-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-sm-push-8 {
    left: 33.33333333%;
  }
  .ant-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-sm-order-8 {
    order: 8;
  }
  .ant-col-sm-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-sm-push-7 {
    left: 29.16666667%;
  }
  .ant-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-sm-order-7 {
    order: 7;
  }
  .ant-col-sm-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-sm-push-6 {
    left: 25%;
  }
  .ant-col-sm-pull-6 {
    right: 25%;
  }
  .ant-col-sm-offset-6 {
    margin-left: 25%;
  }
  .ant-col-sm-order-6 {
    order: 6;
  }
  .ant-col-sm-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-sm-push-5 {
    left: 20.83333333%;
  }
  .ant-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-sm-order-5 {
    order: 5;
  }
  .ant-col-sm-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-sm-push-4 {
    left: 16.66666667%;
  }
  .ant-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-sm-order-4 {
    order: 4;
  }
  .ant-col-sm-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-sm-push-3 {
    left: 12.5%;
  }
  .ant-col-sm-pull-3 {
    right: 12.5%;
  }
  .ant-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-sm-order-3 {
    order: 3;
  }
  .ant-col-sm-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-sm-push-2 {
    left: 8.33333333%;
  }
  .ant-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-sm-order-2 {
    order: 2;
  }
  .ant-col-sm-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-sm-push-1 {
    left: 4.16666667%;
  }
  .ant-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-sm-order-1 {
    order: 1;
  }
  .ant-col-sm-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-sm-push-0 {
    left: auto;
  }
  .ant-col-sm-pull-0 {
    right: auto;
  }
  .ant-col-sm-offset-0 {
    margin-left: 0;
  }
  .ant-col-sm-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-sm-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-sm-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-sm-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-sm-push-1.ant-col-rtl {
    left: auto;
    right: 4.16666667%;
  }
  .ant-col-sm-pull-1.ant-col-rtl {
    left: 4.16666667%;
    right: auto;
  }
  .ant-col-sm-offset-1.ant-col-rtl {
    margin-left: 0;
    margin-right: 4.16666667%;
  }
  .ant-col-sm-push-2.ant-col-rtl {
    left: auto;
    right: 8.33333333%;
  }
  .ant-col-sm-pull-2.ant-col-rtl {
    left: 8.33333333%;
    right: auto;
  }
  .ant-col-sm-offset-2.ant-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  .ant-col-sm-push-3.ant-col-rtl {
    left: auto;
    right: 12.5%;
  }
  .ant-col-sm-pull-3.ant-col-rtl {
    left: 12.5%;
    right: auto;
  }
  .ant-col-sm-offset-3.ant-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }
  .ant-col-sm-push-4.ant-col-rtl {
    left: auto;
    right: 16.66666667%;
  }
  .ant-col-sm-pull-4.ant-col-rtl {
    left: 16.66666667%;
    right: auto;
  }
  .ant-col-sm-offset-4.ant-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  .ant-col-sm-push-5.ant-col-rtl {
    left: auto;
    right: 20.83333333%;
  }
  .ant-col-sm-pull-5.ant-col-rtl {
    left: 20.83333333%;
    right: auto;
  }
  .ant-col-sm-offset-5.ant-col-rtl {
    margin-left: 0;
    margin-right: 20.83333333%;
  }
  .ant-col-sm-push-6.ant-col-rtl {
    left: auto;
    right: 25%;
  }
  .ant-col-sm-pull-6.ant-col-rtl {
    left: 25%;
    right: auto;
  }
  .ant-col-sm-offset-6.ant-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }
  .ant-col-sm-push-7.ant-col-rtl {
    left: auto;
    right: 29.16666667%;
  }
  .ant-col-sm-pull-7.ant-col-rtl {
    left: 29.16666667%;
    right: auto;
  }
  .ant-col-sm-offset-7.ant-col-rtl {
    margin-left: 0;
    margin-right: 29.16666667%;
  }
  .ant-col-sm-push-8.ant-col-rtl {
    left: auto;
    right: 33.33333333%;
  }
  .ant-col-sm-pull-8.ant-col-rtl {
    left: 33.33333333%;
    right: auto;
  }
  .ant-col-sm-offset-8.ant-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  .ant-col-sm-push-9.ant-col-rtl {
    left: auto;
    right: 37.5%;
  }
  .ant-col-sm-pull-9.ant-col-rtl {
    left: 37.5%;
    right: auto;
  }
  .ant-col-sm-offset-9.ant-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }
  .ant-col-sm-push-10.ant-col-rtl {
    left: auto;
    right: 41.66666667%;
  }
  .ant-col-sm-pull-10.ant-col-rtl {
    left: 41.66666667%;
    right: auto;
  }
  .ant-col-sm-offset-10.ant-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  .ant-col-sm-push-11.ant-col-rtl {
    left: auto;
    right: 45.83333333%;
  }
  .ant-col-sm-pull-11.ant-col-rtl {
    left: 45.83333333%;
    right: auto;
  }
  .ant-col-sm-offset-11.ant-col-rtl {
    margin-left: 0;
    margin-right: 45.83333333%;
  }
  .ant-col-sm-push-12.ant-col-rtl {
    left: auto;
    right: 50%;
  }
  .ant-col-sm-pull-12.ant-col-rtl {
    left: 50%;
    right: auto;
  }
  .ant-col-sm-offset-12.ant-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }
  .ant-col-sm-push-13.ant-col-rtl {
    left: auto;
    right: 54.16666667%;
  }
  .ant-col-sm-pull-13.ant-col-rtl {
    left: 54.16666667%;
    right: auto;
  }
  .ant-col-sm-offset-13.ant-col-rtl {
    margin-left: 0;
    margin-right: 54.16666667%;
  }
  .ant-col-sm-push-14.ant-col-rtl {
    left: auto;
    right: 58.33333333%;
  }
  .ant-col-sm-pull-14.ant-col-rtl {
    left: 58.33333333%;
    right: auto;
  }
  .ant-col-sm-offset-14.ant-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  .ant-col-sm-push-15.ant-col-rtl {
    left: auto;
    right: 62.5%;
  }
  .ant-col-sm-pull-15.ant-col-rtl {
    left: 62.5%;
    right: auto;
  }
  .ant-col-sm-offset-15.ant-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }
  .ant-col-sm-push-16.ant-col-rtl {
    left: auto;
    right: 66.66666667%;
  }
  .ant-col-sm-pull-16.ant-col-rtl {
    left: 66.66666667%;
    right: auto;
  }
  .ant-col-sm-offset-16.ant-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  .ant-col-sm-push-17.ant-col-rtl {
    left: auto;
    right: 70.83333333%;
  }
  .ant-col-sm-pull-17.ant-col-rtl {
    left: 70.83333333%;
    right: auto;
  }
  .ant-col-sm-offset-17.ant-col-rtl {
    margin-left: 0;
    margin-right: 70.83333333%;
  }
  .ant-col-sm-push-18.ant-col-rtl {
    left: auto;
    right: 75%;
  }
  .ant-col-sm-pull-18.ant-col-rtl {
    left: 75%;
    right: auto;
  }
  .ant-col-sm-offset-18.ant-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }
  .ant-col-sm-push-19.ant-col-rtl {
    left: auto;
    right: 79.16666667%;
  }
  .ant-col-sm-pull-19.ant-col-rtl {
    left: 79.16666667%;
    right: auto;
  }
  .ant-col-sm-offset-19.ant-col-rtl {
    margin-left: 0;
    margin-right: 79.16666667%;
  }
  .ant-col-sm-push-20.ant-col-rtl {
    left: auto;
    right: 83.33333333%;
  }
  .ant-col-sm-pull-20.ant-col-rtl {
    left: 83.33333333%;
    right: auto;
  }
  .ant-col-sm-offset-20.ant-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  .ant-col-sm-push-21.ant-col-rtl {
    left: auto;
    right: 87.5%;
  }
  .ant-col-sm-pull-21.ant-col-rtl {
    left: 87.5%;
    right: auto;
  }
  .ant-col-sm-offset-21.ant-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }
  .ant-col-sm-push-22.ant-col-rtl {
    left: auto;
    right: 91.66666667%;
  }
  .ant-col-sm-pull-22.ant-col-rtl {
    left: 91.66666667%;
    right: auto;
  }
  .ant-col-sm-offset-22.ant-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  .ant-col-sm-push-23.ant-col-rtl {
    left: auto;
    right: 95.83333333%;
  }
  .ant-col-sm-pull-23.ant-col-rtl {
    left: 95.83333333%;
    right: auto;
  }
  .ant-col-sm-offset-23.ant-col-rtl {
    margin-left: 0;
    margin-right: 95.83333333%;
  }
  .ant-col-sm-push-24.ant-col-rtl {
    left: auto;
    right: 100%;
  }
  .ant-col-sm-pull-24.ant-col-rtl {
    left: 100%;
    right: auto;
  }
  .ant-col-sm-offset-24.ant-col-rtl {
    margin-left: 0;
    margin-right: 100%;
  }
}
@media (min-width: 768px) {
  .ant-col-md-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-md-push-24 {
    left: 100%;
  }
  .ant-col-md-pull-24 {
    right: 100%;
  }
  .ant-col-md-offset-24 {
    margin-left: 100%;
  }
  .ant-col-md-order-24 {
    order: 24;
  }
  .ant-col-md-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-md-push-23 {
    left: 95.83333333%;
  }
  .ant-col-md-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-md-order-23 {
    order: 23;
  }
  .ant-col-md-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-md-push-22 {
    left: 91.66666667%;
  }
  .ant-col-md-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-md-order-22 {
    order: 22;
  }
  .ant-col-md-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-md-push-21 {
    left: 87.5%;
  }
  .ant-col-md-pull-21 {
    right: 87.5%;
  }
  .ant-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-md-order-21 {
    order: 21;
  }
  .ant-col-md-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-md-push-20 {
    left: 83.33333333%;
  }
  .ant-col-md-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-md-order-20 {
    order: 20;
  }
  .ant-col-md-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-md-push-19 {
    left: 79.16666667%;
  }
  .ant-col-md-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-md-order-19 {
    order: 19;
  }
  .ant-col-md-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-md-push-18 {
    left: 75%;
  }
  .ant-col-md-pull-18 {
    right: 75%;
  }
  .ant-col-md-offset-18 {
    margin-left: 75%;
  }
  .ant-col-md-order-18 {
    order: 18;
  }
  .ant-col-md-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-md-push-17 {
    left: 70.83333333%;
  }
  .ant-col-md-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-md-order-17 {
    order: 17;
  }
  .ant-col-md-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-md-push-16 {
    left: 66.66666667%;
  }
  .ant-col-md-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-md-order-16 {
    order: 16;
  }
  .ant-col-md-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-md-push-15 {
    left: 62.5%;
  }
  .ant-col-md-pull-15 {
    right: 62.5%;
  }
  .ant-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-md-order-15 {
    order: 15;
  }
  .ant-col-md-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-md-push-14 {
    left: 58.33333333%;
  }
  .ant-col-md-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-md-order-14 {
    order: 14;
  }
  .ant-col-md-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-md-push-13 {
    left: 54.16666667%;
  }
  .ant-col-md-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-md-order-13 {
    order: 13;
  }
  .ant-col-md-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-md-push-12 {
    left: 50%;
  }
  .ant-col-md-pull-12 {
    right: 50%;
  }
  .ant-col-md-offset-12 {
    margin-left: 50%;
  }
  .ant-col-md-order-12 {
    order: 12;
  }
  .ant-col-md-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-md-push-11 {
    left: 45.83333333%;
  }
  .ant-col-md-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-md-order-11 {
    order: 11;
  }
  .ant-col-md-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-md-push-10 {
    left: 41.66666667%;
  }
  .ant-col-md-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-md-order-10 {
    order: 10;
  }
  .ant-col-md-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-md-push-9 {
    left: 37.5%;
  }
  .ant-col-md-pull-9 {
    right: 37.5%;
  }
  .ant-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-md-order-9 {
    order: 9;
  }
  .ant-col-md-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-md-push-8 {
    left: 33.33333333%;
  }
  .ant-col-md-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-md-order-8 {
    order: 8;
  }
  .ant-col-md-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-md-push-7 {
    left: 29.16666667%;
  }
  .ant-col-md-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-md-order-7 {
    order: 7;
  }
  .ant-col-md-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-md-push-6 {
    left: 25%;
  }
  .ant-col-md-pull-6 {
    right: 25%;
  }
  .ant-col-md-offset-6 {
    margin-left: 25%;
  }
  .ant-col-md-order-6 {
    order: 6;
  }
  .ant-col-md-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-md-push-5 {
    left: 20.83333333%;
  }
  .ant-col-md-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-md-order-5 {
    order: 5;
  }
  .ant-col-md-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-md-push-4 {
    left: 16.66666667%;
  }
  .ant-col-md-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-md-order-4 {
    order: 4;
  }
  .ant-col-md-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-md-push-3 {
    left: 12.5%;
  }
  .ant-col-md-pull-3 {
    right: 12.5%;
  }
  .ant-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-md-order-3 {
    order: 3;
  }
  .ant-col-md-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-md-push-2 {
    left: 8.33333333%;
  }
  .ant-col-md-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-md-order-2 {
    order: 2;
  }
  .ant-col-md-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-md-push-1 {
    left: 4.16666667%;
  }
  .ant-col-md-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-md-order-1 {
    order: 1;
  }
  .ant-col-md-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-md-push-0 {
    left: auto;
  }
  .ant-col-md-pull-0 {
    right: auto;
  }
  .ant-col-md-offset-0 {
    margin-left: 0;
  }
  .ant-col-md-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-md-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-md-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-md-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-md-push-1.ant-col-rtl {
    left: auto;
    right: 4.16666667%;
  }
  .ant-col-md-pull-1.ant-col-rtl {
    left: 4.16666667%;
    right: auto;
  }
  .ant-col-md-offset-1.ant-col-rtl {
    margin-left: 0;
    margin-right: 4.16666667%;
  }
  .ant-col-md-push-2.ant-col-rtl {
    left: auto;
    right: 8.33333333%;
  }
  .ant-col-md-pull-2.ant-col-rtl {
    left: 8.33333333%;
    right: auto;
  }
  .ant-col-md-offset-2.ant-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  .ant-col-md-push-3.ant-col-rtl {
    left: auto;
    right: 12.5%;
  }
  .ant-col-md-pull-3.ant-col-rtl {
    left: 12.5%;
    right: auto;
  }
  .ant-col-md-offset-3.ant-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }
  .ant-col-md-push-4.ant-col-rtl {
    left: auto;
    right: 16.66666667%;
  }
  .ant-col-md-pull-4.ant-col-rtl {
    left: 16.66666667%;
    right: auto;
  }
  .ant-col-md-offset-4.ant-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  .ant-col-md-push-5.ant-col-rtl {
    left: auto;
    right: 20.83333333%;
  }
  .ant-col-md-pull-5.ant-col-rtl {
    left: 20.83333333%;
    right: auto;
  }
  .ant-col-md-offset-5.ant-col-rtl {
    margin-left: 0;
    margin-right: 20.83333333%;
  }
  .ant-col-md-push-6.ant-col-rtl {
    left: auto;
    right: 25%;
  }
  .ant-col-md-pull-6.ant-col-rtl {
    left: 25%;
    right: auto;
  }
  .ant-col-md-offset-6.ant-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }
  .ant-col-md-push-7.ant-col-rtl {
    left: auto;
    right: 29.16666667%;
  }
  .ant-col-md-pull-7.ant-col-rtl {
    left: 29.16666667%;
    right: auto;
  }
  .ant-col-md-offset-7.ant-col-rtl {
    margin-left: 0;
    margin-right: 29.16666667%;
  }
  .ant-col-md-push-8.ant-col-rtl {
    left: auto;
    right: 33.33333333%;
  }
  .ant-col-md-pull-8.ant-col-rtl {
    left: 33.33333333%;
    right: auto;
  }
  .ant-col-md-offset-8.ant-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  .ant-col-md-push-9.ant-col-rtl {
    left: auto;
    right: 37.5%;
  }
  .ant-col-md-pull-9.ant-col-rtl {
    left: 37.5%;
    right: auto;
  }
  .ant-col-md-offset-9.ant-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }
  .ant-col-md-push-10.ant-col-rtl {
    left: auto;
    right: 41.66666667%;
  }
  .ant-col-md-pull-10.ant-col-rtl {
    left: 41.66666667%;
    right: auto;
  }
  .ant-col-md-offset-10.ant-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  .ant-col-md-push-11.ant-col-rtl {
    left: auto;
    right: 45.83333333%;
  }
  .ant-col-md-pull-11.ant-col-rtl {
    left: 45.83333333%;
    right: auto;
  }
  .ant-col-md-offset-11.ant-col-rtl {
    margin-left: 0;
    margin-right: 45.83333333%;
  }
  .ant-col-md-push-12.ant-col-rtl {
    left: auto;
    right: 50%;
  }
  .ant-col-md-pull-12.ant-col-rtl {
    left: 50%;
    right: auto;
  }
  .ant-col-md-offset-12.ant-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }
  .ant-col-md-push-13.ant-col-rtl {
    left: auto;
    right: 54.16666667%;
  }
  .ant-col-md-pull-13.ant-col-rtl {
    left: 54.16666667%;
    right: auto;
  }
  .ant-col-md-offset-13.ant-col-rtl {
    margin-left: 0;
    margin-right: 54.16666667%;
  }
  .ant-col-md-push-14.ant-col-rtl {
    left: auto;
    right: 58.33333333%;
  }
  .ant-col-md-pull-14.ant-col-rtl {
    left: 58.33333333%;
    right: auto;
  }
  .ant-col-md-offset-14.ant-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  .ant-col-md-push-15.ant-col-rtl {
    left: auto;
    right: 62.5%;
  }
  .ant-col-md-pull-15.ant-col-rtl {
    left: 62.5%;
    right: auto;
  }
  .ant-col-md-offset-15.ant-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }
  .ant-col-md-push-16.ant-col-rtl {
    left: auto;
    right: 66.66666667%;
  }
  .ant-col-md-pull-16.ant-col-rtl {
    left: 66.66666667%;
    right: auto;
  }
  .ant-col-md-offset-16.ant-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  .ant-col-md-push-17.ant-col-rtl {
    left: auto;
    right: 70.83333333%;
  }
  .ant-col-md-pull-17.ant-col-rtl {
    left: 70.83333333%;
    right: auto;
  }
  .ant-col-md-offset-17.ant-col-rtl {
    margin-left: 0;
    margin-right: 70.83333333%;
  }
  .ant-col-md-push-18.ant-col-rtl {
    left: auto;
    right: 75%;
  }
  .ant-col-md-pull-18.ant-col-rtl {
    left: 75%;
    right: auto;
  }
  .ant-col-md-offset-18.ant-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }
  .ant-col-md-push-19.ant-col-rtl {
    left: auto;
    right: 79.16666667%;
  }
  .ant-col-md-pull-19.ant-col-rtl {
    left: 79.16666667%;
    right: auto;
  }
  .ant-col-md-offset-19.ant-col-rtl {
    margin-left: 0;
    margin-right: 79.16666667%;
  }
  .ant-col-md-push-20.ant-col-rtl {
    left: auto;
    right: 83.33333333%;
  }
  .ant-col-md-pull-20.ant-col-rtl {
    left: 83.33333333%;
    right: auto;
  }
  .ant-col-md-offset-20.ant-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  .ant-col-md-push-21.ant-col-rtl {
    left: auto;
    right: 87.5%;
  }
  .ant-col-md-pull-21.ant-col-rtl {
    left: 87.5%;
    right: auto;
  }
  .ant-col-md-offset-21.ant-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }
  .ant-col-md-push-22.ant-col-rtl {
    left: auto;
    right: 91.66666667%;
  }
  .ant-col-md-pull-22.ant-col-rtl {
    left: 91.66666667%;
    right: auto;
  }
  .ant-col-md-offset-22.ant-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  .ant-col-md-push-23.ant-col-rtl {
    left: auto;
    right: 95.83333333%;
  }
  .ant-col-md-pull-23.ant-col-rtl {
    left: 95.83333333%;
    right: auto;
  }
  .ant-col-md-offset-23.ant-col-rtl {
    margin-left: 0;
    margin-right: 95.83333333%;
  }
  .ant-col-md-push-24.ant-col-rtl {
    left: auto;
    right: 100%;
  }
  .ant-col-md-pull-24.ant-col-rtl {
    left: 100%;
    right: auto;
  }
  .ant-col-md-offset-24.ant-col-rtl {
    margin-left: 0;
    margin-right: 100%;
  }
}
@media (min-width: 992px) {
  .ant-col-lg-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-lg-push-24 {
    left: 100%;
  }
  .ant-col-lg-pull-24 {
    right: 100%;
  }
  .ant-col-lg-offset-24 {
    margin-left: 100%;
  }
  .ant-col-lg-order-24 {
    order: 24;
  }
  .ant-col-lg-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-lg-push-23 {
    left: 95.83333333%;
  }
  .ant-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-lg-order-23 {
    order: 23;
  }
  .ant-col-lg-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-lg-push-22 {
    left: 91.66666667%;
  }
  .ant-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-lg-order-22 {
    order: 22;
  }
  .ant-col-lg-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-lg-push-21 {
    left: 87.5%;
  }
  .ant-col-lg-pull-21 {
    right: 87.5%;
  }
  .ant-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-lg-order-21 {
    order: 21;
  }
  .ant-col-lg-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-lg-push-20 {
    left: 83.33333333%;
  }
  .ant-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-lg-order-20 {
    order: 20;
  }
  .ant-col-lg-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-lg-push-19 {
    left: 79.16666667%;
  }
  .ant-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-lg-order-19 {
    order: 19;
  }
  .ant-col-lg-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-lg-push-18 {
    left: 75%;
  }
  .ant-col-lg-pull-18 {
    right: 75%;
  }
  .ant-col-lg-offset-18 {
    margin-left: 75%;
  }
  .ant-col-lg-order-18 {
    order: 18;
  }
  .ant-col-lg-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-lg-push-17 {
    left: 70.83333333%;
  }
  .ant-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-lg-order-17 {
    order: 17;
  }
  .ant-col-lg-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-lg-push-16 {
    left: 66.66666667%;
  }
  .ant-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-lg-order-16 {
    order: 16;
  }
  .ant-col-lg-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-lg-push-15 {
    left: 62.5%;
  }
  .ant-col-lg-pull-15 {
    right: 62.5%;
  }
  .ant-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-lg-order-15 {
    order: 15;
  }
  .ant-col-lg-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-lg-push-14 {
    left: 58.33333333%;
  }
  .ant-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-lg-order-14 {
    order: 14;
  }
  .ant-col-lg-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-lg-push-13 {
    left: 54.16666667%;
  }
  .ant-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-lg-order-13 {
    order: 13;
  }
  .ant-col-lg-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-lg-push-12 {
    left: 50%;
  }
  .ant-col-lg-pull-12 {
    right: 50%;
  }
  .ant-col-lg-offset-12 {
    margin-left: 50%;
  }
  .ant-col-lg-order-12 {
    order: 12;
  }
  .ant-col-lg-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-lg-push-11 {
    left: 45.83333333%;
  }
  .ant-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-lg-order-11 {
    order: 11;
  }
  .ant-col-lg-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-lg-push-10 {
    left: 41.66666667%;
  }
  .ant-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-lg-order-10 {
    order: 10;
  }
  .ant-col-lg-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-lg-push-9 {
    left: 37.5%;
  }
  .ant-col-lg-pull-9 {
    right: 37.5%;
  }
  .ant-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-lg-order-9 {
    order: 9;
  }
  .ant-col-lg-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-lg-push-8 {
    left: 33.33333333%;
  }
  .ant-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-lg-order-8 {
    order: 8;
  }
  .ant-col-lg-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-lg-push-7 {
    left: 29.16666667%;
  }
  .ant-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-lg-order-7 {
    order: 7;
  }
  .ant-col-lg-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-lg-push-6 {
    left: 25%;
  }
  .ant-col-lg-pull-6 {
    right: 25%;
  }
  .ant-col-lg-offset-6 {
    margin-left: 25%;
  }
  .ant-col-lg-order-6 {
    order: 6;
  }
  .ant-col-lg-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-lg-push-5 {
    left: 20.83333333%;
  }
  .ant-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-lg-order-5 {
    order: 5;
  }
  .ant-col-lg-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-lg-push-4 {
    left: 16.66666667%;
  }
  .ant-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-lg-order-4 {
    order: 4;
  }
  .ant-col-lg-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-lg-push-3 {
    left: 12.5%;
  }
  .ant-col-lg-pull-3 {
    right: 12.5%;
  }
  .ant-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-lg-order-3 {
    order: 3;
  }
  .ant-col-lg-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-lg-push-2 {
    left: 8.33333333%;
  }
  .ant-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-lg-order-2 {
    order: 2;
  }
  .ant-col-lg-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-lg-push-1 {
    left: 4.16666667%;
  }
  .ant-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-lg-order-1 {
    order: 1;
  }
  .ant-col-lg-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-lg-push-0 {
    left: auto;
  }
  .ant-col-lg-pull-0 {
    right: auto;
  }
  .ant-col-lg-offset-0 {
    margin-left: 0;
  }
  .ant-col-lg-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-lg-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-lg-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-lg-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-lg-push-1.ant-col-rtl {
    left: auto;
    right: 4.16666667%;
  }
  .ant-col-lg-pull-1.ant-col-rtl {
    left: 4.16666667%;
    right: auto;
  }
  .ant-col-lg-offset-1.ant-col-rtl {
    margin-left: 0;
    margin-right: 4.16666667%;
  }
  .ant-col-lg-push-2.ant-col-rtl {
    left: auto;
    right: 8.33333333%;
  }
  .ant-col-lg-pull-2.ant-col-rtl {
    left: 8.33333333%;
    right: auto;
  }
  .ant-col-lg-offset-2.ant-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  .ant-col-lg-push-3.ant-col-rtl {
    left: auto;
    right: 12.5%;
  }
  .ant-col-lg-pull-3.ant-col-rtl {
    left: 12.5%;
    right: auto;
  }
  .ant-col-lg-offset-3.ant-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }
  .ant-col-lg-push-4.ant-col-rtl {
    left: auto;
    right: 16.66666667%;
  }
  .ant-col-lg-pull-4.ant-col-rtl {
    left: 16.66666667%;
    right: auto;
  }
  .ant-col-lg-offset-4.ant-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  .ant-col-lg-push-5.ant-col-rtl {
    left: auto;
    right: 20.83333333%;
  }
  .ant-col-lg-pull-5.ant-col-rtl {
    left: 20.83333333%;
    right: auto;
  }
  .ant-col-lg-offset-5.ant-col-rtl {
    margin-left: 0;
    margin-right: 20.83333333%;
  }
  .ant-col-lg-push-6.ant-col-rtl {
    left: auto;
    right: 25%;
  }
  .ant-col-lg-pull-6.ant-col-rtl {
    left: 25%;
    right: auto;
  }
  .ant-col-lg-offset-6.ant-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }
  .ant-col-lg-push-7.ant-col-rtl {
    left: auto;
    right: 29.16666667%;
  }
  .ant-col-lg-pull-7.ant-col-rtl {
    left: 29.16666667%;
    right: auto;
  }
  .ant-col-lg-offset-7.ant-col-rtl {
    margin-left: 0;
    margin-right: 29.16666667%;
  }
  .ant-col-lg-push-8.ant-col-rtl {
    left: auto;
    right: 33.33333333%;
  }
  .ant-col-lg-pull-8.ant-col-rtl {
    left: 33.33333333%;
    right: auto;
  }
  .ant-col-lg-offset-8.ant-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  .ant-col-lg-push-9.ant-col-rtl {
    left: auto;
    right: 37.5%;
  }
  .ant-col-lg-pull-9.ant-col-rtl {
    left: 37.5%;
    right: auto;
  }
  .ant-col-lg-offset-9.ant-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }
  .ant-col-lg-push-10.ant-col-rtl {
    left: auto;
    right: 41.66666667%;
  }
  .ant-col-lg-pull-10.ant-col-rtl {
    left: 41.66666667%;
    right: auto;
  }
  .ant-col-lg-offset-10.ant-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  .ant-col-lg-push-11.ant-col-rtl {
    left: auto;
    right: 45.83333333%;
  }
  .ant-col-lg-pull-11.ant-col-rtl {
    left: 45.83333333%;
    right: auto;
  }
  .ant-col-lg-offset-11.ant-col-rtl {
    margin-left: 0;
    margin-right: 45.83333333%;
  }
  .ant-col-lg-push-12.ant-col-rtl {
    left: auto;
    right: 50%;
  }
  .ant-col-lg-pull-12.ant-col-rtl {
    left: 50%;
    right: auto;
  }
  .ant-col-lg-offset-12.ant-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }
  .ant-col-lg-push-13.ant-col-rtl {
    left: auto;
    right: 54.16666667%;
  }
  .ant-col-lg-pull-13.ant-col-rtl {
    left: 54.16666667%;
    right: auto;
  }
  .ant-col-lg-offset-13.ant-col-rtl {
    margin-left: 0;
    margin-right: 54.16666667%;
  }
  .ant-col-lg-push-14.ant-col-rtl {
    left: auto;
    right: 58.33333333%;
  }
  .ant-col-lg-pull-14.ant-col-rtl {
    left: 58.33333333%;
    right: auto;
  }
  .ant-col-lg-offset-14.ant-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  .ant-col-lg-push-15.ant-col-rtl {
    left: auto;
    right: 62.5%;
  }
  .ant-col-lg-pull-15.ant-col-rtl {
    left: 62.5%;
    right: auto;
  }
  .ant-col-lg-offset-15.ant-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }
  .ant-col-lg-push-16.ant-col-rtl {
    left: auto;
    right: 66.66666667%;
  }
  .ant-col-lg-pull-16.ant-col-rtl {
    left: 66.66666667%;
    right: auto;
  }
  .ant-col-lg-offset-16.ant-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  .ant-col-lg-push-17.ant-col-rtl {
    left: auto;
    right: 70.83333333%;
  }
  .ant-col-lg-pull-17.ant-col-rtl {
    left: 70.83333333%;
    right: auto;
  }
  .ant-col-lg-offset-17.ant-col-rtl {
    margin-left: 0;
    margin-right: 70.83333333%;
  }
  .ant-col-lg-push-18.ant-col-rtl {
    left: auto;
    right: 75%;
  }
  .ant-col-lg-pull-18.ant-col-rtl {
    left: 75%;
    right: auto;
  }
  .ant-col-lg-offset-18.ant-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }
  .ant-col-lg-push-19.ant-col-rtl {
    left: auto;
    right: 79.16666667%;
  }
  .ant-col-lg-pull-19.ant-col-rtl {
    left: 79.16666667%;
    right: auto;
  }
  .ant-col-lg-offset-19.ant-col-rtl {
    margin-left: 0;
    margin-right: 79.16666667%;
  }
  .ant-col-lg-push-20.ant-col-rtl {
    left: auto;
    right: 83.33333333%;
  }
  .ant-col-lg-pull-20.ant-col-rtl {
    left: 83.33333333%;
    right: auto;
  }
  .ant-col-lg-offset-20.ant-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  .ant-col-lg-push-21.ant-col-rtl {
    left: auto;
    right: 87.5%;
  }
  .ant-col-lg-pull-21.ant-col-rtl {
    left: 87.5%;
    right: auto;
  }
  .ant-col-lg-offset-21.ant-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }
  .ant-col-lg-push-22.ant-col-rtl {
    left: auto;
    right: 91.66666667%;
  }
  .ant-col-lg-pull-22.ant-col-rtl {
    left: 91.66666667%;
    right: auto;
  }
  .ant-col-lg-offset-22.ant-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  .ant-col-lg-push-23.ant-col-rtl {
    left: auto;
    right: 95.83333333%;
  }
  .ant-col-lg-pull-23.ant-col-rtl {
    left: 95.83333333%;
    right: auto;
  }
  .ant-col-lg-offset-23.ant-col-rtl {
    margin-left: 0;
    margin-right: 95.83333333%;
  }
  .ant-col-lg-push-24.ant-col-rtl {
    left: auto;
    right: 100%;
  }
  .ant-col-lg-pull-24.ant-col-rtl {
    left: 100%;
    right: auto;
  }
  .ant-col-lg-offset-24.ant-col-rtl {
    margin-left: 0;
    margin-right: 100%;
  }
}
@media (min-width: 1200px) {
  .ant-col-xl-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xl-push-24 {
    left: 100%;
  }
  .ant-col-xl-pull-24 {
    right: 100%;
  }
  .ant-col-xl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xl-order-24 {
    order: 24;
  }
  .ant-col-xl-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-xl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xl-order-23 {
    order: 23;
  }
  .ant-col-xl-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-xl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xl-order-22 {
    order: 22;
  }
  .ant-col-xl-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-xl-push-21 {
    left: 87.5%;
  }
  .ant-col-xl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xl-order-21 {
    order: 21;
  }
  .ant-col-xl-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-xl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xl-order-20 {
    order: 20;
  }
  .ant-col-xl-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-xl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xl-order-19 {
    order: 19;
  }
  .ant-col-xl-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-xl-push-18 {
    left: 75%;
  }
  .ant-col-xl-pull-18 {
    right: 75%;
  }
  .ant-col-xl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xl-order-18 {
    order: 18;
  }
  .ant-col-xl-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-xl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xl-order-17 {
    order: 17;
  }
  .ant-col-xl-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-xl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xl-order-16 {
    order: 16;
  }
  .ant-col-xl-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-xl-push-15 {
    left: 62.5%;
  }
  .ant-col-xl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xl-order-15 {
    order: 15;
  }
  .ant-col-xl-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-xl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xl-order-14 {
    order: 14;
  }
  .ant-col-xl-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-xl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xl-order-13 {
    order: 13;
  }
  .ant-col-xl-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-xl-push-12 {
    left: 50%;
  }
  .ant-col-xl-pull-12 {
    right: 50%;
  }
  .ant-col-xl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xl-order-12 {
    order: 12;
  }
  .ant-col-xl-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-xl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xl-order-11 {
    order: 11;
  }
  .ant-col-xl-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-xl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xl-order-10 {
    order: 10;
  }
  .ant-col-xl-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-xl-push-9 {
    left: 37.5%;
  }
  .ant-col-xl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xl-order-9 {
    order: 9;
  }
  .ant-col-xl-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-xl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xl-order-8 {
    order: 8;
  }
  .ant-col-xl-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-xl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xl-order-7 {
    order: 7;
  }
  .ant-col-xl-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-xl-push-6 {
    left: 25%;
  }
  .ant-col-xl-pull-6 {
    right: 25%;
  }
  .ant-col-xl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xl-order-6 {
    order: 6;
  }
  .ant-col-xl-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-xl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xl-order-5 {
    order: 5;
  }
  .ant-col-xl-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-xl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xl-order-4 {
    order: 4;
  }
  .ant-col-xl-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-xl-push-3 {
    left: 12.5%;
  }
  .ant-col-xl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xl-order-3 {
    order: 3;
  }
  .ant-col-xl-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-xl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xl-order-2 {
    order: 2;
  }
  .ant-col-xl-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-xl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xl-order-1 {
    order: 1;
  }
  .ant-col-xl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xl-push-0 {
    left: auto;
  }
  .ant-col-xl-pull-0 {
    right: auto;
  }
  .ant-col-xl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xl-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xl-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-xl-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xl-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-xl-push-1.ant-col-rtl {
    left: auto;
    right: 4.16666667%;
  }
  .ant-col-xl-pull-1.ant-col-rtl {
    left: 4.16666667%;
    right: auto;
  }
  .ant-col-xl-offset-1.ant-col-rtl {
    margin-left: 0;
    margin-right: 4.16666667%;
  }
  .ant-col-xl-push-2.ant-col-rtl {
    left: auto;
    right: 8.33333333%;
  }
  .ant-col-xl-pull-2.ant-col-rtl {
    left: 8.33333333%;
    right: auto;
  }
  .ant-col-xl-offset-2.ant-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  .ant-col-xl-push-3.ant-col-rtl {
    left: auto;
    right: 12.5%;
  }
  .ant-col-xl-pull-3.ant-col-rtl {
    left: 12.5%;
    right: auto;
  }
  .ant-col-xl-offset-3.ant-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }
  .ant-col-xl-push-4.ant-col-rtl {
    left: auto;
    right: 16.66666667%;
  }
  .ant-col-xl-pull-4.ant-col-rtl {
    left: 16.66666667%;
    right: auto;
  }
  .ant-col-xl-offset-4.ant-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  .ant-col-xl-push-5.ant-col-rtl {
    left: auto;
    right: 20.83333333%;
  }
  .ant-col-xl-pull-5.ant-col-rtl {
    left: 20.83333333%;
    right: auto;
  }
  .ant-col-xl-offset-5.ant-col-rtl {
    margin-left: 0;
    margin-right: 20.83333333%;
  }
  .ant-col-xl-push-6.ant-col-rtl {
    left: auto;
    right: 25%;
  }
  .ant-col-xl-pull-6.ant-col-rtl {
    left: 25%;
    right: auto;
  }
  .ant-col-xl-offset-6.ant-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }
  .ant-col-xl-push-7.ant-col-rtl {
    left: auto;
    right: 29.16666667%;
  }
  .ant-col-xl-pull-7.ant-col-rtl {
    left: 29.16666667%;
    right: auto;
  }
  .ant-col-xl-offset-7.ant-col-rtl {
    margin-left: 0;
    margin-right: 29.16666667%;
  }
  .ant-col-xl-push-8.ant-col-rtl {
    left: auto;
    right: 33.33333333%;
  }
  .ant-col-xl-pull-8.ant-col-rtl {
    left: 33.33333333%;
    right: auto;
  }
  .ant-col-xl-offset-8.ant-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  .ant-col-xl-push-9.ant-col-rtl {
    left: auto;
    right: 37.5%;
  }
  .ant-col-xl-pull-9.ant-col-rtl {
    left: 37.5%;
    right: auto;
  }
  .ant-col-xl-offset-9.ant-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }
  .ant-col-xl-push-10.ant-col-rtl {
    left: auto;
    right: 41.66666667%;
  }
  .ant-col-xl-pull-10.ant-col-rtl {
    left: 41.66666667%;
    right: auto;
  }
  .ant-col-xl-offset-10.ant-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  .ant-col-xl-push-11.ant-col-rtl {
    left: auto;
    right: 45.83333333%;
  }
  .ant-col-xl-pull-11.ant-col-rtl {
    left: 45.83333333%;
    right: auto;
  }
  .ant-col-xl-offset-11.ant-col-rtl {
    margin-left: 0;
    margin-right: 45.83333333%;
  }
  .ant-col-xl-push-12.ant-col-rtl {
    left: auto;
    right: 50%;
  }
  .ant-col-xl-pull-12.ant-col-rtl {
    left: 50%;
    right: auto;
  }
  .ant-col-xl-offset-12.ant-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }
  .ant-col-xl-push-13.ant-col-rtl {
    left: auto;
    right: 54.16666667%;
  }
  .ant-col-xl-pull-13.ant-col-rtl {
    left: 54.16666667%;
    right: auto;
  }
  .ant-col-xl-offset-13.ant-col-rtl {
    margin-left: 0;
    margin-right: 54.16666667%;
  }
  .ant-col-xl-push-14.ant-col-rtl {
    left: auto;
    right: 58.33333333%;
  }
  .ant-col-xl-pull-14.ant-col-rtl {
    left: 58.33333333%;
    right: auto;
  }
  .ant-col-xl-offset-14.ant-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  .ant-col-xl-push-15.ant-col-rtl {
    left: auto;
    right: 62.5%;
  }
  .ant-col-xl-pull-15.ant-col-rtl {
    left: 62.5%;
    right: auto;
  }
  .ant-col-xl-offset-15.ant-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }
  .ant-col-xl-push-16.ant-col-rtl {
    left: auto;
    right: 66.66666667%;
  }
  .ant-col-xl-pull-16.ant-col-rtl {
    left: 66.66666667%;
    right: auto;
  }
  .ant-col-xl-offset-16.ant-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  .ant-col-xl-push-17.ant-col-rtl {
    left: auto;
    right: 70.83333333%;
  }
  .ant-col-xl-pull-17.ant-col-rtl {
    left: 70.83333333%;
    right: auto;
  }
  .ant-col-xl-offset-17.ant-col-rtl {
    margin-left: 0;
    margin-right: 70.83333333%;
  }
  .ant-col-xl-push-18.ant-col-rtl {
    left: auto;
    right: 75%;
  }
  .ant-col-xl-pull-18.ant-col-rtl {
    left: 75%;
    right: auto;
  }
  .ant-col-xl-offset-18.ant-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }
  .ant-col-xl-push-19.ant-col-rtl {
    left: auto;
    right: 79.16666667%;
  }
  .ant-col-xl-pull-19.ant-col-rtl {
    left: 79.16666667%;
    right: auto;
  }
  .ant-col-xl-offset-19.ant-col-rtl {
    margin-left: 0;
    margin-right: 79.16666667%;
  }
  .ant-col-xl-push-20.ant-col-rtl {
    left: auto;
    right: 83.33333333%;
  }
  .ant-col-xl-pull-20.ant-col-rtl {
    left: 83.33333333%;
    right: auto;
  }
  .ant-col-xl-offset-20.ant-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  .ant-col-xl-push-21.ant-col-rtl {
    left: auto;
    right: 87.5%;
  }
  .ant-col-xl-pull-21.ant-col-rtl {
    left: 87.5%;
    right: auto;
  }
  .ant-col-xl-offset-21.ant-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }
  .ant-col-xl-push-22.ant-col-rtl {
    left: auto;
    right: 91.66666667%;
  }
  .ant-col-xl-pull-22.ant-col-rtl {
    left: 91.66666667%;
    right: auto;
  }
  .ant-col-xl-offset-22.ant-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  .ant-col-xl-push-23.ant-col-rtl {
    left: auto;
    right: 95.83333333%;
  }
  .ant-col-xl-pull-23.ant-col-rtl {
    left: 95.83333333%;
    right: auto;
  }
  .ant-col-xl-offset-23.ant-col-rtl {
    margin-left: 0;
    margin-right: 95.83333333%;
  }
  .ant-col-xl-push-24.ant-col-rtl {
    left: auto;
    right: 100%;
  }
  .ant-col-xl-pull-24.ant-col-rtl {
    left: 100%;
    right: auto;
  }
  .ant-col-xl-offset-24.ant-col-rtl {
    margin-left: 0;
    margin-right: 100%;
  }
}
@media (min-width: 1600px) {
  .ant-col-xxl-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xxl-push-24 {
    left: 100%;
  }
  .ant-col-xxl-pull-24 {
    right: 100%;
  }
  .ant-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xxl-order-24 {
    order: 24;
  }
  .ant-col-xxl-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xxl-order-23 {
    order: 23;
  }
  .ant-col-xxl-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xxl-order-22 {
    order: 22;
  }
  .ant-col-xxl-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-xxl-push-21 {
    left: 87.5%;
  }
  .ant-col-xxl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xxl-order-21 {
    order: 21;
  }
  .ant-col-xxl-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xxl-order-20 {
    order: 20;
  }
  .ant-col-xxl-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xxl-order-19 {
    order: 19;
  }
  .ant-col-xxl-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-xxl-push-18 {
    left: 75%;
  }
  .ant-col-xxl-pull-18 {
    right: 75%;
  }
  .ant-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xxl-order-18 {
    order: 18;
  }
  .ant-col-xxl-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xxl-order-17 {
    order: 17;
  }
  .ant-col-xxl-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xxl-order-16 {
    order: 16;
  }
  .ant-col-xxl-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-xxl-push-15 {
    left: 62.5%;
  }
  .ant-col-xxl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xxl-order-15 {
    order: 15;
  }
  .ant-col-xxl-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xxl-order-14 {
    order: 14;
  }
  .ant-col-xxl-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xxl-order-13 {
    order: 13;
  }
  .ant-col-xxl-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-xxl-push-12 {
    left: 50%;
  }
  .ant-col-xxl-pull-12 {
    right: 50%;
  }
  .ant-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xxl-order-12 {
    order: 12;
  }
  .ant-col-xxl-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xxl-order-11 {
    order: 11;
  }
  .ant-col-xxl-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xxl-order-10 {
    order: 10;
  }
  .ant-col-xxl-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-xxl-push-9 {
    left: 37.5%;
  }
  .ant-col-xxl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xxl-order-9 {
    order: 9;
  }
  .ant-col-xxl-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xxl-order-8 {
    order: 8;
  }
  .ant-col-xxl-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xxl-order-7 {
    order: 7;
  }
  .ant-col-xxl-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-xxl-push-6 {
    left: 25%;
  }
  .ant-col-xxl-pull-6 {
    right: 25%;
  }
  .ant-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xxl-order-6 {
    order: 6;
  }
  .ant-col-xxl-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xxl-order-5 {
    order: 5;
  }
  .ant-col-xxl-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xxl-order-4 {
    order: 4;
  }
  .ant-col-xxl-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-xxl-push-3 {
    left: 12.5%;
  }
  .ant-col-xxl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xxl-order-3 {
    order: 3;
  }
  .ant-col-xxl-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xxl-order-2 {
    order: 2;
  }
  .ant-col-xxl-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xxl-order-1 {
    order: 1;
  }
  .ant-col-xxl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xxl-push-0 {
    left: auto;
  }
  .ant-col-xxl-pull-0 {
    right: auto;
  }
  .ant-col-xxl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xxl-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xxl-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-xxl-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xxl-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-xxl-push-1.ant-col-rtl {
    left: auto;
    right: 4.16666667%;
  }
  .ant-col-xxl-pull-1.ant-col-rtl {
    left: 4.16666667%;
    right: auto;
  }
  .ant-col-xxl-offset-1.ant-col-rtl {
    margin-left: 0;
    margin-right: 4.16666667%;
  }
  .ant-col-xxl-push-2.ant-col-rtl {
    left: auto;
    right: 8.33333333%;
  }
  .ant-col-xxl-pull-2.ant-col-rtl {
    left: 8.33333333%;
    right: auto;
  }
  .ant-col-xxl-offset-2.ant-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  .ant-col-xxl-push-3.ant-col-rtl {
    left: auto;
    right: 12.5%;
  }
  .ant-col-xxl-pull-3.ant-col-rtl {
    left: 12.5%;
    right: auto;
  }
  .ant-col-xxl-offset-3.ant-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }
  .ant-col-xxl-push-4.ant-col-rtl {
    left: auto;
    right: 16.66666667%;
  }
  .ant-col-xxl-pull-4.ant-col-rtl {
    left: 16.66666667%;
    right: auto;
  }
  .ant-col-xxl-offset-4.ant-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  .ant-col-xxl-push-5.ant-col-rtl {
    left: auto;
    right: 20.83333333%;
  }
  .ant-col-xxl-pull-5.ant-col-rtl {
    left: 20.83333333%;
    right: auto;
  }
  .ant-col-xxl-offset-5.ant-col-rtl {
    margin-left: 0;
    margin-right: 20.83333333%;
  }
  .ant-col-xxl-push-6.ant-col-rtl {
    left: auto;
    right: 25%;
  }
  .ant-col-xxl-pull-6.ant-col-rtl {
    left: 25%;
    right: auto;
  }
  .ant-col-xxl-offset-6.ant-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }
  .ant-col-xxl-push-7.ant-col-rtl {
    left: auto;
    right: 29.16666667%;
  }
  .ant-col-xxl-pull-7.ant-col-rtl {
    left: 29.16666667%;
    right: auto;
  }
  .ant-col-xxl-offset-7.ant-col-rtl {
    margin-left: 0;
    margin-right: 29.16666667%;
  }
  .ant-col-xxl-push-8.ant-col-rtl {
    left: auto;
    right: 33.33333333%;
  }
  .ant-col-xxl-pull-8.ant-col-rtl {
    left: 33.33333333%;
    right: auto;
  }
  .ant-col-xxl-offset-8.ant-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  .ant-col-xxl-push-9.ant-col-rtl {
    left: auto;
    right: 37.5%;
  }
  .ant-col-xxl-pull-9.ant-col-rtl {
    left: 37.5%;
    right: auto;
  }
  .ant-col-xxl-offset-9.ant-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }
  .ant-col-xxl-push-10.ant-col-rtl {
    left: auto;
    right: 41.66666667%;
  }
  .ant-col-xxl-pull-10.ant-col-rtl {
    left: 41.66666667%;
    right: auto;
  }
  .ant-col-xxl-offset-10.ant-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  .ant-col-xxl-push-11.ant-col-rtl {
    left: auto;
    right: 45.83333333%;
  }
  .ant-col-xxl-pull-11.ant-col-rtl {
    left: 45.83333333%;
    right: auto;
  }
  .ant-col-xxl-offset-11.ant-col-rtl {
    margin-left: 0;
    margin-right: 45.83333333%;
  }
  .ant-col-xxl-push-12.ant-col-rtl {
    left: auto;
    right: 50%;
  }
  .ant-col-xxl-pull-12.ant-col-rtl {
    left: 50%;
    right: auto;
  }
  .ant-col-xxl-offset-12.ant-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }
  .ant-col-xxl-push-13.ant-col-rtl {
    left: auto;
    right: 54.16666667%;
  }
  .ant-col-xxl-pull-13.ant-col-rtl {
    left: 54.16666667%;
    right: auto;
  }
  .ant-col-xxl-offset-13.ant-col-rtl {
    margin-left: 0;
    margin-right: 54.16666667%;
  }
  .ant-col-xxl-push-14.ant-col-rtl {
    left: auto;
    right: 58.33333333%;
  }
  .ant-col-xxl-pull-14.ant-col-rtl {
    left: 58.33333333%;
    right: auto;
  }
  .ant-col-xxl-offset-14.ant-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  .ant-col-xxl-push-15.ant-col-rtl {
    left: auto;
    right: 62.5%;
  }
  .ant-col-xxl-pull-15.ant-col-rtl {
    left: 62.5%;
    right: auto;
  }
  .ant-col-xxl-offset-15.ant-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }
  .ant-col-xxl-push-16.ant-col-rtl {
    left: auto;
    right: 66.66666667%;
  }
  .ant-col-xxl-pull-16.ant-col-rtl {
    left: 66.66666667%;
    right: auto;
  }
  .ant-col-xxl-offset-16.ant-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  .ant-col-xxl-push-17.ant-col-rtl {
    left: auto;
    right: 70.83333333%;
  }
  .ant-col-xxl-pull-17.ant-col-rtl {
    left: 70.83333333%;
    right: auto;
  }
  .ant-col-xxl-offset-17.ant-col-rtl {
    margin-left: 0;
    margin-right: 70.83333333%;
  }
  .ant-col-xxl-push-18.ant-col-rtl {
    left: auto;
    right: 75%;
  }
  .ant-col-xxl-pull-18.ant-col-rtl {
    left: 75%;
    right: auto;
  }
  .ant-col-xxl-offset-18.ant-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }
  .ant-col-xxl-push-19.ant-col-rtl {
    left: auto;
    right: 79.16666667%;
  }
  .ant-col-xxl-pull-19.ant-col-rtl {
    left: 79.16666667%;
    right: auto;
  }
  .ant-col-xxl-offset-19.ant-col-rtl {
    margin-left: 0;
    margin-right: 79.16666667%;
  }
  .ant-col-xxl-push-20.ant-col-rtl {
    left: auto;
    right: 83.33333333%;
  }
  .ant-col-xxl-pull-20.ant-col-rtl {
    left: 83.33333333%;
    right: auto;
  }
  .ant-col-xxl-offset-20.ant-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  .ant-col-xxl-push-21.ant-col-rtl {
    left: auto;
    right: 87.5%;
  }
  .ant-col-xxl-pull-21.ant-col-rtl {
    left: 87.5%;
    right: auto;
  }
  .ant-col-xxl-offset-21.ant-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }
  .ant-col-xxl-push-22.ant-col-rtl {
    left: auto;
    right: 91.66666667%;
  }
  .ant-col-xxl-pull-22.ant-col-rtl {
    left: 91.66666667%;
    right: auto;
  }
  .ant-col-xxl-offset-22.ant-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  .ant-col-xxl-push-23.ant-col-rtl {
    left: auto;
    right: 95.83333333%;
  }
  .ant-col-xxl-pull-23.ant-col-rtl {
    left: 95.83333333%;
    right: auto;
  }
  .ant-col-xxl-offset-23.ant-col-rtl {
    margin-left: 0;
    margin-right: 95.83333333%;
  }
  .ant-col-xxl-push-24.ant-col-rtl {
    left: auto;
    right: 100%;
  }
  .ant-col-xxl-pull-24.ant-col-rtl {
    left: 100%;
    right: auto;
  }
  .ant-col-xxl-offset-24.ant-col-rtl {
    margin-left: 0;
    margin-right: 100%;
  }
}
.ant-row-rtl {
  direction: rtl;
}
.ant-image {
  display: inline-block;
  position: relative;
}
.ant-image-img {
  display: block;
  height: auto;
  width: 100%;
}
.ant-image-img-placeholder {
  background-color: #f5f5f5;
  background-image: url("");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30%;
}
.ant-image-mask {
  align-items: center;
  background: #00000080;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s;
}
.ant-image-mask-info .anticon {
  margin-inline-end: 4px;
}
.ant-image-mask:hover {
  opacity: 1;
}
.ant-image-placeholder {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-image-preview {
  height: 100%;
  pointer-events: none;
  text-align: center;
}
.ant-image-preview.ant-zoom-enter,
.ant-image-preview.antzoom-appear {
  animation-duration: 0.3s;
  opacity: 0;
  transform: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-image-preview-mask {
  background-color: #00000073;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
.ant-image-preview-mask-hidden {
  display: none;
}
.ant-image-preview-wrap {
  -webkit-overflow-scrolling: touch;
  bottom: 0;
  left: 0;
  outline: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
}
.ant-image-preview-body {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-image-preview-img {
  cursor: grab;
  max-height: 100%;
  max-width: 100%;
  pointer-events: auto;
  transform: scaleX(1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}
.ant-image-preview-img,
.ant-image-preview-img-wrapper {
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ant-image-preview-img-wrapper {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-image-preview-img-wrapper:before {
  content: "";
  display: inline-block;
  height: 50%;
  margin-right: -1px;
  width: 1px;
}
.ant-image-preview-moving .ant-image-preview-img {
  cursor: grabbing;
}
.ant-image-preview-moving .ant-image-preview-img-wrapper {
  transition-duration: 0s;
}
.ant-image-preview-wrap {
  z-index: 1080;
}
.ant-image-preview-operations {
  font-feature-settings: "tnum";
  align-items: center;
  background: #0000001a;
  box-sizing: border-box;
  color: #000000d9;
  color: #ffffffd9;
  display: flex;
  flex-direction: row-reverse;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.ant-image-preview-operations-operation {
  cursor: pointer;
  margin-left: 12px;
  padding: 12px;
}
.ant-image-preview-operations-operation-disabled {
  color: #ffffff40;
  pointer-events: none;
}
.ant-image-preview-operations-operation:last-of-type {
  margin-left: 0;
}
.ant-image-preview-operations-icon {
  font-size: 18px;
}
.ant-image-preview-switch-left,
.ant-image-preview-switch-right {
  align-items: center;
  background: #0000001a;
  border-radius: 50%;
  color: #ffffffd9;
  cursor: pointer;
  display: flex;
  height: 44px;
  justify-content: center;
  margin-top: -22px;
  pointer-events: auto;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 44px;
  z-index: 1;
}
.ant-image-preview-switch-left-disabled,
.ant-image-preview-switch-right-disabled {
  color: #ffffff40;
  cursor: not-allowed;
}
.ant-image-preview-switch-left-disabled > .anticon,
.ant-image-preview-switch-right-disabled > .anticon {
  cursor: not-allowed;
}
.ant-image-preview-switch-left > .anticon,
.ant-image-preview-switch-right > .anticon {
  font-size: 18px;
}
.ant-image-preview-switch-left {
  left: 10px;
}
.ant-image-preview-switch-right {
  right: 10px;
}
.ant-input-number {
  font-feature-settings: "tnum";
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  min-width: 0;
  padding: 0;
  position: relative;
  transition: all 0.3s;
  width: 100%;
  width: 90px;
}
.ant-input-number::-moz-placeholder {
  opacity: 1;
}
.ant-input-number:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number::placeholder {
  color: #bfbfbf;
}
.ant-input-number:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input-number:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-focused,
.ant-input-number:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-input-number[disabled] {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number-borderless,
.ant-input-number-borderless-disabled,
.ant-input-number-borderless-focused,
.ant-input-number-borderless:focus,
.ant-input-number-borderless:hover,
.ant-input-number-borderless[disabled] {
  background-color: initial;
  border: none;
  box-shadow: none;
}
textarea.ant-input-number {
  height: auto;
  line-height: 1.5715;
  max-width: 100%;
  min-height: 32px;
  transition:
    all 0.3s,
    height 0s;
  vertical-align: bottom;
}
.ant-input-number-lg {
  padding: 6.5px 11px;
}
.ant-input-number-sm {
  padding: 0 7px;
}
.ant-input-number-handler {
  border-left: 1px solid #d9d9d9;
  color: #00000073;
  display: block;
  font-weight: 700;
  height: 50%;
  line-height: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  transition: all 0.1s linear;
  width: 100%;
}
.ant-input-number-handler:active {
  background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-down-inner,
.ant-input-number-handler:hover .ant-input-number-handler-up-inner {
  color: #40a9ff;
}
.ant-input-number-handler-down-inner,
.ant-input-number-handler-up-inner {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: inherit;
  color: #00000073;
  display: inline-block;
  font-style: normal;
  height: 12px;
  line-height: 0;
  line-height: 12px;
  position: absolute;
  right: 4px;
  text-align: center;
  text-rendering: optimizeLegibility;
  text-transform: none;
  transition: all 0.1s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: -0.125em;
  width: 12px;
}
.ant-input-number-handler-down-inner > *,
.ant-input-number-handler-up-inner > * {
  line-height: 1;
}
.ant-input-number-handler-down-inner svg,
.ant-input-number-handler-up-inner svg {
  display: inline-block;
}
.ant-input-number-handler-down-inner:before,
.ant-input-number-handler-up-inner:before {
  display: none;
}
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon {
  display: block;
}
.ant-input-number:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-number:hover + .ant-form-item-children-icon {
  opacity: 0;
  transition: opacity 0.24s linear 0.24s;
}
.ant-input-number-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-input-number-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-handler-wrap,
.ant-input-number-readonly .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-input {
  -moz-appearance: textfield !important;
  background-color: initial;
  border: 0;
  border-radius: 2px;
  height: 30px;
  outline: 0;
  padding: 0 11px;
  text-align: left;
  transition: all 0.3s linear;
  width: 100%;
}
.ant-input-number-input::-moz-placeholder {
  opacity: 1;
}
.ant-input-number-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input::placeholder {
  color: #bfbfbf;
}
.ant-input-number-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input-number-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input[type="number"]::-webkit-inner-spin-button,
.ant-input-number-input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ant-input-number-lg {
  font-size: 16px;
  padding: 0;
}
.ant-input-number-lg input {
  height: 38px;
}
.ant-input-number-sm {
  padding: 0;
}
.ant-input-number-sm input {
  height: 22px;
  padding: 0 7px;
}
.ant-input-number-handler-wrap {
  background: #fff;
  border-radius: 0 2px 2px 0;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.24s linear 0.1s;
  width: 22px;
}
.ant-input-number-handler-wrap
  .ant-input-number-handler
  .ant-input-number-handler-down-inner,
.ant-input-number-handler-wrap
  .ant-input-number-handler
  .ant-input-number-handler-up-inner {
  font-size: 7px;
  margin-right: 0;
  min-width: auto;
}
.ant-input-number-borderless .ant-input-number-handler-wrap {
  border-left-width: 0;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap {
  opacity: 1;
}
.ant-input-number-handler-up {
  border-top-right-radius: 2px;
  cursor: pointer;
}
.ant-input-number-handler-up-inner {
  margin-top: -5px;
  text-align: center;
  top: 50%;
}
.ant-input-number-handler-up:hover {
  height: 60% !important;
}
.ant-input-number-handler-down {
  border-bottom-right-radius: 2px;
  border-top: 1px solid #d9d9d9;
  cursor: pointer;
  top: 0;
}
.ant-input-number-handler-down-inner {
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.ant-input-number-handler-down:hover {
  height: 60% !important;
}
.ant-input-number-borderless .ant-input-number-handler-down {
  border-top-width: 0;
}
.ant-input-number-handler-down-disabled,
.ant-input-number-handler-up-disabled {
  cursor: not-allowed;
}
.ant-input-number-handler-down-disabled:hover
  .ant-input-number-handler-down-inner,
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner {
  color: #00000040;
}
.ant-input-number-borderless {
  box-shadow: none;
}
.ant-input-number-out-of-range input {
  color: #ff4d4f;
}
.ant-input-number-rtl {
  direction: rtl;
}
.ant-input-number-rtl .ant-input-number-handler-wrap {
  border-left: 0;
  border-radius: 2px 0 0 2px;
  border-right: 1px solid #d9d9d9;
  left: 0;
  right: auto;
}
.ant-input-number-rtl.ant-input-number-borderless
  .ant-input-number-handler-wrap {
  border-right-width: 0;
}
.ant-input-number-rtl .ant-input-number-input {
  direction: ltr;
  text-align: right;
}
.ant-input-affix-wrapper {
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #000000d9;
  display: inline-block;
  display: inline-flex;
  font-size: 14px;
  line-height: 1.5715;
  min-width: 0;
  padding: 4px 11px;
  position: relative;
  transition: all 0.3s;
  width: 100%;
}
.ant-input-affix-wrapper::-moz-placeholder {
  opacity: 1;
}
.ant-input-affix-wrapper:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-affix-wrapper::placeholder {
  color: #bfbfbf;
}
.ant-input-affix-wrapper:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-input-affix-wrapper:hover {
  border-left-width: 1px !important;
  border-right-width: 0;
}
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-input-rtl .ant-input-affix-wrapper-focused,
.ant-input-rtl .ant-input-affix-wrapper:focus {
  border-left-width: 1px !important;
  border-right-width: 0;
}
.ant-input-affix-wrapper-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper[disabled] {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper-borderless,
.ant-input-affix-wrapper-borderless-disabled,
.ant-input-affix-wrapper-borderless-focused,
.ant-input-affix-wrapper-borderless:focus,
.ant-input-affix-wrapper-borderless:hover,
.ant-input-affix-wrapper-borderless[disabled] {
  background-color: initial;
  border: none;
  box-shadow: none;
}
textarea.ant-input-affix-wrapper {
  height: auto;
  line-height: 1.5715;
  max-width: 100%;
  min-height: 32px;
  transition:
    all 0.3s,
    height 0s;
  vertical-align: bottom;
}
.ant-input-affix-wrapper-lg {
  font-size: 16px;
  padding: 6.5px 11px;
}
.ant-input-affix-wrapper-sm {
  padding: 0 7px;
}
.ant-input-affix-wrapper-rtl {
  direction: rtl;
}
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  z-index: 1;
}
.ant-input-rtl
  .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-left-width: 1px !important;
  border-right-width: 0;
}
.ant-input-search-with-button
  .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  z-index: 0;
}
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
  z-index: 1;
}
.ant-input-affix-wrapper-disabled .ant-input[disabled] {
  background: #0000;
}
.ant-input-affix-wrapper > input.ant-input {
  border: none;
  outline: none;
  padding: 0;
}
.ant-input-affix-wrapper > input.ant-input:focus {
  box-shadow: none !important;
}
.ant-input-affix-wrapper:before {
  content: "\a0";
  visibility: hidden;
  width: 0;
}
.ant-input-prefix,
.ant-input-suffix {
  align-items: center;
  display: flex;
  flex: none;
}
.ant-input-prefix {
  margin-right: 4px;
}
.ant-input-suffix {
  margin-left: 4px;
}
.anticon.ant-input-clear-icon {
  color: #00000040;
  cursor: pointer;
  font-size: 12px;
  margin: 0;
  transition: color 0.3s;
  vertical-align: -1px;
}
.anticon.ant-input-clear-icon:hover {
  color: #00000073;
}
.anticon.ant-input-clear-icon:active {
  color: #000000d9;
}
.anticon.ant-input-clear-icon-hidden {
  visibility: hidden;
}
.anticon.ant-input-clear-icon-has-suffix {
  margin: 0 4px;
}
.ant-input-affix-wrapper-textarea-with-clear-btn {
  border: 0 !important;
  padding: 0 !important;
}
.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 1;
}
.ant-input {
  font-feature-settings: "tnum";
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  min-width: 0;
  padding: 4px 11px;
  position: relative;
  transition: all 0.3s;
  width: 100%;
}
.ant-input::-moz-placeholder {
  opacity: 1;
}
.ant-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input::placeholder {
  color: #bfbfbf;
}
.ant-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-input:hover {
  border-left-width: 1px !important;
  border-right-width: 0;
}
.ant-input-focused,
.ant-input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-input-rtl .ant-input-focused,
.ant-input-rtl .ant-input:focus {
  border-left-width: 1px !important;
  border-right-width: 0;
}
.ant-input-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input[disabled] {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-borderless,
.ant-input-borderless-disabled,
.ant-input-borderless-focused,
.ant-input-borderless:focus,
.ant-input-borderless:hover,
.ant-input-borderless[disabled] {
  background-color: initial;
  border: none;
  box-shadow: none;
}
textarea.ant-input {
  height: auto;
  line-height: 1.5715;
  max-width: 100%;
  min-height: 32px;
  transition:
    all 0.3s,
    height 0s;
  vertical-align: bottom;
}
.ant-input-lg {
  font-size: 16px;
  padding: 6.5px 11px;
}
.ant-input-sm {
  padding: 0 7px;
}
.ant-input-rtl {
  direction: rtl;
}
.ant-input-group {
  font-feature-settings: "tnum";
  border-collapse: initial;
  border-spacing: 0;
  box-sizing: border-box;
  color: #000000d9;
  display: table;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.ant-input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.ant-input-group > [class*="col-"] {
  padding-right: 8px;
}
.ant-input-group > [class*="col-"]:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  vertical-align: middle;
  white-space: nowrap;
  width: 1px;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  margin-bottom: 0;
  text-align: inherit;
  width: 100%;
}
.ant-input-group .ant-input:focus,
.ant-input-group .ant-input:hover {
  border-right-width: 1px;
  z-index: 1;
}
.ant-input-search-with-button .ant-input-group .ant-input:hover {
  z-index: 0;
}
.ant-input-group-addon {
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #000000d9;
  font-size: 14px;
  font-weight: 400;
  padding: 0 11px;
  position: relative;
  text-align: center;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -5px -11px;
}
.ant-input-group-addon
  .ant-select.ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector {
  background-color: inherit;
  border: 1px solid #0000;
  box-shadow: none;
}
.ant-input-group-addon .ant-select-focused .ant-select-selector,
.ant-input-group-addon .ant-select-open .ant-select-selector {
  color: #1890ff;
}
.ant-input-group-addon .ant-cascader-picker {
  background-color: initial;
  margin: -9px -12px;
}
.ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
  border: 0;
  box-shadow: none;
  text-align: left;
}
.ant-input-group-addon:first-child,
.ant-input-group-addon:first-child .ant-select .ant-select-selector,
.ant-input-group > .ant-input:first-child,
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selector {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group-addon:last-child,
.ant-input-group-addon:last-child .ant-select .ant-select-selector,
.ant-input-group > .ant-input:last-child,
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selector {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  font-size: 16px;
  padding: 6.5px 11px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  padding: 0 7px;
}
.ant-input-group-lg .ant-select-single .ant-select-selector {
  height: 40px;
}
.ant-input-group-sm .ant-select-single .ant-select-selector {
  height: 24px;
}
.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.ant-input-group.ant-input-group-compact {
  display: block;
}
.ant-input-group.ant-input-group-compact:before {
  content: "";
  display: table;
}
.ant-input-group.ant-input-group-compact:after {
  clear: both;
  content: "";
  display: table;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(
    :last-child
  ),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(
    :last-child
  ),
.ant-input-group.ant-input-group-compact
  > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(
    :last-child
  ):focus,
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(
    :last-child
  ):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(
    :last-child
  ):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(
    :last-child
  ):hover,
.ant-input-group.ant-input-group-compact
  > .ant-input:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact
  > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
  border-radius: 0;
  display: inline-block;
  float: none;
  vertical-align: top;
}
.ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper,
.ant-input-group.ant-input-group-compact > .ant-picker-range {
  display: inline-flex;
}
.ant-input-group.ant-input-group-compact > :not(:last-child) {
  border-right-width: 1px;
  margin-right: -1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector {
  border-radius: 0;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker
  .ant-input:focus,
.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker
  .ant-input:hover,
.ant-input-group.ant-input-group-compact
  > .ant-input-group-wrapper
  .ant-input:focus,
.ant-input-group.ant-input-group-compact
  > .ant-input-group-wrapper
  .ant-input:hover,
.ant-input-group.ant-input-group-compact
  > .ant-select-auto-complete
  .ant-input:focus,
.ant-input-group.ant-input-group-compact
  > .ant-select-auto-complete
  .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-select-focused,
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow,
.ant-input-group.ant-input-group-compact
  > .ant-select
  > .ant-select-selector:focus,
.ant-input-group.ant-input-group-compact
  > .ant-select
  > .ant-select-selector:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker:first-child
  .ant-input,
.ant-input-group.ant-input-group-compact
  > .ant-select-auto-complete:first-child
  .ant-input,
.ant-input-group.ant-input-group-compact
  > .ant-select:first-child
  > .ant-select-selector,
.ant-input-group.ant-input-group-compact > :first-child {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker-focused:last-child
  .ant-input,
.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker:last-child
  .ant-input,
.ant-input-group.ant-input-group-compact
  > .ant-select:last-child
  > .ant-select-selector,
.ant-input-group.ant-input-group-compact > :last-child {
  border-bottom-right-radius: 2px;
  border-right-width: 1px;
  border-top-right-radius: 2px;
}
.ant-input-group.ant-input-group-compact
  > .ant-select-auto-complete
  .ant-input {
  vertical-align: top;
}
.ant-input-group.ant-input-group-compact
  .ant-input-group-wrapper
  + .ant-input-group-wrapper {
  margin-left: -1px;
}
.ant-input-group.ant-input-group-compact
  .ant-input-group-wrapper
  + .ant-input-group-wrapper
  .ant-input-affix-wrapper,
.ant-input-group.ant-input-group-compact
  .ant-input-group-wrapper:not(:last-child).ant-input-search
  > .ant-input-group
  > .ant-input-group-addon
  > .ant-input-search-button {
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact
  .ant-input-group-wrapper:not(:last-child).ant-input-search
  > .ant-input-group
  > .ant-input {
  border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl .ant-input-group-addon:first-child,
.ant-input-group > .ant-input-rtl:first-child {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-left: 0;
  border-right: 1px solid #d9d9d9;
}
.ant-input-group-rtl .ant-input-group-addon:last-child {
  border-left: 1px solid #d9d9d9;
  border-right: 0;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child),
.ant-input-group-rtl.ant-input-group-addon:last-child,
.ant-input-group-rtl.ant-input-group > .ant-input:last-child {
  border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact
  > :not(:last-child) {
  border-left-width: 1px;
  margin-left: -1px;
  margin-right: 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker:first-child
  .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact
  > .ant-select-auto-complete:first-child
  .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact
  > .ant-select:first-child
  > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > :first-child {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker-focused:last-child
  .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact
  > .ant-cascader-picker:last-child
  .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact
  > .ant-select-auto-complete:last-child
  .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact
  > .ant-select:last-child
  > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > :last-child {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px;
}
.ant-input-group.ant-input-group-compact
  .ant-input-group-wrapper-rtl
  + .ant-input-group-wrapper-rtl {
  margin-left: 0;
  margin-right: -1px;
}
.ant-input-group.ant-input-group-compact
  .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search
  > .ant-input-group
  > .ant-input {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-wrapper {
  display: inline-block;
  text-align: start;
  vertical-align: top;
  width: 100%;
}
.ant-input-password-icon {
  color: #00000073;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-password-icon:hover {
  color: #000000d9;
}
.ant-input[type="color"] {
  height: 32px;
}
.ant-input[type="color"].ant-input-lg {
  height: 40px;
}
.ant-input[type="color"].ant-input-sm {
  height: 24px;
  padding-bottom: 3px;
  padding-top: 3px;
}
.ant-input-textarea-show-count:after {
  color: #00000073;
  content: attr(data-count);
  float: right;
  pointer-events: none;
  white-space: nowrap;
}
.ant-input-search .ant-input:focus,
.ant-input-search .ant-input:hover {
  border-color: #40a9ff;
}
.ant-input-search
  .ant-input:focus
  + .ant-input-group-addon
  .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search
  .ant-input:hover
  + .ant-input-group-addon
  .ant-input-search-button:not(.ant-btn-primary) {
  border-left-color: #40a9ff;
}
.ant-input-search .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-search .ant-input-lg {
  line-height: 1.5713;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
  border: 0;
  left: -1px;
  padding: 0;
}
.ant-input-search
  > .ant-input-group
  > .ant-input-group-addon:last-child
  .ant-input-search-button {
  border-radius: 0 2px 2px 0;
  padding-bottom: 0;
  padding-top: 0;
}
.ant-input-search
  > .ant-input-group
  > .ant-input-group-addon:last-child
  .ant-input-search-button:not(.ant-btn-primary) {
  color: #00000073;
}
.ant-input-search
  > .ant-input-group
  > .ant-input-group-addon:last-child
  .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading:before {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.ant-input-search-button {
  height: 32px;
}
.ant-input-search-button:focus,
.ant-input-search-button:hover {
  z-index: 1;
}
.ant-input-search-large .ant-input-search-button {
  height: 40px;
}
.ant-input-search-small .ant-input-search-button {
  height: 24px;
}
.ant-input-group-rtl,
.ant-input-group-wrapper-rtl {
  direction: rtl;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
  border: none;
  outline: none;
}
.ant-input-affix-wrapper-rtl .ant-input-prefix {
  margin: 0 0 0 4px;
}
.ant-input-affix-wrapper-rtl .ant-input-suffix {
  margin: 0 4px 0 0;
}
.ant-input-textarea-rtl {
  direction: rtl;
}
.ant-input-textarea-rtl.ant-input-textarea-show-count:after {
  text-align: left;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
  margin-left: 4px;
  margin-right: 0;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon {
  left: 8px;
  right: auto;
}
.ant-input-search-rtl {
  direction: rtl;
}
.ant-input-search-rtl
  .ant-input:focus
  + .ant-input-group-addon
  .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search-rtl
  .ant-input:hover
  + .ant-input-group-addon
  .ant-input-search-button:not(.ant-btn-primary) {
  border-left-color: #d9d9d9;
  border-right-color: #40a9ff;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused,
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover {
  border-right-color: #40a9ff;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon {
  left: auto;
  right: -1px;
}
.ant-input-search-rtl
  > .ant-input-group
  > .ant-input-group-addon
  .ant-input-search-button {
  border-radius: 2px 0 0 2px;
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .ant-input {
    height: 32px;
  }
  .ant-input-lg {
    height: 40px;
  }
  .ant-input-sm {
    height: 24px;
  }
  .ant-input-affix-wrapper > input.ant-input {
    height: auto;
  }
}
.ant-layout {
  background: #f0f2f5;
  display: flex;
  flex: auto;
  flex-direction: column;
  min-height: 0;
}
.ant-layout,
.ant-layout * {
  box-sizing: border-box;
}
.ant-layout.ant-layout-has-sider {
  flex-direction: row;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  width: 0;
}
.ant-layout-footer,
.ant-layout-header {
  flex: 0 0 auto;
}
.ant-layout-header {
  background: #001529;
  color: #000000d9;
  height: 64px;
  line-height: 64px;
  padding: 0 50px;
}
.ant-layout-footer {
  background: #f0f2f5;
  color: #000000d9;
  font-size: 14px;
  padding: 24px 50px;
}
.ant-layout-content {
  flex: auto;
  min-height: 0;
}
.ant-layout-sider {
  background: #001529;
  min-width: 0;
  position: relative;
  transition: all 0.2s;
}
.ant-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed {
  width: auto;
}
.ant-layout-sider-has-trigger {
  padding-bottom: 48px;
}
.ant-layout-sider-right {
  order: 1;
}
.ant-layout-sider-trigger {
  background: #002140;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  position: fixed;
  text-align: center;
  transition: all 0.2s;
  z-index: 1;
}
.ant-layout-sider-zero-width > * {
  overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
  background: #001529;
  border-radius: 0 2px 2px 0;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  height: 42px;
  line-height: 42px;
  position: absolute;
  right: -36px;
  text-align: center;
  top: 64px;
  transition: background 0.3s ease;
  width: 36px;
  z-index: 1;
}
.ant-layout-sider-zero-width-trigger:after {
  background: #0000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s;
}
.ant-layout-sider-zero-width-trigger:hover:after {
  background: #ffffff1a;
}
.ant-layout-sider-zero-width-trigger-right {
  border-radius: 2px 0 0 2px;
  left: -36px;
}
.ant-layout-sider-light {
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-trigger,
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  background: #fff;
  color: #000000d9;
}
.ant-layout-rtl {
  direction: rtl;
}
.ant-list {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.ant-list * {
  outline: none;
}
.ant-list-pagination {
  margin-top: 24px;
  text-align: right;
}
.ant-list-pagination .ant-pagination-options {
  text-align: left;
}
.ant-list-more {
  margin-top: 12px;
  text-align: center;
}
.ant-list-more button {
  padding-left: 32px;
  padding-right: 32px;
}
.ant-list-spin {
  min-height: 40px;
  text-align: center;
}
.ant-list-empty-text {
  color: #00000040;
  font-size: 14px;
  padding: 16px;
  text-align: center;
}
.ant-list-items {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-list-item {
  align-items: center;
  color: #000000d9;
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
}
.ant-list-item-meta {
  align-items: flex-start;
  display: flex;
  flex: 1 1;
  max-width: 100%;
}
.ant-list-item-meta-avatar {
  margin-right: 16px;
}
.ant-list-item-meta-content {
  color: #000000d9;
  flex: 1 0;
  width: 0;
}
.ant-list-item-meta-title {
  color: #000000d9;
  font-size: 14px;
  line-height: 1.5715;
  margin-bottom: 4px;
}
.ant-list-item-meta-title > a {
  color: #000000d9;
  transition: all 0.3s;
}
.ant-list-item-meta-title > a:hover {
  color: #1890ff;
}
.ant-list-item-meta-description {
  color: #00000073;
  font-size: 14px;
  line-height: 1.5715;
}
.ant-list-item-action {
  flex: 0 0 auto;
  font-size: 0;
  list-style: none;
  margin-left: 48px;
  padding: 0;
}
.ant-list-item-action > li {
  color: #00000073;
  display: inline-block;
  font-size: 14px;
  line-height: 1.5715;
  padding: 0 8px;
  position: relative;
  text-align: center;
}
.ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-item-action-split {
  background-color: #f0f0f0;
  height: 14px;
  margin-top: -7px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
}
.ant-list-footer,
.ant-list-header {
  background: #0000;
  padding-bottom: 12px;
  padding-top: 12px;
}
.ant-list-empty {
  color: #00000073;
  font-size: 12px;
  padding: 16px 0;
  text-align: center;
}
.ant-list-split .ant-list-item {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-split .ant-list-item:last-child {
  border-bottom: none;
}
.ant-list-split .ant-list-header {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-split.ant-list-empty .ant-list-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-list-loading .ant-list-spin-nested-loading {
  min-height: 32px;
}
.ant-list-split.ant-list-something-after-last-item
  .ant-spin-container
  > .ant-list-items
  > .ant-list-item:last-child {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-lg .ant-list-item {
  padding: 16px 24px;
}
.ant-list-sm .ant-list-item {
  padding: 8px 16px;
}
.ant-list-vertical .ant-list-item {
  align-items: normal;
}
.ant-list-vertical .ant-list-item-main {
  display: block;
  flex: 1 1;
}
.ant-list-vertical .ant-list-item-extra {
  margin-left: 40px;
}
.ant-list-vertical .ant-list-item-meta {
  margin-bottom: 16px;
}
.ant-list-vertical .ant-list-item-meta-title {
  color: #000000d9;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
}
.ant-list-vertical .ant-list-item-action {
  margin-left: auto;
  margin-top: 16px;
}
.ant-list-vertical .ant-list-item-action > li {
  padding: 0 16px;
}
.ant-list-vertical .ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-grid .ant-col > .ant-list-item {
  border-bottom: none;
  display: block;
  margin-bottom: 16px;
  max-width: 100%;
  padding-bottom: 0;
  padding-top: 0;
}
.ant-list-item-no-flex {
  display: block;
}
.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: right;
}
.ant-list-bordered {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.ant-list-bordered .ant-list-footer,
.ant-list-bordered .ant-list-header,
.ant-list-bordered .ant-list-item {
  padding-left: 24px;
  padding-right: 24px;
}
.ant-list-bordered .ant-list-pagination {
  margin: 16px 24px;
}
.ant-list-bordered.ant-list-sm .ant-list-footer,
.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-item {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-lg .ant-list-footer,
.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-item {
  padding: 16px 24px;
}
@media screen and (max-width: 768px) {
  .ant-list-item-action,
  .ant-list-vertical .ant-list-item-extra {
    margin-left: 24px;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-item {
    flex-wrap: wrap;
  }
  .ant-list-item-action {
    margin-left: 12px;
  }
  .ant-list-vertical .ant-list-item {
    flex-wrap: wrap-reverse;
  }
  .ant-list-vertical .ant-list-item-main {
    min-width: 220px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-list-rtl {
  direction: rtl;
  text-align: right;
}
.ant-list-rtl .ReactVirtualized__List .ant-list-item {
  direction: rtl;
}
.ant-list-rtl .ant-list-pagination {
  text-align: left;
}
.ant-list-rtl .ant-list-item-meta-avatar {
  margin-left: 16px;
  margin-right: 0;
}
.ant-list-rtl .ant-list-item-action {
  margin-left: 0;
  margin-right: 48px;
}
.ant-list.ant-list-rtl .ant-list-item-action > li:first-child {
  padding-left: 16px;
  padding-right: 0;
}
.ant-list-rtl .ant-list-item-action-split {
  left: 0;
  right: auto;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-extra {
  margin-left: 0;
  margin-right: 40px;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-action {
  margin-right: auto;
}
.ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child {
  padding-left: 16px;
  padding-right: 0;
}
.ant-list-rtl
  .ant-list:not(.ant-list-vertical)
  .ant-list-item-no-flex
  .ant-list-item-action {
  float: left;
}
@media screen and (max-width: 768px) {
  .ant-list-rtl .ant-list-item-action,
  .ant-list-rtl .ant-list-vertical .ant-list-item-extra {
    margin-left: 0;
    margin-right: 24px;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-rtl .ant-list-item-action {
    margin-left: 0;
    margin-right: 22px;
  }
  .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-mentions {
  font-feature-settings: "tnum";
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  height: auto;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  transition: all 0.3s;
  vertical-align: bottom;
  white-space: pre-wrap;
  width: 100%;
}
.ant-mentions::-moz-placeholder {
  opacity: 1;
}
.ant-mentions:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions::placeholder {
  color: #bfbfbf;
}
.ant-mentions:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-mentions:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions-focused,
.ant-mentions:focus,
.ant-mentions:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-mentions-focused,
.ant-mentions:focus {
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-mentions-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions[disabled] {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions-borderless,
.ant-mentions-borderless-disabled,
.ant-mentions-borderless-focused,
.ant-mentions-borderless:focus,
.ant-mentions-borderless:hover,
.ant-mentions-borderless[disabled] {
  background-color: initial;
  border: none;
  box-shadow: none;
}
textarea.ant-mentions {
  height: auto;
  line-height: 1.5715;
  max-width: 100%;
  min-height: 32px;
  transition:
    all 0.3s,
    height 0s;
  vertical-align: bottom;
}
.ant-mentions-lg {
  font-size: 16px;
  padding: 6.5px 11px;
}
.ant-mentions-sm {
  padding: 0 7px;
}
.ant-mentions-disabled > textarea {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled > textarea:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-mentions-measure,
.ant-mentions > textarea {
  font-feature-settings: inherit;
  word-wrap: break-word;
  direction: inherit;
  font-family: inherit;
  font-size: inherit;
  font-size-adjust: inherit;
  font-stretch: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
  min-height: 30px;
  overflow: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4px 11px;
  -moz-tab-size: inherit;
  -o-tab-size: inherit;
  tab-size: inherit;
  text-align: inherit;
  vertical-align: top;
  white-space: inherit;
  word-break: inherit;
}
.ant-mentions > textarea {
  border: none;
  outline: none;
  resize: none;
  width: 100%;
}
.ant-mentions > textarea::-moz-placeholder {
  opacity: 1;
}
.ant-mentions > textarea:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions > textarea::placeholder {
  color: #bfbfbf;
}
.ant-mentions > textarea:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions > textarea:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-mentions > textarea:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions-measure {
  bottom: 0;
  color: #0000;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.ant-mentions-measure > span {
  display: inline-block;
  min-height: 1em;
}
.ant-mentions-dropdown {
  font-feature-settings: "tnum", normal;
  background-color: #fff;
  border-radius: 2px;
  box-shadow:
    0 3px 6px -4px #0000001f,
    0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  font-variant: normal;
  left: -9999px;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  position: absolute;
  top: -9999px;
  z-index: 1050;
}
.ant-mentions-dropdown-hidden {
  display: none;
}
.ant-mentions-dropdown-menu {
  list-style: none;
  margin-bottom: 0;
  max-height: 250px;
  outline: none;
  overflow: auto;
  padding-left: 0;
}
.ant-mentions-dropdown-menu-item {
  color: #000000d9;
  cursor: pointer;
  display: block;
  font-weight: 400;
  line-height: 1.5715;
  min-width: 100px;
  overflow: hidden;
  padding: 5px 12px;
  position: relative;
  text-overflow: ellipsis;
  transition: background 0.3s ease;
  white-space: nowrap;
}
.ant-mentions-dropdown-menu-item:hover {
  background-color: #f5f5f5;
}
.ant-mentions-dropdown-menu-item:first-child {
  border-radius: 2px 2px 0 0;
}
.ant-mentions-dropdown-menu-item:last-child {
  border-radius: 0 0 2px 2px;
}
.ant-mentions-dropdown-menu-item-disabled {
  color: #00000040;
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-disabled:hover {
  background-color: #fff;
  color: #00000040;
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-selected {
  background-color: #fafafa;
  color: #000000d9;
  font-weight: 600;
}
.ant-mentions-dropdown-menu-item-active {
  background-color: #f5f5f5;
}
.ant-mentions-rtl {
  direction: rtl;
}
.ant-menu-item-danger.ant-menu-item,
.ant-menu-item-danger.ant-menu-item-active,
.ant-menu-item-danger.ant-menu-item:hover {
  color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item:active {
  background: #fff1f0;
}
.ant-menu-item-danger.ant-menu-item-selected,
.ant-menu-item-danger.ant-menu-item-selected > a,
.ant-menu-item-danger.ant-menu-item-selected > a:hover {
  color: #ff4d4f;
}
.ant-menu:not(.ant-menu-horizontal)
  .ant-menu-item-danger.ant-menu-item-selected {
  background-color: #fff1f0;
}
.ant-menu-inline .ant-menu-item-danger.ant-menu-item:after {
  border-right-color: #ff4d4f;
}
.ant-menu-dark .ant-menu-item-danger.ant-menu-item,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
  color: #ff4d4f;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal)
  .ant-menu-item-danger.ant-menu-item-selected {
  background-color: #ff4d4f;
  color: #fff;
}
.ant-menu {
  font-feature-settings: "tnum";
  background: #fff;
  box-shadow:
    0 3px 6px -4px #0000001f,
    0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  line-height: 0;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  text-align: left;
  transition:
    background 0.3s,
    width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.ant-menu:after,
.ant-menu:before {
  content: "";
  display: table;
}
.ant-menu:after {
  clear: both;
}
.ant-menu.ant-menu-root:focus-visible {
  box-shadow: 0 0 0 2px #1890ff33;
}
.ant-menu ol,
.ant-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-menu-overflow {
  display: flex;
}
.ant-menu-overflow-item {
  flex: none;
}
.ant-menu-hidden,
.ant-menu-submenu-hidden {
  display: none;
}
.ant-menu-item-group-title {
  color: #00000073;
  font-size: 14px;
  height: 1.5715;
  line-height: 1.5715;
  padding: 8px 16px;
  transition: all 0.3s;
}
.ant-menu-horizontal .ant-menu-submenu {
  transition:
    border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
  transition:
    border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-selected {
  color: #1890ff;
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #e6f7ff;
}
.ant-menu-submenu .ant-menu-sub {
  cursor: auto;
  transition:
    background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-title-content {
  transition: color 0.3s;
}
.ant-menu-item a {
  color: #000000d9;
}
.ant-menu-item a:hover {
  color: #1890ff;
}
.ant-menu-item a:before {
  background-color: initial;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-menu-item > .ant-badge a {
  color: #000000d9;
}
.ant-menu-item > .ant-badge a:hover {
  color: #1890ff;
}
.ant-menu-item-divider {
  background-color: #f0f0f0;
  height: 1px;
  line-height: 0;
  overflow: hidden;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: initial;
}
.ant-menu-item-selected,
.ant-menu-item-selected a,
.ant-menu-item-selected a:hover {
  color: #1890ff;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #e6f7ff;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid #f0f0f0;
}
.ant-menu-vertical-right {
  border-left: 1px solid #f0f0f0;
}
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub,
.ant-menu-vertical.ant-menu-sub {
  border-right: 0;
  max-height: calc(100vh - 100px);
  min-width: 160px;
  overflow: hidden;
  padding: 0;
}
.ant-menu-vertical-left.ant-menu-sub:not([class*="-active"]),
.ant-menu-vertical-right.ant-menu-sub:not([class*="-active"]),
.ant-menu-vertical.ant-menu-sub:not([class*="-active"]) {
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item,
.ant-menu-vertical.ant-menu-sub .ant-menu-item {
  border-right: 0;
  left: 0;
  margin-left: 0;
}
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item:after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item:after,
.ant-menu-vertical.ant-menu-sub .ant-menu-item:after {
  border-right: 0;
}
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu {
  transform-origin: 0 0;
}
.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu-title {
  transition:
    border-color 0.3s,
    background 0.3s;
}
.ant-menu-item,
.ant-menu-submenu-title {
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0 20px;
  position: relative;
  transition:
    border-color 0.3s,
    background 0.3s,
    padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  white-space: nowrap;
}
.ant-menu-item .ant-menu-item-icon,
.ant-menu-item .anticon,
.ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-submenu-title .anticon {
  font-size: 14px;
  min-width: 14px;
  transition:
    font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
    margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    color 0.3s;
}
.ant-menu-item .ant-menu-item-icon + span,
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu-submenu-title .anticon + span {
  margin-left: 10px;
  opacity: 1;
  transition:
    opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    margin 0.3s,
    color 0.3s;
}
.ant-menu-item .ant-menu-item-icon.svg,
.ant-menu-submenu-title .ant-menu-item-icon.svg {
  vertical-align: -0.125em;
}
.ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
  margin-right: 0;
}
.ant-menu-item:focus-visible,
.ant-menu-submenu-title:focus-visible {
  box-shadow: 0 0 0 2px #1890ff33;
}
.ant-menu > .ant-menu-item-divider {
  background-color: #f0f0f0;
  height: 1px;
  line-height: 0;
  margin: 1px 0;
  overflow: hidden;
  padding: 0;
}
.ant-menu-submenu-popup {
  background: #0000;
  border-radius: 2px;
  box-shadow: none;
  position: absolute;
  transform-origin: 0 0;
  z-index: 1050;
}
.ant-menu-submenu-popup:before {
  bottom: 0;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0.0001;
  position: absolute;
  right: 0;
  top: -7px;
  width: 100%;
  z-index: -1;
}
.ant-menu-submenu-placement-rightTop:before {
  left: -7px;
  top: 0;
}
.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 2px;
}
.ant-menu-submenu > .ant-menu-submenu-title:after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-popup > .ant-menu {
  background-color: #fff;
}
.ant-menu-submenu-arrow,
.ant-menu-submenu-expand-icon {
  color: #000000d9;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 10px;
}
.ant-menu-submenu-arrow:after,
.ant-menu-submenu-arrow:before {
  background-color: currentColor;
  border-radius: 2px;
  content: "";
  height: 1.5px;
  position: absolute;
  transition:
    background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 6px;
}
.ant-menu-submenu-arrow:before {
  transform: rotate(45deg) translateY(-2.5px);
}
.ant-menu-submenu-arrow:after {
  transform: rotate(-45deg) translateY(2.5px);
}
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-submenu:hover
  > .ant-menu-submenu-title
  > .ant-menu-submenu-expand-icon {
  color: #1890ff;
}
.ant-menu-inline-collapsed .ant-menu-submenu-arrow:before,
.ant-menu-submenu-inline .ant-menu-submenu-arrow:before {
  transform: rotate(-45deg) translateX(2.5px);
}
.ant-menu-inline-collapsed .ant-menu-submenu-arrow:after,
.ant-menu-submenu-inline .ant-menu-submenu-arrow:after {
  transform: rotate(45deg) translateX(-2.5px);
}
.ant-menu-submenu-horizontal .ant-menu-submenu-arrow {
  display: none;
}
.ant-menu-submenu-open.ant-menu-submenu-inline
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow {
  transform: translateY(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after {
  transform: rotate(-45deg) translateX(-2.5px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before {
  transform: rotate(45deg) translateX(2.5px);
}
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: #1890ff;
}
.ant-menu-horizontal {
  border: 0;
  border-bottom: 1px solid #f0f0f0;
  box-shadow: none;
  line-height: 46px;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
  margin-bottom: 0;
  margin-top: -1px;
  padding: 0 20px;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover {
  color: #1890ff;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active:after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open:after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected:after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover:after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active:after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open:after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected:after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover:after {
  border-bottom: 2px solid #1890ff;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  display: inline-block;
  position: relative;
  top: 1px;
  vertical-align: bottom;
}
.ant-menu-horizontal > .ant-menu-item:after,
.ant-menu-horizontal > .ant-menu-submenu:after {
  border-bottom: 2px solid #0000;
  bottom: 0;
  content: "";
  left: 20px;
  position: absolute;
  right: 20px;
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
  padding: 0;
}
.ant-menu-horizontal > .ant-menu-item a {
  color: #000000d9;
}
.ant-menu-horizontal > .ant-menu-item a:hover {
  color: #1890ff;
}
.ant-menu-horizontal > .ant-menu-item a:before {
  bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected a {
  color: #1890ff;
}
.ant-menu-horizontal:after {
  clear: both;
  content: "\20";
  display: block;
  height: 0;
}
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item {
  position: relative;
}
.ant-menu-inline .ant-menu-item:after,
.ant-menu-vertical .ant-menu-item:after,
.ant-menu-vertical-left .ant-menu-item:after,
.ant-menu-vertical-right .ant-menu-item:after {
  border-right: 3px solid #1890ff;
  bottom: 0;
  content: "";
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleY(0.0001);
  transition:
    transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
    opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title,
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-vertical-right .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  margin-bottom: 4px;
  margin-top: 4px;
  overflow: hidden;
  padding: 0 16px;
  text-overflow: ellipsis;
}
.ant-menu-inline .ant-menu-submenu,
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu {
  padding-bottom: 0.02px;
}
.ant-menu-inline .ant-menu-item:not(:last-child),
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child) {
  margin-bottom: 8px;
}
.ant-menu-inline > .ant-menu-item,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}
.ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-vertical .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline {
  width: 100%;
}
.ant-menu-inline .ant-menu-item-selected:after,
.ant-menu-inline .ant-menu-selected:after {
  opacity: 1;
  transform: scaleY(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);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline.ant-menu-root .ant-menu-item,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title {
  align-items: center;
  display: flex;
  transition:
    border-color 0.3s,
    background 0.3s,
    padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content,
.ant-menu-inline.ant-menu-root
  .ant-menu-submenu-title
  > .ant-menu-title-content {
  flex: auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-menu-inline.ant-menu-root .ant-menu-item > *,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * {
  flex: none;
}
.ant-menu.ant-menu-inline-collapsed {
  width: 80px;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-submenu
  > .ant-menu-submenu-title,
.ant-menu.ant-menu-inline-collapsed
  > .ant-menu-submenu
  > .ant-menu-submenu-title {
  left: 0;
  padding: 0 calc(50% - 8px);
  text-overflow: clip;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-item
  .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-submenu
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed
  > .ant-menu-submenu
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow {
  opacity: 0;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-item
  .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-item
  .anticon,
.ant-menu.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-submenu
  > .ant-menu-submenu-title
  .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-submenu
  > .ant-menu-submenu-title
  .anticon,
.ant-menu.ant-menu-inline-collapsed
  > .ant-menu-submenu
  > .ant-menu-submenu-title
  .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed
  > .ant-menu-submenu
  > .ant-menu-submenu-title
  .anticon {
  font-size: 16px;
  line-height: 40px;
  margin: 0;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-item
  .ant-menu-item-icon
  + span,
.ant-menu.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-item
  .anticon
  + span,
.ant-menu.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-submenu
  > .ant-menu-submenu-title
  .ant-menu-item-icon
  + span,
.ant-menu.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-submenu
  > .ant-menu-submenu-title
  .anticon
  + span,
.ant-menu.ant-menu-inline-collapsed
  > .ant-menu-submenu
  > .ant-menu-submenu-title
  .ant-menu-item-icon
  + span,
.ant-menu.ant-menu-inline-collapsed
  > .ant-menu-submenu
  > .ant-menu-submenu-title
  .anticon
  + span {
  display: inline-block;
  opacity: 0;
}
.ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed .anticon {
  display: inline-block;
}
.ant-menu.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu.ant-menu-inline-collapsed-tooltip a {
  color: #ffffffd9;
}
.ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title {
  overflow: hidden;
  padding-left: 4px;
  padding-right: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-inline,
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right {
  box-shadow: none;
}
.ant-menu-root.ant-menu-inline-collapsed
  .ant-menu-item
  > .ant-menu-inline-collapsed-noicon,
.ant-menu-root.ant-menu-inline-collapsed
  .ant-menu-submenu
  .ant-menu-submenu-title
  > .ant-menu-inline-collapsed-noicon {
  font-size: 16px;
  text-align: center;
}
.ant-menu-sub.ant-menu-inline {
  background: #fafafa;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  background: none;
  color: #00000040 !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled:after,
.ant-menu-submenu-disabled:after {
  border-color: #0000 !important;
}
.ant-menu-item-disabled a,
.ant-menu-submenu-disabled a {
  color: #00000040 !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: #00000040 !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.ant-menu-item-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before,
.ant-menu-submenu-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.ant-menu-submenu-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before {
  background: #00000040 !important;
}
.ant-layout-header .ant-menu {
  line-height: inherit;
}
.ant-menu-light .ant-menu-item-active,
.ant-menu-light .ant-menu-item:hover,
.ant-menu-light .ant-menu-submenu-active,
.ant-menu-light .ant-menu-submenu-title:hover,
.ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open {
  color: #1890ff;
}
.ant-menu-dark .ant-menu-sub,
.ant-menu.ant-menu-dark,
.ant-menu.ant-menu-dark .ant-menu-sub {
  background: #001529;
  color: #ffffffa6;
}
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu.ant-menu-dark
  .ant-menu-sub
  .ant-menu-submenu-title
  .ant-menu-submenu-arrow,
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  transition: all 0.3s;
}
.ant-menu-dark
  .ant-menu-sub
  .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-sub
  .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before,
.ant-menu.ant-menu-dark
  .ant-menu-sub
  .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after,
.ant-menu.ant-menu-dark
  .ant-menu-sub
  .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before,
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:before {
  background: #fff;
}
.ant-menu-dark.ant-menu-submenu-popup {
  background: #0000;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
}
.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  border-color: #001529;
  border-bottom: 0;
  margin-top: 0;
  padding: 0 20px;
  top: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
  background-color: #1890ff;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a:before {
  bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a,
.ant-menu-dark .ant-menu-item > span > a {
  color: #ffffffa6;
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  border-right: 0;
  left: 0;
  margin-left: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item:after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item:after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item:after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item:after {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  background-color: initial;
  color: #fff;
}
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-item-active > span > a,
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item:hover > span > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-active > span > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-open > span > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-selected > span > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a,
.ant-menu-dark .ant-menu-submenu-title:hover > span > a {
  color: #fff;
}
.ant-menu-dark
  .ant-menu-item-active
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow,
.ant-menu-dark
  .ant-menu-item:hover
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow,
.ant-menu-dark
  .ant-menu-submenu-active
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow,
.ant-menu-dark
  .ant-menu-submenu-open
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow,
.ant-menu-dark
  .ant-menu-submenu-selected
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow,
.ant-menu-dark
  .ant-menu-submenu-title:hover
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow {
  opacity: 1;
}
.ant-menu-dark
  .ant-menu-item-active
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-item-active
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-item:hover
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-item:hover
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-submenu-active
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-submenu-active
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-submenu-open
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-submenu-open
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-submenu-selected
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-submenu-selected
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-submenu-title:hover
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-submenu-title:hover
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before {
  background: #fff;
}
.ant-menu-dark .ant-menu-item:hover {
  background-color: initial;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #1890ff;
}
.ant-menu-dark .ant-menu-item-selected {
  border-right: 0;
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected:after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
.ant-menu-dark .ant-menu-item-selected .anticon,
.ant-menu-dark .ant-menu-item-selected .anticon + span,
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover,
.ant-menu-dark .ant-menu-item-selected > span > a,
.ant-menu-dark .ant-menu-item-selected > span > a:hover {
  color: #fff;
}
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected,
.ant-menu.ant-menu-dark .ant-menu-item-selected {
  background-color: #1890ff;
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-item-disabled > span > a,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-submenu-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > span > a {
  color: #ffffff59 !important;
  opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: #ffffff59 !important;
}
.ant-menu-dark
  .ant-menu-item-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-item-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before,
.ant-menu-dark
  .ant-menu-submenu-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:after,
.ant-menu-dark
  .ant-menu-submenu-disabled
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow:before {
  background: #ffffff59 !important;
}
.ant-menu.ant-menu-rtl {
  direction: rtl;
  text-align: right;
}
.ant-menu-rtl .ant-menu-item-group-title {
  text-align: right;
}
.ant-menu-rtl.ant-menu-inline,
.ant-menu-rtl.ant-menu-vertical {
  border-left: 1px solid #f0f0f0;
  border-right: none;
}
.ant-menu-rtl.ant-menu-dark.ant-menu-inline,
.ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
  border-left: none;
}
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu {
  transform-origin: top right;
}
.ant-menu-rtl .ant-menu-item .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-item .anticon,
.ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title .anticon {
  margin-left: 10px;
  margin-right: auto;
}
.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-rtl
  .ant-menu-submenu-title.ant-menu-item-only-child
  > .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
  margin-left: 0;
}
.ant-menu-submenu-rtl.ant-menu-submenu-popup {
  transform-origin: 100% 0;
}
.ant-menu-rtl
  .ant-menu-submenu-inline
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow,
.ant-menu-rtl
  .ant-menu-submenu-vertical-left
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow,
.ant-menu-rtl
  .ant-menu-submenu-vertical-right
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow,
.ant-menu-rtl
  .ant-menu-submenu-vertical
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow {
  left: 16px;
  right: auto;
}
.ant-menu-rtl
  .ant-menu-submenu-vertical-left
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before,
.ant-menu-rtl
  .ant-menu-submenu-vertical-right
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before,
.ant-menu-rtl
  .ant-menu-submenu-vertical
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:before {
  transform: rotate(-45deg) translateY(-2px);
}
.ant-menu-rtl
  .ant-menu-submenu-vertical-left
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after,
.ant-menu-rtl
  .ant-menu-submenu-vertical-right
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after,
.ant-menu-rtl
  .ant-menu-submenu-vertical
  > .ant-menu-submenu-title
  .ant-menu-submenu-arrow:after {
  transform: rotate(45deg) translateY(2px);
}
.ant-menu-rtl.ant-menu-inline .ant-menu-item:after,
.ant-menu-rtl.ant-menu-vertical .ant-menu-item:after,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item:after,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item:after {
  left: 0;
  right: auto;
}
.ant-menu-rtl.ant-menu-inline .ant-menu-item,
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title {
  text-align: right;
}
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
  padding-left: 34px;
  padding-right: 0;
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
  padding-left: 34px;
  padding-right: 16px;
}
.ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical
  .ant-menu-submenu-title {
  padding: 0 calc(50% - 8px);
}
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 28px 0 16px;
}
.ant-menu-sub.ant-menu-inline {
  border: 0;
}
.ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 0;
  padding-right: 32px;
}
.ant-message {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  left: 0;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  pointer-events: none;
  position: fixed;
  top: 8px;
  width: 100%;
  z-index: 1010;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice-content {
  background: #fff;
  border-radius: 2px;
  box-shadow:
    0 3px 6px -4px #0000001f,
    0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  display: inline-block;
  padding: 10px 16px;
  pointer-events: all;
}
.ant-message-success .anticon {
  color: #52c41a;
}
.ant-message-error .anticon {
  color: #ff4d4f;
}
.ant-message-warning .anticon {
  color: #faad14;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #1890ff;
}
.ant-message .anticon {
  font-size: 16px;
  margin-right: 8px;
  position: relative;
  top: 1px;
}
.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active {
  animation-duration: 0.3s;
  animation-name: MessageMoveOut;
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    opacity: 1;
    padding: 8px;
  }
  to {
    max-height: 0;
    opacity: 0;
    padding: 0;
  }
}
.ant-message-rtl,
.ant-message-rtl span {
  direction: rtl;
}
.ant-message-rtl .anticon {
  margin-left: 8px;
  margin-right: 0;
}
.ant-modal {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0 auto;
  max-width: calc(100vw - 32px);
  padding: 0 0 24px;
  pointer-events: none;
  position: relative;
  top: 100px;
  width: auto;
}
.ant-modal.ant-zoom-enter,
.ant-modal.antzoom-appear {
  animation-duration: 0.3s;
  opacity: 0;
  transform: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-modal-mask {
  background-color: #00000073;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-wrap {
  -webkit-overflow-scrolling: touch;
  bottom: 0;
  left: 0;
  outline: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
.ant-modal-title {
  word-wrap: break-word;
  color: #000000d9;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin: 0;
}
.ant-modal-content {
  background-clip: padding-box;
  background-color: #fff;
  border: 0;
  border-radius: 2px;
  box-shadow:
    0 3px 6px -4px #0000001f,
    0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  pointer-events: auto;
  position: relative;
}
.ant-modal-close {
  background: #0000;
  border: 0;
  color: #00000073;
  cursor: pointer;
  font-weight: 700;
  line-height: 1;
  outline: 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: 0;
  transition: color 0.3s;
  z-index: 10;
}
.ant-modal-close-x {
  display: block;
  font-size: 16px;
  font-style: normal;
  height: 56px;
  line-height: 56px;
  text-align: center;
  text-rendering: auto;
  text-transform: none;
  width: 56px;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: #000000bf;
  text-decoration: none;
}
.ant-modal-header {
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
  color: #000000d9;
  padding: 16px 24px;
}
.ant-modal-body {
  word-wrap: break-word;
  font-size: 14px;
  line-height: 1.5715;
  padding: 24px;
}
.ant-modal-footer {
  background: #0000;
  border-radius: 0 0 2px 2px;
  border-top: 1px solid #f0f0f0;
  padding: 10px 16px;
  text-align: right;
}
.ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.ant-modal-centered .ant-modal {
  display: inline-block;
  text-align: left;
  top: 0;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ant-modal {
    margin: 8px auto;
    max-width: calc(100vw - 16px);
  }
  .ant-modal-centered .ant-modal {
    flex: 1 1;
  }
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper:before {
  content: "";
  display: table;
}
.ant-modal-confirm-body-wrapper:after {
  clear: both;
  content: "";
  display: table;
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  color: #000000d9;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  overflow: hidden;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  color: #000000d9;
  font-size: 14px;
  margin-top: 8px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  font-size: 22px;
  margin-right: 16px;
}
.ant-modal-confirm-body
  > .anticon
  + .ant-modal-confirm-title
  + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px;
}
.ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #ff4d4f;
}
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon {
  color: #faad14;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #1890ff;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #52c41a;
}
.ant-modal-wrap-rtl {
  direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-close {
  left: 0;
  right: auto;
}
.ant-modal-wrap-rtl .ant-modal-footer {
  text-align: left;
}
.ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
  margin-left: 0;
  margin-right: 8px;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body {
  direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
  float: right;
  margin-left: 16px;
  margin-right: 0;
}
.ant-modal-wrap-rtl
  .ant-modal-confirm-body
  > .anticon
  + .ant-modal-confirm-title
  + .ant-modal-confirm-content {
  margin-left: 0;
  margin-right: 38px;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns {
  float: left;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
  margin-left: 0;
  margin-right: 8px;
}
.ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
  text-align: right;
}
.ant-notification {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0 24px 0 0;
  padding: 0;
  position: fixed;
  z-index: 1010;
}
.ant-notification-bottomLeft,
.ant-notification-topLeft {
  margin-left: 24px;
  margin-right: 0;
}
.ant-notification-bottomLeft
  .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft
  .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft
  .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-topLeft
  .ant-notification-fade-enter.ant-notification-fade-enter-active {
  animation-name: NotificationLeftFadeIn;
}
.ant-notification-close-icon {
  cursor: pointer;
  font-size: 14px;
}
.ant-notification-hook-holder {
  position: relative;
}
.ant-notification-notice {
  word-wrap: break-word;
  background: #fff;
  border-radius: 2px;
  box-shadow:
    0 3px 6px -4px #0000001f,
    0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  line-height: 1.5715;
  margin-bottom: 16px;
  margin-left: auto;
  max-width: calc(100vw - 48px);
  overflow: hidden;
  padding: 16px 24px;
  position: relative;
  width: 384px;
}
.ant-notification-bottomLeft .ant-notification-notice,
.ant-notification-topLeft .ant-notification-notice {
  margin-left: 0;
  margin-right: auto;
}
.ant-notification-notice-message {
  color: #000000d9;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}
.ant-notification-notice-message-single-line-auto-margin {
  background-color: initial;
  display: block;
  max-width: 4px;
  pointer-events: none;
  width: calc(264px - 100%);
}
.ant-notification-notice-message-single-line-auto-margin:before {
  content: "";
  display: block;
}
.ant-notification-notice-description {
  font-size: 14px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
  font-size: 16px;
  margin-bottom: 4px;
  margin-left: 48px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
  font-size: 14px;
  margin-left: 48px;
}
.ant-notification-notice-icon {
  font-size: 24px;
  line-height: 24px;
  margin-left: 4px;
  position: absolute;
}
.anticon.ant-notification-notice-icon-success {
  color: #52c41a;
}
.anticon.ant-notification-notice-icon-info {
  color: #1890ff;
}
.anticon.ant-notification-notice-icon-warning {
  color: #faad14;
}
.anticon.ant-notification-notice-icon-error {
  color: #ff4d4f;
}
.ant-notification-notice-close {
  color: #00000073;
  outline: none;
  position: absolute;
  right: 22px;
  top: 16px;
}
.ant-notification-notice-close:hover {
  color: #000000ab;
}
.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}
.ant-notification .notification-fade-effect {
  animation-duration: 0.24s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-notification-fade-appear,
.ant-notification-fade-enter {
  animation-play-state: paused;
  opacity: 0;
}
.ant-notification-fade-appear,
.ant-notification-fade-enter,
.ant-notification-fade-leave {
  animation-duration: 0.24s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-notification-fade-leave {
  animation-duration: 0.2s;
  animation-play-state: paused;
}
.ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-fade-enter.ant-notification-fade-enter-active {
  animation-name: NotificationFadeIn;
  animation-play-state: running;
}
.ant-notification-fade-leave.ant-notification-fade-leave-active {
  animation-name: NotificationFadeOut;
  animation-play-state: running;
}
@keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    opacity: 0;
    right: 384px;
  }
  to {
    opacity: 1;
    right: 0;
  }
}
@keyframes NotificationFadeOut {
  0% {
    margin-bottom: 16px;
    max-height: 150px;
    opacity: 1;
  }
  to {
    margin-bottom: 0;
    max-height: 0;
    opacity: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
}
.ant-notification-rtl {
  direction: rtl;
}
.ant-notification-rtl
  .ant-notification-notice-closable
  .ant-notification-notice-message {
  padding-left: 24px;
  padding-right: 0;
}
.ant-notification-rtl
  .ant-notification-notice-with-icon
  .ant-notification-notice-description,
.ant-notification-rtl
  .ant-notification-notice-with-icon
  .ant-notification-notice-message {
  margin-left: 0;
  margin-right: 48px;
}
.ant-notification-rtl .ant-notification-notice-icon {
  margin-left: 0;
  margin-right: 4px;
}
.ant-notification-rtl .ant-notification-notice-close {
  left: 22px;
  right: auto;
}
.ant-notification-rtl .ant-notification-notice-btn {
  float: left;
}
.ant-page-header {
  font-feature-settings: "tnum";
  background-color: #fff;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 16px 24px;
  position: relative;
}
.ant-page-header-ghost {
  background-color: inherit;
}
.ant-page-header.has-breadcrumb {
  padding-top: 12px;
}
.ant-page-header.has-footer {
  padding-bottom: 0;
}
.ant-page-header-back {
  font-size: 16px;
  line-height: 1;
  margin-right: 16px;
}
.ant-page-header-back-button {
  color: #1890ff;
  color: #000;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  transition: color 0.3s;
}
.ant-page-header-back-button:focus,
.ant-page-header-back-button:hover {
  color: #40a9ff;
}
.ant-page-header-back-button:active {
  color: #096dd9;
}
.ant-page-header .ant-divider-vertical {
  height: 14px;
  margin: 0 12px;
  vertical-align: middle;
}
.ant-breadcrumb + .ant-page-header-heading {
  margin-top: 8px;
}
.ant-page-header-heading {
  display: flex;
  justify-content: space-between;
}
.ant-page-header-heading-left {
  align-items: center;
  display: flex;
  margin: 4px 0;
  overflow: hidden;
}
.ant-page-header-heading-title {
  color: #000000d9;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 0;
  margin-right: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-page-header-heading .ant-avatar {
  margin-right: 12px;
}
.ant-page-header-heading-sub-title {
  color: #00000073;
  font-size: 14px;
  line-height: 1.5715;
  margin-right: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-page-header-heading-extra {
  margin: 4px 0;
  white-space: nowrap;
}
.ant-page-header-heading-extra > * {
  margin-left: 12px;
  white-space: inherit;
}
.ant-page-header-heading-extra > :first-child {
  margin-left: 0;
}
.ant-page-header-content {
  padding-top: 12px;
}
.ant-page-header-footer {
  margin-top: 16px;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav {
  margin: 0;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav:before {
  border: none;
}
.ant-page-header-footer .ant-tabs .ant-tabs-tab {
  font-size: 16px;
  padding-bottom: 8px;
  padding-top: 8px;
}
.ant-page-header-compact .ant-page-header-heading {
  flex-wrap: wrap;
}
.ant-page-header-rtl {
  direction: rtl;
}
.ant-page-header-rtl .ant-page-header-back {
  float: right;
  margin-left: 16px;
  margin-right: 0;
}
.ant-page-header-rtl .ant-page-header-heading .ant-avatar,
.ant-page-header-rtl .ant-page-header-heading-title {
  margin-left: 12px;
  margin-right: 0;
}
.ant-page-header-rtl .ant-page-header-heading-sub-title {
  float: right;
  margin-left: 12px;
  margin-right: 0;
}
.ant-page-header-rtl .ant-page-header-heading-tags {
  float: right;
}
.ant-page-header-rtl .ant-page-header-heading-extra {
  float: left;
}
.ant-page-header-rtl .ant-page-header-heading-extra > * {
  margin-left: 0;
  margin-right: 12px;
}
.ant-page-header-rtl .ant-page-header-heading-extra > :first-child {
  margin-right: 0;
}
.ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav {
  float: right;
}
.ant-pagination {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
}
.ant-pagination,
.ant-pagination ol,
.ant-pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-pagination:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.ant-pagination-item,
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  line-height: 30px;
  margin-right: 8px;
  vertical-align: middle;
}
.ant-pagination-item {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    Noto Sans,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
  list-style: none;
  min-width: 32px;
  outline: 0;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-pagination-item a {
  color: #000000d9;
  display: block;
  padding: 0 6px;
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:focus-visible,
.ant-pagination-item:hover {
  border-color: #1890ff;
  transition: all 0.3s;
}
.ant-pagination-item:focus-visible a,
.ant-pagination-item:hover a {
  color: #1890ff;
}
.ant-pagination-item-active {
  background: #fff;
  border-color: #1890ff;
  font-weight: 500;
}
.ant-pagination-item-active a {
  color: #1890ff;
}
.ant-pagination-item-active:focus-visible,
.ant-pagination-item-active:hover {
  border-color: #40a9ff;
}
.ant-pagination-item-active:focus-visible a,
.ant-pagination-item-active:hover a {
  color: #40a9ff;
}
.ant-pagination-jump-next,
.ant-pagination-jump-prev {
  outline: 0;
}
.ant-pagination-jump-next .ant-pagination-item-container,
.ant-pagination-jump-prev .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-next
  .ant-pagination-item-container
  .ant-pagination-item-link-icon,
.ant-pagination-jump-prev
  .ant-pagination-item-container
  .ant-pagination-item-link-icon {
  color: #1890ff;
  font-size: 12px;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.2s;
}
.ant-pagination-jump-next
  .ant-pagination-item-container
  .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-prev
  .ant-pagination-item-container
  .ant-pagination-item-link-icon-svg {
  bottom: 0;
  left: 0;
  margin: auto;
  right: 0;
  top: 0;
}
.ant-pagination-jump-next
  .ant-pagination-item-container
  .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev
  .ant-pagination-item-container
  .ant-pagination-item-ellipsis {
  bottom: 0;
  color: #00000040;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  left: 0;
  letter-spacing: 2px;
  margin: auto;
  opacity: 1;
  position: absolute;
  right: 0;
  text-align: center;
  text-indent: 0.13em;
  top: 0;
  transition: all 0.2s;
}
.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-jump-next,
.ant-pagination-jump-prev,
.ant-pagination-prev {
  margin-right: 8px;
}
.ant-pagination-jump-next,
.ant-pagination-jump-prev,
.ant-pagination-next,
.ant-pagination-prev {
  border-radius: 2px;
  color: #000000d9;
  cursor: pointer;
  display: inline-block;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    Noto Sans,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
  height: 32px;
  line-height: 32px;
  list-style: none;
  min-width: 32px;
  text-align: center;
  transition: all 0.3s;
  vertical-align: middle;
}
.ant-pagination-next,
.ant-pagination-prev {
  font-family: Arial, Helvetica, sans-serif;
  outline: 0;
}
.ant-pagination-next button,
.ant-pagination-prev button {
  color: #000000d9;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-pagination-next:hover button,
.ant-pagination-prev:hover button {
  border-color: #40a9ff;
}
.ant-pagination-next .ant-pagination-item-link,
.ant-pagination-prev .ant-pagination-item-link {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  display: block;
  font-size: 12px;
  height: 100%;
  outline: none;
  padding: 0;
  text-align: center;
  transition: all 0.3s;
  width: 100%;
}
.ant-pagination-next:focus-visible .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link,
.ant-pagination-prev:focus-visible .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link {
  border-color: #1890ff;
  color: #1890ff;
}
.ant-pagination-disabled,
.ant-pagination-disabled:focus-visible,
.ant-pagination-disabled:hover {
  cursor: not-allowed;
}
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:focus-visible .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link {
  border-color: #d9d9d9;
  color: #00000040;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
@media (-ms-high-contrast: none) {
  .ant-pagination-options,
  .ant-pagination-options ::-ms-backdrop {
    vertical-align: top;
  }
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  margin-left: 8px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #000000d9;
  display: inline-block;
  font-size: 14px;
  height: 32px;
  line-height: 1.5715;
  margin: 0 8px;
  min-width: 0;
  padding: 4px 11px;
  position: relative;
  transition: all 0.3s;
  width: 100%;
  width: 50px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  opacity: 1;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input::placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input-focused,
.ant-pagination-options-quick-jumper input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-pagination-options-quick-jumper input-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input[disabled] {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input-borderless,
.ant-pagination-options-quick-jumper input-borderless-disabled,
.ant-pagination-options-quick-jumper input-borderless-focused,
.ant-pagination-options-quick-jumper input-borderless:focus,
.ant-pagination-options-quick-jumper input-borderless:hover,
.ant-pagination-options-quick-jumper input-borderless[disabled] {
  background-color: initial;
  border: none;
  box-shadow: none;
}
textarea.ant-pagination-options-quick-jumper input {
  height: auto;
  line-height: 1.5715;
  max-width: 100%;
  min-height: 32px;
  transition:
    all 0.3s,
    height 0s;
  vertical-align: bottom;
}
.ant-pagination-options-quick-jumper input-lg {
  font-size: 16px;
  padding: 6.5px 11px;
}
.ant-pagination-options-quick-jumper input-sm {
  padding: 0 7px;
}
.ant-pagination-simple .ant-pagination-next,
.ant-pagination-simple .ant-pagination-prev {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link {
  background-color: initial;
  border: 0;
  height: 24px;
}
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link:after,
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link:after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  outline: none;
  padding: 0 6px;
  text-align: center;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #1890ff;
}
.ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
  background: #f5f5f5;
  border-color: #d9d9d9;
  color: #00000040;
  cursor: not-allowed;
}
.ant-pagination.mini .ant-pagination-simple-pager,
.ant-pagination.mini .ant-pagination-total-text {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-item {
  height: 24px;
  line-height: 22px;
  margin: 0;
  min-width: 24px;
}
.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: #0000;
  border-color: #0000;
}
.ant-pagination.mini .ant-pagination-next,
.ant-pagination.mini .ant-pagination-prev {
  height: 24px;
  line-height: 24px;
  margin: 0;
  min-width: 24px;
}
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link {
  background: #0000;
  border-color: #0000;
}
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link:after,
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link:after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-jump-next,
.ant-pagination.mini .ant-pagination-jump-prev {
  height: 24px;
  line-height: 24px;
  margin-right: 0;
}
.ant-pagination.mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.mini .ant-pagination-options-size-changer {
  top: 0;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  height: 24px;
  padding: 0 7px;
  width: 44px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  background: #0000;
  border: none;
  color: #00000040;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #e6e6e6;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: #00000040;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
  background: #f5f5f5;
  border-color: #d9d9d9;
  color: #00000040;
  cursor: not-allowed;
}
.ant-pagination-simple.ant-pagination.ant-pagination-disabled
  .ant-pagination-item-link {
  background: #0000;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis {
  opacity: 1;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager {
  color: #00000040;
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}
.ant-pagination-rtl .ant-pagination-item,
.ant-pagination-rtl .ant-pagination-jump-next,
.ant-pagination-rtl .ant-pagination-jump-prev,
.ant-pagination-rtl .ant-pagination-prev,
.ant-pagination-rtl .ant-pagination-total-text {
  margin-left: 8px;
  margin-right: 0;
}
.ant-pagination-rtl .ant-pagination-slash {
  margin: 0 5px 0 10px;
}
.ant-pagination-rtl .ant-pagination-options {
  margin-left: 0;
  margin-right: 16px;
}
.ant-pagination-rtl
  .ant-pagination-options
  .ant-pagination-options-size-changer.ant-select {
  margin-left: 8px;
  margin-right: 0;
}
.ant-pagination-rtl
  .ant-pagination-options
  .ant-pagination-options-quick-jumper {
  margin-left: 0;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager,
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input {
  margin-left: 8px;
  margin-right: 0;
}
.ant-pagination-rtl.ant-pagination.mini .ant-pagination-options {
  margin-left: 0;
  margin-right: 2px;
}
.ant-popconfirm {
  z-index: 1060;
}
.ant-popover {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  cursor: auto;
  font-size: 14px;
  font-variant: tabular-nums;
  font-weight: 400;
  left: 0;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: left;
  top: 0;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  white-space: normal;
  z-index: 1030;
}
.ant-popover:after {
  background: #ffffff03;
  content: "";
  position: absolute;
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightBottom,
.ant-popover-placement-rightTop {
  padding-left: 10px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftBottom,
.ant-popover-placement-leftTop {
  padding-right: 10px;
}
.ant-popover-inner {
  background-clip: padding-box;
  background-color: #fff;
  border-radius: 2px;
  box-shadow:
    0 3px 6px -4px #0000001f,
    0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  box-shadow: 0 0 8px #00000026;
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .ant-popover-inner {
    box-shadow:
      0 3px 6px -4px #0000001f,
      0 6px 16px 0 #00000014,
      0 9px 28px 8px #0000000d;
  }
}
.ant-popover-title {
  border-bottom: 1px solid #f0f0f0;
  color: #000000d9;
  font-weight: 500;
  margin: 0;
  min-height: 32px;
  min-width: 177px;
  padding: 5px 16px 4px;
}
.ant-popover-inner-content {
  color: #000000d9;
  padding: 12px 16px;
}
.ant-popover-message {
  color: #000000d9;
  font-size: 14px;
  padding: 4px 0 12px;
  position: relative;
}
.ant-popover-message > .anticon {
  color: #faad14;
  font-size: 14px;
  position: absolute;
  top: 8.0005px;
}
.ant-popover-message-title {
  padding-left: 22px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow {
  background: #0000;
  display: block;
  height: 8.48528137px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: 8.48528137px;
}
.ant-popover-arrow-content {
  background-color: #fff;
  bottom: 0;
  content: "";
  display: block;
  height: 6px;
  left: 0;
  margin: auto;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 6px;
}
.ant-popover-placement-top .ant-popover-arrow,
.ant-popover-placement-topLeft .ant-popover-arrow,
.ant-popover-placement-topRight .ant-popover-arrow {
  bottom: 1.51471863px;
}
.ant-popover-placement-top .ant-popover-arrow-content,
.ant-popover-placement-topLeft .ant-popover-arrow-content,
.ant-popover-placement-topRight .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px #00000012;
  transform: translateY(-4.24264069px) rotate(45deg);
}
.ant-popover-placement-top .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-popover-placement-topLeft .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right .ant-popover-arrow,
.ant-popover-placement-rightBottom .ant-popover-arrow,
.ant-popover-placement-rightTop .ant-popover-arrow {
  left: 1.51471863px;
}
.ant-popover-placement-right .ant-popover-arrow-content,
.ant-popover-placement-rightBottom .ant-popover-arrow-content,
.ant-popover-placement-rightTop .ant-popover-arrow-content {
  box-shadow: -3px 3px 7px #00000012;
  transform: translateX(4.24264069px) rotate(45deg);
}
.ant-popover-placement-right .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-popover-placement-rightTop .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom .ant-popover-arrow,
.ant-popover-placement-bottomLeft .ant-popover-arrow,
.ant-popover-placement-bottomRight .ant-popover-arrow {
  top: 1.51471863px;
}
.ant-popover-placement-bottom .ant-popover-arrow-content,
.ant-popover-placement-bottomLeft .ant-popover-arrow-content,
.ant-popover-placement-bottomRight .ant-popover-arrow-content {
  box-shadow: -2px -2px 5px #0000000f;
  transform: translateY(4.24264069px) rotate(45deg);
}
.ant-popover-placement-bottom .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-popover-placement-bottomLeft .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left .ant-popover-arrow,
.ant-popover-placement-leftBottom .ant-popover-arrow,
.ant-popover-placement-leftTop .ant-popover-arrow {
  right: 1.51471863px;
}
.ant-popover-placement-left .ant-popover-arrow-content,
.ant-popover-placement-leftBottom .ant-popover-arrow-content,
.ant-popover-placement-leftTop .ant-popover-arrow-content {
  box-shadow: 3px -3px 7px #00000012;
  transform: translateX(-4.24264069px) rotate(45deg);
}
.ant-popover-placement-left .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-popover-placement-leftTop .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-magenta .ant-popover-arrow-content,
.ant-popover-magenta .ant-popover-inner,
.ant-popover-pink .ant-popover-arrow-content,
.ant-popover-pink .ant-popover-inner {
  background-color: #eb2f96;
}
.ant-popover-red .ant-popover-arrow-content,
.ant-popover-red .ant-popover-inner {
  background-color: #f5222d;
}
.ant-popover-volcano .ant-popover-arrow-content,
.ant-popover-volcano .ant-popover-inner {
  background-color: #fa541c;
}
.ant-popover-orange .ant-popover-arrow-content,
.ant-popover-orange .ant-popover-inner {
  background-color: #fa8c16;
}
.ant-popover-yellow .ant-popover-arrow-content,
.ant-popover-yellow .ant-popover-inner {
  background-color: #fadb14;
}
.ant-popover-gold .ant-popover-arrow-content,
.ant-popover-gold .ant-popover-inner {
  background-color: #faad14;
}
.ant-popover-cyan .ant-popover-arrow-content,
.ant-popover-cyan .ant-popover-inner {
  background-color: #13c2c2;
}
.ant-popover-lime .ant-popover-arrow-content,
.ant-popover-lime .ant-popover-inner {
  background-color: #a0d911;
}
.ant-popover-green .ant-popover-arrow-content,
.ant-popover-green .ant-popover-inner {
  background-color: #52c41a;
}
.ant-popover-blue .ant-popover-arrow-content,
.ant-popover-blue .ant-popover-inner {
  background-color: #1890ff;
}
.ant-popover-geekblue .ant-popover-arrow-content,
.ant-popover-geekblue .ant-popover-inner {
  background-color: #2f54eb;
}
.ant-popover-purple .ant-popover-arrow-content,
.ant-popover-purple .ant-popover-inner {
  background-color: #722ed1;
}
.ant-popover-rtl {
  direction: rtl;
  text-align: right;
}
.ant-popover-rtl .ant-popover-message-title {
  padding-left: 16px;
  padding-right: 22px;
}
.ant-popover-rtl .ant-popover-buttons {
  text-align: left;
}
.ant-popover-rtl .ant-popover-buttons button {
  margin-left: 0;
  margin-right: 8px;
}
.ant-progress {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-progress-line {
  font-size: 14px;
  position: relative;
  width: 100%;
}
.ant-progress-steps {
  display: inline-block;
}
.ant-progress-steps-outer {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.ant-progress-steps-item {
  background: #f3f3f3;
  flex-shrink: 0;
  margin-right: 2px;
  min-width: 2px;
  transition: all 0.3s;
}
.ant-progress-steps-item-active {
  background: #1890ff;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  margin-right: 0;
  padding-right: 0;
  width: 100%;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  background-color: #f5f5f5;
  border-radius: 100px;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  width: 100%;
}
.ant-progress-circle-trail {
  stroke: #f5f5f5;
}
.ant-progress-circle-path {
  animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient)
  .ant-progress-circle-path {
  stroke: #1890ff;
}
.ant-progress-bg,
.ant-progress-success-bg {
  background-color: #1890ff;
  border-radius: 100px;
  position: relative;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  background-color: #52c41a;
  left: 0;
  position: absolute;
  top: 0;
}
.ant-progress-text {
  color: #000000d9;
  display: inline-block;
  font-size: 1em;
  line-height: 1;
  margin-left: 8px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 2em;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg:before {
  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  background: #fff;
  border-radius: 10px;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #ff4d4f;
}
.ant-progress-status-exception .ant-progress-text {
  color: #ff4d4f;
}
.ant-progress-status-exception
  .ant-progress-inner:not(.ant-progress-circle-gradient)
  .ant-progress-circle-path {
  stroke: #ff4d4f;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #52c41a;
}
.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
.ant-progress-status-success
  .ant-progress-inner:not(.ant-progress-circle-gradient)
  .ant-progress-circle-path {
  stroke: #52c41a;
}
.ant-progress-circle .ant-progress-inner {
  background-color: initial;
  line-height: 1;
  position: relative;
}
.ant-progress-circle .ant-progress-text {
  color: #000000d9;
  font-size: 1em;
  left: 50%;
  line-height: 1;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: normal;
  width: 100%;
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #ff4d4f;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
@keyframes ant-progress-active {
  0% {
    opacity: 0.1;
    transform: translateX(-100%) scaleX(0);
  }
  20% {
    opacity: 0.5;
    transform: translateX(-100%) scaleX(0);
  }
  to {
    opacity: 0;
    transform: translateX(0) scaleX(1);
  }
}
.ant-progress-rtl {
  direction: rtl;
}
.ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
  margin-left: calc(-2em - 8px);
  margin-right: 0;
  padding-left: calc(2em + 8px);
  padding-right: 0;
}
.ant-progress-rtl .ant-progress-success-bg {
  left: auto;
  right: 0;
}
.ant-progress-rtl.ant-progress-line .ant-progress-text,
.ant-progress-rtl.ant-progress-steps .ant-progress-text {
  margin-left: 0;
  margin-right: 8px;
  text-align: right;
}
.ant-radio-group {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: inline-block;
  font-size: 14px;
  font-size: 0;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-radio-group .ant-badge-count {
  z-index: 1;
}
.ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
  border-left: none;
}
.ant-radio-wrapper {
  font-feature-settings: "tnum";
  align-items: baseline;
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0 8px 0 0;
  padding: 0;
  position: relative;
}
.ant-radio-wrapper:after {
  content: "\a0";
  display: inline-block;
  overflow: hidden;
  width: 0;
}
.ant-radio {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  top: 0.2em;
}
.ant-radio-input:focus + .ant-radio-inner,
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner {
  border-color: #1890ff;
}
.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px #1890ff14;
}
.ant-radio-checked:after {
  animation: antRadioEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  border: 1px solid #1890ff;
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
}
.ant-radio-wrapper:hover .ant-radio:after,
.ant-radio:hover:after {
  visibility: visible;
}
.ant-radio-inner {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  display: block;
  height: 16px;
  left: 0;
  position: relative;
  top: 0;
  transition: all 0.3s;
  width: 16px;
}
.ant-radio-inner:after {
  background-color: #1890ff;
  border-left: 0;
  border-radius: 8px;
  border-top: 0;
  content: " ";
  display: block;
  height: 8px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 3px;
  transform: scale(0);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  width: 8px;
}
.ant-radio-input {
  bottom: 0;
  cursor: pointer;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #1890ff;
}
.ant-radio-checked .ant-radio-inner:after {
  opacity: 1;
  transform: scale(1);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled {
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner:after {
  background-color: #0003;
}
.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}
.ant-radio-disabled + span {
  color: #00000040;
  cursor: not-allowed;
}
span.ant-radio + * {
  padding-left: 8px;
  padding-right: 8px;
}
.ant-radio-button-wrapper {
  background: #fff;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1.02px 1px 1px 0;
  color: #000000d9;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  height: 32px;
  line-height: 30px;
  margin: 0;
  padding: 0 15px;
  position: relative;
  transition:
    color 0.3s,
    background 0.3s,
    border-color 0.3s,
    box-shadow 0.3s;
}
.ant-radio-button-wrapper a {
  color: #000000d9;
}
.ant-radio-button-wrapper > .ant-radio-button {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  font-size: 16px;
  height: 40px;
  line-height: 38px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 24px;
  line-height: 22px;
  padding: 0 7px;
}
.ant-radio-button-wrapper:not(:first-child):before {
  background-color: #d9d9d9;
  box-sizing: initial;
  content: "";
  display: block;
  height: 100%;
  left: -1px;
  padding: 1px 0;
  position: absolute;
  top: -1px;
  transition: background-color 0.3s;
  width: 1px;
}
.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 2px 0 0 2px;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 2px 2px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 2px;
}
.ant-radio-button-wrapper:hover {
  color: #1890ff;
  position: relative;
}
.ant-radio-button-wrapper:focus-within {
  box-shadow: 0 0 0 3px #1890ff14;
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type="checkbox"],
.ant-radio-button-wrapper input[type="radio"] {
  height: 0;
  opacity: 0;
  pointer-events: none;
  width: 0;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background: #fff;
  border-color: #1890ff;
  color: #1890ff;
  z-index: 1;
}
.ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):before {
  background-color: #1890ff;
}
.ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):first-child {
  border-color: #1890ff;
}
.ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):hover {
  border-color: #40a9ff;
  color: #40a9ff;
}
.ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):hover:before {
  background-color: #40a9ff;
}
.ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):active {
  border-color: #096dd9;
  color: #096dd9;
}
.ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):active:before {
  background-color: #096dd9;
}
.ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):focus-within {
  box-shadow: 0 0 0 3px #1890ff14;
}
.ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background: #1890ff;
  border-color: #1890ff;
  color: #fff;
}
.ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):hover {
  background: #40a9ff;
  border-color: #40a9ff;
  color: #fff;
}
.ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):active {
  background: #096dd9;
  border-color: #096dd9;
  color: #fff;
}
.ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):focus-within {
  box-shadow: 0 0 0 3px #1890ff14;
}
.ant-radio-button-wrapper-disabled {
  cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled,
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  color: #00000040;
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
}
@keyframes antRadioEffect {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.6);
  }
}
.ant-radio-group.ant-radio-group-rtl {
  direction: rtl;
}
.ant-radio-wrapper.ant-radio-wrapper-rtl {
  direction: rtl;
  margin-left: 8px;
  margin-right: 0;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
  border-left-width: 1px;
  border-right-width: 0;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(
    :first-child
  ):before {
  left: 0;
  right: -1px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
  border-radius: 0 2px 2px 0;
  border-right: 1px solid #d9d9d9;
}
.ant-radio-button-wrapper-checked:not(
    [class*=" ant-radio-button-wrapper-disabled"]
  ).ant-radio-button-wrapper:first-child {
  border-right-color: #40a9ff;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
  border-radius: 2px 0 0 2px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
  border-right-color: #d9d9d9;
}
.ant-rate {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  color: #fadb14;
  display: inline-block;
  font-size: 14px;
  font-size: 20px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  line-height: inherit;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
}
.ant-rate-disabled .ant-rate-star {
  cursor: default;
}
.ant-rate-disabled .ant-rate-star:hover {
  transform: scale(1);
}
.ant-rate-star {
  color: inherit;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.ant-rate-star:not(:last-child) {
  margin-right: 8px;
}
.ant-rate-star > div {
  transition:
    all 0.3s,
    outline 0s;
}
.ant-rate-star > div:focus-visible,
.ant-rate-star > div:hover {
  transform: scale(1.1);
}
.ant-rate-star > div:focus {
  outline: 0;
}
.ant-rate-star > div:focus-visible {
  outline: 1px dashed #fadb14;
}
.ant-rate-star-first,
.ant-rate-star-second {
  color: #f0f0f0;
  transition: all 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-rate-star-first .anticon,
.ant-rate-star-second .anticon {
  vertical-align: middle;
}
.ant-rate-star-first {
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 50%;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
  opacity: 1;
}
.ant-rate-star-full .ant-rate-star-second,
.ant-rate-star-half .ant-rate-star-first {
  color: inherit;
}
.ant-rate-text {
  display: inline-block;
  font-size: 14px;
  margin: 0 8px;
}
.ant-rate-rtl {
  direction: rtl;
}
.ant-rate-rtl .ant-rate-star:not(:last-child) {
  margin-left: 8px;
  margin-right: 0;
}
.ant-rate-rtl .ant-rate-star-first {
  left: auto;
  right: 0;
}
.ant-result {
  padding: 48px 32px;
}
.ant-result-success .ant-result-icon > .anticon {
  color: #52c41a;
}
.ant-result-error .ant-result-icon > .anticon {
  color: #ff4d4f;
}
.ant-result-info .ant-result-icon > .anticon {
  color: #1890ff;
}
.ant-result-warning .ant-result-icon > .anticon {
  color: #faad14;
}
.ant-result-image {
  height: 295px;
  margin: auto;
  width: 250px;
}
.ant-result-icon {
  margin-bottom: 24px;
  text-align: center;
}
.ant-result-icon > .anticon {
  font-size: 72px;
}
.ant-result-title {
  color: #000000d9;
  font-size: 24px;
  line-height: 1.8;
  text-align: center;
}
.ant-result-subtitle {
  color: #00000073;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.ant-result-extra {
  margin: 24px 0 0;
  text-align: center;
}
.ant-result-extra > * {
  margin-right: 8px;
}
.ant-result-extra > :last-child {
  margin-right: 0;
}
.ant-result-content {
  background-color: #fafafa;
  margin-top: 24px;
  padding: 24px 40px;
}
.ant-result-rtl {
  direction: rtl;
}
.ant-result-rtl .ant-result-extra > * {
  margin-left: 8px;
  margin-right: 0;
}
.ant-result-rtl .ant-result-extra > :last-child {
  margin-left: 0;
}
.ant-select-single .ant-select-selector {
  display: flex;
}
.ant-select-single .ant-select-selector .ant-select-selection-search {
  bottom: 0;
  left: 11px;
  position: absolute;
  right: 11px;
  top: 0;
}
.ant-select-single .ant-select-selector .ant-select-selection-search-input {
  width: 100%;
}
.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  line-height: 30px;
  padding: 0;
  transition: all 0.3s;
}
@supports (-moz-appearance: meterbar) {
  .ant-select-single .ant-select-selector .ant-select-selection-item,
  .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    line-height: 30px;
  }
}
.ant-select-single .ant-select-selector .ant-select-selection-item {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  pointer-events: none;
}
.ant-select-single .ant-select-selector .ant-select-selection-item:after,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder:after,
.ant-select-single .ant-select-selector:after {
  content: "\a0";
  display: inline-block;
  visibility: hidden;
  width: 0;
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
  right: 25px;
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 18px;
}
.ant-select-single.ant-select-open .ant-select-selection-item {
  color: #bfbfbf;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  height: 32px;
  padding: 0 11px;
  width: 100%;
}
.ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector
  .ant-select-selection-search-input {
  height: 30px;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector:after {
  line-height: 30px;
}
.ant-select-single.ant-select-customize-input .ant-select-selector:after {
  display: none;
}
.ant-select-single.ant-select-customize-input
  .ant-select-selector
  .ant-select-selection-search {
  position: static;
  width: 100%;
}
.ant-select-single.ant-select-customize-input
  .ant-select-selector
  .ant-select-selection-placeholder {
  left: 0;
  padding: 0 11px;
  position: absolute;
  right: 0;
}
.ant-select-single.ant-select-customize-input
  .ant-select-selector
  .ant-select-selection-placeholder:after {
  display: none;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input)
  .ant-select-selector {
  height: 40px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input)
  .ant-select-selector
  .ant-select-selection-item,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input)
  .ant-select-selector
  .ant-select-selection-placeholder,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input)
  .ant-select-selector:after {
  line-height: 38px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(
    .ant-select-customize-input
  )
  .ant-select-selection-search-input {
  height: 38px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input)
  .ant-select-selector {
  height: 24px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input)
  .ant-select-selector
  .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input)
  .ant-select-selector
  .ant-select-selection-placeholder,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input)
  .ant-select-selector:after {
  line-height: 22px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(
    .ant-select-customize-input
  )
  .ant-select-selection-search-input {
  height: 22px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input)
  .ant-select-selection-search {
  left: 7px;
  right: 7px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input)
  .ant-select-selector {
  padding: 0 7px;
}
.ant-select-single.ant-select-sm:not(
    .ant-select-customize-input
  ).ant-select-show-arrow
  .ant-select-selection-search {
  right: 28px;
}
.ant-select-single.ant-select-sm:not(
    .ant-select-customize-input
  ).ant-select-show-arrow
  .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(
    .ant-select-customize-input
  ).ant-select-show-arrow
  .ant-select-selection-placeholder {
  padding-right: 21px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input)
  .ant-select-selector {
  padding: 0 11px;
}
.ant-select-selection-overflow {
  display: flex;
  flex: auto;
  flex-wrap: wrap;
  max-width: 100%;
  position: relative;
}
.ant-select-selection-overflow-item {
  align-self: center;
  flex: none;
  max-width: 100%;
}
.ant-select-multiple .ant-select-selector {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  padding: 1px 4px;
}
.ant-select-show-search.ant-select-multiple .ant-select-selector {
  cursor: text;
}
.ant-select-disabled.ant-select-multiple .ant-select-selector {
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-multiple .ant-select-selector:after {
  content: "\a0";
  display: inline-block;
  line-height: 24px;
  margin: 2px 0;
  width: 0;
}
.ant-select-multiple.ant-select-allow-clear .ant-select-selector,
.ant-select-multiple.ant-select-show-arrow .ant-select-selector {
  padding-right: 24px;
}
.ant-select-multiple .ant-select-selection-item {
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  box-sizing: border-box;
  cursor: default;
  display: flex;
  flex: none;
  height: 24px;
  line-height: 22px;
  margin-bottom: 2px;
  margin-top: 2px;
  margin-inline-end: 4px;
  max-width: 100%;
  padding-inline-end: 4px;
  padding-inline-start: 8px;
  position: relative;
  transition:
    font-size 0.3s,
    line-height 0.3s,
    height 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
  border-color: #d9d9d9;
  color: #bfbfbf;
  cursor: not-allowed;
}
.ant-select-multiple .ant-select-selection-item-content {
  display: inline-block;
  margin-right: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.ant-select-multiple .ant-select-selection-item-remove {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: inherit;
  color: #00000073;
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 0;
  line-height: inherit;
  text-align: center;
  text-rendering: optimizeLegibility;
  text-transform: none;
  vertical-align: -0.125em;
}
.ant-select-multiple .ant-select-selection-item-remove > * {
  line-height: 1;
}
.ant-select-multiple .ant-select-selection-item-remove svg {
  display: inline-block;
}
.ant-select-multiple .ant-select-selection-item-remove:before {
  display: none;
}
.ant-select-multiple
  .ant-select-selection-item-remove
  .ant-select-multiple
  .ant-select-selection-item-remove-icon {
  display: block;
}
.ant-select-multiple .ant-select-selection-item-remove > .anticon {
  vertical-align: -0.2em;
}
.ant-select-multiple .ant-select-selection-item-remove:hover {
  color: #000000bf;
}
.ant-select-multiple
  .ant-select-selection-overflow-item
  + .ant-select-selection-overflow-item
  .ant-select-selection-search {
  margin-inline-start: 0;
}
.ant-select-multiple .ant-select-selection-search {
  margin-bottom: 2px;
  margin-top: 2px;
  margin-inline-start: 7px;
  max-width: 100%;
  position: relative;
}
.ant-select-multiple .ant-select-selection-search-input,
.ant-select-multiple .ant-select-selection-search-mirror {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    Noto Sans,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
  height: 24px;
  line-height: 24px;
  transition: all 0.3s;
}
.ant-select-multiple .ant-select-selection-search-input {
  min-width: 4.1px;
  width: 100%;
}
.ant-select-multiple .ant-select-selection-search-mirror {
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  white-space: pre;
  z-index: 999;
}
.ant-select-multiple .ant-select-selection-placeholder {
  left: 11px;
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.ant-select-multiple.ant-select-lg .ant-select-selector:after {
  line-height: 32px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
  line-height: 30px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search {
  height: 32px;
  line-height: 32px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
  height: 32px;
  line-height: 30px;
}
.ant-select-multiple.ant-select-sm .ant-select-selector:after {
  line-height: 16px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item {
  height: 16px;
  line-height: 14px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
  height: 16px;
  line-height: 16px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
  height: 16px;
  line-height: 14px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
  left: 7px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
  margin-inline-start: 3px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
  height: 32px;
  line-height: 32px;
}
.ant-select-disabled .ant-select-selection-item-remove {
  display: none;
}
.ant-select {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: pointer;
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input)
  .ant-select-selector {
  cursor: text;
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input)
  .ant-select-selector
  input {
  cursor: auto;
}
.ant-select-focused:not(.ant-select-disabled).ant-select:not(
    .ant-select-customize-input
  )
  .ant-select-selector {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px #1890ff33;
  outline: 0;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input)
  .ant-select-selector {
  background: #f5f5f5;
  color: #00000040;
  cursor: not-allowed;
}
.ant-select-multiple.ant-select-disabled.ant-select:not(
    .ant-select-customize-input
  )
  .ant-select-selector {
  background: #f5f5f5;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input)
  .ant-select-selector
  input {
  cursor: not-allowed;
}
.ant-select:not(.ant-select-customize-input)
  .ant-select-selector
  .ant-select-selection-search-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #0000;
  border: none;
  margin: 0;
  outline: none;
  padding: 0;
}
.ant-select:not(.ant-select-customize-input)
  .ant-select-selector
  .ant-select-selection-search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-select-selection-item {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (-ms-high-contrast: none) {
  .ant-select-selection-item,
  .ant-select-selection-item ::-ms-backdrop {
    flex: auto;
  }
}
.ant-select-selection-placeholder {
  color: #bfbfbf;
  flex: 1 1;
  overflow: hidden;
  pointer-events: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (-ms-high-contrast: none) {
  .ant-select-selection-placeholder,
  .ant-select-selection-placeholder ::-ms-backdrop {
    flex: auto;
  }
}
.ant-select-arrow {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: inherit;
  color: #00000040;
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  height: 12px;
  line-height: 0;
  line-height: 1;
  margin-top: -6px;
  pointer-events: none;
  position: absolute;
  right: 11px;
  text-align: center;
  text-rendering: optimizeLegibility;
  text-transform: none;
  top: 50%;
  vertical-align: -0.125em;
  width: 12px;
}
.ant-select-arrow > * {
  line-height: 1;
}
.ant-select-arrow svg {
  display: inline-block;
}
.ant-select-arrow:before {
  display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
  display: block;
}
.ant-select-arrow .anticon {
  transition: transform 0.3s;
  vertical-align: top;
}
.ant-select-arrow .anticon > svg {
  vertical-align: top;
}
.ant-select-arrow .anticon:not(.ant-select-suffix) {
  pointer-events: auto;
}
.ant-select-disabled .ant-select-arrow {
  cursor: not-allowed;
}
.ant-select-clear {
  background: #fff;
  color: #00000040;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  height: 12px;
  line-height: 1;
  margin-top: -6px;
  opacity: 0;
  position: absolute;
  right: 11px;
  text-align: center;
  text-rendering: auto;
  text-transform: none;
  top: 50%;
  transition:
    color 0.3s ease,
    opacity 0.15s ease;
  width: 12px;
  z-index: 1;
}
.ant-select-clear:before {
  display: block;
}
.ant-select-clear:hover {
  color: #00000073;
}
.ant-select:hover .ant-select-clear {
  opacity: 1;
}
.ant-select-dropdown {
  font-feature-settings: "tnum", normal;
  background-color: #fff;
  border-radius: 2px;
  box-shadow:
    0 3px 6px -4px #0000001f,
    0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  font-variant: normal;
  left: -9999px;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  outline: none;
  overflow: hidden;
  padding: 4px 0;
  position: absolute;
  top: -9999px;
  z-index: 1050;
}
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
  display: none;
}
.ant-select-dropdown-empty {
  color: #00000040;
}
.ant-select-item-empty {
  color: #000000d9;
  color: #00000040;
}
.ant-select-item,
.ant-select-item-empty {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  min-height: 32px;
  padding: 5px 12px;
  position: relative;
}
.ant-select-item {
  color: #000000d9;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-select-item-group {
  color: #00000073;
  cursor: default;
  font-size: 12px;
}
.ant-select-item-option {
  display: flex;
}
.ant-select-item-option-content {
  flex: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-select-item-option-state {
  flex: none;
}
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #f5f5f5;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #e6f7ff;
  color: #000000d9;
  font-weight: 600;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled)
  .ant-select-item-option-state {
  color: #1890ff;
}
.ant-select-item-option-disabled {
  color: #00000040;
  cursor: not-allowed;
}
.ant-select-item-option-disabled.ant-select-item-option-selected {
  background-color: #f5f5f5;
}
.ant-select-item-option-grouped {
  padding-left: 24px;
}
.ant-select-lg {
  font-size: 16px;
}
.ant-select-borderless .ant-select-selector {
  background-color: initial !important;
  border-color: #0000 !important;
  box-shadow: none !important;
}
.ant-select-rtl {
  direction: rtl;
}
.ant-select-rtl .ant-select-arrow,
.ant-select-rtl .ant-select-clear {
  left: 11px;
  right: auto;
}
.ant-select-dropdown-rtl {
  direction: rtl;
}
.ant-select-dropdown-rtl .ant-select-item-option-grouped {
  padding-left: 12px;
  padding-right: 24px;
}
.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector,
.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector {
  padding-left: 24px;
  padding-right: 4px;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item {
  text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
  margin-left: 4px;
  margin-right: 0;
  text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
  left: auto;
  right: 0;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
  left: auto;
  right: 11px;
}
.ant-select-rtl.ant-select-multiple.ant-select-sm
  .ant-select-selection-placeholder {
  right: 7px;
}
.ant-select-rtl.ant-select-single
  .ant-select-selector
  .ant-select-selection-item,
.ant-select-rtl.ant-select-single
  .ant-select-selector
  .ant-select-selection-placeholder {
  left: 9px;
  right: 0;
  text-align: right;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow
  .ant-select-selection-search {
  left: 25px;
  right: 11px;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow
  .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-show-arrow
  .ant-select-selection-placeholder {
  padding-left: 18px;
  padding-right: 0;
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(
    .ant-select-customize-input
  ).ant-select-show-arrow
  .ant-select-selection-search {
  right: 6px;
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(
    .ant-select-customize-input
  ).ant-select-show-arrow
  .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-sm:not(
    .ant-select-customize-input
  ).ant-select-show-arrow
  .ant-select-selection-placeholder {
  padding-left: 21px;
  padding-right: 0;
}
.ant-skeleton {
  display: table;
  width: 100%;
}
.ant-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}
.ant-skeleton-header .ant-skeleton-avatar {
  background: #bebebe33;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
  width: 32px;
}
.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-lg {
  height: 40px;
  line-height: 40px;
  width: 40px;
}
.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-sm {
  height: 24px;
  line-height: 24px;
  width: 24px;
}
.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-content {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}
.ant-skeleton-content .ant-skeleton-title {
  background: #bebebe33;
  border-radius: 4px;
  height: 16px;
  margin-top: 16px;
  width: 100%;
}
.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 24px;
}
.ant-skeleton-content .ant-skeleton-paragraph {
  padding: 0;
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
  background: #bebebe33;
  border-radius: 4px;
  height: 16px;
  list-style: none;
  width: 100%;
}
.ant-skeleton-content
  .ant-skeleton-paragraph
  > li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%;
}
.ant-skeleton-content .ant-skeleton-paragraph > li + li {
  margin-top: 16px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
  margin-top: 12px;
}
.ant-skeleton-with-avatar
  .ant-skeleton-content
  .ant-skeleton-title
  + .ant-skeleton-paragraph {
  margin-top: 28px;
}
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li,
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title {
  border-radius: 100px;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,
.ant-skeleton.ant-skeleton-active .ant-skeleton-button,
.ant-skeleton.ant-skeleton-active
  .ant-skeleton-content
  .ant-skeleton-paragraph
  > li,
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton.ant-skeleton-active .ant-skeleton-image,
.ant-skeleton.ant-skeleton-active .ant-skeleton-input {
  animation: ant-skeleton-loading 1.4s ease infinite;
  background: linear-gradient(
    90deg,
    #bebebe33 25%,
    #8181813d 37%,
    #bebebe33 63%
  );
  background-size: 400% 100%;
}
.ant-skeleton-element {
  display: inline-block;
  width: auto;
}
.ant-skeleton-element .ant-skeleton-button {
  background: #bebebe33;
  border-radius: 2px;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
  width: 64px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
  border-radius: 50%;
  width: 32px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
  border-radius: 32px;
}
.ant-skeleton-element .ant-skeleton-button-lg {
  height: 40px;
  line-height: 40px;
  width: 80px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
  border-radius: 50%;
  width: 40px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
  border-radius: 40px;
}
.ant-skeleton-element .ant-skeleton-button-sm {
  height: 24px;
  line-height: 24px;
  width: 48px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
  border-radius: 50%;
  width: 24px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
  border-radius: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar {
  background: #bebebe33;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
  width: 32px;
}
.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-lg {
  height: 40px;
  line-height: 40px;
  width: 40px;
}
.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-sm {
  height: 24px;
  line-height: 24px;
  width: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-input {
  background: #bebebe33;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
  width: 100%;
}
.ant-skeleton-element .ant-skeleton-input-lg {
  height: 40px;
  line-height: 40px;
  width: 100%;
}
.ant-skeleton-element .ant-skeleton-input-sm {
  height: 24px;
  line-height: 24px;
  width: 100%;
}
.ant-skeleton-element .ant-skeleton-image {
  align-items: center;
  background: #bebebe33;
  display: flex;
  height: 96px;
  justify-content: center;
  line-height: 96px;
  vertical-align: top;
  width: 96px;
}
.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-image-path {
  fill: #bfbfbf;
}
.ant-skeleton-element .ant-skeleton-image-svg {
  height: 48px;
  line-height: 48px;
  max-height: 192px;
  max-width: 192px;
  width: 48px;
}
.ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle {
  border-radius: 50%;
}
@keyframes ant-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
.ant-skeleton-rtl {
  direction: rtl;
}
.ant-skeleton-rtl .ant-skeleton-header {
  padding-left: 16px;
  padding-right: 0;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active
  .ant-skeleton-content
  .ant-skeleton-paragraph
  > li,
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active
  .ant-skeleton-content
  .ant-skeleton-title {
  animation-name: ant-skeleton-loading-rtl;
}
@keyframes ant-skeleton-loading-rtl {
  0% {
    background-position: 0 50%;
  }
  to {
    background-position: 100% 50%;
  }
}
.ant-slider {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  font-size: 14px;
  font-variant: tabular-nums;
  height: 12px;
  line-height: 1.5715;
  list-style: none;
  margin: 10px 6px;
  padding: 4px 0;
  position: relative;
  touch-action: none;
}
.ant-slider-vertical {
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
  width: 12px;
}
.ant-slider-vertical .ant-slider-rail {
  height: 100%;
  width: 4px;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-left: -5px;
  margin-top: -6px;
}
.ant-slider-vertical .ant-slider-mark {
  height: 100%;
  left: 12px;
  top: 0;
  width: 18px;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  height: 100%;
  width: 4px;
}
.ant-slider-vertical .ant-slider-dot {
  left: 2px;
  margin-bottom: -4px;
  top: auto;
}
.ant-slider-tooltip .ant-tooltip-inner {
  min-width: 0;
  min-width: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
  margin-left: 0;
  margin-right: -5px;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
  left: auto;
  right: 12px;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
  left: auto;
  right: 4px;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
  left: auto;
  right: 2px;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  background-color: #f5f5f5;
  width: 100%;
}
.ant-slider-rail,
.ant-slider-track {
  border-radius: 2px;
  height: 4px;
  position: absolute;
  transition: background-color 0.3s;
}
.ant-slider-track {
  background-color: #91d5ff;
}
.ant-slider-handle {
  background-color: #fff;
  border: 2px solid #91d5ff;
  border-radius: 50%;
  box-shadow: 0;
  cursor: pointer;
  height: 14px;
  margin-top: -5px;
  position: absolute;
  transition:
    border-color 0.3s,
    box-shadow 0.6s,
    transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  width: 14px;
}
.ant-slider-handle-dragging.ant-slider-handle-dragging.ant-slider-handle-dragging,
.ant-slider-handle:focus {
  border-color: #46a6ff;
  box-shadow: 0 0 0 5px #1890ff1f;
}
.ant-slider-handle:focus {
  outline: none;
}
.ant-slider-handle.ant-tooltip-open {
  border-color: #1890ff;
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: #69c0ff;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #69c0ff;
}
.ant-slider-mark {
  font-size: 14px;
  left: 0;
  position: absolute;
  top: 14px;
  width: 100%;
}
.ant-slider-mark-text {
  color: #00000073;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  word-break: keep-all;
}
.ant-slider-mark-text-active {
  color: #000000d9;
}
.ant-slider-step {
  background: #0000;
  height: 4px;
  position: absolute;
  width: 100%;
}
.ant-slider-dot {
  background-color: #fff;
  border: 2px solid #f0f0f0;
  border-radius: 50%;
  cursor: pointer;
  height: 8px;
  position: absolute;
  top: -2px;
  width: 8px;
}
.ant-slider-dot,
.ant-slider-dot:first-child,
.ant-slider-dot:last-child {
  margin-left: -4px;
}
.ant-slider-dot-active {
  border-color: #8cc8ff;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-track {
  background-color: #00000040 !important;
}
.ant-slider-disabled .ant-slider-dot,
.ant-slider-disabled .ant-slider-handle {
  background-color: #fff;
  border-color: #00000040 !important;
  box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-dot,
.ant-slider-disabled .ant-slider-mark-text {
  cursor: not-allowed !important;
}
.ant-slider-rtl {
  direction: rtl;
}
.ant-slider-rtl .ant-slider-mark {
  left: auto;
  right: 0;
}
.ant-slider-rtl .ant-slider-dot,
.ant-slider-rtl .ant-slider-dot:first-child,
.ant-slider-rtl .ant-slider-dot:last-child {
  margin-left: 0;
  margin-right: -4px;
}
.ant-space {
  display: inline-flex;
}
.ant-space-vertical {
  flex-direction: column;
}
.ant-space-align-center {
  align-items: center;
}
.ant-space-align-start {
  align-items: flex-start;
}
.ant-space-align-end {
  align-items: flex-end;
}
.ant-space-align-baseline {
  align-items: baseline;
}
.ant-space-item:empty {
  display: none;
}
.ant-space-rtl {
  direction: rtl;
}
.ant-spin {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  color: #1890ff;
  display: none;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  vertical-align: middle;
}
.ant-spin-spinning {
  display: inline-block;
  opacity: 1;
  position: static;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  display: block;
  height: 100%;
  left: 0;
  max-height: 400px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 4;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  left: 50%;
  margin: -10px;
  position: absolute;
  top: 50%;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  padding-top: 5px;
  position: absolute;
  text-shadow: 0 1px 2px #fff;
  top: 50%;
  width: 100%;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 2px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 11px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}
.ant-spin-container {
  position: relative;
  transition: opacity 0.3s;
}
.ant-spin-container:after {
  background: #fff;
  bottom: 0;
  content: "";
  display: none\9;
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s;
  width: 100%;
  z-index: 10;
}
.ant-spin-blur {
  clear: both;
  opacity: 0.5;
  overflow: hidden;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-spin-blur:after {
  opacity: 0.4;
  pointer-events: auto;
}
.ant-spin-tip {
  color: #00000073;
}
.ant-spin-dot {
  display: inline-block;
  font-size: 20px;
  height: 1em;
  position: relative;
  width: 1em;
}
.ant-spin-dot-item {
  animation: antSpinMove 1s linear infinite alternate;
  background-color: #1890ff;
  border-radius: 100%;
  display: block;
  height: 9px;
  opacity: 0.3;
  position: absolute;
  transform: scale(0.75);
  transform-origin: 50% 50%;
  width: 9px;
}
.ant-spin-dot-item:first-child {
  left: 0;
  top: 0;
}
.ant-spin-dot-item:nth-child(2) {
  animation-delay: 0.4s;
  right: 0;
  top: 0;
}
.ant-spin-dot-item:nth-child(3) {
  animation-delay: 0.8s;
  bottom: 0;
  right: 0;
}
.ant-spin-dot-item:nth-child(4) {
  animation-delay: 1.2s;
  bottom: 0;
  left: 0;
}
.ant-spin-dot-spin {
  animation: antRotate 1.2s linear infinite;
  transform: rotate(45deg);
}
.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  height: 6px;
  width: 6px;
}
.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
  height: 14px;
  width: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antRotate {
  to {
    transform: rotate(405deg);
  }
}
.ant-spin-rtl {
  direction: rtl;
}
.ant-spin-rtl .ant-spin-dot-spin {
  animation-name: antRotateRtl;
  transform: rotate(-45deg);
}
@keyframes antRotateRtl {
  to {
    transform: rotate(-405deg);
  }
}
.ant-statistic {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-statistic-title {
  color: #00000073;
  font-size: 14px;
  margin-bottom: 4px;
}
.ant-statistic-content {
  color: #000000d9;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    Noto Sans,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
  font-size: 24px;
}
.ant-statistic-content-value {
  direction: ltr;
  display: inline-block;
}
.ant-statistic-content-prefix,
.ant-statistic-content-suffix {
  display: inline-block;
}
.ant-statistic-content-prefix {
  margin-right: 4px;
}
.ant-statistic-content-suffix {
  margin-left: 4px;
}
.ant-statistic-rtl {
  direction: rtl;
}
.ant-statistic-rtl .ant-statistic-content-prefix {
  margin-left: 4px;
  margin-right: 0;
}
.ant-statistic-rtl .ant-statistic-content-suffix {
  margin-left: 0;
  margin-right: 4px;
}
.ant-steps {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: flex;
  font-size: 14px;
  font-size: 0;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-align: initial;
  width: 100%;
}
.ant-steps-item {
  display: inline-block;
  flex: 1 1;
  overflow: hidden;
  position: relative;
  vertical-align: top;
}
.ant-steps-item-container {
  outline: none;
}
.ant-steps-item:last-child {
  flex: none;
}
.ant-steps-item:last-child
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-title:after,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail {
  display: none;
}
.ant-steps-item-content,
.ant-steps-item-icon {
  display: inline-block;
  vertical-align: top;
}
.ant-steps-item-icon {
  border: 1px solid #00000040;
  border-radius: 32px;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    Noto Sans,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
  font-size: 16px;
  height: 32px;
  line-height: 32px;
  margin: 0 8px 0 0;
  text-align: center;
  transition:
    background-color 0.3s,
    border-color 0.3s;
  width: 32px;
}
.ant-steps-item-icon .ant-steps-icon {
  color: #1890ff;
  line-height: 1;
  position: relative;
  top: -0.5px;
}
.ant-steps-item-tail {
  left: 0;
  padding: 0 10px;
  position: absolute;
  top: 12px;
  width: 100%;
}
.ant-steps-item-tail:after {
  background: #f0f0f0;
  border-radius: 1px;
  content: "";
  display: inline-block;
  height: 1px;
  transition: background 0.3s;
  width: 100%;
}
.ant-steps-item-title {
  color: #000000d9;
  display: inline-block;
  font-size: 16px;
  line-height: 32px;
  padding-right: 16px;
  position: relative;
}
.ant-steps-item-title:after {
  background: #f0f0f0;
  content: "";
  display: block;
  height: 1px;
  left: 100%;
  position: absolute;
  top: 16px;
  width: 9999px;
}
.ant-steps-item-subtitle {
  display: inline;
  font-weight: 400;
  margin-left: 8px;
}
.ant-steps-item-description,
.ant-steps-item-subtitle {
  color: #00000073;
  font-size: 14px;
}
.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #fff;
  border-color: #00000040;
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: #00000040;
}
.ant-steps-item-wait
  .ant-steps-item-icon
  > .ant-steps-icon
  .ant-steps-icon-dot {
  background: #00000040;
}
.ant-steps-item-wait
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-title {
  color: #00000073;
}
.ant-steps-item-wait
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-title:after {
  background-color: #f0f0f0;
}
.ant-steps-item-wait
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-description {
  color: #00000073;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail:after {
  background-color: #f0f0f0;
}
.ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-item-process
  .ant-steps-item-icon
  > .ant-steps-icon
  .ant-steps-icon-dot {
  background: #1890ff;
}
.ant-steps-item-process
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-title {
  color: #000000d9;
}
.ant-steps-item-process
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-title:after {
  background-color: #f0f0f0;
}
.ant-steps-item-process
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-description {
  color: #000000d9;
}
.ant-steps-item-process
  > .ant-steps-item-container
  > .ant-steps-item-tail:after {
  background-color: #f0f0f0;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
  background: #1890ff;
}
.ant-steps-item-process
  > .ant-steps-item-container
  > .ant-steps-item-icon
  .ant-steps-icon {
  color: #fff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-title {
  font-weight: 500;
}
.ant-steps-item-finish .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1890ff;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-item-finish
  .ant-steps-item-icon
  > .ant-steps-icon
  .ant-steps-icon-dot {
  background: #1890ff;
}
.ant-steps-item-finish
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-title {
  color: #000000d9;
}
.ant-steps-item-finish
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-title:after {
  background-color: #1890ff;
}
.ant-steps-item-finish
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-description {
  color: #00000073;
}
.ant-steps-item-finish
  > .ant-steps-item-container
  > .ant-steps-item-tail:after {
  background-color: #1890ff;
}
.ant-steps-item-error .ant-steps-item-icon {
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: #ff4d4f;
}
.ant-steps-item-error
  .ant-steps-item-icon
  > .ant-steps-icon
  .ant-steps-icon-dot {
  background: #ff4d4f;
}
.ant-steps-item-error
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-title {
  color: #ff4d4f;
}
.ant-steps-item-error
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-title:after {
  background-color: #f0f0f0;
}
.ant-steps-item-error
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-description {
  color: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail:after {
  background-color: #f0f0f0;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title:after {
  background: #ff4d4f;
}
.ant-steps-item-disabled {
  cursor: not-allowed;
}
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active)
  > .ant-steps-item-container[role="button"] {
  cursor: pointer;
}
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active)
  > .ant-steps-item-container[role="button"]
  .ant-steps-item-description,
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active)
  > .ant-steps-item-container[role="button"]
  .ant-steps-item-icon
  .ant-steps-icon,
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active)
  > .ant-steps-item-container[role="button"]
  .ant-steps-item-subtitle,
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active)
  > .ant-steps-item-container[role="button"]
  .ant-steps-item-title {
  transition: color 0.3s;
}
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active)
  > .ant-steps-item-container[role="button"]:hover
  .ant-steps-item-description,
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active)
  > .ant-steps-item-container[role="button"]:hover
  .ant-steps-item-subtitle,
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active)
  > .ant-steps-item-container[role="button"]:hover
  .ant-steps-item-title {
  color: #1890ff;
}
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)
  > .ant-steps-item-container[role="button"]:hover
  .ant-steps-item-icon {
  border-color: #1890ff;
}
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)
  > .ant-steps-item-container[role="button"]:hover
  .ant-steps-item-icon
  .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-left: 16px;
  white-space: nowrap;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical)
  .ant-steps-item:first-child {
  padding-left: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical)
  .ant-steps-item:last-child
  .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
  display: none;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical)
  .ant-steps-item-description {
  max-width: 140px;
  white-space: normal;
}
.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon {
  background: none;
  border: 0;
  height: auto;
}
.ant-steps-item-custom
  > .ant-steps-item-container
  > .ant-steps-item-icon
  > .ant-steps-icon {
  font-size: 24px;
  height: 32px;
  left: 0.5px;
  line-height: 32px;
  top: 0;
  width: 32px;
}
.ant-steps-item-custom.ant-steps-item-process
  .ant-steps-item-icon
  > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps:not(.ant-steps-vertical)
  .ant-steps-item-custom
  .ant-steps-item-icon {
  background: none;
  width: auto;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical)
  .ant-steps-item {
  padding-left: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical)
  .ant-steps-item:first-child {
  padding-left: 0;
}
.ant-steps-small .ant-steps-item-icon {
  border-radius: 24px;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  margin: 0 8px 0 0;
  text-align: center;
  width: 24px;
}
.ant-steps-small .ant-steps-item-title {
  font-size: 14px;
  line-height: 24px;
  padding-right: 12px;
}
.ant-steps-small .ant-steps-item-title:after {
  top: 12px;
}
.ant-steps-small .ant-steps-item-description {
  color: #00000073;
  font-size: 14px;
}
.ant-steps-small .ant-steps-item-tail {
  top: 8px;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  background: none;
  border: 0;
  border-radius: 0;
  height: inherit;
  line-height: inherit;
  width: inherit;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none;
}
.ant-steps-vertical {
  display: flex;
  flex-direction: column;
}
.ant-steps-vertical > .ant-steps-item {
  display: block;
  flex: 1 0 auto;
  overflow: visible;
  padding-left: 0;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
  float: left;
  margin-right: 16px;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-title {
  line-height: 32px;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-description {
  padding-bottom: 12px;
}
.ant-steps-vertical
  > .ant-steps-item
  > .ant-steps-item-container
  > .ant-steps-item-tail {
  height: 100%;
  left: 16px;
  padding: 38px 0 6px;
  position: absolute;
  top: 0;
  width: 1px;
}
.ant-steps-vertical
  > .ant-steps-item
  > .ant-steps-item-container
  > .ant-steps-item-tail:after {
  height: 100%;
  width: 1px;
}
.ant-steps-vertical
  > .ant-steps-item:not(:last-child)
  > .ant-steps-item-container
  > .ant-steps-item-tail {
  display: block;
}
.ant-steps-vertical
  > .ant-steps-item
  > .ant-steps-item-container
  > .ant-steps-item-content
  > .ant-steps-item-title:after {
  display: none;
}
.ant-steps-vertical.ant-steps-small
  .ant-steps-item-container
  .ant-steps-item-tail {
  left: 12px;
  padding: 30px 0 6px;
  position: absolute;
  top: 0;
}
.ant-steps-vertical.ant-steps-small
  .ant-steps-item-container
  .ant-steps-item-title {
  line-height: 24px;
}
.ant-steps-label-vertical .ant-steps-item {
  overflow: visible;
}
.ant-steps-label-vertical .ant-steps-item-tail {
  margin-left: 58px;
  padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  margin-top: 8px;
  text-align: center;
  width: 116px;
}
.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}
.ant-steps-label-vertical .ant-steps-item-title {
  padding-left: 0;
  padding-right: 0;
}
.ant-steps-label-vertical .ant-steps-item-title:after {
  display: none;
}
.ant-steps-label-vertical .ant-steps-item-subtitle {
  display: block;
  line-height: 1.5715;
  margin-bottom: 4px;
  margin-left: 0;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot)
  .ant-steps-item-icon {
  margin-left: 46px;
}
.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
  line-height: 1.5715;
}
.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  margin: 0 0 0 70px;
  padding: 0;
  top: 2px;
  width: 100%;
}
.ant-steps-dot .ant-steps-item-tail:after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail:after {
  height: 3px;
  margin-left: 12px;
  width: calc(100% - 20px);
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  background: #0000;
  border: 0;
  height: 8px;
  line-height: 8px;
  margin-left: 67px;
  padding-right: 0;
  width: 8px;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  border-radius: 100px;
  float: left;
  height: 100%;
  position: relative;
  transition: all 0.3s;
  width: 100%;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot:after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot:after {
  background: rgba(0, 0, 0, 0.001);
  content: "";
  height: 32px;
  left: -26px;
  position: absolute;
  top: -12px;
  width: 60px;
}
.ant-steps-dot .ant-steps-item-content,
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
  width: 140px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
  background: none;
  height: 10px;
  line-height: 10px;
  position: relative;
  top: -1px;
  width: 10px;
}
.ant-steps-dot
  .ant-steps-item-process
  .ant-steps-icon:first-child
  .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small
  .ant-steps-item-process
  .ant-steps-icon:first-child
  .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  background: none;
  margin-left: 0;
  margin-top: 8px;
}
.ant-steps-vertical.ant-steps-dot
  .ant-steps-item
  > .ant-steps-item-container
  > .ant-steps-item-tail {
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
  top: 2px;
}
.ant-steps-vertical.ant-steps-dot
  .ant-steps-item:first-child
  .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-content {
  width: inherit;
}
.ant-steps-vertical.ant-steps-dot
  .ant-steps-item-process
  .ant-steps-item-container
  .ant-steps-item-icon
  .ant-steps-icon-dot {
  left: -2px;
}
.ant-steps-navigation {
  padding-top: 12px;
}
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-left: -12px;
}
.ant-steps-navigation .ant-steps-item {
  overflow: visible;
  text-align: center;
}
.ant-steps-navigation .ant-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
  max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  max-width: 100%;
  overflow: hidden;
  padding-right: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title:after {
  display: none;
}
.ant-steps-navigation
  .ant-steps-item:not(.ant-steps-item-active)
  .ant-steps-item-container[role="button"] {
  cursor: pointer;
}
.ant-steps-navigation
  .ant-steps-item:not(.ant-steps-item-active)
  .ant-steps-item-container[role="button"]:hover {
  opacity: 0.85;
}
.ant-steps-navigation .ant-steps-item:last-child {
  flex: 1 1;
}
.ant-steps-navigation .ant-steps-item:last-child:after {
  display: none;
}
.ant-steps-navigation .ant-steps-item:after {
  border: 1px solid #00000040;
  border-bottom: none;
  border-left: none;
  content: "";
  display: inline-block;
  height: 12px;
  left: 100%;
  margin-left: -2px;
  margin-top: -14px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 12px;
}
.ant-steps-navigation .ant-steps-item:before {
  background-color: #1890ff;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 2px;
  left: 50%;
  position: absolute;
  transition:
    width 0.3s,
    left 0.3s;
  transition-timing-function: ease-out;
  width: 0;
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active:before {
  left: 0;
  width: 100%;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item {
  margin-right: 0 !important;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item:before {
  display: none;
}
.ant-steps-navigation.ant-steps-vertical
  > .ant-steps-item.ant-steps-item-active:before {
  display: block;
  height: calc(100% - 24px);
  left: auto;
  right: 0;
  top: 0;
  width: 3px;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item:after {
  display: block;
  height: 8px;
  left: 50%;
  margin-bottom: 8px;
  position: relative;
  text-align: center;
  top: -2px;
  transform: rotate(135deg);
  width: 8px;
}
.ant-steps-navigation.ant-steps-vertical
  > .ant-steps-item
  > .ant-steps-item-container
  > .ant-steps-item-tail {
  visibility: hidden;
}
.ant-steps-rtl {
  direction: rtl;
}
.ant-steps.ant-steps-rtl .ant-steps-item-icon {
  margin-left: 8px;
  margin-right: 0;
}
.ant-steps-rtl .ant-steps-item-tail {
  left: auto;
  right: 0;
}
.ant-steps-rtl .ant-steps-item-title {
  padding-left: 16px;
  padding-right: 0;
}
.ant-steps-rtl .ant-steps-item-title:after {
  left: auto;
  right: 100%;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical)
  .ant-steps-item {
  padding-left: 0;
  padding-right: 16px;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical)
  .ant-steps-item:first-child {
  padding-right: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical)
  .ant-steps-item:last-child
  .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  left: auto;
  right: 0.5px;
}
.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-left: 0;
  margin-right: -12px;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
  margin-left: 0;
  margin-right: -16px;
  text-align: right;
}
.ant-steps-rtl.ant-steps-navigation
  .ant-steps-item-container
  .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item:after {
  left: auto;
  margin-left: 0;
  margin-right: -2px;
  right: 100%;
  transform: rotate(225deg);
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(
    .ant-steps-label-vertical
  )
  .ant-steps-item {
  padding-left: 0;
  padding-right: 12px;
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(
    .ant-steps-label-vertical
  )
  .ant-steps-item:first-child {
  padding-right: 0;
}
.ant-steps-rtl.ant-steps-small .ant-steps-item-title {
  padding-left: 12px;
  padding-right: 0;
}
.ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
  float: right;
  margin-left: 16px;
  margin-right: 0;
}
.ant-steps-rtl.ant-steps-vertical
  > .ant-steps-item
  > .ant-steps-item-container
  > .ant-steps-item-tail {
  left: auto;
  right: 16px;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-small
  .ant-steps-item-container
  .ant-steps-item-tail {
  left: auto;
  right: 12px;
}
.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  margin: 0 70px 0 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail:after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail:after {
  margin-left: 0;
  margin-right: 12px;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small
  .ant-steps-item:first-child
  .ant-steps-icon-dot {
  left: auto;
  right: 2px;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  margin-left: 0;
  margin-right: 67px;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small
  .ant-steps-item-icon
  .ant-steps-icon-dot {
  float: right;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot:after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small
  .ant-steps-item-icon
  .ant-steps-icon-dot:after {
  left: auto;
  right: -26px;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-left: 16px;
  margin-right: 0;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot
  .ant-steps-item
  > .ant-steps-item-container
  > .ant-steps-item-tail {
  left: auto;
  right: -9px;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot
  .ant-steps-item:first-child
  .ant-steps-icon-dot {
  left: auto;
  right: 0;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot
  .ant-steps-item-process
  .ant-steps-icon-dot {
  left: auto;
  right: -2px;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal
  .ant-steps-item:first-child.ant-steps-item-active {
  padding-right: 4px;
}
.ant-steps-with-progress .ant-steps-item {
  padding-top: 4px;
}
.ant-steps-with-progress .ant-steps-item .ant-steps-item-tail {
  top: 4px !important;
}
.ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child {
  padding-bottom: 4px;
  padding-left: 4px;
}
.ant-steps-with-progress .ant-steps-item-icon {
  position: relative;
}
.ant-steps-with-progress .ant-steps-item-icon .ant-progress {
  bottom: -5px;
  left: -5px;
  position: absolute;
  right: -5px;
  top: -5px;
}
.ant-switch {
  font-feature-settings: "tnum";
  background-color: #00000040;
  border: 0;
  border-radius: 100px;
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  height: 22px;
  line-height: 1.5715;
  line-height: 22px;
  list-style: none;
  margin: 0;
  min-width: 44px;
  padding: 0;
  position: relative;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}
.ant-switch:focus {
  box-shadow: 0 0 0 2px #0000001a;
  outline: 0;
}
.ant-switch-checked:focus {
  box-shadow: 0 0 0 2px #1890ff33;
}
.ant-switch:focus:hover {
  box-shadow: none;
}
.ant-switch-checked {
  background-color: #1890ff;
}
.ant-switch-disabled,
.ant-switch-loading {
  cursor: not-allowed;
  opacity: 0.4;
}
.ant-switch-disabled *,
.ant-switch-loading * {
  box-shadow: none;
  cursor: not-allowed;
}
.ant-switch-inner {
  color: #fff;
  display: block;
  font-size: 12px;
  margin: 0 7px 0 25px;
  transition: margin 0.2s;
}
.ant-switch-checked .ant-switch-inner {
  margin: 0 25px 0 7px;
}
.ant-switch-handle {
  height: 18px;
  left: 2px;
  top: 2px;
  width: 18px;
}
.ant-switch-handle,
.ant-switch-handle:before {
  position: absolute;
  transition: all 0.2s ease-in-out;
}
.ant-switch-handle:before {
  background-color: #fff;
  border-radius: 9px;
  bottom: 0;
  box-shadow: 0 2px 4px 0 #00230b33;
  content: "";
  left: 0;
  right: 0;
  top: 0;
}
.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 20px);
}
.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle:before {
  left: 0;
  right: -30%;
}
.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked
  .ant-switch-handle:before {
  left: -30%;
  right: 0;
}
.ant-switch-loading-icon {
  color: #000000a6;
  position: relative;
  top: 2px;
  vertical-align: top;
}
.ant-switch-checked .ant-switch-loading-icon {
  color: #1890ff;
}
.ant-switch-small {
  height: 16px;
  line-height: 16px;
  min-width: 28px;
}
.ant-switch-small .ant-switch-inner {
  font-size: 12px;
  margin: 0 5px 0 18px;
}
.ant-switch-small .ant-switch-handle {
  height: 12px;
  width: 12px;
}
.ant-switch-small .ant-switch-loading-icon {
  font-size: 9px;
  top: 1.5px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin: 0 18px 0 5px;
}
.ant-switch-small.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 14px);
}
.ant-switch-rtl {
  direction: rtl;
}
.ant-switch-rtl .ant-switch-inner {
  margin: 0 25px 0 7px;
}
.ant-switch-rtl .ant-switch-handle {
  left: auto;
  right: 2px;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle:before {
  left: -30%;
  right: 0;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked
  .ant-switch-handle:before {
  left: 0;
  right: -30%;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-inner {
  margin: 0 7px 0 25px;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 20px);
}
.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 14px);
}
.ant-table.ant-table-middle {
  font-size: 14px;
}
.ant-table.ant-table-middle .ant-table-footer,
.ant-table.ant-table-middle .ant-table-tbody > tr > td,
.ant-table.ant-table-middle .ant-table-thead > tr > th,
.ant-table.ant-table-middle .ant-table-title,
.ant-table.ant-table-middle tfoot > tr > td,
.ant-table.ant-table-middle tfoot > tr > th {
  padding: 12px 8px;
}
.ant-table.ant-table-middle .ant-table-filter-trigger {
  margin-right: -4px;
}
.ant-table.ant-table-middle .ant-table-expanded-row-fixed {
  margin: -12px -8px;
}
.ant-table.ant-table-middle
  .ant-table-tbody
  .ant-table-wrapper:only-child
  .ant-table {
  margin: -12px -8px -12px 25px;
}
.ant-table.ant-table-small {
  font-size: 14px;
}
.ant-table.ant-table-small .ant-table-footer,
.ant-table.ant-table-small .ant-table-tbody > tr > td,
.ant-table.ant-table-small .ant-table-thead > tr > th,
.ant-table.ant-table-small .ant-table-title,
.ant-table.ant-table-small tfoot > tr > td,
.ant-table.ant-table-small tfoot > tr > th {
  padding: 8px;
}
.ant-table.ant-table-small .ant-table-filter-trigger {
  margin-right: -4px;
}
.ant-table.ant-table-small .ant-table-expanded-row-fixed {
  margin: -8px;
}
.ant-table.ant-table-small
  .ant-table-tbody
  .ant-table-wrapper:only-child
  .ant-table {
  margin: -8px -8px -8px 25px;
}
.ant-table-small .ant-table-thead > tr > th {
  background-color: #fafafa;
}
.ant-table-small .ant-table-selection-column {
  min-width: 46px;
  width: 46px;
}
.ant-table.ant-table-bordered > .ant-table-title {
  border: 1px solid #f0f0f0;
  border-bottom: 0;
}
.ant-table.ant-table-bordered > .ant-table-container {
  border-left: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-body
  > table
  > tbody
  > tr
  > td,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-body
  > table
  > tfoot
  > tr
  > td,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-body
  > table
  > tfoot
  > tr
  > th,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-body
  > table
  > thead
  > tr
  > th,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-content
  > table
  > tbody
  > tr
  > td,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-content
  > table
  > tfoot
  > tr
  > td,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-content
  > table
  > tfoot
  > tr
  > th,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-content
  > table
  > thead
  > tr
  > th,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-header
  > table
  > tbody
  > tr
  > td,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-header
  > table
  > tfoot
  > tr
  > td,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-header
  > table
  > tfoot
  > tr
  > th,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-header
  > table
  > thead
  > tr
  > th,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-summary
  > table
  > tbody
  > tr
  > td,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-summary
  > table
  > tfoot
  > tr
  > td,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-summary
  > table
  > tfoot
  > tr
  > th,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-summary
  > table
  > thead
  > tr
  > th {
  border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-body
  > table
  > thead
  > tr:not(:last-child)
  > th,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-content
  > table
  > thead
  > tr:not(:last-child)
  > th,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-header
  > table
  > thead
  > tr:not(:last-child)
  > th,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-summary
  > table
  > thead
  > tr:not(:last-child)
  > th {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-body
  > table
  > thead
  > tr
  > th:before,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-content
  > table
  > thead
  > tr
  > th:before,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-header
  > table
  > thead
  > tr
  > th:before,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-summary
  > table
  > thead
  > tr
  > th:before {
  background-color: initial !important;
}
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-body
  > table
  > tbody
  > tr
  > .ant-table-cell-fix-right-first:after,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-body
  > table
  > tfoot
  > tr
  > .ant-table-cell-fix-right-first:after,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-body
  > table
  > thead
  > tr
  > .ant-table-cell-fix-right-first:after,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-content
  > table
  > tbody
  > tr
  > .ant-table-cell-fix-right-first:after,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-content
  > table
  > tfoot
  > tr
  > .ant-table-cell-fix-right-first:after,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-content
  > table
  > thead
  > tr
  > .ant-table-cell-fix-right-first:after,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-header
  > table
  > tbody
  > tr
  > .ant-table-cell-fix-right-first:after,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-header
  > table
  > tfoot
  > tr
  > .ant-table-cell-fix-right-first:after,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-header
  > table
  > thead
  > tr
  > .ant-table-cell-fix-right-first:after,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-summary
  > table
  > tbody
  > tr
  > .ant-table-cell-fix-right-first:after,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-summary
  > table
  > tfoot
  > tr
  > .ant-table-cell-fix-right-first:after,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-summary
  > table
  > thead
  > tr
  > .ant-table-cell-fix-right-first:after {
  border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-body
  > table
  > tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-content
  > table
  > tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-header
  > table
  > tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-summary
  > table
  > tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed {
  margin: -16px -17px;
}
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-body
  > table
  > tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed:after,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-content
  > table
  > tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed:after,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-header
  > table
  > tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed:after,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-summary
  > table
  > tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed:after {
  border-right: 1px solid #f0f0f0;
  bottom: 0;
  content: "";
  position: absolute;
  right: 1px;
  top: 0;
}
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-content
  > table,
.ant-table.ant-table-bordered
  > .ant-table-container
  > .ant-table-header
  > table {
  border-top: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered.ant-table-scroll-horizontal
  > .ant-table-container
  > .ant-table-body
  > table
  > tbody
  > tr.ant-table-expanded-row
  > td,
.ant-table.ant-table-bordered.ant-table-scroll-horizontal
  > .ant-table-container
  > .ant-table-body
  > table
  > tbody
  > tr.ant-table-placeholder
  > td {
  border-right: 0;
}
.ant-table.ant-table-bordered.ant-table-middle
  > .ant-table-container
  > .ant-table-body
  > table
  > tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-middle
  > .ant-table-container
  > .ant-table-content
  > table
  > tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed {
  margin: -12px -9px;
}
.ant-table.ant-table-bordered.ant-table-small
  > .ant-table-container
  > .ant-table-body
  > table
  > tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-small
  > .ant-table-container
  > .ant-table-content
  > table
  > tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed {
  margin: -8px -9px;
}
.ant-table.ant-table-bordered > .ant-table-footer {
  border: 1px solid #f0f0f0;
  border-top: 0;
}
.ant-table-cell .ant-table-container:first-child {
  border-top: 0;
}
.ant-table-cell-scrollbar {
  box-shadow: 0 1px 0 1px #fafafa;
}
.ant-table-wrapper {
  clear: both;
  max-width: 100%;
}
.ant-table-wrapper:before {
  content: "";
  display: table;
}
.ant-table-wrapper:after {
  clear: both;
  content: "";
  display: table;
}
.ant-table {
  font-feature-settings: "tnum";
  background: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.ant-table table {
  border-collapse: initial;
  border-radius: 2px 2px 0 0;
  border-spacing: 0;
  text-align: left;
  width: 100%;
}
.ant-table tfoot > tr > td,
.ant-table tfoot > tr > th,
.ant-table-tbody > tr > td,
.ant-table-thead > tr > th {
  overflow-wrap: break-word;
  padding: 16px;
  position: relative;
}
.ant-table-cell-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first {
  overflow: visible;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first
  .ant-table-cell-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-table-cell-ellipsis .ant-table-column-title {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-table-title {
  padding: 16px;
}
.ant-table-footer {
  background: #fafafa;
  color: #000000d9;
  padding: 16px;
}
.ant-table-thead > tr > th {
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  color: #000000d9;
  font-weight: 500;
  position: relative;
  text-align: left;
  transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan="1"]) {
  text-align: center;
}
.ant-table-thead
  > tr
  > th:not(:last-child):not(.ant-table-selection-column):not(
    .ant-table-row-expand-icon-cell
  ):not([colspan]):before {
  background-color: #0000000f;
  content: "";
  height: 1.6em;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s;
  width: 1px;
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.3s;
}
.ant-table-tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed
  > .ant-table-wrapper:only-child
  .ant-table,
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table {
  margin: -16px -16px -16px 33px;
}
.ant-table-tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed
  > .ant-table-wrapper:only-child
  .ant-table-tbody
  > tr:last-child
  > td,
.ant-table-tbody
  > tr
  > td
  > .ant-table-wrapper:only-child
  .ant-table-tbody
  > tr:last-child
  > td {
  border-bottom: 0;
}
.ant-table-tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed
  > .ant-table-wrapper:only-child
  .ant-table-tbody
  > tr:last-child
  > td:first-child,
.ant-table-tbody
  > tr
  > td
  > .ant-table-expanded-row-fixed
  > .ant-table-wrapper:only-child
  .ant-table-tbody
  > tr:last-child
  > td:last-child,
.ant-table-tbody
  > tr
  > td
  > .ant-table-wrapper:only-child
  .ant-table-tbody
  > tr:last-child
  > td:first-child,
.ant-table-tbody
  > tr
  > td
  > .ant-table-wrapper:only-child
  .ant-table-tbody
  > tr:last-child
  > td:last-child {
  border-radius: 0;
}
.ant-table-tbody > tr.ant-table-row:hover > td {
  background: #fafafa;
}
.ant-table-tbody > tr.ant-table-row-selected > td {
  background: #e6f7ff;
  border-color: #00000008;
}
.ant-table-tbody > tr.ant-table-row-selected:hover > td {
  background: #dcf4ff;
}
.ant-table-summary {
  background: #fff;
  position: relative;
  z-index: 2;
}
div.ant-table-summary {
  box-shadow: 0 -1px 0 #f0f0f0;
}
.ant-table-summary > tr > td,
.ant-table-summary > tr > th {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table-pagination.ant-pagination {
  margin: 16px 0;
}
.ant-table-pagination {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
}
.ant-table-pagination > * {
  flex: none;
}
.ant-table-pagination-left {
  justify-content: flex-start;
}
.ant-table-pagination-center {
  justify-content: center;
}
.ant-table-pagination-right {
  justify-content: flex-end;
}
.ant-table-thead th.ant-table-column-has-sorters {
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-thead th.ant-table-column-has-sorters:hover {
  background: #0000000a;
}
.ant-table-thead th.ant-table-column-has-sorters:hover:before {
  background-color: initial !important;
}
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover,
.ant-table-thead th.ant-table-column-sort {
  background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort:before {
  background-color: initial !important;
}
td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-column-title {
  flex: 1 1;
  position: relative;
  z-index: 1;
}
.ant-table-column-sorters {
  align-items: center;
  display: flex;
  flex: auto;
  justify-content: space-between;
}
.ant-table-column-sorters:after {
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.ant-table-column-sorter {
  color: #bfbfbf;
  font-size: 0;
  transition: color 0.3s;
}
.ant-table-column-sorter-inner {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
}
.ant-table-column-sorter-down,
.ant-table-column-sorter-up {
  font-size: 11px;
}
.ant-table-column-sorter-down.active,
.ant-table-column-sorter-up.active {
  color: #1890ff;
}
.ant-table-column-sorter-up + .ant-table-column-sorter-down {
  margin-top: -0.3em;
}
.ant-table-column-sorters:hover .ant-table-column-sorter {
  color: #a6a6a6;
}
.ant-table-filter-column {
  display: flex;
  justify-content: space-between;
}
.ant-table-filter-trigger {
  align-items: center;
  border-radius: 2px;
  color: #bfbfbf;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  margin: -4px -8px -4px 4px;
  padding: 0 4px;
  position: relative;
  transition: all 0.3s;
}
.ant-table-filter-trigger:hover {
  background: #0000000a;
  color: #00000073;
}
.ant-table-filter-trigger.active {
  color: #1890ff;
}
.ant-table-filter-dropdown {
  font-feature-settings: "tnum";
  background-color: #fff;
  border-radius: 2px;
  box-shadow:
    0 3px 6px -4px #0000001f,
    0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  min-width: 120px;
  padding: 0;
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  border: 0;
  box-shadow: none;
  max-height: 264px;
  overflow-x: hidden;
}
.ant-table-filter-dropdown-submenu > ul {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
.ant-table-filter-dropdown-btns {
  background-color: inherit;
  border-top: 1px solid #f0f0f0;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  padding: 7px 8px 7px 3px;
}
.ant-table-selection-col {
  width: 32px;
}
.ant-table-bordered .ant-table-selection-col {
  width: 50px;
}
table tr td.ant-table-selection-column,
table tr th.ant-table-selection-column {
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}
table tr td.ant-table-selection-column .ant-radio-wrapper,
table tr th.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
table tr th.ant-table-selection-column:after {
  background-color: initial !important;
}
.ant-table-selection {
  display: inline-flex;
  flex-direction: column;
  position: relative;
}
.ant-table-selection-extra {
  cursor: pointer;
  margin-inline-start: 100%;
  padding-inline-start: 4px;
  position: absolute;
  top: 0;
  transition: all 0.3s;
  z-index: 1;
}
.ant-table-selection-extra .anticon {
  color: #bfbfbf;
  font-size: 10px;
}
.ant-table-selection-extra .anticon:hover {
  color: #a6a6a6;
}
.ant-table-expand-icon-col {
  width: 48px;
}
.ant-table-row-expand-icon-cell {
  text-align: center;
}
.ant-table-row-indent {
  float: left;
  height: 1px;
}
.ant-table-row-expand-icon {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #1890ff;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  float: left;
  height: 17px;
  line-height: 17px;
  outline: none;
  padding: 0;
  position: relative;
  text-decoration: none;
  transform: scale(0.94117647);
  transition: color 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 17px;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
  color: #40a9ff;
}
.ant-table-row-expand-icon:active {
  color: #096dd9;
}
.ant-table-row-expand-icon:active,
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
  border-color: currentColor;
}
.ant-table-row-expand-icon:after,
.ant-table-row-expand-icon:before {
  background: currentColor;
  content: "";
  position: absolute;
  transition: transform 0.3s ease-out;
}
.ant-table-row-expand-icon:before {
  height: 1px;
  left: 3px;
  right: 3px;
  top: 7px;
}
.ant-table-row-expand-icon:after {
  bottom: 3px;
  left: 7px;
  top: 3px;
  transform: rotate(90deg);
  width: 1px;
}
.ant-table-row-expand-icon-collapsed:before {
  transform: rotate(-180deg);
}
.ant-table-row-expand-icon-collapsed:after {
  transform: rotate(0deg);
}
.ant-table-row-expand-icon-spaced {
  background: #0000;
  border: 0;
  visibility: hidden;
}
.ant-table-row-expand-icon-spaced:after,
.ant-table-row-expand-icon-spaced:before {
  content: none;
  display: none;
}
.ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 8px;
  margin-top: 2.5005px;
}
tr.ant-table-expanded-row:hover > td,
tr.ant-table-expanded-row > td {
  background: #fbfbfb;
}
tr.ant-table-expanded-row .ant-descriptions-view {
  display: flex;
}
tr.ant-table-expanded-row .ant-descriptions-view table {
  flex: auto;
  width: auto;
}
.ant-table .ant-table-expanded-row-fixed {
  margin: -16px;
  padding: 16px;
  position: relative;
}
.ant-table-tbody > tr.ant-table-placeholder {
  text-align: center;
}
.ant-table-empty .ant-table-tbody > tr.ant-table-placeholder {
  color: #00000040;
}
.ant-table-tbody > tr.ant-table-placeholder:hover > td {
  background: #fff;
}
.ant-table-cell-fix-left,
.ant-table-cell-fix-right {
  background: #fff;
  position: sticky !important;
  z-index: 2;
}
.ant-table-cell-fix-left-first:after,
.ant-table-cell-fix-left-last:after {
  bottom: -1px;
  content: "";
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(100%);
  transition: box-shadow 0.3s;
  width: 30px;
}
.ant-table-cell-fix-right-first:after,
.ant-table-cell-fix-right-last:after {
  bottom: -1px;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translateX(-100%);
  transition: box-shadow 0.3s;
  width: 30px;
}
.ant-table .ant-table-container:after,
.ant-table .ant-table-container:before {
  bottom: 0;
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: box-shadow 0.3s;
  width: 30px;
  z-index: 1;
}
.ant-table .ant-table-container:before {
  left: 0;
}
.ant-table .ant-table-container:after {
  right: 0;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container {
  position: relative;
}
.ant-table-ping-left .ant-table-cell-fix-left-first:after,
.ant-table-ping-left .ant-table-cell-fix-left-last:after,
.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container:before {
  box-shadow: inset 10px 0 8px -8px #00000026;
}
.ant-table-ping-left .ant-table-cell-fix-left-last:before {
  background-color: initial !important;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container {
  position: relative;
}
.ant-table-ping-right .ant-table-cell-fix-right-first:after,
.ant-table-ping-right .ant-table-cell-fix-right-last:after,
.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container:after {
  box-shadow: inset -10px 0 8px -8px #00000026;
}
.ant-table-sticky-holder,
.ant-table-sticky-scroll {
  background: #fff;
  position: sticky;
  z-index: 3;
}
.ant-table-sticky-scroll {
  align-items: center;
  border-top: 1px solid #f0f0f0;
  bottom: 0;
  display: flex;
  opacity: 0.6;
}
.ant-table-sticky-scroll:hover {
  transform-origin: center bottom;
}
.ant-table-sticky-scroll-bar {
  background-color: #00000059;
  border-radius: 4px;
  height: 8px;
}
.ant-table-sticky-scroll-bar-active,
.ant-table-sticky-scroll-bar:hover {
  background-color: #000c;
}
@media (-ms-high-contrast: none) {
  .ant-table-ping-left .ant-table-cell-fix-left-last:after,
  .ant-table-ping-right .ant-table-cell-fix-right-first:after {
    box-shadow: none !important;
  }
}
.ant-table-title {
  border-radius: 2px 2px 0 0;
}
.ant-table-title + .ant-table-container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-title
  + .ant-table-container
  table
  > thead
  > tr:first-child
  th:first-child,
.ant-table-title
  + .ant-table-container
  table
  > thead
  > tr:first-child
  th:last-child {
  border-radius: 0;
}
.ant-table-container {
  border-top-right-radius: 2px;
}
.ant-table-container,
.ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 2px;
}
.ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 2px;
}
.ant-table-footer {
  border-radius: 0 0 2px 2px;
}
.ant-table-rtl,
.ant-table-wrapper-rtl {
  direction: rtl;
}
.ant-table-wrapper-rtl .ant-table table {
  text-align: right;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan="1"]) {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th {
  text-align: right;
}
.ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl {
  margin: -16px 33px -16px -16px;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left {
  justify-content: flex-end;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right {
  justify-content: flex-start;
}
.ant-table-wrapper-rtl .ant-table-column-sorter {
  margin-left: 0;
  margin-right: 8px;
}
.ant-table-wrapper-rtl .ant-table-filter-column-title {
  padding: 16px 16px 16px 2.3em;
}
.ant-table-rtl
  .ant-table-thead
  tr
  th.ant-table-column-has-sorters
  .ant-table-filter-column-title {
  padding: 0 0 0 2.3em;
}
.ant-table-wrapper-rtl .ant-table-filter-trigger-container {
  left: 0;
  right: auto;
}
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown
  .ant-checkbox-wrapper
  + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu
  .ant-checkbox-wrapper
  + span,
.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-rtl
  .ant-table-filter-dropdown-submenu
  .ant-checkbox-wrapper
  + span {
  padding-left: 0;
  padding-right: 8px;
}
.ant-table-wrapper-rtl .ant-table-selection {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon,
.ant-table-wrapper-rtl .ant-table-row-indent {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-left: 8px;
  margin-right: 0;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon:after {
  transform: rotate(-90deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed:before {
  transform: rotate(180deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed:after {
  transform: rotate(0deg);
}
.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  font-size: 14px;
  padding: 8px 0;
}
.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  font-size: 16px;
  padding: 16px 0;
}
.ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 6px 16px;
}
.ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  padding: 7px 16px 6px;
}
.ant-tabs-rtl {
  direction: rtl;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
  margin: 0 0 0 32px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
  margin-left: 0;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
  margin-left: 12px;
  margin-right: 0;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
  margin-left: -4px;
  margin-right: 8px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
  order: 1;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder,
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
  order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
  order: 1;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom
  > .ant-tabs-nav
  .ant-tabs-tab
  + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom
  > div
  > .ant-tabs-nav
  .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom
  > div
  > .ant-tabs-nav
  .ant-tabs-tab
  + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top
  > .ant-tabs-nav
  .ant-tabs-tab
  + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top
  > div
  > .ant-tabs-nav
  .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top
  > div
  > .ant-tabs-nav
  .ant-tabs-tab
  + .ant-tabs-tab {
  margin-left: 0;
  margin-right: 2px;
}
.ant-tabs-dropdown-rtl {
  direction: rtl;
}
.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
  text-align: right;
}
.ant-tabs-bottom,
.ant-tabs-top {
  flex-direction: column;
}
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav,
.ant-tabs-top > .ant-tabs-nav,
.ant-tabs-top > div > .ant-tabs-nav {
  margin: 0 0 16px;
}
.ant-tabs-bottom > .ant-tabs-nav:before,
.ant-tabs-bottom > div > .ant-tabs-nav:before,
.ant-tabs-top > .ant-tabs-nav:before,
.ant-tabs-top > div > .ant-tabs-nav:before {
  border-bottom: 1px solid #f0f0f0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
  height: 2px;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition:
    width 0.3s,
    left 0.3s,
    right 0.3s;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap:before {
  bottom: 0;
  top: 0;
  width: 30px;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap:before {
  box-shadow: inset 10px 0 8px -8px #00000014;
  left: 0;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap:after {
  box-shadow: inset -10px 0 8px -8px #00000014;
  right: 0;
}
.ant-tabs-bottom
  > .ant-tabs-nav
  .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,
.ant-tabs-bottom
  > .ant-tabs-nav
  .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,
.ant-tabs-bottom
  > div
  > .ant-tabs-nav
  .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,
.ant-tabs-bottom
  > div
  > .ant-tabs-nav
  .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,
.ant-tabs-top
  > .ant-tabs-nav
  .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,
.ant-tabs-top
  > .ant-tabs-nav
  .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,
.ant-tabs-top
  > div
  > .ant-tabs-nav
  .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,
.ant-tabs-top
  > div
  > .ant-tabs-nav
  .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after {
  opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > .ant-tabs-nav:before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav:before {
  bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  margin-bottom: 0;
  margin-top: 16px;
  order: 1;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > .ant-tabs-nav:before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav:before {
  top: 0;
}
.ant-tabs-bottom > .ant-tabs-content-holder,
.ant-tabs-bottom > div > .ant-tabs-content-holder {
  order: 0;
}
.ant-tabs-left > .ant-tabs-nav,
.ant-tabs-left > div > .ant-tabs-nav,
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
  flex-direction: column;
  min-width: 50px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 24px;
  text-align: center;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin: 16px 0 0;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap:before {
  height: 30px;
  left: 0;
  right: 0;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap:before {
  box-shadow: inset 0 10px 8px -8px #00000014;
  top: 0;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap:after {
  bottom: 0;
  box-shadow: inset 0 -10px 8px -8px #00000014;
}
.ant-tabs-left
  > .ant-tabs-nav
  .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,
.ant-tabs-left
  > .ant-tabs-nav
  .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,
.ant-tabs-left
  > div
  > .ant-tabs-nav
  .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,
.ant-tabs-left
  > div
  > .ant-tabs-nav
  .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,
.ant-tabs-right
  > .ant-tabs-nav
  .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,
.ant-tabs-right
  > .ant-tabs-nav
  .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,
.ant-tabs-right
  > div
  > .ant-tabs-nav
  .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,
.ant-tabs-right
  > div
  > .ant-tabs-nav
  .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before {
  opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  width: 2px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition:
    height 0.3s,
    top 0.3s;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
  flex: 1 0 auto;
  flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
  right: 0;
}
.ant-tabs-left > .ant-tabs-content-holder,
.ant-tabs-left > div > .ant-tabs-content-holder {
  border-left: 1px solid #f0f0f0;
  margin-left: -1px;
}
.ant-tabs-left
  > .ant-tabs-content-holder
  > .ant-tabs-content
  > .ant-tabs-tabpane,
.ant-tabs-left
  > div
  > .ant-tabs-content-holder
  > .ant-tabs-content
  > .ant-tabs-tabpane {
  padding-left: 24px;
}
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
  order: 1;
}
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  left: 0;
}
.ant-tabs-right > .ant-tabs-content-holder,
.ant-tabs-right > div > .ant-tabs-content-holder {
  border-right: 1px solid #f0f0f0;
  margin-right: -1px;
  order: 0;
}
.ant-tabs-right
  > .ant-tabs-content-holder
  > .ant-tabs-content
  > .ant-tabs-tabpane,
.ant-tabs-right
  > div
  > .ant-tabs-content-holder
  > .ant-tabs-content
  > .ant-tabs-tabpane {
  padding-right: 24px;
}
.ant-tabs-dropdown {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: block;
  font-size: 14px;
  font-variant: tabular-nums;
  left: -9999px;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -9999px;
  z-index: 1050;
}
.ant-tabs-dropdown-hidden {
  display: none;
}
.ant-tabs-dropdown-menu {
  background-clip: padding-box;
  background-color: #fff;
  border-radius: 2px;
  box-shadow:
    0 3px 6px -4px #0000001f,
    0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  list-style-type: none;
  margin: 0;
  max-height: 200px;
  outline: none;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4px 0;
  text-align: left;
}
.ant-tabs-dropdown-menu-item {
  color: #000000d9;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  min-width: 120px;
  overflow: hidden;
  padding: 5px 12px;
  text-overflow: ellipsis;
  transition: all 0.3s;
  white-space: nowrap;
}
.ant-tabs-dropdown-menu-item:hover {
  background: #f5f5f5;
}
.ant-tabs-dropdown-menu-item-disabled,
.ant-tabs-dropdown-menu-item-disabled:hover {
  background: #0000;
  color: #00000040;
  cursor: not-allowed;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
  background: #fafafa;
  border: 1px solid #f0f0f0;
  margin: 0;
  padding: 8px 16px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
  background: #fff;
  color: #1890ff;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom
  > div
  > .ant-tabs-nav
  .ant-tabs-tab
  + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top
  > div
  > .ant-tabs-nav
  .ant-tabs-tab
  + .ant-tabs-tab {
  margin-left: 2px;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 2px 2px 0 0;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-bottom-color: #fff;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 0 2px 2px;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-top-color: #fff;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left
  > div
  > .ant-tabs-nav
  .ant-tabs-tab
  + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right
  > div
  > .ant-tabs-nav
  .ant-tabs-tab
  + .ant-tabs-tab {
  margin-top: 2px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 2px 0 0 2px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-right-color: #fff;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 2px 2px 0;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-left-color: #fff;
}
.ant-tabs {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: flex;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.ant-tabs > .ant-tabs-nav,
.ant-tabs > div > .ant-tabs-nav {
  align-items: center;
  display: flex;
  flex: none;
  position: relative;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  align-self: stretch;
  display: inline-block;
  display: flex;
  flex: auto;
  overflow: hidden;
  position: relative;
  transform: translate(0);
  white-space: nowrap;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap:before {
  content: "";
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.3s;
  z-index: 1;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
  display: flex;
  position: relative;
  transition: transform 0.3s;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
  align-self: stretch;
  display: flex;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
  pointer-events: none;
  position: absolute;
  visibility: hidden;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
  background: #0000;
  border: 0;
  padding: 8px 16px;
  position: relative;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more:after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more:after {
  bottom: 0;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  right: 0;
  transform: translateY(100%);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
  cursor: pointer;
  margin-left: 2px;
  min-width: 40px;
  outline: none;
  padding: 0 8px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
  color: #40a9ff;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
  color: #096dd9;
}
.ant-tabs-extra-content {
  flex: none;
}
.ant-tabs-centered
  > .ant-tabs-nav
  .ant-tabs-nav-wrap:not([class*="ant-tabs-nav-wrap-ping"]),
.ant-tabs-centered
  > div
  > .ant-tabs-nav
  .ant-tabs-nav-wrap:not([class*="ant-tabs-nav-wrap-ping"]) {
  justify-content: center;
}
.ant-tabs-ink-bar {
  background: #1890ff;
  pointer-events: none;
  position: absolute;
}
.ant-tabs-tab {
  align-items: center;
  background: #0000;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  outline: none;
  padding: 12px 0;
  position: relative;
}
.ant-tabs-tab-btn:active,
.ant-tabs-tab-btn:focus,
.ant-tabs-tab-remove:active,
.ant-tabs-tab-remove:focus {
  color: #096dd9;
}
.ant-tabs-tab-btn,
.ant-tabs-tab-remove {
  outline: none;
  transition: all 0.3s;
}
.ant-tabs-tab-remove {
  background: #0000;
  border: none;
  color: #00000073;
  cursor: pointer;
  flex: none;
  font-size: 12px;
  margin-left: 8px;
  margin-right: -4px;
}
.ant-tabs-tab-remove:hover {
  color: #000000d9;
}
.ant-tabs-tab:hover {
  color: #40a9ff;
}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #1890ff;
  text-shadow: 0 0 0.25px currentColor;
}
.ant-tabs-tab.ant-tabs-tab-disabled {
  color: #00000040;
  cursor: not-allowed;
}
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus {
  color: #00000040;
}
.ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0;
}
.ant-tabs-tab .anticon {
  margin-right: 12px;
}
.ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 32px;
}
.ant-tabs-content {
  display: flex;
  width: 100%;
}
.ant-tabs-content-holder {
  flex: auto;
  min-height: 0;
  min-width: 0;
}
.ant-tabs-content-animated {
  transition: margin 0.3s;
}
.ant-tabs-tabpane {
  flex: none;
  outline: none;
  width: 100%;
}
.ant-tag {
  font-feature-settings: "tnum";
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px;
  font-size: 12px;
  font-variant: tabular-nums;
  height: auto;
  line-height: 1.5715;
  line-height: 20px;
  list-style: none;
  margin: 0 8px 0 0;
  opacity: 1;
  padding: 0 7px;
  transition: all 0.3s;
  white-space: nowrap;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: #000000d9;
}
.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag-close-icon {
  color: #00000073;
  cursor: pointer;
  font-size: 10px;
  margin-left: 3px;
  transition: all 0.3s;
}
.ant-tag-close-icon:hover {
  color: #000000d9;
}
.ant-tag-has-color {
  border-color: #0000;
}
.ant-tag-has-color,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover,
.ant-tag-has-color a,
.ant-tag-has-color a:hover {
  color: #fff;
}
.ant-tag-checkable {
  background-color: initial;
  border-color: #0000;
  cursor: pointer;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #1890ff;
}
.ant-tag-checkable-checked,
.ant-tag-checkable:active {
  color: #fff;
}
.ant-tag-checkable-checked {
  background-color: #1890ff;
}
.ant-tag-checkable:active {
  background-color: #096dd9;
}
.ant-tag-hidden {
  display: none;
}
.ant-tag-pink {
  background: #fff0f6;
  border-color: #ffadd2;
  color: #c41d7f;
}
.ant-tag-pink-inverse {
  background: #eb2f96;
  border-color: #eb2f96;
  color: #fff;
}
.ant-tag-magenta {
  background: #fff0f6;
  border-color: #ffadd2;
  color: #c41d7f;
}
.ant-tag-magenta-inverse {
  background: #eb2f96;
  border-color: #eb2f96;
  color: #fff;
}
.ant-tag-red {
  background: #fff1f0;
  border-color: #ffa39e;
  color: #cf1322;
}
.ant-tag-red-inverse {
  background: #f5222d;
  border-color: #f5222d;
  color: #fff;
}
.ant-tag-volcano {
  background: #fff2e8;
  border-color: #ffbb96;
  color: #d4380d;
}
.ant-tag-volcano-inverse {
  background: #fa541c;
  border-color: #fa541c;
  color: #fff;
}
.ant-tag-orange {
  background: #fff7e6;
  border-color: #ffd591;
  color: #d46b08;
}
.ant-tag-orange-inverse {
  background: #fa8c16;
  border-color: #fa8c16;
  color: #fff;
}
.ant-tag-yellow {
  background: #feffe6;
  border-color: #fffb8f;
  color: #d4b106;
}
.ant-tag-yellow-inverse {
  background: #fadb14;
  border-color: #fadb14;
  color: #fff;
}
.ant-tag-gold {
  background: #fffbe6;
  border-color: #ffe58f;
  color: #d48806;
}
.ant-tag-gold-inverse {
  background: #faad14;
  border-color: #faad14;
  color: #fff;
}
.ant-tag-cyan {
  background: #e6fffb;
  border-color: #87e8de;
  color: #08979c;
}
.ant-tag-cyan-inverse {
  background: #13c2c2;
  border-color: #13c2c2;
  color: #fff;
}
.ant-tag-lime {
  background: #fcffe6;
  border-color: #eaff8f;
  color: #7cb305;
}
.ant-tag-lime-inverse {
  background: #a0d911;
  border-color: #a0d911;
  color: #fff;
}
.ant-tag-green {
  background: #f6ffed;
  border-color: #b7eb8f;
  color: #389e0d;
}
.ant-tag-green-inverse {
  background: #52c41a;
  border-color: #52c41a;
  color: #fff;
}
.ant-tag-blue {
  background: #e6f7ff;
  border-color: #91d5ff;
  color: #096dd9;
}
.ant-tag-blue-inverse {
  background: #1890ff;
  border-color: #1890ff;
  color: #fff;
}
.ant-tag-geekblue {
  background: #f0f5ff;
  border-color: #adc6ff;
  color: #1d39c4;
}
.ant-tag-geekblue-inverse {
  background: #2f54eb;
  border-color: #2f54eb;
  color: #fff;
}
.ant-tag-purple {
  background: #f9f0ff;
  border-color: #d3adf7;
  color: #531dab;
}
.ant-tag-purple-inverse {
  background: #722ed1;
  border-color: #722ed1;
  color: #fff;
}
.ant-tag-success {
  background: #f6ffed;
  border-color: #b7eb8f;
  color: #52c41a;
}
.ant-tag-processing {
  background: #e6f7ff;
  border-color: #91d5ff;
  color: #1890ff;
}
.ant-tag-error {
  background: #fff1f0;
  border-color: #ffa39e;
  color: #f5222d;
}
.ant-tag-warning {
  background: #fff7e6;
  border-color: #ffd591;
  color: #fa8c16;
}
.ant-tag > .anticon + span,
.ant-tag > span + .anticon {
  margin-left: 7px;
}
.ant-tag.ant-tag-rtl {
  direction: rtl;
  margin-left: 8px;
  margin-right: 0;
  text-align: right;
}
.ant-tag-rtl .ant-tag-close-icon {
  margin-left: 0;
  margin-right: 3px;
}
.ant-tag-rtl.ant-tag > .anticon + span,
.ant-tag-rtl.ant-tag > span + .anticon {
  margin-left: 0;
  margin-right: 7px;
}
.ant-timeline {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-timeline-item {
  font-size: 14px;
  list-style: none;
  margin: 0;
  padding-bottom: 20px;
  position: relative;
}
.ant-timeline-item-tail {
  border-left: 2px solid #f0f0f0;
  height: calc(100% - 10px);
  left: 4px;
  position: absolute;
  top: 10px;
}
.ant-timeline-item-pending .ant-timeline-item-head {
  background-color: initial;
  font-size: 12px;
}
.ant-timeline-item-pending .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-head {
  background-color: #fff;
  border: 2px solid #0000;
  border-radius: 100px;
  height: 10px;
  position: absolute;
  width: 10px;
}
.ant-timeline-item-head-blue {
  border-color: #1890ff;
  color: #1890ff;
}
.ant-timeline-item-head-red {
  border-color: #ff4d4f;
  color: #ff4d4f;
}
.ant-timeline-item-head-green {
  border-color: #52c41a;
  color: #52c41a;
}
.ant-timeline-item-head-gray {
  border-color: #00000040;
  color: #00000040;
}
.ant-timeline-item-head-custom {
  border: 0;
  border-radius: 0;
  height: auto;
  left: 5px;
  line-height: 1;
  margin-top: 0;
  padding: 3px 1px;
  position: absolute;
  text-align: center;
  top: 5.5px;
  transform: translate(-50%, -50%);
  width: auto;
}
.ant-timeline-item-content {
  margin: 0 0 0 26px;
  position: relative;
  top: -7.001px;
  word-break: break-word;
}
.ant-timeline-item-last > .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-last > .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail {
  left: 50%;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head {
  margin-left: -4px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
  margin-left: 1px;
}
.ant-timeline.ant-timeline-alternate
  .ant-timeline-item-left
  .ant-timeline-item-content,
.ant-timeline.ant-timeline-label
  .ant-timeline-item-left
  .ant-timeline-item-content,
.ant-timeline.ant-timeline-right
  .ant-timeline-item-left
  .ant-timeline-item-content {
  left: calc(50% - 4px);
  text-align: left;
  width: calc(50% - 14px);
}
.ant-timeline.ant-timeline-alternate
  .ant-timeline-item-right
  .ant-timeline-item-content,
.ant-timeline.ant-timeline-label
  .ant-timeline-item-right
  .ant-timeline-item-content,
.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-content {
  margin: 0;
  text-align: right;
  width: calc(50% - 12px);
}
.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-head,
.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-tail {
  left: calc(100% - 6px);
}
.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-content {
  width: calc(100% - 18px);
}
.ant-timeline.ant-timeline-pending
  .ant-timeline-item-last
  .ant-timeline-item-tail {
  border-left: 2px dotted #f0f0f0;
  display: block;
  height: calc(100% - 14px);
}
.ant-timeline.ant-timeline-reverse
  .ant-timeline-item-last
  .ant-timeline-item-tail {
  display: none;
}
.ant-timeline.ant-timeline-reverse
  .ant-timeline-item-pending
  .ant-timeline-item-tail {
  border-left: 2px dotted #f0f0f0;
  display: block;
  height: calc(100% - 15px);
  top: 15px;
}
.ant-timeline.ant-timeline-reverse
  .ant-timeline-item-pending
  .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-label .ant-timeline-item-label {
  position: absolute;
  text-align: right;
  top: -7.001px;
  width: calc(50% - 12px);
}
.ant-timeline.ant-timeline-label
  .ant-timeline-item-right
  .ant-timeline-item-label {
  left: calc(50% + 14px);
  text-align: left;
  width: calc(50% - 14px);
}
.ant-timeline-rtl {
  direction: rtl;
}
.ant-timeline-rtl .ant-timeline-item-tail {
  border-left: none;
  border-right: 2px solid #f0f0f0;
  left: auto;
  right: 4px;
}
.ant-timeline-rtl .ant-timeline-item-head-custom {
  left: auto;
  right: 5px;
  transform: translate(50%, -50%);
}
.ant-timeline-rtl .ant-timeline-item-content {
  margin: 0 18px 0 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate
  .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label
  .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right
  .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail {
  left: auto;
  right: 50%;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head {
  margin-left: 0;
  margin-right: -4px;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate
  .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label
  .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right
  .ant-timeline-item-head-custom {
  margin-left: 0;
  margin-right: 1px;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate
  .ant-timeline-item-left
  .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label
  .ant-timeline-item-left
  .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right
  .ant-timeline-item-left
  .ant-timeline-item-content {
  left: auto;
  right: calc(50% - 4px);
  text-align: right;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate
  .ant-timeline-item-right
  .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label
  .ant-timeline-item-right
  .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-content {
  text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-tail {
  left: auto;
  right: 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-right
  .ant-timeline-item-right
  .ant-timeline-item-content {
  margin-right: 18px;
  text-align: right;
  width: 100%;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-pending
  .ant-timeline-item-last
  .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-reverse
  .ant-timeline-item-pending
  .ant-timeline-item-tail {
  border-left: none;
  border-right: 2px dotted #f0f0f0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label {
  text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label
  .ant-timeline-item-right
  .ant-timeline-item-label {
  right: calc(50% + 14px);
  text-align: right;
}
.ant-tooltip {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  max-width: 250px;
  padding: 0;
  position: absolute;
  visibility: visible;
  width: -moz-max-content;
  width: max-content;
  z-index: 1070;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 8px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightBottom,
.ant-tooltip-placement-rightTop {
  padding-left: 8px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 8px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftBottom,
.ant-tooltip-placement-leftTop {
  padding-right: 8px;
}
.ant-tooltip-inner {
  word-wrap: break-word;
  background-color: #000000bf;
  border-radius: 2px;
  box-shadow:
    0 3px 6px -4px #0000001f,
    0 6px 16px 0 #00000014,
    0 9px 28px 8px #0000000d;
  color: #fff;
  min-height: 32px;
  min-width: 30px;
  padding: 6px 8px;
  text-align: left;
  text-decoration: none;
}
.ant-tooltip-arrow {
  background: #0000;
  display: block;
  height: 13.07106781px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: 13.07106781px;
}
.ant-tooltip-arrow-content {
  background-color: #000000bf;
  bottom: 0;
  content: "";
  display: block;
  height: 5px;
  left: 0;
  margin: auto;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: -5.07106781px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow-content,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
  box-shadow: 3px 3px 7px #00000012;
  transform: translateY(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  left: -5.07106781px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content {
  box-shadow: -3px 3px 7px #00000012;
  transform: translateX(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  right: -5.07106781px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content {
  box-shadow: 3px -3px 7px #00000012;
  transform: translateX(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: -5.07106781px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
  box-shadow: -3px -3px 7px #00000012;
  transform: translateY(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-magenta .ant-tooltip-arrow-content,
.ant-tooltip-magenta .ant-tooltip-inner,
.ant-tooltip-pink .ant-tooltip-arrow-content,
.ant-tooltip-pink .ant-tooltip-inner {
  background-color: #eb2f96;
}
.ant-tooltip-red .ant-tooltip-arrow-content,
.ant-tooltip-red .ant-tooltip-inner {
  background-color: #f5222d;
}
.ant-tooltip-volcano .ant-tooltip-arrow-content,
.ant-tooltip-volcano .ant-tooltip-inner {
  background-color: #fa541c;
}
.ant-tooltip-orange .ant-tooltip-arrow-content,
.ant-tooltip-orange .ant-tooltip-inner {
  background-color: #fa8c16;
}
.ant-tooltip-yellow .ant-tooltip-arrow-content,
.ant-tooltip-yellow .ant-tooltip-inner {
  background-color: #fadb14;
}
.ant-tooltip-gold .ant-tooltip-arrow-content,
.ant-tooltip-gold .ant-tooltip-inner {
  background-color: #faad14;
}
.ant-tooltip-cyan .ant-tooltip-arrow-content,
.ant-tooltip-cyan .ant-tooltip-inner {
  background-color: #13c2c2;
}
.ant-tooltip-lime .ant-tooltip-arrow-content,
.ant-tooltip-lime .ant-tooltip-inner {
  background-color: #a0d911;
}
.ant-tooltip-green .ant-tooltip-arrow-content,
.ant-tooltip-green .ant-tooltip-inner {
  background-color: #52c41a;
}
.ant-tooltip-blue .ant-tooltip-arrow-content,
.ant-tooltip-blue .ant-tooltip-inner {
  background-color: #1890ff;
}
.ant-tooltip-geekblue .ant-tooltip-arrow-content,
.ant-tooltip-geekblue .ant-tooltip-inner {
  background-color: #2f54eb;
}
.ant-tooltip-purple .ant-tooltip-arrow-content,
.ant-tooltip-purple .ant-tooltip-inner {
  background-color: #722ed1;
}
.ant-tooltip-rtl {
  direction: rtl;
}
.ant-tooltip-rtl .ant-tooltip-inner {
  text-align: right;
}
.ant-transfer-customize-list .ant-transfer-list {
  flex: 1 1 50%;
  height: auto;
  min-height: 200px;
  width: auto;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
  border: 0;
  border-radius: 0;
}
.ant-transfer-customize-list
  .ant-table-wrapper
  .ant-table-small
  .ant-table-selection-column {
  min-width: 40px;
  width: 40px;
}
.ant-transfer-customize-list
  .ant-table-wrapper
  .ant-table-small
  > .ant-table-content
  > .ant-table-body
  > table
  > .ant-table-thead
  > tr
  > th {
  background: #fafafa;
}
.ant-transfer-customize-list
  .ant-table-wrapper
  .ant-table-small
  > .ant-table-content
  .ant-table-row:last-child
  td {
  border-bottom: 1px solid #f0f0f0;
}
.ant-transfer-customize-list
  .ant-table-wrapper
  .ant-table-small
  .ant-table-body {
  margin: 0;
}
.ant-transfer-customize-list
  .ant-table-wrapper
  .ant-table-pagination.ant-pagination {
  margin: 16px 0 4px;
}
.ant-transfer-customize-list .ant-input[disabled] {
  background-color: initial;
}
.ant-transfer {
  font-feature-settings: "tnum";
  align-items: stretch;
  box-sizing: border-box;
  color: #000000d9;
  display: flex;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.ant-transfer-disabled .ant-transfer-list {
  background: #f5f5f5;
}
.ant-transfer-list {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  height: 200px;
  width: 180px;
}
.ant-transfer-list-with-pagination {
  height: auto;
  width: 250px;
}
.ant-transfer-list-search {
  padding-left: 8px;
  padding-right: 24px;
}
.ant-transfer-list-search-action {
  bottom: 12px;
  color: #00000040;
  line-height: 32px;
  position: absolute;
  right: 12px;
  text-align: center;
  top: 12px;
  width: 28px;
}
.ant-transfer-list-search-action .anticon {
  color: #00000040;
  transition: all 0.3s;
}
.ant-transfer-list-search-action .anticon:hover {
  color: #00000073;
}
span.ant-transfer-list-search-action {
  pointer-events: none;
}
.ant-transfer-list-header {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
  color: #000000d9;
  display: flex;
  flex: none;
  height: 40px;
  padding: 8px 12px 9px;
}
.ant-transfer-list-header > :not(:last-child) {
  margin-right: 4px;
}
.ant-transfer-list-header > * {
  flex: none;
}
.ant-transfer-list-header-title {
  flex: auto;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-transfer-list-header-dropdown {
  cursor: pointer;
  font-size: 10px;
  transform: translateY(10%);
}
.ant-transfer-list-header-dropdown[disabled] {
  cursor: not-allowed;
}
.ant-transfer-list-body {
  display: flex;
  flex: auto;
  flex-direction: column;
  font-size: 14px;
  overflow: hidden;
}
.ant-transfer-list-body-search-wrapper {
  flex: none;
  padding: 12px;
  position: relative;
}
.ant-transfer-list-content {
  flex: auto;
  list-style: none;
  margin: 0;
  overflow: auto;
  padding: 0;
}
.ant-transfer-list-content-item {
  align-items: center;
  display: flex;
  line-height: 20px;
  min-height: 32px;
  padding: 6px 12px;
  transition: all 0.3s;
}
.ant-transfer-list-content-item > :not(:last-child) {
  margin-right: 8px;
}
.ant-transfer-list-content-item > * {
  flex: none;
}
.ant-transfer-list-content-item-text {
  flex: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-transfer-list-content-item-remove {
  color: #1890ff;
  color: #d9d9d9;
  cursor: pointer;
  outline: none;
  position: relative;
  text-decoration: none;
  transition: color 0.3s;
}
.ant-transfer-list-content-item-remove:focus,
.ant-transfer-list-content-item-remove:hover {
  color: #40a9ff;
}
.ant-transfer-list-content-item-remove:active {
  color: #096dd9;
}
.ant-transfer-list-content-item-remove:after {
  bottom: -6px;
  content: "";
  left: -50%;
  position: absolute;
  right: -50%;
  top: -6px;
}
.ant-transfer-list-content-item-remove:hover {
  color: #40a9ff;
}
.ant-transfer-list-content-item:not(
    .ant-transfer-list-content-item-disabled
  ):hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.ant-transfer-list-content-item:not(
    .ant-transfer-list-content-item-disabled
  ).ant-transfer-list-content-item-checked:hover {
  background-color: #dcf4ff;
}
.ant-transfer-list-content-show-remove
  .ant-transfer-list-content-item:not(
    .ant-transfer-list-content-item-disabled
  ):hover {
  background: #0000;
  cursor: default;
}
.ant-transfer-list-content-item-checked {
  background-color: #e6f7ff;
}
.ant-transfer-list-content-item-disabled {
  color: #00000040;
  cursor: not-allowed;
}
.ant-transfer-list-pagination {
  border-top: 1px solid #f0f0f0;
  padding: 8px 0;
  text-align: right;
}
.ant-transfer-list-body-not-found {
  color: #00000040;
  flex: none;
  margin: auto 0;
  text-align: center;
  width: 100%;
}
.ant-transfer-list-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-transfer-operation {
  align-self: center;
  display: flex;
  flex: none;
  flex-direction: column;
  margin: 0 8px;
  vertical-align: middle;
}
.ant-transfer-operation .ant-btn {
  display: block;
}
.ant-transfer-operation .ant-btn:first-child {
  margin-bottom: 4px;
}
.ant-transfer-operation .ant-btn .anticon {
  font-size: 12px;
}
.ant-transfer .ant-empty-image {
  max-height: -2px;
}
.ant-transfer-rtl {
  direction: rtl;
}
.ant-transfer-rtl .ant-transfer-list-search {
  padding-left: 24px;
  padding-right: 8px;
}
.ant-transfer-rtl .ant-transfer-list-search-action {
  left: 12px;
  right: auto;
}
.ant-transfer-rtl .ant-transfer-list-header > :not(:last-child) {
  margin-left: 4px;
  margin-right: 0;
}
.ant-transfer-rtl .ant-transfer-list-header {
  left: auto;
  right: 0;
}
.ant-transfer-rtl .ant-transfer-list-header-title {
  text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-content-item > :not(:last-child) {
  margin-left: 8px;
  margin-right: 0;
}
.ant-transfer-rtl .ant-transfer-list-pagination {
  text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-footer {
  left: auto;
  right: 0;
}
.ant-select-tree-checkbox {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  line-height: 1;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  top: 0.2em;
  white-space: nowrap;
}
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner {
  border-color: #1890ff;
}
.ant-select-tree-checkbox-checked:after {
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  border: 1px solid #1890ff;
  border-radius: 2px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
}
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox:after,
.ant-select-tree-checkbox:hover:after {
  visibility: visible;
}
.ant-select-tree-checkbox-inner {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-collapse: initial;
  border-radius: 2px;
  direction: ltr;
  display: block;
  height: 16px;
  left: 0;
  position: relative;
  top: 0;
  transition: all 0.3s;
  width: 16px;
}
.ant-select-tree-checkbox-inner:after {
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  content: " ";
  display: table;
  height: 9.14285714px;
  left: 21.5%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  transition:
    all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6),
    opacity 0.1s;
  width: 5.71428571px;
}
.ant-select-tree-checkbox-input {
  bottom: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  content: " ";
  display: table;
  opacity: 1;
  position: absolute;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-select-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked
  .ant-select-tree-checkbox-inner:after {
  animation-name: none;
  border-color: #00000040;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after {
  animation-name: none;
  border-collapse: initial;
  border-color: #f5f5f5;
}
.ant-select-tree-checkbox-disabled + span {
  color: #00000040;
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled:hover:after,
.ant-select-tree-checkbox-wrapper:hover
  .ant-select-tree-checkbox-disabled:after {
  visibility: hidden;
}
.ant-select-tree-checkbox-wrapper {
  font-feature-settings: "tnum";
  align-items: baseline;
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  line-height: inherit;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-select-tree-checkbox-wrapper:after {
  content: "\a0";
  display: inline-block;
  overflow: hidden;
  width: 0;
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-select-tree-checkbox + span {
  padding-left: 8px;
  padding-right: 8px;
}
.ant-select-tree-checkbox-group {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-select-tree-checkbox-group-item {
  margin-right: 8px;
}
.ant-select-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner:after {
  background-color: #1890ff;
  border: 0;
  content: " ";
  height: 8px;
  left: 50%;
  opacity: 1;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 8px;
}
.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled
  .ant-select-tree-checkbox-inner:after {
  background-color: #00000040;
  border-color: #00000040;
}
.ant-tree-select-dropdown {
  padding: 8px 4px 0;
}
.ant-tree-select-dropdown-rtl {
  direction: rtl;
}
.ant-tree-select-dropdown .ant-select-tree {
  border-radius: 0;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner {
  align-items: stretch;
}
.ant-tree-select-dropdown
  .ant-select-tree-list-holder-inner
  .ant-select-tree-treenode {
  padding-bottom: 8px;
}
.ant-tree-select-dropdown
  .ant-select-tree-list-holder-inner
  .ant-select-tree-treenode
  .ant-select-tree-node-content-wrapper {
  flex: auto;
}
.ant-select-tree {
  font-feature-settings: "tnum";
  background: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: background-color 0.3s;
}
.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
  background: #e6f7ff;
}
.ant-select-tree-list-holder-inner {
  align-items: flex-start;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner {
  align-items: stretch;
}
.ant-select-tree.ant-select-tree-block-node
  .ant-select-tree-list-holder-inner
  .ant-select-tree-node-content-wrapper {
  flex: auto;
}
.ant-select-tree .ant-select-tree-treenode {
  align-items: flex-start;
  display: flex;
  outline: none;
  padding: 0 0 4px;
}
.ant-select-tree
  .ant-select-tree-treenode-disabled
  .ant-select-tree-node-content-wrapper {
  color: #00000040;
  cursor: not-allowed;
}
.ant-select-tree
  .ant-select-tree-treenode-disabled
  .ant-select-tree-node-content-wrapper:hover {
  background: #0000;
}
.ant-select-tree
  .ant-select-tree-treenode-active
  .ant-select-tree-node-content-wrapper {
  background: #f5f5f5;
}
.ant-select-tree
  .ant-select-tree-treenode:not(
    .ant-select-tree .ant-select-tree-treenode-disabled
  ).filter-node
  .ant-select-tree-title {
  color: inherit;
  font-weight: 500;
}
.ant-select-tree-indent {
  align-self: stretch;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.ant-select-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.ant-select-tree-switcher {
  align-self: stretch;
  cursor: pointer;
  flex: none;
  line-height: 24px;
  margin: 0;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 24px;
}
.ant-select-tree-switcher .ant-select-tree-switcher-icon,
.ant-select-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: initial;
}
.ant-select-tree-switcher .ant-select-tree-switcher-icon svg,
.ant-select-tree-switcher .ant-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-select-tree-switcher-noop {
  cursor: default;
}
.ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-select-tree-switcher-loading-icon {
  color: #1890ff;
}
.ant-select-tree-switcher-leaf-line {
  display: inline-block;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}
.ant-select-tree-switcher-leaf-line:before {
  border-left: 1px solid #d9d9d9;
  bottom: -4px;
  content: " ";
  margin-left: -1px;
  position: absolute;
  top: 0;
}
.ant-select-tree-switcher-leaf-line:after {
  border-bottom: 1px solid #d9d9d9;
  content: " ";
  height: 14px;
  margin-left: -1px;
  position: absolute;
  width: 10px;
}
.ant-select-tree-checkbox {
  margin: 4px 8px 0 0;
  top: auto;
}
.ant-select-tree .ant-select-tree-node-content-wrapper {
  background: #0000;
  border-radius: 2px;
  color: inherit;
  cursor: pointer;
  line-height: 24px;
  margin: 0;
  min-height: 24px;
  padding: 0 4px;
  position: relative;
  transition:
    all 0.3s,
    border 0s,
    line-height 0s,
    box-shadow 0s;
  z-index: auto;
}
.ant-select-tree .ant-select-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-select-tree
  .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: #bae7ff;
}
.ant-select-tree
  .ant-select-tree-node-content-wrapper
  .ant-select-tree-iconEle {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  width: 24px;
}
.ant-select-tree
  .ant-select-tree-node-content-wrapper
  .ant-select-tree-iconEle:empty {
  display: none;
}
.ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover {
  background-color: initial;
}
.ant-select-tree-node-content-wrapper[draggable="true"] {
  line-height: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-select-tree-node-content-wrapper[draggable="true"]
  .ant-tree-drop-indicator {
  background-color: #1890ff;
  border-radius: 1px;
  height: 2px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.ant-select-tree-node-content-wrapper[draggable="true"]
  .ant-tree-drop-indicator:after {
  background-color: initial;
  border: 2px solid #1890ff;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: -6px;
  position: absolute;
  top: -3px;
  width: 8px;
}
.ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px #1890ff;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit {
  height: 100%;
  position: relative;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit:before {
  border-right: 1px solid #d9d9d9;
  bottom: -4px;
  content: "";
  position: absolute;
  right: 12px;
  top: 0;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit-end:before {
  display: none;
}
.ant-select-tree-show-line .ant-select-tree-switcher {
  background: #fff;
}
.ant-select-tree-show-line .ant-select-tree-switcher-line-icon {
  vertical-align: -0.225em;
}
.ant-tree-select-dropdown-rtl
  .ant-select-tree
  .ant-select-tree-switcher_close
  .ant-select-tree-switcher-icon
  svg {
  transform: rotate(90deg);
}
.ant-tree-select-dropdown-rtl
  .ant-select-tree
  .ant-select-tree-switcher-loading-icon {
  transform: scaleY(-1);
}
@keyframes antCheckboxEffect {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.6);
  }
}
.ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line:before {
  bottom: auto !important;
  height: 14px !important;
  top: auto !important;
}
.ant-tree.ant-tree-directory .ant-tree-treenode {
  position: relative;
}
.ant-tree.ant-tree-directory .ant-tree-treenode:before {
  bottom: 4px;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-color 0.3s;
}
.ant-tree.ant-tree-directory .ant-tree-treenode:hover:before {
  background: #f5f5f5;
}
.ant-tree.ant-tree-directory .ant-tree-treenode > * {
  z-index: 1;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
  transition: color 0.3s;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-tree.ant-tree-directory
  .ant-tree-treenode
  .ant-tree-node-content-wrapper:hover {
  background: #0000;
}
.ant-tree.ant-tree-directory
  .ant-tree-treenode
  .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background: #0000;
  color: #fff;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected:before,
.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover:before {
  background: #1890ff;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
  color: #fff;
}
.ant-tree.ant-tree-directory
  .ant-tree-treenode-selected
  .ant-tree-node-content-wrapper {
  background: #0000;
  color: #fff;
}
.ant-tree-checkbox {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  line-height: 1;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  top: 0.2em;
  white-space: nowrap;
}
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner {
  border-color: #1890ff;
}
.ant-tree-checkbox-checked:after {
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  border: 1px solid #1890ff;
  border-radius: 2px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox:after,
.ant-tree-checkbox:hover:after {
  visibility: visible;
}
.ant-tree-checkbox-inner {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-collapse: initial;
  border-radius: 2px;
  direction: ltr;
  display: block;
  height: 16px;
  left: 0;
  position: relative;
  top: 0;
  transition: all 0.3s;
  width: 16px;
}
.ant-tree-checkbox-inner:after {
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  content: " ";
  display: table;
  height: 9.14285714px;
  left: 21.5%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  transition:
    all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6),
    opacity 0.1s;
  width: 5.71428571px;
}
.ant-tree-checkbox-input {
  bottom: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  content: " ";
  display: table;
  opacity: 1;
  position: absolute;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked
  .ant-tree-checkbox-inner:after {
  animation-name: none;
  border-color: #00000040;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after {
  animation-name: none;
  border-collapse: initial;
  border-color: #f5f5f5;
}
.ant-tree-checkbox-disabled + span {
  color: #00000040;
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled:hover:after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled:after {
  visibility: hidden;
}
.ant-tree-checkbox-wrapper {
  font-feature-settings: "tnum";
  align-items: baseline;
  box-sizing: border-box;
  color: #000000d9;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  line-height: inherit;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-tree-checkbox-wrapper:after {
  content: "\a0";
  display: inline-block;
  overflow: hidden;
  width: 0;
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-tree-checkbox + span {
  padding-left: 8px;
  padding-right: 8px;
}
.ant-tree-checkbox-group {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: inline-block;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-tree-checkbox-group-item {
  margin-right: 8px;
}
.ant-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner:after {
  background-color: #1890ff;
  border: 0;
  content: " ";
  height: 8px;
  left: 50%;
  opacity: 1;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 8px;
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled
  .ant-tree-checkbox-inner:after {
  background-color: #00000040;
  border-color: #00000040;
}
.ant-tree {
  font-feature-settings: "tnum";
  background: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: background-color 0.3s;
}
.ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
  background: #e6f7ff;
}
.ant-tree-list-holder-inner {
  align-items: flex-start;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
  align-items: stretch;
}
.ant-tree.ant-tree-block-node
  .ant-tree-list-holder-inner
  .ant-tree-node-content-wrapper {
  flex: auto;
}
.ant-tree .ant-tree-treenode {
  align-items: flex-start;
  display: flex;
  outline: none;
  padding: 0 0 4px;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
  color: #00000040;
  cursor: not-allowed;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
  background: #0000;
}
.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
  background: #f5f5f5;
}
.ant-tree
  .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node
  .ant-tree-title {
  color: inherit;
  font-weight: 500;
}
.ant-tree-indent {
  align-self: stretch;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.ant-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.ant-tree-switcher {
  align-self: stretch;
  cursor: pointer;
  flex: none;
  line-height: 24px;
  margin: 0;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 24px;
}
.ant-tree-switcher .ant-select-tree-switcher-icon,
.ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: initial;
}
.ant-tree-switcher .ant-select-tree-switcher-icon svg,
.ant-tree-switcher .ant-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree-switcher-noop {
  cursor: default;
}
.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-tree-switcher-loading-icon {
  color: #1890ff;
}
.ant-tree-switcher-leaf-line {
  display: inline-block;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}
.ant-tree-switcher-leaf-line:before {
  border-left: 1px solid #d9d9d9;
  bottom: -4px;
  content: " ";
  margin-left: -1px;
  position: absolute;
  top: 0;
}
.ant-tree-switcher-leaf-line:after {
  border-bottom: 1px solid #d9d9d9;
  content: " ";
  height: 14px;
  margin-left: -1px;
  position: absolute;
  width: 10px;
}
.ant-tree-checkbox {
  margin: 4px 8px 0 0;
  top: auto;
}
.ant-tree .ant-tree-node-content-wrapper {
  background: #0000;
  border-radius: 2px;
  color: inherit;
  cursor: pointer;
  line-height: 24px;
  margin: 0;
  min-height: 24px;
  padding: 0 4px;
  position: relative;
  transition:
    all 0.3s,
    border 0s,
    line-height 0s,
    box-shadow 0s;
  z-index: auto;
}
.ant-tree .ant-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #bae7ff;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  width: 24px;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty {
  display: none;
}
.ant-tree-unselectable .ant-tree-node-content-wrapper:hover {
  background-color: initial;
}
.ant-tree-node-content-wrapper[draggable="true"] {
  line-height: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-tree-node-content-wrapper[draggable="true"] .ant-tree-drop-indicator {
  background-color: #1890ff;
  border-radius: 1px;
  height: 2px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.ant-tree-node-content-wrapper[draggable="true"]
  .ant-tree-drop-indicator:after {
  background-color: initial;
  border: 2px solid #1890ff;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: -6px;
  position: absolute;
  top: -3px;
  width: 8px;
}
.ant-tree .ant-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px #1890ff;
}
.ant-tree-show-line .ant-tree-indent-unit {
  height: 100%;
  position: relative;
}
.ant-tree-show-line .ant-tree-indent-unit:before {
  border-right: 1px solid #d9d9d9;
  bottom: -4px;
  content: "";
  position: absolute;
  right: 12px;
  top: 0;
}
.ant-tree-show-line .ant-tree-indent-unit-end:before {
  display: none;
}
.ant-tree-show-line .ant-tree-switcher {
  background: #fff;
}
.ant-tree-show-line .ant-tree-switcher-line-icon {
  vertical-align: -0.225em;
}
.ant-tree-rtl {
  direction: rtl;
}
.ant-tree-rtl
  .ant-tree-node-content-wrapper[draggable="true"]
  .ant-tree-drop-indicator:after {
  left: auto;
  right: -6px;
}
.ant-tree .ant-tree-treenode-rtl {
  direction: rtl;
}
.ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(90deg);
}
.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit:before {
  border-left: 1px solid #d9d9d9;
  border-right: none;
  left: -13px;
  right: auto;
}
.ant-tree-rtl.ant-tree-checkbox,
.ant-tree-select-dropdown-rtl .ant-select-tree-checkbox {
  margin: 4px 0 0 8px;
}
.ant-typography {
  color: #000000d9;
  overflow-wrap: break-word;
}
.ant-typography.ant-typography-secondary {
  color: #00000073;
}
.ant-typography.ant-typography-success {
  color: #52c41a;
}
.ant-typography.ant-typography-warning {
  color: #faad14;
}
.ant-typography.ant-typography-danger {
  color: #ff4d4f;
}
a.ant-typography.ant-typography-danger:active,
a.ant-typography.ant-typography-danger:focus,
a.ant-typography.ant-typography-danger:hover {
  color: #ff7875;
}
.ant-typography.ant-typography-disabled {
  color: #00000040;
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-typography p,
div.ant-typography {
  margin-bottom: 1em;
}
.ant-typography h1,
h1.ant-typography {
  color: #000000d9;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.23;
  margin-bottom: 0.5em;
}
.ant-typography h2,
h2.ant-typography {
  color: #000000d9;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.35;
  margin-bottom: 0.5em;
}
.ant-typography h3,
h3.ant-typography {
  color: #000000d9;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.35;
  margin-bottom: 0.5em;
}
.ant-typography h4,
h4.ant-typography {
  color: #000000d9;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0.5em;
}
.ant-typography h5,
h5.ant-typography {
  color: #000000d9;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0.5em;
}
.ant-typography div + h1,
.ant-typography div + h2,
.ant-typography div + h3,
.ant-typography div + h4,
.ant-typography div + h5,
.ant-typography h1 + h1,
.ant-typography h1 + h2,
.ant-typography h1 + h3,
.ant-typography h1 + h4,
.ant-typography h1 + h5,
.ant-typography h2 + h1,
.ant-typography h2 + h2,
.ant-typography h2 + h3,
.ant-typography h2 + h4,
.ant-typography h2 + h5,
.ant-typography h3 + h1,
.ant-typography h3 + h2,
.ant-typography h3 + h3,
.ant-typography h3 + h4,
.ant-typography h3 + h5,
.ant-typography h4 + h1,
.ant-typography h4 + h2,
.ant-typography h4 + h3,
.ant-typography h4 + h4,
.ant-typography h4 + h5,
.ant-typography h5 + h1,
.ant-typography h5 + h2,
.ant-typography h5 + h3,
.ant-typography h5 + h4,
.ant-typography h5 + h5,
.ant-typography li + h1,
.ant-typography li + h2,
.ant-typography li + h3,
.ant-typography li + h4,
.ant-typography li + h5,
.ant-typography p + h1,
.ant-typography p + h2,
.ant-typography p + h3,
.ant-typography p + h4,
.ant-typography p + h5,
.ant-typography ul + h1,
.ant-typography ul + h2,
.ant-typography ul + h3,
.ant-typography ul + h4,
.ant-typography ul + h5,
.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography,
.ant-typography + h5.ant-typography {
  margin-top: 1.2em;
}
a.ant-typography-ellipsis,
span.ant-typography-ellipsis {
  display: inline-block;
  max-width: 100%;
}
.ant-typography a,
a.ant-typography {
  color: #1890ff;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  transition: color 0.3s;
}
.ant-typography a:focus,
.ant-typography a:hover,
a.ant-typography:focus,
a.ant-typography:hover {
  color: #40a9ff;
}
.ant-typography a:active,
a.ant-typography:active {
  color: #096dd9;
}
.ant-typography a:active,
.ant-typography a:hover,
a.ant-typography:active,
a.ant-typography:hover {
  text-decoration: none;
}
.ant-typography a.ant-typography-disabled,
.ant-typography a[disabled],
a.ant-typography.ant-typography-disabled,
a.ant-typography[disabled] {
  color: #00000040;
  cursor: not-allowed;
}
.ant-typography a.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:hover,
.ant-typography a[disabled]:active,
.ant-typography a[disabled]:hover,
a.ant-typography.ant-typography-disabled:active,
a.ant-typography.ant-typography-disabled:hover,
a.ant-typography[disabled]:active,
a.ant-typography[disabled]:hover {
  color: #00000040;
}
.ant-typography a.ant-typography-disabled:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
a.ant-typography[disabled]:active {
  pointer-events: none;
}
.ant-typography code {
  background: #9696961a;
  border: 1px solid #64646433;
  border-radius: 3px;
  font-size: 85%;
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
}
.ant-typography kbd {
  background: #9696960f;
  border: solid #64646433;
  border-radius: 3px;
  border-width: 1px 1px 2px;
  font-size: 90%;
  margin: 0 0.2em;
  padding: 0.15em 0.4em 0.1em;
}
.ant-typography mark {
  background-color: #ffe58f;
  padding: 0;
}
.ant-typography ins,
.ant-typography u {
  -webkit-text-decoration-skip: ink;
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}
.ant-typography del,
.ant-typography s {
  text-decoration: line-through;
}
.ant-typography strong {
  font-weight: 600;
}
.ant-typography-copy,
.ant-typography-edit,
.ant-typography-expand {
  color: #1890ff;
  cursor: pointer;
  margin-left: 4px;
  outline: none;
  text-decoration: none;
  transition: color 0.3s;
}
.ant-typography-copy:focus,
.ant-typography-copy:hover,
.ant-typography-edit:focus,
.ant-typography-edit:hover,
.ant-typography-expand:focus,
.ant-typography-expand:hover {
  color: #40a9ff;
}
.ant-typography-copy:active,
.ant-typography-edit:active,
.ant-typography-expand:active {
  color: #096dd9;
}
.ant-typography-copy-success,
.ant-typography-copy-success:focus,
.ant-typography-copy-success:hover {
  color: #52c41a;
}
.ant-typography-edit-content {
  position: relative;
}
div.ant-typography-edit-content {
  left: -12px;
  margin-bottom: calc(1em - 5px);
  margin-top: -5px;
}
.ant-typography-edit-content-confirm {
  bottom: 8px;
  color: #00000073;
  pointer-events: none;
  position: absolute;
  right: 10px;
}
.ant-typography-edit-content textarea {
  -moz-transition: none;
}
.ant-typography ol,
.ant-typography ul {
  margin: 0 0 1em;
  padding: 0;
}
.ant-typography ol li,
.ant-typography ul li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.ant-typography ul {
  list-style-type: circle;
}
.ant-typography ul ul {
  list-style-type: disc;
}
.ant-typography ol {
  list-style-type: decimal;
}
.ant-typography blockquote,
.ant-typography pre {
  margin: 1em 0;
}
.ant-typography pre {
  word-wrap: break-word;
  background: #9696961a;
  border: 1px solid #64646433;
  border-radius: 3px;
  padding: 0.4em 0.6em;
  white-space: pre-wrap;
}
.ant-typography pre code {
  background: #0000;
  border: 0;
  display: inline;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  padding: 0;
}
.ant-typography blockquote {
  border-left: 4px solid #64646433;
  opacity: 0.85;
  padding: 0 0 0 0.6em;
}
.ant-typography-single-line {
  white-space: nowrap;
}
.ant-typography-ellipsis-single-line {
  overflow: hidden;
  text-overflow: ellipsis;
}
a.ant-typography-ellipsis-single-line,
span.ant-typography-ellipsis-single-line {
  vertical-align: bottom;
}
.ant-typography-ellipsis-multiple-line {
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.ant-typography-rtl {
  direction: rtl;
}
.ant-typography-rtl .ant-typography-copy,
.ant-typography-rtl .ant-typography-edit,
.ant-typography-rtl .ant-typography-expand {
  margin-left: 0;
  margin-right: 4px;
}
.ant-typography-rtl .ant-typography-expand {
  float: left;
}
div.ant-typography-edit-content.ant-typography-rtl {
  left: auto;
  right: -12px;
}
.ant-typography-rtl .ant-typography-edit-content-confirm {
  left: 10px;
  right: auto;
}
.ant-typography-rtl.ant-typography ol li,
.ant-typography-rtl.ant-typography ul li {
  margin: 0 20px 0 0;
  padding: 0 4px 0 0;
}
.ant-upload {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  outline: 0;
  padding: 0;
}
.ant-upload p {
  margin: 0;
}
.ant-upload-btn {
  display: block;
  outline: none;
  width: 100%;
}
.ant-upload input[type="file"] {
  cursor: pointer;
}
.ant-upload.ant-upload-select {
  display: inline-block;
}
.ant-upload.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-select-picture-card {
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
  height: 104px;
  margin-bottom: 8px;
  margin-right: 8px;
  text-align: center;
  transition: border-color 0.3s;
  vertical-align: top;
  width: 104px;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #1890ff;
}
.ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #d9d9d9;
}
.ant-upload.ant-upload-drag {
  background: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
  height: 100%;
  position: relative;
  text-align: center;
  transition: border-color 0.3s;
  width: 100%;
}
.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: #096dd9;
}
.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #40a9ff;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 20px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #40a9ff;
  font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  color: #000000d9;
  font-size: 16px;
  margin: 0 0 4px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: #00000073;
  font-size: 14px;
}
.ant-upload.ant-upload-drag .anticon-plus {
  color: #00000040;
  font-size: 30px;
  transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover,
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: #00000073;
}
.ant-upload-picture-card-wrapper {
  display: inline-block;
  width: 100%;
}
.ant-upload-picture-card-wrapper:before {
  content: "";
  display: table;
}
.ant-upload-picture-card-wrapper:after {
  clear: both;
  content: "";
  display: table;
}
.ant-upload-list {
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-upload-list:after,
.ant-upload-list:before {
  content: "";
  display: table;
}
.ant-upload-list:after {
  clear: both;
}
.ant-upload-list-item {
  font-size: 14px;
  height: 22.001px;
  margin-top: 8px;
  position: relative;
}
.ant-upload-list-item-name {
  display: inline-block;
  line-height: 1.5715;
  overflow: hidden;
  padding-left: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.ant-upload-list-item-card-actions {
  position: absolute;
  right: 0;
}
.ant-upload-list-item-card-actions-btn {
  opacity: 0;
}
.ant-upload-list-item-card-actions-btn.ant-btn-sm {
  height: 20px;
  line-height: 1;
}
.ant-upload-list-item-card-actions.picture {
  line-height: 0;
  top: 22px;
}
.ant-upload-list-item-card-actions-btn:focus,
.ant-upload-list-item-card-actions.picture
  .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-card-actions .anticon {
  color: #00000073;
}
.ant-upload-list-item-info {
  height: 100%;
  padding: 0 4px;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
  display: block;
  height: 100%;
  width: 100%;
}
.ant-upload-list-item-info .ant-upload-text-icon .anticon,
.ant-upload-list-item-info .anticon-loading .anticon {
  color: #00000073;
  font-size: 14px;
  position: absolute;
  top: 5px;
}
.ant-upload-list-item .anticon-close {
  color: #00000073;
  cursor: pointer;
  font-size: 10px;
  line-height: 0;
  opacity: 0;
  position: absolute;
  right: 4px;
  top: 6px;
  transition: all 0.3s;
}
.ant-upload-list-item .anticon-close:hover {
  color: #000000d9;
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #f5f5f5;
}
.ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn,
.ant-upload-list-item:hover .anticon-close {
  opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon,
.ant-upload-list-item-error .ant-upload-list-item-name,
.ant-upload-list-item-error .ant-upload-text-icon > .anticon {
  color: #ff4d4f;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-progress {
  bottom: -12px;
  font-size: 14px;
  line-height: 0;
  padding-left: 26px;
  position: absolute;
  width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  height: 66px;
  padding: 8px;
  position: relative;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: #0000;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #ff4d4f;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card
  .ant-upload-list-item:hover
  .ant-upload-list-item-info {
  background: #0000;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  height: 48px;
  line-height: 54px;
  opacity: 0.8;
  text-align: center;
  width: 48px;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
  font-size: 26px;
}
.ant-upload-list-picture
  .ant-upload-list-item-error
  .ant-upload-list-item-thumbnail
  .anticon
  svg
  path[fill="#e6f7ff"],
.ant-upload-list-picture-card
  .ant-upload-list-item-error
  .ant-upload-list-item-thumbnail
  .anticon
  svg
  path[fill="#e6f7ff"] {
  fill: #fff2f0;
}
.ant-upload-list-picture
  .ant-upload-list-item-error
  .ant-upload-list-item-thumbnail
  .anticon
  svg
  path[fill="#1890ff"],
.ant-upload-list-picture-card
  .ant-upload-list-item-error
  .ant-upload-list-item-thumbnail
  .anticon
  svg
  path[fill="#1890ff"] {
  fill: #ff4d4f;
}
.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  font-size: 26px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ant-upload-list-picture .ant-upload-list-item-icon .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
  font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
  max-width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  height: 48px;
  overflow: hidden;
  width: 48px;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  box-sizing: border-box;
  display: inline-block;
  line-height: 44px;
  margin: 0 0 0 8px;
  max-width: 100%;
  overflow: hidden;
  padding-left: 48px;
  padding-right: 8px;
  text-overflow: ellipsis;
  transition: all 0.3s;
  white-space: nowrap;
}
.ant-upload-list-picture
  .ant-upload-list-item-uploading
  .ant-upload-list-item-name,
.ant-upload-list-picture-card
  .ant-upload-list-item-uploading
  .ant-upload-list-item-name {
  line-height: 28px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  margin-top: 0;
  padding-left: 56px;
  width: calc(100% - 24px);
}
.ant-upload-list-picture .anticon-close,
.ant-upload-list-picture-card .anticon-close {
  line-height: 1;
  opacity: 1;
  position: absolute;
  right: 8px;
  top: 8px;
}
.ant-upload-list-picture-card-container {
  display: inline-block;
  height: 104px;
  margin: 0 8px 8px 0;
  vertical-align: top;
  width: 104px;
}
.ant-upload-list-picture-card.ant-upload-list:after {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item {
  height: 100%;
  margin: 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:before {
  background-color: #00000080;
  content: " ";
  height: 100%;
  opacity: 0;
  position: absolute;
  transition: all 0.3s;
  width: 100%;
  z-index: 1;
}
.ant-upload-list-picture-card
  .ant-upload-list-item:hover
  .ant-upload-list-item-info:before {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  white-space: nowrap;
  z-index: 10;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye {
  color: #ffffffd9;
  cursor: pointer;
  font-size: 16px;
  margin: 0 4px;
  transition: all 0.3s;
  width: 16px;
  z-index: 10;
}
.ant-upload-list-picture-card
  .ant-upload-list-item-actions
  .anticon-delete:hover,
.ant-upload-list-picture-card
  .ant-upload-list-item-actions
  .anticon-download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover {
  color: #fff;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover,
.ant-upload-list-picture-card
  .ant-upload-list-item-info:hover
  + .ant-upload-list-item-actions {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  position: static;
  width: 100%;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  line-height: 1.5715;
  margin: 8px 0 0;
  padding: 0;
  text-align: center;
}
.ant-upload-list-picture-card
  .ant-upload-list-item-file
  + .ant-upload-list-item-name {
  bottom: 10px;
  display: block;
  position: absolute;
}
.ant-upload-list-picture-card
  .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa;
}
.ant-upload-list-picture-card
  .ant-upload-list-item-uploading
  .ant-upload-list-item-info {
  height: auto;
}
.ant-upload-list-picture-card
  .ant-upload-list-item-uploading
  .ant-upload-list-item-info
  .anticon-delete,
.ant-upload-list-picture-card
  .ant-upload-list-item-uploading
  .ant-upload-list-item-info
  .anticon-eye,
.ant-upload-list-picture-card
  .ant-upload-list-item-uploading
  .ant-upload-list-item-info:before {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  padding-left: 0;
  width: calc(100% - 14px);
}
.ant-upload-list-picture-container,
.ant-upload-list-text-container {
  transition:
    opacity 0.3s,
    height 0.3s;
}
.ant-upload-list-picture-container:before,
.ant-upload-list-text-container:before {
  content: "";
  display: table;
  height: 0;
  width: 0;
}
.ant-upload-list-picture-container .ant-upload-span,
.ant-upload-list-text-container .ant-upload-span {
  display: block;
  flex: auto;
}
.ant-upload-list-picture .ant-upload-span,
.ant-upload-list-text .ant-upload-span {
  align-items: center;
  display: flex;
}
.ant-upload-list-picture .ant-upload-span > *,
.ant-upload-list-text .ant-upload-span > * {
  flex: none;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-text .ant-upload-list-item-name {
  flex: auto;
  padding: 0 8px;
}
.ant-upload-list-picture .ant-upload-list-item-card-actions,
.ant-upload-list-text .ant-upload-list-item-card-actions,
.ant-upload-list-text .ant-upload-text-icon .anticon {
  position: static;
}
.ant-upload-list .ant-upload-animate-inline-appear,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-duration: 0.3s;
  animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-upload-list .ant-upload-animate-inline-appear,
.ant-upload-list .ant-upload-animate-inline-enter {
  animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-name: uploadAnimateInlineOut;
}
@keyframes uploadAnimateInlineIn {
  0% {
    height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    width: 0;
  }
}
@keyframes uploadAnimateInlineOut {
  to {
    height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    width: 0;
  }
}
.ant-upload-rtl {
  direction: rtl;
}
.ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
  margin-left: 8px;
  margin-right: auto;
}
.ant-upload-list-rtl {
  direction: rtl;
}
.ant-upload-list-rtl
  .ant-upload-list-item-list-type-text:hover
  .ant-upload-list-item-name-icon-count-1 {
  padding-left: 14px;
  padding-right: 22px;
}
.ant-upload-list-rtl
  .ant-upload-list-item-list-type-text:hover
  .ant-upload-list-item-name-icon-count-2 {
  padding-left: 28px;
  padding-right: 22px;
}
.ant-upload-list-rtl .ant-upload-list-item-name {
  padding-left: 0;
  padding-right: 22px;
}
.ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
  padding-left: 14px;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions {
  left: 0;
  right: auto;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
  padding-left: 5px;
  padding-right: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-info {
  padding: 0 4px 0 12px;
}
.ant-upload-list-rtl .ant-upload-list-item .anticon-close {
  left: 4px;
  right: auto;
}
.ant-upload-list-rtl
  .ant-upload-list-item-error
  .ant-upload-list-item-card-actions
  .anticon {
  padding-left: 5px;
  padding-right: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-progress {
  padding-left: 0;
  padding-right: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-rtl.ant-upload-list-picture-card
  .ant-upload-list-item-thumbnail {
  left: auto;
  right: 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
  left: auto;
  right: 50%;
  transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
  margin: 0 8px 0 0;
  padding-left: 8px;
  padding-right: 48px;
}
.ant-upload-list-rtl.ant-upload-list-picture
  .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-rtl.ant-upload-list-picture-card
  .ant-upload-list-item-name-icon-count-1 {
  padding-left: 18px;
  padding-right: 48px;
}
.ant-upload-list-rtl.ant-upload-list-picture
  .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-rtl.ant-upload-list-picture-card
  .ant-upload-list-item-name-icon-count-2 {
  padding-left: 36px;
  padding-right: 48px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-rtl.ant-upload-list-picture-card
  .ant-upload-list-item-progress {
  padding-left: 0;
  padding-right: 0;
}
.ant-upload-list-rtl.ant-upload-list-picture .anticon-close,
.ant-upload-list-rtl.ant-upload-list-picture-card .anticon-close {
  left: 8px;
  right: auto;
}
.ant-upload-list-rtl .ant-upload-list-picture-card-container {
  margin: 0 0 8px 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture-card
  .ant-upload-list-item-actions {
  left: auto;
  right: 50%;
  transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture-card
  .ant-upload-list-item-file
  + .ant-upload-list-item-name {
  margin: 8px 0 0;
  padding: 0;
}
