@charset "UTF-8";.ant-skeleton.ant-skeleton-active .ant-skeleton-title,
.ant-skeleton.ant-skeleton-active .ant-skeleton-paragraph > li,
.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,
.ant-skeleton.ant-skeleton-active .ant-skeleton-button,
.ant-skeleton.ant-skeleton-active .ant-skeleton-input,
.ant-skeleton.ant-skeleton-active .ant-skeleton-image {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.06) 25%, rgba(255, 255, 255, 0.1) 37%, rgba(255, 255, 255, 0.06) 63%);
  background-size: 400% 100%;
}.activity-true.m-size {
  background: linear-gradient(182deg, #e5d64b -21.3%, #3ecca6 115.94%);
}
.activity-true.m-size span {
  color: #0a0c0c;
}
.activity-true::after {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/btn_dot-BP3Acu34.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  content: " ";
  width: calc(100% + 50px);
  height: calc(100% + 40px);
  display: inline-block;
  position: absolute;
  top: -15px;
  left: -30px;
}@media screen and (min-width: 1472px) {
  .box {
    padding: 0 24px;
    height: 48px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    display: flex;
    gap: 12px;
    align-items: center;
  }
  .box h6 {
    color: #CECECF;
  }
  .box img {
    width: 16px;
    height: 16px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .box {
    padding: 0 24px;
    height: 48px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    display: flex;
    gap: 12px;
    align-items: center;
  }
  .box h6 {
    color: #CECECF;
  }
  .box img {
    width: 16px;
    height: 16px;
  }
}.not-found-root {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/bg-DJBnMRdS.svg");
  background-size: cover;
  background-repeat: no-repeat;
  min-height: calc(100vh - 60px);
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .not-found-root {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/bg-h5-Bi1X6Out.svg");
    min-height: 100vh;
  }
}
@media screen and (min-width: 1472px) and (max-width: 767px) {
  .not-found-root {
    padding-top: 64px;
  }
}
@media screen and (min-width: 1472px) and (min-width: 767px) and (max-width: 1472px) {
  .not-found-root {
    padding-top: 80px;
  }
}
@media screen and (min-width: 1472px) and (min-width: 1472px) {
  .not-found-root {
    padding-top: 80px;
  }
}
@media screen and (min-width: 1472px) and (max-width: 767px) {
  .not-found-root {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1472px) and (min-width: 767px) and (max-width: 1472px) {
  .not-found-root {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1472px) and (min-width: 1472px) {
  .not-found-root {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) and (max-width: 767px) {
  .not-found-root {
    padding-top: 64px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) and (min-width: 767px) and (max-width: 1472px) {
  .not-found-root {
    padding-top: 80px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) and (min-width: 1472px) {
  .not-found-root {
    padding-top: 80px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) and (max-width: 767px) {
  .not-found-root {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) and (min-width: 767px) and (max-width: 1472px) {
  .not-found-root {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) and (min-width: 1472px) {
  .not-found-root {
    padding-bottom: 80px;
  }
}
.not-found-root .content-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .not-found-root .content-box {
    width: 1200px;
  }
}
@media screen and (min-width: 1472px) {
  .not-found-root .content-box {
    width: 1440px;
  }
}
@media screen and (max-width: 767px) {
  .not-found-root .content-box {
    width: unset;
    padding: 0 20px;
  }
}
.not-found-root .content-box .title {
  text-align: center;
  font-family: Inter;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 67.2px */
  background: linear-gradient(270deg, #448f6a 14.17%, #81deb0 75.27%, #e1dc90 84.92%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: 600px;
}
@media screen and (max-width: 767px) {
  .not-found-root .content-box .title {
    font-size: 32px;
  }
}
.not-found-root .content-box .desc {
  color: #CECECF;
  text-align: center;
  /* 20_Regular */
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 28px */
  margin: 16px auto 48px;
  max-width: 600px;
}
@media screen and (max-width: 767px) {
  .not-found-root .content-box .desc {
    font-size: 16px;
    margin: 16px auto 32px;
  }
}
.not-found-root .content-box .go-home {
  display: flex;
  gap: 4px;
  align-items: center;
}
.not-found-root .content-box .go-home div {
  display: flex;
  width: 160px;
  height: 48px;
  padding: 0px 24px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.08);
  cursor: not-allowed;
}
.not-found-root .content-box .go-home a {
  display: flex;
  width: 48px;
  height: 48px;
  padding: 0px 28.8px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8px;
  background: linear-gradient(270deg, #448f6a -1.41%, #5fc693 102.26%);
}
.not-found-root .content-box .go-home a:hover {
  background: #5fc693;
}.custom-tooltip {
  display: inline-block;
  cursor: pointer;
}
.custom-tooltip.showIcon-true {
  width: 16px;
  height: 16px;
}

.ant-tooltip .ant-tooltip-arrow:before {
  background-color: #212426;
}

.ant-tooltip .ant-tooltip-content .ant-tooltip-inner {
  border-radius: 4px;
  border: 1px solid #303032;
  background: #212426;
  backdrop-filter: blur(12px);
  color: #9E9E9F;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: #fff;
}.global-notification {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--Neutral-text_03, #9E9E9F);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}
@media screen and (max-width: 767px) {
  .global-notification {
    padding-inline: 23px;
  }
}
.global-notification .anticon.anticon-info-circle {
  font-size: inherit;
  margin-right: 8px;
  color: #FF8F0B;
}
.global-notification .global-notification-text {
  display: inline-block;
}
.global-notification a {
  color: #81deb0;
}

@media screen and (max-width: 767px) {
  .global-notification {
    padding: 10px 20px 10px 40px;
  }
  .global-notification > div {
    position: relative;
  }
  .global-notification > div svg {
    position: absolute;
    top: 3px;
    left: -20px;
  }
  .global-notification .anticon.anticon-info-circle {
    margin-right: 0;
  }
}.activity-con {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .activity-con {
    width: 1200px;
  }
}
@media screen and (min-width: 1472px) {
  .activity-con {
    width: 1440px;
  }
}
@media screen and (max-width: 767px) {
  .activity-con {
    width: unset;
    padding: 0 20px;
  }
}

.activity-carousel {
  margin-top: 32px;
}

.activity-container {
  height: 80px;
  background-size: 1440px 80px;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  border-radius: 16px;
  cursor: pointer;
}
.activity-container.activity-slide-gasfree {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/gasfree-CramJ3Et.png");
}
.activity-container.activity-slide-eth {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/banner_eth_pc-Bx-m0Xm-.png");
}
.activity-container.activity-slide-wbtc {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/banner_wbtc_pc-Duct7-r0.png");
}
.activity-container.activity-slide-steady {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/banner_steady_pc-CJBogHkJ.png");
}
.activity-container.activity-slide-steady.activity-end-true {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/banner_end_1440-aah3Jc15.png");
}

.activity-early-bird {
  width: 600px;
  margin: 0 auto;
  padding: 8px 0;
  background: linear-gradient(90deg, rgba(12, 12, 14, 0.3) 0%, rgba(33, 108, 88, 0.3) 50%, rgba(12, 12, 14, 0.3) 100%);
  backdrop-filter: blur(15px);
  color: #9E9E9F;
  font-size: 14px;
  font-weight: 400;
  margin-top: 16px;
}
.activity-early-bird a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-early-bird a svg {
  margin-right: 8px;
}
.activity-early-bird a:hover {
  color: #5fc693;
}
.activity-early-bird a:hover svg path {
  fill: #5fc693;
  fill-opacity: 1;
}

.activity-left-time {
  font-family: Inter;
  width: 240px;
  text-align: center;
  font-size: 24px;
  font-style: italic;
  font-weight: 800;
  line-height: normal;
  background: linear-gradient(178deg, #fff 17.9%, #ffe8ae 50.64%, #ffb800 50.64%, #fa00ff 89.33%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  bottom: 13px;
  left: 542px;
}
.activity-left-time.minutes-true {
  font-size: 21px;
  bottom: 20px;
}

.activity-join-btn {
  display: inline-flex;
  padding: 9px 24px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 180px;
  border: 1px solid #c8d45a;
  background: #18181a;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 14px */
  letter-spacing: -0.28px;
  text-transform: capitalize;
  background: linear-gradient(90deg, #cced6d 0%, #92feb5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  user-select: none;
}
.activity-join-btn:hover {
  border-color: #92feb5;
}

.activity-rule-btn {
  display: flex;
  height: 30px;
  padding: 8px 20px 7px 20px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  border-radius: 180px;
  background: linear-gradient(183deg, #09e5b2 2.2%, #e5d64b 97.16%);
  box-shadow: 0px 2.6px 0px 0px #993a1c;
  color: #0a0c0c;
  text-align: justify;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: -0.26px;
  position: absolute;
  bottom: 29px;
  left: 50%;
  transform: translateX(-50%);
}
.activity-rule-btn:hover {
  color: #0a0c0c;
  background: #09e594;
}

.activity-rule-banner {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  height: 300px;
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/banner-CF_YP01_.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto 100%;
  background-color: #18191b;
  position: relative;
}
.activity-rule-banner .activity-rule-btn {
  bottom: 26px;
}

.activity-rule-rules,
.activity-rule-key,
.activity-rule-footer {
  border-radius: 24px;
  background-color: #18191b;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 24px;
}

.activity-rule-rules,
.activity-rule-key {
  padding: 0 24px 24px 24px;
  color: #9E9E9F;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}
.activity-rule-rules h3,
.activity-rule-key h3 {
  display: flex;
  height: 48px;
  padding: 0px 60px 0px 40px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  border-radius: 90px 0px 180px 0px;
  background: linear-gradient(90deg, rgba(13, 229, 103, 0.2) 0%, rgba(35, 36, 38, 0) 100%), #232426;
  position: relative;
  left: -24px;
  width: fit-content;
}
.activity-rule-rules h3 span,
.activity-rule-key h3 span {
  text-align: justify;
  font-family: Inter;
  font-size: 18px;
  font-style: italic;
  font-weight: 800;
  /* 18px */
  letter-spacing: -0.36px;
  text-transform: capitalize;
  background: linear-gradient(90deg, #92feb5 0%, #cced6d 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.activity-rule-rules h4,
.activity-rule-key h4 {
  color: #fff;
  /* 14_Semibold */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.activity-rule-rules .activity-rule-content,
.activity-rule-key .activity-rule-content {
  margin-top: 24px;
}
.activity-rule-rules .activity-rule-content a,
.activity-rule-key .activity-rule-content a {
  color: #81deb0;
  text-decoration: underline;
}
.activity-rule-rules .activity-rule-content a:hover,
.activity-rule-key .activity-rule-content a:hover {
  color: #5fc693;
}
.activity-rule-rules .activity-rule-content b,
.activity-rule-key .activity-rule-content b {
  font-weight: 600;
}
.activity-rule-rules .activity-rule-content .activity-rule-bold,
.activity-rule-key .activity-rule-content .activity-rule-bold {
  font-weight: 600;
  color: #fff;
}
.activity-rule-rules .activity-rule-content p,
.activity-rule-key .activity-rule-content p {
  padding-left: 20px;
  position: relative;
  font-size: 14px;
}
.activity-rule-rules .activity-rule-content p::before,
.activity-rule-key .activity-rule-content p::before {
  content: " ";
  position: absolute;
  left: 8px;
  top: 8px;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
}

.activity-rule-item {
  display: flex;
  padding: 0px 32px;
  border-radius: 4px;
  background: #121315;
  margin-bottom: 2px;
  align-items: center;
  font-weight: 600;
}
.activity-rule-item:last-child {
  margin-bottom: 0;
}
.activity-rule-item span {
  display: inline-block;
  height: 48px;
  line-height: 48px;
  width: 260px;
  border-right: 2px solid #18191b;
  margin-right: 32px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.activity-rule-item div {
  width: 100%;
  color: #CECECF;
}

.activity-sale-con {
  display: flex;
}
.activity-sale-con .activity-sale-left,
.activity-sale-con .activity-sale-right {
  height: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.activity-sale-con .activity-sale-left {
  width: 38px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='38'%20height='48'%20viewBox='0%200%2038%2048'%20fill='none'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M36.8233%2048C36.5369%2047.7854%2036.3516%2047.4433%2036.3516%2047.0579C36.3516%2046.4883%2036.7564%2046.0132%2037.2941%2045.9047V44.6817C36.7564%2044.5732%2036.3516%2044.0981%2036.3516%2043.5285C36.3516%2042.9588%2036.7564%2042.4837%2037.2941%2042.3753V41.1523C36.7564%2041.0438%2036.3516%2040.5687%2036.3516%2039.9991C36.3516%2039.4294%2036.7564%2038.9543%2037.2941%2038.8459V37.6229C36.7564%2037.5144%2036.3516%2037.0393%2036.3516%2036.4697C36.3516%2035.9%2036.7564%2035.4249%2037.2941%2035.3165V34.0935C36.7564%2033.985%2036.3516%2033.5099%2036.3516%2032.9403C36.3516%2032.3706%2036.7564%2031.8955%2037.2941%2031.787V30.5641C36.7564%2030.4556%2036.3516%2029.9805%2036.3516%2029.4108C36.3516%2028.8412%2036.7564%2028.3661%2037.2941%2028.2576V27.0346C36.7564%2026.9262%2036.3516%2026.4511%2036.3516%2025.8814C36.3516%2025.3118%2036.7564%2024.8367%2037.2941%2024.7282V23.5052C36.7564%2023.3968%2036.3516%2022.9217%2036.3516%2022.352C36.3516%2021.7824%2036.7564%2021.3073%2037.2941%2021.1988V19.9758C36.7564%2019.8674%2036.3516%2019.3923%2036.3516%2018.8226C36.3516%2018.253%2036.7564%2017.7779%2037.2941%2017.6694V16.4464C36.7564%2016.3379%2036.3516%2015.8629%2036.3516%2015.2932C36.3516%2014.7235%2036.7564%2014.2485%2037.2941%2014.14V12.917C36.7564%2012.8085%2036.3516%2012.3334%2036.3516%2011.7638C36.3516%2011.1941%2036.7564%2010.719%2037.2941%2010.6106V9.38759C36.7564%209.27912%2036.3516%208.80403%2036.3516%208.23438C36.3516%207.66472%2036.7564%207.18963%2037.2941%207.08116V5.85818C36.7564%205.74971%2036.3516%205.27462%2036.3516%204.70496C36.3516%204.13531%2036.7564%203.66022%2037.2941%203.55175V2.32877C36.7564%202.22029%2036.3516%201.7452%2036.3516%201.17555C36.3516%200.605896%2036.7564%200.130806%2037.2941%200.0223351V0H4C1.79087%200%200%201.79086%200%204L0%2044C0%2046.2091%201.79086%2048%204%2048H36.8233Z'%20fill='%232F3033'/%3e%3c/svg%3e");
  background-size: 100%;
  color: #6D6D6E;
  font-family: Inter;
  font-size: 18px;
  font-style: italic;
  font-weight: 800;
  line-height: 140%; /* 25.2px */
}
.activity-sale-con .activity-sale-left span {
  position: relative;
}
.activity-sale-con .activity-sale-left span::before {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.4);
}
.activity-sale-con .activity-sale-left svg {
  height: 14px;
  width: 18px;
  margin-top: 8px;
}
.activity-sale-con .activity-sale-left i {
  font-size: 14px;
}
.activity-sale-con .activity-sale-right {
  width: 70px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='71'%20height='48'%20viewBox='0%200%2071%2048'%20fill='none'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0%2045.9052C0.536311%2046.0148%200.939799%2046.4892%200.939799%2047.0579C0.939799%2047.4433%200.754484%2047.7854%200.4681%2048H66.6471C68.8562%2048%2070.6471%2046.2091%2070.6471%2044V4C70.6471%201.79086%2068.8562%200%2066.6471%200H0L0%200.0228958C0.536311%200.132431%200.939799%200.606869%200.939799%201.17555C0.939799%201.74423%200.536311%202.21867%200%202.32821L0%203.55231C0.536311%203.66185%200.939799%204.13628%200.939799%204.70496C0.939799%205.27365%200.536311%205.74809%200%205.85762L0%207.08172C0.536311%207.19126%200.939799%207.6657%200.939799%208.23438C0.939799%208.80306%200.536311%209.2775%200%209.38703L0%2010.6111C0.536311%2010.7207%200.939799%2011.1951%200.939799%2011.7638C0.939799%2012.3325%200.536311%2012.8069%200%2012.9164L0%2014.1405C0.536311%2014.2501%200.939799%2014.7245%200.939799%2015.2932C0.939799%2015.8619%200.536311%2016.3363%200%2016.4459L0%2017.67C0.536311%2017.7795%200.939799%2018.2539%200.939799%2018.8226C0.939799%2019.3913%200.536311%2019.8657%200%2019.9753L0%2021.1994C0.536311%2021.3089%200.939799%2021.7833%200.939799%2022.352C0.939799%2022.9207%200.536311%2023.3951%200%2023.5047L0%2024.7288C0.536311%2024.8383%200.939799%2025.3128%200.939799%2025.8814C0.939799%2026.4501%200.536311%2026.9246%200%2027.0341L0%2028.2582C0.536311%2028.3677%200.939799%2028.8422%200.939799%2029.4108C0.939799%2029.9795%200.536311%2030.454%200%2030.5635L0%2031.7876C0.536311%2031.8971%200.939799%2032.3716%200.939799%2032.9403C0.939799%2033.5089%200.536311%2033.9834%200%2034.0929L0%2035.317C0.536311%2035.4265%200.939799%2035.901%200.939799%2036.4697C0.939799%2037.0383%200.536311%2037.5128%200%2037.6223L0%2038.8464C0.536311%2038.956%200.939799%2039.4304%200.939799%2039.9991C0.939799%2040.5678%200.536311%2041.0422%200%2041.1517L0%2042.3758C0.536311%2042.4854%200.939799%2042.9598%200.939799%2043.5285C0.939799%2044.0972%200.536311%2044.5716%200%2044.6811L0%2045.9052Z'%20fill='%232F3033'/%3e%3c/svg%3e");
  background-size: 100%;
}
.activity-sale-con .activity-sale-right span:first-of-type {
  font-family: Inter;
  font-size: 24px;
  font-style: italic;
  font-weight: 900;
  line-height: normal;
  letter-spacing: -1.44px;
  background: linear-gradient(166deg, #e5d64b 20.42%, #25e5a6 89.19%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.activity-sale-con .activity-sale-right span:first-of-type i {
  margin-left: 2px;
  font-size: 14px;
}
.activity-sale-con .activity-sale-tag {
  border-radius: 100px;
  background: rgba(203, 190, 97, 0.1);
  color: #eada6a;
  text-align: center;
  font-size: 8px;
  font-weight: 500;
  line-height: 10px; /* 125% */
  letter-spacing: -0.68px;
  padding: 0 4px;
}

.activity-rule-footer {
  height: 160px;
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/footer-DN4wM0u0.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 48px;
  position: relative;
}

@media screen and (min-width: 767px) and (max-width: 1472px) {
  .activity-carousel {
    width: 1200px;
  }
  .activity-container.activity-slide-gasfree, .activity-container.activity-slide-eth, .activity-container.activity-slide-wbtc, .activity-container.activity-slide-steady {
    background-position-x: left -100px;
    background-position-y: center;
  }
  .activity-left-time {
    left: 440px;
  }
}
@media screen and (max-width: 767px) {
  .activity-rule-container {
    padding: 0 20px;
  }
  .activity-early-bird {
    width: 100%;
    font-size: 12px;
  }
  .activity-early-bird a svg {
    width: 14px;
    margin-right: 6px;
  }
  .activity-con {
    padding: 0 20px;
  }
  .activity-carousel {
    width: 100%;
    margin-top: 24px;
  }
  .activity-carousel .slick-prev,
  .activity-carousel .slick-next {
    display: none !important;
  }
  .activity-rule-banner {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/banner_mobile-CdqTdfIP.png");
    width: 100%;
    height: unset;
    background-size: 100% auto;
    background-position: center bottom;
    margin-top: 56px;
  }
  .activity-rule-banner::after {
    content: " ";
    display: inline-block;
    padding-top: 58%;
  }
  .activity-container {
    width: 100%;
    height: auto;
    aspect-ratio: 1050/300;
    background-size: 100%;
    background-position: center;
    font-size: 14px;
    font-weight: 700;
  }
  .activity-container.activity-slide-gasfree {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/gasfree_m-Br4KxQJu.png");
  }
  .activity-container.activity-slide-eth {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/banner_eth_mobile-BgnHFJUt.png");
  }
  .activity-container.activity-slide-wbtc {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/banner_wbtc_mobile-B46hTOkZ.png");
  }
  .activity-container.activity-slide-steady {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/banner_steady_mobile-DMSPAJt2.png");
  }
  .activity-container.activity-slide-steady.activity-end-true {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/banner_end_350-Br6PWqA1.png");
  }
  .activity-rule-rules,
  .activity-rule-key,
  .activity-rule-footer {
    width: 100%;
  }
  .activity-rule-rules h3,
  .activity-rule-key h3 {
    height: 40px;
    padding: 0px 24px 0px 16px;
    gap: 10px;
    border-radius: 60px 0px 180px 0px;
    left: -16px;
  }
  .activity-rule-rules h3 span,
  .activity-rule-key h3 span {
    font-size: 16px;
  }
  .activity-left-time {
    left: 34.7826086957%;
    top: 44.6153846154%;
    height: auto;
    width: calc(100% - 40px);
    text-align: left;
    height: fit-content;
    font-size: 1.1rem;
  }
  .activity-left-time.minutes-true {
    font-size: 20px;
  }
  .activity-rule-item {
    font-size: 12px;
    padding: 6px 8px;
    line-height: unset;
  }
  .activity-rule-item span {
    width: 100px;
    font-size: 12px;
    margin-right: 8px;
    line-height: unset;
  }
  .activity-join-btn {
    display: flex;
    padding: 9px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 156.735px;
    left: 50%;
    transform: translateX(-50%);
    right: unset;
    bottom: 24px;
    top: unset;
    user-select: none;
  }
  .activity-rule-footer {
    height: 100px;
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/footer_350-DDCc8TTl.png");
  }
  .activity-rule-btn {
    bottom: 18px;
    display: flex;
    height: 24px;
    padding: 0px 17.415px;
    justify-content: center;
    align-items: center;
    gap: 4.354px;
    font-size: 12px;
  }
  .activity-rule-rules,
  .activity-rule-key,
  .activity-rule-footer {
    border-radius: 16px;
    margin-top: 16px;
  }
  .activity-rule-rules,
  .activity-rule-key {
    padding: 0 16px 16px 16px;
  }
  .activity-rule-rules .activity-rule-content,
  .activity-rule-key .activity-rule-content {
    margin-top: 16px;
  }
}.table-container .table-row:hover:not(:first-child) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-container .table-row.click-true:hover {
  cursor: pointer;
}
.table-container .table-cell {
  display: inline-block;
  padding: 20px 0;
  color: #CECECF;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  vertical-align: middle;
  margin-right: 16px;
}
.table-container .table-cell:first-child {
  padding-left: 40px;
}
.table-container .table-cell:last-child {
  margin-right: 0;
}
.table-container .table-cell.order-true {
  cursor: pointer;
  user-select: none;
}
.table-container .table-cell.order-true:hover {
  color: #CECECF !important;
}
.table-container .title-order-true {
  position: relative;
  left: 5px;
}
.table-container .title-order-true .title-order-top {
  content: " ";
  position: absolute;
  left: 0;
  top: 2px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(255, 255, 255, 0.6);
  cursor: pointer;
}
.table-container .title-order-true .title-order-top.active {
  border-bottom-color: #81deb0;
}
.table-container .title-order-true .title-order-bottom {
  position: absolute;
  left: 0;
  top: 10px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(255, 255, 255, 0.6);
  cursor: pointer;
}
.table-container .title-order-true .title-order-bottom.active {
  border-top-color: #81deb0;
}
.table-container .table-header .table-cell {
  color: #6D6D6E !important;
  font-weight: 700 !important;
  padding: 16px 0;
  font-size: 14px !important;
}
.table-container .table-no-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 95px 0;
  font-size: 16px;
  color: #6D6D6E;
}
.table-container .table-no-data img {
  height: 114px;
  width: 114px;
  margin-bottom: 8px;
}

.e-loading-icon {
  margin: 15px 0;
  margin-left: 50%;
  transform: translateX(-10px);
}
.e-loading-icon svg path {
  fill: #81deb0;
}

.handle-table-page {
  display: flex;
  justify-content: center;
  padding: 24px 0;
}
.handle-table-page.ant-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  color: #81deb0;
}
.handle-table-page.ant-pagination .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis {
  color: #81deb0;
}
.handle-table-page.ant-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  color: #5fc693;
}
.handle-table-page.ant-pagination .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon {
  color: #5fc693;
}

@media screen and (max-width: 767px) {
  .expand-table {
    padding: 0 16px;
    border-radius: 16px;
  }
  .expand-table.need-bg {
    background: rgba(0, 0, 0, 0.16);
  }
  .expand-table .table-no-data {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 95px 0;
    color: #6D6D6E;
    border-radius: 16px;
    font-size: 14px;
  }
  .expand-table .table-no-data img {
    width: 100px;
    height: 100px;
  }
  .expand-table .expand-table-item {
    padding: 24px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
  .expand-table .expand-table-line {
    display: flex;
    justify-content: space-between;
    color: #6D6D6E;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 16px;
    gap: 16px;
  }
  .expand-table .expand-table-line:last-child {
    margin-bottom: 0;
  }
  .expand-table .expand-table-line .expand-table-value {
    color: #9E9E9F;
    text-align: right;
  }
}
.simple-skeleton-table.ant-skeleton .ant-skeleton-content .ant-skeleton-title {
  height: 80px;
}
.simple-skeleton-table.ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph > li {
  height: 80px;
}

.ant-skeleton.ant-skeleton-active .ant-skeleton-title,
.ant-skeleton.ant-skeleton-active .ant-skeleton-paragraph > li,
.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,
.ant-skeleton.ant-skeleton-active .ant-skeleton-button,
.ant-skeleton.ant-skeleton-active .ant-skeleton-input,
.ant-skeleton.ant-skeleton-active .ant-skeleton-image {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.06) 25%, rgba(255, 255, 255, 0.1) 37%, rgba(255, 255, 255, 0.06) 63%);
  background-size: 400% 100%;
}

@keyframes sk-shimmer {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.sk-bone-con {
  display: flex;
  gap: 4px;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .sk-bone-con {
    flex-direction: column;
    align-items: flex-end;
  }
}

.sk-bone {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.06) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.06) 75%);
  background-size: 400% 100%;
  animation: sk-shimmer 1.4s ease infinite;
  border-radius: 4px;
  display: inline-block;
}
.vault-root {
  min-height: calc(100vh - 60px);
  background-repeat: no-repeat;
  background-size: cover;
}
.vault-root .banner-wrapper {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/vault-header-bg-DUoO2m0h.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .vault-root .banner-wrapper {
    padding-top: 64px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .vault-root .banner-wrapper {
    padding-top: 80px;
  }
}
@media screen and (min-width: 1472px) {
  .vault-root .banner-wrapper {
    padding-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  .vault-root .banner-wrapper {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/vault-header-mobile-bg-CmY_ni0f.jpg");
    background-position: bottom;
  }
}
.vault-root .banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 48px 0 50px;
  color: #fff;
  text-align: center;
}
.vault-root .banner .title {
  /* 32_Bold */
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  text-transform: none;
}
.vault-root .banner .title span + span {
  margin-left: 5px;
}
.vault-root .banner .sub-title {
  width: 800px;
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/group-CEhGcWm4.svg");
  background-repeat: no-repeat;
  background-position: left 100px top -20px;
  margin: 0 auto 32px;
}
.vault-root .banner .sub-title span + span {
  margin-left: 5px;
}
.vault-root .banner .sub-title span {
  background: linear-gradient(95deg, #9effab 10.39%, #9effcf 83.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
.vault-root .banner .sub-title span.and {
  -webkit-text-fill-color: #fff;
}
.vault-root .banner .desc {
  max-width: 653px;
}
@media screen and (max-width: 767px) {
  .vault-root .banner {
    padding: 40px 20px 43px;
  }
  .vault-root .banner .title {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    font-size: 28px;
  }
  .vault-root .banner .sub-title {
    font-size: 28px;
    background-image: unset;
    width: 100%;
  }
  .vault-root .banner .sub-title span {
    font-size: 28px;
  }
  .vault-root .banner .desc {
    font-size: 14px;
    font-style: normal;
    text-align: center;
  }
}
.vault-root .content {
  padding: 40px 0 0 0;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .vault-root .content {
    width: 1200px;
  }
}
@media screen and (min-width: 1472px) {
  .vault-root .content {
    width: 1440px;
  }
}
@media screen and (max-width: 767px) {
  .vault-root .content {
    width: unset;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .vault-root .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.vault-root .content h3 {
  margin-bottom: 0px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .vault-root .content h3 {
    margin-top: 40px;
  }
}
.vault-root .content .custom-table .ant-table {
  color: #fff;
  font-size: 20px;
  line-height: 140%;
  font-weight: 600;
  background: transparent;
}
.vault-root .content .custom-table .ant-table .ant-table-content .ant-table-thead tr {
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.vault-root .content .custom-table .ant-table .ant-table-content .ant-table-thead tr th {
  color: #9E9E9F;
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  background: transparent;
  border-bottom: none;
  padding-bottom: 24px;
  padding-top: 0px;
}
.vault-root .content .custom-table .ant-table .ant-table-content .ant-table-thead tr th::before {
  display: none;
}
.vault-root .content .custom-table .ant-table .ant-table-content .ant-table-thead tr th:first-child {
  padding-left: 40px;
}
.vault-root .content .custom-table .ant-table .ant-table-content .ant-table-tbody {
  position: relative;
  top: -24px;
}
.vault-root .content .custom-table .ant-table .ant-table-content .ant-table-tbody tr td {
  background-color: rgba(255, 255, 255, 0.05);
  border-bottom: none;
  padding-top: 26px;
  padding-bottom: 26px;
}
.vault-root .content .custom-table .ant-table .ant-table-content .ant-table-tbody tr td:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  padding-left: 40px;
}
.vault-root .content .custom-table .ant-table .ant-table-content .ant-table-tbody tr td:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  padding-right: 40px;
}
.vault-root .content .custom-table .ant-table .ant-table-content .ant-table-tbody tr:nth-child(1) {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/01-B865XlZN.png");
  background-repeat: no-repeat;
  background-size: cover;
  /* Safari 禁止背景图 */
}
@supports not (backdrop-filter: blur(10px)) {
  .vault-root .content .custom-table .ant-table .ant-table-content .ant-table-tbody tr:nth-child(1) {
    /* 这些样式将只在非Safari浏览器中生效 */
  }
  .vault-root .content .custom-table .ant-table .ant-table-content .ant-table-tbody tr:nth-child(1):nth-child(1) {
    background-image: none;
  }
}
.vault-root .content .custom-table .ant-table .ant-table-content .ant-table-tbody tr:nth-child(2) {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/02-DmCSpl1_.png");
  background-repeat: no-repeat;
  background-size: cover;
  /* Safari 禁止背景图 */
}
@supports not (backdrop-filter: blur(10px)) {
  .vault-root .content .custom-table .ant-table .ant-table-content .ant-table-tbody tr:nth-child(2) {
    /* 这些样式将只在非Safari浏览器中生效 */
  }
  .vault-root .content .custom-table .ant-table .ant-table-content .ant-table-tbody tr:nth-child(2):nth-child(2) {
    background-image: none;
  }
}
.vault-root .content .custom-table .ant-table .ant-table-content .ant-table-tbody tr:nth-child(3) {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/03-Dj_pBh-C.png");
  background-repeat: no-repeat;
  background-size: cover;
  /* Safari 禁止背景图 */
}
@supports not (backdrop-filter: blur(10px)) {
  .vault-root .content .custom-table .ant-table .ant-table-content .ant-table-tbody tr:nth-child(3) {
    /* 这些样式将只在非Safari浏览器中生效 */
  }
  .vault-root .content .custom-table .ant-table .ant-table-content .ant-table-tbody tr:nth-child(3):nth-child(3) {
    background-image: none;
  }
}
.vault-root .content .custom-table .ant-table .ant-table-content .ant-table-tbody tr .ant-btn {
  padding: 10px 48px;
  height: fit-content;
}
.vault-root .content .custom-table .ant-table .ant-progress-outer {
  border: 1px solid #81deb0;
  border-radius: 100px;
}
.vault-root .content .custom-table .ant-table .ant-progress-outer .ant-progress-inner {
  border: 2px solid transparent;
  background-color: rgba(255, 255, 255, 0.25);
}
.vault-root .content .custom-table .ant-table .ant-progress-outer .ant-progress-inner .ant-progress-bg-outer::after {
  width: 4px;
  height: 4px;
  background: white;
  position: absolute;
  right: 1px;
  top: 1px;
  border-radius: 50%;
}
.vault-root .content .custom-table .ant-table .row-space {
  display: flex;
  align-items: baseline;
}
.vault-root .content .custom-table .ant-table .row-space span:last-child {
  color: #CECECF;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
}
@media screen and (max-width: 767px) {
  .vault-root .content .custom-table {
    display: none;
  }
}
.vault-root .content .custom-table.hide-bg-true .ant-table .ant-table-content .ant-table-tbody tr:nth-child(1) {
  background: none;
}
.vault-root .content .custom-table.hide-bg-true .ant-table .ant-table-content .ant-table-tbody tr:nth-child(2) {
  background: none;
}
.vault-root .content .custom-table.hide-bg-true .ant-table .ant-table-content .ant-table-tbody tr:nth-child(3) {
  background: none;
}
.vault-root .content .card-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding-top: 20px;
  padding-bottom: 40px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .vault-root .content .card-container {
    padding-top: 16px;
  }
}
.vault-root .content .card-container .card {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px) opacity(0.5);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  gap: 16px;
  font-size: 14px;
  font-family: Inter;
  padding: 20px 16px;
}
.vault-root .content .card-container .card.card-new-true {
  position: relative;
  padding-top: 30px;
}
.vault-root .content .card-container .card.card-new-true:before {
  content: " ";
  width: 52px;
  height: 18px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/new-CdNh_K8w.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.vault-root .content .card-container .card .card-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.vault-root .content .card-container .card .card-row:first-child {
  margin-bottom: 8px;
}
.vault-root .content .card-container .card .card-row .collateral-info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.vault-root .content .card-container .card .card-row .collateral-info img {
  width: 32px;
  height: 32px;
}
.vault-root .content .card-container .card .card-row .collateral-info span {
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
}
.vault-root .content .card-container .card .card-row .mint-button .m-size {
  width: 109px;
  height: 32px;
}
.vault-root .content .card-container .card .card-row .mint-button .activity-true.m-size::after {
  width: calc(100% + 40px);
  height: calc(100% + 30px);
  top: -16px;
  left: -25px;
}
.vault-root .content .card-container .card .card-row .row-header {
  color: #9E9E9F;
}
.vault-root .content .card-container .card .card-row .row-value {
  font-weight: 600;
}
.vault-root .content .card-container .card .card-row .row-value .row-value-activity {
  text-align: right;
  font-family: Inter;
  font-size: 16px;
  font-style: italic;
  font-weight: 800;
  line-height: 100%; /* 16px */
  letter-spacing: -0.32px;
  text-transform: capitalize;
  background: linear-gradient(95deg, #cced6d 50.03%, #92feb5 98.91%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  align-items: center;
}
.vault-root .content .card-container .card .card-row .row-value .row-value-activity svg {
  margin-right: 8px;
}
.vault-root .content .card-container .card .card-row .light-color {
  color: #CECECF;
}
.vault-root table {
  border-collapse: separate;
  border-spacing: 0 24px;
}
.vault-root .type-wrapper {
  display: flex;
  align-items: center;
}
.vault-root .type-wrapper.wrapper-true {
  position: relative;
}
.vault-root .type-wrapper.wrapper-true:before {
  content: " ";
  width: 52px;
  height: 18px;
  display: inline-block;
  position: absolute;
  top: -30px;
  left: -40px;
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/new-CdNh_K8w.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.vault-root .type-wrapper .type-icon {
  width: 40px;
  height: 40px;
}
.vault-root .type-wrapper .type-border {
  border-radius: 6px;
  position: relative;
  margin-right: 16px;
  width: 40px;
  height: 40px;
}

.type-strx-tip svg {
  fill: #fff;
  fill-opacity: 0.6;
}
.type-strx-tip svg:hover {
  fill: #5fc693;
  fill-opacity: 1;
}

.type-name-more a {
  color: #81deb0;
}
.type-name-more a:hover {
  color: #5fc693;
}

.simple-skeleton-table.ant-skeleton .ant-skeleton-content .ant-skeleton-title {
  height: 80px;
}
.simple-skeleton-table.ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph > li {
  height: 80px;
}.e-root {
  background-image: url("data:image/svg+xml,%3csvg%20width='1920'%20height='1800'%20viewBox='0%200%201920%201800'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_6041_51435)'%3e%3cg%20opacity='0.2'%20filter='url(%23filter0_f_6041_51435)'%3e%3cpath%20d='M775.279%20-331.327C882.283%20-208.233%201289.51%20-308.778%20838.552%20112.157C304.244%20586.827%20343.483%20324.221%20236.48%20201.127C129.476%2078.0334%20134.893%20-203.38%20379.454%20-415.974C706.755%20-700.492%20668.276%20-454.421%20775.279%20-331.327Z'%20fill='url(%23paint0_linear_6041_51435)'/%3e%3c/g%3e%3cg%20opacity='0.2'%20filter='url(%23filter1_f_6041_51435)'%3e%3cpath%20d='M-222.421%20588.585C-222.421%20770.849%20-444.351%20984.607%20-77.8378%201009C114.81%201009%20227%20824.896%20227%20642.632C227%20460.368%20114.81%20227%20-77.8378%20227C-335.661%20227%20-222.421%20406.321%20-222.421%20588.585Z'%20fill='url(%23paint1_linear_6041_51435)'/%3e%3c/g%3e%3cg%20opacity='0.1'%20filter='url(%23filter2_f_6041_51435)'%3e%3cpath%20d='M-140.807%20601.149C-140.807%20705.566%20-268.116%20828.026%20-57.8682%20842C52.6428%20842%20117%20736.529%20117%20632.111C117%20527.694%2052.6428%20394%20-57.8682%20394C-205.767%20394%20-140.807%20496.731%20-140.807%20601.149Z'%20fill='url(%23paint2_linear_6041_51435)'/%3e%3c/g%3e%3cg%20opacity='0.08'%20filter='url(%23filter3_f_6041_51435)'%3e%3cpath%20d='M945%20559.5L-44%20247.5V571.824V790.5L945%20559.5Z'%20fill='url(%23paint3_linear_6041_51435)'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_6041_51435'%20x='-169.9'%20y='-887.864'%20width='1556.34'%20height='1613.1'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='170'%20result='effect1_foregroundBlur_6041_51435'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_6041_51435'%20x='-629'%20y='-113'%20width='1196'%20height='1462'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='170'%20result='effect1_foregroundBlur_6041_51435'/%3e%3c/filter%3e%3cfilter%20id='filter2_f_6041_51435'%20x='-519'%20y='54'%20width='976'%20height='1128'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='170'%20result='effect1_foregroundBlur_6041_51435'/%3e%3c/filter%3e%3cfilter%20id='filter3_f_6041_51435'%20x='-64'%20y='227.5'%20width='1029'%20height='583'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='10'%20result='effect1_foregroundBlur_6041_51435'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_6041_51435'%20x1='310.064'%20y1='-355.654'%20x2='769.325'%20y2='172.665'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2316FFE4'/%3e%3cstop%20offset='1'%20stop-color='%23009D68'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_6041_51435'%20x1='-31'%20y1='227'%20x2='-31'%20y2='1009'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2342FFD2'/%3e%3cstop%20offset='1'%20stop-color='%23426BFF'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_6041_51435'%20x1='-31'%20y1='394'%20x2='-31'%20y2='842'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2342FFD2'/%3e%3cstop%20offset='1'%20stop-color='%2342FFE9'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint3_linear_6041_51435'%20x1='70'%20y1='657.5'%20x2='-66.5'%20y2='234.5'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%230C0C0E'%20stop-opacity='0'/%3e%3cstop%20offset='0.328559'%20stop-color='%23258FB5'/%3e%3cstop%20offset='0.5041'%20stop-color='%2327C0C0'/%3e%3cstop%20offset='0.603'%20stop-color='%2337C2B6'/%3e%3cstop%20offset='0.7959'%20stop-color='%2356C7C1'/%3e%3cstop%20offset='0.9956'%20stop-color='%234EC4CC'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_6041_51435'%3e%3crect%20width='1920'%20height='1800'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
  background-position: 0 0;
  position: relative;
}
.e-root::after {
  content: " ";
  display: block;
  width: 100%;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/banner-BTr_UTQa.svg");
  background-repeat: no-repeat;
  background-size: 1850px;
  background-position-x: -240px;
  background-position-y: 0;
  z-index: -1;
}
.e-root .e-container {
  min-width: 1200px;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  color: #9E9E9F;
  box-sizing: border-box;
  padding-bottom: 120px;
}
.e-root .e-banner {
  position: relative;
  padding: 160px 0 0 24px;
}
.e-root .e-banner-logo-png {
  position: absolute;
  right: -100px;
  z-index: -1;
  top: 35px;
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/banner-BTr_UTQa.svg");
  background-repeat: no-repeat;
  background-size: 1850px;
  background-position-x: -240px;
  background-position-y: -40px;
  width: 1500px;
  height: 600px;
}
.e-root .e-banner-pc-logo {
  display: block;
}
.e-root .e-banner-mobile-logo {
  display: none;
}
.e-root .e-banner-font {
  position: absolute;
  left: 160px;
  top: 0;
}
.e-root .e-banner-title {
  line-height: 64px;
  padding-bottom: 40px;
}
.e-root .e-banner-title p {
  font-size: 48px;
  font-weight: 700;
  color: #fff;
}
.e-root .e-banner-title-highlight {
  font-family: inter;
  font-weight: 800;
  line-height: 140%;
  padding-right: 50px;
}
.e-root .e-banner-title-highlight span:first-child {
  background: linear-gradient(270deg, #87f1bd 61.47%, #f3ee9f 102.26%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.e-root .e-banner-title-highlight span:last-child {
  color: #fff;
  background: unset;
}
.e-root .e-banner-title-pool {
  display: flex;
}
.e-root .e-banner-title-apy-size {
  font-family: inter;
  font-size: 36px;
  font-style: italic;
  font-weight: 800;
  line-height: normal;
  color: #CECECF;
}
.e-root .e-content {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1440'%20height='491'%20viewBox='0%200%201440%20491'%20fill='none'%3e%3cpath%20d='M0.5%2060C0.5%2027.1391%2027.1391%200.5%2060%200.5H1380C1412.86%200.5%201439.5%2027.1391%201439.5%2060V431C1439.5%20463.861%201412.86%20490.5%201380%20490.5H60C27.1391%20490.5%200.5%20463.861%200.5%20431V60Z'%20fill='url(%23paint0_linear_5430_8564)'%20stroke='url(%23paint1_linear_5430_8564)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_5430_8564'%20x1='720'%20y1='0'%20x2='720'%20y2='256.816'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23011F1E'%20stop-opacity='0.5'/%3e%3cstop%20offset='1'%20stop-color='%23011F1E'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_5430_8564'%20x1='720'%20y1='0'%20x2='720'%20y2='491'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2326AD86'%20stop-opacity='0.3'/%3e%3cstop%20offset='1'%20stop-color='%2326AD86'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
  padding: 12px 24px 0 24px;
  margin-top: 60px;
}
.e-root .e-content.e-explanation-content-container {
  background-image: url("data:image/svg+xml,%3csvg%20width='1440'%20height='1548'%20viewBox='0%200%201440%201548'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.5%2060C0.5%2027.1391%2027.1391%200.5%2060%200.5H679.919C697.28%200.5%20712.331%2012.5142%20716.179%2029.4441C724.03%2063.987%20754.739%2088.5%20790.163%2088.5H1430C1435.25%2088.5%201439.5%2092.7533%201439.5%2098V1488C1439.5%201520.86%201412.86%201547.5%201380%201547.5H60C27.1391%201547.5%200.5%201520.86%200.5%201488V60Z'%20fill='url(%23paint0_linear_8261_19297)'%20stroke='url(%23paint1_linear_8261_19297)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1440%2098V80C1440%2046.8629%201413.14%2020%201380%2020H713.201C714.737%2022.8907%20715.914%2026.019%20716.667%2029.3333C724.466%2063.6486%20754.973%2088%20790.163%2088H1430C1435.52%2088%201440%2092.4771%201440%2098Z'%20fill='%23011F1E'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_8261_19297'%20x1='720'%20y1='0'%20x2='720'%20y2='1548'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23011F1E'%20stop-opacity='0.5'/%3e%3cstop%20offset='1'%20stop-color='%23011F1E'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_8261_19297'%20x1='720'%20y1='0'%20x2='720'%20y2='1548'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2326AD86'%20stop-opacity='0.3'/%3e%3cstop%20offset='1'%20stop-color='%2326AD86'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}
.e-root .e-content.e-explanation-content-container.active-left-false {
  background-image: url("data:image/svg+xml,%3csvg%20width='1440'%20height='1548'%20viewBox='0%200%201440%201548'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='scale(-1,1)%20translate(-1440,0)'%3e%3cpath%20d='M0.5%2060C0.5%2027.1391%2027.1391%200.5%2060%200.5H679.919C697.28%200.5%20712.331%2012.5142%20716.179%2029.4441C724.03%2063.987%20754.739%2088.5%20790.163%2088.5H1430C1435.25%2088.5%201439.5%2092.7533%201439.5%2098V1488C1439.5%201520.86%201412.86%201547.5%201380%201547.5H60C27.1391%201547.5%200.5%201520.86%200.5%201488V60Z'%20fill='url(%23paint0_linear_8261_19297)'%20stroke='url(%23paint1_linear_8261_19297)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1440%2098V80C1440%2046.8629%201413.14%2020%201380%2020H713.201C714.737%2022.8907%20715.914%2026.019%20716.667%2029.3333C724.466%2063.6486%20754.973%2088%20790.163%2088H1430C1435.52%2088%201440%2092.4771%201440%2098Z'%20fill='%23011F1E'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_8261_19297'%20x1='720'%20y1='0'%20x2='720'%20y2='1548'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23011F1E'%20stop-opacity='0.5'/%3e%3cstop%20offset='1'%20stop-color='%23011F1E'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_8261_19297'%20x1='720'%20y1='0'%20x2='720'%20y2='1548'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2326AD86'%20stop-opacity='0.3'/%3e%3cstop%20offset='1'%20stop-color='%2326AD86'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}
.e-root .e-content.e-campaign-content-container {
  padding-top: 0;
}
.e-root .e-tab-con .ant-tabs-nav .ant-tabs-tab {
  border: none;
  flex: 1;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  padding-left: 0;
  padding-right: 0;
}
.e-root .e-tab-con .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 0;
}
.e-root .e-tab-con .ant-tabs-nav .ant-tabs-nav-list {
  width: 100%;
  position: relative;
  top: -2px;
}
.e-root .e-tab-con .ant-tabs-nav::before {
  border: none;
}
.e-root .e-tab-con .ant-tabs-nav .ant-tabs-tab-active {
  background-color: unset;
}
.e-root .e-subtitle {
  font-family: inter;
  font-size: 32px;
  font-style: italic;
  font-weight: 800;
  line-height: normal;
  color: #87f1bd;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-color: transparent;
}
.e-root .e-subtitle.e-tab-title {
  font-size: 28px;
}
.e-root .e-subtitle.subtitle-false {
  font-size: 24px;
}
.e-root .e-subtitle-star-left svg {
  font-size: inherit;
  display: inline-block;
  transform: translate(15px, -18px);
}
.e-root .e-subtitle-star-left.active-false {
  visibility: hidden;
}
.e-root .e-subtitle-star-right svg {
  font-size: inherit;
  display: inline-block;
  transform: translate(3px, 18px);
}
.e-root .e-subtitle-star-right.active-false {
  visibility: hidden;
}
.e-root .e-partner-list {
  display: flex;
  margin-top: 64px;
  flex-wrap: wrap;
  row-gap: 64px;
  column-gap: 24px;
}
.e-root .e-partner-item {
  box-sizing: border-box;
  width: calc((100% - 24px) / 2);
  height: 164px;
  border-radius: 16px;
  background: #131416;
  text-align: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='684'%20height='164'%20viewBox='0%200%20684%20164'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='684'%20height='164'%20rx='16'%20fill='%2318191B'/%3e%3crect%20opacity='0.3'%20width='684'%20height='164'%20rx='16'%20fill='url(%23paint0_radial_6041_51442)'/%3e%3cmask%20id='mask0_6041_51442'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='684'%20height='164'%3e%3crect%20width='684'%20height='164'%20rx='16'%20fill='%23131416'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_6041_51442)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20.2724%20-452.35H104.728L71.5479%20-44.2391L210.652%20-433.818L288.957%20-405.344L86.8958%20-35.5199L386.196%20-347.422L445.915%20-293.675L101.821%20-26.2207L506.25%20-213.163L539.249%20-143.195L105.801%20-10.2787L562.5%20-40.354V35.6558L109.048%205.79434L541.907%20130.986L510.27%20201.461L99.3529%2019.605L445.912%20288.976L386.193%20342.723L89.0159%2033.0332L296.735%20397.029L218.994%20426.729L71.3117%2036.6335L104.728%20447.65H20.2724L53.4514%2039.5474L-85.6506%20429.122L-163.956%20400.648L38.1075%2030.8193L-261.193%20342.722L-320.912%20288.975L23.1935%2021.5111L-381.254%20208.462L-414.253%20138.495L19.1831%205.58151L-437.5%2035.6558V-40.354L15.947%20-10.4929L-416.912%20-135.684L-385.275%20-206.159L25.6453%20-24.3023L-320.915%20-293.674L-261.196%20-347.421L35.9834%20-37.729L-171.737%20-401.726L-93.9951%20-431.425L53.689%20-41.3249L20.2724%20-452.35Z'%20fill='url(%23paint1_radial_6041_51442)'/%3e%3c/g%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial_6041_51442'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(65)%20scale(135.5%20178.908)'%3e%3cstop%20stop-color='%2378E0D9'/%3e%3cstop%20offset='1'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint1_radial_6041_51442'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(62.5001%20-2.35011)%20rotate(90)%20scale(345.594%20533.494)'%3e%3cstop%20stop-color='white'%20stop-opacity='0.03'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0;
  position: relative;
}
.e-root .e-partner-item-mobile {
  display: none;
}
.e-root .e-partner-item-pc {
  display: block;
}
.e-root .e-partner-item.e-partner-item-balance {
  background-image: url("data:image/svg+xml,%3csvg%20width='684'%20height='164'%20viewBox='0%200%20684%20164'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='684'%20height='164'%20rx='16'%20fill='%2318191B'/%3e%3crect%20opacity='0.3'%20width='684'%20height='164'%20rx='16'%20fill='url(%23paint0_radial_6041_51442)'/%3e%3cmask%20id='mask0_6041_51442'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='684'%20height='164'%3e%3crect%20width='684'%20height='164'%20rx='16'%20fill='%23131416'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_6041_51442)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20.2724%20-452.35H104.728L71.5479%20-44.2391L210.652%20-433.818L288.957%20-405.344L86.8958%20-35.5199L386.196%20-347.422L445.915%20-293.675L101.821%20-26.2207L506.25%20-213.163L539.249%20-143.195L105.801%20-10.2787L562.5%20-40.354V35.6558L109.048%205.79434L541.907%20130.986L510.27%20201.461L99.3529%2019.605L445.912%20288.976L386.193%20342.723L89.0159%2033.0332L296.735%20397.029L218.994%20426.729L71.3117%2036.6335L104.728%20447.65H20.2724L53.4514%2039.5474L-85.6506%20429.122L-163.956%20400.648L38.1075%2030.8193L-261.193%20342.722L-320.912%20288.975L23.1935%2021.5111L-381.254%20208.462L-414.253%20138.495L19.1831%205.58151L-437.5%2035.6558V-40.354L15.947%20-10.4929L-416.912%20-135.684L-385.275%20-206.159L25.6453%20-24.3023L-320.915%20-293.674L-261.196%20-347.421L35.9834%20-37.729L-171.737%20-401.726L-93.9951%20-431.425L53.689%20-41.3249L20.2724%20-452.35Z'%20fill='url(%23paint1_radial_6041_51442)'/%3e%3c/g%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial_6041_51442'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(65)%20scale(135.5%20178.908)'%3e%3cstop%20stop-color='%2378E0D9'/%3e%3cstop%20offset='1'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint1_radial_6041_51442'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(62.5001%20-2.35011)%20rotate(90)%20scale(345.594%20533.494)'%3e%3cstop%20stop-color='white'%20stop-opacity='0.03'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e");
}
.e-root .e-partner-item-info {
  margin-top: 48px;
}
.e-root .e-partner-item-avatar {
  top: -48px;
}
.e-root .e-partner-item-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 32px;
  margin-top: 62px;
  position: relative;
}
.e-root .e-partner-item-avatar {
  width: 64px;
  height: 64px;
  position: absolute;
  left: 32px;
  top: -62px;
  transform: translateY(-32px);
}
.e-root .e-partner-item-avatar svg {
  width: 100%;
  height: 100%;
}
.e-root .e-partner-item-balance-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  padding: 10px 32px;
  justify-content: space-between;
  align-items: flex-start;
  box-sizing: border-box;
  border-radius: 0px 0px 16px 16px;
  background: rgba(255, 255, 255, 0.08);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: #9E9E9F;
}
.e-root .e-partner-item-balance-info span > span {
  color: #81deb0;
}
.e-root .e-partner-item-balance-info span > svg {
  width: 13px;
  height: 13px;
  margin-left: 4px;
}
.e-root .e-partner-item-balance-info-address {
  display: flex;
  align-items: center;
}
.e-root .e-partner-item-balance-info-address svg {
  cursor: pointer;
}
.e-root .e-partner-item-balance-info-address svg:hover path {
  fill: #81deb0;
}
.e-root .e-partner-item-name {
  display: flex;
  align-items: center;
}
.e-root .e-partner-item-name svg:first-child {
  width: auto;
  height: 40px;
}
.e-root .e-partner-item-name svg:nth-child(2) {
  width: 24px;
  height: 24px;
  margin-left: 4px;
}
.e-root .e-partner-active-btn,
.e-root .e-partner-on-btn {
  width: 120px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  background: linear-gradient(270deg, #448f6a -1.41%, #5fc693 102.26%);
  border-radius: 6px;
}
.e-root .e-partner-active-btn {
  cursor: pointer;
}
.e-root .e-partner-active-btn:hover {
  background: #5fc693;
}
.e-root .e-partner-active-btn span {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.4);
  float: right;
  margin-top: 4px;
  margin-right: 4px;
  border-radius: 4px;
}
.e-root .e-partner-on-btn {
  color: #CECECF;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
.e-root .e-partner-on-btn:hover {
  background: rgba(255, 255, 255, 0.26);
}
.e-root .e-partner-item-apy {
  display: flex;
  font-size: 16px;
  align-items: baseline;
  font-style: italic;
  gap: 4px;
}
.e-root .e-partner-item-apy b {
  font-family: Inter;
  font-size: 32px;
  font-style: italic;
  font-weight: 900;
  color: #81deb0;
}
.e-root .e-partner-item-apy.sale-out-true b {
  color: #9E9E9F;
}
.e-root .e-partner-item-apy > span {
  display: flex;
  align-items: center;
  gap: 4px;
}
.e-root .e-explanation-intro {
  display: flex;
  margin-top: 32px;
  margin-bottom: 24px;
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/introLogo-DT-NAzCR.svg");
  background-size: 520px;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: bottom;
  padding-top: 0;
}
.e-root .e-explanation-intro svg {
  height: 300px;
  width: 500px;
  transform: translate(-27px);
  position: relative;
  z-index: -1;
}
.e-root .e-explanation-intro-title {
  width: 920px;
  box-sizing: border-box;
  padding: 40px;
  background-color: #17483c;
  border-radius: 16px;
  color: #CECECF;
  line-height: 140%;
}
.e-root .e-explanation-intro-title p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.e-root .e-explanation-intro-title p > a {
  text-decoration: underline;
}
.e-root .e-explanation-earn,
.e-root .e-explanation-content-item,
.e-root .e-compaign-content-item {
  border-radius: 24px;
  background: #18191b;
  padding: 40px;
}
.e-root .e-explanation-earn {
  margin-bottom: 24px;
}
.e-root .e-explanation-content-item,
.e-root .e-compaign-content-item {
  box-sizing: border-box;
  color: #CECECF;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.e-root .e-compaign-content-item {
  flex: 1;
}
.e-root .e-explanation-content-item-title {
  color: #CECECF;
  /* 16_Semibold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  line-height: 140%;
  /* 22.4px */
  margin-top: 24px;
  margin-bottom: 8px;
}
.e-root .e-explanation-content-item-title > a {
  text-decoration: underline;
  cursor: pointer;
}
.e-root .e-explanation-content-item-title > a:hover {
  color: #5fc693;
}
.e-root .e-explanation-content {
  display: flex;
}
.e-root .e-explanation-content-item-content {
  color: #9E9E9F;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
}
.e-root .e-explanation-content-item-content p {
  font-size: 16px;
}
.e-root .e-intro-title {
  color: #5fc693;
  /* 20_Semibold */
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 28px */
  width: fit-content;
  height: 48px;
  padding: 8px 20px 8px 4px;
  align-items: center;
  display: flex;
  border-radius: 25px;
  border: 1px solid #448f6a;
  background: rgba(95, 198, 147, 0.1);
  box-sizing: border-box;
  margin-bottom: 24px;
}
.e-root .e-introtitle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.e-root .e-introtitle-icon svg {
  width: 20px;
  height: 20px;
}
.e-root .e-introtitle-icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #216c58;
  margin-right: 12px;
}
.e-root .e-explanation-dot {
  position: relative;
  padding-left: 24px;
}
.e-root .e-explanation-dot::before {
  content: "";
  display: inline-block;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 11px;
  left: 10px;
  transform: translateY(-50%);
}
.e-root .e-explanation-content-item-foot {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/introFoot-CsqWhADy.svg");
  background-size: 399.524px 172.842px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position-y: bottom;
}
.e-root .e-explanation-table,
.e-root .e-campaign-table {
  margin-top: 8px;
}
.e-root .e-explanation-table .table-header,
.e-root .e-campaign-table .table-header {
  background: #131416;
}
.e-root .e-explanation-table .table-row,
.e-root .e-campaign-table .table-row {
  border-radius: 4px;
  background: #121315;
  margin-top: 2px;
}
.e-root .e-explanation-table .table-row .table-cell,
.e-root .e-campaign-table .table-row .table-cell {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  padding: 14px;
}
.e-root .e-explanation-table .table-row .table-cell:first-child,
.e-root .e-campaign-table .table-row .table-cell:first-child {
  padding-left: 32px;
}
.e-root .e-explanation-table .table-row .table-cell:nth-child(1),
.e-root .e-campaign-table .table-row .table-cell:nth-child(1) {
  width: 200px;
}
.e-root .e-explanation-table .table-row .table-cell:nth-child(2),
.e-root .e-campaign-table .table-row .table-cell:nth-child(2) {
  width: 300px;
}
.e-root .e-explanation-table .table-header .table-cell,
.e-root .e-campaign-table .table-header .table-cell {
  padding: 12px 14px;
}
.e-root .e-campaign-table .table-row .table-cell:nth-child(1) {
  width: 300px;
}
.e-root .e-campaign-table .table-row .table-cell:nth-child(2) {
  width: 450px;
}
.e-root .e-explanation-table-info {
  margin-top: 8px;
  color: #9E9E9F;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding-left: 12px;
  position: relative;
}
.e-root .e-explanation-table-info::before {
  content: "*";
  position: absolute;
  top: 3px;
  left: 3px;
}
@media only screen and (min-width: 1480px) {
  .e-root .e-container {
    width: 1440px;
    margin: 0 auto;
  }
}

.reward-tooltips.ant-tooltip .ant-tooltip-content {
  width: 160px;
}
.reward-tooltips.ant-tooltip .ant-tooltip-content .ant-tooltip-inner p {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.reward-tooltips.ant-tooltip .ant-tooltip-content .ant-tooltip-inner p a {
  color: #CECECF;
}
.reward-tooltips.ant-tooltip .ant-tooltip-content .ant-tooltip-inner p a:hover {
  color: #5fc693;
}

@media only screen and (max-width: 1479px) {
  .e-root .e-container {
    width: 1200px;
    margin: 0 auto;
  }
  .e-root .e-content {
    margin-top: 60px;
  }
  .e-root .e-tab-con .ant-tabs-nav .ant-tabs-nav-list {
    top: -12px;
  }
  .e-root .e-banner-font {
    height: 344px;
    width: 602px;
    top: 20px;
  }
  .e-root .e-banner-logo-png {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/banner_1200-tW-9eK8e.svg");
    background-size: 1850px;
    background-position-x: -300px;
    background-position-y: -15px;
    width: 1300px;
    height: 600px;
  }
  .e-root .e-banner-title {
    padding-bottom: 20px;
    line-height: 60px;
  }
  .e-root .e-banner-title p {
    font-size: 44px;
  }
  .e-root .e-banner-title-highlight {
    margin: 8px 0;
    font-size: 44px;
  }
  .e-root .e-partner-list {
    row-gap: 56px;
  }
  .e-root .e-partner-item .e-partner-item-info {
    padding: 0 24px;
  }
  .e-root .e-partner-item {
    width: calc((100% - 24px) / 2);
    background-image: url("data:image/svg+xml,%3csvg%20width='564'%20height='164'%20viewBox='0%200%20564%20164'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='564'%20height='164'%20rx='16'%20fill='%2318191B'/%3e%3crect%20opacity='0.3'%20width='564'%20height='164'%20rx='16'%20fill='url(%23paint0_radial_6041_51839)'/%3e%3cmask%20id='mask0_6041_51839'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='564'%20height='164'%3e%3crect%20width='564'%20height='164'%20rx='16'%20fill='%23131416'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_6041_51839)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.2724%20-452.35H96.7277L63.5479%20-44.2391L202.652%20-433.818L280.957%20-405.344L78.8958%20-35.5199L378.196%20-347.422L437.915%20-293.675L93.8214%20-26.2207L498.25%20-213.163L531.249%20-143.195L97.8009%20-10.2787L554.5%20-40.354V35.6558L101.048%205.79434L533.907%20130.986L502.27%20201.461L91.3529%2019.605L437.912%20288.976L378.193%20342.723L81.0159%2033.0332L288.735%20397.029L210.994%20426.729L63.3117%2036.6335L96.7277%20447.65H12.2724L45.4514%2039.5474L-93.6506%20429.122L-171.956%20400.648L30.1075%2030.8193L-269.193%20342.722L-328.912%20288.975L15.1935%2021.5111L-389.254%20208.462L-422.253%20138.495L11.1831%205.58151L-445.5%2035.6558V-40.354L7.94699%20-10.4929L-424.912%20-135.684L-393.275%20-206.159L17.6453%20-24.3023L-328.915%20-293.674L-269.196%20-347.421L27.9834%20-37.729L-179.737%20-401.726L-101.995%20-431.425L45.689%20-41.3249L12.2724%20-452.35Z'%20fill='url(%23paint1_radial_6041_51839)'/%3e%3c/g%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial_6041_51839'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(53.5965)%20scale(111.728%20178.908)'%3e%3cstop%20stop-color='%2378E0D9'/%3e%3cstop%20offset='1'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint1_radial_6041_51839'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(54.5001%20-2.35011)%20rotate(90)%20scale(345.594%20533.494)'%3e%3cstop%20stop-color='white'%20stop-opacity='0.03'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e");
  }
  .e-root .e-partner-item.e-partner-item-balance {
    background-image: url("data:image/svg+xml,%3csvg%20width='564'%20height='164'%20viewBox='0%200%20564%20164'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='564'%20height='164'%20rx='16'%20fill='%2318191B'/%3e%3crect%20opacity='0.3'%20width='564'%20height='164'%20rx='16'%20fill='url(%23paint0_radial_6041_51839)'/%3e%3cmask%20id='mask0_6041_51839'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='564'%20height='164'%3e%3crect%20width='564'%20height='164'%20rx='16'%20fill='%23131416'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_6041_51839)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.2724%20-452.35H96.7277L63.5479%20-44.2391L202.652%20-433.818L280.957%20-405.344L78.8958%20-35.5199L378.196%20-347.422L437.915%20-293.675L93.8214%20-26.2207L498.25%20-213.163L531.249%20-143.195L97.8009%20-10.2787L554.5%20-40.354V35.6558L101.048%205.79434L533.907%20130.986L502.27%20201.461L91.3529%2019.605L437.912%20288.976L378.193%20342.723L81.0159%2033.0332L288.735%20397.029L210.994%20426.729L63.3117%2036.6335L96.7277%20447.65H12.2724L45.4514%2039.5474L-93.6506%20429.122L-171.956%20400.648L30.1075%2030.8193L-269.193%20342.722L-328.912%20288.975L15.1935%2021.5111L-389.254%20208.462L-422.253%20138.495L11.1831%205.58151L-445.5%2035.6558V-40.354L7.94699%20-10.4929L-424.912%20-135.684L-393.275%20-206.159L17.6453%20-24.3023L-328.915%20-293.674L-269.196%20-347.421L27.9834%20-37.729L-179.737%20-401.726L-101.995%20-431.425L45.689%20-41.3249L12.2724%20-452.35Z'%20fill='url(%23paint1_radial_6041_51839)'/%3e%3c/g%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial_6041_51839'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(53.5965)%20scale(111.728%20178.908)'%3e%3cstop%20stop-color='%2378E0D9'/%3e%3cstop%20offset='1'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint1_radial_6041_51839'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(54.5001%20-2.35011)%20rotate(90)%20scale(345.594%20533.494)'%3e%3cstop%20stop-color='white'%20stop-opacity='0.03'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e");
  }
  .e-root .e-partner-item-avatar {
    left: 24px;
  }
  .e-root .e-partner-active-btn {
    width: 100px;
  }
  .e-root .e-explanation-intro-title {
    width: 760px;
    padding: 32px;
  }
  .e-root .e-explanation-intro {
    background-size: 430px;
  }
  .e-root .e-explanation-content-item-content p {
    font-size: 14px;
  }
  .e-root .e-explanation-content-item {
    padding: 32px;
  }
  .e-root .e-explanation-content-item-foot {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/introFoot_1200-CcR-c1C6.svg");
    background-size: 422px 250px;
  }
  .e-root .e-explanation-table .table-row .table-cell:first-child,
  .e-root .e-campaign-table .table-row .table-cell:first-child {
    padding-left: 32px;
  }
  .e-root .e-explanation-table .table-row .table-cell:nth-child(1),
  .e-root .e-campaign-table .table-row .table-cell:nth-child(1) {
    width: 120px;
  }
  .e-root .e-explanation-table .table-row .table-cell:nth-child(2),
  .e-root .e-campaign-table .table-row .table-cell:nth-child(2) {
    width: 260px;
  }
  .e-root .e-campaign-table .table-row .table-cell:nth-child(1) {
    width: 250px;
  }
  .e-root .e-campaign-table .table-row .table-cell:nth-child(2) {
    width: 400px;
  }
  .e-root .e-partner-item-balance-info {
    font-size: 12px;
  }
  .e-root .e-explanation-dot::before {
    top: 10px;
  }
}.header-risk-alert {
  padding: 14px 0;
  background: #331d02;
  text-align: center;
  position: relative;
}
.header-risk-alert .header-risk-alert-item {
  /* 14_Regular */
  display: flex;
  padding-left: 28px;
  align-items: center;
  justify-content: center;
}
.header-risk-alert .header-risk-alert-item p {
  font-family: Inter;
  font-size: 14px;
  width: fit-content;
  color: #CECECF;
}
.header-risk-alert .header-risk-alert-item p > span {
  margin: 0 3px;
}
.header-risk-alert .header-risk-alert-item p > span:nth-child(1) {
  color: #81deb0;
  text-decoration: underline;
  cursor: pointer;
}
.header-risk-alert .header-risk-alert-item p > span:nth-child(1):hover {
  color: #5fc693;
}
.header-risk-alert .header-risk-alert-item p > span:nth-child(2) {
  color: #ff8f0b;
}
.header-risk-alert .header-risk-alert-item .header-risk-icon {
  height: 20px;
  width: 20px;
  margin-right: 8px;
  position: relative;
  top: -2px;
}
.header-risk-alert .header-risk-alert-item .header-risk-icon path {
  fill: #ff8f0b;
}
.header-risk-alert .header-alert-close {
  display: inline-block;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-10px);
  cursor: pointer;
}
.header-risk-alert .header-alert-close:hover path {
  fill: #5fc693;
  fill-opacity: 1;
}

.header-risk-carousel {
  width: 1150px;
  text-align: center;
}
.header-risk-carousel .slick-dots-right {
  display: none !important;
}

.risk-rule-modal.ant-modal .ant-modal-content {
  padding: 32px;
}
.risk-rule-modal.risk-tip-modal.ant-modal .ant-modal-content {
  width: 355px;
  padding: 16px;
  border-radius: 12px;
  background-color: rgba(35, 36, 38, 0.7);
  backdrop-filter: blur(4px);
  transform: translateX(-50%);
}

.risk-init-content {
  margin-top: 8px;
  border-radius: 8px;
  background: #181a1c;
  padding: 16px;
  margin-bottom: 16px;
}
.risk-init-content:last-child {
  margin-bottom: 0;
}
.risk-init-content .risk-init-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.risk-init-content .risk-init-header p {
  color: #fff;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}
.risk-init-content .risk-init-header p svg {
  width: 20px;
  height: 20px;
}
.risk-init-content .risk-init-header p svg path {
  fill: #ff8f0b;
}
.risk-init-content .risk-init-header .risk-init-switch.ant-switch {
  height: 18px;
  line-height: 18px;
  width: 32px;
  background-color: rgba(255, 255, 255, 0.4);
  min-width: 32px;
}
.risk-init-content .risk-init-header .risk-init-switch.ant-switch .ant-switch-loading-icon.anticon {
  height: 12px;
  width: 12px;
  left: 1px;
  top: 1px;
}
.risk-init-content .risk-init-header .risk-init-switch.ant-switch .ant-switch-handle {
  height: 10px;
  width: 10px;
}
.risk-init-content .risk-init-header .risk-init-switch.ant-switch .ant-switch-handle::before {
  height: 10px;
  width: 10px;
  top: 2px;
  left: 2px;
  background-color: rgba(255, 255, 255, 0.6);
}
.risk-init-content .risk-init-header .risk-init-switch.ant-switch.ant-switch-checked {
  background-color: #448f6a;
}
.risk-init-content .risk-init-header .risk-init-switch.ant-switch.ant-switch-checked .ant-switch-handle::before {
  left: 7px;
  background-color: #fff;
}
.risk-init-content .risk-init-header .risk-init-switch.ant-switch.ant-switch-checked .ant-switch-loading-icon.anticon {
  left: 6px;
}
.risk-init-content .risk-init-edit {
  cursor: pointer;
}
.risk-init-content .risk-init-edit:hover path {
  fill: #5fc693;
  fill-opacity: 1;
}
.risk-init-content p {
  color: #9E9E9F;
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  user-select: none;
}
.risk-init-content p span {
  color: #81deb0;
  text-decoration: underline;
  cursor: pointer;
}
.risk-init-content p span:hover {
  color: #5fc693;
}
.risk-init-content .risk-init-email span {
  text-decoration: unset;
  cursor: unset;
}
.risk-init-content .risk-init-email span:hover {
  color: #81deb0;
}

.risk-process-container {
  width: 100%;
  height: 32px;
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/process2-BY6pQnYJ.svg");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.risk-process-container.process-email-true {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/process1-Bxjsaf0X.svg");
}

.risk-email-form .ant-form-item {
  margin-bottom: 0;
}
.risk-email-form .ant-input-outlined.ant-input-status-error:not(.ant-input-disabled) {
  border-color: #71440f;
}
.risk-email-form .ant-input-outlined.ant-input-status-error:not(.ant-input-disabled) {
  background-color: rgba(35, 36, 38, 0.8);
}
.risk-email-form .ant-form-item .ant-form-item-explain-error {
  display: none;
}
.risk-email-form .risk-explain-error {
  display: flex;
  padding: 12px 16px;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 8px;
  background: rgba(255, 143, 11, 0.1);
  margin-top: 16px;
  width: 100%;
  color: #9E9E9F;
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  padding-left: 44px;
  position: relative;
}
.risk-email-form .risk-explain-error::before {
  position: absolute;
  top: 50%;
  left: 16px;
  content: " ";
  display: inline-block;
  height: 20px;
  width: 20px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20d='M10.0013%2018.3332C5.39893%2018.3332%201.66797%2014.6022%201.66797%209.99984C1.66797%205.39746%205.39893%201.6665%2010.0013%201.6665C14.6036%201.6665%2018.3346%205.39746%2018.3346%209.99984C18.3346%2014.6022%2014.6036%2018.3332%2010.0013%2018.3332ZM10.0013%2016.6665C13.6832%2016.6665%2016.668%2013.6818%2016.668%209.99984C16.668%206.31794%2013.6832%203.33317%2010.0013%203.33317C6.3194%203.33317%203.33464%206.31794%203.33464%209.99984C3.33464%2013.6818%206.3194%2016.6665%2010.0013%2016.6665ZM9.16797%2012.4998H10.8346V14.1665H9.16797V12.4998ZM9.16797%205.83317H10.8346V10.8332H9.16797V5.83317Z'%20fill='%23FF8F0B'/%3e%3c/svg%3e");
}

.risk-email-header {
  margin: 8px 0 24px 0;
  color: #9E9E9F;
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  line-height: 140%; /* 19.6px */
}

.risk-email-code {
  background-color: #181a1c;
  padding: 24px;
  border-radius: 16px;
  margin-top: 16px;
  color: #9E9E9F;
  /* 16_Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
.risk-email-code > p {
  color: #fff;
  text-align: center;
  /* 16_Semibold */
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
}
.risk-email-code > span {
  display: inline-block;
  margin-bottom: 8px;
}
.risk-email-code .risk-email-input {
  border-radius: 8px;
  border: 1px solid var(--Dark-Neutral-border_02, rgba(255, 255, 255, 0.15));
  background: rgba(35, 36, 38, 0.8);
  display: flex;
  padding: 11px 16px;
  align-items: center;
  align-self: stretch;
  color: #fff;
  /* 16_Bold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}
.risk-email-code .risk-email-input input {
  font-weight: 700;
}
.risk-email-code .risk-email-input::placeholder {
  color: #6D6D6E;
  /* 16_Regular */
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
}
.risk-email-code .risk-email-input input::placeholder {
  color: #6D6D6E;
  /* 16_Regular */
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
}
.risk-email-code .risk-email-input.ant-input-outlined:focus, .risk-email-code .risk-email-input.ant-input-outlined:focus-within {
  box-shadow: none;
  border-color: #216c58;
}

.risk-email-again {
  font-family: Inter;
  padding-top: 16px;
  text-align: right;
  font-size: 12px;
  user-select: none;
}
.risk-email-again span {
  color: #81deb0;
  cursor: pointer;
}
.risk-email-again span:hover {
  color: #5fc693;
}

.ant-btn.risk-email-code-btn {
  /* 12_Regular */
  font-family: Inter;
  font-size: 12px;
  color: #81deb0;
  border: none;
  background: none;
}
.ant-btn.risk-email-code-btn.ant-btn-variant-link.ant-btn-disabled {
  color: #81deb0;
  font-weight: 400;
}
.ant-btn.risk-email-code-btn.disable, .ant-btn.risk-email-code-btn.ant-btn-variant-link:disabled {
  color: #9E9E9F;
  border: none;
  background: none;
}
.ant-btn.risk-email-code-btn.ant-btn-variant-link:not(:disabled):not(.ant-btn-disabled):hover {
  color: #5fc693;
  border: none;
  background: none;
}

.ant-btn.risk-email-btn {
  height: 40px;
  border-radius: 6px;
  width: 100%;
  margin-top: 24px;
  font-weight: 600;
}

.risk-tip-content {
  color: #9E9E9F;
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}

.risk-rule-header {
  color: #fff;
  font-family: Inter;
  text-align: left;
  line-height: 140%; /* 19.6px */
}
.risk-rule-header.risk-tip-header {
  font-size: 14px;
}

.risk-rule-content {
  margin: 8px 0 12px 0;
}
.risk-rule-content p {
  color: #9E9E9F;
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  text-align: left;
  line-height: 140%; /* 19.6px */
}
.risk-rule-content .risk-rule-table {
  overflow: hidden;
  margin-top: 16px;
  border-radius: 10px;
}
.risk-rule-content .risk-rule-table.table-container .table-row {
  margin-top: 1px;
  background-color: unset;
}
.risk-rule-content .risk-rule-table.table-container .table-cell {
  font-size: 12px;
  padding: 0 12px;
  height: 28px;
  line-height: 28px;
  margin-right: 1px;
  background-color: #131416;
  font-weight: 400;
}
.risk-rule-content .risk-rule-table.table-container .table-cell:first-child {
  padding-left: 0 12px;
}
.risk-rule-content .risk-rule-table.table-container .table-cell:nth-child(1) {
  width: 76px;
}
.risk-rule-content .risk-rule-table.table-container .table-cell:nth-child(2) {
  width: 150px;
}
.risk-rule-content .risk-rule-table.table-container .table-cell:nth-child(3) {
  width: calc((100% - 76px - 150px - 5px) / 2);
}
.risk-rule-content .risk-rule-table.table-container .table-cell:nth-child(4) {
  width: calc((100% - 76px - 150px - 5px) / 2);
  margin-right: 0;
}

.risk-rule-footer {
  color: #6D6D6E;
  /* 12_Regular */
  font-family: Inter;
  font-size: 12px;
  text-align: left;
  padding-left: 24px;
  position: relative;
  line-height: 140%; /* 19.6px */
}
.risk-rule-footer::after {
  content: "  ";
  display: inline-block;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_7690_15175)'%3e%3cpath%20d='M2.93041%202.44573C2.72233%202.23742%202.38488%202.23742%202.17702%202.44573C1.96886%202.65395%201.96886%202.99163%202.17702%203.20002L2.93041%203.95414C3.13851%204.16245%203.47571%204.16245%203.68388%203.95414C3.8919%203.74592%203.8919%203.40833%203.68388%203.20002L2.93041%202.44573ZM13.0538%202.44573L12.3003%203.20002C12.0923%203.40833%2012.0923%203.74592%2012.3003%203.95414C12.5082%204.16245%2012.8456%204.16245%2013.0538%203.95414L13.8071%203.20002C14.0153%202.99163%2014.0153%202.65404%2013.8071%202.44573C13.5991%202.23751%2013.2619%202.23751%2013.0538%202.44573ZM1.59844%206.6666H0.532875C0.238616%206.6666%200%206.90539%200%207.19983C0%207.49444%200.238554%207.73323%200.532875%207.73323H1.59844C1.8927%207.73323%202.13123%207.49444%202.13123%207.19983C2.13123%206.90539%201.8927%206.6666%201.59844%206.6666ZM15.4513%206.6666H14.3858C14.0915%206.6666%2013.8529%206.90539%2013.8529%207.19983C13.8529%207.49444%2014.0915%207.73323%2014.3858%207.73323H15.4513C15.7456%207.73323%2015.9843%207.49444%2015.9843%207.19983C15.9843%206.90539%2015.7456%206.6666%2015.4513%206.6666ZM7.45928%200.533313V1.59994C7.45928%201.89455%207.69783%202.13323%207.99207%202.13323C8.28623%202.13323%208.52495%201.89455%208.52495%201.59994V0.533313C8.52495%200.238787%208.28623%200%207.99207%200C7.69783%200%207.45928%200.238787%207.45928%200.533313ZM4.26246%207.99988C4.26246%205.93807%205.9322%204.26662%207.99207%204.26662C10.0519%204.26662%2011.7218%205.93807%2011.7218%207.99988C11.7218%2010.0618%2010.0519%2011.7333%207.99207%2011.7333C5.9322%2011.7333%204.26246%2010.0617%204.26246%207.99988ZM3.1969%207.99988C3.1969%2010.6511%205.34364%2012.8001%207.99207%2012.8001C10.6405%2012.8001%2012.7873%2010.6511%2012.7873%207.99988C12.7873%205.34885%2010.6405%203.20002%207.99207%203.20002C5.34364%203.20002%203.1969%205.34885%203.1969%207.99988ZM6.92649%2015.4666C6.92649%2015.761%207.16504%2016%207.45928%2016H8.52495C8.81918%2016%209.05774%2015.761%209.05774%2015.4666C9.05774%2015.1719%208.81918%2014.9333%208.52495%2014.9333H7.45928C7.16504%2014.9333%206.92649%2015.1719%206.92649%2015.4666ZM5.86092%2013.8667C5.86092%2014.161%206.09946%2014.4%206.39363%2014.4H9.59051C9.88475%2014.4%2010.1233%2014.161%2010.1233%2013.8667C10.1233%2013.5719%209.88475%2013.3332%209.59051%2013.3332H6.39363C6.09937%2013.3332%205.86092%2013.5719%205.86092%2013.8667Z'%20fill='%23FF8F0B'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_7690_15175'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
}
.risk-rule-footer span {
  color: #ff8f0b;
}
.risk-rule-footer div {
  padding-left: 8px;
  position: relative;
}
.risk-rule-footer div::before {
  content: " ";
  position: absolute;
  top: 7px;
  left: 0;
  height: 3px;
  width: 3px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.4);
}

@media screen and (max-width: 767px) {
  .risk-rule-modal.ant-modal .ant-modal-content {
    padding: 24px;
    width: unset;
  }
  .risk-rule-header {
    font-size: 16px;
  }
  .ant-carousel {
    width: 100%;
  }
  .risk-email-again {
    padding-top: 12px;
  }
  .risk-process-container {
    height: 24px;
  }
  .header-risk-alert {
    padding: 12px 0;
  }
  .header-risk-alert .header-risk-alert-item {
    padding-left: 16px;
    display: block;
  }
  .header-risk-alert .header-risk-alert-item svg:nth-of-type(1) {
    float: left;
    top: 0;
    margin-right: 0;
  }
  .header-risk-alert .header-risk-alert-item p {
    width: calc(100vw - 80px);
    text-align: center;
    font-size: 13px;
  }
  .header-risk-alert .header-alert-close {
    top: 13px;
    transform: translateY(0);
  }
  .risk-init-content .risk-init-header p {
    font-size: 14px;
  }
  .risk-init-content p {
    font-size: 12px;
  }
  .risk-rule-content p {
    font-size: 12px;
  }
  .risk-rule-content .risk-rule-table.table-container .table-cell {
    font-size: 10px;
    padding: 0 0 0 8px;
  }
  .risk-rule-content .risk-rule-table.table-container .table-cell:nth-child(1) {
    width: 55px;
  }
  .risk-rule-content .risk-rule-table.table-container .table-cell:nth-child(2) {
    width: 110px;
  }
  .risk-rule-content .risk-rule-table.table-container .table-cell:nth-child(3) {
    width: calc((100% - 55px - 110px - 3px) / 2);
  }
  .risk-rule-content .risk-rule-table.table-container .table-cell:nth-child(4) {
    width: calc((100% - 55px - 110px - 3px) / 2);
  }
  .risk-email-header {
    font-size: 12px;
    margin-bottom: 16px;
  }
  .ant-modal-confirm .ant-modal-confirm-btns {
    margin-top: 4px;
  }
  .risk-email-form .risk-explain-error {
    margin-top: 12px;
  }
  .risk-email-code {
    padding: 16px;
    font-size: 14px;
  }
  .risk-email-code .risk-email-input {
    padding: 11px 5px 11px 12px;
    gap: 0;
  }
  .risk-email-code > p {
    font-size: 14px;
    margin-bottom: 12px;
  }
}
@media (max-width: 375px) {
  .risk-rule-content .risk-rule-table.table-container .table-cell {
    font-size: 9px;
  }
}.header-chain-container {
  position: relative;
}
.header-chain-container .header-chain-select {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.08);
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='24'%20height='24'%20rx='12'%20fill='%23C53027'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.81946%205.5L11.855%2020.5L20.2639%2010.38L17.2868%207.5845L5.81946%205.5ZM7.95947%206.69261L16.2252%208.19538L13.0167%2010.8359L7.95947%206.69261ZM7.38599%207.25172L12.6565%2011.5699L11.8325%2018.3035L7.38599%207.25172ZM17.1024%208.50293L18.8565%2010.1502L14.059%2011.0084L17.1024%208.50293ZM13.4197%2011.9274L18.7323%2010.9773L12.6387%2018.3108L13.4197%2011.9274Z'%20fill='white'/%3e%3c/svg%3e");
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.header-chain-container .header-chain-select:hover {
  border-color: rgba(255, 255, 255, 0.25);
}
.header-chain-container .header-chain-select.chainType-tron {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='24'%20height='24'%20rx='12'%20fill='%23C53027'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.81946%205.5L11.855%2020.5L20.2639%2010.38L17.2868%207.5845L5.81946%205.5ZM7.95947%206.69261L16.2252%208.19538L13.0167%2010.8359L7.95947%206.69261ZM7.38599%207.25172L12.6565%2011.5699L11.8325%2018.3035L7.38599%207.25172ZM17.1024%208.50293L18.8565%2010.1502L14.059%2011.0084L17.1024%208.50293ZM13.4197%2011.9274L18.7323%2010.9773L12.6387%2018.3108L13.4197%2011.9274Z'%20fill='white'/%3e%3c/svg%3e");
}
.header-chain-container .header-chain-select.chainType-eth {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_9872_13327)'%3e%3cpath%20d='M12%2024C18.6274%2024%2024%2018.6274%2024%2012C24%205.37258%2018.6274%200%2012%200C5.37258%200%200%205.37258%200%2012C0%2018.6274%205.37258%2024%2012%2024Z'%20fill='%23627EEA'/%3e%3cpath%20d='M12.3726%203V9.6525L17.9954%2012.165L12.3726%203Z'%20fill='white'%20fill-opacity='0.602'/%3e%3cpath%20d='M12.3735%203L6.75%2012.165L12.3735%209.6525V3Z'%20fill='white'/%3e%3cpath%20d='M12.3726%2016.4757V20.9959L17.9991%2013.2117L12.3726%2016.4757Z'%20fill='white'%20fill-opacity='0.602'/%3e%3cpath%20d='M12.3735%2020.9959V16.4757L6.75%2013.2117L12.3735%2020.9959Z'%20fill='white'/%3e%3cpath%20d='M12.3726%2015.4297L17.9954%2012.165L12.3726%209.65393V15.4297Z'%20fill='white'%20fill-opacity='0.2'/%3e%3cpath%20d='M6.75%2012.165L12.3735%2015.4297V9.65393L6.75%2012.165Z'%20fill='white'%20fill-opacity='0.602'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_9872_13327'%3e%3crect%20width='24'%20height='24'%20rx='12'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.header-chain-container .header-chain-select.chainType-bsc {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_13333_61790)'%3e%3ccircle%20cx='12'%20cy='12'%20r='12'%20fill='%23F0B90B'/%3e%3cpath%20d='M13.7576%2017.9449V19.9818L12.0009%2021L10.2437%2019.9818V17.9444L12.0009%2018.9626L13.7576%2017.9444L13.7576%2017.9449ZM19.7838%2010.972V16.4869L15.0045%2019.2443V17.2069L18.0256%2015.4682V11.9913L19.7838%2010.9726V10.972ZM4.21668%2010.9725L5.9729%2011.9912V15.4682L8.99445%2017.2069V19.2443L4.21716%2016.4869L4.21619%2010.9735L4.21668%2010.9725ZM15.0211%208.21514L16.7792%209.23334V11.2708L13.7572%2013.0095V16.4869L12%2017.506L10.2428%2016.4873V13.01L7.22073%2011.2712V9.23383L8.97792%208.21563L11.999%209.95432L15.0211%208.21563V8.21514ZM16.7792%2012.7117V14.7482L15.022%2015.7664V13.7295L16.7792%2012.7117V12.7117ZM7.22073%2012.7112L8.97792%2013.7295V15.7664L8.97646%2015.7659L7.22073%2014.7482V12.7112ZM18.0266%206.47692L19.7838%207.49514V9.53254L18.0266%2010.5507V8.51383H18.0261L16.2699%207.49514L18.0266%206.47644V6.47692ZM5.97337%206.47692L7.73008%207.49563L5.97337%208.51432V10.5512L4.21619%209.53351V7.4961L5.97337%206.47741V6.47692ZM11.999%206.47692L13.7562%207.49563L11.999%208.51432V8.51336L10.2423%207.49563L11.999%206.47692ZM12%203L16.7792%205.75692L15.022%206.77464L11.999%205.03644L8.97792%206.77464L7.22073%205.75692L12%203Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_13333_61790'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.header-chain-container .header-chain-select.connecting-true {
  cursor: not-allowed;
}

.chain-select-modal.ant-modal .ant-modal-content {
  width: 500px;
  border-radius: 16px;
  background: var(--Dark-Neutral-border_03, rgba(255, 255, 255, 0.08));
  backdrop-filter: blur(20px);
  border: none;
  padding: 24px;
}
.chain-select-modal .header-chain-title {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 16px;
}
.chain-select-modal .header-chain-item {
  color: #9E9E9F;
  font-size: 12px;
  margin-bottom: 8px;
  cursor: pointer;
  border-radius: 12px;
  overflow: hidden;
}
.chain-select-modal .header-chain-item:last-child {
  margin-bottom: 0;
}
.chain-select-modal .header-chain-item .connected-item {
  padding: 16px;
  padding-bottom: 16px;
  margin-bottom: 1px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(0, 0, 0, 0.3);
}
.chain-select-modal .header-chain-item .connected-item span:first-of-type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
.chain-select-modal .header-chain-item .connected-item .connected-item-true {
  box-sizing: border-box;
  color: #5fc693;
  padding: 4px 8px;
  border-radius: 12px;
  background: rgba(95, 198, 147, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.chain-select-modal .header-chain-item .connected-item svg {
  height: 24px;
  width: 24px;
}
.chain-select-modal .header-chain-item .chain-item-intro {
  padding: 16px;
  background: rgba(0, 0, 0, 0.3);
}
.chain-select-modal .header-chain-item .chain-item-intro span {
  color: #CECECF;
  font-weight: 600;
  font-size: 12px;
}
.chain-select-modal .header-chain-item.selected .connected-item,
.chain-select-modal .header-chain-item.selected .chain-item-intro, .chain-select-modal .header-chain-item:hover .connected-item,
.chain-select-modal .header-chain-item:hover .chain-item-intro {
  background: rgba(0, 0, 0, 0.4);
}

@media screen and (min-width: 767px) and (max-width: 1232px) {
  .chain-select-modal.ant-modal {
    left: calc((100% - 500px) / 2 - 16px) !important;
  }
}
@media screen and (max-width: 767px) {
  .chain-select-modal .header-chain-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .chain-select-modal.ant-modal .ant-modal-content {
    width: 100%;
    background: #212426;
  }
}@media screen and (min-width: 1472px) {
  .faq-box {
    margin-bottom: 30px;
  }
  .faq-box:last-child {
    margin-bottom: 0px;
  }
  .faq-box .title {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
  }
  .faq-box .title .icon-box {
    display: flex;
    width: 32px;
    height: 32px;
    padding: 8.133px 9.367px 8.267px 9.033px;
    justify-content: center;
    align-items: center;
    border-radius: 5.333px;
    background: rgba(255, 255, 255, 0.2);
  }
  .faq-box .title h4 {
    color: #fff;
  }
  .faq-box .desc {
    color: #9E9E9F;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .faq-box {
    margin-bottom: 10px;
  }
  .faq-box:last-child {
    margin-bottom: 0px;
  }
  .faq-box .title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
  }
  .faq-box .title .icon-box {
    display: flex;
    width: 32px;
    height: 32px;
    padding: 8.133px 9.367px 8.267px 9.033px;
    justify-content: center;
    align-items: center;
    border-radius: 5.333px;
    background: rgba(255, 255, 255, 0.2);
  }
  .faq-box .title h4 {
    color: #fff;
    font-size: 16px;
  }
  .faq-box .desc {
    color: #9E9E9F;
  }
}.title-con {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .title-con {
    width: 1200px;
  }
}
@media screen and (min-width: 1472px) {
  .title-con {
    width: 1440px;
  }
}
@media screen and (max-width: 767px) {
  .title-con {
    width: unset;
    padding: 0 20px;
  }
}
.title-con h1 {
  padding: 48px 0 8px;
  font-weight: 700;
  color: #fff;
}
.title-con h5 {
  padding: 0 0 40px;
  font-weight: 400;
  color: #9E9E9F;
}

@media screen and (max-width: 767px) {
  .title-con {
    padding: 0;
  }
  .title-con h1 {
    font-size: 24px;
    font-weight: 700;
    padding: 0;
    line-height: 140%;
  }
  .title-con h5 {
    font-size: 16px;
    font-weight: 400;
    color: #9E9E9F;
    padding: 0;
  }
}
.psm-root {
  min-height: calc(100vh - 60px);
}
@media screen and (max-width: 767px) {
  .psm-root {
    padding-top: 64px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .psm-root {
    padding-top: 80px;
  }
}
@media screen and (min-width: 1472px) {
  .psm-root {
    padding-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  .psm-root {
    padding-bottom: 36px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .psm-root {
    padding-bottom: 36px;
  }
}
@media screen and (min-width: 1472px) {
  .psm-root {
    padding-bottom: 36px;
  }
}
.psm-root .content-box {
  display: flex;
  gap: 24px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .psm-root .content-box {
    width: 1200px;
  }
}
@media screen and (min-width: 1472px) {
  .psm-root .content-box {
    width: 1440px;
  }
}
@media screen and (max-width: 767px) {
  .psm-root .content-box {
    width: unset;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .psm-root .content-box {
    flex-direction: column;
    padding: 0 20px;
  }
}
.psm-root .content-box .left {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.psm-root .content-box .left .from {
  position: relative;
  padding: 40px;
  border-radius: 24px 24px 0 0;
  background: linear-gradient(94deg, rgba(24, 26, 28, 0.6) 2.16%, rgba(24, 28, 28, 0.6) 101.13%);
  margin-bottom: 4px;
}
@media screen and (min-width: 1472px) {
  .psm-root .content-box .left .from {
    width: 708px;
    height: 192px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .psm-root .content-box .left .from {
    width: 588px;
    height: 192px;
  }
}
@media screen and (max-width: 767px) {
  .psm-root .content-box .left .from {
    height: 146px;
    width: 100%;
    padding: 24px;
    border-radius: 16px 16px 0 0;
    margin-bottom: 2px;
  }
}
.psm-root .content-box .left .to {
  position: relative;
  border-radius: 0 0 24px 24px;
  background: linear-gradient(180deg, rgba(33, 108, 88, 0) 8.68%, rgba(68, 143, 106, 0.8) 100%);
  z-index: 1;
  margin-bottom: 32px;
}
.psm-root .content-box .left .to .exchange {
  position: absolute;
  z-index: 2;
  left: calc(50% - 24px);
  top: -24px;
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  border: 3px solid #0c0c0e;
  background: linear-gradient(270deg, #448f6a -1.41%, #5fc693 102.26%);
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .psm-root .content-box .left .to .exchange {
    width: 32px;
    height: 32px;
    top: -19px;
    border-radius: 16px;
    border: 2px solid #1f2829;
  }
  .psm-root .content-box .left .to .exchange img {
    width: 21px;
    height: 21px;
  }
}
@media screen and (min-width: 1472px) {
  .psm-root .content-box .left .to {
    width: 708px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .psm-root .content-box .left .to {
    width: 588px;
  }
}
.psm-root .content-box .left .to .top {
  width: 100%;
  padding: 40px 40px 24px 40px;
  border-radius: 0 0 24px 24px;
  background: linear-gradient(94deg, rgba(24, 26, 28, 0.5) 2.16%, rgba(24, 28, 28, 0.5) 101.13%);
  z-index: 2;
}
@media screen and (min-width: 1472px) {
  .psm-root .content-box .left .to .top {
    height: 176px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .psm-root .content-box .left .to .top {
    height: 176px;
  }
}
.psm-root .content-box .left .to .availbale {
  padding: 14px 40px;
  color: #CECECF;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  gap: 4px;
  /* 19.6px */
}
.psm-root .content-box .left .to .availbale .psm-amount {
  color: #CECECF !important;
  font-weight: 600;
}
.psm-root .content-box .left .to .availbale .ant-space-gap-col-small {
  column-gap: 4px;
}
.psm-root .content-box .left .to .availbale .ant-space-gap-col-small .ant-space-item {
  color: #CECECF;
  display: flex;
}
.psm-root .content-box .left .to .availbale .ant-space-gap-col-small .ant-space-item span {
  color: #CECECF;
  text-decoration-color: unset;
}
.psm-root .content-box .left .to .availbale .fee-box {
  margin: 8px auto 0;
  padding: 0;
  color: #CECECF;
}
.psm-root .content-box .left .to .availbale .fee-box .fee-item {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media screen and (max-width: 767px) {
  .psm-root .content-box .left .to {
    position: relative;
    margin-bottom: 24px;
    border-radius: 0 0 16px 16px;
    width: 100%;
  }
  .psm-root .content-box .left .to .top {
    height: 138px;
    border-radius: 0 0 16px 16px;
    padding: 24px;
  }
  .psm-root .content-box .left .to .availbale {
    padding: 8px 0px 12px 24px;
  }
  .psm-root .content-box .left .to .availbale .psm-amount {
    color: #fff !important;
  }
  .psm-root .content-box .left .to .availbale .custom-tooltip {
    border-radius: 50%;
  }
}
.psm-root .content-box .left .error-info {
  display: flex;
  width: 100%;
  padding: 12px 16px;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  background: rgba(255, 143, 11, 0.1);
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 140%;
  color: #9E9E9F;
}
.psm-root .content-box .left .error-info img {
  width: 20px;
}
.psm-root .content-box .left .error-info a {
  text-decoration: underline;
  color: #81deb0;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .psm-root .content-box .left .error-info h6 {
    margin-top: 0;
  }
}
.psm-root .content-box .left h4 {
  color: #9E9E9F;
}
@media screen and (max-width: 767px) {
  .psm-root .content-box .left h4 {
    margin-bottom: 7px;
  }
}
.psm-root .content-box .left h6 {
  color: #9E9E9F;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media screen and (max-width: 767px) {
  .psm-root .content-box .left h6 {
    font-size: 14px;
    margin-top: 7px;
  }
}
.psm-root .content-box .left h6 .max-button {
  color: #81deb0;
  margin-left: 8px;
  cursor: pointer;
}
.psm-root .content-box .left h6 .max-button:hover {
  color: #5fc693;
}
.psm-root .content-box .left .input-box {
  display: flex;
  align-items: center;
  height: 62px;
}
@media screen and (max-width: 767px) {
  .psm-root .content-box .left .input-box {
    height: 48px;
  }
}
.psm-root .content-box .left .custom-input .ant-input-wrapper .ant-input {
  height: 54px;
  padding: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 140%;
  background-color: transparent !important;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  color: white;
  box-shadow: none;
}
.psm-root .content-box .left .custom-input .ant-input-wrapper .ant-input::placeholder {
  color: white;
  opacity: 1;
  font-size: 32px;
  font-weight: 700;
  line-height: 140%;
}
.psm-root .content-box .left .custom-input .ant-input-wrapper .ant-input:focus {
  caret-color: #81deb0;
}
@media screen and (max-width: 767px) {
  .psm-root .content-box .left .custom-input .ant-input-wrapper .ant-input {
    font-size: 24px;
    height: 34px;
  }
  .psm-root .content-box .left .custom-input .ant-input-wrapper .ant-input::placeholder {
    font-size: 24px;
  }
}
.psm-root .content-box .left .custom-input .ant-input-wrapper .ant-input::placeholder {
  color: #3D3D3E;
}
.psm-root .content-box .left .custom-input .ant-input-wrapper .ant-input-group-addon {
  border: none;
}
.psm-root .content-box .left .custom-select {
  height: 64px;
  background-color: rgba(255, 255, 255, 0.05) !important;
  width: 156px;
  border-radius: 12px;
  border: none;
  box-shadow: none;
  outline: none;
  display: inline-flex;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.psm-root .content-box .left .custom-select .ant-select-selector {
  background-color: transparent !important;
  border: none;
  box-shadow: none;
  outline: none;
  padding: 0 16px;
}
.psm-root .content-box .left .custom-select .ant-select-selector .ant-select-selection-item {
  display: flex;
  gap: 8px;
  align-items: center;
  overflow: visible;
}
.psm-root .content-box .left .custom-select .ant-select-selector .ant-select-selection-item img {
  width: 32px;
}
.psm-root .content-box .left .custom-select .ant-select-selector .ant-select-selection-item span {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 70px;
  color: #fff;
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-align: left;
  /* 22.4px */
}
.psm-root .content-box .left .custom-select .ant-select-arrow {
  flex: none;
}
@media screen and (max-width: 767px) {
  .psm-root .content-box .left .custom-select {
    height: 38px;
    border-radius: 8px;
    width: 112px;
    height: unset;
  }
  .psm-root .content-box .left .custom-select .ant-select-selector {
    padding: 8px;
  }
  .psm-root .content-box .left .custom-select .ant-select-selector .ant-select-selection-item {
    gap: 8px;
  }
  .psm-root .content-box .left .custom-select .ant-select-selector .ant-select-selection-item img {
    width: 24px;
  }
  .psm-root .content-box .left .custom-select .ant-select-selector .ant-select-selection-item span {
    width: 56px;
    font-size: 14px;
  }
}
.psm-root .content-box .right {
  padding: 10px 40px 0 56px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
.psm-root .content-box .right .btn-group {
  display: flex;
  justify-content: space-between;
}
.psm-root .content-box .right .btn-group .box {
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #CECECF;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  cursor: pointer;
}
@media screen and (min-width: 1472px) {
  .psm-root .content-box .right .btn-group .box {
    padding: 0 24px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .psm-root .content-box .right .btn-group .box {
    padding: 0 16px;
  }
}
.psm-root .content-box .right .btn-group .box:hover {
  border: 1px solid rgba(255, 255, 255, 0.45);
}
.psm-root .content-box .right .btn-group .box:active {
  color: #9E9E9F;
}
@media screen and (max-width: 767px) {
  .psm-root .content-box .right .btn-group {
    flex-direction: column;
    gap: 16px;
  }
  .psm-root .content-box .right .btn-group .box {
    display: flex;
    padding: 0 24px;
    height: 48px;
    gap: 12px;
    align-items: center;
    align-self: stretch;
  }
  .psm-root .content-box .right .btn-group .box img {
    order: 1;
    width: 16px;
    margin-left: 87px;
  }
  .psm-root .content-box .right .btn-group .box h6 {
    order: 2;
    text-align: center;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .psm-root .content-box .right {
    width: 100%;
    padding: 0;
    margin-top: 8px;
  }
  .psm-root .content-box .right .faq-box {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 32px;
  }
  .psm-root .content-box .right .faq-box .title {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .psm-root .content-box .right .faq-box .title img {
    padding: 6px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.2);
  }
  .psm-root .content-box .right .faq-box .title h4 {
    font-size: 20px;
    font-weight: 400;
    font-size: 16px;
  }
  .psm-root .content-box .right .faq-box .desc {
    font-size: 14px;
    font-weight: 400;
    color: #9E9E9F;
  }
}
.psm-root .psm-tip {
  height: 80px;
  padding-right: 40px;
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/binance-BETgR7tK.png");
  width: 1400px;
  margin: 0 auto;
  margin-top: 24px;
  transform: translateX(-20px);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
  border-radius: 12px;
  position: relative;
  cursor: pointer;
}
.psm-root .psm-tip.bsc-banner {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/gate-DTRJKEnM.png");
}
.psm-root .psm-tip.eth-banner {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/binance-BETgR7tK.png");
}
.psm-root .psm-tip.gasfree-banner {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/gasfree-CramJ3Et.png");
}
.psm-root .psm-tip a {
  font-size: 14px;
  font-weight: 700;
  background: rgba(24, 26, 28, 0.6);
  display: inline-flex;
  padding: 6px 16px;
  border-radius: 180px;
  align-items: center;
  gap: 6px;
  border: 1px solid #c8d45a;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 170px;
  transform: translateY(-50%);
}
.psm-root .psm-tip a:hover {
  border: 1px solid #92feb5;
}
.psm-root .psm-tip a i {
  font-style: normal;
  background: linear-gradient(90deg, #cced6d 0%, #92feb5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 767px) {
  .psm-root {
    display: flex;
    flex-direction: column;
  }
  .psm-root .title-component {
    padding: 24px 23px 16px 23px;
  }
}

.custom-text-psm {
  max-width: 100px !important;
  font-size: 14px;
  line-height: 140%;
  margin-bottom: 0 !important;
  color: #fff !important;
}

.contract-modal {
  display: flex;
  flex-direction: column;
  background: transparent !important;
  padding: 0;
  margin: 0;
}
.contract-modal {
  overflow: auto; /* 允许滚动 */
  scrollbar-width: none; /* Firefox 隐藏滚动条 */
  -ms-overflow-style: none; /* IE/Edge 隐藏滚动条 */
}
.contract-modal::-webkit-scrollbar {
  display: none; /* Chrome/Safari 隐藏滚动条 */
}
.contract-modal.chain-tron-false {
  height: 248px;
  overflow: auto;
}
.contract-modal .item {
  background-color: rgb(24, 26, 28);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
}
.contract-modal .item.item-margin-true {
  margin-bottom: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.contract-modal .item.radius-top-true {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.contract-modal .item.margin-true {
  margin: 1px 0;
}
.contract-modal .item p {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 4px;
}
.contract-modal .item span {
  color: #9E9E9F;
  font-weight: 400;
  font-size: 14px;
}
.contract-modal .item:hover {
  background-color: #1c1d1f;
}
.contract-modal .item:hover p,
.contract-modal .item:hover span {
  color: #5fc693;
}
.contract-modal .item:hover svg path {
  fill: #5fc693;
  fill-opacity: 1;
}
@media screen and (max-width: 767px) {
  .contract-modal .item {
    gap: 16px;
  }
  .contract-modal .item span {
    font-family: Inter;
    font-size: 14px;
    width: 100%;
    display: block;
    word-break: break-all;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .contract-modal.chain-tron-false {
    height: 340px;
  }
}

.psm-select-popup {
  border-radius: 8px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(32px);
  color: #CECECF;
  padding: 8px 0;
}
.psm-select-popup .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #81deb0;
  font-weight: 600;
  background-color: transparent;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.psm-select-popup .ant-select-item {
  color: #CECECF;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 10px 16px;
}
@media screen and (max-width: 767px) {
  .psm-select-popup .ant-select-item {
    padding: 0 8px;
  }
}
.psm-select-popup .ant-select-item:hover {
  background: rgba(255, 255, 255, 0.05);
}
.psm-select-popup .ant-select-item .ant-space-gap-col-small {
  column-gap: 8px;
}
.psm-select-popup .ant-select-item .ant-space-gap-col-small .ant-space-item img {
  width: 32px;
}
.psm-select-popup .ant-select-item .ant-space-gap-col-small .ant-space-item span {
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
  /* 19.6px */
}
@media screen and (max-width: 767px) {
  .psm-select-popup .ant-select-item {
    padding: 8px;
  }
  .psm-select-popup .ant-select-item .ant-space-gap-col-small {
    column-gap: 8px;
  }
  .psm-select-popup .ant-select-item .ant-space-gap-col-small .ant-space-item img {
    width: 24px;
  }
}

.custom-modal .ant-modal-body .get-token {
  margin: 0;
}
.custom-modal .ant-modal-body .get-token.psm-token {
  gap: 12px;
}
.custom-modal .ant-modal-body .approve-notice {
  color: #CECECF;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  border-radius: 8px;
  background: rgba(255, 143, 11, 0.1);
  backdrop-filter: blur(2px);
  margin-bottom: 24px;
  padding: 12px 16px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.custom-modal .ant-modal-body .approve-notice span {
  width: 20px;
  height: 20px;
  font-size: 0;
}
@media screen and (max-width: 767px) {
  .custom-modal .ant-modal-body .coin-item {
    gap: 8px !important;
  }
  .custom-modal .ant-modal-body .coin-item .info h6 {
    font-size: 14px;
    font-weight: 500 !important;
  }
  .custom-modal .ant-modal-body .get-token {
    height: 80px;
    gap: 12px;
  }
  .custom-modal .ant-modal-body .get-token.psm-token {
    height: unset;
  }
  .custom-modal .ant-modal-body .get-token li h6 {
    font-size: 14px;
    line-height: 140%;
  }
}
.custom-modal .ant-modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.custom-modal .ant-modal-footer button {
  min-width: 96px;
  height: 40px;
}
@media screen and (max-width: 767px) {
  .custom-modal .ant-modal-footer {
    display: flex;
    justify-content: center;
  }
  .custom-modal .ant-modal-footer button {
    display: flex;
    height: 40px;
    padding: 0px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
  }
}

.psm-guide-line {
  color: #9E9E9F;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.psm-guide-line > span {
  color: #fff;
}
.psm-guide-line > a {
  display: inline;
  text-decoration: underline;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.psm-guide-banner {
  padding: 16px;
  border-radius: 8px;
  background: rgba(68, 143, 106, 0.16);
  margin-top: 24px;
  font-size: 14px;
  text-align: left;
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/earn-mrUtzwDu.svg");
  background-position: center right 16px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  color: #CECECF;
  cursor: pointer;
}
.psm-guide-banner > span {
  color: #81deb0;
}
.psm-guide-banner:hover > span {
  color: #5fc693;
  text-decoration: underline;
}

@media screen and (min-width: 767px) and (max-width: 1472px) {
  .psm-root .psm-tip {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/binance-BETgR7tK.png");
    max-width: 1160px;
  }
  .psm-root .psm-tip.bsc-banner {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/gate-DTRJKEnM.png");
    background-position-x: left -100px;
    background-position-y: center;
  }
  .psm-root .psm-tip.eth-banner {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/binance-BETgR7tK.png");
    background-position-x: left -100px;
    background-position-y: center;
  }
  .psm-root .psm-tip.gasfree-banner {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/gasfree-CramJ3Et.png");
    background-position-x: left -100px;
    background-position-y: center;
  }
  .psm-root .psm-tip a {
    right: 120px;
  }
}
@media screen and (max-width: 767px) {
  .psm-root .psm-tip {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/binance_m-Jmb0FPV5.png");
    width: 100%;
    width: 100%;
    height: auto;
    aspect-ratio: 1050/300;
    transform: translateY(0);
    margin-top: 0;
    margin-bottom: 16px;
    background-size: 100% auto;
    background-position: center;
  }
  .psm-root .psm-tip.bsc-banner {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/gate_m-CDEuPjtd.png");
  }
  .psm-root .psm-tip.eth-banner {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/binance_m-Jmb0FPV5.png");
  }
  .psm-root .psm-tip.gasfree-banner {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/gasfree_m-Br4KxQJu.png");
  }
  .psm-root .psm-tip a {
    padding: 4px 8px;
    top: unset;
    bottom: -3px;
    left: 24px;
    width: fit-content;
    font-size: 12px;
  }
  .psm-root .ant-btn.l-size {
    height: 48px;
  }
  .psm-guide-banner {
    margin-top: 16px;
    padding: 16px 60px 16px 16px;
    background-position: bottom 0 right 12px;
    background-size: auto 80%;
  }
}.simple-modal .simple-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.simple-modal .simple-title p {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
}
.simple-modal .simple-content {
  color: #9E9E9F;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}
.simple-modal .ant-modal-confirm-btns {
  display: flex;
  margin-top: 24px;
}
.simple-modal .ant-modal-confirm-btns .ant-btn-default,
.simple-modal .ant-modal-confirm-btns .ant-btn-primary {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  border-radius: 6px;
  height: 40px;
}
.migrate-root {
  min-height: calc(100vh - 60px);
}
@media screen and (max-width: 767px) {
  .migrate-root {
    padding-top: 64px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .migrate-root {
    padding-top: 80px;
  }
}
@media screen and (min-width: 1472px) {
  .migrate-root {
    padding-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  .migrate-root {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .migrate-root {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1472px) {
  .migrate-root {
    padding-bottom: 80px;
  }
}
.migrate-root .content-box {
  display: flex;
  gap: 24px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .migrate-root .content-box {
    width: 1200px;
  }
}
@media screen and (min-width: 1472px) {
  .migrate-root .content-box {
    width: 1440px;
  }
}
@media screen and (max-width: 767px) {
  .migrate-root .content-box {
    width: unset;
    padding: 0 20px;
  }
}
.migrate-root .content-box .left {
  display: flex;
  flex-direction: column;
}
.migrate-root .content-box .left .outer-box {
  position: relative;
  padding: 40px 0px 40px 0px;
  border-radius: 24px;
  background: linear-gradient(94deg, rgba(24, 26, 28, 0.6) 2.16%, rgba(24, 28, 28, 0.6) 101.13%);
  backdrop-filter: blur(2px);
}
@media screen and (min-width: 1472px) {
  .migrate-root .content-box .left .outer-box {
    width: 708px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .migrate-root .content-box .left .outer-box {
    width: 588px;
  }
}
.migrate-root .content-box .left .outer-box h5 {
  padding-left: 40px;
  color: #CECECF;
  margin-bottom: 8px;
}
.migrate-root .content-box .left .outer-box h2 {
  padding-left: 40px;
  color: #81deb0;
  font-weight: 700;
  margin-bottom: 24px;
}
.migrate-root .content-box .left .outer-box .inner-box {
  padding: 40px 40px 0;
  display: flex;
  gap: 106px;
  flex-direction: column;
  border-radius: 24px;
  background: linear-gradient(0deg, rgba(33, 108, 88, 0) 23.67%, rgba(68, 143, 106, 0.8) 100%), url("https://prod-app-cdn-new.usdd.io/static/media/wallet-bg-D6Lc8NwR.png");
  background-size: cover, contain;
  /* 使背景图覆盖整个容器 */
  background-position: center, top 30px right -20px;
  /* 背景图居中 */
  background-repeat: no-repeat;
}
@media screen and (min-width: 1472px) {
  .migrate-root .content-box .left .outer-box .inner-box {
    width: 708px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .migrate-root .content-box .left .outer-box .inner-box {
    width: 588px;
  }
}
@media screen and (max-width: 767px) {
  .migrate-root .content-box .left .outer-box .inner-box {
    width: 100%;
  }
}
.migrate-root .content-box .left .outer-box .inner-box .inner-box-top {
  display: flex;
  gap: 16px;
}
.migrate-root .content-box .left .outer-box .inner-box .inner-box-top .name {
  padding: 16px;
  border-radius: 28px;
  border: 1px solid #448f6a;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 32px 0px rgba(95, 198, 147, 0.2) inset;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0px;
}
.migrate-root .content-box .left .outer-box .inner-box .inner-box-top img {
  width: 24px;
}
.migrate-root .content-box .left .outer-box .inner-box .inner-box-bottom .inner-box-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.migrate-root .content-box .left .outer-box .inner-box .inner-box-bottom .inner-box-title h4 {
  font-size: 16px;
  color: #CECECF;
  font-weight: 600;
}
.migrate-root .content-box .left .outer-box .inner-box .inner-box-bottom .inner-box-title h6 {
  color: #9E9E9F;
}
.migrate-root .content-box .left .outer-box .inner-box .inner-box-bottom .tips-box {
  display: flex;
  padding: 8px 0px;
  flex-direction: column;
  border-radius: 8px;
  margin: 8px auto 0;
}
.migrate-root .content-box .left .outer-box .inner-box .inner-box-bottom .tips-box li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  color: #9E9E9F;
}
.migrate-root .content-box .left .outer-box .inner-box .inner-box-bottom .tips-box li .with-color {
  color: #81deb0;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .migrate-root .content-box .left .outer-box {
    margin-bottom: 24px;
    padding: 24px 0 0 0;
    border-radius: 16px;
    width: 100%;
  }
  .migrate-root .content-box .left .outer-box h5 {
    padding-left: 24px;
  }
  .migrate-root .content-box .left .outer-box h2 {
    font-size: 32px;
    padding-left: 24px;
    margin-bottom: 16px;
  }
  .migrate-root .content-box .left .outer-box .inner-box {
    background-size: auto, 330px;
    background-position: center, top 50px right -20px;
    border-radius: 16px;
    padding: 24px 24px 0;
    gap: 48px;
  }
  .migrate-root .content-box .left .outer-box .inner-box .inner-box-bottom .inner-box-title {
    margin-bottom: 8px;
  }
  .migrate-root .content-box .left .outer-box .inner-box .inner-box-bottom .inner-box-title h4 {
    font-size: 14px;
  }
  .migrate-root .content-box .left .outer-box .inner-box .inner-box-bottom .inner-box-title h6 {
    display: none;
  }
  .migrate-root .content-box .left .outer-box .inner-box .inner-box-bottom .mobile-balance {
    margin-top: 8px;
    padding-bottom: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #6D6D6E;
  }
  .migrate-root .content-box .left .outer-box .inner-box .inner-box-bottom .tips-box {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 22px;
  }
  .migrate-root .content-box .left .outer-box .inner-box .inner-box-bottom .tips-box h6 {
    color: #CECECF;
  }
}
.migrate-root .content-box .left .include-error {
  margin-bottom: 16px;
}
.migrate-root .content-box .left .error-info {
  display: flex;
  width: 100%;
  padding: 12px 16px;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  background: rgba(255, 143, 11, 0.1);
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 140%;
}
.migrate-root .content-box .left .error-info img {
  width: 20px;
}
.migrate-root .content-box .left .error-info h6 {
  color: #9E9E9F;
}
@media screen and (max-width: 767px) {
  .migrate-root .content-box .left .error-info {
    margin-bottom: 24px;
  }
}
.migrate-root .content-box .left .input {
  height: 64px;
  padding: 0 16px 0 4px;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  outline: none;
  display: flex;
  align-items: center;
  color: white;
  box-shadow: none;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.1) !important;
  gap: 12px;
}
.migrate-root .content-box .left .input .ant-input {
  font-weight: 700;
}
.migrate-root .content-box .left .input .ant-input::placeholder {
  color: #6D6D6E;
  font-family: Inter;
  font-style: normal;
  line-height: 140%;
  font-weight: 400;
}
.migrate-root .content-box .left .input:focus {
  caret-color: #81deb0;
}
.migrate-root .content-box .left .input .suffix-input {
  display: flex;
  align-items: center;
  gap: 12px;
}
.migrate-root .content-box .left .input .suffix-input span {
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 22.4px */
}
@media screen and (max-width: 767px) {
  .migrate-root .content-box .left .input {
    height: 48px;
    font-size: 16px;
    border-radius: 8px;
    padding: 0 12px 0 4px;
    gap: 8px;
  }
}
.migrate-root .content-box .right {
  padding: 34px 40px 0 56px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.migrate-root .content-box .right .btn-group {
  display: flex;
  justify-content: space-between;
}
.migrate-root .content-box .right .btn-group .box {
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #CECECF;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  cursor: pointer;
}
@media screen and (min-width: 1472px) {
  .migrate-root .content-box .right .btn-group .box {
    padding: 0 24px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .migrate-root .content-box .right .btn-group .box {
    padding: 0 16px;
  }
}
.migrate-root .content-box .right .btn-group .box:hover {
  border: 1px solid rgba(255, 255, 255, 0.45);
}
.migrate-root .content-box .right .btn-group .box:active {
  color: #9E9E9F;
}
@media screen and (max-width: 767px) {
  .migrate-root .content-box .right .btn-group {
    flex-direction: column;
    gap: 16px;
  }
  .migrate-root .content-box .right .btn-group .box {
    display: flex;
    padding: 0 24px;
    height: 48px;
    gap: 12px;
    align-items: center;
    align-self: stretch;
  }
  .migrate-root .content-box .right .btn-group .box img {
    order: 1;
    width: 16px;
    margin-left: 87px;
  }
  .migrate-root .content-box .right .btn-group .box h6 {
    order: 2;
    text-align: center;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .migrate-root .content-box .right {
    width: 100%;
    padding: 0;
  }
  .migrate-root .content-box .right .faq-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
  }
  .migrate-root .content-box .right .faq-box .title {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .migrate-root .content-box .right .faq-box .title img {
    padding: 6px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.2);
  }
  .migrate-root .content-box .right .faq-box .title h4 {
    font-size: 20px;
    font-weight: 400;
  }
  .migrate-root .content-box .right .faq-box .desc {
    font-size: 14px;
    font-weight: 400;
    color: #9E9E9F;
  }
}
@media screen and (max-width: 767px) {
  .migrate-root .content-box {
    flex-direction: column;
    gap: 32px;
  }
}
.migrate-root .content-box .left .outer-box .inner-box.box-modal {
  background: linear-gradient(0deg, rgba(33, 108, 88, 0) 23.67%, rgba(68, 143, 106, 0.8) 100%);
  align-items: center;
  gap: 8px;
}
.migrate-root .content-box .left .outer-box .inner-box.box-modal .box-modal-icon {
  padding: 16px;
  border-radius: 50%;
  background: rgba(255, 143, 11, 0.24);
  height: 80px;
  width: 80px;
  display: flex;
  align-content: center;
  justify-content: center;
  margin-bottom: 4px;
}
.migrate-root .content-box .left .outer-box .inner-box.box-modal .box-modal-title {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.migrate-root .content-box .left .outer-box .inner-box.box-modal .box-modal-content {
  font-size: 14px;
  color: #9E9E9F;
  text-align: center;
}
.migrate-root .content-box .left .outer-box .inner-box.box-modal .box-modal-step {
  width: 100%;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  padding: 16px;
  font-size: 14px;
  color: #CECECF;
  margin-top: 16px;
}
.migrate-root .content-box .left .outer-box .inner-box.box-modal .box-modal-step p {
  font-size: 14px;
}
.migrate-root .content-box .left .outer-box .inner-box.box-modal .box-modal-step p:first-child {
  margin-bottom: 8px;
}
.migrate-root .content-box .left .outer-box .inner-box.box-modal .box-modal-step p a {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .migrate-root .title-component {
    padding: 24px 23px 16px 23px;
  }
}

.custom-modal .coin-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.custom-modal .coin-box .coin-item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.custom-modal .coin-box .coin-item h6 {
  color: #CECECF;
}
.custom-modal .coin-box .coin-item:last-child h6 {
  text-align: right;
}
.custom-modal .coin-box .coin-item .info h6 {
  color: #fff;
  font-weight: 600;
}
.custom-modal .coin-box .coin-item .icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid rgba(33, 108, 88, 0.6);
  background: #181a1c;
  box-shadow: 0px 0px 10px 0px rgba(33, 108, 88, 0.3), 0px 0px 32px 0px rgba(33, 108, 88, 0.3) inset;
}
.custom-modal .coin-box .coin-item .icon img {
  width: 24px;
}
.custom-modal .coin-box .coin-item img {
  width: 40px;
}
@media screen and (max-width: 767px) {
  .custom-modal .coin-box .coin-item h6 {
    font-size: 14px;
  }
}
.custom-modal .coin-box .icon-arrow {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border: 1px solid rgba(33, 108, 88, 0.2);
  background: #232426;
  box-shadow: 0px 0px 12px 0px rgba(33, 108, 88, 0.3) inset;
}
.custom-modal .get-token {
  display: flex;
  padding: 14px 16px;
  flex-direction: column;
  border-radius: 8px;
  background: #181a1c;
  margin: 0;
}
.custom-modal .get-token li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  color: #9E9E9F;
}
.custom-modal .get-token li h6 {
  color: #9E9E9F;
}
@media screen and (max-width: 767px) {
  .custom-modal .get-token li h6 {
    font-size: 14px;
  }
}
.custom-modal .get-token li .with-color {
  color: #81deb0;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .custom-modal .migrate {
    align-items: flex-start;
    align-self: stretch;
    height: auto !important;
    padding: 8px 16px !important;
    margin: 0px auto 24px;
  }
  .custom-modal .migrate li {
    display: flex;
    height: 32px !important;
    align-items: center;
    gap: 16px;
    align-self: stretch;
  }
}
.custom-modal .ant-modal-footer {
  margin-top: 0px;
}
@media screen and (max-width: 767px) {
  .custom-modal .ant-modal-footer {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .custom-modal .ant-modal-footer button {
    height: 40px;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .migrate-root .content-box .left .outer-box .inner-box.box-modal {
    padding: 20px;
  }
}.wallet-assets {
  margin-top: 20px;
}
@media screen and (min-width: 1472px) {
  .wallet-assets {
    width: 464px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .wallet-assets {
    width: 384px;
  }
}
.wallet-assets .top {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-left: transparent;
  border-right: transparent;
  border-radius: 24px;
}
@media screen and (min-width: 1472px) {
  .wallet-assets .top {
    padding: 32px 0 24px 32px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .wallet-assets .top {
    padding: 32px 0 24px 24px;
  }
}
.wallet-assets .top .title {
  color: #9E9E9F;
  margin-bottom: 4px;
}
.wallet-assets .top .total-asset-box {
  display: flex;
  gap: 12px;
  align-items: center;
}
.wallet-assets .top .total-asset-box .total-asset-name {
  font-weight: 600;
}
.wallet-assets .top .total-asset-box .total-asset-logo {
  width: 24px;
  height: 24px;
}
.wallet-assets .bottom {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (min-width: 1472px) {
  .wallet-assets .bottom {
    padding: 36px 32px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .wallet-assets .bottom {
    padding: 36px 24px;
  }
}
.wallet-assets .bottom .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wallet-assets .bottom .item .left {
  display: flex;
  gap: 16px;
}
.wallet-assets .bottom .item .left .logo-box {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  border: 1px solid rgba(33, 108, 88, 0.6);
  background: #181a1c;
  box-shadow: 0px 0px 24px 0px rgba(33, 108, 88, 0.3) inset;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wallet-assets .bottom .item .left .logo-box .logo {
  width: 20px;
}
.wallet-assets .bottom .item .left .logo {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
}
.wallet-assets .bottom .item .left .logo img {
  width: 24px;
  height: 24px;
}
.wallet-assets .bottom .item .left .logo-box-red {
  border: 1px solid rgba(197, 49, 39, 0.2);
  box-shadow: 0px 0px 16px 0px rgba(197, 49, 39, 0.3) inset;
}
.wallet-assets .bottom .item .left .content {
  min-width: 100px;
}
.wallet-assets .bottom .item .left .content .title {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  margin-bottom: 4px;
}
.wallet-assets .bottom .item .left .content .title .name {
  color: #9E9E9F;
}
.wallet-assets .bottom .item .left .content .title .tips {
  position: absolute;
  left: 42px;
  top: -5px;
}
.wallet-assets .bottom .item .left .content .amount {
  display: flex;
  align-items: center;
  gap: 4px;
}
.wallet-assets .bottom .item .left .content .amount .count {
  color: #CECECF;
  font-weight: 600;
}
.wallet-assets .bottom .item .left .content .amount .price {
  color: #9E9E9F;
  word-spacing: -4px;
}
.wallet-assets .btn {
  width: 82px;
  position: relative;
}
.wallet-assets .btn .upgrade-icon {
  position: absolute;
  top: -8px;
  left: -12px;
}

@media screen and (max-width: 767px) {
  .wallet-assets {
    margin-top: 16px;
  }
  .wallet-assets .bottom .item .left .content .amount .price {
    display: none;
  }
}@media screen and (min-width: 1472px) {
  .auction-account {
    width: 464px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .auction-account {
    width: 384px;
  }
}
.auction-account .deposit-withdraw-panel {
  border-radius: 24px;
  border: none;
  border-radius: 24px;
  background: transparent;
  backdrop-filter: blur(12px);
  margin-top: 20px;
  max-height: 635px;
  overflow: auto;
}
@media screen and (min-width: 1472px) {
  .auction-account .deposit-withdraw-panel {
    padding: 0px 32px 32px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .auction-account .deposit-withdraw-panel {
    padding: 0px 24px 32px;
  }
}
.auction-account .deposit-withdraw-panel .container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}
.auction-account .deposit-withdraw-panel .container .label {
  color: var(--Neutral-text_01, #fff);
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  display: none;
  /* 200% */
}
.auction-account .deposit-withdraw-panel .container .token-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 8px;
}
.auction-account .deposit-withdraw-panel .container .token-container .token-panel {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-radius: 8px;
  background: transparent;
  padding: 0px 0px;
}
.auction-account .deposit-withdraw-panel .container .token-container .token-panel > .info {
  display: flex;
  align-items: center;
  gap: 16px;
}
.auction-account .deposit-withdraw-panel .container .token-container .token-panel > .info .token-icon {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
}
.auction-account .deposit-withdraw-panel .container .token-container .token-panel > .info .token-icon img {
  width: 24px;
  height: 24px;
}
.auction-account .deposit-withdraw-panel .container .token-container .token-panel > .info .token-balance {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #fff;
  font-family: Inter;
  font-style: normal;
  color: #CECECF;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
}
.auction-account .deposit-withdraw-panel .container .token-container .token-panel > .info .token-balance .name {
  font-size: 14px;
  font-weight: 400;
  color: #9E9E9F;
  margin-bottom: 4px;
}
.auction-account .deposit-withdraw-panel .container .token-container .token-panel > .info .token-balance .tip {
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.05);
  padding: 4px;
  color: #CECECF;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  margin-left: 8px;
  line-height: 1;
  /* 100% */
}
.auction-account .deposit-withdraw-panel .container .token-container .token-panel .btn-group {
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-left: -8px;
}
.auction-account .deposit-withdraw-panel .container .token-container .token-panel .btn-group .ant-btn {
  width: 100%;
}
.auction-account .deposit-withdraw-panel .container .token-container .token-panel .btn-group .ant-btn-variant-text {
  color: var(--Neutral-text_03, #9E9E9F);
  padding: 0;
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  height: auto;
  /* 19.6px */
}
.auction-account .deposit-withdraw-panel .container .token-container .token-panel .btn-group .ant-btn-variant-text:not(:disabled):hover {
  color: #81deb0;
}
.auction-account .deposit-withdraw-panel .container .token-container .token-panel .btn-group .icon {
  width: 16px;
  height: 16px;
}
.auction-account .deposit-withdraw-panel .container > .info {
  margin-top: 18px;
  color: var(--Neutral-text_03, #9E9E9F);
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: none;
  /* 19.6px */
}

@media screen and (max-width: 767px) {
  .auction-account .deposit-withdraw-panel {
    padding: 0;
    margin-top: 16px;
    max-height: unset;
    border-radius: 0;
    padding: 0 16px;
  }
  .auction-account .deposit-withdraw-panel .container .token-container {
    gap: 24px;
  }
}.deposit-withdraw-panel {
  border-radius: 24px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  padding: 32px 40px;
}
.deposit-withdraw-panel.limit {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .deposit-withdraw-panel.limit {
    width: 1200px;
  }
}
@media screen and (min-width: 1472px) {
  .deposit-withdraw-panel.limit {
    width: 1440px;
  }
}
@media screen and (max-width: 767px) {
  .deposit-withdraw-panel.limit {
    width: unset;
    padding: 0 20px;
  }
}
.deposit-withdraw-panel .container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}
.deposit-withdraw-panel .container .label {
  color: var(--Neutral-text_01, #fff);
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 200% */
}
.deposit-withdraw-panel .container .token-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 16px;
  margin-top: 24px;
}
.deposit-withdraw-panel .container .token-container .token-panel {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: calc(33.33% - 16px);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.2);
  padding: 16px 16px;
}
.deposit-withdraw-panel .container .token-container .token-panel > .info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.deposit-withdraw-panel .container .token-container .token-panel > .info .token-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.deposit-withdraw-panel .container .token-container .token-panel > .info .token-balance {
  display: flex;
  align-items: center;
  color: #fff;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 25.2px */
}
.deposit-withdraw-panel .container .token-container .token-panel > .info .token-balance .tip {
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.05);
  padding: 4px;
  color: #CECECF;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  margin-left: 8px;
  line-height: 1;
  /* 100% */
}
.deposit-withdraw-panel .container .token-container .token-panel .btn-group {
  align-self: flex-end;
  display: flex;
  gap: 16px;
  margin-left: -8px;
}
.deposit-withdraw-panel .container .token-container .token-panel .btn-group .ant-btn-variant-text {
  padding: 0;
}
.deposit-withdraw-panel .container .token-container .token-panel .btn-group .icon {
  width: 16px;
  height: 16px;
}
.deposit-withdraw-panel .container > .info {
  margin-top: 24px;
  color: var(--Neutral-text_03, #9E9E9F);
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}
@media screen and (max-width: 767px) {
  .deposit-withdraw-panel .container .label {
    display: none;
  }
  .deposit-withdraw-panel .container .deposit-withdraw-panel-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .deposit-withdraw-panel .container .deposit-withdraw-panel-header .deposit-withdraw-panel-header-left .ant-space-item {
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
  }
  .deposit-withdraw-panel .container .deposit-withdraw-panel-header .deposit-withdraw-panel-header-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
  }
  .deposit-withdraw-panel .container .deposit-withdraw-panel-header .deposit-withdraw-panel-header-right:hover .more-button,
  .deposit-withdraw-panel .container .deposit-withdraw-panel-header .deposit-withdraw-panel-header-right :focus .more-button {
    background: transparent;
    color: rgb(129, 222, 176);
  }
  .deposit-withdraw-panel .container .deposit-withdraw-panel-header .deposit-withdraw-panel-header-right:hover svg path,
  .deposit-withdraw-panel .container .deposit-withdraw-panel-header .deposit-withdraw-panel-header-right :focus svg path {
    fill: rgb(129, 222, 176);
    opacity: 1;
  }
  .deposit-withdraw-panel .container .deposit-withdraw-panel-header .deposit-withdraw-panel-header-right .more-button {
    color: #CECECF;
    padding: 0;
    text-align: right;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
  .deposit-withdraw-panel .container .deposit-withdraw-panel-header .deposit-withdraw-panel-header-right .more-button-arrow {
    width: 20px;
    height: 20px;
  }
  .deposit-withdraw-panel .container .token-container {
    display: none;
  }
  .deposit-withdraw-panel .container .token-container-mobile {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  .deposit-withdraw-panel .container .token-container-mobile .token-panel {
    margin-top: 8px;
    width: 100%;
    padding: 16px 0 16px 16px;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.2);
  }
  .deposit-withdraw-panel .container .token-container-mobile .token-panel .info {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .deposit-withdraw-panel .container .token-container-mobile .token-panel .info .token-icon {
    width: 24px;
    height: 24px;
  }
  .deposit-withdraw-panel .container .token-container-mobile .token-panel .info .token-balance {
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 22.4px */
  }
  .deposit-withdraw-panel .container .token-container-mobile .token-panel .btn-group {
    display: none;
  }
  .deposit-withdraw-panel .container .info {
    display: none;
  }
}

.ant-modal.deposit-withdraw-modal .form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.ant-modal.deposit-withdraw-modal .form .info {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #9E9E9F;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .ant-modal.deposit-withdraw-modal .form .info {
    gap: 4px;
    justify-content: flex-start;
    margin-bottom: 24px;
  }
  .ant-modal.deposit-withdraw-modal .form .info .info-icon {
    flex-shrink: 0;
    margin-bottom: 26px;
  }
  .ant-modal.deposit-withdraw-modal .form .info .info-text {
    flex-shrink: 0;
    color: #9E9E9F;
    max-width: 298px;
  }
  .ant-modal.deposit-withdraw-modal .input-container .ant-input-affix-wrapper {
    height: 48px;
    border-radius: 8px;
  }
  .ant-modal.deposit-withdraw-modal .input-container .ant-input {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    font-family: Inter;
  }
  .ant-modal.deposit-withdraw-modal .balance-text {
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 8px;
  }
  .ant-modal.deposit-withdraw-modal .balance-text .balance {
    color: #6D6D6E;
  }
  .ant-modal.deposit-withdraw-modal .balance-text .balance .amount {
    margin-left: 4px;
    color: #9E9E9F;
    text-align: right;
    /* 14_Bold */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 19.6px */
  }
  .ant-modal.deposit-withdraw-modal .ant-modal-content {
    width: 100%;
    padding: 24px;
  }
}

.deposit-withdraw-panel-modal .ant-modal .ant-modal-content {
  position: relative;
}
.deposit-withdraw-panel-modal .scrollable {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.deposit-withdraw-panel-modal .scrollable .token-panel {
  display: flex;
  flex-direction: column;
  padding: 16px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.2);
}
.deposit-withdraw-panel-modal .scrollable .token-panel .info {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.deposit-withdraw-panel-modal .scrollable .token-panel .info .token-icon {
  width: 20px;
  height: 20px;
}
.deposit-withdraw-panel-modal .scrollable .token-panel .info .token-balance {
  color: #fff;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.deposit-withdraw-panel-modal .scrollable .token-panel .info .token-balance .tip {
  display: inline-flex;
  margin-left: 8px;
  padding: 5px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.05);
  color: #CECECF;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px; /* 100% */
}
.deposit-withdraw-panel-modal .scrollable .btn-group {
  display: flex;
  justify-content: flex-end;
}
.deposit-withdraw-panel-modal .scrollable .btn-group button {
  color: #9E9E9F;
}
.deposit-withdraw-panel-modal .scrollable .btn-group button:not(:disabled):hover {
  color: #81deb0;
}
.deposit-withdraw-panel-modal .scrollable .btn-group button:disabled {
  color: #3D3D3E;
}

.deposit-withdraw-panel-modal .ant-modal .ant-modal-content {
  position: relative;
}
.deposit-withdraw-panel-modal .scrollable {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 400px;
  overflow: auto;
}
.deposit-withdraw-panel-modal .scrollable .token-panel {
  display: flex;
  flex-direction: column;
  padding: 16px 0 16px 16px;
  border-radius: 8px;
  background: #181a1c;
}
.deposit-withdraw-panel-modal .scrollable .token-panel .info {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.deposit-withdraw-panel-modal .scrollable .token-panel .info .token-icon {
  width: 20px;
  height: 20px;
}
.deposit-withdraw-panel-modal .scrollable .token-panel .info .token-balance {
  color: #fff;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.deposit-withdraw-panel-modal .scrollable .token-panel .info .token-balance .tip {
  display: inline-flex;
  margin-left: 8px;
  padding: 5px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.05);
  color: #CECECF;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px; /* 100% */
}
.deposit-withdraw-panel-modal .scrollable .btn-group {
  display: flex;
  justify-content: flex-end;
}
.deposit-withdraw-panel-modal .scrollable .btn-group button {
  color: #9E9E9F;
}

@media screen and (max-width: 767px) {
  .auction-account .deposit-withdraw-panel .container .token-container .token-panel {
    align-items: flex-start;
  }
  .ant-modal-root .ant-modal {
    padding: 0 12px;
  }
  .ant-modal.deposit-withdraw-modal .ant-modal-content {
    padding: 24px;
    width: auto;
  }
  .ant-modal.deposit-withdraw-modal .ant-input-affix-wrapper .ant-input {
    font-size: 14px;
  }
  .ant-modal.deposit-withdraw-modal .ant-input-affix-wrapper .ant-input-suffix .ant-btn {
    font-size: 12px;
  }
}.custom-text {
  color: inherit;
  font-size: inherit;
  line-height: 140%;
}
.custom-text h4 {
  margin-bottom: 0;
  color: #fff;
}.coin-wrapper {
  position: relative;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.coin-wrapper .coin-img {
  border-radius: 50%;
  height: 24px;
}
.coin-wrapper .prev-img {
  position: relative;
  z-index: 2;
}
.coin-wrapper .usdd-img {
  position: relative;
  z-index: 0;
  left: -7px;
}
.coin-wrapper .coin-img-wrap::after {
  right: calc(7px - 4.166666666%);
}

@media screen and (max-width: 767px) {
  .coin-wrapper .coin-img {
    width: 20px;
    height: 20px;
  }
}.transaction-history {
  position: relative;
  background-color: #131517;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  border-radius: 24px;
}
.transaction-history .ant-table-wrapper .ant-table-tbody > tr > td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  transition: border-color 0s;
}
.transaction-history .ant-table-wrapper .ant-table-tbody > tr > td.ant-table-cell {
  border-bottom: none;
}
.transaction-history .table-tab.ant-tabs {
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin-left: 16px;
  padding-top: 24px;
  z-index: 1;
  position: relative;
}
.transaction-history .table-tab.ant-tabs .ant-tabs-tab {
  padding-bottom: 8px;
  padding-top: 8px;
}
.transaction-history .table-tab.ant-tabs .ant-tabs-tab-btn {
  color: #6D6D6E;
}
.transaction-history .table-tab.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #fff;
}
.transaction-history .table-tab.ant-tabs.ant-tabs-top > .ant-tabs-nav::before {
  border-bottom: none;
}
.transaction-history .table-tab.ant-tabs .ant-tabs-ink-bar {
  height: 3px;
  background: #81deb0;
}
.transaction-history .table-tab.ant-tabs .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 32px;
}
.transaction-history .table-tab.ant-tabs .ant-tabs-nav {
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.transaction-history .ant-table {
  background-color: transparent;
}
.transaction-history .ant-table-tbody {
  position: relative;
  z-index: 1;
  color: #fff;
}
.transaction-history .ant-table-tbody .ant-table-cell.ant-table-cell-row-hover {
  background-color: initial;
}
.transaction-history .ant-table-tbody .ant-table-expanded-row .ant-table-cell {
  border-bottom: none;
  padding: 0;
}
.transaction-history .ant-table-tbody .ant-table-row .ant-table-cell:first-child {
  padding-left: 0;
  margin-left: 32px;
}
.transaction-history .ant-table-tbody .ant-table-row:not(:first-child) .ant-table-cell {
  border-top: rgba(255, 255, 255, 0.06) 1px solid;
}
.transaction-history .ant-table-tbody .ant-table-row.hide-expand-bottom .ant-table-cell {
  border-bottom: rgba(255, 255, 255, 0.06) 1px solid;
}
.transaction-history .ant-table-tbody .ant-table-row:last-child .ant-table-cell {
  border-bottom: rgba(255, 255, 255, 0.06) 1px solid;
}
.transaction-history .ant-table-tbody .ant-table-expanded-row + .ant-table-row .ant-table-cell {
  border-top: none;
}
.transaction-history table {
  border-top-left-radius: 24px;
  padding: 16px 16px;
  padding-top: 0;
}
.transaction-history .coin-logo {
  height: 24px;
  display: block;
  margin: auto;
}
.transaction-history .coin-name {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #CECECF;
  white-space: nowrap;
}
.transaction-history .ant-table-cell.trxn-desc {
  font-weight: 600;
  font-size: 14px;
  color: #CECECF;
}
.transaction-history .ant-table-cell.trxn-date {
  color: #9E9E9F;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
}
.transaction-history .trxn-index {
  color: #9E9E9F;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.transaction-history .content {
  background: rgba(12, 12, 14, 0.2);
  border-radius: 24px;
  padding: 24px 0;
  display: flex;
  flex-wrap: wrap;
}
.transaction-history .content .data-cell {
  padding-left: 32px;
  display: flex;
  flex-direction: column;
  width: 33.3%;
}
.transaction-history .content .data-cell .data-title-name {
  margin-right: 6px;
  color: #9E9E9F;
}
.transaction-history .content .data-cell .data-number {
  color: #CECECF;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  display: flex;
  align-items: center;
}
.transaction-history .content .data-cell .right-arrow {
  margin-left: 12px;
  margin-right: 12px;
}
.transaction-history .content .data-cell:nth-child(3n+1), .transaction-history .content .data-cell:nth-child(3n+2) {
  border-right: solid 1px rgba(255, 255, 255, 0.1);
}
.transaction-history .content .data-cell:nth-child(4n), .transaction-history .content .data-cell:nth-child(5n), .transaction-history .content .data-cell:nth-child(6n) {
  margin-top: 24px;
}
.transaction-history .content .view-link {
  padding-left: 32px;
  padding-top: 24px;
  color: #6D6D6E;
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.transaction-history .content .view-link:hover {
  color: #5fc693;
}
.transaction-history .ilk-type {
  display: flex;
  align-items: center;
}
.transaction-history .ilk-type .liquid-type {
  width: 24px;
  height: 24px;
  border-radius: 100px;
}
.transaction-history .liquid-title {
  font-weight: 600;
  font-size: 14px;
  color: #CECECF;
}
.transaction-history .liquid-title > span {
  line-height: unset;
}
.transaction-history .incentive-address {
  color: #6D6D6E;
  margin-top: 24px;
  margin-left: 32px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.transaction-history .liquid-time {
  text-align: right;
  width: 100%;
  display: block;
  color: #9E9E9F;
}
.transaction-history .table-expand-icon {
  display: block;
  margin: auto;
  cursor: pointer;
  user-select: none;
}
.transaction-history .empty-position {
  height: 436px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  backdrop-filter: blur(12px);
  position: relative;
  border-radius: 24px;
  backdrop-filter: blur(12px);
}
.transaction-history .empty-position .empty-wrapper {
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.transaction-history .empty-position .no-data-img {
  background-image: url(https://prod-app-cdn-new.usdd.io/static/media/no_data-DjOSkORx.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 104px;
  height: 104px;
}
.transaction-history .empty-position .empty-title {
  margin-top: 16px;
  color: #CECECF;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 8px;
}
.transaction-history .empty-position .empty-desc {
  color: #9E9E9F;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 32px;
}
.transaction-history .empty-position .position-empty-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 24px;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .transaction-history {
    background-color: unset;
    padding: 0;
  }
  .transaction-history table {
    padding: 0;
  }
  .transaction-history .content {
    flex-direction: column;
    flex-wrap: unset;
    padding: 16px;
    gap: 12px;
    border-radius: 16px;
    background-color: rgba(12, 12, 14, 0.4);
  }
  .transaction-history .content .data-cell {
    width: unset;
    padding-left: unset;
  }
  .transaction-history .content .data-cell:nth-child(4n), .transaction-history .content .data-cell:nth-child(5n), .transaction-history .content .data-cell:nth-child(6n) {
    margin-top: unset;
  }
  .transaction-history .content .data-cell:nth-child(3n+1), .transaction-history .content .data-cell:nth-child(3n+2), .transaction-history .content .data-cell:nth-child(3n+2) {
    border: none;
  }
  .transaction-history .content .view-link {
    padding: 0;
    margin-top: 4px;
  }
  .transaction-history .table-tab.ant-tabs {
    margin-left: 0;
    padding-top: 8px;
  }
  .transaction-history .trxn-index {
    display: flex;
    align-items: center;
  }
  .transaction-history .trxn-desc {
    color: #CECECF;
    font-weight: 600;
    margin: 8px 0;
  }
  .transaction-history .trxn-desc p {
    font-weight: 600;
  }
  .transaction-history .trxn-time {
    font-size: 12px;
    color: #9E9E9F;
  }
  .transaction-history .ilk-type {
    margin-right: 6px;
  }
  .transaction-history .ilk-type .liquid-type {
    width: 20px;
    height: 20px;
  }
  .transaction-history .liquid-time {
    text-align: left;
    margin-top: 4px;
    padding-left: 26px;
  }
  .transaction-history .incentive-address {
    margin: 0;
  }
  .transaction-history .incentive-address .data-title-name-address {
    color: #CECECF;
    font-weight: 600;
    margin-top: 4px;
  }
  .transaction-history .ant-table-tbody .ant-table-row .ant-table-cell:first-child {
    padding-left: 16px;
  }
}.app-select {
  background: transparent;
  min-width: 150px;
  outline: none;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 4px 0;
  height: unset;
}
.app-select.ant-select.ant-select-outlined .ant-select-selector {
  background: transparent;
  border: none;
  box-shadow: none !important;
  padding-right: 30px;
  padding-left: 5px;
}
.app-select.ant-select.ant-select-outlined .ant-select-selector .ant-select-selection-item {
  color: #CECECF;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  border-radius: 2px;
}
.app-select.ant-select .ant-select-selection-placeholder {
  color: #CECECF;
  padding-left: 5px;
}
.app-select.ant-select .ant-select-arrow {
  margin-right: 5px;
}
.app-select.ant-select:hover .ant-select-selection-placeholder {
  color: #5fc693;
}
.app-select.ant-select:active .ant-select-selection-placeholder {
  color: #448f6a;
}
.app-select .arrow {
  border-bottom: 2px solid rgba(255, 255, 255, 0.6);
  border-right: 2px solid rgba(255, 255, 255, 0.6);
  width: 8px;
  height: 8px;
  position: relative;
}
.app-select .select-menu-close {
  transform: rotate(45deg);
}
.app-select .select-menu-open {
  transform: rotate(225deg);
  top: 2px;
  border-bottom-color: #448f6a;
  border-right-color: #448f6a;
}
.app-select:hover .arrow {
  border-bottom-color: #5fc693;
  border-right-color: #5fc693;
}
.app-select:active .arrow {
  border-bottom-color: #448f6a;
  border-right-color: #448f6a;
}

.custom-select-menu {
  margin-top: 8px;
  border-radius: 8px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  padding: 8px 0px;
}
.custom-select-menu.custom-select-menu-pc-width {
  width: 200px !important;
}
.custom-select-menu .ant-select-item {
  border-radius: 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding-left: 16px;
  padding-right: 16px;
}
.custom-select-menu .ant-select-item .ant-select-item-option-content {
  color: #CECECF;
}
.custom-select-menu .ant-select-item.ant-select-item-option-selected {
  background-color: unset;
}
.custom-select-menu .ant-select-item.ant-select-item-option-selected .ant-select-item-option-content {
  color: #81deb0;
}
.custom-select-menu .ant-select-item .ant-checkbox-wrapper {
  color: white;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.custom-select-menu .ant-select-item .ant-checkbox-wrapper .ant-checkbox-inner {
  border-radius: 2px;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.4);
}
.custom-select-menu .ant-select-item .ant-checkbox-wrapper .ant-checkbox-inner::after {
  border-color: #2e3c3e;
}
.custom-select-menu .ant-select-item .ant-checkbox-wrapper:hover .ant-checkbox-inner {
  border-color: #81deb0;
}
.custom-select-menu .ant-select-item .ant-checkbox-wrapper:hover .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #81deb0;
}
.custom-select-menu .ant-select-item .ant-checkbox-checked .ant-checkbox-inner {
  border-color: transparent;
  background-color: #81deb0;
}
.custom-select-menu .ant-select-item:hover {
  background: rgba(255, 255, 255, 0.05);
}
.custom-select-menu .ant-select-item .ant-select-item-option-state {
  display: none;
}
.custom-select-menu .option-checkbox-wrapper {
  display: flex;
}
.custom-select-menu .option-checkbox-wrapper .option-checkbox-label {
  margin-left: 8px;
  line-height: 22px;
}

.multi-select-btm-btn-group {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  padding: 8px 16px;
}
.multi-select-btm-btn-group .select-reset {
  color: #81deb0;
}
.multi-select-btm-btn-group .select-reset.ant-btn:hover {
  color: #5fc693;
}
.multi-select-btm-btn-group .select-reset.ant-btn:active {
  color: #448f6a;
}

.ant-select-outlined.ant-select-multiple .ant-select-selection-item {
  background-color: rgba(255, 255, 255, 0.08);
}

.ant-select-multiple .ant-select-selection-overflow .ant-select-selection-item-remove {
  color: #fff;
}
.ant-select-multiple .ant-select-selection-overflow .ant-select-selection-item-remove:hover {
  color: #5fc693;
}.position-card {
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(24, 26, 28, 0.6);
  backdrop-filter: blur(12px);
  position: relative;
  margin-bottom: 24px;
}
.position-card .back-img {
  position: absolute;
  top: 0;
  z-index: -1;
}
.position-card .card-header {
  display: flex;
  align-items: center;
  padding: 24px 32px;
}
.position-card .card-header .name {
  color: #fff;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
  margin-left: 12px;
  margin-right: 12px;
}
.position-card .card-header .index {
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
  padding: 2px 8px;
  color: #CECECF;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.position-card .card-header .index-pc {
  display: inline-block;
}
.position-card .card-header .index-mobile {
  display: none;
}
.position-card .card-header .space {
  flex-grow: 1;
}
.position-card .card-header .position-link {
  font-weight: 600;
  padding: 10px 24px;
}
.position-card .content {
  background: rgba(12, 12, 14, 0.2);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  padding: 32px 0;
  display: flex;
  flex-wrap: wrap;
}
.position-card .content .data-cell {
  padding-left: 32px;
  display: flex;
  flex-direction: column;
  width: 33.3%;
}
.position-card .content .data-cell .data-title {
  display: flex;
  align-items: center;
}
.position-card .content .data-cell .data-title .data-title-name {
  margin-right: 6px;
  color: #CECECF;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}
.position-card .content .data-cell .data-title .question-icon {
  width: 16px;
  height: 16px;
}
.position-card .content .data-cell .data-number {
  color: #fff;
  margin-top: 12px;
  margin-bottom: 4px;
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 20_Bold */
  font-size: 20px;
}
.position-card .content .data-cell .data-desc {
  color: #6D6D6E;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}
.position-card .content .data-cell .data-desc .ant-btn-variant-text {
  color: #81deb0;
  padding: 0;
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  height: auto;
  /* 19.6px */
}
.position-card .content .data-cell .data-desc .ant-btn-variant-text:not(:disabled):hover {
  color: #5fc693;
}
.position-card .content .data-cell:nth-child(3n+1), .position-card .content .data-cell:nth-child(3n+2) {
  border-right: solid 1px rgba(255, 255, 255, 0.1);
}
.position-card .content .data-cell:nth-child(4n), .position-card .content .data-cell:nth-child(5n), .position-card .content .data-cell:nth-child(6n) {
  margin-top: 32px;
}
.position-card .desc-pc {
  display: flex;
}
.position-card .desc-mobile {
  display: none;
}

@media screen and (max-width: 767px) {
  .position-card {
    background-image: url("data:image/svg+xml,%3csvg%20width='352'%20height='364'%20viewBox='0%200%20352%20364'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_b_6178_10206)'%3e%3cg%20clip-path='url(%23clip0_6178_10206)'%3e%3crect%20x='1'%20y='1'%20width='350'%20height='362'%20rx='16'%20fill='white'%20fill-opacity='0.05'/%3e%3cg%20opacity='0.5'%20filter='url(%23filter1_f_6178_10206)'%3e%3cellipse%20cx='190'%20cy='-128'%20rx='263'%20ry='166'%20fill='url(%23paint0_linear_6178_10206)'/%3e%3c/g%3e%3cg%20opacity='0.4'%20filter='url(%23filter2_f_6178_10206)'%3e%3cellipse%20cx='24.5'%20cy='-20'%20rx='97.5'%20ry='83'%20fill='%23DED98F'/%3e%3c/g%3e%3c/g%3e%3crect%20x='0.5'%20y='0.5'%20width='351'%20height='363'%20rx='16.5'%20stroke='white'%20stroke-opacity='0.08'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_b_6178_10206'%20x='-24'%20y='-24'%20width='400'%20height='412'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeGaussianBlur%20in='BackgroundImageFix'%20stdDeviation='12'/%3e%3cfeComposite%20in2='SourceAlpha'%20operator='in'%20result='effect1_backgroundBlur_6178_10206'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_backgroundBlur_6178_10206'%20result='shape'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_6178_10206'%20x='-273'%20y='-494'%20width='926'%20height='732'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='100'%20result='effect1_foregroundBlur_6178_10206'/%3e%3c/filter%3e%3cfilter%20id='filter2_f_6178_10206'%20x='-233'%20y='-263'%20width='515'%20height='486'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='80'%20result='effect1_foregroundBlur_6178_10206'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_6178_10206'%20x1='190'%20y1='-294'%20x2='190'%20y2='38'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23216C58'/%3e%3cstop%20offset='1'%20stop-color='%2381DEB0'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_6178_10206'%3e%3crect%20x='1'%20y='1'%20width='350'%20height='362'%20rx='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 24px;
    margin-bottom: 0;
    border-radius: 16px;
    border: none;
  }
  .position-card .back-img {
    display: none;
  }
  .position-card .card-header {
    padding: 16px;
  }
  .position-card .card-header .name {
    margin-left: 1px;
    font-size: 16px;
  }
  .position-card .card-header .index-pc {
    display: none;
  }
  .position-card .card-header .index-mobile {
    display: block;
    background: none;
    padding-left: 0;
  }
  .position-card .card-header .position-link {
    display: flex;
    height: 32px;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-weight: 400;
  }
  .position-card .content {
    display: block;
    padding: 24px 0;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  .position-card .content .data-cell {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    margin-bottom: 16px;
  }
  .position-card .content .data-cell.break-true {
    margin-bottom: 0;
  }
  .position-card .content .data-cell:nth-child(4n), .position-card .content .data-cell:nth-child(5n), .position-card .content .data-cell:nth-child(6n) {
    margin-top: 0;
  }
  .position-card .content .data-cell:nth-child(3n+1), .position-card .content .data-cell:nth-child(3n+2) {
    border-right: none;
  }
  .position-card .content .data-cell:last-child {
    margin-bottom: 0;
  }
  .position-card .content .data-cell .data-title .data-title-name {
    margin-right: 0;
  }
  .position-card .content .data-cell .data-number {
    text-align: right;
    margin: 0;
    font-size: 16px;
  }
  .position-card .desc-pc {
    display: none;
  }
  .position-card .desc-mobile {
    display: block;
  }
  .position-card .mobile-font {
    display: none;
  }
}.portfolio-detail {
  flex-grow: 1;
  position: relative;
}
.portfolio-detail .portfolio-tab.ant-tabs {
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.portfolio-detail .portfolio-tab.ant-tabs .ant-tabs-tab {
  padding-bottom: 8px;
  padding-top: 8px;
}
.portfolio-detail .portfolio-tab.ant-tabs .ant-tabs-tab-btn {
  color: #6D6D6E;
  font-size: 20px;
}
.portfolio-detail .portfolio-tab.ant-tabs .ant-tabs-tab-btn:hover {
  color: #81deb0;
}
.portfolio-detail .portfolio-tab.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #fff;
  font-size: 20px;
}
.portfolio-detail .portfolio-tab.ant-tabs.ant-tabs-top > .ant-tabs-nav::before {
  border-bottom: none;
}
.portfolio-detail .portfolio-tab.ant-tabs .ant-tabs-ink-bar {
  width: 48px !important;
  height: 3px;
  background: #81deb0;
}
.portfolio-detail .portfolio-tab.ant-tabs .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 48px;
}
.portfolio-detail .header-control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.portfolio-detail .header-control .ant-dropdown-trigger {
  border: none;
  background: transparent;
}
.portfolio-detail .header-control .ant-dropdown-trigger:hover {
  background-color: initial;
  background-image: unset;
}
.portfolio-detail .header-control .ant-select-selector {
  padding-right: 4px 28px 4px 5px;
}
.portfolio-detail .header-control .ant-select-selector .ant-select-selection-overflow {
  flex-wrap: nowrap;
  overflow: hidden;
}
.portfolio-detail .header-control .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item:not(.ant-select-selection-overflow-item-suffix) {
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.08);
  margin-right: 4px;
}
.portfolio-detail .header-control .ant-select-selector .ant-select-selection-item-remove {
  color: #6D6D6E;
}
.portfolio-detail .portfolio-select {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 140px;
}
.portfolio-detail .position-wrapper .empty-position {
  height: 530px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 24px;
  backdrop-filter: blur(12px);
  position: relative;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
}
.portfolio-detail .position-wrapper .empty-position .empty-wrapper {
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.portfolio-detail .position-wrapper .empty-position .no-data-img {
  width: 104px;
  height: 104px;
  background-image: url(https://prod-app-cdn-new.usdd.io/static/media/no_data-DjOSkORx.png);
  background-size: 100%;
}
.portfolio-detail .position-wrapper .empty-position .empty-title {
  margin-top: 16px;
  color: #CECECF;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 8px;
}
.portfolio-detail .position-wrapper .empty-position .empty-desc {
  color: #9E9E9F;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 32px;
}
.portfolio-detail .position-wrapper .empty-position .empty-action {
  font-weight: 600;
  padding: 10px 24px;
}
.portfolio-detail .position-wrapper .empty-position .position-empty-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 24px;
  z-index: -1;
}
.portfolio-detail .trxn-wrapper .empty-position .empty-desc {
  margin-bottom: 74px;
  user-select: none;
  visibility: hidden;
}
.portfolio-detail .trxn-wrapper {
  background: #131517;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.portfolio-detail .trxn-wrapper .pager.tranxn-pager.ant-pagination {
  position: relative;
  z-index: 1;
  background-color: #131517;
  justify-content: flex-end;
  padding-right: 32px;
  padding-bottom: 16px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
.portfolio-detail .trxn-wrapper .pager.tranxn-pager.ant-pagination .ant-pagination-item {
  background-color: transparent;
}
.portfolio-detail .trxn-wrapper .pager.tranxn-pager.ant-pagination .ant-pagination-item a {
  color: #9E9E9F;
}
.portfolio-detail .trxn-wrapper .pager.tranxn-pager.ant-pagination .ant-pagination-item:hover a {
  color: #5fc693;
}
.portfolio-detail .trxn-wrapper .pager.tranxn-pager.ant-pagination .ant-pagination-item:active a {
  color: #448f6a;
}
.portfolio-detail .trxn-wrapper .pager.tranxn-pager.ant-pagination .ant-pagination-item-link {
  color: #9E9E9F;
}
.portfolio-detail .trxn-wrapper .pager.tranxn-pager.ant-pagination .ant-pagination-item-link:hover:not([disabled]) {
  color: #5fc693;
}
.portfolio-detail .trxn-wrapper .pager.tranxn-pager.ant-pagination .ant-pagination-item-link:active:not([disabled]) {
  color: #448f6a;
}
.portfolio-detail .trxn-wrapper .pager.tranxn-pager.ant-pagination .ant-pagination-item-active {
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.portfolio-detail .trxn-wrapper .pager.tranxn-pager.ant-pagination .ant-pagination-item-active a {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .portfolio-root .portfolio-detail {
    margin-bottom: 0;
    position: relative;
  }
  .portfolio-root .portfolio-detail .header-control {
    display: block;
    margin-bottom: 16px;
  }
  .portfolio-root .portfolio-detail .portfolio-tab.ant-tabs {
    width: 100%;
    font-size: 16px;
  }
  .portfolio-root .portfolio-detail .portfolio-tab.ant-tabs .ant-tabs-nav {
    margin-bottom: 0;
  }
  .portfolio-root .portfolio-detail .portfolio-tab.ant-tabs .ant-tabs-nav-wrap,
  .portfolio-root .portfolio-detail .portfolio-tab.ant-tabs .ant-tabs-nav-list {
    width: 100%;
  }
  .portfolio-root .portfolio-detail .portfolio-tab.ant-tabs .ant-tabs-tab {
    flex: 1;
    justify-content: center;
    margin: 0;
  }
  .portfolio-root .portfolio-detail .portfolio-tab.ant-tabs .ant-tabs-tab + .ant-tabs-tab {
    margin-left: 0;
  }
  .portfolio-root .portfolio-detail .portfolio-tab.ant-tabs .ant-tabs-tab-btn {
    font-size: 16px;
    white-space: nowrap;
  }
  .portfolio-root .portfolio-detail .portfolio-tab.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    font-size: 16px;
  }
  .portfolio-root .portfolio-detail .position-wrapper .empty-position {
    height: 400px;
    background-image: url("data:image/svg+xml,%3csvg%20width='350'%20height='400'%20viewBox='0%200%20350%20400'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_7026_27514)'%3e%3cg%20opacity='0.2'%20filter='url(%23filter0_f_7026_27514)'%3e%3cellipse%20cx='263'%20cy='200'%20rx='263'%20ry='200'%20transform='matrix(1%200%200%20-1%20-64%20739)'%20fill='url(%23paint0_linear_7026_27514)'/%3e%3c/g%3e%3cg%20opacity='0.2'%20filter='url(%23filter1_f_7026_27514)'%3e%3cellipse%20cx='97.4411'%20cy='100'%20rx='97.4411'%20ry='100'%20transform='matrix(1%200%200%20-1%20-63.8975%20509)'%20fill='%23DED98F'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_7026_27514'%20x='-264'%20y='139'%20width='926'%20height='800'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='100'%20result='effect1_foregroundBlur_7026_27514'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_7026_27514'%20x='-223.897'%20y='149'%20width='514.882'%20height='520'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='80'%20result='effect1_foregroundBlur_7026_27514'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_7026_27514'%20x1='263'%20y1='0'%20x2='263'%20y2='400'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23216C58'/%3e%3cstop%20offset='1'%20stop-color='%2381DEB0'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_7026_27514'%3e%3crect%20width='350'%20height='400'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    background-repeat: no-repeat;
  }
  .portfolio-root .portfolio-detail .position-wrapper .empty-position .position-empty-bg {
    display: none;
  }
  .portfolio-root .portfolio-detail .trxn-wrapper {
    background-image: url("data:image/svg+xml,%3csvg%20width='350'%20height='702'%20viewBox='0%200%20350%20702'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.5'%20filter='url(%23filter0_f_7026_27516)'%3e%3cellipse%20cx='189'%20cy='-129'%20rx='263'%20ry='166'%20fill='url(%23paint0_linear_7026_27516)'/%3e%3c/g%3e%3cg%20opacity='0.4'%20filter='url(%23filter1_f_7026_27516)'%3e%3cellipse%20cx='23.5'%20cy='-21'%20rx='97.5'%20ry='83'%20fill='%23DED98F'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_7026_27516'%20x='-274'%20y='-495'%20width='926'%20height='732'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='100'%20result='effect1_foregroundBlur_7026_27516'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_7026_27516'%20x='-234'%20y='-264'%20width='515'%20height='486'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='80'%20result='effect1_foregroundBlur_7026_27516'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_7026_27516'%20x1='189'%20y1='-295'%20x2='189'%20y2='37'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23216C58'/%3e%3cstop%20offset='1'%20stop-color='%2381DEB0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    margin-top: 24px;
    border-radius: 16px;
    background-size: 100%;
    background-color: rgba(255, 255, 255, 0.05);
  }
  .portfolio-root .portfolio-detail .trxn-wrapper .pager.tranxn-pager.ant-pagination {
    background: none;
    justify-content: center;
    padding-right: 0;
    margin-top: 16px;
  }
  .portfolio-root .portfolio-select {
    width: 100%;
    position: relative;
  }
  .portfolio-root .portfolio-select-option {
    width: 100%;
  }
  .transaction-history .table-expand-icon {
    position: absolute;
    top: 24px;
    right: 0;
    transform: translateX(-50%) translateY(-50%);
  }
}.portfolio-root {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #0c0c0e;
  min-height: calc(100vh - 60px);
}
@media screen and (max-width: 767px) {
  .portfolio-root {
    padding-top: 64px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .portfolio-root {
    padding-top: 80px;
  }
}
@media screen and (min-width: 1472px) {
  .portfolio-root {
    padding-top: 80px;
  }
}
.portfolio-root .content-section {
  padding-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .portfolio-root .content-section {
    width: 1200px;
  }
}
@media screen and (min-width: 1472px) {
  .portfolio-root .content-section {
    width: 1440px;
  }
}
@media screen and (max-width: 767px) {
  .portfolio-root .content-section {
    width: unset;
    padding: 0 20px;
  }
}
.portfolio-root .content-section .portfolio-header {
  width: 100%;
}
.portfolio-root .content-section .portfolio-header .page-title {
  margin-top: 16px;
  margin-bottom: 16px;
  color: #fff;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.portfolio-root .content-section .portfolio-header .header {
  display: flex;
  justify-content: space-between;
  border-radius: 24px;
  background: #216c58;
  width: 100%;
  padding-left: 32px;
  position: relative;
  overflow: hidden;
  margin-bottom: 32px;
}
.portfolio-root .content-section .portfolio-header .header .header-icon {
  display: none;
}
.portfolio-root .content-section .portfolio-header .header .item-wrapper {
  display: flex;
  align-items: baseline;
  z-index: 1;
}
.portfolio-root .content-section .portfolio-header .header .item-wrapper .vlaue-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  margin-bottom: 32px;
}
.portfolio-root .content-section .portfolio-header .header .item-wrapper .vlaue-wrapper .title {
  color: #fff;
  margin-bottom: 8px;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: flex;
  align-items: center;
}
.portfolio-root .content-section .portfolio-header .header .item-wrapper .vlaue-wrapper .amount {
  color: #fff;
  font-family: Inter;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  padding-left: 22px;
}
.portfolio-root .content-section .portfolio-header .header .dot {
  background-color: #81deb0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 16px;
}
.portfolio-root .content-section .portfolio-header .header .bg-blur-color {
  border-radius: 421px;
  background: #ded98f;
  filter: blur(80px);
  position: absolute;
  top: -32px;
  left: -190px;
  width: 421px;
  height: 135px;
}
.portfolio-root .content-section .portfolio-header .header .header-bar {
  height: 158px;
}
.portfolio-root .content-section .portfolio-content {
  display: flex;
  width: 100%;
  gap: 24px;
  align-items: flex-start;
}
.portfolio-root .content-section .portfolio-content .portfolio-pc-assert {
  display: block;
}
.portfolio-root .content-section .portfolio-content .portfolio-mobile-assert {
  display: none;
}
.portfolio-root .content-section .portfolio-content .wallet-section {
  margin-top: 64px;
  padding-top: 24px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgb(24, 26, 28);
  backdrop-filter: blur(12px);
}
@media screen and (min-width: 1472px) {
  .portfolio-root .content-section .portfolio-content .wallet-section {
    width: 464px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .portfolio-root .content-section .portfolio-content .wallet-section {
    width: 384px;
  }
}
.portfolio-root .content-section .portfolio-content .wallet-section .custom-tabs {
  width: 100%;
}
@media screen and (min-width: 1472px) {
  .portfolio-root .content-section .portfolio-content .wallet-section .custom-tabs {
    padding: 0 32px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .portfolio-root .content-section .portfolio-content .wallet-section .custom-tabs {
    padding: 0 24px;
  }
}
.portfolio-root .content-section .portfolio-content .wallet-section .custom-tabs .ant-tabs-nav::before {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.portfolio-root .content-section .portfolio-content .wallet-section .custom-tabs .ant-tabs-nav .ant-tabs-nav-wrap {
  width: 100%;
}
.portfolio-root .content-section .portfolio-content .wallet-section .custom-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
  width: 100%;
}
.portfolio-root .content-section .portfolio-content .wallet-section .custom-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
  width: 50%;
  font-family: Inter;
  font-weight: 600;
  line-height: 140%;
}
.portfolio-root .content-section .portfolio-content .wallet-section .custom-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-btn {
  width: 100%;
  text-align: center;
}
.portfolio-root .content-section .portfolio-content .wallet-section .custom-tabs .ant-tabs-nav .ant-tabs-ink-bar {
  height: 1px;
}

@media screen and (max-width: 767px) {
  .portfolio-root {
    min-height: unset;
  }
  .portfolio-root .content-section {
    width: 100%;
    height: unset;
  }
  .portfolio-root .content-section .portfolio-header .page-title {
    font-size: 24px;
    margin-top: 24px;
  }
  .portfolio-root .content-section .portfolio-header .header {
    display: block;
    padding: 24px;
    margin-bottom: 16px;
    border-radius: 16px;
    position: relative;
    background: #448f6a;
  }
  .portfolio-root .content-section .portfolio-header .header .header-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    display: block;
  }
  .portfolio-root .content-section .portfolio-header .header .header-bar,
  .portfolio-root .content-section .portfolio-header .header .bg-blur-color {
    display: none;
  }
  .portfolio-root .content-section .portfolio-header .header .item-wrapper {
    display: block;
  }
  .portfolio-root .content-section .portfolio-header .header .item-wrapper.item-wrapper-top {
    margin-bottom: 16px;
  }
  .portfolio-root .content-section .portfolio-header .header .item-wrapper .dot {
    display: none;
  }
  .portfolio-root .content-section .portfolio-header .header .item-wrapper .vlaue-wrapper {
    margin: 0;
    padding: 0;
    padding-left: 14px;
    position: relative;
  }
  .portfolio-root .content-section .portfolio-header .header .item-wrapper .vlaue-wrapper .title {
    font-size: 14px;
    position: relative;
    margin-bottom: 0;
  }
  .portfolio-root .content-section .portfolio-header .header .item-wrapper .vlaue-wrapper .title::before {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #81deb0;
    position: absolute;
    top: 50%;
    left: -14px;
    transform: translateY(-50%);
  }
  .portfolio-root .content-section .portfolio-header .header .item-wrapper .vlaue-wrapper .amount {
    font-size: 20px;
    padding: 0;
    margin-top: 4px;
  }
  .portfolio-root .content-section .portfolio-content {
    margin-bottom: 40px;
    gap: unset;
  }
  .portfolio-root .content-section .portfolio-content .portfolio-pc-assert {
    display: none;
  }
  .portfolio-root .content-section .portfolio-content .portfolio-mobile-assert {
    display: block;
  }
  .portfolio-root .content-section .portfolio-content .wallet-section {
    margin-top: 0;
    padding-top: 16px;
    padding-bottom: 25px;
    border-radius: 16px;
  }
  .portfolio-root .content-section .portfolio-content .wallet-section .custom-tabs {
    padding: 0 16px;
    font-size: 16px;
  }
  .portfolio-root .content-section .portfolio-content .wallet-section .custom-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
    font-size: 16px;
  }
  .portfolio-root .content-section .portfolio-content .wallet-section .top {
    padding: 24px 16px;
    margin-bottom: 24px;
  }
  .portfolio-root .content-section .portfolio-content .wallet-section .top .total-asset-name {
    font-size: 24px;
  }
  .portfolio-root .content-section .portfolio-content .wallet-section .bottom {
    padding: 0 16px;
  }
  .portfolio-root .content-section .portfolio-content .wallet-section .bottom .item .left .content {
    position: unset;
  }
  .portfolio-root .content-section .portfolio-content .wallet-section .bottom .item .left .content h6 {
    font-size: 14px;
  }
}.liquid-table {
  position: relative;
  margin: auto;
  border-radius: 24px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .liquid-table {
    width: 1200px;
  }
}
@media screen and (min-width: 1472px) {
  .liquid-table {
    width: 1440px;
  }
}
@media screen and (max-width: 767px) {
  .liquid-table {
    width: unset;
    padding: 0 20px;
  }
}
.liquid-table .table-header {
  padding-top: 32px;
  display: flex;
  justify-content: space-between;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 32px;
}
.liquid-table .table-header .header-left-wrapper {
  display: flex;
  align-items: center;
}
.liquid-table .table-header .header-left-wrapper .header-img-wrapper {
  display: inline-flex;
  align-items: center;
  padding: 8px;
  border-radius: 8px;
  background: rgba(129, 222, 176, 0.1);
  margin-right: 16px;
}
.liquid-table .table-header .header-left-wrapper .header-img-wrapper .header-img {
  width: 24px;
  height: 24px;
}
.liquid-table .table-header .header-left-wrapper .header-title {
  color: #fff;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  /* 200% */
  margin-right: 8px;
}
.liquid-table .table-header .header-left-wrapper .header-beta {
  padding: 4px;
  color: #ff8f0b;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  /* 100% */
  border-radius: 4px;
  background: rgba(255, 143, 11, 0.2);
}
.liquid-table .table-header .header-right-wrapper {
  display: flex;
  align-items: center;
}
.liquid-table .table-header .header-right-wrapper .date {
  color: #9E9E9F;
  text-align: right;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  /* 285.714% */
  margin-right: 16px;
}
.liquid-table .table-header .header-right-wrapper .refresh-wrapper {
  display: inline-flex;
  padding: 9px;
  align-items: center;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(0, 0, 0, 0.05);
}
.liquid-table .table-header .header-right-wrapper .refresh-wrapper:hover svg path {
  fill: #5fc693;
}
@media screen and (max-width: 767px) {
  .liquid-table .table-header .header-right-wrapper .refresh-wrapper:hover svg path {
    fill: rgba(255, 255, 255, 0.8);
  }
}
.liquid-table .bg-position {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .liquid-table .bg-position {
    display: none;
  }
}
.liquid-table .liquidate-action.liquidate-action-hs, .liquid-table .liquidate-action.liquidate-action-pl {
  background: #71440f;
  color: #6D6D6E;
  padding: 5px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  border-radius: 4px;
}
.liquid-table .liquidate-action.liquidate-action-pl {
  position: relative;
}
.liquid-table .liquidate-action.liquidate-action-pl b {
  display: inline-flex;
  padding: 0 4px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  border-radius: 0 0 4px 4px;
  background: linear-gradient(348deg, #ff8f0b -33.26%, #e5d236 105.89%);
  color: #0c0c0e;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  position: absolute;
  right: 0;
  top: -19px;
  cursor: pointer;
  transform: translateX(50%);
}
.liquid-table .liquidate-action.liquidate-action-pl b .simple-tip-icon {
  margin-left: 0;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
}
.liquid-table .liquidate-action.liquidate-action-pl b .simple-tip-icon > span {
  display: flex;
  align-items: center;
  gap: 4px;
}
.liquid-table .liquidate-action.liquidate-action-pl b svg path {
  fill: #0c0c0e;
  fill-opacity: 1;
}
.liquid-table .liquidate-action.liquidate-action-pl b svg:hover path {
  fill: rgba(0, 0, 0, 0.6);
}
.liquid-table .ant-table-wrapper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before,
.liquid-table .ant-table-wrapper .ant-table-thead > tr > td:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  background-color: rgba(255, 255, 255, 0.1);
}
.liquid-table .ant-table {
  background-color: transparent;
  padding-inline: 24px;
}
.liquid-table .ant-table .ant-table-thead {
  background: rgba(0, 0, 0, 0.16);
}
.liquid-table .ant-table .ant-table-thead .anticon-filter {
  color: #9E9E9F;
}
.liquid-table .ant-table .ant-table-thead .ant-dropdown-open .anticon-filter {
  color: rgb(129, 222, 176);
}
.liquid-table .ant-table .ant-table-thead .ant-table-cell {
  background: transparent;
  color: #9E9E9F;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-weight: 700;
}
.liquid-table .ant-table .ant-table-tbody .ant-table-placeholder {
  background: transparent;
}
.liquid-table .ant-table .ant-table-tbody .ant-table-placeholder:hover {
  background-color: transparent;
}
.liquid-table .ant-table .ant-table-tbody .ant-table-placeholder:hover .ant-table-cell {
  background-color: transparent;
}
.liquid-table .ant-table .ant-empty {
  display: none;
}
.liquid-table .ant-table-tbody {
  position: relative;
  z-index: 1;
  color: #fff;
}
.liquid-table .ant-table-tbody .ant-table-cell {
  border-bottom: none;
  padding: 20px 16px;
}
.liquid-table .ant-table-tbody .ant-table-cell.ant-table-cell-row-hover {
  background-color: initial;
}
.liquid-table .ant-table-tbody .ant-table-expanded-row .ant-table-cell {
  border-bottom: none;
  padding: 0;
}
.liquid-table .ant-table-tbody .ant-table-row .ant-table-cell:first-child {
  padding-left: 0;
  margin-left: 32px;
}
.liquid-table .ant-table-tbody .ant-table-row:not(:first-child) .ant-table-cell {
  border-top: rgba(255, 255, 255, 0.06) 1px solid;
}
.liquid-table .ant-table-tbody .ant-table-row.hide-expand-bottom .ant-table-cell {
  border-bottom: rgba(255, 255, 255, 0.06) 1px solid;
}
.liquid-table .ant-table-tbody .ant-table-row:last-child .ant-table-cell {
  border-bottom: rgba(255, 255, 255, 0.06) 1px solid;
}
.liquid-table .ant-table-tbody .type-name svg {
  margin-left: 8px;
}
.liquid-table .ant-table-tbody .type-wrapper {
  display: flex;
  align-items: center;
  margin-left: 16px;
  gap: 16px;
}
.liquid-table .ant-table-tbody .type-wrapper .type-icon {
  border-radius: 50%;
  width: 24px;
  height: 24px;
}
.liquid-table table {
  border-top-left-radius: 24px;
  padding: 16px 16px;
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .liquid-table table {
    display: none;
  }
}
.liquid-table .loading-line {
  display: flex;
  justify-content: center;
  color: #CECECF;
  font-weight: 700;
  font-size: 14px;
  padding-bottom: 12px;
}
.liquid-table .loading-line .loading-wrapper {
  display: flex;
  line-height: 1.4;
}
.liquid-table .loading-line .loading-wrapper .load-icon {
  margin-right: 8px;
}
.liquid-table .loading-line .loading-btn {
  padding: 14px 32px;
  border-radius: 100px;
  height: auto;
}
.liquid-table .no-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 140px;
}
.liquid-table .no-data .no-data-img {
  width: 160px;
  height: 160px;
  margin-top: 16px;
  background-image: url(https://prod-app-cdn-new.usdd.io/static/media/no_data-DjOSkORx.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.liquid-table .no-data .no-data-label {
  color: #6D6D6E;
  text-align: center;
  margin-top: 24px;
  /* 16_Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
}
@media screen and (max-width: 767px) {
  .liquid-table .no-data {
    margin-top: 16px;
    margin-bottom: 0;
    padding: 75px 91px 75px 90px;
    gap: 8px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
  }
  .liquid-table .no-data .no-data-img {
    margin-top: 0;
    width: 100px;
    height: 100px;
  }
  .liquid-table .no-data .no-data-label {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .liquid-table {
    border: unset;
    background: unset;
    backdrop-filter: unset;
    padding: 0px;
  }
  .liquid-table .table-header {
    padding: 0px;
    margin-bottom: 0px;
  }
  .liquid-table .table-header .header-left-wrapper .header-img-wrapper {
    margin-right: 0px;
  }
  .liquid-table .table-header .header-left-wrapper .header-title {
    display: none;
  }
  .liquid-table .table-header .header-left-wrapper .header-beta {
    display: none;
  }
  .liquid-table .table-header .header-right-wrapper .date {
    display: flex;
    flex-direction: column;
    margin-right: 8px;
    max-width: 130px;
  }
  .liquid-table .table-header .header-right-wrapper .date span {
    line-height: 20px;
  }
  .liquid-table .card-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 16px 0px;
  }
  .liquid-table .card-container .card {
    height: 260px;
    width: 100%;
    padding: 20px 16px;
    flex-shrink: 0;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
  }
  .liquid-table .card-container .card .card-content .card-header {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
  }
  .liquid-table .card-container .card .card-content .card-header .type-wrapper {
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
  }
  .liquid-table .card-container .card .card-content .card-header .type-wrapper .type-icon {
    width: 32px;
    height: 32px;
  }
  .liquid-table .card-container .card .card-content .card-header .type-wrapper .type-name {
    flex: 1 0 0;
    width: 100%;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 22.4px */
  }
  .liquid-table .card-container .card .card-content .card-header .type-wrapper .liquidate-action.liquidate-action-pl b {
    transform: translateX(0);
  }
  .liquid-table .card-container .card .card-content .card-row {
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;
    align-items: center;
    justify-content: space-between;
  }
  .liquid-table .card-container .card .card-content .card-row:last-child {
    margin-bottom: 20px;
  }
  .liquid-table .card-container .card .card-content .card-row .card-row-left {
    color: #6D6D6E;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  .liquid-table .card-container .card .card-content .card-row .card-row-right {
    color: #fff;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
  }
}

@media screen and (max-width: 767px) {
  .liquidation-refresh-popover {
    display: none;
  }
}
.liquidation-refresh-popover .ant-popover-content {
  padding: 8px !important;
}
.liquidation-refresh-popover .ant-dropdown-menu {
  border-radius: 4px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
}
.liquidation-refresh-popover .ant-dropdown-menu .ant-dropdown-menu-item {
  padding: 8px;
}
.liquidation-refresh-popover .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content {
  color: #9E9E9F;
  /* 12_Regular */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 16.8px */
}

.ant-dropdown .ant-table-filter-dropdown {
  border-radius: 9px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(16px);
}
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu {
  background-color: transparent;
}
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu .ant-checkbox-inner {
  background: transparent;
  border-radius: 2px;
  border: #b4b5b4 2px solid;
}
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-active.ant-dropdown-menu-item-selected,
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-selected {
  background-color: initial;
}
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-active.ant-dropdown-menu-item-selected .ant-checkbox,
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-selected .ant-checkbox {
  background: rgb(129, 222, 176);
}
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-active.ant-dropdown-menu-item-selected .ant-checkbox-inner,
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-selected .ant-checkbox-inner {
  border-color: rgb(129, 222, 176);
  background: rgb(129, 222, 176);
}
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-active.ant-dropdown-menu-item-selected .ant-checkbox-inner::after,
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-selected .ant-checkbox-inner::after {
  border-color: rgb(33, 108, 88);
}
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-menu-title-content span {
  color: #fff;
  /* 16_Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
}
.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-btns {
  border-top: none;
  flex-direction: row-reverse;
  align-items: center;
  padding-bottom: 16px;
}
.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-btns .ant-btn-primary {
  padding: 6px 16px;
  height: auto;
  margin-right: 24px;
}
.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-btns .ant-btn-primary span {
  visibility: hidden;
}
.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-btns .ant-btn-primary span::after {
  content: "Confirm";
  visibility: visible;
  margin-left: -19px;
}
.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-btns .ant-btn-link {
  color: rgb(129, 222, 176);
  margin-right: 30px;
}

.custom-pagination {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.custom-pagination .ant-pagination-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px !important;
  height: 32px !important;
  padding: 0;
}
.custom-pagination .ant-pagination-item-active a {
  padding: 5px 6px;
  color: rgb(129, 222, 176);
}
.custom-pagination .ant-pagination-item-active a:hover {
  color: rgb(129, 222, 176);
}.ant-btn-primary.liquidate-action {
  padding: 14px 42px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .ant-btn-primary.liquidate-action {
    padding: 10px 20px;
  }
}

.liquidation-item {
  position: relative;
  border-radius: 24px;
  margin-inline: auto;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .liquidation-item {
    padding-bottom: 36px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .liquidation-item {
    padding-bottom: 36px;
  }
}
@media screen and (min-width: 1472px) {
  .liquidation-item {
    padding-bottom: 36px;
  }
}
.liquidation-item .deposit-withdraw-panel {
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .liquidation-item .deposit-withdraw-panel {
    background-color: rgba(255, 255, 255, 0.05);
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='291'%20height='104'%20viewBox='0%200%20291%20104'%20fill='none'%3e%3cg%20opacity='0.8'%3e%3cg%20opacity='0.4'%20filter='url(%23filter0_f_6174_2884)'%3e%3cellipse%20cx='105.2'%20cy='-2'%20rx='105.2'%20ry='80'%20fill='url(%23paint0_linear_6174_2884)'/%3e%3c/g%3e%3cg%20opacity='0.4'%20filter='url(%23filter1_f_6174_2884)'%3e%3cellipse%20cx='39.0175'%20cy='50'%20rx='38.9765'%20ry='40'%20fill='%23DED98F'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_6174_2884'%20x='-80'%20y='-162'%20width='370.4'%20height='320'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='40'%20result='effect1_foregroundBlur_6174_2884'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_6174_2884'%20x='-63.959'%20y='-54'%20width='205.953'%20height='208'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='32'%20result='effect1_foregroundBlur_6174_2884'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_6174_2884'%20x1='105.2'%20y1='-82'%20x2='105.2'%20y2='78'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23216C58'/%3e%3cstop%20offset='1'%20stop-color='%2381DEB0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 24px;
    padding: 16px;
    border-radius: 16px;
  }
}
.liquidation-item .liquid-container {
  border-radius: 24px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .liquidation-item .liquid-container {
    width: 1200px;
  }
}
@media screen and (min-width: 1472px) {
  .liquidation-item .liquid-container {
    width: 1440px;
  }
}
@media screen and (max-width: 767px) {
  .liquidation-item .liquid-container {
    width: unset;
    padding: 0 20px;
  }
}
.liquidation-item .liquid-container .liquid-header {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
  margin-bottom: 32px;
}
.liquidation-item .liquid-container .liquid-header .left-header {
  display: flex;
  align-items: center;
  padding-left: 40px;
  font-size: 20px;
}
.liquidation-item .liquid-container .liquid-header .left-header > .back-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(0, 0, 0, 0.05);
  margin-right: 10px;
  cursor: pointer;
}
.liquidation-item .liquid-container .liquid-header .left-header > .back-wrapper:hover {
  border-color: #5fc693;
}
.liquidation-item .liquid-container .liquid-header .left-header .back-icon {
  transform: rotate(90deg);
}
.liquidation-item .liquid-container .liquid-header .left-header .type {
  font-weight: 700;
  font-size: 20px;
}
.liquidation-item .liquid-container .liquid-header .right-header {
  display: flex;
  align-items: center;
  padding-right: 40px;
}
.liquidation-item .liquid-container .liquid-header .right-header > div:first-child {
  color: #9E9E9F;
  margin-right: 4px;
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}
.liquidation-item .liquid-container .liquid-header .right-header .info-icon {
  margin-right: 8px;
}
.liquidation-item .liquid-container .liquid-header .right-header > div:last-child {
  /* 16_Semibold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}
.liquidation-item .liquid-container .content {
  display: flex;
  gap: 24px;
  padding: 0 40px 32px 40px;
}
.liquidation-item .liquid-container .content .info {
  flex: 1 1 50%;
  border-radius: 24px;
  background: rgba(0, 0, 0, 0.4);
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.liquidation-item .liquid-container .content .info .info-item {
  display: flex;
  justify-content: space-between;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.liquidation-item .liquid-container .content .info .info-title {
  color: #6D6D6E;
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  margin-bottom: 8px;
}
.liquidation-item .liquid-container .content .info .info-value {
  color: var(--Neutral-text_01, #fff);
  /* 16_Semibold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}
.liquidation-item .liquid-container .content .info-collapse-container {
  position: relative;
  overflow: hidden;
}
.liquidation-item .liquid-container .content .info-collapse-container .info-collapse-bg {
  display: none;
  position: absolute;
  top: 0;
  left: -40px;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  opacity: 0.5;
}
.liquidation-item .liquid-container .content .info-collapse-container .info-collapse {
  display: flex;
  background: rgba(255, 255, 255, 0.05) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='291'%20height='104'%20viewBox='0%200%20291%20104'%20fill='none'%3e%3cg%20opacity='0.8'%3e%3cg%20opacity='0.4'%20filter='url(%23filter0_f_6174_2884)'%3e%3cellipse%20cx='105.2'%20cy='-2'%20rx='105.2'%20ry='80'%20fill='url(%23paint0_linear_6174_2884)'/%3e%3c/g%3e%3cg%20opacity='0.4'%20filter='url(%23filter1_f_6174_2884)'%3e%3cellipse%20cx='39.0175'%20cy='50'%20rx='38.9765'%20ry='40'%20fill='%23DED98F'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_6174_2884'%20x='-80'%20y='-162'%20width='370.4'%20height='320'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='40'%20result='effect1_foregroundBlur_6174_2884'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_6174_2884'%20x='-63.959'%20y='-54'%20width='205.953'%20height='208'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='32'%20result='effect1_foregroundBlur_6174_2884'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_6174_2884'%20x1='105.2'%20y1='-82'%20x2='105.2'%20y2='78'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23216C58'/%3e%3cstop%20offset='1'%20stop-color='%2381DEB0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  width: 100%;
  min-height: 104px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
  opacity: 0.8;
}
.liquidation-item .liquid-container .content .info-collapse-container .info-collapse .ant-collapse-item {
  width: 100%;
}
.liquidation-item .liquid-container .content .info-collapse-container .info-collapse .ant-collapse-item .ant-collapse-header {
  flex-direction: column;
  padding-bottom: 0px;
  padding-top: 24px;
  gap: 16px;
}
.liquidation-item .liquid-container .content .info-collapse-container .info-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon {
  width: 100%;
  justify-content: flex-end;
  padding-right: 8px;
  padding-bottom: 5px;
}
.liquidation-item .liquid-container .content .info-collapse-container .info-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon .ant-collapse-arrow {
  display: flex;
  align-items: center;
  gap: 8px;
  color: white;
}
.liquidation-item .liquid-container .content .info-collapse-container .info-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon .ant-collapse-arrow span {
  color: #6D6D6E;
  text-align: right;
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.liquidation-item .liquid-container .content .info-collapse-container .info-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text {
  width: 100%;
}
.liquidation-item .liquid-container .content .info-collapse-container .info-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text .info-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #6D6D6E;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}
.liquidation-item .liquid-container .content .info-collapse-container .info-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text .info-item .info-value {
  font-weight: 600;
  color: #fff;
}
.liquidation-item .liquid-container .content .info-collapse-container .info-collapse .ant-collapse-item .ant-collapse-content-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.liquidation-item .liquid-container .content .info-collapse-container .info-collapse .ant-collapse-item .ant-collapse-content-box .info-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: #6D6D6E;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}
.liquidation-item .liquid-container .content .info-collapse-container .info-collapse .ant-collapse-item .ant-collapse-content-box .info-item .info-value {
  font-weight: 600;
  text-align: right;
  color: #fff;
}
.liquidation-item .liquid-container .content .info-collapse-container .info-collapse .ant-collapse-item-active .ant-collapse-expand-icon {
  display: none;
}
.liquidation-item .liquid-container .content .info-collapse-container .info-collapse .ant-collapse-item-active .ant-collapse-header-text {
  padding-bottom: 12px;
}
.liquidation-item .liquid-container .content .info-collapse-container .info-collapse .collapse-close-row {
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
  padding-bottom: 10px;
  color: rgb(129, 222, 176);
}
.liquidation-item .liquid-container .content .result {
  flex: 1 1 50%;
  border-radius: 24px;
  background: rgba(0, 0, 0, 0.4);
  padding: 40px;
}
.liquidation-item .liquid-container .content .result .coin-part {
  gap: 32px;
  padding: 32px 24px;
  border-radius: 16px;
  background: linear-gradient(270deg, rgba(68, 143, 106, 0.3019607843) -1.41%, rgba(95, 198, 147, 0.3019607843) 102.26%);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.liquidation-item .liquid-container .content .result .coin-part .coin-line {
  display: flex;
  justify-content: space-between;
}
.liquidation-item .liquid-container .content .result .coin-part .coin-line .coin-wrapper {
  height: fit-content;
  padding: 10px 12px;
  border-radius: 9.6px;
  background: rgba(129, 222, 176, 0.1);
}
.liquidation-item .liquid-container .content .result .coin-part .coin-line .result-label {
  color: #9E9E9F;
  text-align: right;
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  margin-bottom: 6px;
}
.liquidation-item .liquid-container .content .result .coin-part .coin-line .result-value {
  text-align: right;
  color: var(--Neutral-text_01, #fff);
  /* 16_Semibold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}
.liquidation-item .liquid-container .content .result .coin-part .coin-bg {
  position: absolute;
  z-index: -1;
  width: 200px;
  height: 200px;
  background: #ded98f;
  opacity: 0.4;
  filter: blur(80px);
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}
.liquidation-item .liquid-container .content .result .fee-profit {
  padding-right: 24px;
  padding-bottom: 24px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.15);
}
.liquidation-item .liquid-container .content .result .fee-detial,
.liquidation-item .liquid-container .content .result .profit-detial {
  margin-top: 24px;
}
.liquidation-item .liquid-container .content .result .fee-detial > div:last-child,
.liquidation-item .liquid-container .content .result .profit-detial > div:last-child {
  color: var(--Neutral-text_01, #fff);
  text-align: right;
  /* 16_Semibold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}
.liquidation-item .liquid-container .content .result .fee-detial > div:last-child.profit-tips,
.liquidation-item .liquid-container .content .result .profit-detial > div:last-child.profit-tips {
  color: #6D6D6E;
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-top: -8px;
}
.liquidation-item .liquid-container .content .result .fee-title,
.liquidation-item .liquid-container .content .result .profit-title {
  color: #6D6D6E;
  text-align: right;
  margin-bottom: 8px;
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}
.liquidation-item .liquid-container .content .result .fee-profit .profit-detial .profit-value {
  color: #81deb0;
  text-align: right;
  /* 32_Semibold */
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 44.8px */
}
.liquidation-item .liquid-container .content .result .wallet-action {
  color: #6D6D6E;
  line-height: 140%;
  cursor: pointer;
}
.liquidation-item .liquid-container .content .result .wallet-action:hover {
  text-decoration: underline;
  color: #5fc693;
}
.liquidation-item .liquid-container .content .result .action {
  display: flex;
  justify-content: flex-end;
  padding-right: 24px;
  padding-top: 32px;
  align-items: center;
}
.liquidation-item .liquid-container .content .result .action .wallet-action {
  margin-right: 24px;
}
.liquidation-item .liquid-container .content .result .action .liquidate-end {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .liquidation-item .liquid-container {
    margin-top: 16px;
    background: unset;
    backdrop-filter: unset;
    border: unset;
    padding: 0;
  }
  .liquidation-item .liquid-container .liquid-header {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .liquidation-item .liquid-container .liquid-header .left-header {
    padding-left: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 250% */
  }
  .liquidation-item .liquid-container .liquid-header .left-header > .back-wrapper {
    margin-right: 16px;
  }
  .liquidation-item .liquid-container .liquid-header .left-header .type {
    font-size: 16px;
  }
  .liquidation-item .liquid-container .liquid-header .right-header {
    display: none;
  }
  .liquidation-item .liquid-container .content {
    gap: 16px;
    flex-direction: column;
    padding: 0;
  }
  .liquidation-item .liquid-container .content .info-collapse-container {
    margin-bottom: 16px;
  }
  .liquidation-item .liquid-container .content .liquidate-detail {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .liquidation-item .liquid-container .content .liquidate-detail .liquidate-detail-left span {
    ont-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
  }
  .liquidation-item .liquid-container .content .liquidate-detail .liquidate-detail-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }
  .liquidation-item .liquid-container .content .liquidate-detail .liquidate-detail-right > div:first-child {
    color: #9E9E9F;
    margin-right: 4px;
    /* 14_Regular */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  .liquidation-item .liquid-container .content .liquidate-detail .liquidate-detail-right span {
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
  }
  .liquidation-item .liquid-container .content .result {
    padding: 0;
  }
  .liquidation-item .liquid-container .content .result .fee-profit {
    padding-right: 16px;
  }
  .liquidation-item .liquid-container .content .result .coin-part {
    padding: 32px 16px;
    opacity: 0.9;
  }
  .liquidation-item .liquid-container .content .result .coin-part .coin-line .coin-wrapper {
    padding: 12px;
  }
  .liquidation-item .liquid-container .content .result .profit-detial .profit-value {
    font-size: 24px;
  }
  .liquidation-item .liquid-container .content .result .action {
    padding-top: 24px;
    padding-right: 17px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liquidation-item .liquid-container .content .result .action .finish-info {
    margin-top: 24px;
  }
}
.liquidation-item .finish-info {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 12px 16px;
  gap: 8px;
  border-radius: 6px;
  background: rgba(255, 143, 11, 0.2);
  backdrop-filter: blur(2px);
  margin-top: 16px;
  color: #ff8f0b;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.liquidation-item .finish-info svg {
  width: 20px;
  height: 20px;
}
.liquidation-item .finish-info .anticon {
  color: var(--Warming-02-Hover, #ff9f2d);
}
@media screen and (max-width: 767px) {
  .liquidation-item .finish-info {
    margin-top: 32px;
    margin-bottom: 0;
  }
}

.ant-modal.liquidate-status-modal {
  border-radius: 24px;
  background: #252b2b;
  padding-bottom: 0;
}
.ant-modal.liquidate-status-modal .error-status {
  background: #202223;
}
.ant-modal.liquidate-status-modal .ant-modal-content {
  background-color: #252b2b;
}
.ant-modal.liquidate-status-modal .ant-modal-content .loading-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 56px 69px 56px;
}
.ant-modal.liquidate-status-modal .ant-modal-content .loading-wrapper .loading-shadow {
  border-radius: 50%;
  padding: 20px;
  background: rgba(255, 255, 255, 0.05);
  margin-bottom: 26px;
  width: fit-content;
  padding-bottom: 14px;
  margin-left: auto;
  margin-right: auto;
}
.ant-modal.liquidate-status-modal .ant-modal-content .loading-wrapper .loading-shadow .loading-icon {
  width: 40px;
  height: 40px;
}
.ant-modal.liquidate-status-modal .ant-modal-content .loading-wrapper .label {
  color: white;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 22.4px */
}
.ant-modal.liquidate-status-modal .ant-modal-content .liquidate-status-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px;
}
.ant-modal.liquidate-status-modal .ant-modal-content .liquidate-status-body .liquidate-wrapper {
  padding: 16px;
  padding-bottom: 10px;
  border-radius: 50%;
  width: fit-content;
  height: fit-content;
  background: rgba(129, 222, 176, 0.05);
  margin-bottom: 20px;
}
.ant-modal.liquidate-status-modal .ant-modal-content .liquidate-status-body .title {
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 22.4px */
  margin-bottom: 8px;
}
.ant-modal.liquidate-status-modal .ant-modal-content .liquidate-status-body .sub-title {
  color: #6D6D6E;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  margin-bottom: 32px;
}
.ant-modal.liquidate-status-modal .ant-modal-content .liquidate-status-body button {
  padding: 10px 40px;
}

.liquid-wallet-modal .input-container .ant-input {
  background: #181a1c;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: white;
  padding-left: 0;
  margin-top: 0;
  font-size: 16px;
}
.liquid-wallet-modal .input-container .ant-input.ant-input-outlined {
  box-shadow: none;
  padding-inline: 16px;
  padding-block: 16px;
}
.liquid-wallet-modal .input-container .ant-input::placeholder {
  color: #3D3D3E;
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}@media screen and (max-width: 767px) {
  .liquidation-root {
    padding-top: 64px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .liquidation-root {
    padding-top: 80px;
  }
}
@media screen and (min-width: 1472px) {
  .liquidation-root {
    padding-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  .liquidation-root {
    padding-bottom: 36px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .liquidation-root {
    padding-bottom: 36px;
  }
}
@media screen and (min-width: 1472px) {
  .liquidation-root {
    padding-bottom: 36px;
  }
}
.liquidation-root .liquid-body {
  overflow: auto;
  min-height: 100vh;
}
.liquidation-root .liquid-body .header {
  padding-top: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .liquidation-root .liquid-body .header {
    width: 1200px;
  }
}
@media screen and (min-width: 1472px) {
  .liquidation-root .liquid-body .header {
    width: 1440px;
  }
}
@media screen and (max-width: 767px) {
  .liquidation-root .liquid-body .header {
    width: unset;
    padding: 0 20px;
  }
}
.liquidation-root .liquid-body .header .title {
  background: linear-gradient(270deg, #448f6a -1.41%, #81deb0 81.53%, #e1dc90 102.26%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 140%;
  /* 56px */
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  width: fit-content;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .liquidation-root .liquid-body .header .title {
    font-size: 24px;
    text-align: start;
  }
}
.liquidation-root .liquid-body .header .sub-title {
  color: #CECECF;
  text-align: center;
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}
.liquidation-root .liquid-body .header .sub-title .link {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media screen and (max-width: 767px) {
  .liquidation-root .liquid-body .header .sub-title {
    text-align: start;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .liquidation-root .liquid-body .header {
    align-items: flex-start;
    padding: 0px;
    padding-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .liquidation-root .liquid-body {
    height: 100%;
    padding: 0px 20px;
  }
}.auction-table {
  position: relative;
  max-width: 1440px;
  margin: auto;
  border-radius: 24px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
}
.auction-table .table-header {
  padding-top: 32px;
  display: flex;
  justify-content: space-between;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 32px;
}
.auction-table .table-header .header-left-wrapper {
  display: flex;
  align-items: center;
}
.auction-table .table-header .header-left-wrapper .header-img-wrapper {
  display: inline-flex;
  padding: 8px;
  border-radius: 8px;
  background: rgba(129, 222, 176, 0.1);
  margin-right: 16px;
}
.auction-table .table-header .header-left-wrapper .header-img-wrapper .header-img {
  width: 24px;
  height: 24px;
}
.auction-table .table-header .header-left-wrapper .header-title {
  color: #fff;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  /* 200% */
  margin-right: 8px;
}
.auction-table .table-header .header-left-wrapper .header-beta {
  padding: 4px;
  color: #ff8f0b;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  /* 100% */
  border-radius: 4px;
  background: rgba(255, 143, 11, 0.2);
}
.auction-table .table-header .header-right-wrapper {
  display: flex;
  align-items: center;
}
.auction-table .table-header .header-right-wrapper .date {
  color: #9E9E9F;
  text-align: right;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  /* 285.714% */
  margin-right: 16px;
}
.auction-table .table-header .header-right-wrapper .refresh-wrapper {
  display: inline-flex;
  align-items: center;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(0, 0, 0, 0.05);
  padding: 9px;
}
.auction-table .table-header .header-right-wrapper .refresh-wrapper:hover svg path {
  fill: #5fc693;
}
@media screen and (max-width: 767px) {
  .auction-table .table-header .header-right-wrapper .refresh-wrapper:hover svg path {
    fill: rgba(255, 255, 255, 0.8);
  }
}
.auction-table .ant-table-wrapper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before,
.auction-table .ant-table-wrapper .ant-table-thead > tr > td:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  background-color: rgba(255, 255, 255, 0.1);
}
.auction-table .ant-table {
  background-color: transparent;
  padding-inline: 24px;
}
.auction-table .ant-table .ant-table-thead {
  background: rgba(0, 0, 0, 0.16);
}
.auction-table .ant-table .ant-table-thead .ant-dropdown-open .anticon-filter {
  color: rgb(129, 222, 176);
}
.auction-table .ant-table .ant-table-thead .ant-table-cell {
  background: transparent;
  color: #9E9E9F;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-weight: 700;
}
.auction-table .ant-table .ant-table-tbody .ant-table-placeholder {
  background: transparent;
}
.auction-table .ant-table .ant-table-tbody .ant-table-placeholder:hover {
  background-color: transparent;
}
.auction-table .ant-table .ant-table-tbody .ant-table-placeholder:hover .ant-table-cell {
  background-color: transparent;
}
.auction-table .ant-table .ant-empty {
  display: none;
}
.auction-table .ant-table-tbody {
  position: relative;
  z-index: 1;
  color: #fff;
}
.auction-table .ant-table-tbody .ant-table-cell {
  border-bottom: none;
}
.auction-table .ant-table-tbody .ant-table-cell.ant-table-cell-row-hover {
  background-color: initial;
}
.auction-table .ant-table-tbody .ant-table-expanded-row .ant-table-cell {
  border-bottom: none;
  padding: 0;
}
.auction-table .ant-table-tbody .ant-table-row:not(:first-child) .ant-table-cell {
  border-top: rgba(255, 255, 255, 0.06) 1px solid;
}
.auction-table .ant-table-tbody .ant-table-row.hide-expand-bottom .ant-table-cell {
  border-bottom: rgba(255, 255, 255, 0.06) 1px solid;
}
.auction-table .ant-table-tbody .ant-table-row:last-child .ant-table-cell {
  border-bottom: rgba(255, 255, 255, 0.06) 1px solid;
}
.auction-table .ant-table-tbody .vault-id {
  display: flex;
  align-items: center;
}
.auction-table .ant-table-tbody .vault-id svg {
  margin-left: 8px;
}
.auction-table .ant-table-tbody .type-wrapper {
  display: flex;
  align-items: center;
  margin-left: 16px;
}
.auction-table .ant-table-tbody .type-wrapper .type-icon {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin-right: 16px;
}
.auction-table table {
  border-top-left-radius: 24px;
  padding: 16px 16px;
  padding-top: 0;
}
.auction-table .loading-line {
  display: flex;
  justify-content: center;
  color: #CECECF;
  font-weight: 700;
  font-size: 14px;
  padding-bottom: 12px;
}
.auction-table .loading-line .loading-wrapper {
  display: flex;
  line-height: 1.4;
}
.auction-table .loading-line .loading-wrapper .load-icon {
  margin-right: 8px;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.auction-table .loading-line .loading-btn {
  padding: 14px 32px;
  border-radius: 100px;
  height: auto;
}
.auction-table .no-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 140px;
}
.auction-table .no-data .no-data-img {
  width: 160px;
  height: 160px;
  margin-top: 16px;
  background-image: url(https://prod-app-cdn-new.usdd.io/static/media/no_data-DjOSkORx.png);
  background-size: 100%;
}
.auction-table .no-data .no-data-label {
  color: #6D6D6E;
  text-align: center;
  margin-top: 24px;
  /* 16_Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
}
@media screen and (max-width: 767px) {
  .auction-table {
    width: 100%;
    background: unset;
    border: unset;
  }
  .auction-table table {
    display: none;
  }
  .auction-table .table-header {
    background: unset;
    padding: 0px;
    margin-bottom: 24px;
  }
  .auction-table .table-header .header-left-wrapper .header-title {
    display: none;
  }
  .auction-table .table-header .header-left-wrapper .header-beta {
    display: none;
  }
  .auction-table .table-header .header-left-wrapper .header-img-wrapper {
    display: inline-flex;
    padding: 8px;
    margin-right: 0;
  }
  .auction-table .table-header .header-left-wrapper .header-img-wrapper .header-img {
    width: 24px;
    height: 24px;
  }
  .auction-table .table-header .header-right-wrapper .date {
    display: flex;
    flex-direction: column;
    margin-right: 8px;
    max-width: 130px;
  }
  .auction-table .table-header .header-right-wrapper .date span {
    line-height: 20px;
  }
  .auction-table .card-collapse-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
  .auction-table .card-collapse-container .card,
  .auction-table .card-collapse-container .auction-collapse {
    width: inherit;
    font-family: Inter;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px;
    padding: 20px 16px;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(12px);
  }
  .auction-table .card-collapse-container .ant-collapse-content-box {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .auction-table .card-collapse-container .ant-collapse-header {
    padding: 0;
  }
  .auction-table .card-collapse-container .ant-collapse-header .ant-collapse-expand-icon {
    order: 2;
  }
  .auction-table .card-collapse-container .ant-collapse-header .ant-collapse-expand-text {
    order: 1;
  }
  .auction-table .card-collapse-container .collapse-header,
  .auction-table .card-collapse-container .card-header {
    display: flex;
    flex-direction: column;
  }
  .auction-table .card-collapse-container .collapse-header .type-wrapper,
  .auction-table .card-collapse-container .card-header .type-wrapper {
    width: 100%;
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
    align-items: center;
  }
  .auction-table .card-collapse-container .collapse-header .type-wrapper .type-icon,
  .auction-table .card-collapse-container .card-header .type-wrapper .type-icon {
    width: 32px;
    height: 32px;
  }
  .auction-table .card-collapse-container .collapse-header .type-wrapper .type-name,
  .auction-table .card-collapse-container .card-header .type-wrapper .type-name {
    color: #fff;
    flex: 1 0 0;
    width: 100%;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 22.4px */
  }
  .auction-table .card-collapse-container .collapse-row,
  .auction-table .card-collapse-container .card-row {
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;
    justify-content: space-between;
  }
  .auction-table .card-collapse-container .collapse-row:last-child,
  .auction-table .card-collapse-container .card-row:last-child {
    margin-bottom: 0 !important;
  }
  .auction-table .card-collapse-container .collapse-row .title,
  .auction-table .card-collapse-container .card-row .title {
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    color: #6D6D6E;
  }
  .auction-table .card-collapse-container .collapse-row .desc,
  .auction-table .card-collapse-container .card-row .desc {
    display: inline-flex;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 19.6px */
    text-align: right;
    color: #fff;
  }
  .auction-table .card-collapse-container .collapse-row-close .title {
    color: #CECECF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  .auction-table .card-collapse-container .expanded-last-row {
    justify-content: flex-end;
    cursor: pointer;
    margin-bottom: 0 !important;
  }
  .auction-table .card-collapse-container .ant-collapse-item-active .collapse-row-close {
    display: none;
  }
  .auction-table .card-collapse-container .ant-collapse-item-active .collapse-close-row {
    display: inline-flex;
  }
  .auction-table .auction-pagination {
    margin-top: 24px;
    margin-bottom: 23px;
    width: 100%;
  }
  .auction-table .auction-pagination .ant-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 32px;
    height: 32px;
  }
  .auction-table .auction-pagination .ant-pagination-item a {
    padding: 5px 6px;
  }
  .auction-table .no-data {
    margin-bottom: 0;
    padding: 75px 91px 75px 90px;
    gap: 8px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
  }
  .auction-table .no-data .no-data-img {
    margin-top: 0;
    width: 100px;
    height: 100px;
  }
  .auction-table .no-data .no-data-label {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .liquidation-refresh-popover {
    display: none;
  }
}
.liquidation-refresh-popover .ant-popover-content {
  padding: 8px !important;
}
.liquidation-refresh-popover .ant-dropdown-menu {
  border-radius: 4px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
}
.liquidation-refresh-popover .ant-dropdown-menu .ant-dropdown-menu-item {
  padding: 8px;
}
.liquidation-refresh-popover .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content {
  color: #9E9E9F;
  /* 12_Regular */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 16.8px */
}

.ant-dropdown .ant-table-filter-dropdown {
  border-radius: 9px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(16px);
}
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu {
  background-color: transparent;
}
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu .ant-checkbox-inner {
  background: transparent;
  border-radius: 2px;
  border: #b4b5b4 2px solid;
}
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-active.ant-dropdown-menu-item-selected,
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-selected {
  background-color: initial;
}
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-active.ant-dropdown-menu-item-selected .ant-checkbox,
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-selected .ant-checkbox {
  background: rgb(129, 222, 176);
}
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-active.ant-dropdown-menu-item-selected .ant-checkbox-inner,
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-selected .ant-checkbox-inner {
  border-color: rgb(129, 222, 176);
  background: rgb(129, 222, 176);
}
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-active.ant-dropdown-menu-item-selected .ant-checkbox-inner::after,
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-selected .ant-checkbox-inner::after {
  border-color: rgb(33, 108, 88);
}
.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-menu-title-content span {
  color: #fff;
  /* 16_Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
}
.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-btns {
  border-top: none;
  flex-direction: row-reverse;
  align-items: center;
  padding-bottom: 16px;
}
.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-btns .ant-btn-primary {
  padding: 6px 16px;
  height: auto;
  margin-right: 24px;
}
.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-btns .ant-btn-primary span {
  visibility: hidden;
}
.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-btns .ant-btn-primary span::after {
  content: "Confirm";
  visibility: visible;
  margin-left: -19px;
}
.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-btns .ant-btn-link {
  color: rgb(129, 222, 176);
  margin-right: 30px;
}.auction-item {
  width: 100%;
  position: relative;
  margin-inline: auto;
}
.auction-item .deposit-withdraw-panel {
  margin-top: 32px;
}
.auction-item .deposit-link {
  color: #81deb0;
  text-decoration: underline;
  cursor: pointer;
}
.auction-item .deposit-link:hover {
  color: #5fc693;
}
.auction-item .auction-info {
  border-radius: 24px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .auction-item .auction-info {
    width: 1200px;
  }
}
@media screen and (min-width: 1472px) {
  .auction-item .auction-info {
    width: 1440px;
  }
}
@media screen and (max-width: 767px) {
  .auction-item .auction-info {
    width: unset;
    padding: 0 20px;
  }
}
.auction-item .auction-seconds-till-end-time {
  color: var(--Neutral-text_02, #CECECF);
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
.auction-item .liquid-header {
  display: flex;
  justify-content: space-between;
  padding-top: 32px;
  margin-bottom: 32px;
}
.auction-item .liquid-header .left-header {
  display: flex;
  align-items: center;
  padding-left: 40px;
  font-size: 20px;
}
.auction-item .liquid-header .left-header > .back-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(0, 0, 0, 0.05);
  margin-right: 16px;
  cursor: pointer;
}
.auction-item .liquid-header .left-header > .back-wrapper:hover {
  border-color: #5fc693;
}
.auction-item .liquid-header .left-header .back-icon {
  transform: rotate(90deg);
}
.auction-item .liquid-header .left-header .type {
  font-weight: 700;
  font-size: 20px;
}
.auction-item .liquid-header .right-header {
  display: flex;
  align-items: center;
  padding-right: 40px;
}
.auction-item .liquid-header .right-header .restart {
  display: flex;
  align-items: center;
  gap: 12px;
}
.auction-item .liquid-header .right-header .restart .restart-btn {
  color: #fff;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  height: auto;
  width: fit-content;
  background: linear-gradient(270deg, #448f6a -1.41%, #5fc693 102.26%);
}
.auction-item .liquid-header .right-header > div:first-child {
  color: #9E9E9F;
  margin-right: 16px;
  text-align: right;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.auction-item .liquid-header .right-header .info-icon {
  margin-right: 8px;
}
.auction-item .liquid-header .right-header > div:last-child {
  /* 16_Semibold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}
.auction-item .liquid-header .right-header .progress .ant-progress-text {
  color: #fff;
  text-align: right;
  /* 12_Regular */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.auction-item .content {
  display: flex;
  gap: 24px;
  padding: 0 40px 40px;
}
.auction-item .content .info {
  flex: 1 1 50%;
  border-radius: 24px;
  background: rgba(0, 0, 0, 0.4);
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.auction-item .content .info .info-item {
  display: flex;
  justify-content: space-between;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.auction-item .content .info .info-title {
  color: #9E9E9F;
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.auction-item .content .info .info-title .explain-icon {
  margin-left: 4px;
}
.auction-item .content .info .info-value {
  color: var(--Neutral-text_01, #fff);
  /* 16_Semibold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}
.auction-item .content .result {
  flex: 1 1 50%;
  border-radius: 24px;
  background: rgba(0, 0, 0, 0.4);
  padding: 40px;
}
.auction-item .content .result .auction-form .title {
  color: var(--Neutral-text_01, #fff);
  /* 20_Semibold */
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 28px */
}
.auction-item .content .result .auction-form .input-container {
  margin-top: 24px;
  border-radius: 16px;
  background: linear-gradient(270deg, rgba(68, 143, 106, 0.3) -1.41%, rgba(95, 198, 147, 0.3) 102.26%);
  padding: 24px;
}
.auction-item .content .result .auction-form .input-container .auction-form-bg {
  display: none;
}
.auction-item .content .result .auction-form .calc {
  margin-top: 24px;
}
.auction-item .content .result .auction-form .calc .earn,
.auction-item .content .result .auction-form .calc .profit {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.auction-item .content .result .auction-form .calc .earn .value {
  color: var(--Brand-02_text, #81deb0);
  /* 24_Semibold */
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 33.6px */
}
.auction-item .content .result .auction-form .calc .profit {
  margin-top: 24px;
}
.auction-item .content .result .auction-form .calc .profit .value {
  color: var(--Neutral-text_02, #CECECF);
  /* 16_Semibold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}
.auction-item .content .result .auction-form .calc .label {
  color: var(--Neutral-text_03, #9E9E9F);
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}
.auction-item .content .result .auction-form .submit-btn {
  margin-top: 24px;
  width: 100%;
  padding: 14px 0px;
  border-radius: 6px;
  font-weight: 600;
}
.auction-item .content .result .auction-form .submit-btn:disabled .ant-btn-icon svg path {
  fill-opacity: 0.4;
}
.auction-item .finish-info {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  border-radius: 6px;
  background: rgba(255, 143, 11, 0.2);
  backdrop-filter: blur(2px);
  padding: 12px 16px;
  margin-top: 16px;
  color: #ff8f0b;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.auction-item .finish-info .anticon {
  color: var(--Warming-02-Hover, #ff9f2d);
}
@media screen and (max-width: 767px) {
  .auction-item .deposit-withdraw-panel {
    background-color: rgba(255, 255, 255, 0.05);
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='291'%20height='104'%20viewBox='0%200%20291%20104'%20fill='none'%3e%3cg%20opacity='0.8'%3e%3cg%20opacity='0.4'%20filter='url(%23filter0_f_6174_2884)'%3e%3cellipse%20cx='105.2'%20cy='-2'%20rx='105.2'%20ry='80'%20fill='url(%23paint0_linear_6174_2884)'/%3e%3c/g%3e%3cg%20opacity='0.4'%20filter='url(%23filter1_f_6174_2884)'%3e%3cellipse%20cx='39.0175'%20cy='50'%20rx='38.9765'%20ry='40'%20fill='%23DED98F'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_6174_2884'%20x='-80'%20y='-162'%20width='370.4'%20height='320'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='40'%20result='effect1_foregroundBlur_6174_2884'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_6174_2884'%20x='-63.959'%20y='-54'%20width='205.953'%20height='208'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='32'%20result='effect1_foregroundBlur_6174_2884'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_6174_2884'%20x1='105.2'%20y1='-82'%20x2='105.2'%20y2='78'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23216C58'/%3e%3cstop%20offset='1'%20stop-color='%2381DEB0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 16px;
    border-radius: 16px;
    margin-top: 24px;
  }
  .auction-item .deposit-withdraw-panel .deposit-withdraw-panel-header {
    height: 20px;
    margin-bottom: 8px;
  }
  .auction-item .deposit-withdraw-panel .deposit-withdraw-panel-header .deposit-withdraw-panel-header-right button {
    height: 20px;
  }
  .auction-item .auction-info {
    background: transparent;
    border: unset;
    border-radius: unset;
    backdrop-filter: unset;
    padding: 0;
    margin-top: 0;
  }
  .auction-item .liquid-header {
    padding-top: 16px;
    margin-bottom: 16px;
  }
  .auction-item .liquid-header .left-header {
    padding-left: 0;
  }
  .auction-item .liquid-header .left-header .type {
    font-size: 16px;
    line-height: 40px;
  }
  .auction-item .liquid-header .right-header {
    padding-right: 0;
    display: none;
  }
  .auction-item .content {
    flex-direction: column;
    padding: 0;
    gap: 32px;
  }
  .auction-item .content .result {
    background: unset;
    border-radius: unset;
    border: unset;
    padding: 0px;
  }
  .auction-item .content .mobile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }
  .auction-item .content .mobile-header .title {
    color: #fff;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
  }
  .auction-item .content .mobile-header .sub-title {
    display: inline-flex;
    color: #6D6D6E;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-align: right;
  }
  .auction-item .content .mobile-header .sub-title .mobile-progress {
    margin-left: 16px;
  }
  .auction-item .content .mobile-header .sub-title .mobile-progress .ant-progress-text {
    color: #fff;
  }
  .auction-item .content .mobile-content .restart-panel {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 40px 35px 44px 35px;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: linear-gradient(270deg, rgba(68, 143, 106, 0.1) -1.41%, rgba(95, 198, 147, 0.1) 102.26%);
  }
  .auction-item .content .mobile-content .restart-panel .img-stack {
    position: relative;
    display: flex;
    margin-bottom: 16px;
  }
  .auction-item .content .mobile-content .restart-panel .img-stack .base-img-wrapper {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    padding: 20px;
  }
  .auction-item .content .mobile-content .restart-panel .img-stack .base-img-wrapper .base-img {
    width: 40px;
    height: 40px;
  }
  .auction-item .content .mobile-content .restart-panel .img-stack .stack-img {
    position: absolute;
    right: 0;
    width: 22px;
    height: 22px;
  }
  .auction-item .content .mobile-content .restart-panel .restart {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
    gap: 24px;
  }
  .auction-item .content .mobile-content .restart-panel .restart > div {
    color: var(--Dark-Neutral-text_03, #9E9E9F);
    text-align: center;
    /* 14_Regular */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
  }
  .auction-item .content .mobile-content .restart-panel .restart .restart-btn {
    display: inline-flex;
    height: 40px;
    padding: 0px 40px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    color: #fff;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    width: fit-content;
    border-radius: 6px;
    background: linear-gradient(270deg, #448f6a -1.41%, #5fc693 102.26%);
  }
  .auction-item .content .mobile-content .restart-panel .potential-earning .text {
    color: #6D6D6E;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  .auction-item .content .mobile-content .restart-panel .potential-earning .value {
    color: #CECECF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  .auction-item .content .mobile-content .auction-form {
    position: relative;
    overflow: hidden;
  }
  .auction-item .content .mobile-content .auction-form .auction-form-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    opacity: 0.5;
  }
  .auction-item .content .mobile-content .auction-form .line {
    margin-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
  }
  .auction-item .content .mobile-content .auction-form .submit-btn {
    margin-bottom: 46px;
    width: 100%;
    height: 40px;
    gap: 8px;
    flex-shrink: 0;
  }
  .auction-item .content .mobile-content .auction-form .input-container {
    margin-top: 0;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-image: linear-gradient(270deg, rgba(68, 143, 106, 0.1) -1.41%, rgba(95, 198, 147, 0.1) 102.26%), url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='258'%20height='172'%20viewBox='0%200%20258%20172'%20fill='none'%3e%3cg%20opacity='0.4'%20filter='url(%23filter0_f_5856_10594)'%3e%3cellipse%20cx='0.441147'%20rx='97.4411'%20ry='100'%20fill='%23DED98F'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_5856_10594'%20x='-257'%20y='-260'%20width='514.882'%20height='520'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='80'%20result='effect1_foregroundBlur_5856_10594'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .auction-item .content .mobile-content .auction-form .input-container .ant-input-top {
    margin-bottom: 7px;
  }
  .auction-item .content .mobile-content .auction-form .input-container .ant-input-top .input-label-value-container {
    display: flex;
    align-items: center;
  }
  .auction-item .content .mobile-content .auction-form .input-container .ant-input-top .input-label-value-container .ant-input-label {
    color: #9E9E9F;
    margin-right: 8px;
  }
  .auction-item .content .mobile-content .auction-form .input-container .input {
    height: 48px;
    border-radius: 8px;
    padding-inline: 12px;
    background: rgba(255, 255, 255, 0.1);
  }
  .auction-item .content .mobile-content .auction-form .input-container .ant-input-msg-info {
    align-items: flex-start;
  }
  .auction-item .content .mobile-content .auction-form .input-container .ant-input-suffix {
    margin-inline-start: 8px;
  }
  .auction-item .active .info-collapse-bg {
    left: 0 !important;
  }
  .auction-item .auction-collapse-container {
    position: relative;
    overflow: hidden;
  }
  .auction-item .auction-collapse-container .auction-collapse {
    padding: 24px 16px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(270deg, rgba(68, 143, 106, 0.3) -1.41%, rgba(95, 198, 147, 0.3) 102.26%), url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='291'%20height='104'%20viewBox='0%200%20291%20104'%20fill='none'%3e%3cg%20opacity='0.8'%3e%3cg%20opacity='0.4'%20filter='url(%23filter0_f_6174_2884)'%3e%3cellipse%20cx='105.2'%20cy='-2'%20rx='105.2'%20ry='80'%20fill='url(%23paint0_linear_6174_2884)'/%3e%3c/g%3e%3cg%20opacity='0.4'%20filter='url(%23filter1_f_6174_2884)'%3e%3cellipse%20cx='39.0175'%20cy='50'%20rx='38.9765'%20ry='40'%20fill='%23DED98F'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_6174_2884'%20x='-80'%20y='-162'%20width='370.4'%20height='320'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='40'%20result='effect1_foregroundBlur_6174_2884'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_6174_2884'%20x='-63.959'%20y='-54'%20width='205.953'%20height='208'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='32'%20result='effect1_foregroundBlur_6174_2884'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_6174_2884'%20x1='105.2'%20y1='-82'%20x2='105.2'%20y2='78'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23216C58'/%3e%3cstop%20offset='1'%20stop-color='%2381DEB0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: contain, 300px 300px;
    background-position: center, top -100px left;
    backdrop-filter: blur(12px);
    opacity: 0.8;
  }
  .auction-item .auction-collapse-container .auction-collapse .ant-collapse-item .ant-collapse-header {
    padding: 0;
  }
  .auction-item .auction-collapse-container .auction-collapse .ant-collapse-content-box {
    padding: 0;
    padding-top: 16px;
  }
  .auction-item .auction-collapse-container .auction-collapse .collapse-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .auction-item .auction-collapse-container .auction-collapse .collapse-info .info-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .auction-item .auction-collapse-container .auction-collapse .collapse-info .info-item .dots {
    color: #fff !important;
  }
  .auction-item .auction-collapse-container .auction-collapse .collapse-info .info-item .info-title {
    color: #6D6D6E;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  .auction-item .auction-collapse-container .auction-collapse .collapse-info .info-item .info-value {
    display: inline-flex;
    color: var(--Neutral-text_01, #fff);
    text-align: right;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
  }
  .auction-item .auction-collapse-container .auction-collapse .expanded-last-row {
    display: inline-flex;
    justify-content: flex-end;
    cursor: pointer;
    margin-bottom: 0 !important;
  }
  .auction-item .auction-collapse-container .auction-collapse .ant-collapse-item-active .collapse-close {
    display: none;
  }
  .auction-item .finish-info {
    margin-top: 32px;
  }
}

.ant-modal.liquidate-status-modal {
  border-radius: 24px;
  background: #252b2b;
  padding-bottom: 0;
}
.ant-modal.liquidate-status-modal .error-status {
  background: #202223;
}
.ant-modal.liquidate-status-modal .ant-modal-content {
  background-color: #252b2b;
}
.ant-modal.liquidate-status-modal .ant-modal-content .loading-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 56px 69px 56px;
}
.ant-modal.liquidate-status-modal .ant-modal-content .loading-wrapper .loading-shadow {
  border-radius: 50%;
  padding: 20px;
  background: rgba(255, 255, 255, 0.05);
  margin-bottom: 26px;
  width: fit-content;
  padding-bottom: 14px;
  margin-left: auto;
  margin-right: auto;
}
.ant-modal.liquidate-status-modal .ant-modal-content .loading-wrapper .loading-shadow .loading-icon {
  width: 40px;
  height: 40px;
}
.ant-modal.liquidate-status-modal .ant-modal-content .loading-wrapper .label {
  color: white;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 22.4px */
}
.ant-modal.liquidate-status-modal .ant-modal-content .liquidate-status-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px;
}
.ant-modal.liquidate-status-modal .ant-modal-content .liquidate-status-body .liquidate-wrapper {
  padding: 16px;
  padding-bottom: 10px;
  border-radius: 50%;
  width: fit-content;
  height: fit-content;
  background: rgba(129, 222, 176, 0.05);
  margin-bottom: 20px;
}
.ant-modal.liquidate-status-modal .ant-modal-content .liquidate-status-body .title {
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 22.4px */
  margin-bottom: 8px;
}
.ant-modal.liquidate-status-modal .ant-modal-content .liquidate-status-body .sub-title {
  color: #6D6D6E;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  margin-bottom: 32px;
}
.ant-modal.liquidate-status-modal .ant-modal-content .liquidate-status-body button {
  padding: 10px 40px;
}

.ant-modal.liquid-wallet-modal {
  border-radius: 24px;
  background: #252b2b;
  padding-bottom: 0;
}
.ant-modal.liquid-wallet-modal .ant-modal-title {
  text-align: center;
}
.ant-modal.liquid-wallet-modal .ant-modal-content {
  background-color: #252b2b;
}
.ant-modal.liquid-wallet-modal .content {
  margin: 16px 32px 72px;
  padding: 16px;
  color: #9E9E9F;
  border-radius: 8px;
  background: #181a1c;
}
.ant-modal.liquid-wallet-modal .content .ant-form-item {
  margin-bottom: 0;
}
.ant-modal.liquid-wallet-modal .content .ant-input {
  background-color: transparent;
  border: none;
  color: white;
  padding-left: 0;
  margin-top: 8px;
}
.ant-modal.liquid-wallet-modal .content .ant-input.ant-input-outlined {
  box-shadow: none;
}
.ant-modal.liquid-wallet-modal .content .ant-input::placeholder {
  color: #3D3D3E;
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}
.ant-modal.liquid-wallet-modal .ant-modal-body {
  display: flex;
  flex-direction: column;
}
.ant-modal.liquid-wallet-modal .btn-containner {
  margin-bottom: 0;
}
.ant-modal.liquid-wallet-modal .btn-containner .ant-form-item-control-input-content {
  display: flex;
  justify-content: center;
}@media screen and (max-width: 767px) {
  .auction-root {
    padding-top: 64px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .auction-root {
    padding-top: 80px;
  }
}
@media screen and (min-width: 1472px) {
  .auction-root {
    padding-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  .auction-root {
    padding-bottom: 36px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .auction-root {
    padding-bottom: 36px;
  }
}
@media screen and (min-width: 1472px) {
  .auction-root {
    padding-bottom: 36px;
  }
}
.auction-root .liquid-body {
  overflow: auto;
  min-height: 100vh;
  padding-left: 16px;
  padding-right: 16px;
}
.auction-root .liquid-body .header {
  padding-top: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
.auction-root .liquid-body .header .title {
  background: linear-gradient(270deg, #448f6a -1.41%, #81deb0 81.53%, #e1dc90 102.26%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 140%;
  /* 56px */
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  width: fit-content;
  margin-bottom: 8px;
}
.auction-root .liquid-body .header .sub-title {
  color: #CECECF;
  text-align: center;
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}
.auction-root .liquid-body .header .sub-title .link {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media screen and (max-width: 767px) {
  .auction-root .liquid-body {
    margin-left: auto;
    margin-right: auto;
    height: 100%;
  }
}
@media screen and (max-width: 767px) and (min-width: 767px) and (max-width: 1472px) {
  .auction-root .liquid-body {
    width: 1200px;
  }
}
@media screen and (max-width: 767px) and (min-width: 1472px) {
  .auction-root .liquid-body {
    width: 1440px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .auction-root .liquid-body {
    width: unset;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .auction-root .liquid-body .header {
    padding-top: 24px;
    align-items: flex-start;
    text-align: start;
  }
  .auction-root .liquid-body .header .title {
    font-size: 24px;
    text-align: start;
  }
  .auction-root .liquid-body .header .sub-title {
    text-align: start;
    flex-direction: column;
  }
}.usdd-drawer.ant-drawer > .ant-drawer-content-wrapper {
  border-radius: 16px 16px 0 0;
  background: #212426;
  padding: 24px;
  height: auto !important;
}
.usdd-drawer.ant-drawer > .ant-drawer-content-wrapper .ant-drawer-content,
.usdd-drawer.ant-drawer > .ant-drawer-content-wrapper .ant-drawer-section {
  background-color: transparent;
}
.usdd-drawer.ant-drawer > .ant-drawer-content-wrapper .ant-drawer-header {
  padding: 0;
  border-bottom: none;
}
.usdd-drawer.ant-drawer > .ant-drawer-content-wrapper .ant-drawer-header .ant-drawer-header-title {
  justify-content: flex-end;
}
.usdd-drawer.ant-drawer > .ant-drawer-content-wrapper .ant-drawer-header .ant-drawer-header-title:has(.ant-drawer-title) {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.usdd-drawer.ant-drawer > .ant-drawer-content-wrapper .ant-drawer-header .ant-drawer-header-title .ant-drawer-close:not(.ant-drawer-close-end) {
  margin-inline-end: 0;
}
.usdd-drawer.ant-drawer > .ant-drawer-content-wrapper .ant-drawer-header .ant-drawer-header-title .ant-drawer-title {
  color: rgba(255, 255, 255, 0.8);
}
.usdd-drawer.ant-drawer > .ant-drawer-content-wrapper .ant-drawer-body {
  padding-inline: 0;
  flex: none;
  max-height: calc(100vh - 100px) !important;
  overflow-y: auto;
}.usdd-popover.ant-popover > .ant-popover-arrow {
  opacity: 0;
}
.usdd-popover.ant-popover .ant-popover-container,
.usdd-popover.ant-popover .ant-popover-inner {
  border-radius: 16px;
  background: var(--Dark-Neutral-border_03, rgba(255, 255, 255, 0.08));
  backdrop-filter: blur(20px);
  padding: 16px;
}
.usdd-popover.ant-popover .ant-popover-container .ant-popover-title,
.usdd-popover.ant-popover .ant-popover-inner .ant-popover-title {
  margin-bottom: 0;
}.usdd-navigator-mobile-btn {
  display: flex;
  width: var(--btn-height-normal);
  height: var(--btn-height-normal);
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  gap: var(--gap-base);
  border-radius: 6px;
  border: 1px solid var(--Dark-Neutral-border_02, rgba(255, 255, 255, 0.15));
  background: var(--Dark-Neutral-border_03, rgba(255, 255, 255, 0.08));
}

.usdd-menu-collapse.ant-collapse,
.usdd-menu-collapse .ant-collapse-content {
  background-color: transparent;
  border: none;
  border-radius: 0;
  line-height: 100%;
}
.usdd-menu-collapse.ant-collapse > .ant-collapse-item,
.usdd-menu-collapse .ant-collapse-content > .ant-collapse-item {
  border-bottom: none;
  border-radius: 8px;
  background: var(--Dark-Neutral-fill_03, #181A1C);
}
.usdd-menu-collapse.ant-collapse > .ant-collapse-item + .ant-collapse-item,
.usdd-menu-collapse .ant-collapse-content > .ant-collapse-item + .ant-collapse-item {
  margin-top: 8px;
}
.usdd-menu-collapse.ant-collapse > .ant-collapse-item.ant-collapse-item-disabled > .ant-collapse-header,
.usdd-menu-collapse .ant-collapse-content > .ant-collapse-item.ant-collapse-item-disabled > .ant-collapse-header {
  cursor: inherit;
}
.usdd-menu-collapse.ant-collapse > .ant-collapse-item .ant-collapse-header,
.usdd-menu-collapse .ant-collapse-content > .ant-collapse-item .ant-collapse-header {
  padding: 16px;
}
.usdd-menu-collapse.ant-collapse > .ant-collapse-item .ant-collapse-header.ant-collapse-collapsible-disabled,
.usdd-menu-collapse .ant-collapse-content > .ant-collapse-item .ant-collapse-header.ant-collapse-collapsible-disabled {
  cursor: inherit;
}
.usdd-menu-collapse.ant-collapse > .ant-collapse-item .ant-collapse-header .ant-collapse-title a,
.usdd-menu-collapse .ant-collapse-content > .ant-collapse-item .ant-collapse-header .ant-collapse-title a {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
.usdd-menu-collapse.ant-collapse > .ant-collapse-item .ant-collapse-header .ant-collapse-title a.usdd-menu-link.active,
.usdd-menu-collapse .ant-collapse-content > .ant-collapse-item .ant-collapse-header .ant-collapse-title a.usdd-menu-link.active {
  color: #81DEB0;
}
.usdd-menu-collapse.ant-collapse > .ant-collapse-item .ant-collapse-header .usdd-menu-collapse-arrow path,
.usdd-menu-collapse .ant-collapse-content > .ant-collapse-item .ant-collapse-header .usdd-menu-collapse-arrow path {
  fill: rgba(255, 255, 255, 0.8);
}
.usdd-menu-collapse.ant-collapse > .ant-collapse-item .ant-collapse-panel,
.usdd-menu-collapse.ant-collapse > .ant-collapse-item .ant-collapse-content-box,
.usdd-menu-collapse .ant-collapse-content > .ant-collapse-item .ant-collapse-panel,
.usdd-menu-collapse .ant-collapse-content > .ant-collapse-item .ant-collapse-content-box {
  padding: 0 8px 16px 8px;
  color: inherit;
  background-color: transparent;
  border-top: none;
}
.usdd-menu-collapse.ant-collapse > .ant-collapse-item .ant-collapse-panel:empty,
.usdd-menu-collapse.ant-collapse > .ant-collapse-item .ant-collapse-content-box:empty,
.usdd-menu-collapse .ant-collapse-content > .ant-collapse-item .ant-collapse-panel:empty,
.usdd-menu-collapse .ant-collapse-content > .ant-collapse-item .ant-collapse-content-box:empty {
  padding: 0 8px;
}
.usdd-menu-collapse.ant-collapse > .ant-collapse-item .ant-collapse-panel > div,
.usdd-menu-collapse.ant-collapse > .ant-collapse-item .ant-collapse-panel .ant-collapse-body,
.usdd-menu-collapse.ant-collapse > .ant-collapse-item .ant-collapse-content-box > div,
.usdd-menu-collapse.ant-collapse > .ant-collapse-item .ant-collapse-content-box .ant-collapse-body,
.usdd-menu-collapse .ant-collapse-content > .ant-collapse-item .ant-collapse-panel > div,
.usdd-menu-collapse .ant-collapse-content > .ant-collapse-item .ant-collapse-panel .ant-collapse-body,
.usdd-menu-collapse .ant-collapse-content > .ant-collapse-item .ant-collapse-content-box > div,
.usdd-menu-collapse .ant-collapse-content > .ant-collapse-item .ant-collapse-content-box .ant-collapse-body {
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.usdd-navigator-pc {
  display: flex;
  gap: 28px;
}
.usdd-navigator-pc > .usdd-menu-link,
.usdd-navigator-pc > .usdd-menu-link-box {
  padding: 8px 20px;
}
.usdd-navigator-pc > .usdd-menu-link:hover, .usdd-navigator-pc > .usdd-menu-link.open,
.usdd-navigator-pc > .usdd-menu-link-box:hover,
.usdd-navigator-pc > .usdd-menu-link-box.open {
  border-radius: 8px;
  background: var(--Dark-Neutral-border_03, rgba(255, 255, 255, 0.08));
}
.usdd-navigator-pc .usdd-menu-link-box {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.usdd-navigator-pc .usdd-menu-link-box.open .usdd-menu-link {
  color: #81DEB0;
}
.usdd-navigator-pc .usdd-menu-link-box.open .arrow path {
  fill: #81DEB0;
}
.usdd-navigator-pc .usdd-menu-link-box .arrow path {
  fill: #FFF;
}

.usdd-menu-popover.ant-popover {
  width: 350px;
}
.usdd-menu-popover.ant-popover .ant-popover-container .usdd-menu-sub-items-container,
.usdd-menu-popover.ant-popover .ant-popover-inner .usdd-menu-sub-items-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

.usdd-menu-link {
  display: block;
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
}
.usdd-menu-link.pc.active, .usdd-menu-link.pc:hover {
  color: #81DEB0;
}
.usdd-menu-link.mobile.active {
  color: #81DEB0;
}
.usdd-menu-link.mobile:hover {
  color: #FFF;
}

.usdd-submenu-item-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  color: #FFF;
  border-radius: 8px;
  padding: 12px 8px;
  transition: background-color ease-in-out 100ms;
}
.usdd-submenu-item-content:hover {
  background-color: var(--Dark-Neutral-border_03, rgba(255, 255, 255, 0.08));
}
.usdd-submenu-item-content .usdd-submenu-item-icon {
  width: 24px;
  height: 24px;
  fill: #fff;
}
.usdd-submenu-item-content .usdd-submenu-item-text {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-weight: 400;
}
.usdd-submenu-item-content .usdd-submenu-item-text-title {
  font-size: 16px;
  line-height: 24px;
}
.usdd-submenu-item-content .usdd-submenu-item-text-description {
  font-size: 12px;
}

.usdd-menu-link.pc .usdd-submenu-item-content .usdd-submenu-item-text-title {
  font-weight: 600;
}
.usdd-menu-link.pc .usdd-submenu-item-content .usdd-submenu-item-icon svg path,
.usdd-menu-link.pc .usdd-submenu-item-content .usdd-submenu-item-text-description {
  opacity: 0.8;
}
.usdd-menu-link.mobile .usdd-submenu-item-content .usdd-submenu-item-text-title {
  font-weight: 400;
}
.usdd-menu-link.mobile .usdd-submenu-item-content .usdd-submenu-item-icon svg path,
.usdd-menu-link.mobile .usdd-submenu-item-content .usdd-submenu-item-text-description {
  opacity: 0.6;
}:root {
  --gap-base: 8px;
  --padding-base: 16px;
  --header-logo-size: 48px;
  --btn-height-normal: 40px;
  --Dark-Neutral-text_01: #fff;
}

@media screen and (max-width: 768px) {
  :root {
    --header-logo-size: 32px;
    --btn-height-normal: 40px;
  }
}
.dumi-default-previewer-demo {
  background: var(--Dark-Neutral-fill_05, rgb(0, 0, 0));
}

.usdd-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-base);
  box-sizing: border-box;
  padding: var(--padding-base) 0;
}
.usdd-header.opacity {
  background: rgba(0, 0, 0, 0.01);
}
.usdd-header.mobile {
  background: rgba(255, 255, 255, 0.06);
  padding: var(--padding-base);
}
.usdd-header.mobile.opacity {
  background: rgba(0, 0, 0, 0.01);
}
.usdd-header.mobile .usdd-header-start {
  gap: var(--gap-base);
}
.usdd-header.mobile .usdd-header-start-text .usdd-header-start-subtitle {
  display: none;
}
.usdd-header .usdd-header-start {
  display: flex;
  align-items: center;
  gap: calc(var(--gap-base) * 2);
}
.usdd-header .usdd-header-start .usdd-header-start-logo {
  width: var(--header-logo-size);
  height: var(--header-logo-size);
}
.usdd-header .usdd-header-start .usdd-header-start-logo svg {
  width: 100%;
  height: 100%;
}
.usdd-header .usdd-header-start .usdd-header-start-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: var(--Dark-Neutral-text_01);
}
.usdd-header .usdd-header-start .usdd-header-start-text .usdd-header-start-title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.4px;
}
.usdd-header .usdd-header-start .usdd-header-start-text .usdd-header-start-subtitle {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.28px;
}:root {
  --gap-base: 8px;
  --padding-base: 16px;
  --header-logo-size: 48px;
  --btn-height-normal: 40px;
  --Dark-Neutral-text_01: #fff;
}

@media screen and (max-width: 768px) {
  :root {
    --header-logo-size: 32px;
    --btn-height-normal: 40px;
  }
}
.dumi-default-previewer-demo {
  background: var(--Dark-Neutral-fill_05, rgb(0, 0, 0));
}

.usdd-modal.ant-modal .ant-modal-close {
  width: auto;
  height: auto;
  top: 36px;
  right: 32px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .usdd-modal.ant-modal .ant-modal-close {
    top: 28px;
    right: 24px;
  }
}
.usdd-modal.ant-modal .ant-modal-close svg {
  fill: rgba(255, 255, 255, 0.4);
}
.usdd-modal.ant-modal .ant-modal-close:hover {
  color: #81deb0;
}
.usdd-modal.ant-modal .ant-modal-close:hover svg {
  fill: #5fc693;
}
.usdd-modal.ant-modal .ant-modal-footer {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .usdd-modal.ant-modal .ant-modal-footer {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.usdd-modal.ant-modal .ant-modal-footer .ant-btn {
  font-weight: 600;
  min-width: 160px;
  height: 40px;
}
@media screen and (max-width: 768px) {
  .usdd-modal.ant-modal .ant-modal-footer .ant-btn {
    flex: 1;
    border-radius: 6px;
    min-width: unset;
  }
}
.usdd-modal.ant-modal .ant-modal-content {
  display: flex;
  width: 560px;
  padding: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  border-radius: 24px;
  background: #212426;
}
@media screen and (max-width: 768px) {
  .usdd-modal.ant-modal .ant-modal-content {
    width: 100%;
    padding: 24px;
    border-radius: 16px;
  }
}
.usdd-modal.ant-modal .ant-modal-content .ant-modal-header {
  background-color: transparent;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 24px;
}
.usdd-modal.ant-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  color: var(--Neutral-text_01, #fff);
  text-align: left;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .usdd-modal.ant-modal .ant-modal-content .ant-modal-header {
    margin-bottom: 24px;
  }
}.usdd-popover-modal.usdd-popover.ant-popover .ant-popover-container,
.usdd-popover-modal.usdd-popover.ant-popover .ant-popover-inner {
  padding: 0;
}
.usdd-popover-modal.usdd-popover.ant-popover .usdd-popover-modal-box {
  padding: 16px;
}
.usdd-header-container {
  width: 100%;
  position: fixed;
  z-index: 50;
  top: 0;
  background: rgba(255, 255, 255, 0.06);
}
.usdd-header-container .usdd-header.header {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.usdd-header-container:has(.opacity) {
  backdrop-filter: blur(24px);
}
.usdd-header-container .usdd-header-end {
  display: flex;
  gap: 8px;
}
.usdd-header-container .usdd-header-end .header-hanlde {
  display: flex;
  align-items: center;
  margin-left: 8px;
  gap: 24px;
  transition: fill 0.8s ease;
}
.usdd-header-container .usdd-header-end .header-hanlde svg {
  cursor: pointer;
}
.usdd-header-container .usdd-header-end .header-hanlde svg:hover path {
  fill: #81deb0;
  /* 你想要的绿色 */
  fill-opacity: 1;
}
.usdd-header-container .usdd-header-end .header-hanlde .ant-badge .ant-scroll-number {
  box-shadow: 0 0 0 1px rgb(235, 54, 56);
}
.usdd-header-container .usdd-header-end .connect-btn,
.usdd-header-container .usdd-header-end .disconnected-btn {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .usdd-header-container .usdd-header-end .connect-btn,
  .usdd-header-container .usdd-header-end .disconnected-btn {
    padding-inline: 12px;
  }
}
.usdd-header-container .usdd-header-end .disconnected-btn > span {
  display: flex;
  align-items: center;
  gap: 8px;
}
.usdd-header-container .usdd-header-end .disconnected-btn img {
  width: 20px;
  border-radius: 2px;
}

.usdd-menu-link .usdd-menu-link-label {
  position: relative;
}
.usdd-menu-link .usdd-menu-link-label.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  color: #CECECF;
}
.usdd-menu-link .usdd-menu-link-label.hot::before {
  content: "🔥";
  display: inline-block;
  position: absolute;
  height: 100%;
  width: 20px;
}
.usdd-menu-link .usdd-menu-link-label.new::after {
  content: " ";
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 30px;
  height: 12px;
  position: absolute;
}
.usdd-menu-link.pc .usdd-menu-link-label.hot {
  padding-left: 20px;
}
.usdd-menu-link.pc .usdd-menu-link-label.hot::before {
  top: 0px;
  left: 0px;
}
.usdd-menu-link.pc .usdd-menu-link-label.new::after {
  background-image: url("data:image/svg+xml,%3csvg%20width='30'%20height='12'%20viewBox='0%200%2030%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%206.66627C0%202.98459%202.98459%200%206.66627%200H24C27.3137%200%2030%202.68629%2030%206C30%209.31371%2027.3137%2012%2024%2012H0V6.66627Z'%20fill='url(%23paint0_linear_13623_181747)'/%3e%3cpath%20d='M7.52691%209.33397H5.71795V3.20172L5.43921%202.66699H7.5326L8.57929%204.82864L9.58047%206.9846L9.30174%204.4532V2.66699H11.1164V9.33397H9.38138L8.0275%206.70018L7.19128%205.0505L7.52691%207.2349V9.33397Z'%20fill='%23004A37'/%3e%3cpath%20d='M15.8161%209.33397H11.783V2.66699H15.7308L15.617%204.00949L13.6659%203.9526V5.23822H15.2018V6.56934L13.6659%206.45557V7.96872L15.8161%207.91184V9.33397Z'%20fill='%23004A37'/%3e%3cpath%20d='M19.8674%209.33397H18.0698L16.4827%202.66699H18.377L18.6784%204.96517L19.1278%207.19508L19.7024%204.96517L19.8503%204.35649L19.4123%202.66699H21.2724L21.682%204.96517L22.1826%207.19508L22.4955%204.96517L22.8311%202.66699H24.5604L23.0928%209.33397H21.153L20.4533%206.65467L19.8674%209.33397Z'%20fill='%23004A37'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_13623_181747'%20x1='17.775'%20y1='-2.76'%20x2='17.59'%20y2='14.158'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F4E661'/%3e%3cstop%20offset='1'%20stop-color='%2331DCAE'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  top: -12px;
  right: -20px;
}
.usdd-menu-link.mobile .usdd-menu-link-label.hot {
  padding-left: 20px;
}
.usdd-menu-link.mobile .usdd-menu-link-label.hot::before {
  top: 0px;
  left: 0px;
}
.usdd-menu-link.mobile .usdd-menu-link-label.new::after {
  background-image: url("data:image/svg+xml,%3csvg%20width='30'%20height='12'%20viewBox='0%200%2030%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='30'%20height='12'%20rx='6'%20fill='url(%23paint0_linear_13623_181718)'/%3e%3cpath%20d='M7.52702%209.33397H5.71806V3.20172L5.43932%202.66699H7.53271L8.5794%204.82864L9.58059%206.9846L9.30185%204.4532V2.66699H11.1165V9.33397H9.38149L8.02762%206.70018L7.1914%205.0505L7.52702%207.2349V9.33397Z'%20fill='%23004A37'/%3e%3cpath%20d='M15.8162%209.33397H11.7831V2.66699H15.7309L15.6171%204.00949L13.666%203.9526V5.23822H15.2019V6.56934L13.666%206.45557V7.96872L15.8162%207.91184V9.33397Z'%20fill='%23004A37'/%3e%3cpath%20d='M19.8676%209.33397H18.07L16.4829%202.66699H18.3772L18.6787%204.96517L19.1281%207.19508L19.7026%204.96517L19.8505%204.35649L19.4125%202.66699H21.2727L21.6822%204.96517L22.1828%207.19508L22.4957%204.96517L22.8313%202.66699H24.5606L23.093%209.33397H21.1532L20.4535%206.65467L19.8676%209.33397Z'%20fill='%23004A37'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_13623_181718'%20x1='17.775'%20y1='-2.76'%20x2='17.59'%20y2='14.158'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F4E661'/%3e%3cstop%20offset='1'%20stop-color='%2331DCAE'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  left: 40px;
  top: 8px;
}

.chainType-choose {
  margin-top: 15px;
}
.chainType-choose .ant-radio-button-wrapper {
  color: #fff;
  background-color: #080b0e;
}

.header-unable-tooltip.ant-tooltip {
  max-width: unset;
}
.header-unable-tooltip.ant-tooltip .ant-tooltip-content .ant-tooltip-inner {
  width: fit-content;
}

.no-scroll {
  overflow: hidden;
}

.wallet-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 16px;
}
.wallet-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .account .ant-typography {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 0;
  font-weight: 700;
}
.wallet-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .account .ant-typography .ant-typography-copy {
  margin-inline-start: 0;
  line-height: 100%;
  padding-block-start: 2px;
}
.wallet-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .token-balance-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1px;
}
.wallet-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .token-balance-list .token-balance {
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.2);
  padding: 12px;
  color: var(--Dark-Neutral-text_01, #fff);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  gap: 8px;
  width: 268px;
  justify-content: space-between;
}
.wallet-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .token-balance-list .token-balance:first-child {
  border-start-start-radius: 8px;
  border-start-end-radius: 8px;
}
.wallet-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .token-balance-list .token-balance:last-child {
  border-end-start-radius: 8px;
  border-end-end-radius: 8px;
}
.wallet-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .token-balance-list .token-balance .icon-currency {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wallet-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .token-balance-list .token-balance .icon-currency .icon {
  width: 20px;
  height: 20px;
}
.wallet-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .token-balance-list .token-balance .icon-currency .add-token-btn {
  cursor: pointer;
}
.wallet-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .token-balance-list .token-balance .icon-currency .add-token-btn path {
  fill: #fff;
}
.wallet-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .token-balance-list .token-balance .icon-currency .add-token-btn:hover path {
  fill: #81deb0;
}
.wallet-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .token-balance-list .token-balance .currency {
  color: var(--Dark-Neutral-text_02, #CECECF);
}
.wallet-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .disconnect {
  color: var(--Dark-Neutral-text_02, #CECECF);
  font-size: 14px;
  font-weight: 400;
}
.wallet-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .disconnect .ant-btn {
  padding-inline: 0;
  gap: 6px;
  color: inherit;
  padding-block: 0;
}
.wallet-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .disconnect .ant-btn-variant-text:not(:disabled):not(.ant-btn-disabled):hover {
  background: none;
  color: #81deb0;
}

.wallet-modal .is-connecting {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  color: var(--Neutral-text_03, #9E9E9F);
  text-align: center;
  /* 16_Semibold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}
.wallet-modal .is-connecting .hollow-dots-spinner,
.wallet-modal .is-connecting .hollow-dots-spinner * {
  box-sizing: border-box;
}
.wallet-modal .is-connecting .hollow-dots-spinner {
  height: 15px;
  width: 90px;
  margin-top: 16px;
}
.wallet-modal .is-connecting .hollow-dots-spinner .dot {
  width: 15px;
  height: 15px;
  margin: 0 7.5px;
  border: 3px solid #81deb0;
  background-color: #81deb0;
  border-radius: 50%;
  float: left;
  transform: scale(0);
  animation: hollow-dots-spinner-animation 1000ms ease infinite 0ms;
}
.wallet-modal .is-connecting .hollow-dots-spinner .dot:nth-child(1) {
  animation-delay: 300ms;
}
.wallet-modal .is-connecting .hollow-dots-spinner .dot:nth-child(2) {
  animation-delay: 600ms;
}
.wallet-modal .is-connecting .hollow-dots-spinner .dot:nth-child(3) {
  animation-delay: 900ms;
}
@keyframes hollow-dots-spinner-animation {
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.wallet-modal .wallet-info {
  color: #9E9E9F;
  display: flex;
  align-content: center;
  gap: 8px;
  margin-top: 16px;
}
.wallet-modal .wallet-info svg {
  width: 20px;
  height: 20px;
}
.wallet-modal .wallet-items {
  width: 100%;
  margin-top: 16px;
  row-gap: 8px;
}
@media screen and (max-width: 767px) {
  .wallet-modal .wallet-items {
    margin-top: 0px;
  }
}
.wallet-modal .wallet-items .item {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  gap: 16px;
  border-radius: 8px;
  background: var(--Neutral-fill_03, #181a1c);
  color: #fff;
  border: none;
}
.wallet-modal .wallet-items .item .install {
  color: #9E9E9F;
}
.wallet-modal .wallet-items .item:hover {
  color: #81deb0;
  background: #1c1d1f !important;
}
.wallet-modal .wallet-items .item:hover svg path {
  fill: #81deb0;
  fill-opacity: 1;
}
.wallet-modal .wallet-items .item:hover .install {
  color: #81deb0;
}
.wallet-modal .wallet-items .item .left {
  display: flex;
  align-items: center;
  gap: 16px;
}
.wallet-modal .wallet-items .item .left .app-only-tag {
  color: #9E9E9F;
  font-size: 12px;
  font-weight: 400;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 4px 8px;
  position: relative;
  left: -8px;
}
.wallet-modal .wallet-items .item .left img {
  width: 32px;
  height: 32px;
  border-radius: 4px;
}
.wallet-modal .info {
  margin-top: 16px;
  color: #6D6D6E;
  font-size: 12px;
}
.wallet-modal .terms {
  margin-top: 4px;
  color: #6D6D6E;
  font-size: 12px;
}
.wallet-modal .terms a {
  color: #9E9E9F;
  /* 14_Regular */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  line-height: 1;
  text-decoration: underline;
  /* 19.6px */
}
.wallet-modal .terms a:hover {
  color: #81deb0;
}

.tronlink-app-modal .title {
  display: flex;
  align-items: center;
  position: relative;
}
.tronlink-app-modal .title svg {
  position: absolute;
  top: 3px;
  left: 0px;
  width: 16px;
  cursor: pointer;
}
.tronlink-app-modal .title span {
  flex: auto;
  color: var(--Dark-Neutral-text_01, #fff);
  text-align: center;
  /* 16_Bold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 22.4px */
}
.tronlink-app-modal .header {
  margin-top: 32px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--Dark-Neutral-text_01, #fff);
  text-align: center;
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}
.tronlink-app-modal .header img {
  width: 48px;
  height: 48px;
  border-radius: 6px;
  margin-bottom: 16px;
}
.tronlink-app-modal .open-btn {
  margin: auto;
  display: flex;
  height: 40px;
  padding: 0px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  background: var(--Dark-Brand-05_, linear-gradient(270deg, #448f6a -1.41%, #5fc693 102.26%));
}
.tronlink-app-modal .info {
  margin-top: 24px;
  color: var(--Dark-Neutral-text_03, #9E9E9F);
  text-align: center;
  /* 12_Regular */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 16.8px */
}
.tronlink-app-modal .footer {
  margin-top: 16px;
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 6px;
  background: var(--Dark-Neutral-fill_03, #181a1c);
  gap: 8px;
}
.tronlink-app-modal .footer img {
  width: 16px;
  border-radius: 2px;
}
.tronlink-app-modal .footer .text {
  color: var(--Dark-Neutral-text_01, #fff);
  flex: auto;
  /* 12_Regular */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 16.8px */
}
.tronlink-app-modal .footer a {
  display: flex;
  align-items: center;
}

.usdd-header {
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (max-width: 767px) {
  .support-on-tron {
    display: inline-block;
    width: fit-content;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.1);
    color: #9E9E9F;
    font-size: 12px;
    margin-left: 8px;
  }
  .wallet-modal .wallet-info {
    margin-top: 0;
    margin-bottom: 16px;
  }
  .wallet-modal .info {
    margin-top: 16px;
  }
}.progress-wrapper {
  width: 100%;
  margin-top: 32px;
}
.progress-wrapper .percentage-line {
  display: flex;
  justify-content: space-between;
  color: #9E9E9F;
  /* 12_Regular */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
}
.progress-wrapper .percentage-line > span {
  width: 25%;
  text-align: center;
  visibility: hidden;
}
.progress-wrapper .percentage-line > span:first-child, .progress-wrapper .percentage-line > span:last-child {
  width: 12.5%;
}
.progress-wrapper .percentage-line > span:nth-child(2) {
  visibility: visible;
}
.progress-wrapper .progress-content {
  position: relative;
}
.progress-wrapper .ant-progress-outer {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(24, 26, 28, 0.8);
  padding: 2px 2px;
}
.progress-wrapper .ant-progress-inner {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 24.9%, transparent 24.9%, transparent 25%, rgba(215, 49, 51, 0.5) 25%, rgba(215, 49, 51, 0.5) 49.9%, transparent 49.9%, transparent 50%, rgba(255, 143, 11, 0.5) 50%, rgba(255, 143, 11, 0.5) 74.9%, transparent 74.9%, transparent 75%, rgba(68, 143, 106, 0.5) 75%, rgba(68, 143, 106, 0.5) 100%);
  overflow: visible;
}
.progress-wrapper .ant-progress-inner .ant-progress-bg-outer {
  position: relative;
  overflow: visible;
}
.progress-wrapper .ant-progress-inner .ant-progress-bg-outer::after {
  position: absolute;
  content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3ccircle%20cx='8'%20cy='8'%20r='8'%20fill='white'%20fill-opacity='0.4'/%3e%3ccircle%20cx='8'%20cy='8'%20r='4'%20fill='white'%20fill-opacity='0.8'/%3e%3c/svg%3e");
  right: 0;
  width: auto;
  transform: translate(12px, -50%);
}
.progress-wrapper .label {
  display: flex;
  justify-content: space-between;
}
.progress-wrapper .label span {
  color: #6D6D6E;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
  letter-spacing: 0.12px;
  width: 25%;
  text-align: center;
}
.progress-wrapper .label .Liquidation {
  color: #6D6D6E;
}
.progress-wrapper .label .Aggressive {
  color: #d73133;
}
.progress-wrapper .label .Moderate {
  color: rgb(255, 143, 11);
}
.progress-wrapper .label .Conservative {
  color: #448f6a;
}
.progress-wrapper .anchor {
  border-left: dashed 2px white;
  position: absolute;
  height: 21px;
  top: 2px;
  z-index: 10;
}
.progress-wrapper .anchor-max {
  border-left-color: rgb(215, 49, 51);
}
.progress-wrapper .anchor-safe {
  border-left-color: rgb(68, 143, 106);
}
.progress-wrapper .collateral-ratio-line {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.progress-wrapper .collateral-ratio-line .ratio {
  border-radius: 12px;
  border: 1px solid rgba(215, 49, 51, 0.2);
  /* 12_Regular */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
  padding: 2px 8px;
}
.progress-wrapper .collateral-ratio-line .ratio > span:nth-child(2) {
  font-weight: 600;
}
.progress-wrapper .collateral-ratio-line .Liquidation {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
}
.progress-wrapper .collateral-ratio-line .Aggressive {
  color: rgb(215, 49, 51);
  border: 1px solid rgba(215, 49, 51, 0.2);
  background: rgba(215, 49, 51, 0.1);
}
.progress-wrapper .collateral-ratio-line .Moderate {
  color: rgb(255, 143, 11);
  border: 1px solid rgba(255, 143, 11, 0.2);
  background: rgba(255, 143, 11, 0.1);
}
.progress-wrapper .collateral-ratio-line .Conservative {
  color: #448f6a;
  border: 1px solid rgba(68, 143, 106, 0.2);
  background: rgba(68, 143, 106, 0.1);
}

.mint-info .ant-dropdown-menu {
  border-radius: 8px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(12px);
  padding: 0px !important;
}
.mint-info .ant-dropdown-menu .hover-label {
  color: #9E9E9F;
  /* 12_Regular */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
}
.mint-info .ant-dropdown-menu .hover-amount {
  color: #81deb0;
  /* 14_Bold */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 19.6px */
}.current-asset {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 6px;
  border: 1px solid var(--Dark-Neutral-border_02, rgba(255, 255, 255, 0.15));
  padding: 8px 16px;
  cursor: pointer;
}
.current-asset .left {
  gap: 8px;
}
.current-asset .right {
  gap: 4px;
}
.current-asset .left,
.current-asset .right {
  display: flex;
  align-items: center;
  flex: none;
}
.current-asset .left .logo,
.current-asset .right .logo {
  width: 24px;
}
.current-asset .left .collateral,
.current-asset .right .collateral {
  color: var(--Dark-Neutral-text_01, #fff);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.current-asset .left .arrow,
.current-asset .right .arrow {
  width: 18px;
  margin-left: -4px;
  opacity: 0.6;
}
.current-asset .left .arrow.down,
.current-asset .right .arrow.down {
  margin-top: 2px;
}
.current-asset .left .stability-title,
.current-asset .right .stability-title {
  color: var(--Dark-Neutral-text_02, #CECECF);
  font-size: 12px;
  font-weight: 400;
}
.current-asset .left .stability,
.current-asset .right .stability {
  color: var(--Dark-Brand-02_text, #81deb0);
  font-size: 16px;
  font-weight: 700;
}
.current-asset .left .stability.assert-activity-true,
.current-asset .right .stability.assert-activity-true {
  text-align: right;
  font-family: Inter;
  font-size: 16px;
  font-style: italic;
  font-weight: 800;
  letter-spacing: -0.32px;
  text-transform: capitalize;
  background: linear-gradient(95deg, #cced6d 50.03%, #92feb5 98.91%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-right: 20px;
  position: relative;
}
.current-asset .left .stability.assert-activity-true::after,
.current-asset .right .stability.assert-activity-true::after {
  content: " ";
  position: absolute;
  right: 0;
  top: 50%;
  height: 18px;
  width: 18px;
  transform: translateY(-9px);
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%3e%3cg%20filter='url(%23filter0_i_8788_41804)'%3e%3cpath%20d='M6%208.5L6%201.5C6%201.22386%206.22386%201%206.5%201L11.5%201C11.7761%201%2012%201.22386%2012%201.5L12%208.5C12%208.77614%2012.2239%209%2012.5%209H14.8981C15.3277%209%2015.5573%209.50596%2015.2744%209.82925L9.37629%2016.57C9.17708%2016.7976%208.82292%2016.7976%208.62371%2016.57L2.7256%209.82925C2.44272%209.50596%202.6723%209%203.10188%209H5.5C5.77614%209%206%208.77614%206%208.5Z'%20fill='url(%23paint0_linear_8788_41804)'/%3e%3c/g%3e%3cpath%20d='M5.9%201.5L5.9%208.5C5.9%208.72091%205.72091%208.9%205.5%208.9H3.10188C2.58639%208.9%202.31088%209.50715%202.65034%209.8951L8.54845%2016.6358C8.7875%2016.909%209.2125%2016.909%209.45155%2016.6358L15.3497%209.8951C15.6891%209.50715%2015.4136%208.9%2014.8981%208.9H12.5C12.2791%208.9%2012.1%208.72091%2012.1%208.5L12.1%201.5C12.1%201.16863%2011.8314%200.9%2011.5%200.9L6.5%200.9C6.16863%200.9%205.9%201.16863%205.9%201.5Z'%20stroke='url(%23paint1_linear_8788_41804)'%20stroke-width='0.2'/%3e%3cdefs%3e%3cfilter%20id='filter0_i_8788_41804'%20x='2.40234'%20y='0.800781'%20width='13.1953'%20height='16.7406'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dy='0.6'/%3e%3cfeGaussianBlur%20stdDeviation='0.4'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='arithmetic'%20k2='-1'%20k3='1'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.635107%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200'/%3e%3cfeBlend%20mode='normal'%20in2='shape'%20result='effect1_innerShadow_8788_41804'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_8788_41804'%20x1='9'%20y1='1'%20x2='9'%20y2='15.6667'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23C0B84D'/%3e%3cstop%20offset='1'%20stop-color='%2362E089'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_8788_41804'%20x1='9'%20y1='1'%20x2='9'%20y2='15.6667'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FAE9D2'/%3e%3cstop%20offset='1'%20stop-color='%23EADA69'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
}

.all-assets {
  padding: 8px;
  background: rgb(24, 26, 28);
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
  border-inline-end: 1px solid rgba(255, 255, 255, 0.08) !important;
}
@media screen and (max-width: 767px) {
  .all-assets {
    border-radius: 6px;
  }
}
.all-assets .assets-header,
.all-assets .custom-navlink {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .all-assets .assets-header,
  .all-assets .custom-navlink {
    gap: 8px;
  }
}
.all-assets .assets-header > div,
.all-assets .custom-navlink > div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.all-assets .assets-header > div > span,
.all-assets .custom-navlink > div > span {
  display: table-cell;
}
.all-assets .assets-header > div:first-child,
.all-assets .custom-navlink > div:first-child {
  flex: auto;
}
.all-assets .assets-header > div:last-child,
.all-assets .custom-navlink > div:last-child {
  flex: none;
}
.all-assets .assets-header > div .stability,
.all-assets .custom-navlink > div .stability {
  flex: none;
  min-width: 70px;
  text-align: right;
}
.all-assets .assets-header > div .stability.assert-activity-true,
.all-assets .custom-navlink > div .stability.assert-activity-true {
  text-align: right;
  font-family: Inter;
  font-size: 16px;
  font-style: italic;
  font-weight: 800;
  letter-spacing: -0.32px;
  text-transform: capitalize;
  background: linear-gradient(95deg, #cced6d 50.03%, #92feb5 98.91%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-right: 20px;
  position: relative;
}
.all-assets .assets-header > div .stability.assert-activity-true::after,
.all-assets .custom-navlink > div .stability.assert-activity-true::after {
  content: " ";
  position: absolute;
  right: 0;
  top: 50%;
  height: 18px;
  width: 18px;
  transform: translateY(-9px);
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%3e%3cg%20filter='url(%23filter0_i_8788_41804)'%3e%3cpath%20d='M6%208.5L6%201.5C6%201.22386%206.22386%201%206.5%201L11.5%201C11.7761%201%2012%201.22386%2012%201.5L12%208.5C12%208.77614%2012.2239%209%2012.5%209H14.8981C15.3277%209%2015.5573%209.50596%2015.2744%209.82925L9.37629%2016.57C9.17708%2016.7976%208.82292%2016.7976%208.62371%2016.57L2.7256%209.82925C2.44272%209.50596%202.6723%209%203.10188%209H5.5C5.77614%209%206%208.77614%206%208.5Z'%20fill='url(%23paint0_linear_8788_41804)'/%3e%3c/g%3e%3cpath%20d='M5.9%201.5L5.9%208.5C5.9%208.72091%205.72091%208.9%205.5%208.9H3.10188C2.58639%208.9%202.31088%209.50715%202.65034%209.8951L8.54845%2016.6358C8.7875%2016.909%209.2125%2016.909%209.45155%2016.6358L15.3497%209.8951C15.6891%209.50715%2015.4136%208.9%2014.8981%208.9H12.5C12.2791%208.9%2012.1%208.72091%2012.1%208.5L12.1%201.5C12.1%201.16863%2011.8314%200.9%2011.5%200.9L6.5%200.9C6.16863%200.9%205.9%201.16863%205.9%201.5Z'%20stroke='url(%23paint1_linear_8788_41804)'%20stroke-width='0.2'/%3e%3cdefs%3e%3cfilter%20id='filter0_i_8788_41804'%20x='2.40234'%20y='0.800781'%20width='13.1953'%20height='16.7406'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dy='0.6'/%3e%3cfeGaussianBlur%20stdDeviation='0.4'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='arithmetic'%20k2='-1'%20k3='1'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.635107%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200'/%3e%3cfeBlend%20mode='normal'%20in2='shape'%20result='effect1_innerShadow_8788_41804'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_8788_41804'%20x1='9'%20y1='1'%20x2='9'%20y2='15.6667'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23C0B84D'/%3e%3cstop%20offset='1'%20stop-color='%2362E089'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_8788_41804'%20x1='9'%20y1='1'%20x2='9'%20y2='15.6667'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FAE9D2'/%3e%3cstop%20offset='1'%20stop-color='%23EADA69'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
}
.all-assets .assets-header {
  width: 100%;
  color: #9E9E9F;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 16px 16px 8px;
}
.all-assets .custom-menu {
  width: 100%;
  height: 260px;
  overflow: auto;
  background: rgb(24, 26, 28);
  backdrop-filter: blur(12px);
}
@media screen and (max-width: 767px) {
  .all-assets .custom-menu {
    height: auto;
    max-height: 324px;
  }
}
.all-assets .custom-menu .ant-menu-item {
  margin-inline: 0px;
  width: 100%;
  height: 48px;
}
.all-assets .custom-menu .ant-menu-item:not(.ant-menu-item-selected):active {
  background-color: transparent;
}
@media screen and (min-width: 1472px) {
  .all-assets .custom-menu .ant-menu-item {
    padding-inline: 16px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .all-assets .custom-menu .ant-menu-item {
    padding-inline: 12px;
  }
}
@media screen and (max-width: 767px) {
  .all-assets .custom-menu .ant-menu-item {
    height: 48px;
    padding-inline: 14px;
  }
}
.all-assets .custom-menu .ant-menu-item .ant-menu-title-content {
  width: 100%;
  color: #CECECF;
  font-weight: 600;
  line-height: 140%;
  height: 100%;
}
.all-assets .custom-menu .ant-menu-item .ant-menu-title-content .custom-navlink {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
}
.all-assets .custom-menu .ant-menu-item .ant-menu-title-content .custom-navlink img {
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 767px) {
  .all-assets .custom-menu .ant-menu-item .ant-menu-title-content .custom-navlink img {
    width: 18px;
    height: 18px;
  }
}
.all-assets .custom-menu .ant-menu-item-selected,
.all-assets .custom-menu .ant-menu-item-active {
  border-radius: 12px;
  border: 1px solid rgba(33, 108, 88, 0.4);
  background-color: rgba(33, 108, 88, 0.1);
}
@media screen and (max-width: 767px) {
  .all-assets .custom-menu .ant-menu-item-selected,
  .all-assets .custom-menu .ant-menu-item-active {
    border-radius: 8px;
  }
}
.all-assets .custom-menu .ant-menu-item-selected .ant-menu-title-content .custom-navlink span,
.all-assets .custom-menu .ant-menu-item-active .ant-menu-title-content .custom-navlink span {
  color: #81deb0;
}

.ant-popover.all-assets-popover {
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .ant-popover.all-assets-popover {
    width: 1200px;
  }
}
@media screen and (min-width: 1472px) {
  .ant-popover.all-assets-popover {
    width: 1440px;
  }
}
@media screen and (max-width: 767px) {
  .ant-popover.all-assets-popover {
    width: unset;
    padding: 0 20px;
  }
}
.ant-popover.all-assets-popover .ant-popover-content {
  padding: 0;
  border-radius: 6px;
  border: none;
  background-color: transparent;
}
.ant-popover.all-assets-popover .ant-popover-content .ant-popover-inner {
  width: 100%;
}

.welcome-title {
  display: flex;
  padding: 12px 20px;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(180deg, rgba(33, 108, 88, 0.2) 0%, rgba(129, 222, 176, 0.2) 100%);
  margin-left: -20px;
  width: calc(100% + 40px);
}
.welcome-title .title {
  display: flex;
  align-items: center;
  gap: 16px;
}
.welcome-title .title span {
  background: linear-gradient(217deg, #ffee69 -9%, #f27a19 115.93%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}
.welcome-title .welcome-btn {
  cursor: pointer;
}

.welcome-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 24px;
  background-color: #181a1c;
  background-image: url("data:image/svg+xml,%3csvg%20width='342'%20height='344'%20viewBox='0%200%20342%20344'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_2091_7404'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='342'%20height='344'%3e%3crect%20width='342'%20height='344'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_2091_7404)'%3e%3cg%20opacity='0.2'%20filter='url(%23filter0_f_2091_7404)'%3e%3cellipse%20cx='160'%20cy='-27'%20rx='280'%20ry='97'%20fill='url(%23paint0_linear_2091_7404)'/%3e%3c/g%3e%3cg%20opacity='0.4'%20filter='url(%23filter1_f_2091_7404)'%3e%3cellipse%20cx='12'%20cy='34.5'%20rx='83'%20ry='62.5'%20fill='%23DED98F'/%3e%3c/g%3e%3cg%20opacity='0.4'%20filter='url(%23filter2_f_2091_7404)'%3e%3cellipse%20cx='322'%20cy='186'%20rx='83'%20ry='80'%20fill='%23DED98F'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_2091_7404'%20x='-320'%20y='-324'%20width='960'%20height='594'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='100'%20result='effect1_foregroundBlur_2091_7404'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_2091_7404'%20x='-231'%20y='-188'%20width='486'%20height='445'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='80'%20result='effect1_foregroundBlur_2091_7404'/%3e%3c/filter%3e%3cfilter%20id='filter2_f_2091_7404'%20x='79'%20y='-54'%20width='486'%20height='480'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='80'%20result='effect1_foregroundBlur_2091_7404'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_2091_7404'%20x1='160'%20y1='-124'%20x2='160'%20y2='70'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23216C58'/%3e%3cstop%20offset='1'%20stop-color='%2381DEB0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: cover;
  backdrop-filter: blur(12px);
}
@media screen and (min-width: 1472px) {
  .welcome-box {
    padding: 16px 24px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .welcome-box {
    padding: 16px 16px;
  }
}
@media screen and (max-width: 767px) {
  .welcome-box {
    padding: 16px 16px;
  }
}
.welcome-box .top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.welcome-box .top .title {
  display: flex;
  align-items: center;
  gap: 16px;
}
.welcome-box .top .title span {
  background: linear-gradient(217deg, #ffee69 -9%, #f27a19 115.93%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}
.welcome-box .custom-tabs {
  width: 100%;
}
.welcome-box .custom-tabs .ant-tabs-nav::before {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.welcome-box .custom-tabs .ant-tabs-nav .ant-tabs-nav-wrap {
  width: 100%;
}
.welcome-box .custom-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
  width: 100%;
}
.welcome-box .custom-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
  width: 50%;
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  line-height: 140%;
}
.welcome-box .custom-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-btn {
  width: 100%;
  text-align: center;
}
.welcome-box .custom-tabs .ant-tabs-nav .ant-tabs-ink-bar {
  height: 1px;
}
.welcome-box .ant-carousel {
  width: 100%;
  margin: 16px auto 8px;
}
.welcome-box .ant-carousel .slick-slider .slick-list {
  border-radius: 4px;
}
.welcome-box .ant-carousel .video-box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.1);
  padding-bottom: 16px;
}
@media screen and (min-width: 1472px) {
  .welcome-box .ant-carousel .video-box {
    width: 294px;
    height: 203px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .welcome-box .ant-carousel .video-box {
    width: 250px;
    height: 172px;
  }
}
@media screen and (max-width: 767px) {
  .welcome-box .ant-carousel .video-box {
    width: 100%;
    height: auto;
    margin-inline: auto;
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 1472px) {
  .welcome-box .ant-carousel .video-box img {
    width: 242px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .welcome-box .ant-carousel .video-box img {
    width: 198px;
  }
}
@media screen and (max-width: 767px) {
  .welcome-box .ant-carousel .video-box img {
    width: calc(100% - 48px);
  }
}
.welcome-box .ant-carousel .video-box span {
  display: inline-block;
  position: absolute;
  bottom: 16px;
  color: #9E9E9F;
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  line-height: 140%;
  /* 16.8px */
}
@media screen and (min-width: 1472px) {
  .welcome-box .ant-carousel .video-box span {
    width: 197px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .welcome-box .ant-carousel .video-box span {
    width: 170px;
  }
}
@media screen and (max-width: 767px) {
  .welcome-box .ant-carousel .video-box span {
    width: 100%;
  }
}
.welcome-box a {
  color: #6D6D6E;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: underline;
}
.welcome-box a:hover {
  color: #5fc693;
}
.welcome-box a:active {
  color: #448f6a;
}

.gas-reduce-Intro {
  color: #9E9E9F;
  font-size: 12px;
  border-radius: 8px;
  background: rgba(33, 108, 88, 0.2);
  padding: 12px 16px;
  padding-left: 36px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20d='M3.94198%203.55619C3.77552%203.38955%203.50556%203.38955%203.33927%203.55619C3.17274%203.72277%203.17274%203.99291%203.33927%204.15963L3.94198%204.76292C4.10847%204.92957%204.37823%204.92957%204.54476%204.76292C4.71118%204.59635%204.71118%204.32627%204.54476%204.15963L3.94198%203.55619ZM12.0407%203.55619L11.4379%204.15963C11.2715%204.32627%2011.2715%204.59635%2011.4379%204.76292C11.6042%204.92957%2011.8741%204.92957%2012.0407%204.76292L12.6433%204.15963C12.8099%203.99291%2012.8099%203.72284%2012.6433%203.55619C12.4769%203.38962%2012.2072%203.38962%2012.0407%203.55619ZM2.87641%206.93289H2.02396C1.78855%206.93289%201.59766%207.12392%201.59766%207.35948C1.59766%207.59516%201.7885%207.78619%202.02396%207.78619H2.87641C3.11181%207.78619%203.30264%207.59516%203.30264%207.35948C3.30264%207.12392%203.11181%206.93289%202.87641%206.93289ZM13.9587%206.93289H13.1063C12.8709%206.93289%2012.68%207.12392%2012.68%207.35948C12.68%207.59516%2012.8709%207.78619%2013.1063%207.78619H13.9587C14.1941%207.78619%2014.3851%207.59516%2014.3851%207.35948C14.3851%207.12392%2014.1941%206.93289%2013.9587%206.93289ZM7.56508%202.02626V2.87956C7.56508%203.11525%207.75592%203.30619%207.99131%203.30619C8.22664%203.30619%208.41761%203.11525%208.41761%202.87956V2.02626C8.41761%201.79064%208.22664%201.59961%207.99131%201.59961C7.75592%201.59961%207.56508%201.79064%207.56508%202.02626ZM5.00763%207.99951C5.00763%206.35007%206.34341%205.01291%207.99131%205.01291C9.63921%205.01291%2010.9751%206.35007%2010.9751%207.99951C10.9751%209.64902%209.63921%2010.9862%207.99131%2010.9862C6.34341%2010.9862%205.00763%209.649%205.00763%207.99951ZM4.15518%207.99951C4.15518%2010.1205%205.87256%2011.8397%207.99131%2011.8397C10.1101%2011.8397%2011.8275%2010.1205%2011.8275%207.99951C11.8275%205.87869%2010.1101%204.15963%207.99131%204.15963C5.87256%204.15963%204.15518%205.87869%204.15518%207.99951ZM7.13884%2013.9729C7.13884%2014.2084%207.32969%2014.3996%207.56508%2014.3996H8.41761C8.653%2014.3996%208.84385%2014.2084%208.84385%2013.9729C8.84385%2013.7371%208.653%2013.5462%208.41761%2013.5462H7.56508C7.32969%2013.5462%207.13884%2013.7371%207.13884%2013.9729ZM6.28639%2012.6929C6.28639%2012.9284%206.47722%2013.1196%206.71256%2013.1196H9.27006C9.50545%2013.1196%209.6963%2012.9284%209.6963%2012.6929C9.6963%2012.4571%209.50545%2012.2662%209.27006%2012.2662H6.71256C6.47715%2012.2662%206.28639%2012.4571%206.28639%2012.6929Z'%20fill='%23FF8F0B'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 16px 10px;
}
.gas-reduce-Intro a {
  color: #81deb0;
  /* 12_Regular */
  text-decoration-line: underline;
}
.gas-reduce-Intro a:hover {
  color: #5fc693;
}

.vault-select-ilk.app-select {
  border: none;
}
.vault-select-ilk.app-select.ant-select.ant-select-outlined .ant-select-selector .ant-select-selection-item {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}
.vault-select-ilk.ant-select-single.ant-select-show-arrow .ant-select-selection-item, .vault-select-ilk.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  padding-inline-end: 8px;
}

@media screen and (max-width: 767px) {
  .gas-reduce-Intro {
    margin-top: 16px;
    border-radius: 0;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 8px 16px 23px 16px;
    padding-left: 36px;
    background-position: 16px 6px;
    position: relative;
    bottom: -15px;
  }
}
.ant-modal.welcome-modal .ant-modal-content {
  padding: 0;
}

.vault-detail-root {
  min-height: calc(100vh - 60px);
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/liquidationBg-DykIhEn-.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .vault-detail-root {
    padding-top: 64px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .vault-detail-root {
    padding-top: 80px;
  }
}
@media screen and (min-width: 1472px) {
  .vault-detail-root {
    padding-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  .vault-detail-root {
    padding-bottom: 36px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .vault-detail-root {
    padding-bottom: 36px;
  }
}
@media screen and (min-width: 1472px) {
  .vault-detail-root {
    padding-bottom: 36px;
  }
}
@media screen and (max-width: 767px) {
  .vault-detail-root {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/BG-CuztqvkV.jpg");
    background-size: contain;
    background-position-y: unset;
  }
}
.vault-detail-root .content {
  margin-top: 48px;
  display: flex;
  gap: 24px;
  flex-direction: row;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .vault-detail-root .content {
    width: 1200px;
  }
}
@media screen and (min-width: 1472px) {
  .vault-detail-root .content {
    width: 1440px;
  }
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content {
    width: unset;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content {
    margin-top: 0;
    flex-direction: column;
    gap: 16px;
  }
}
.vault-detail-root .content .left-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 1472px) {
  .vault-detail-root .content .left-section {
    width: 342px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .vault-detail-root .content .left-section {
    width: 282px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1232px) {
  .vault-detail-root .content .left-section {
    display: none;
    width: 0;
  }
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .left-section {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .left-section {
    flex-direction: column-reverse;
  }
}
.vault-detail-root .content .left-section h4 {
  color: #fff;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .left-section h4 {
    display: none;
  }
}
.vault-detail-root .content .right-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 767px) and (max-width: 1232px) {
  .vault-detail-root .content .right-section {
    width: 100%;
  }
}
.vault-detail-root .content .right-section .basic-info-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.vault-detail-root .content .right-section .basic-info-title .basic-info-display-btn {
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .basic-info-title .basic-info-display-btn {
    display: block;
  }
}
.vault-detail-root .content .right-section .basic-info-title .title {
  color: #fff;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .basic-info-title .title {
    line-height: 1;
  }
}
.vault-detail-root .content .right-section .basic-info-title .title-mark {
  color: #fff;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (min-width: 767px) and (max-width: 1232px) {
  .vault-detail-root .content .right-section .basic-info-title .title-mark {
    gap: 0;
  }
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .basic-info-title .title-mark {
    line-height: 1;
  }
}
.vault-detail-root .content .right-section .basic-info-title .title-mark .position-id {
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
  padding: 2px 8px;
  color: #CECECF;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.vault-detail-root .content .right-section .basic-info {
  border-radius: 24px;
  background: rgba(24, 26, 28, 0.6);
  backdrop-filter: blur(12px);
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/basic-bg-WnejwXpH.png");
  background-repeat: no-repeat;
  background-size: cover;
  transition: height 200ms, margin 200ms;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .basic-info {
    height: 373px;
  }
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .basic-info.hide {
    height: 0;
    margin-top: -5px;
    margin-bottom: -15px;
  }
}
@media screen and (min-width: 1472px) {
  .vault-detail-root .content .right-section .basic-info {
    width: 1074px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .vault-detail-root .content .right-section .basic-info {
    width: 894px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1232px) {
  .vault-detail-root .content .right-section .basic-info {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .basic-info {
    background-image: url("data:image/svg+xml,%3csvg%20width='350'%20height='384'%20viewBox='0%200%20350%20384'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_6162_12208)'%3e%3cg%20opacity='0.4'%20filter='url(%23filter0_f_6162_12208)'%3e%3cellipse%20cx='339.5'%20cy='351'%20rx='294.5'%20ry='61'%20fill='url(%23paint0_linear_6162_12208)'/%3e%3c/g%3e%3cg%20opacity='0.6'%20filter='url(%23filter1_f_6162_12208)'%3e%3cellipse%20cx='264.5'%20cy='66.5'%20rx='316.5'%20ry='111.5'%20fill='url(%23paint1_linear_6162_12208)'/%3e%3c/g%3e%3cg%20opacity='0.6'%20filter='url(%23filter2_f_6162_12208)'%3e%3cellipse%20cx='33'%20cy='-19'%20rx='244'%20ry='75'%20fill='%23DED98F'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_6162_12208'%20x='-155'%20y='90'%20width='989'%20height='522'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='100'%20result='effect1_foregroundBlur_6162_12208'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_6162_12208'%20x='-252'%20y='-245'%20width='1033'%20height='623'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='100'%20result='effect1_foregroundBlur_6162_12208'/%3e%3c/filter%3e%3cfilter%20id='filter2_f_6162_12208'%20x='-371'%20y='-254'%20width='808'%20height='470'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='80'%20result='effect1_foregroundBlur_6162_12208'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_6162_12208'%20x1='339.5'%20y1='290'%20x2='339.5'%20y2='412'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23216C58'/%3e%3cstop%20offset='1'%20stop-color='%2381DEB0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_6162_12208'%20x1='264.5'%20y1='-45'%20x2='264.5'%20y2='178'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23216C58'/%3e%3cstop%20offset='1'%20stop-color='%2381DEB0'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_6162_12208'%3e%3crect%20width='350'%20height='384'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  }
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .basic-info {
    border-radius: 16px;
  }
}
.vault-detail-root .content .right-section .basic-info .mobile-hide-btn {
  display: none;
  right: 24px;
  top: 16px;
  color: #9E9E9F;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .basic-info .mobile-hide-btn {
    display: flex;
    align-items: center;
    position: absolute;
  }
}
.vault-detail-root .content .right-section .basic-info .mobile-hide-btn .arrow-up {
  margin-left: 4px;
  width: 20px;
  height: 20px;
}
.vault-detail-root .content .right-section .basic-info .basic-info-top {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 24px 40px;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .basic-info .basic-info-top {
    flex-direction: column;
    justify-content: flex-start;
    padding: 16px 24px;
    gap: 16px;
  }
}
.vault-detail-root .content .right-section .basic-info .basic-info-top li {
  flex: 1;
}
.vault-detail-root .content .right-section .basic-info .basic-info-top li h6 {
  color: #CECECF;
  margin-bottom: 4px;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .basic-info .basic-info-top li h6 {
    color: var(--Dark-Neutral-text_02, #CECECF);
    font-size: 14px;
    font-weight: 400;
  }
}
.vault-detail-root .content .right-section .basic-info .basic-info-top li h4 {
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .basic-info .basic-info-top li h4 {
    color: var(--Dark-Neutral-text_01, #fff);
    font-size: 20px;
    font-weight: 700;
  }
}
.vault-detail-root .content .right-section .basic-info .basic-info-bottom {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 16px 40px;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 0 0 24px 24px;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .basic-info .basic-info-bottom {
    border-radius: 0 0 16px 16px;
    flex-direction: column;
    justify-content: flex-start;
    padding: 16px 24px;
    gap: 16px;
  }
}
.vault-detail-root .content .right-section .basic-info .basic-info-bottom li {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .basic-info .basic-info-bottom li h6 {
    font-size: 14px;
    font-weight: 400;
    color: var(--Dark-Neutral-text_02, #CECECF);
  }
}
.vault-detail-root .content .right-section .basic-info .basic-info-bottom li .price-decrease {
  color: #d73133;
}
.vault-detail-root .content .right-section .basic-info .basic-info-bottom li .price-increase {
  color: #81deb0;
}
.vault-detail-root .content .right-section .basic-info .basic-info-bottom li:last-child {
  flex: 3;
}
.vault-detail-root .content .right-section .position-info {
  display: flex;
  background: #131416;
  backdrop-filter: blur(12px);
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.06);
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info {
    flex-direction: column;
    border-radius: 16px;
  }
}
.vault-detail-root .content .right-section .position-info .left {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .left {
    width: 644px;
    padding: 32px 40px 24px 40px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .left {
    width: 536px;
    padding: 22px 24px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1232px) {
  .vault-detail-root .content .right-section .position-info .left {
    width: 691px;
  }
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info .left {
    width: 100%;
    padding: 24px 16px;
  }
}
.vault-detail-root .content .right-section .position-info .left .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vault-detail-root .content .right-section .position-info .left .title .vault-manage {
  display: flex;
  align-items: center;
  gap: 8px;
}
.vault-detail-root .content .right-section .position-info .left .title .vault-manage .icon-box {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vault-detail-root .content .right-section .position-info .left .title .vault-manage .icon-box img {
  width: 16px;
  height: 16px;
}
.vault-detail-root .content .right-section .position-info .left .title .vault-manage h4 {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.vault-detail-root .content .right-section .position-info .left .title .custom-select {
  border: none;
  min-width: auto;
  width: 150px;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info .left .title .custom-select {
    padding-block: 0;
  }
}
.vault-detail-root .content .right-section .position-info .left .title .custom-select .ant-select-selector {
  background: transparent;
  border: none;
  color: #CECECF;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  width: 160px;
  box-shadow: none;
  outline: none;
  text-align: right;
}
.vault-detail-root .content .right-section .position-info .left .title .custom-select .ant-select-selector .ant-select-selection-item {
  color: #CECECF;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  text-align: center;
}
.vault-detail-root .content .right-section .position-info .left .title .custom-select.valut-detail .ant-select-selector {
  width: 170px;
}
.vault-detail-root .content .right-section .position-info .left .title .custom-select.valut-detail .ant-select-selector .ant-select-selection-item {
  text-align: right;
}
.vault-detail-root .content .right-section .position-info .left .title .custom-select .ant-select-arrow .anticon svg {
  fill: #216c58;
}
.vault-detail-root .content .right-section .position-info .left .custom-radio-group {
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info .left .custom-radio-group {
    margin-top: 16px;
  }
}
.vault-detail-root .content .right-section .position-info .left .custom-radio-group .ant-radio-button-wrapper {
  background: transparent;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  color: #6D6D6E;
  border: 1px solid #216c58;
  padding-inline: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info .left .custom-radio-group .ant-radio-button-wrapper {
    height: 32px;
    line-height: 30px;
  }
  .vault-detail-root .content .right-section .position-info .left .custom-radio-group .ant-radio-button-wrapper:first-child {
    border-start-start-radius: 6px;
    border-end-start-radius: 6px;
  }
  .vault-detail-root .content .right-section .position-info .left .custom-radio-group .ant-radio-button-wrapper:last-child {
    border-start-end-radius: 6px;
    border-end-end-radius: 6px;
  }
}
.vault-detail-root .content .right-section .position-info .left .custom-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
  display: none;
}
.vault-detail-root .content .right-section .position-info .left .custom-radio-group .ant-radio-button-wrapper-checked {
  color: #fff;
  border-color: #216c58;
  background: #216c58;
}
.vault-detail-root .content .right-section .position-info .left .inner-box-bottom {
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info .left .inner-box-bottom {
    margin-top: 24px;
  }
}
.vault-detail-root .content .right-section .position-info .left .inner-box-bottom .inner-box-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.vault-detail-root .content .right-section .position-info .left .inner-box-bottom .inner-box-title h4 {
  font-weight: 600;
  font-size: 16px;
  color: #CECECF;
}
.vault-detail-root .content .right-section .position-info .left .inner-box-bottom .inner-box-title h6 {
  color: #9E9E9F;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info .left .inner-box-bottom .inner-box-title h4 {
    font-size: 14px;
  }
  .vault-detail-root .content .right-section .position-info .left .inner-box-bottom .inner-box-title h6 {
    font-size: 12px;
  }
}
.vault-detail-root .content .right-section .position-info .left .inner-box-bottom .input {
  height: 64px;
  padding: 0 16px 0 4px;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  outline: none;
  display: flex;
  align-items: center;
  color: white;
  box-shadow: none;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(35, 36, 38, 0.8);
  gap: 12px;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info .left .inner-box-bottom .input {
    height: 48px;
    border-radius: 8px;
    gap: 8px;
  }
  .vault-detail-root .content .right-section .position-info .left .inner-box-bottom .input .ant-input {
    font-size: 16px;
  }
  .vault-detail-root .content .right-section .position-info .left .inner-box-bottom .input .ant-input::placeholder {
    font-size: 16px;
  }
}
.vault-detail-root .content .right-section .position-info .left .inner-box-bottom .input .ant-input {
  font-weight: 700;
}
.vault-detail-root .content .right-section .position-info .left .inner-box-bottom .input .ant-input::placeholder {
  color: #6D6D6E;
  font-family: Inter;
  font-style: normal;
  line-height: 140%;
  font-weight: 400;
}
.vault-detail-root .content .right-section .position-info .left .inner-box-bottom .input:focus {
  caret-color: #81deb0;
}
.vault-detail-root .content .right-section .position-info .left .inner-box-bottom .input .suffix-input {
  display: flex;
  align-items: center;
  gap: 12px;
}
.vault-detail-root .content .right-section .position-info .left .inner-box-bottom .input .suffix-input span {
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 22.4px */
}
.vault-detail-root .content .right-section .position-info .left .inner-box-bottom .warning-box {
  border-radius: 12px;
  background: rgba(255, 143, 11, 0.1);
  padding: 12px 16px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 140%;
  color: #9E9E9F;
  margin-top: 24px;
}
.vault-detail-root .content .right-section .position-info .left .inner-box-bottom .warning-box img {
  width: 20px;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info .left .progress-wrapper {
    margin-top: 24px;
  }
}
.vault-detail-root .content .right-section .position-info .left .space {
  height: 32px;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info .left .space {
    height: 24px;
  }
}
.vault-detail-root .content .right-section .position-info .right {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 24px;
  background: #181a1c;
  backdrop-filter: blur(12px);
}
@media screen and (min-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .right {
    height: 558px;
    max-height: 564px;
    padding: 24px 0px;
    gap: 32px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .right {
    height: 614px;
    max-height: 688px;
    padding: 24px 0px 32px;
    gap: 24px;
  }
}
@media screen and (min-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .right.has-position-false {
    height: 559px;
    padding: 24px 0px;
    gap: 32px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .right.has-position-false {
    height: 528px;
    padding: 24px 0px 32px;
    gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info .right {
    width: 100%;
    max-height: 614px;
    padding: 0px 16px 24px 16px;
    gap: 24px;
    border-radius: 16px;
  }
}
.vault-detail-root .content .right-section .position-info .right .my-position {
  width: 100%;
}
@media screen and (min-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .right .my-position {
    padding: 0 32px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .right .my-position {
    padding: 0 24px;
  }
}
.vault-detail-root .content .right-section .position-info .right .my-position .estimates {
  display: flex;
  flex-direction: column;
  color: #ff8f0b;
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
}
.vault-detail-root .content .right-section .position-info .right .my-position .title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.vault-detail-root .content .right-section .position-info .right .my-position .title .position-token-box {
  display: flex;
  align-items: center;
  padding: 4px 8px 4px 6px;
  gap: 4px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.15);
}
.vault-detail-root .content .right-section .position-info .right .my-position .title .position-token-box img {
  width: 16px;
  height: 16px;
}
.vault-detail-root .content .right-section .position-info .right .my-position .title .position-token-box span {
  color: #CECECF;
  font-size: 12px;
  font-weight: 600;
  line-height: 140%;
}
.vault-detail-root .content .right-section .position-info .right ul {
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .right ul {
    margin: 0 0 32px 0;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .right ul {
    margin: 0 0 24px 0;
  }
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info .right ul {
    margin: 0 0 24px 0;
  }
}
.vault-detail-root .content .right-section .position-info .right ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  align-items: baseline;
}
@media screen and (min-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .right ul li {
    flex-direction: row;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .right ul li.has-position-true {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info .right ul li {
    flex-wrap: wrap;
    gap: 4px;
  }
}
.vault-detail-root .content .right-section .position-info .right ul li .title {
  color: #CECECF;
  font-weight: 600;
  margin-bottom: 4px;
  font-size: 14px;
}
.vault-detail-root .content .right-section .position-info .right ul li .sub-title {
  color: #9E9E9F;
  font-weight: 400;
  font-size: 14px;
}
.vault-detail-root .content .right-section .position-info .right ul li .desc {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #CECECF;
  font-size: 14px;
  line-height: 140%;
}
@media screen and (min-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .right ul li .desc {
    margin-top: 0px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .right ul li .desc {
    margin-top: 4px;
  }
}
.vault-detail-root .content .right-section .position-info .right ul li .desc .sub-desc {
  display: flex;
  gap: 8px;
  align-items: center;
}
.vault-detail-root .content .right-section .position-info .right ul li .desc .sub-desc img {
  width: 8px;
}
.vault-detail-root .content .right-section .position-info .right ul li .desc .custom-text-infoitem {
  cursor: pointer;
  color: #CECECF;
  font-size: 14px;
  line-height: 140%;
}
@media screen and (min-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .right ul li .desc .custom-text-infoitem {
    max-width: 88px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .right ul li .desc .custom-text-infoitem {
    max-width: 150px;
  }
}
.vault-detail-root .content .right-section .position-info .right ul li .desc .custom-text-infoitem-lg {
  cursor: pointer;
  color: #CECECF;
  font-size: 14px;
  line-height: 140%;
}
@media screen and (min-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .right ul li .desc .custom-text-infoitem-lg {
    max-width: 150px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .right ul li .desc .custom-text-infoitem-lg {
    max-width: 150px;
  }
}
.vault-detail-root .content .right-section .position-info .right ul .status-with-tag {
  flex-direction: row;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper {
  width: 100%;
  overflow: auto;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info .right .history-list-wrapper {
    margin-inline: -16px;
    width: calc(100% + 32px);
  }
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse {
  border: none;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item {
  border: none;
  margin-bottom: 24px;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item.ant-collapse-item-active {
  border-radius: 16px;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-header {
  color: #CECECF;
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  padding: 12px 0;
  align-items: center;
}
@media screen and (min-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-header {
    padding: 0 32px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-header {
    padding: 0 24px;
  }
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-header {
    padding: 0 16px;
  }
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-header .item-title h6 {
  color: #9E9E9F;
  margin-bottom: 8px;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-header .item-title p {
  font-size: 12px;
  color: #6D6D6E;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon:hover {
  color: #5fc693;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon:active {
  color: #448f6a;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-content {
  background: rgba(24, 26, 28, 0.8);
  color: #CECECF;
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  border-top: none;
  padding: 0 32px;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  padding: 16px 0 24px;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
    padding: 16px 0 16px;
  }
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box ul li {
  display: flex;
  justify-content: space-between;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box a {
  text-decoration: underline;
  color: #6D6D6E;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box a:hover {
  color: #5fc693;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box a:active {
  color: #448f6a;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-content-active {
  background: #232426;
  padding: 0 24px;
  border-radius: 24px;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-content-active {
    padding: 0 16px;
  }
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-content-active .ant-collapse-content {
  background: rgba(24, 26, 28, 0.8);
  color: #CECECF;
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  border-top: none;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-content-active .ant-collapse-content .ant-collapse-content-box {
  padding: 16px 0 24px;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-content-active .ant-collapse-content .ant-collapse-content-box {
    padding: 16px 0 16px;
  }
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-content-active .ant-collapse-content .ant-collapse-content-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-content-active .ant-collapse-content .ant-collapse-content-box ul li {
  display: flex;
  justify-content: space-between;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item .ant-collapse-content-active .ant-collapse-content .ant-collapse-content-box a {
  text-decoration: underline;
  color: #6D6D6E;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item-active {
  background: #232426;
  border-radius: 24px;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item-active .ant-collapse-header {
  padding-top: 24px;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info .right .history-list-wrapper .custom-collapse .ant-collapse-item-active .ant-collapse-header {
    padding-top: 16px;
  }
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .read-more {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #6D6D6E;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-top: 4px;
  padding-left: 32px;
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info .right .history-list-wrapper .read-more {
    padding-left: 16px;
  }
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .read-more:hover {
  color: #5fc693;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .read-more:active {
  color: #448f6a;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .no-transaction {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 16px;
}
.vault-detail-root .content .right-section .position-info .right .history-list-wrapper .no-transaction span {
  color: #6D6D6E;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
@media screen and (min-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .right .custom-tabs {
    padding: 0 32px;
    width: 428px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .vault-detail-root .content .right-section .position-info .right .custom-tabs {
    width: 356px;
    padding: 0 24px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1232px) {
  .vault-detail-root .content .right-section .position-info .right .custom-tabs {
    width: 484px;
  }
}
@media screen and (max-width: 767px) {
  .vault-detail-root .content .right-section .position-info .right .custom-tabs {
    width: 100%;
  }
}
.vault-detail-root .content .right-section .position-info .right .custom-tabs .ant-tabs-nav::before {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.vault-detail-root .content .right-section .position-info .right .custom-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
  width: 100%;
}
.vault-detail-root .content .right-section .position-info .right .custom-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
  width: 50%;
  font-family: Inter;
  font-weight: 600;
  line-height: 140%;
}
.vault-detail-root .content .right-section .position-info .right .custom-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-btn {
  width: 100%;
  text-align: center;
}
.vault-detail-root .content .right-section .position-info .right .custom-tabs .ant-tabs-nav .ant-tabs-ink-bar {
  height: 1px;
}
.vault-detail-root .content .right-section .position-info .right .custom-radio-group {
  width: 100%;
}
.vault-detail-root .content .right-section .position-info .right .custom-radio-group .ant-radio-button-wrapper {
  background: rgba(12, 12, 14, 0.8);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  color: #6D6D6E;
  border: 1px solid #216c58;
}
.vault-detail-root .content .right-section .position-info .right .custom-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
  display: none;
}
.vault-detail-root .content .right-section .position-info .right .custom-radio-group .ant-radio-button-wrapper-checked {
  color: #fff;
  border-color: #216c58;
  background: #216c58;
}
.vault-detail-root .content .custom-tag {
  border-radius: 12px;
}

.vault-select-popup.ant-select-dropdown {
  border-radius: 8px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  color: #CECECF;
}
.vault-select-popup.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #81deb0;
  font-weight: 600;
  background-color: transparent;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.vault-select-popup.ant-select-dropdown .ant-select-item {
  color: #CECECF;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.vault-select-popup.ant-select-dropdown.vault-select-pad .ant-select-item {
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .custom-modal.vault-modal .ant-modal-content {
    width: 100%;
  }
}
.custom-modal.vault-modal .create-proxy-box .title {
  color: #CECECF;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.custom-modal.vault-modal .create-proxy-box .title a {
  color: #81deb0;
}
.custom-modal.vault-modal .create-proxy-box .info {
  list-style: none;
  margin: 24px auto;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .custom-modal.vault-modal .create-proxy-box .info {
    margin: 16px auto;
  }
}
.custom-modal.vault-modal .create-proxy-box .info li {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  color: #CECECF;
}
.custom-modal.vault-modal .create-proxy-box .info li img {
  margin-top: 3px;
}
.custom-modal.vault-modal .create-proxy-box .fee {
  border-radius: 8px;
  background: #181a1c;
  padding: 16px;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .custom-modal.vault-modal .create-proxy-box .fee {
    margin-bottom: 8px;
  }
}
.custom-modal.vault-modal .create-proxy-box .fee p {
  color: #fff;
  font-weight: 600;
  margin-bottom: 8px;
}
.custom-modal.vault-modal .create-proxy-box .fee div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #9E9E9F;
}
.custom-modal.vault-modal .create-proxy-box .fee div span:last-child {
  color: #fff;
  font-weight: 700;
}
.custom-modal.vault-modal .get-token {
  padding: 16px;
  gap: 16px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .custom-modal.vault-modal .get-token {
    height: auto;
  }
}
.custom-modal.vault-modal .get-token li span:last-child {
  color: #fff;
  border-radius: 12px;
}.footer-alert {
  position: fixed;
  bottom: 22px;
  right: 20px;
  width: 270px;
  height: 130px;
}

.psm-alert,
.dsr-alert {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/psm_alert-BOgAsG0v.png");
  background-size: 100%;
  background-repeat: no-repeat;
  border-radius: 12px;
  overflow: hidden;
}
.psm-alert span,
.dsr-alert span {
  font-size: 12px;
  font-weight: 700;
  line-height: 100%; /* 12px */
  background: linear-gradient(90deg, #cced6d 0%, #92feb5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 180px;
  border: 1px solid #c8d45a;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  position: absolute;
  bottom: 13px;
  left: 23px;
  cursor: pointer;
}
.psm-alert span:hover,
.dsr-alert span:hover {
  border-color: #5fc693;
}
.psm-alert .psm-alert-close,
.dsr-alert .psm-alert-close {
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer;
}
.psm-alert .psm-alert-close:hover path,
.dsr-alert .psm-alert-close:hover path {
  fill: #81deb0;
  fill-opacity: 1;
}

.dsr-alert {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/merkl-CU3Vln59.png");
}

@media screen and (max-width: 767px) {
  .psm-alert,
  .dsr-alert {
    position: relative;
    top: 0;
    left: 0;
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/psm_alert_m-DjDnCy9K.png");
    width: 100%;
    background-size: cover;
    height: unset;
    border-radius: 12px;
  }
  .psm-alert::after,
  .dsr-alert::after {
    content: " ";
    display: inline-block;
    margin-top: 28.5714285714%;
    width: 1px;
  }
  .psm-alert span,
  .dsr-alert span {
    bottom: 10px;
    padding: 4px 10px;
  }
  .dsr-alert {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/merkl-m-DmhHOORC.png");
    margin-top: 24px;
  }
}.footer-wrapper {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-left: 16px;
  padding-right: 16px;
}

.footer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 14px auto;
  min-height: 64px;
  font-size: 14px;
  font-weight: 400;
  color: #6D6D6E;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .footer {
    width: 1200px;
  }
}
@media screen and (min-width: 1472px) {
  .footer {
    width: 1440px;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    width: unset;
    padding: 0 20px;
  }
}
.footer .footer-links {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-left: auto;
}
.footer .footer-links a {
  color: #9E9E9F;
  transition: color 0.2s ease;
  white-space: nowrap;
}
.footer .footer-links a:hover {
  color: #fff;
}
.footer .footer-divider {
  width: 1px;
  height: 22px;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 16px;
}
.footer .copy-right {
  display: inline-block;
  color: rgba(255, 255, 255, 0.45);
}
@media screen and (max-width: 767px) {
  .footer {
    width: 100%;
    margin: 0 auto;
    padding: 48px 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  .footer .copy-right {
    order: 4;
    margin-top: 48px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
  }
  .footer .footer-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
    row-gap: 18px;
    padding: 0 16px;
    margin-left: 0;
    order: 1;
  }
  .footer .footer-links .link-terms-of-use {
    grid-column: 1;
    grid-row: 1;
  }
  .footer .footer-links .link-privacy-policy {
    grid-column: 1;
    grid-row: 2;
  }
  .footer .footer-links .link-docs {
    grid-column: 1;
    grid-row: 3;
  }
  .footer .footer-links .link-mcp-server {
    grid-column: 2;
    grid-row: 1;
  }
  .footer .footer-links .link-faqs {
    grid-column: 2;
    grid-row: 2;
  }
  .footer .footer-links .link-support {
    grid-column: 2;
    grid-row: 3;
  }
  .footer .footer-links a {
    font-size: 16px;
    line-height: 22px;
  }
  .footer .footer-divider {
    display: block;
    width: auto;
    height: 1px;
    margin: 48px 8px 0;
    background: rgba(255, 255, 255, 0.12);
    order: 2;
  }
  .footer .channel-line {
    justify-content: center;
    gap: 16px;
    margin-top: 48px;
    order: 3;
  }
}

.channel-line {
  display: flex;
  gap: 24px;
}
.channel-line a,
.channel-line > span {
  display: inline-block;
  padding: 4px;
  cursor: pointer;
  font-size: 0;
}
.channel-line svg:hover path {
  fill-opacity: 1;
}
@media screen and (max-width: 767px) {
  .channel-line svg {
    height: 30px;
    width: 30px;
  }
}

.footer-telegram-dropdown .ant-dropdown-menu {
  border-radius: 16px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(16px);
  padding: 8px;
  min-width: 232px;
}
.footer-telegram-dropdown .ant-dropdown-menu-item {
  height: 40px;
  border-radius: 8px;
  padding: 0;
  margin: 0;
}
.footer-telegram-dropdown .ant-dropdown-menu-item a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
.footer-telegram-dropdown .ant-dropdown-menu-item:nth-child(2) a {
  color: #81deb0;
}.earn-activity-rule-banner {
  width: 100%;
  margin: 0 auto;
  height: 350px;
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/banner-DwE62qKQ.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto 100%;
  background-color: #181a1c;
  position: relative;
}

.earn-activity-btn {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 24px;
}
.earn-activity-btn .earn-activity-join-btn {
  box-sizing: border-box;
  display: inline-flex;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 180px;
  border: 1px solid #c8d45a;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  /* 14px */
  letter-spacing: -0.28px;
  text-transform: capitalize;
  background: linear-gradient(90deg, #cced6d 0%, #92feb5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  cursor: pointer;
  user-select: none;
}
.earn-activity-btn .earn-activity-join-btn:hover {
  border-color: #55cd99;
}
.earn-activity-btn .earn-activity-rule-btn {
  box-sizing: border-box;
  display: flex;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  border-radius: 180px;
  background: linear-gradient(275deg, #55cd99 0.37%, #c8d45a 101.47%);
  color: #0a0c0c;
  text-align: justify;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.26px;
  cursor: pointer;
}
.earn-activity-btn .earn-activity-rule-btn:hover {
  color: #0a0c0c;
  background: #55cd99;
}

.earn-activity-rule-container {
  margin-bottom: 48px;
}

.earn-activity-rule-rules,
.earn-activity-rule-key,
.earn-activity-tip {
  border-radius: 24px;
  background-color: #181a1c;
  width: 1200px;
  margin: 0 auto;
  margin-top: 24px;
}
.earn-activity-rule-rules .hignlight,
.earn-activity-rule-key .hignlight,
.earn-activity-tip .hignlight {
  color: #fff;
  font-weight: 600;
}
.earn-activity-rule-rules .link,
.earn-activity-rule-key .link,
.earn-activity-tip .link {
  text-decoration: underline;
  cursor: pointer;
}
.earn-activity-rule-rules .link:hover,
.earn-activity-rule-key .link:hover,
.earn-activity-tip .link:hover {
  color: #5fc693;
}

.earn-activity-rule-rules,
.earn-activity-rule-key {
  padding: 0 24px 24px 24px;
  color: #CECECF;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}
.earn-activity-rule-rules h3,
.earn-activity-rule-key h3 {
  display: flex;
  height: 48px;
  padding: 0px 60px 0px 40px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  border-radius: 90px 0px 180px 0px;
  background: linear-gradient(90deg, rgba(13, 229, 103, 0.2) 0%, rgba(35, 36, 38, 0) 100%), #232426;
  position: relative;
  left: -24px;
  width: fit-content;
}
.earn-activity-rule-rules h3 span,
.earn-activity-rule-key h3 span {
  text-align: justify;
  font-family: Inter;
  font-size: 18px;
  font-style: italic;
  font-weight: 800;
  /* 18px */
  letter-spacing: -0.36px;
  text-transform: capitalize;
  background: linear-gradient(90deg, #92feb5 0%, #cced6d 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.earn-activity-rule-rules h4,
.earn-activity-rule-key h4 {
  color: #fff;
  /* 14_Semibold */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.earn-activity-rule-rules .earn-activity-rule-content,
.earn-activity-rule-key .earn-activity-rule-content {
  margin-top: 24px;
}
.earn-activity-rule-rules .earn-activity-rule-content.limit-width,
.earn-activity-rule-key .earn-activity-rule-content.limit-width {
  width: 820px;
}
@media screen and (max-width: 767px) {
  .earn-activity-rule-rules .earn-activity-rule-content.limit-width,
  .earn-activity-rule-key .earn-activity-rule-content.limit-width {
    width: 100%;
  }
}
.earn-activity-rule-rules .earn-activity-rule-content.limit-width > div,
.earn-activity-rule-key .earn-activity-rule-content.limit-width > div {
  line-height: 160%;
  margin-bottom: 24px;
}
.earn-activity-rule-rules .earn-activity-rule-content a,
.earn-activity-rule-key .earn-activity-rule-content a {
  color: #81deb0;
  text-decoration: underline;
}
.earn-activity-rule-rules .earn-activity-rule-content a:hover,
.earn-activity-rule-key .earn-activity-rule-content a:hover {
  color: #5fc693;
}
.earn-activity-rule-rules .earn-activity-rule-content b,
.earn-activity-rule-key .earn-activity-rule-content b {
  font-weight: 600;
}
.earn-activity-rule-rules .earn-activity-rule-content .earn-activity-rule-bold,
.earn-activity-rule-key .earn-activity-rule-content .earn-activity-rule-bold {
  font-weight: 600;
  color: #fff;
}
.earn-activity-rule-rules .earn-activity-rule-content p,
.earn-activity-rule-key .earn-activity-rule-content p {
  padding-left: 20px;
  position: relative;
  font-size: 14px;
  margin-top: 16px;
  margin-bottom: 8px;
  color: #CECECF;
}
.earn-activity-rule-rules .earn-activity-rule-content p:last-child,
.earn-activity-rule-key .earn-activity-rule-content p:last-child {
  margin-bottom: 0;
}
.earn-activity-rule-rules .earn-activity-rule-content p h6,
.earn-activity-rule-key .earn-activity-rule-content p h6 {
  color: #fff;
  font-weight: 400;
  display: inline-block;
}
.earn-activity-rule-rules .earn-activity-rule-content p::before,
.earn-activity-rule-key .earn-activity-rule-content p::before {
  content: " ";
  position: absolute;
  left: 8px;
  top: 8px;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
}

.earn-activity-rule-item {
  display: flex;
  border-radius: 4px;
  background: #121315;
  margin-bottom: 2px;
  align-items: center;
  padding: 12px 0;
}
.earn-activity-rule-item:last-child {
  margin-bottom: 0;
}
.earn-activity-rule-item span {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 260px;
  display: flex;
  align-items: center;
  margin-left: 32px;
  color: #9E9E9F;
}
.earn-activity-rule-item span.next {
  width: 559px;
}
.earn-activity-rule-item div {
  color: #9E9E9F;
  border-left: 2px solid #18191b;
  padding: 0 32px;
}
.earn-activity-rule-item.white80 div {
  color: #CECECF;
}
.earn-activity-rule-item.white div,
.earn-activity-rule-item.white span {
  color: #fff;
}

.earn-activity-sale-con {
  display: flex;
}
.earn-activity-sale-con .earn-activity-sale-left,
.earn-activity-sale-con .earn-activity-sale-right {
  height: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.earn-activity-sale-con .earn-activity-sale-left {
  width: 38px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='38'%20height='48'%20viewBox='0%200%2038%2048'%20fill='none'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M36.8233%2048C36.5369%2047.7854%2036.3516%2047.4433%2036.3516%2047.0579C36.3516%2046.4883%2036.7564%2046.0132%2037.2941%2045.9047V44.6817C36.7564%2044.5732%2036.3516%2044.0981%2036.3516%2043.5285C36.3516%2042.9588%2036.7564%2042.4837%2037.2941%2042.3753V41.1523C36.7564%2041.0438%2036.3516%2040.5687%2036.3516%2039.9991C36.3516%2039.4294%2036.7564%2038.9543%2037.2941%2038.8459V37.6229C36.7564%2037.5144%2036.3516%2037.0393%2036.3516%2036.4697C36.3516%2035.9%2036.7564%2035.4249%2037.2941%2035.3165V34.0935C36.7564%2033.985%2036.3516%2033.5099%2036.3516%2032.9403C36.3516%2032.3706%2036.7564%2031.8955%2037.2941%2031.787V30.5641C36.7564%2030.4556%2036.3516%2029.9805%2036.3516%2029.4108C36.3516%2028.8412%2036.7564%2028.3661%2037.2941%2028.2576V27.0346C36.7564%2026.9262%2036.3516%2026.4511%2036.3516%2025.8814C36.3516%2025.3118%2036.7564%2024.8367%2037.2941%2024.7282V23.5052C36.7564%2023.3968%2036.3516%2022.9217%2036.3516%2022.352C36.3516%2021.7824%2036.7564%2021.3073%2037.2941%2021.1988V19.9758C36.7564%2019.8674%2036.3516%2019.3923%2036.3516%2018.8226C36.3516%2018.253%2036.7564%2017.7779%2037.2941%2017.6694V16.4464C36.7564%2016.3379%2036.3516%2015.8629%2036.3516%2015.2932C36.3516%2014.7235%2036.7564%2014.2485%2037.2941%2014.14V12.917C36.7564%2012.8085%2036.3516%2012.3334%2036.3516%2011.7638C36.3516%2011.1941%2036.7564%2010.719%2037.2941%2010.6106V9.38759C36.7564%209.27912%2036.3516%208.80403%2036.3516%208.23438C36.3516%207.66472%2036.7564%207.18963%2037.2941%207.08116V5.85818C36.7564%205.74971%2036.3516%205.27462%2036.3516%204.70496C36.3516%204.13531%2036.7564%203.66022%2037.2941%203.55175V2.32877C36.7564%202.22029%2036.3516%201.7452%2036.3516%201.17555C36.3516%200.605896%2036.7564%200.130806%2037.2941%200.0223351V0H4C1.79087%200%200%201.79086%200%204L0%2044C0%2046.2091%201.79086%2048%204%2048H36.8233Z'%20fill='%232F3033'/%3e%3c/svg%3e");
  background-size: 100%;
  color: #6D6D6E;
  font-family: Inter;
  font-size: 18px;
  font-style: italic;
  font-weight: 800;
  line-height: 140%; /* 25.2px */
}
.earn-activity-sale-con .earn-activity-sale-left span {
  position: relative;
}
.earn-activity-sale-con .earn-activity-sale-left span::before {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.4);
}
.earn-activity-sale-con .earn-activity-sale-left svg {
  height: 14px;
  width: 18px;
  margin-top: 8px;
}
.earn-activity-sale-con .earn-activity-sale-left i {
  font-size: 14px;
}
.earn-activity-sale-con .earn-activity-sale-right {
  width: 70px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='71'%20height='48'%20viewBox='0%200%2071%2048'%20fill='none'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0%2045.9052C0.536311%2046.0148%200.939799%2046.4892%200.939799%2047.0579C0.939799%2047.4433%200.754484%2047.7854%200.4681%2048H66.6471C68.8562%2048%2070.6471%2046.2091%2070.6471%2044V4C70.6471%201.79086%2068.8562%200%2066.6471%200H0L0%200.0228958C0.536311%200.132431%200.939799%200.606869%200.939799%201.17555C0.939799%201.74423%200.536311%202.21867%200%202.32821L0%203.55231C0.536311%203.66185%200.939799%204.13628%200.939799%204.70496C0.939799%205.27365%200.536311%205.74809%200%205.85762L0%207.08172C0.536311%207.19126%200.939799%207.6657%200.939799%208.23438C0.939799%208.80306%200.536311%209.2775%200%209.38703L0%2010.6111C0.536311%2010.7207%200.939799%2011.1951%200.939799%2011.7638C0.939799%2012.3325%200.536311%2012.8069%200%2012.9164L0%2014.1405C0.536311%2014.2501%200.939799%2014.7245%200.939799%2015.2932C0.939799%2015.8619%200.536311%2016.3363%200%2016.4459L0%2017.67C0.536311%2017.7795%200.939799%2018.2539%200.939799%2018.8226C0.939799%2019.3913%200.536311%2019.8657%200%2019.9753L0%2021.1994C0.536311%2021.3089%200.939799%2021.7833%200.939799%2022.352C0.939799%2022.9207%200.536311%2023.3951%200%2023.5047L0%2024.7288C0.536311%2024.8383%200.939799%2025.3128%200.939799%2025.8814C0.939799%2026.4501%200.536311%2026.9246%200%2027.0341L0%2028.2582C0.536311%2028.3677%200.939799%2028.8422%200.939799%2029.4108C0.939799%2029.9795%200.536311%2030.454%200%2030.5635L0%2031.7876C0.536311%2031.8971%200.939799%2032.3716%200.939799%2032.9403C0.939799%2033.5089%200.536311%2033.9834%200%2034.0929L0%2035.317C0.536311%2035.4265%200.939799%2035.901%200.939799%2036.4697C0.939799%2037.0383%200.536311%2037.5128%200%2037.6223L0%2038.8464C0.536311%2038.956%200.939799%2039.4304%200.939799%2039.9991C0.939799%2040.5678%200.536311%2041.0422%200%2041.1517L0%2042.3758C0.536311%2042.4854%200.939799%2042.9598%200.939799%2043.5285C0.939799%2044.0972%200.536311%2044.5716%200%2044.6811L0%2045.9052Z'%20fill='%232F3033'/%3e%3c/svg%3e");
  background-size: 100%;
}
.earn-activity-sale-con .earn-activity-sale-right span:first-of-type {
  font-family: Inter;
  font-size: 24px;
  font-style: italic;
  font-weight: 900;
  line-height: normal;
  letter-spacing: -1.44px;
  background: linear-gradient(166deg, #e5d64b 20.42%, #25e5a6 89.19%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.earn-activity-sale-con .earn-activity-sale-right span:first-of-type i {
  margin-left: 2px;
  font-size: 14px;
}
.earn-activity-sale-con .earn-activity-sale-tag {
  border-radius: 100px;
  background: rgba(203, 190, 97, 0.1);
  color: #eada6a;
  text-align: center;
  font-size: 8px;
  font-weight: 500;
  line-height: 10px; /* 125% */
  letter-spacing: -0.68px;
  padding: 0 4px;
}

.earn-activity-tip {
  color: #CECECF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  padding: 16px 40px 16px 72px;
  margin-top: 24px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_13180_77749)'%3e%3cpath%20d='M3.66301%203.05716C3.40291%202.79678%202.98109%202.79678%202.72128%203.05716C2.46107%203.31744%202.46107%203.73954%202.72128%204.00003L3.66301%204.94268C3.92314%205.20306%204.34464%205.20306%204.60485%204.94268C4.86488%204.6824%204.86488%204.26041%204.60485%204.00003L3.66301%203.05716ZM16.3172%203.05716L15.3754%204.00003C15.1154%204.26041%2015.1154%204.6824%2015.3754%204.94268C15.6352%205.20306%2016.057%205.20306%2016.3172%204.94268L17.2589%204.00003C17.5191%203.73954%2017.5191%203.31755%2017.2589%203.05716C16.9989%202.79688%2016.5774%202.79688%2016.3172%203.05716ZM1.99805%208.33325H0.666094C0.298271%208.33325%200%208.63174%200%208.99979C0%209.36805%200.298193%209.66654%200.666094%209.66654H1.99805C2.36587%209.66654%202.66404%209.36805%202.66404%208.99979C2.66404%208.63174%202.36587%208.33325%201.99805%208.33325ZM19.3142%208.33325H17.9822C17.6144%208.33325%2017.3161%208.63174%2017.3161%208.99979C17.3161%209.36805%2017.6144%209.66654%2017.9822%209.66654H19.3142C19.682%209.66654%2019.9804%209.36805%2019.9804%208.99979C19.9804%208.63174%2019.682%208.33325%2019.3142%208.33325ZM9.3241%200.666641V1.99992C9.3241%202.36818%209.62229%202.66654%209.99009%202.66654C10.3578%202.66654%2010.6562%202.36818%2010.6562%201.99992V0.666641C10.6562%200.298484%2010.3578%200%209.99009%200C9.62229%200%209.3241%200.298484%209.3241%200.666641ZM5.32808%209.99984C5.32808%207.42259%207.41524%205.33328%209.99009%205.33328C12.5649%205.33328%2014.6522%207.42259%2014.6522%209.99984C14.6522%2012.5772%2012.5649%2014.6666%209.99009%2014.6666C7.41524%2014.6666%205.32808%2012.5772%205.32808%209.99984ZM3.99612%209.99984C3.99612%2013.3138%206.67954%2016.0001%209.99009%2016.0001C13.3006%2016.0001%2015.9842%2013.3138%2015.9842%209.99984C15.9842%206.68607%2013.3006%204.00003%209.99009%204.00003C6.67954%204.00003%203.99612%206.68607%203.99612%209.99984ZM8.65811%2019.3333C8.65811%2019.7012%208.9563%2020%209.3241%2020H10.6562C11.024%2020%2011.3222%2019.7012%2011.3222%2019.3333C11.3222%2018.9649%2011.024%2018.6666%2010.6562%2018.6666H9.3241C8.9563%2018.6666%208.65811%2018.9649%208.65811%2019.3333ZM7.32615%2017.3333C7.32615%2017.7012%207.62432%2018%207.99204%2018H11.9881C12.3559%2018%2012.6541%2017.7012%2012.6541%2017.3333C12.6541%2016.9649%2012.3559%2016.6665%2011.9881%2016.6665H7.99204C7.62422%2016.6665%207.32615%2016.9649%207.32615%2017.3333Z'%20fill='%23FF9F2D'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_13180_77749'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-position: 40px 16px;
  background-repeat: no-repeat;
  background-color: unset;
}
.earn-activity-tip a {
  color: #81deb0;
  text-decoration: underline;
}
.earn-activity-tip a:hover {
  color: #5fc693;
}

@media only screen and (max-width: 768px) {
  .earn-activity-rule-container {
    padding: 0 20px;
    margin-top: 12px;
  }
  .earn-activity-con {
    padding: 0 20px;
  }
  .earn-activity-rule-banner {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/banner_m-C3mjl0Yg.png");
    width: 100%;
    height: unset;
    background-size: 100%;
    background-position: center bottom;
    margin-top: 64px;
  }
  .earn-activity-rule-banner::after {
    content: " ";
    display: inline-block;
    padding-top: 46%;
  }
  .earn-activity-btn {
    left: 28px;
    bottom: 32px;
    transform: translateX(0);
    gap: 8px;
  }
  .earn-activity-btn .earn-activity-join-btn {
    display: flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    user-select: none;
    font-size: 12px;
  }
  .earn-activity-btn .earn-activity-rule-btn {
    bottom: 18px;
    display: flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
  }
  .earn-activity-rule-rules,
  .earn-activity-rule-key,
  .earn-activity-tip {
    width: 100%;
  }
  .earn-activity-rule-rules h3,
  .earn-activity-rule-key h3 {
    height: 40px;
    padding: 0px 24px 0px 16px;
    gap: 10px;
    border-radius: 60px 0px 180px 0px;
    left: -16px;
  }
  .earn-activity-rule-rules h3 span,
  .earn-activity-rule-key h3 span {
    font-size: 16px;
  }
  .earn-activity-rule-item {
    font-size: 12px;
    padding: 12px 8px;
    line-height: unset;
  }
  .earn-activity-rule-item span {
    width: 100px;
    font-size: 12px;
    line-height: unset;
    margin-left: 0;
    word-break: break-word;
  }
  .earn-activity-rule-item span:nth-of-type(1) {
    width: 100px;
  }
  .earn-activity-rule-item span.next {
    width: 150px;
  }
  .earn-activity-rule-item span img {
    width: 20px;
    height: 20px;
  }
  .earn-activity-rule-item div {
    flex: 1;
    padding: 0 8px;
    word-break: break-word;
  }
  .earn-activity-rule-rules,
  .earn-activity-rule-key {
    border-radius: 16px;
    margin-top: 24px;
  }
  .earn-activity-rule-rules,
  .earn-activity-rule-key {
    padding: 0 16px 16px 16px;
  }
  .earn-activity-rule-rules .earn-activity-rule-content,
  .earn-activity-rule-key .earn-activity-rule-content {
    margin-top: 16px;
  }
  .earn-activity-tip {
    margin-top: 24px;
    padding: 16px 16px 16px 44px;
    background-position: 16px 16px;
  }
}.home-pager.pager.ant-pagination .ant-pagination-item {
  background-color: transparent;
}
.home-pager.pager.ant-pagination .ant-pagination-item a {
  color: #9E9E9F;
}
.home-pager.pager.ant-pagination .ant-pagination-item-link {
  color: #9E9E9F;
}
.home-pager.pager.ant-pagination .ant-pagination-item-active {
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.home-pager.pager.ant-pagination .ant-pagination-item-active a {
  color: #81deb0;
}.line-chart {
  width: 100%;
  height: 384px;
}
.line-chart .line-tooltip {
  border-radius: 16px !important;
  background-color: rgba(0, 0, 0, 0.9) !important;
  backdrop-filter: blur(8px) !important;
}
.line-chart .data-tooltip-wrapper {
  margin: 8px;
  margin-right: 30px;
}
.line-chart .data-tooltip-wrapper .data-tooltip-line {
  display: flex;
  align-items: center;
  color: #9E9E9F;
  font-weight: 700;
  font-size: 16px;
}
.line-chart .data-tooltip-wrapper .data-tooltip-line:nth-child(2) {
  margin-top: 8px;
  color: #fff;
  font-weight: normal;
}
.line-chart .data-tooltip-wrapper .data-tooltip-line:nth-child(2) .point-value {
  font-weight: 700;
}
.line-chart .data-tooltip-wrapper .data-tooltip-line-margin {
  margin-bottom: 8px;
}
.line-chart .data-tooltip-wrapper .data-tooltip-point {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.line-chart .data-tooltip-wrapper .data-tooltip-point.point-hidden {
  display: none;
}
.line-chart .data-tooltip-wrapper .point-title {
  font-style: normal;
  font-size: 16px;
}
.line-chart .data-tooltip-wrapper .point-title.point-title-white {
  font-weight: 600;
  color: #fff;
}
.line-chart .data-tooltip-wrapper .point-value {
  margin-left: 8px;
  font-size: 16px;
}
.line-chart .data-tooltip-wrapper .time-title,
.line-chart .data-tooltip-wrapper .only-font {
  font-weight: 400;
  color: #CECECF;
  font-size: 14px;
}
.line-chart .data-tooltip-wrapper .time-title {
  color: #9E9E9F;
}
.line-chart .data-tooltip-wrapper .data-tooltip-date {
  margin-top: 10px;
  color: #9E9E9F;
}
.line-chart .data-tooltip-value {
  color: #fff;
  padding-left: 25px;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .line-chart {
    width: 100% !important;
    padding: 0;
  }
}.usdd-app-select {
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(0, 0, 0, 0.05);
  height: auto;
  outline: none;
}
.usdd-app-select.primary, .usdd-app-select.secondary {
  border: none;
}
.usdd-app-select.chain-select {
  min-width: 120px;
}
.usdd-app-select.chain-select.ant-select.ant-select-outlined .ant-select-selector .ant-select-selection-item {
  padding-right: 26px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.usdd-app-select.chain-select.ant-select.ant-select-outlined .ant-select-selector .ant-select-selection-item svg {
  height: 16px;
  width: 16px;
}
.usdd-app-select.ant-select.ant-select-outlined .ant-select-selector {
  background: transparent;
  border: none;
  box-shadow: none !important;
  padding: 0 8px 0 8px;
}
.usdd-app-select.ant-select.ant-select-outlined .ant-select-selector .ant-select-selection-item {
  color: #CECECF;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  padding-right: 24px;
}
.usdd-app-select .ant-select-arrow {
  transform: translateY(-50%);
  margin-top: 0;
}
.usdd-app-select.ant-select .ant-select-selection-placeholder {
  color: #CECECF;
}
.usdd-app-select.ant-select:hover .ant-select-selection-placeholder {
  color: #5fc693;
}
.usdd-app-select.ant-select:active .ant-select-selection-placeholder {
  color: #448f6a;
}
.usdd-app-select .arrow {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20class='header-content-mid-dropdown-btn'%3e%3cg%3e%3cpath%20d='M12%2016.5L19.5%209L21%2010.5L12%2019.5L3%2010.5L4.5%209L12%2016.5Z'%20fill='%23ffffff'%20fill-opacity='0.6'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  position: relative;
}
.usdd-app-select .select-menu-open {
  transform: rotate(180deg);
}
.custom-select-menu {
  border-radius: 8px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  padding: 8px 0px;
}
.custom-select-menu .ant-select-item {
  border-radius: 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding-left: 16px;
  padding-right: 16px;
}
.custom-select-menu .ant-select-item .ant-select-item-option-content {
  color: #CECECF;
  display: flex;
  align-items: center;
  gap: 4px;
}
.custom-select-menu .ant-select-item .ant-select-item-option-content svg {
  height: 16px;
  width: 16px;
}
.custom-select-menu .ant-select-item.ant-select-item-option-selected {
  background-color: unset;
}
.custom-select-menu .ant-select-item.ant-select-item-option-selected .ant-select-item-option-content {
  color: #81deb0;
}
.custom-select-menu .ant-select-item:hover {
  background: rgba(255, 255, 255, 0.05);
}
.custom-select-menu .ant-select-item .ant-select-item-option-state {
  display: none;
}

.usdd-pc-select {
  display: flex;
  gap: 8px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.usdd-pc-select .item {
  font-size: 16px;
  font-weight: 600;
  box-sizing: border-box;
  height: 40px;
  min-width: 40px;
  text-align: center;
  line-height: 40px;
  padding-inline: 16px;
  border-radius: 8px;
  cursor: pointer;
}
.usdd-pc-select.primary .item {
  color: #9E9E9F;
}
.usdd-pc-select.primary .item:hover {
  color: #fff;
}
.usdd-pc-select.primary .item.active {
  background-color: #448f6a;
  color: #fff;
}
.usdd-pc-select.primary .item.active:hover {
  color: #fff;
}
.usdd-pc-select.default .item, .usdd-pc-select.secondary .item {
  color: #9E9E9F;
}
.usdd-pc-select.default .item:hover, .usdd-pc-select.secondary .item:hover {
  color: #fff;
}
.usdd-pc-select.default .item.active, .usdd-pc-select.secondary .item.active {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.usdd-pc-select.default .item.active:hover, .usdd-pc-select.secondary .item.active:hover {
  color: #fff;
}.custom-modal .coin-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.custom-modal .coin-box .coin-item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.custom-modal .coin-box .coin-item h6 {
  color: #CECECF;
}
.custom-modal .coin-box .coin-item:last-child h6 {
  text-align: right;
}
.custom-modal .coin-box .coin-item .info h6 {
  color: #fff;
  font-weight: 600;
}
.custom-modal .coin-box .coin-item .icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid rgba(33, 108, 88, 0.6);
  background: #181a1c;
  box-shadow: 0px 0px 10px 0px rgba(33, 108, 88, 0.3), 0px 0px 32px 0px rgba(33, 108, 88, 0.3) inset;
}
.custom-modal .coin-box .coin-item .icon img {
  width: 24px;
}
.custom-modal .coin-box .coin-item img {
  width: 40px;
}
@media screen and (max-width: 767px) {
  .custom-modal .coin-box .coin-item h6 {
    font-size: 14px;
  }
}
.custom-modal .coin-box .icon-arrow {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border: 1px solid rgba(33, 108, 88, 0.2);
  background: #232426;
  box-shadow: 0px 0px 12px 0px rgba(33, 108, 88, 0.3) inset;
}
@media screen and (max-width: 767px) {
  .custom-modal .migrate {
    align-items: flex-start;
    align-self: stretch;
    height: auto !important;
    padding: 8px 16px !important;
    margin: 0px auto 24px;
  }
  .custom-modal .migrate li {
    display: flex;
    height: 32px !important;
    align-items: center;
    gap: 16px;
    align-self: stretch;
  }
}
.custom-modal .ant-modal-footer {
  margin-top: 0px;
}
@media screen and (max-width: 767px) {
  .custom-modal .ant-modal-footer {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .custom-modal .ant-modal-footer button {
    height: 40px;
    width: 100%;
  }
}

.dsr-guide-line {
  color: #9E9E9F;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.dsr-guide-line > span {
  color: #fff;
}
.dsr-guide-line > a {
  display: inline;
  text-decoration: underline;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.dsr-guide-banner {
  padding: 16px;
  border-radius: 8px;
  background: #181a1c;
  margin-top: 24px;
  font-size: 14px;
  text-align: left;
  color: #CECECF;
  cursor: pointer;
  display: flex;
  gap: 4px;
  align-items: center;
}
.dsr-guide-banner > svg {
  flex-shrink: 0;
}
.dsr-guide-banner:hover {
  color: #5fc693;
}
.dsr-guide-banner:hover > svg path {
  fill: #5fc693;
  fill-opacity: 1;
}
@media screen and (max-width: 767px) {
  .dsr-guide-banner {
    margin-top: 16px;
    padding: 16px;
    align-items: flex-start;
  }
}
.handle-table-a {
  cursor: pointer;
  color: #fff;
}
.handle-table-a.with-scan {
  display: flex;
  align-items: center;
}
.handle-table-a.with-scan.end {
  justify-content: end;
}
.handle-table-a.normal-a {
  color: unset;
}
.handle-table-a svg {
  margin-left: 8px;
}
.handle-table-a svg path {
  fill: rgba(255, 255, 255, 0.6);
}
.handle-table-a:hover {
  color: #5fc693;
  text-decoration: underline;
}
.handle-table-a:hover svg path {
  fill: #5fc693;
}

.dsr-root {
  background-image: url("data:image/svg+xml,%3csvg%20width='1920'%20height='1800'%20viewBox='0%200%201920%201800'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_13474_36567)'%3e%3cg%20opacity='0.2'%20filter='url(%23filter0_f_13474_36567)'%3e%3cpath%20d='M775.279%20-331.327C882.283%20-208.233%201289.51%20-308.778%20838.552%20112.157C304.244%20586.827%20343.483%20324.221%20236.48%20201.127C129.476%2078.0334%20134.893%20-203.38%20379.454%20-415.974C706.755%20-700.492%20668.276%20-454.421%20775.279%20-331.327Z'%20fill='url(%23paint0_linear_13474_36567)'/%3e%3c/g%3e%3cg%20opacity='0.2'%20filter='url(%23filter1_f_13474_36567)'%3e%3cpath%20d='M-202.349%20591.67C-202.349%20754.822%20-401.007%20946.165%20-72.9264%20968C99.5203%20968%20199.946%20803.201%20199.946%20640.049C199.946%20476.897%2099.5203%20268%20-72.9264%20268C-303.714%20268%20-202.349%20428.518%20-202.349%20591.67Z'%20fill='url(%23paint1_linear_13474_36567)'/%3e%3c/g%3e%3cg%20opacity='0.1'%20filter='url(%23filter2_f_13474_36567)'%3e%3cpath%20d='M-129.293%20602.915C-129.293%20696.383%20-243.252%20806.002%20-55.0509%20818.511C43.872%20818.511%20101.481%20724.099%20101.481%20630.631C101.481%20537.163%2043.872%20417.488%20-55.0509%20417.488C-187.441%20417.488%20-129.293%20509.447%20-129.293%20602.915Z'%20fill='url(%23paint2_linear_13474_36567)'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_13474_36567'%20x='-169.9'%20y='-887.863'%20width='1556.34'%20height='1613.1'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='170'%20result='effect1_foregroundBlur_13474_36567'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_13474_36567'%20x='-566.294'%20y='-36.3478'%20width='1070.59'%20height='1308.7'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='152.174'%20result='effect1_foregroundBlur_13474_36567'/%3e%3c/filter%3e%3cfilter%20id='filter2_f_13474_36567'%20x='-467.829'%20y='113.14'%20width='873.657'%20height='1009.72'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='152.174'%20result='effect1_foregroundBlur_13474_36567'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_13474_36567'%20x1='310.064'%20y1='-355.654'%20x2='769.325'%20y2='172.665'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2316FFE4'/%3e%3cstop%20offset='1'%20stop-color='%23009D68'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_13474_36567'%20x1='-31'%20y1='268'%20x2='-31'%20y2='968'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2342FFD2'/%3e%3cstop%20offset='1'%20stop-color='%23426BFF'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_13474_36567'%20x1='-31.0001'%20y1='417.488'%20x2='-31.0001'%20y2='818.511'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234EFF42'/%3e%3cstop%20offset='1'%20stop-color='%2342FFE9'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_13474_36567'%3e%3crect%20width='1920'%20height='1800'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: cover;
  background-repeat: no-repeat;
  min-height: calc(100vh - 60px);
  background-attachment: fixed;
}
@media screen and (max-width: 767px) {
  .dsr-root {
    padding-top: 64px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .dsr-root {
    padding-top: 80px;
  }
}
@media screen and (min-width: 1472px) {
  .dsr-root {
    padding-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  .dsr-root {
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .dsr-root {
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 1472px) {
  .dsr-root {
    padding-bottom: 48px;
  }
}
.dsr-root .content-box {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .dsr-root .content-box {
    width: 1200px;
  }
}
@media screen and (min-width: 1472px) {
  .dsr-root .content-box {
    width: 1440px;
  }
}
@media screen and (max-width: 767px) {
  .dsr-root .content-box {
    width: unset;
    padding: 0 20px;
  }
}
.dsr-root .content-box .t-dsr-header {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dsr-root .content-box .t-dsr-header h1 {
  color: #fff;
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.dsr-root .content-box .t-dsr-header .t-dsr-header-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dsr-root .content-box .t-dsr-header .t-link {
  padding: 7px 8px;
  border: 1px solid var(--Dark-Neutral-border_02, rgba(255, 255, 255, 0.15));
}
.dsr-root .content-box .t-dsr-header .t-contract-link {
  padding: 8px;
}
.dsr-root .content-box .t-dsr-header .t-link,
.dsr-root .content-box .t-dsr-header .t-contract-link {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: #232426;
  color: #fff;
}
.dsr-root .content-box .t-dsr-header .t-link:hover,
.dsr-root .content-box .t-dsr-header .t-contract-link:hover {
  color: #81deb0;
}
.dsr-root .content-box .t-dsr-header .t-link:hover svg path,
.dsr-root .content-box .t-dsr-header .t-contract-link:hover svg path {
  fill: #81deb0;
  fill-opacity: 1;
}
.dsr-root .content-box .t-dsr-header .t-contract-link {
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 8px 16px;
}
.dsr-root .content-box .t-dsr-header .t-contract-link > span {
  color: #9E9E9F;
}
.dsr-root .content-box .t-dsr-header .t-contract-link .icon {
  width: 16px;
  height: 16px;
}
.dsr-root .content-box .t-dsr-top {
  display: flex;
  align-items: stretch;
  gap: 24px;
  margin-top: 24px;
}
.dsr-root .content-box .dsr-info-root {
  flex: auto;
  border-radius: 24px;
  background-size: cover;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  border: 1px solid rgba(33, 108, 88, 0.15);
  position: relative;
}
.dsr-root .content-box .dsr-info-root .dsr-info-guide {
  color: #9E9E9F;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.08);
  display: inline-block;
  padding: 4px 12px;
  position: absolute;
  right: 24px;
  top: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}
.dsr-root .content-box .dsr-info-root .dsr-info-guide:hover {
  border: 1px solid #5fc693;
  color: #5fc693;
}
.dsr-root .content-box .dsr-info-root .dsr-info-guide:hover svg path {
  fill: #5fc693;
  fill-opacity: 1;
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .dsr-root .content-box .dsr-info-root {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/bg_pc-C-eBfn2L.svg");
  }
}
@media screen and (min-width: 1472px) {
  .dsr-root .content-box .dsr-info-root {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/bg_desktop-BtYlvHQQ.svg");
  }
}
@media screen and (max-width: 767px) {
  .dsr-root .content-box .dsr-info-root {
    border: none;
  }
}
.dsr-root .content-box .dsr-info-root .dsr-info {
  padding: 40px;
}
.dsr-root .content-box .dsr-info-root .dsr-info h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  line-height: 140%;
  max-width: 550px;
}
.dsr-root .content-box .dsr-info-root .dsr-info h2.small {
  font-size: 34px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.dsr-root .content-box .dsr-info-root .dsr-info h2 .apy {
  color: #5fc693;
}
.dsr-root .content-box .dsr-info-root .dsr-info h2 .explain-icon {
  font-size: 20px;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-value-section-container {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  margin-top: 16px;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-value-section-container.connected {
  margin-top: 16px;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-value-section-container .t-value-section,
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-value-section {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  gap: 4px;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.1);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-value-section-container .t-value-section.apy,
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-value-section.apy {
  background-color: #216c58;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-value-section-container .t-value-section .value-title,
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-value-section .value-title {
  color: var(--Dark-Neutral-text_03, #9E9E9F);
  display: flex;
  gap: 4px;
  align-items: center;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-value-section-container .t-value-section .value-value,
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-value-section .value-value {
  color: var(--Dark-Neutral-text_01, #fff);
  font-weight: 600;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-value-section-container .t-value-section.normal,
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-value-section.normal {
  padding: 0;
  background: unset;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-value-section-container .t-value-section.normal .value-title,
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-value-section.normal .value-title {
  line-height: 28px;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-value-section-container .t-value-section .susdd-icon,
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-value-section .susdd-icon {
  width: 24px;
  height: 24px;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container {
  margin-top: 76px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-usdd-value {
  color: #5fc693;
  font-weight: 600;
  display: flex;
  align-items: flex-end;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-usdd-value .t-usdd-value-mark {
  height: 42px;
  display: flex;
  align-items: center;
  margin-right: 2px;
  transform: translateY(-12px);
}
@media screen and (max-width: 767px) {
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-usdd-value .t-usdd-value-mark {
    height: 15px;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-usdd-value .t-usdd-value-mark svg {
    height: 12px;
    width: 12px;
  }
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-usdd-value .t-usdd-value-animated {
  display: inline-flex;
  align-items: baseline;
  font-variant-numeric: tabular-nums;
  /* 100.8px */
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-usdd-value .t-usdd-value-animated .integer {
  font-size: 72px;
  line-height: 140%;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-usdd-value .t-usdd-value-animated .integer.bigger {
  font-size: 64px;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-usdd-value .t-usdd-value-animated .decimal {
  font-size: 32px;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .usdd-icon-l,
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .usdd-icon,
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .usdd-icon-s {
  margin-left: 4px;
  background-color: rgba(255, 255, 255, 0.08);
  padding: 8px;
  border-radius: 50%;
  transform: translateY(-10px);
  height: 40px;
  width: 40px;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .usdd-icon-l {
  height: 56px;
  width: 56px;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .usdd-icon-s {
  padding: 4px;
  height: 32px;
  width: 32px;
  margin-left: 0;
  transform: translateY(0);
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-usdd-tip {
  display: flex;
  gap: 4px;
  color: #9E9E9F;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  padding: 8px;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-usdd-tip svg {
  flex-shrink: 0;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-to-sudd {
  margin-top: 56px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-to-sudd .usdd-icon,
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-to-sudd .sudd-icon {
  width: 40px;
  height: 40px;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-to-sudd .arrow {
  width: 16px;
  height: 16px;
}
.dsr-root .content-box .dsr-info-root .dsr-info .t-description {
  color: var(--Dark-Neutral-text_03, #9E9E9F);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-top: 16px;
  max-width: 550px;
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .dsr-root .content-box .dsr-info-root .dsr-info .t-description {
    max-width: 466px;
  }
}
.dsr-root .content-box .dsr-transaction-table.expand-table .expand-table-line .expand-table-title {
  color: #9E9E9F;
}
.dsr-root .content-box .dsr-transaction-table.expand-table .expand-table-line .container {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 14px;
}
.dsr-root .content-box .dsr-transaction-table.expand-table .expand-table-line .container.type {
  flex-direction: row-reverse;
}
.dsr-root .content-box .dsr-transaction-table.expand-table .expand-table-line .container .value {
  color: #CECECF;
}
.dsr-root .content-box .dsr-transaction-table.expand-table .expand-table-line .container .icon {
  padding: 5px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.08);
}
.dsr-root .content-box .dsr-transaction-table.expand-table .expand-table-line .container .arrow {
  width: 16px;
  height: 16px;
}
.dsr-root .content-box .dsr-transaction-table.table-container .table-row {
  padding: 20px 0;
  border-radius: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-block: 0;
}
.dsr-root .content-box .dsr-transaction-table.table-container .table-row:hover:not(:first-child) {
  background: #232426;
}
.dsr-root .content-box .dsr-transaction-table.table-container .table-row.table-header {
  border-start-start-radius: 8px;
  border-start-end-radius: 8px;
}
.dsr-root .content-box .dsr-transaction-table.table-container .table-row:nth-child(1) {
  padding: 14px 0;
}
.dsr-root .content-box .dsr-transaction-table.table-container .table-cell {
  font-size: 14px;
  margin: 0;
  font-weight: 400;
  padding: 0;
  color: #9E9E9F;
}
.dsr-root .content-box .dsr-transaction-table.table-container .table-cell:nth-child(1) {
  padding-left: 40px;
  width: 300px;
}
.dsr-root .content-box .dsr-transaction-table.table-container .table-cell:nth-child(2) {
  width: 150px;
}
.dsr-root .content-box .dsr-transaction-table.table-container .table-cell:nth-child(3) {
  width: 200px;
  text-align: right;
}
.dsr-root .content-box .dsr-transaction-table.table-container .table-cell:nth-child(4) {
  width: calc(100% - 300px - 200px - 150px - 300px - 10px);
  text-align: right;
}
.dsr-root .content-box .dsr-transaction-table.table-container .table-cell:nth-child(5) {
  width: 300px;
  padding-right: 40px;
  text-align: right;
}
.dsr-root .content-box .dsr-transaction-table.table-container .table-cell .container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  font-weight: 600;
  font-size: 14px;
}
.dsr-root .content-box .dsr-transaction-table.table-container .table-cell .container.type {
  justify-content: flex-start;
}
.dsr-root .content-box .dsr-transaction-table.table-container .table-cell .container .value {
  color: #CECECF;
}
.dsr-root .content-box .dsr-transaction-table.table-container .table-cell .container .icon {
  padding: 5px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.08);
}
.dsr-root .content-box .dsr-transaction-table.table-container .table-cell .container .arrow {
  width: 16px;
  height: 16px;
}
.dsr-root .content-box .flex-1 {
  flex: 1;
}
.dsr-root .content-box .exchange-root {
  box-sizing: border-box;
  border-radius: 24px;
  padding: 32px 24px;
  background: #232426;
  display: flex;
  width: 488px;
}
.dsr-root .content-box .exchange {
  width: 100%;
}
.dsr-root .content-box .exchange .custom-tabs.ant-tabs-top > .ant-tabs-nav::before {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.dsr-root .content-box .exchange .custom-tabs.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar {
  height: 1px;
}
.dsr-root .content-box .exchange .custom-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
  width: 100%;
}
.dsr-root .content-box .exchange .custom-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
  font-family: Inter;
  font-weight: 600;
  line-height: 140%;
  width: 50%;
}
.dsr-root .content-box .exchange .custom-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-btn {
  text-align: center;
  width: 100%;
  font-size: 16px;
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .dsr-root .content-box .exchange .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    font-size: 20px !important;
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 1472px) {
  .dsr-root .content-box .exchange .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    font-size: 20px !important;
    font-weight: 700 !important;
  }
}
.dsr-root .content-box .exchange .dsr-input {
  margin-top: 12px;
  height: 64px;
  padding: 0 16px 0 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  outline: none;
  display: flex;
  align-items: center;
  color: white;
  box-shadow: none;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: #181a1c !important;
  gap: 12px;
}
.dsr-root .content-box .exchange .dsr-input .ant-input {
  font-weight: 700;
}
.dsr-root .content-box .exchange .dsr-input .ant-input::placeholder {
  color: #6D6D6E;
  font-family: Inter;
  font-style: normal;
  line-height: 140%;
  font-weight: 400;
}
.dsr-root .content-box .exchange .dsr-input .max-btn.isMax-false:hover {
  border: 1px solid #5fc693 !important;
  color: #81deb0 !important;
}
.dsr-root .content-box .exchange .dsr-input .max-btn.isMax-true {
  font-size: 14px;
  border-radius: 16px;
  border: 1px solid transparent;
  background: rgba(255, 255, 255, 0.15);
  color: #6D6D6E;
  cursor: not-allowed;
}
.dsr-root .content-box .exchange .dsr-input .max-btn.isMax-true:hover {
  color: #6D6D6E !important;
  border: 1px solid transparent !important;
  background: rgba(255, 255, 255, 0.15) !important;
}
.dsr-root .content-box .exchange .dsr-input .max-btn:disabled {
  border: none !important;
}
.dsr-root .content-box .exchange .dsr-input:focus {
  caret-color: #81deb0;
}
.dsr-root .content-box .exchange .dsr-input.ant-input-affix-wrapper-focused {
  border-color: #216c58;
}
.dsr-root .content-box .exchange .dsr-input .suffix-input {
  display: flex;
  align-items: center;
  gap: 12px;
}
.dsr-root .content-box .exchange .dsr-input .suffix-input span {
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 22.4px */
}
@media screen and (max-width: 767px) {
  .dsr-root .content-box .exchange .dsr-input {
    height: 48px;
    font-size: 16px;
    border-radius: 8px;
    padding: 0 12px 0 0;
    gap: 12px;
    margin-top: 8px;
  }
}
.dsr-root .content-box .exchange .inner-box-bottom {
  margin-top: 32px;
}
.dsr-root .content-box .exchange .inner-box-bottom .inner-box-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.dsr-root .content-box .exchange .inner-box-bottom .inner-box-title h4 {
  font-size: 16px;
  color: #CECECF;
  font-weight: 600;
}
.dsr-root .content-box .exchange .inner-box-bottom .inner-box-title h6 {
  color: #9E9E9F;
  font-weight: 600;
  display: flex;
  gap: 8px;
  align-items: center;
}
.dsr-root .content-box .exchange .inner-box-bottom .tips-box {
  display: flex;
  padding: 16px;
  flex-direction: column;
  gap: 8px;
  border-radius: 8px;
  margin-block: 16px;
  border-radius: 8px;
  background: #181a1c;
}
.dsr-root .content-box .exchange .inner-box-bottom .tips-box li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  gap: 15px;
}
.dsr-root .content-box .exchange .inner-box-bottom .tips-box li h6 {
  color: #9E9E9F;
  font-weight: 400;
}
.dsr-root .content-box .exchange .inner-box-bottom .tips-box li h6 .tips-tag {
  border-radius: 12px;
  background: rgba(95, 198, 147, 0.16);
  color: #5fc693;
  font-size: 12px;
  font-weight: 600;
  line-height: 140%;
  /* 16.8px */
  padding: 3px 8px;
  margin-left: 8px;
}
.dsr-root .content-box .exchange .inner-box-bottom .tips-box li .tip-box-value {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  color: #CECECF;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  flex: 1;
  /* 隐藏滚动条：Chrome / Safari / Edge */
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}
.dsr-root .content-box .exchange .inner-box-bottom .tips-box li .tip-box-value::-webkit-scrollbar {
  display: none;
  /* Chrome/Safari/WebKit */
}
.dsr-root .content-box .exchange .inner-box-bottom .tips-box li .tip-box-value .with-color {
  color: #CECECF;
  font-weight: 600;
  text-align: right;
  user-select: text;
  width: 100%;
}
.dsr-root .content-box .exchange .inner-box-bottom .tips-box li .tip-box-value .with-color.flex {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.dsr-root .content-box .exchange .inner-box-bottom .tips-box li .tip-box-value .with-color svg {
  height: 10px;
  width: 10px;
  margin-right: 5px;
}
.dsr-root .content-box .exchange .inner-box-bottom .tips-box li .tip-box-value .with-color svg path {
  fill: rgba(255, 255, 255, 0.8);
}
.dsr-root .content-box .exchange .error-info {
  display: flex;
  width: 100%;
  padding: 16px;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: rgba(255, 143, 11, 0.1);
  font-size: 14px;
  line-height: 140%;
  margin-top: 16px;
}
.dsr-root .content-box .exchange .error-info img {
  width: 20px;
}
.dsr-root .content-box .exchange .error-info h6 {
  color: #9E9E9F;
}
@media screen and (max-width: 767px) {
  .dsr-root .content-box .exchange .error-info {
    margin-bottom: 24px;
  }
}
.dsr-root .content-box .exchange .l-size {
  font-size: 16px;
  font-weight: 600;
  height: 48px;
  width: 100%;
  margin-top: 50px;
}

.dsr-tip {
  height: 80px;
  padding-right: 40px;
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/pendle_tip-BErfmI1b.png");
  width: 1440px;
  margin: 0 auto;
  margin-top: 24px;
  margin-bottom: 48px;
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 12px;
  position: relative;
  cursor: pointer;
}
.dsr-tip a {
  font-size: 14px;
  font-weight: 700;
  background: rgba(24, 26, 28, 0.2);
  backdrop-filter: blur(2px);
  display: inline-flex;
  padding: 8px 16px;
  border-radius: 180px;
  align-items: center;
  gap: 6px;
  border: 1px solid #c8d45a;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 280px;
  transform: translateY(-50%);
}
.dsr-tip a:hover {
  border: 1px solid #92feb5;
}
.dsr-tip a i {
  font-style: normal;
  background: linear-gradient(90deg, #cced6d 0%, #92feb5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (min-width: 767px) and (max-width: 1472px) {
  .dsr-root .content-box .exchange-root {
    width: 432px;
  }
  .dsr-tip {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/pendle_tip-BErfmI1b.png");
    width: 100%;
    background-position-x: left -100px;
    background-position-y: center;
  }
  .dsr-tip a {
    right: 125px;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container {
    margin-top: 88px;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-usdd-value .t-usdd-value-mark {
    transform: translateY(-10px);
  }
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .usdd-icon-l {
    transform: translateY(-8px);
  }
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-usdd-value .t-usdd-value-animated .integer {
    font-size: 64px;
    line-height: 89px;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-usdd-value .t-usdd-value-animated .integer.bigger {
    font-size: 54px;
  }
  .dsr-root .content-box .dsr-transaction-table.table-container .table-cell:nth-child(1) {
    width: 280px;
  }
  .dsr-root .content-box .dsr-transaction-table.table-container .table-cell:nth-child(2) {
    width: 150px;
  }
  .dsr-root .content-box .dsr-transaction-table.table-container .table-cell:nth-child(3) {
    width: 130px;
  }
  .dsr-root .content-box .dsr-transaction-table.table-container .table-cell:nth-child(4) {
    width: calc(100% - 280px - 280px - 150px - 130px - 10px);
  }
  .dsr-root .content-box .dsr-transaction-table.table-container .table-cell:nth-child(5) {
    width: 280px;
  }
}
@media screen and (max-width: 767px) {
  .dsr-root {
    background-image: url("data:image/svg+xml,%3csvg%20width='390'%20height='844'%20viewBox='0%200%20390%20844'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_13474_36574)'%3e%3cg%20opacity='0.2'%20filter='url(%23filter0_f_13474_36574)'%3e%3cpath%20d='M366.906%20-114.399C431.444%20-40.1571%20677.058%20-100.799%20405.068%20153.082C82.8073%20439.373%20106.474%20280.986%2041.9364%20206.743C-22.6016%20132.501%20-19.3344%20-37.2299%20128.17%20-165.453C325.576%20-337.056%20302.368%20-188.642%20366.906%20-114.399Z'%20fill='url(%23paint0_linear_13474_36574)'/%3e%3c/g%3e%3cg%20opacity='0.2'%20filter='url(%23filter1_f_13474_36574)'%3e%3cpath%20d='M-135.714%20376.34C-135.714%20464.723%20-243.333%20568.379%20-65.6032%20580.207C27.8155%20580.207%2082.2188%20490.932%2082.2188%20402.548C82.2188%20314.165%2027.8155%20201%20-65.6032%20201C-190.627%20201%20-135.714%20287.956%20-135.714%20376.34Z'%20fill='url(%23paint1_linear_13474_36574)'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_13474_36574'%20x='-338.1'%20y='-585'%20width='1208.56'%20height='1242.79'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='170'%20result='effect1_foregroundBlur_13474_36574'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_13474_36574'%20x='-332.873'%20y='36.1272'%20width='579.964'%20height='708.953'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='82.4364'%20result='effect1_foregroundBlur_13474_36574'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_13474_36574'%20x1='86.3179'%20y1='-129.072'%20x2='363.315'%20y2='189.576'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2316FFE4'/%3e%3cstop%20offset='1'%20stop-color='%23009D68'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_13474_36574'%20x1='-42.8906'%20y1='201'%20x2='-42.8906'%20y2='580.207'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234EFF42'/%3e%3cstop%20offset='1'%20stop-color='%234255FF'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_13474_36574'%3e%3crect%20width='390'%20height='844'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    background-position-x: unset;
    background-position-y: unset;
  }
  .dsr-root .content-box .t-dsr-header {
    margin-top: 24px;
    flex-direction: column;
    align-items: flex-start;
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/header-bg-phone-DJuH2OyY.svg");
    background-repeat: no-repeat;
    padding-bottom: 24px;
    background-size: contain;
    background-position: bottom right;
  }
  .dsr-root .content-box .t-dsr-header h1 {
    font-size: 32px;
    margin-bottom: 16px;
  }
  .dsr-root .content-box .t-dsr-header .t-dsr-header-right {
    display: flex;
    gap: 4px;
  }
  .dsr-root .content-box .t-dsr-header .t-contract-link {
    padding: 8px;
  }
  .dsr-root .content-box .t-dsr-header .t-link,
  .dsr-root .content-box .t-dsr-header .t-contract-link {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(24px);
  }
  .dsr-root .content-box .t-dsr-top {
    flex-direction: column;
    margin-top: 0;
  }
  .dsr-root .content-box .t-total-value {
    flex-direction: column;
    background: none;
    padding: 0;
    gap: 24px;
    margin-top: 24px;
  }
  .dsr-root .content-box .t-total-value.rwa-total-value {
    margin-bottom: 50px;
  }
  .dsr-root .content-box .t-total-value.font-intro {
    padding: 12px;
  }
  .dsr-root .content-box .t-total-value .t-value-section {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.25) inset;
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    padding: 24px;
    border-radius: 16px;
  }
  .dsr-root .content-box .t-total-value .t-value-section .value-title {
    font-size: 14px;
  }
  .dsr-root .content-box .t-total-value .t-value-section .value-title span {
    padding: 4px;
  }
  .dsr-root .content-box .t-total-value .t-value-section .value-value {
    padding-top: 8px;
    font-size: 32px;
  }
  .dsr-root .content-box .t-dsr-top {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .dsr-root .content-box .t-dsr-top {
    background-size: cover;
    background-position: top left;
    background-image: url("data:image/svg+xml,%3csvg%20width='350'%20height='733'%20viewBox='0%200%20350%20733'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_13474_36440)'%3e%3crect%20width='350'%20height='733'%20fill='%23181A1C'/%3e%3cg%20opacity='0.8'%20filter='url(%23filter0_f_13474_36440)'%3e%3cpath%20d='M260.524%20175.5C260.325%2083.4208%20366.296%20-94.5%20366.296%20-94.5H154.88C154.88%20-94.5%20260.325%2083.4208%20260.524%20175.5Z'%20fill='%23108B60'/%3e%3c/g%3e%3cg%20opacity='0.8'%20filter='url(%23filter1_f_13474_36440)'%3e%3cpath%20d='M262.066%2044.8066C261.987%208.33962%20303.956%20-44.0052%20303.956%20-44.0052H220.227C220.227%20-44.0052%20261.987%208.33962%20262.066%2044.8066Z'%20fill='%231B9D80'/%3e%3c/g%3e%3cg%20filter='url(%23filter2_f_13474_36440)'%3e%3cpath%20d='M90.5241%20225.5C90.5%2083%20196.296%20-44.5001%20196.296%20-44.5001H-15.1201C-15.1201%20-44.5001%2090.5%2083%2090.5241%20225.5Z'%20fill='%23108B60'/%3e%3c/g%3e%3cg%20filter='url(%23filter3_f_13474_36440)'%3e%3cpath%20d='M92.0659%2094.8066C91.9872%2058.3396%20133.956%20-14.0052%20133.956%20-14.0052H50.2266C50.2266%20-14.0052%2091.9872%2058.3396%2092.0659%2094.8066Z'%20fill='%231B9D80'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_13474_36440'%20x='54.8799'%20y='-194.5'%20width='411.417'%20height='470'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='50'%20result='effect1_foregroundBlur_13474_36440'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_13474_36440'%20x='180.227'%20y='-84.0049'%20width='163.729'%20height='168.812'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='20'%20result='effect1_foregroundBlur_13474_36440'/%3e%3c/filter%3e%3cfilter%20id='filter2_f_13474_36440'%20x='-103.12'%20y='-132.5'%20width='387.417'%20height='446'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='44'%20result='effect1_foregroundBlur_13474_36440'/%3e%3c/filter%3e%3cfilter%20id='filter3_f_13474_36440'%20x='10.2266'%20y='-54.0049'%20width='163.729'%20height='188.812'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='20'%20result='effect1_foregroundBlur_13474_36440'/%3e%3c/filter%3e%3cclipPath%20id='clip0_13474_36440'%3e%3crect%20width='350'%20height='733'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    border-radius: 16px;
    gap: 0;
  }
}
@media screen and (max-width: 767px) {
  .dsr-root .content-box .dsr-info-root .dsr-info {
    padding: 24px 16px;
    border: unset;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info h2 {
    font-size: 24px;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info h2.small {
    font-size: 24px;
    max-width: 220px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info .t-value-section-container .t-value-section,
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-value-section {
    font-size: 14px;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info .t-value-section-container .t-value-section .susdd-icon,
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-value-section .susdd-icon {
    width: 24px;
    height: 24px;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container {
    margin-top: 24px;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-usdd-value {
    color: #5fc693;
    font-weight: 600;
    line-height: 140%;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-usdd-value .t-usdd-value-animated {
    /* 100.8px */
  }
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-usdd-value .t-usdd-value-animated .integer {
    font-size: 42px;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-usdd-value .t-usdd-value-animated .integer.bigger {
    font-size: 33px;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .t-usdd-value .t-usdd-value-animated .decimal {
    font-size: 20px;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .usdd-icon-l {
    width: 30px;
    height: 30px;
    transform: translateY(-8px);
    padding: 6px;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-sudd-value-container .usdd-icon-s {
    width: 20px;
    height: 20px;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-to-sudd {
    margin-top: 56px;
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-to-sudd .usdd-icon,
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-to-sudd .sudd-icon {
    width: 40px;
    height: 40px;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info .t-usdd-to-sudd .arrow {
    width: 16px;
    height: 16px;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info .t-description {
    color: var(--Dark-Neutral-text_03, #9E9E9F);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 16px;
    max-width: 550px;
  }
  .dsr-root .content-box .exchange-root {
    box-sizing: border-box;
    border-radius: 16px;
    padding: 16px 16px 24px 16px;
    width: 100%;
  }
  .dsr-root .content-box .exchange-root .exchange .custom-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
    font-size: 16px;
  }
  .dsr-root .content-box .exchange-root .exchange .inner-box-bottom {
    margin-top: 24px;
  }
  .dsr-root .content-box .exchange-root .exchange .inner-box-bottom .inner-box-title {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .dsr-root .content-box .exchange-root .exchange .inner-box-bottom .inner-box-title h4 {
    font-size: 14px;
  }
  .dsr-root .content-box .exchange-root .exchange .inner-box-bottom .inner-box-title h6 {
    gap: 4px;
    color: #9E9E9F;
  }
  .dsr-root .content-box .exchange-root .exchange .inner-box-bottom .inner-box-title h6 span {
    font-weight: 400;
  }
  .dsr-root .content-box .exchange-root .exchange .error-info {
    margin-bottom: 0;
  }
  .dsr-root .content-box .exchange-root .exchange .l-size {
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    padding: 0;
    width: 100%;
    margin-top: 24px;
  }
  .dsr-tip {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/pendle_tip_m-D0e0tjUC.png");
    width: 100%;
    height: auto;
    aspect-ratio: 1050/300;
    transform: translateY(0);
    margin-top: 16px;
    margin-bottom: 16px;
    background-size: 100% auto;
    background-position: center;
  }
  .dsr-tip a {
    padding: 4px 8px;
    top: unset;
    bottom: -3px;
    left: 24px;
    width: fit-content;
    font-size: 12px;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info h2 .explain-icon, .dsr-root .content-box .dsr-info-root .dsr-info h2.center .explain-icon {
    transform: translateY(2px);
  }
  .dsr-root .content-box .dsr-info-root .dsr-info-guide {
    top: -110px;
    right: 0;
    padding: 8px;
    border-radius: 8px;
  }
  .dsr-root .content-box .dsr-info-root .dsr-info-guide svg {
    width: 16px;
    height: 16px;
  }
}.e-root {
  background-image: url("data:image/svg+xml,%3csvg%20width='1920'%20height='1800'%20viewBox='0%200%201920%201800'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_6041_51435)'%3e%3cg%20opacity='0.2'%20filter='url(%23filter0_f_6041_51435)'%3e%3cpath%20d='M775.279%20-331.327C882.283%20-208.233%201289.51%20-308.778%20838.552%20112.157C304.244%20586.827%20343.483%20324.221%20236.48%20201.127C129.476%2078.0334%20134.893%20-203.38%20379.454%20-415.974C706.755%20-700.492%20668.276%20-454.421%20775.279%20-331.327Z'%20fill='url(%23paint0_linear_6041_51435)'/%3e%3c/g%3e%3cg%20opacity='0.2'%20filter='url(%23filter1_f_6041_51435)'%3e%3cpath%20d='M-222.421%20588.585C-222.421%20770.849%20-444.351%20984.607%20-77.8378%201009C114.81%201009%20227%20824.896%20227%20642.632C227%20460.368%20114.81%20227%20-77.8378%20227C-335.661%20227%20-222.421%20406.321%20-222.421%20588.585Z'%20fill='url(%23paint1_linear_6041_51435)'/%3e%3c/g%3e%3cg%20opacity='0.1'%20filter='url(%23filter2_f_6041_51435)'%3e%3cpath%20d='M-140.807%20601.149C-140.807%20705.566%20-268.116%20828.026%20-57.8682%20842C52.6428%20842%20117%20736.529%20117%20632.111C117%20527.694%2052.6428%20394%20-57.8682%20394C-205.767%20394%20-140.807%20496.731%20-140.807%20601.149Z'%20fill='url(%23paint2_linear_6041_51435)'/%3e%3c/g%3e%3cg%20opacity='0.08'%20filter='url(%23filter3_f_6041_51435)'%3e%3cpath%20d='M945%20559.5L-44%20247.5V571.824V790.5L945%20559.5Z'%20fill='url(%23paint3_linear_6041_51435)'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_6041_51435'%20x='-169.9'%20y='-887.864'%20width='1556.34'%20height='1613.1'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='170'%20result='effect1_foregroundBlur_6041_51435'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_6041_51435'%20x='-629'%20y='-113'%20width='1196'%20height='1462'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='170'%20result='effect1_foregroundBlur_6041_51435'/%3e%3c/filter%3e%3cfilter%20id='filter2_f_6041_51435'%20x='-519'%20y='54'%20width='976'%20height='1128'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='170'%20result='effect1_foregroundBlur_6041_51435'/%3e%3c/filter%3e%3cfilter%20id='filter3_f_6041_51435'%20x='-64'%20y='227.5'%20width='1029'%20height='583'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='10'%20result='effect1_foregroundBlur_6041_51435'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_6041_51435'%20x1='310.064'%20y1='-355.654'%20x2='769.325'%20y2='172.665'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2316FFE4'/%3e%3cstop%20offset='1'%20stop-color='%23009D68'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_6041_51435'%20x1='-31'%20y1='227'%20x2='-31'%20y2='1009'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2342FFD2'/%3e%3cstop%20offset='1'%20stop-color='%23426BFF'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_6041_51435'%20x1='-31'%20y1='394'%20x2='-31'%20y2='842'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2342FFD2'/%3e%3cstop%20offset='1'%20stop-color='%2342FFE9'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint3_linear_6041_51435'%20x1='70'%20y1='657.5'%20x2='-66.5'%20y2='234.5'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%230C0C0E'%20stop-opacity='0'/%3e%3cstop%20offset='0.328559'%20stop-color='%23258FB5'/%3e%3cstop%20offset='0.5041'%20stop-color='%2327C0C0'/%3e%3cstop%20offset='0.603'%20stop-color='%2337C2B6'/%3e%3cstop%20offset='0.7959'%20stop-color='%2356C7C1'/%3e%3cstop%20offset='0.9956'%20stop-color='%234EC4CC'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_6041_51435'%3e%3crect%20width='1920'%20height='1800'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
  background-position: 0 0;
  position: relative;
}
.e-root::after {
  content: " ";
  display: block;
  width: 100%;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/banner-BTr_UTQa.svg");
  background-repeat: no-repeat;
  background-size: 1850px;
  background-position-x: -240px;
  background-position-y: 0;
  z-index: -1;
}
.e-root .e-container {
  min-width: 1200px;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  color: #9E9E9F;
  box-sizing: border-box;
  padding-bottom: 120px;
}
.e-root .e-banner {
  position: relative;
  padding: 160px 0 0 24px;
}
.e-root .e-banner-logo-png {
  position: absolute;
  right: -100px;
  z-index: -1;
  top: 35px;
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/banner-BTr_UTQa.svg");
  background-repeat: no-repeat;
  background-size: 1850px;
  background-position-x: -240px;
  background-position-y: -40px;
  width: 1500px;
  height: 600px;
}
.e-root .e-banner-pc-logo {
  display: block;
}
.e-root .e-banner-mobile-logo {
  display: none;
}
.e-root .e-banner-font {
  position: absolute;
  left: 160px;
  top: 0;
}
.e-root .e-banner-title {
  line-height: 64px;
  padding-bottom: 40px;
}
.e-root .e-banner-title p {
  font-size: 48px;
  font-weight: 700;
  color: #fff;
}
.e-root .e-banner-title-highlight {
  font-family: inter;
  font-weight: 800;
  line-height: 140%;
  padding-right: 50px;
}
.e-root .e-banner-title-highlight span:first-child {
  background: linear-gradient(270deg, #87f1bd 61.47%, #f3ee9f 102.26%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.e-root .e-banner-title-highlight span:last-child {
  color: #fff;
  background: unset;
}
.e-root .e-banner-title-pool {
  display: flex;
}
.e-root .e-banner-title-apy-size {
  font-family: inter;
  font-size: 36px;
  font-style: italic;
  font-weight: 800;
  line-height: normal;
  color: #CECECF;
}
.e-root .e-content {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1440'%20height='491'%20viewBox='0%200%201440%20491'%20fill='none'%3e%3cpath%20d='M0.5%2060C0.5%2027.1391%2027.1391%200.5%2060%200.5H1380C1412.86%200.5%201439.5%2027.1391%201439.5%2060V431C1439.5%20463.861%201412.86%20490.5%201380%20490.5H60C27.1391%20490.5%200.5%20463.861%200.5%20431V60Z'%20fill='url(%23paint0_linear_5430_8564)'%20stroke='url(%23paint1_linear_5430_8564)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_5430_8564'%20x1='720'%20y1='0'%20x2='720'%20y2='256.816'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23011F1E'%20stop-opacity='0.5'/%3e%3cstop%20offset='1'%20stop-color='%23011F1E'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_5430_8564'%20x1='720'%20y1='0'%20x2='720'%20y2='491'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2326AD86'%20stop-opacity='0.3'/%3e%3cstop%20offset='1'%20stop-color='%2326AD86'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
  padding: 12px 24px 0 24px;
  margin-top: 60px;
}
.e-root .e-content.e-explanation-content-container {
  background-image: url("data:image/svg+xml,%3csvg%20width='1440'%20height='1548'%20viewBox='0%200%201440%201548'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.5%2060C0.5%2027.1391%2027.1391%200.5%2060%200.5H679.919C697.28%200.5%20712.331%2012.5142%20716.179%2029.4441C724.03%2063.987%20754.739%2088.5%20790.163%2088.5H1430C1435.25%2088.5%201439.5%2092.7533%201439.5%2098V1488C1439.5%201520.86%201412.86%201547.5%201380%201547.5H60C27.1391%201547.5%200.5%201520.86%200.5%201488V60Z'%20fill='url(%23paint0_linear_8261_19297)'%20stroke='url(%23paint1_linear_8261_19297)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1440%2098V80C1440%2046.8629%201413.14%2020%201380%2020H713.201C714.737%2022.8907%20715.914%2026.019%20716.667%2029.3333C724.466%2063.6486%20754.973%2088%20790.163%2088H1430C1435.52%2088%201440%2092.4771%201440%2098Z'%20fill='%23011F1E'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_8261_19297'%20x1='720'%20y1='0'%20x2='720'%20y2='1548'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23011F1E'%20stop-opacity='0.5'/%3e%3cstop%20offset='1'%20stop-color='%23011F1E'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_8261_19297'%20x1='720'%20y1='0'%20x2='720'%20y2='1548'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2326AD86'%20stop-opacity='0.3'/%3e%3cstop%20offset='1'%20stop-color='%2326AD86'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}
.e-root .e-content.e-explanation-content-container.active-left-false {
  background-image: url("data:image/svg+xml,%3csvg%20width='1440'%20height='1548'%20viewBox='0%200%201440%201548'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='scale(-1,1)%20translate(-1440,0)'%3e%3cpath%20d='M0.5%2060C0.5%2027.1391%2027.1391%200.5%2060%200.5H679.919C697.28%200.5%20712.331%2012.5142%20716.179%2029.4441C724.03%2063.987%20754.739%2088.5%20790.163%2088.5H1430C1435.25%2088.5%201439.5%2092.7533%201439.5%2098V1488C1439.5%201520.86%201412.86%201547.5%201380%201547.5H60C27.1391%201547.5%200.5%201520.86%200.5%201488V60Z'%20fill='url(%23paint0_linear_8261_19297)'%20stroke='url(%23paint1_linear_8261_19297)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1440%2098V80C1440%2046.8629%201413.14%2020%201380%2020H713.201C714.737%2022.8907%20715.914%2026.019%20716.667%2029.3333C724.466%2063.6486%20754.973%2088%20790.163%2088H1430C1435.52%2088%201440%2092.4771%201440%2098Z'%20fill='%23011F1E'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_8261_19297'%20x1='720'%20y1='0'%20x2='720'%20y2='1548'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23011F1E'%20stop-opacity='0.5'/%3e%3cstop%20offset='1'%20stop-color='%23011F1E'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_8261_19297'%20x1='720'%20y1='0'%20x2='720'%20y2='1548'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2326AD86'%20stop-opacity='0.3'/%3e%3cstop%20offset='1'%20stop-color='%2326AD86'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}
.e-root .e-content.e-campaign-content-container {
  padding-top: 0;
}
.e-root .e-tab-con .ant-tabs-nav .ant-tabs-tab {
  border: none;
  flex: 1;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  padding-left: 0;
  padding-right: 0;
}
.e-root .e-tab-con .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 0;
}
.e-root .e-tab-con .ant-tabs-nav .ant-tabs-nav-list {
  width: 100%;
  position: relative;
  top: -2px;
}
.e-root .e-tab-con .ant-tabs-nav::before {
  border: none;
}
.e-root .e-tab-con .ant-tabs-nav .ant-tabs-tab-active {
  background-color: unset;
}
.e-root .e-subtitle {
  font-family: inter;
  font-size: 32px;
  font-style: italic;
  font-weight: 800;
  line-height: normal;
  color: #87f1bd;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-color: transparent;
}
.e-root .e-subtitle.e-tab-title {
  font-size: 28px;
}
.e-root .e-subtitle.subtitle-false {
  font-size: 24px;
}
.e-root .e-subtitle-star-left svg {
  font-size: inherit;
  display: inline-block;
  transform: translate(15px, -18px);
}
.e-root .e-subtitle-star-left.active-false {
  visibility: hidden;
}
.e-root .e-subtitle-star-right svg {
  font-size: inherit;
  display: inline-block;
  transform: translate(3px, 18px);
}
.e-root .e-subtitle-star-right.active-false {
  visibility: hidden;
}
.e-root .e-partner-list {
  display: flex;
  margin-top: 64px;
  flex-wrap: wrap;
  row-gap: 64px;
  column-gap: 24px;
}
.e-root .e-partner-item {
  box-sizing: border-box;
  width: calc((100% - 24px) / 2);
  height: 164px;
  border-radius: 16px;
  background: #131416;
  text-align: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='684'%20height='164'%20viewBox='0%200%20684%20164'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='684'%20height='164'%20rx='16'%20fill='%2318191B'/%3e%3crect%20opacity='0.3'%20width='684'%20height='164'%20rx='16'%20fill='url(%23paint0_radial_6041_51442)'/%3e%3cmask%20id='mask0_6041_51442'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='684'%20height='164'%3e%3crect%20width='684'%20height='164'%20rx='16'%20fill='%23131416'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_6041_51442)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20.2724%20-452.35H104.728L71.5479%20-44.2391L210.652%20-433.818L288.957%20-405.344L86.8958%20-35.5199L386.196%20-347.422L445.915%20-293.675L101.821%20-26.2207L506.25%20-213.163L539.249%20-143.195L105.801%20-10.2787L562.5%20-40.354V35.6558L109.048%205.79434L541.907%20130.986L510.27%20201.461L99.3529%2019.605L445.912%20288.976L386.193%20342.723L89.0159%2033.0332L296.735%20397.029L218.994%20426.729L71.3117%2036.6335L104.728%20447.65H20.2724L53.4514%2039.5474L-85.6506%20429.122L-163.956%20400.648L38.1075%2030.8193L-261.193%20342.722L-320.912%20288.975L23.1935%2021.5111L-381.254%20208.462L-414.253%20138.495L19.1831%205.58151L-437.5%2035.6558V-40.354L15.947%20-10.4929L-416.912%20-135.684L-385.275%20-206.159L25.6453%20-24.3023L-320.915%20-293.674L-261.196%20-347.421L35.9834%20-37.729L-171.737%20-401.726L-93.9951%20-431.425L53.689%20-41.3249L20.2724%20-452.35Z'%20fill='url(%23paint1_radial_6041_51442)'/%3e%3c/g%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial_6041_51442'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(65)%20scale(135.5%20178.908)'%3e%3cstop%20stop-color='%2378E0D9'/%3e%3cstop%20offset='1'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint1_radial_6041_51442'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(62.5001%20-2.35011)%20rotate(90)%20scale(345.594%20533.494)'%3e%3cstop%20stop-color='white'%20stop-opacity='0.03'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0;
  position: relative;
}
.e-root .e-partner-item-mobile {
  display: none;
}
.e-root .e-partner-item-pc {
  display: block;
}
.e-root .e-partner-item.e-partner-item-balance {
  background-image: url("data:image/svg+xml,%3csvg%20width='684'%20height='164'%20viewBox='0%200%20684%20164'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='684'%20height='164'%20rx='16'%20fill='%2318191B'/%3e%3crect%20opacity='0.3'%20width='684'%20height='164'%20rx='16'%20fill='url(%23paint0_radial_6041_51442)'/%3e%3cmask%20id='mask0_6041_51442'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='684'%20height='164'%3e%3crect%20width='684'%20height='164'%20rx='16'%20fill='%23131416'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_6041_51442)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20.2724%20-452.35H104.728L71.5479%20-44.2391L210.652%20-433.818L288.957%20-405.344L86.8958%20-35.5199L386.196%20-347.422L445.915%20-293.675L101.821%20-26.2207L506.25%20-213.163L539.249%20-143.195L105.801%20-10.2787L562.5%20-40.354V35.6558L109.048%205.79434L541.907%20130.986L510.27%20201.461L99.3529%2019.605L445.912%20288.976L386.193%20342.723L89.0159%2033.0332L296.735%20397.029L218.994%20426.729L71.3117%2036.6335L104.728%20447.65H20.2724L53.4514%2039.5474L-85.6506%20429.122L-163.956%20400.648L38.1075%2030.8193L-261.193%20342.722L-320.912%20288.975L23.1935%2021.5111L-381.254%20208.462L-414.253%20138.495L19.1831%205.58151L-437.5%2035.6558V-40.354L15.947%20-10.4929L-416.912%20-135.684L-385.275%20-206.159L25.6453%20-24.3023L-320.915%20-293.674L-261.196%20-347.421L35.9834%20-37.729L-171.737%20-401.726L-93.9951%20-431.425L53.689%20-41.3249L20.2724%20-452.35Z'%20fill='url(%23paint1_radial_6041_51442)'/%3e%3c/g%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial_6041_51442'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(65)%20scale(135.5%20178.908)'%3e%3cstop%20stop-color='%2378E0D9'/%3e%3cstop%20offset='1'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint1_radial_6041_51442'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(62.5001%20-2.35011)%20rotate(90)%20scale(345.594%20533.494)'%3e%3cstop%20stop-color='white'%20stop-opacity='0.03'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e");
}
.e-root .e-partner-item-info {
  margin-top: 48px;
}
.e-root .e-partner-item-avatar {
  top: -48px;
}
.e-root .e-partner-item-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 32px;
  margin-top: 62px;
  position: relative;
}
.e-root .e-partner-item-avatar {
  width: 64px;
  height: 64px;
  position: absolute;
  left: 32px;
  top: -62px;
  transform: translateY(-32px);
}
.e-root .e-partner-item-avatar svg {
  width: 100%;
  height: 100%;
}
.e-root .e-partner-item-balance-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  padding: 10px 32px;
  justify-content: space-between;
  align-items: flex-start;
  box-sizing: border-box;
  border-radius: 0px 0px 16px 16px;
  background: rgba(255, 255, 255, 0.08);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: #9E9E9F;
}
.e-root .e-partner-item-balance-info span > span {
  color: #81deb0;
}
.e-root .e-partner-item-balance-info span > svg {
  width: 13px;
  height: 13px;
  margin-left: 4px;
}
.e-root .e-partner-item-balance-info-address {
  display: flex;
  align-items: center;
}
.e-root .e-partner-item-balance-info-address svg {
  cursor: pointer;
}
.e-root .e-partner-item-balance-info-address svg:hover path {
  fill: #81deb0;
}
.e-root .e-partner-item-name {
  display: flex;
  align-items: center;
}
.e-root .e-partner-item-name svg:first-child {
  width: auto;
  height: 40px;
}
.e-root .e-partner-item-name svg:nth-child(2) {
  width: 24px;
  height: 24px;
  margin-left: 4px;
}
.e-root .e-partner-active-btn,
.e-root .e-partner-on-btn {
  width: 120px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  background: linear-gradient(270deg, #448f6a -1.41%, #5fc693 102.26%);
  border-radius: 6px;
}
.e-root .e-partner-active-btn {
  cursor: pointer;
}
.e-root .e-partner-active-btn:hover {
  background: #5fc693;
}
.e-root .e-partner-active-btn span {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.4);
  float: right;
  margin-top: 4px;
  margin-right: 4px;
  border-radius: 4px;
}
.e-root .e-partner-on-btn {
  color: #CECECF;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
.e-root .e-partner-on-btn:hover {
  background: rgba(255, 255, 255, 0.26);
}
.e-root .e-partner-item-apy {
  display: flex;
  font-size: 16px;
  align-items: baseline;
  font-style: italic;
  gap: 4px;
}
.e-root .e-partner-item-apy b {
  font-family: Inter;
  font-size: 32px;
  font-style: italic;
  font-weight: 900;
  color: #81deb0;
}
.e-root .e-partner-item-apy.sale-out-true b {
  color: #9E9E9F;
}
.e-root .e-partner-item-apy > span {
  display: flex;
  align-items: center;
  gap: 4px;
}
.e-root .e-explanation-intro {
  display: flex;
  margin-top: 32px;
  margin-bottom: 24px;
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/introLogo-DT-NAzCR.svg");
  background-size: 520px;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: bottom;
  padding-top: 0;
}
.e-root .e-explanation-intro svg {
  height: 300px;
  width: 500px;
  transform: translate(-27px);
  position: relative;
  z-index: -1;
}
.e-root .e-explanation-intro-title {
  width: 920px;
  box-sizing: border-box;
  padding: 40px;
  background-color: #17483c;
  border-radius: 16px;
  color: #CECECF;
  line-height: 140%;
}
.e-root .e-explanation-intro-title p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.e-root .e-explanation-intro-title p > a {
  text-decoration: underline;
}
.e-root .e-explanation-earn,
.e-root .e-explanation-content-item,
.e-root .e-compaign-content-item {
  border-radius: 24px;
  background: #18191b;
  padding: 40px;
}
.e-root .e-explanation-earn {
  margin-bottom: 24px;
}
.e-root .e-explanation-content-item,
.e-root .e-compaign-content-item {
  box-sizing: border-box;
  color: #CECECF;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.e-root .e-compaign-content-item {
  flex: 1;
}
.e-root .e-explanation-content-item-title {
  color: #CECECF;
  /* 16_Semibold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  line-height: 140%;
  /* 22.4px */
  margin-top: 24px;
  margin-bottom: 8px;
}
.e-root .e-explanation-content-item-title > a {
  text-decoration: underline;
  cursor: pointer;
}
.e-root .e-explanation-content-item-title > a:hover {
  color: #5fc693;
}
.e-root .e-explanation-content {
  display: flex;
}
.e-root .e-explanation-content-item-content {
  color: #9E9E9F;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
}
.e-root .e-explanation-content-item-content p {
  font-size: 16px;
}
.e-root .e-intro-title {
  color: #5fc693;
  /* 20_Semibold */
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 28px */
  width: fit-content;
  height: 48px;
  padding: 8px 20px 8px 4px;
  align-items: center;
  display: flex;
  border-radius: 25px;
  border: 1px solid #448f6a;
  background: rgba(95, 198, 147, 0.1);
  box-sizing: border-box;
  margin-bottom: 24px;
}
.e-root .e-introtitle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.e-root .e-introtitle-icon svg {
  width: 20px;
  height: 20px;
}
.e-root .e-introtitle-icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #216c58;
  margin-right: 12px;
}
.e-root .e-explanation-dot {
  position: relative;
  padding-left: 24px;
}
.e-root .e-explanation-dot::before {
  content: "";
  display: inline-block;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 11px;
  left: 10px;
  transform: translateY(-50%);
}
.e-root .e-explanation-content-item-foot {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/introFoot-CsqWhADy.svg");
  background-size: 399.524px 172.842px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position-y: bottom;
}
.e-root .e-explanation-table,
.e-root .e-campaign-table {
  margin-top: 8px;
}
.e-root .e-explanation-table .table-header,
.e-root .e-campaign-table .table-header {
  background: #131416;
}
.e-root .e-explanation-table .table-row,
.e-root .e-campaign-table .table-row {
  border-radius: 4px;
  background: #121315;
  margin-top: 2px;
}
.e-root .e-explanation-table .table-row .table-cell,
.e-root .e-campaign-table .table-row .table-cell {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  padding: 14px;
}
.e-root .e-explanation-table .table-row .table-cell:first-child,
.e-root .e-campaign-table .table-row .table-cell:first-child {
  padding-left: 32px;
}
.e-root .e-explanation-table .table-row .table-cell:nth-child(1),
.e-root .e-campaign-table .table-row .table-cell:nth-child(1) {
  width: 200px;
}
.e-root .e-explanation-table .table-row .table-cell:nth-child(2),
.e-root .e-campaign-table .table-row .table-cell:nth-child(2) {
  width: 300px;
}
.e-root .e-explanation-table .table-header .table-cell,
.e-root .e-campaign-table .table-header .table-cell {
  padding: 12px 14px;
}
.e-root .e-campaign-table .table-row .table-cell:nth-child(1) {
  width: 300px;
}
.e-root .e-campaign-table .table-row .table-cell:nth-child(2) {
  width: 450px;
}
.e-root .e-explanation-table-info {
  margin-top: 8px;
  color: #9E9E9F;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding-left: 12px;
  position: relative;
}
.e-root .e-explanation-table-info::before {
  content: "*";
  position: absolute;
  top: 3px;
  left: 3px;
}
@media only screen and (min-width: 1480px) {
  .e-root .e-container {
    width: 1440px;
    margin: 0 auto;
  }
}

.reward-tooltips.ant-tooltip .ant-tooltip-content {
  width: 160px;
}
.reward-tooltips.ant-tooltip .ant-tooltip-content .ant-tooltip-inner p {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.reward-tooltips.ant-tooltip .ant-tooltip-content .ant-tooltip-inner p a {
  color: #CECECF;
}
.reward-tooltips.ant-tooltip .ant-tooltip-content .ant-tooltip-inner p a:hover {
  color: #5fc693;
}

@media only screen and (max-width: 1479px) {
  .e-root .e-container {
    width: 1200px;
    margin: 0 auto;
  }
  .e-root .e-content {
    margin-top: 60px;
  }
  .e-root .e-tab-con .ant-tabs-nav .ant-tabs-nav-list {
    top: -12px;
  }
  .e-root .e-banner-font {
    height: 344px;
    width: 602px;
    top: 20px;
  }
  .e-root .e-banner-logo-png {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/banner_1200-tW-9eK8e.svg");
    background-size: 1850px;
    background-position-x: -300px;
    background-position-y: -15px;
    width: 1300px;
    height: 600px;
  }
  .e-root .e-banner-title {
    padding-bottom: 20px;
    line-height: 60px;
  }
  .e-root .e-banner-title p {
    font-size: 44px;
  }
  .e-root .e-banner-title-highlight {
    margin: 8px 0;
    font-size: 44px;
  }
  .e-root .e-partner-list {
    row-gap: 56px;
  }
  .e-root .e-partner-item .e-partner-item-info {
    padding: 0 24px;
  }
  .e-root .e-partner-item {
    width: calc((100% - 24px) / 2);
    background-image: url("data:image/svg+xml,%3csvg%20width='564'%20height='164'%20viewBox='0%200%20564%20164'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='564'%20height='164'%20rx='16'%20fill='%2318191B'/%3e%3crect%20opacity='0.3'%20width='564'%20height='164'%20rx='16'%20fill='url(%23paint0_radial_6041_51839)'/%3e%3cmask%20id='mask0_6041_51839'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='564'%20height='164'%3e%3crect%20width='564'%20height='164'%20rx='16'%20fill='%23131416'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_6041_51839)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.2724%20-452.35H96.7277L63.5479%20-44.2391L202.652%20-433.818L280.957%20-405.344L78.8958%20-35.5199L378.196%20-347.422L437.915%20-293.675L93.8214%20-26.2207L498.25%20-213.163L531.249%20-143.195L97.8009%20-10.2787L554.5%20-40.354V35.6558L101.048%205.79434L533.907%20130.986L502.27%20201.461L91.3529%2019.605L437.912%20288.976L378.193%20342.723L81.0159%2033.0332L288.735%20397.029L210.994%20426.729L63.3117%2036.6335L96.7277%20447.65H12.2724L45.4514%2039.5474L-93.6506%20429.122L-171.956%20400.648L30.1075%2030.8193L-269.193%20342.722L-328.912%20288.975L15.1935%2021.5111L-389.254%20208.462L-422.253%20138.495L11.1831%205.58151L-445.5%2035.6558V-40.354L7.94699%20-10.4929L-424.912%20-135.684L-393.275%20-206.159L17.6453%20-24.3023L-328.915%20-293.674L-269.196%20-347.421L27.9834%20-37.729L-179.737%20-401.726L-101.995%20-431.425L45.689%20-41.3249L12.2724%20-452.35Z'%20fill='url(%23paint1_radial_6041_51839)'/%3e%3c/g%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial_6041_51839'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(53.5965)%20scale(111.728%20178.908)'%3e%3cstop%20stop-color='%2378E0D9'/%3e%3cstop%20offset='1'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint1_radial_6041_51839'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(54.5001%20-2.35011)%20rotate(90)%20scale(345.594%20533.494)'%3e%3cstop%20stop-color='white'%20stop-opacity='0.03'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e");
  }
  .e-root .e-partner-item.e-partner-item-balance {
    background-image: url("data:image/svg+xml,%3csvg%20width='564'%20height='164'%20viewBox='0%200%20564%20164'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='564'%20height='164'%20rx='16'%20fill='%2318191B'/%3e%3crect%20opacity='0.3'%20width='564'%20height='164'%20rx='16'%20fill='url(%23paint0_radial_6041_51839)'/%3e%3cmask%20id='mask0_6041_51839'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='564'%20height='164'%3e%3crect%20width='564'%20height='164'%20rx='16'%20fill='%23131416'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_6041_51839)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.2724%20-452.35H96.7277L63.5479%20-44.2391L202.652%20-433.818L280.957%20-405.344L78.8958%20-35.5199L378.196%20-347.422L437.915%20-293.675L93.8214%20-26.2207L498.25%20-213.163L531.249%20-143.195L97.8009%20-10.2787L554.5%20-40.354V35.6558L101.048%205.79434L533.907%20130.986L502.27%20201.461L91.3529%2019.605L437.912%20288.976L378.193%20342.723L81.0159%2033.0332L288.735%20397.029L210.994%20426.729L63.3117%2036.6335L96.7277%20447.65H12.2724L45.4514%2039.5474L-93.6506%20429.122L-171.956%20400.648L30.1075%2030.8193L-269.193%20342.722L-328.912%20288.975L15.1935%2021.5111L-389.254%20208.462L-422.253%20138.495L11.1831%205.58151L-445.5%2035.6558V-40.354L7.94699%20-10.4929L-424.912%20-135.684L-393.275%20-206.159L17.6453%20-24.3023L-328.915%20-293.674L-269.196%20-347.421L27.9834%20-37.729L-179.737%20-401.726L-101.995%20-431.425L45.689%20-41.3249L12.2724%20-452.35Z'%20fill='url(%23paint1_radial_6041_51839)'/%3e%3c/g%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial_6041_51839'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(53.5965)%20scale(111.728%20178.908)'%3e%3cstop%20stop-color='%2378E0D9'/%3e%3cstop%20offset='1'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint1_radial_6041_51839'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(54.5001%20-2.35011)%20rotate(90)%20scale(345.594%20533.494)'%3e%3cstop%20stop-color='white'%20stop-opacity='0.03'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e");
  }
  .e-root .e-partner-item-avatar {
    left: 24px;
  }
  .e-root .e-partner-active-btn {
    width: 100px;
  }
  .e-root .e-explanation-intro-title {
    width: 760px;
    padding: 32px;
  }
  .e-root .e-explanation-intro {
    background-size: 430px;
  }
  .e-root .e-explanation-content-item-content p {
    font-size: 14px;
  }
  .e-root .e-explanation-content-item {
    padding: 32px;
  }
  .e-root .e-explanation-content-item-foot {
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/introFoot_1200-CcR-c1C6.svg");
    background-size: 422px 250px;
  }
  .e-root .e-explanation-table .table-row .table-cell:first-child,
  .e-root .e-campaign-table .table-row .table-cell:first-child {
    padding-left: 32px;
  }
  .e-root .e-explanation-table .table-row .table-cell:nth-child(1),
  .e-root .e-campaign-table .table-row .table-cell:nth-child(1) {
    width: 120px;
  }
  .e-root .e-explanation-table .table-row .table-cell:nth-child(2),
  .e-root .e-campaign-table .table-row .table-cell:nth-child(2) {
    width: 260px;
  }
  .e-root .e-campaign-table .table-row .table-cell:nth-child(1) {
    width: 250px;
  }
  .e-root .e-campaign-table .table-row .table-cell:nth-child(2) {
    width: 400px;
  }
  .e-root .e-partner-item-balance-info {
    font-size: 12px;
  }
  .e-root .e-explanation-dot::before {
    top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .e-root {
    background-image: url("data:image/svg+xml,%3csvg%20width='390'%20height='800'%20viewBox='0%200%20390%20800'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_5999_40542)'%3e%3cg%20opacity='0.2'%20filter='url(%23filter0_f_5999_40542)'%3e%3cpath%20d='M366.906%20-114.4C431.444%20-40.1576%20677.058%20-100.8%20405.068%20153.082C82.8073%20439.372%20106.474%20280.985%2041.9364%20206.743C-22.6016%20132.5%20-19.3344%20-37.2304%20128.17%20-165.454C325.576%20-337.057%20302.368%20-188.642%20366.906%20-114.4Z'%20fill='url(%23paint0_linear_5999_40542)'/%3e%3c/g%3e%3cg%20opacity='0.2'%20filter='url(%23filter1_f_5999_40542)'%3e%3cpath%20d='M-135.714%20376.34C-135.714%20464.723%20-243.333%20568.379%20-65.6032%20580.207C27.8155%20580.207%2082.2188%20490.932%2082.2188%20402.548C82.2188%20314.165%2027.8155%20201%20-65.6032%20201C-190.627%20201%20-135.714%20287.956%20-135.714%20376.34Z'%20fill='url(%23paint1_linear_5999_40542)'/%3e%3c/g%3e%3cg%20opacity='0.08'%20filter='url(%23filter2_f_5999_40542)'%3e%3cpath%20d='M519.271%20352.89L-77.2305%20164.712V360.324V492.215L519.271%20352.89Z'%20fill='url(%23paint2_linear_5999_40542)'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_5999_40542'%20x='-338.1'%20y='-585.001'%20width='1208.55'%20height='1242.79'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='170'%20result='effect1_foregroundBlur_5999_40542'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_5999_40542'%20x='-332.873'%20y='36.1272'%20width='579.964'%20height='708.953'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='82.4364'%20result='effect1_foregroundBlur_5999_40542'/%3e%3c/filter%3e%3cfilter%20id='filter2_f_5999_40542'%20x='-87.2305'%20y='154.712'%20width='616.502'%20height='347.503'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='5'%20result='effect1_foregroundBlur_5999_40542'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_5999_40542'%20x1='86.3179'%20y1='-129.073'%20x2='363.315'%20y2='189.576'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2316FFE4'/%3e%3cstop%20offset='1'%20stop-color='%23009D68'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_5999_40542'%20x1='-42.8906'%20y1='201'%20x2='-42.8906'%20y2='580.207'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2342FFD2'/%3e%3cstop%20offset='1'%20stop-color='%234255FF'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_5999_40542'%20x1='-8.47295'%20y1='411.998'%20x2='-90.801'%20y2='156.871'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%230C0C0E'%20stop-opacity='0'/%3e%3cstop%20offset='0.328559'%20stop-color='%23258FB5'/%3e%3cstop%20offset='0.5041'%20stop-color='%2327C0C0'/%3e%3cstop%20offset='0.603'%20stop-color='%2337C2B6'/%3e%3cstop%20offset='0.7959'%20stop-color='%2356C7C1'/%3e%3cstop%20offset='0.9956'%20stop-color='%234EC4CC'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_5999_40542'%3e%3crect%20width='390'%20height='800'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    padding: 76px 24px 40px;
    position: relative;
    overflow: hidden;
  }
  .e-root .e-container {
    color: #6D6D6E;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    width: unset;
    min-width: unset;
    padding-bottom: 0;
    position: relative;
  }
  .e-root .e-banner {
    padding: 4px 0 0 0;
  }
  .e-root .e-banner-title {
    line-height: 140%;
    margin-bottom: 202px;
    padding-bottom: 0;
  }
  .e-root .e-banner-title p {
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
  }
  .e-root .e-banner-title-highlight {
    display: block;
    color: #81deb0;
    font-family: inter;
    font-weight: 800;
    line-height: 140%;
    background: linear-gradient(270deg, #87f1bd 61.47%, #f3ee9f 102.26%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 24px;
    padding-right: 0;
    padding: 0;
    margin: 0;
  }
  .e-root .e-banner-title-pool {
    position: relative;
    margin-bottom: 104px;
  }
  .e-root .e-banner-title-apy-size {
    color: #CECECF;
    font-size: 16px;
    font-style: italic;
    font-weight: 800;
    line-height: normal;
    margin-top: 3px;
  }
  .e-root .e-banner-logo-png {
    position: absolute;
    top: 90px;
    right: 0;
    z-index: -1;
    width: 100%;
    background-image: unset;
    background: transparent;
    transform: scale(1.15);
    transform-origin: center;
    pointer-events: none;
  }
  .e-root .e-banner-logo-png svg {
    position: relative;
    top: 100px;
  }
  .e-root .e-banner-logo-png::after {
    content: "";
    display: block;
    padding-top: 150%;
  }
  .e-root .e-banner-pc-logo {
    display: none;
  }
  .e-root .e-banner-mobile-logo {
    display: block;
    top: 15px;
    width: 340px;
    left: calc((100% - 340px) / 2);
    right: unset;
  }
  .e-root .e-content {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='350'%20height='876'%20viewBox='0%200%20350%20876'%20fill='none'%3e%3cpath%20d='M0.5%2032C0.5%2014.603%2014.603%200.5%2032%200.5H318C335.397%200.5%20349.5%2014.603%20349.5%2032V844C349.5%20861.397%20335.397%20875.5%20318%20875.5H32C14.603%20875.5%200.5%20861.397%200.5%20844V32Z'%20fill='url(%23paint0_linear_5442_13787)'%20stroke='url(%23paint1_linear_5442_13787)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_5442_13787'%20x1='175'%20y1='0'%20x2='175'%20y2='458.188'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23011F1E'%20stop-opacity='0.5'/%3e%3cstop%20offset='1'%20stop-color='%230C0C0E'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_5442_13787'%20x1='175'%20y1='0'%20x2='175'%20y2='876'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2326AD86'%20stop-opacity='0.5'/%3e%3cstop%20offset='1'%20stop-color='%230C0C0E'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: 40px;
    padding: 0;
    padding: 16px 16px 0 16px;
  }
  .e-root .e-content.e-explanation-content-container {
    background-image: url("data:image/svg+xml,%3csvg%20width='350'%20height='1730'%20viewBox='0%200%20350%201730'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.5%2024.0001C0.5%2011.0214%2011.0213%200.5%2024%200.5H155.111C160.982%200.5%20166.35%203.81704%20168.975%209.06819L173.497%2018.1121C180.357%2031.8329%20194.381%2040.5%20209.721%2040.5H342C346.142%2040.5%20349.5%2043.8579%20349.5%2048V1698C349.5%201715.4%20335.397%201729.5%20318%201729.5H32C14.603%201729.5%200.5%201715.4%200.5%201698V24.0001Z'%20fill='url(%23paint0_linear_8261_19299)'%20stroke='url(%23paint1_linear_8261_19299)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M350.001%2048V32C350.001%2018.7452%20339.256%208%20326.001%208H168.969C169.128%208.27578%20169.279%208.55738%20169.423%208.84458L173.945%2017.8885C180.721%2031.4399%20194.571%2040%20209.722%2040H342.001C346.419%2040%20350.001%2043.5817%20350.001%2048Z'%20fill='%23011F1E'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_8261_19299'%20x1='175'%20y1='0'%20x2='175'%20y2='1730'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23011F1E'%20stop-opacity='0.5'/%3e%3cstop%20offset='1'%20stop-color='%230C0C0E'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_8261_19299'%20x1='175'%20y1='0'%20x2='175'%20y2='1730'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2326AD86'%20stop-opacity='0.5'/%3e%3cstop%20offset='1'%20stop-color='%230C0C0E'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    padding-left: 0;
    padding-right: 0;
  }
  .e-root .e-content.e-explanation-content-container.active-left-false {
    background-image: url("data:image/svg+xml,%3csvg%20width='350'%20height='1730'%20viewBox='0%200%20350%201730'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='scale(-1,1)%20translate(-350,0)'%3e%3cpath%20d='M0.5%2024.0001C0.5%2011.0214%2011.0213%200.5%2024%200.5H155.111C160.982%200.5%20166.35%203.81704%20168.975%209.06819L173.497%2018.1121C180.357%2031.8329%20194.381%2040.5%20209.721%2040.5H342C346.142%2040.5%20349.5%2043.8579%20349.5%2048V1698C349.5%201715.4%20335.397%201729.5%20318%201729.5H32C14.603%201729.5%200.5%201715.4%200.5%201698V24.0001Z'%20fill='url(%23paint0_linear_8261_19299)'%20stroke='url(%23paint1_linear_8261_19299)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M350.001%2048V32C350.001%2018.7452%20339.256%208%20326.001%208H168.969C169.128%208.27578%20169.279%208.55738%20169.423%208.84458L173.945%2017.8885C180.721%2031.4399%20194.571%2040%20209.722%2040H342.001C346.419%2040%20350.001%2043.5817%20350.001%2048Z'%20fill='%23011F1E'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_8261_19299'%20x1='175'%20y1='0'%20x2='175'%20y2='1730'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23011F1E'%20stop-opacity='0.5'/%3e%3cstop%20offset='1'%20stop-color='%230C0C0E'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_8261_19299'%20x1='175'%20y1='0'%20x2='175'%20y2='1730'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2326AD86'%20stop-opacity='0.5'/%3e%3cstop%20offset='1'%20stop-color='%230C0C0E'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  }
  .e-root .e-explanation-con,
  .e-root .e-campaign-con {
    padding-left: 16px;
    padding-right: 16px;
  }
  .e-root .e-tab-con .ant-tabs-nav .ant-tabs-nav-list {
    top: -12px;
  }
  .e-root .e-subtitle {
    color: #87f1bd;
    font-size: 20px;
    font-style: italic;
    font-weight: 800;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: end;
  }
  .e-root .e-subtitle.e-tab-title {
    font-size: 16px;
  }
  .e-root .e-subtitle.subtitle-false {
    font-size: 12px;
  }
  .e-root .e-subtitle-star-left svg {
    width: 28px;
    height: 17px;
    transform: translate(10px, -7px);
  }
  .e-root .e-subtitle-star-right svg {
    width: 24px;
    height: 35px;
    transform: translate(-3px, 10px);
  }
  .e-root .e-partner-list {
    display: block;
    margin-top: 0;
  }
  .e-root .e-partner-item {
    margin-top: 48px;
    background-image: url("data:image/svg+xml,%3csvg%20width='318'%20height='312'%20viewBox='0%200%20318%20312'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='318'%20height='312'%20fill='%2318191B'/%3e%3crect%20opacity='0.3'%20width='318'%20height='312'%20fill='url(%23paint0_radial_15234_36468)'/%3e%3cmask%20id='mask0_15234_36468'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='318'%20height='312'%3e%3crect%20width='318'%20height='312'%20fill='%23131416'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_15234_36468)'%3e%3cpath%20d='M44.4092%20-35.7188L135.334%20-290.354L186.515%20-271.743L54.4512%20-30.0381L250.067%20-233.888L289.101%20-198.759L64.1982%20-23.9512L328.535%20-146.138L350.104%20-100.407L66.8086%20-13.5361L365.3%20-33.1914V16.4883L68.8877%20-3.03223L351.841%2078.8027L331.163%20124.865L62.5996%206.01074L289.098%20182.062L250.066%20217.19L55.8281%2014.7744L191.597%20252.686L140.784%20272.098L44.2578%2017.1348L66.0996%20285.768H10.9004L32.584%2019.041L-58.332%20273.662L-109.512%20255.052L22.5596%2013.3262L-173.066%20217.19L-212.099%20182.062L12.8096%207.24512L-251.536%20129.438L-273.104%2083.707L10.2061%20-3.16992L-288.3%2016.4883V-33.1914L8.04004%20-13.6777L-274.844%20-95.4941L-254.165%20-141.556L14.4346%20-22.6826L-212.1%20-198.76L-173.067%20-233.889L21.1631%20-31.4785L-114.597%20-269.38L-63.7842%20-288.792L32.7412%20-33.8203L10.9004%20-302.473H66.0996L44.4092%20-35.7188Z'%20fill='url(%23paint1_radial_15234_36468)'/%3e%3c/g%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial_15234_36468'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(40%20-7)%20rotate(63.8861)%20scale(170.394%20173.67)'%3e%3cstop%20stop-color='%2378E0D9'/%3e%3cstop%20offset='1'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint1_radial_15234_36468'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(0.399924%20164.68%20-254.217%200.496775%2038.5%20-8.35253)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='white'%20stop-opacity='0.03'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    text-align: center;
    position: relative;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 16px;
    width: auto;
    height: auto;
    padding-top: 24px;
  }
  .e-root .e-partner-item:nth-child(2) {
    margin-left: 0;
  }
  .e-root .e-partner-item.e-partner-item-balance {
    margin-top: 40px;
    background-image: url("data:image/svg+xml,%3csvg%20width='318'%20height='312'%20viewBox='0%200%20318%20312'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='318'%20height='312'%20fill='%2318191B'/%3e%3crect%20opacity='0.3'%20width='318'%20height='312'%20fill='url(%23paint0_radial_15234_36468)'/%3e%3cmask%20id='mask0_15234_36468'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='318'%20height='312'%3e%3crect%20width='318'%20height='312'%20fill='%23131416'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_15234_36468)'%3e%3cpath%20d='M44.4092%20-35.7188L135.334%20-290.354L186.515%20-271.743L54.4512%20-30.0381L250.067%20-233.888L289.101%20-198.759L64.1982%20-23.9512L328.535%20-146.138L350.104%20-100.407L66.8086%20-13.5361L365.3%20-33.1914V16.4883L68.8877%20-3.03223L351.841%2078.8027L331.163%20124.865L62.5996%206.01074L289.098%20182.062L250.066%20217.19L55.8281%2014.7744L191.597%20252.686L140.784%20272.098L44.2578%2017.1348L66.0996%20285.768H10.9004L32.584%2019.041L-58.332%20273.662L-109.512%20255.052L22.5596%2013.3262L-173.066%20217.19L-212.099%20182.062L12.8096%207.24512L-251.536%20129.438L-273.104%2083.707L10.2061%20-3.16992L-288.3%2016.4883V-33.1914L8.04004%20-13.6777L-274.844%20-95.4941L-254.165%20-141.556L14.4346%20-22.6826L-212.1%20-198.76L-173.067%20-233.889L21.1631%20-31.4785L-114.597%20-269.38L-63.7842%20-288.792L32.7412%20-33.8203L10.9004%20-302.473H66.0996L44.4092%20-35.7188Z'%20fill='url(%23paint1_radial_15234_36468)'/%3e%3c/g%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial_15234_36468'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(40%20-7)%20rotate(63.8861)%20scale(170.394%20173.67)'%3e%3cstop%20stop-color='%2378E0D9'/%3e%3cstop%20offset='1'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint1_radial_15234_36468'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(0.399924%20164.68%20-254.217%200.496775%2038.5%20-8.35253)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='white'%20stop-opacity='0.03'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e");
  }
  .e-root .e-partner-item .e-partner-item-info {
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
  }
  .e-root .e-partner-item .e-partner-item-info svg {
    height: 24px;
    width: unset;
  }
  .e-root .e-partner-item-avatar {
    position: absolute;
    top: -24px;
    left: 16px;
    transform: none;
    height: 48px;
    width: 48px;
  }
  .e-root .e-partner-item-avatar svg {
    height: 48px;
    width: 48px;
  }
  .e-root .e-partner-item .e-partner-item-apy {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-style: normal;
    align-items: flex-end;
    color: #9E9E9F;
  }
  .e-root .e-partner-item .e-partner-item-apy b {
    font-style: normal;
    font-weight: 700;
    color: #81deb0;
    font-size: 20px;
    line-height: 20px;
  }
  .e-root .e-partner-item .e-partner-item-apy span {
    line-height: 100%;
  }
  .e-root .e-partner-item .e-partner-item-apy svg {
    width: 14px;
    height: 14px;
  }
  .e-root .e-partner-item-apy-address {
    display: flex;
    align-items: center;
    gap: 2px;
    width: 100%;
    min-width: 280px;
  }
  .e-root .e-partner-item-apy-address svg {
    width: 16px;
    height: 16px;
    margin-left: 4px;
  }
  .e-root .e-partner-active-btn,
  .e-root .e-partner-on-btn {
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 6px;
    color: #6D6D6E;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    margin-top: 16px;
    box-sizing: border-box;
  }
  .e-root .e-partner-active-btn {
    background: linear-gradient(270deg, #448f6a -1.41%, #5fc693 102.26%);
    color: #fff;
  }
  .e-root .e-partner-active-btn span {
    float: right;
    width: 32px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 4px;
    margin-top: 4px;
    margin-right: 4px;
  }
  .e-root .e-partner-on-btn {
    background: rgba(255, 255, 255, 0.2);
  }
  .e-root .e-partner-item-mobile {
    display: block;
  }
  .e-root .e-partner-item-pc {
    display: none;
  }
  .e-root .e-explanation-content {
    display: block;
  }
  .e-root .e-explanation-intro {
    padding-top: 150px;
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/introLogo-BwVgmikI.svg");
    background-size: 318px;
    background-repeat: no-repeat;
    background-position-y: -30px;
    background-position-x: center;
    margin-top: 0;
    margin-bottom: 0;
  }
  .e-root .e-explanation-intro-title {
    padding: 16px;
    color: #CECECF;
    /* 14_Regular */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    line-height: 140%;
    /* 19.6px */
    border-radius: 16px;
    background: #17483c;
  }
  .e-root .e-explanation-intro-title p {
    font-weight: 400;
    font-size: 14px;
  }
  .e-root .e-explanation-earn,
  .e-root .e-explanation-content-item {
    padding: 16px;
    border-radius: 16px;
    background-color: #18191b;
    margin-top: 24px;
  }
  .e-root .e-explanation-content-item:first-child {
    width: 100%;
  }
  .e-root .e-explanation-content-item:last-child {
    width: 100%;
  }
  .e-root .e-compaign-content-item {
    padding: 16px;
    margin-top: 24px;
    flex-shrink: 0;
  }
  .e-root .e-compaign-content-item:first-child {
    width: 100%;
  }
  .e-root .e-compaign-content-item:last-child {
    width: 100%;
  }
  .e-root .e-explanation-content-item-foot {
    background-image: none;
  }
  .e-root .e-explanation-content-item-foot-text {
    color: #CECECF;
  }
  .e-root .e-explanation-content-item-title {
    color: #CECECF;
    font-size: 14px;
    font-style: normal;
    line-height: 140%;
    margin-top: 16px;
    margin-bottom: 8px;
  }
  .e-root .e-intro-title {
    color: #5fc693;
    /* 20_Semibold */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 28px */
    width: fit-content;
    height: 48px;
    padding: 8px 20px 8px 4px;
    align-items: center;
    display: flex;
    border-radius: 25px;
    border: 1px solid #448f6a;
    background: rgba(95, 198, 147, 0.1);
    box-sizing: border-box;
    margin-bottom: 24px;
  }
  .e-root .e-introtitle-icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .e-root .e-introtitle-icon svg {
    width: 20px;
    height: 20px;
  }
  .e-root .e-introtitle-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: #216c58;
    margin-right: 12px;
  }
  .e-root .e-explanation-dot {
    position: relative;
    padding-left: 24px;
  }
  .e-root .e-explanation-dot::before {
    content: "";
    display: inline-block;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 10px;
    left: 10px;
    transform: translateY(-50%);
  }
  .e-root .e-explanation-table,
  .e-root .e-campaign-table {
    margin-top: 8px;
  }
  .e-root .e-explanation-table .table-header,
  .e-root .e-campaign-table .table-header {
    background: #131416;
  }
  .e-root .e-explanation-table .table-row .table-cell,
  .e-root .e-campaign-table .table-row .table-cell {
    font-family: Inter;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 19.6px */
    padding: 11px 0;
  }
  .e-root .e-explanation-table .table-row .table-cell:first-child,
  .e-root .e-campaign-table .table-row .table-cell:first-child {
    padding-left: 8px;
  }
  .e-root .e-explanation-table .table-row .table-cell:nth-child(1),
  .e-root .e-campaign-table .table-row .table-cell:nth-child(1) {
    width: 30px;
  }
  .e-root .e-explanation-table .table-row .table-cell:nth-child(2),
  .e-root .e-campaign-table .table-row .table-cell:nth-child(2) {
    width: 120px;
  }
  .e-root .e-explanation-table-info {
    margin-top: 8px;
    color: #9E9E9F;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding-left: 12px;
    position: relative;
  }
  .e-root .e-explanation-table-info::before {
    content: "*";
    position: absolute;
    top: 3px;
    left: 3px;
  }
  .e-partner-item-des {
    display: flex;
    padding: 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    opacity: 0.9;
    background: rgba(0, 0, 0, 0.3);
    color: #6D6D6E;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
  }
  .e-partner-item-des p {
    text-align: left;
  }
  .e-partner-item-des b {
    color: #CECECF;
    font-weight: 400;
  }
}
@media (max-width: 420px) {
  .e-root .e-content .e-subtitle {
    font-size: 20px;
  }
  .e-root .e-content .e-subtitle.e-tab-title {
    font-size: 14px;
  }
  .e-root .e-content .e-subtitle.subtitle-false {
    font-size: 12px;
  }
  .e-tab-con .ant-tabs-nav .ant-tabs-nav-list {
    top: -14px;
  }
  .e-root .e-intro-title {
    font-size: 13px;
  }
  .e-root .e-explanation-table .table-row .table-cell,
  .e-root .e-campaign-table .table-row .table-cell {
    margin-right: 5px;
  }
  .e-root .e-explanation-table .table-row .table-cell:nth-child(2),
  .e-root .e-campaign-table .table-row .table-cell:nth-child(2) {
    width: 120px;
  }
}
@media (max-width: 360px) {
  .e-root .e-intro-title {
    font-size: 12px;
  }
}.region-bin-modal {
  padding-bottom: 0;
}
.region-bin-modal.ant-modal .ant-modal-content {
  width: unset;
  padding: 48px 32px 32px;
  border-radius: 24px;
  background-color: #212426;
  text-align: center;
}
.region-bin-modal.ant-modal .ant-modal-content .ant-modal-header {
  margin-bottom: 0;
  background: transparent;
}
.region-bin-modal .ant-modal-title {
  color: inherit;
  font: inherit;
}
.region-bin-modal .ant-modal-header svg {
  display: block;
  margin: 0 auto;
}
.region-bin-modal.ant-modal .ant-modal-footer {
  display: block;
  margin-top: 0;
  text-align: left;
}
.region-bin-modal .region-bin-modal-title {
  margin: 16px 0 8px;
  color: #fff;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  text-align: center;
}
.region-bin-modal .region-bin-modal-content {
  color: rgba(255, 255, 255, 0.6);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-align: center;
}
.region-bin-modal .region-bin-modal-content p {
  margin: 0;
}
.region-bin-modal .region-bin-modal-content p + p {
  margin-top: 8px;
}
.region-bin-modal .region-bin-modal-content a {
  color: #5fc693;
  text-decoration: underline;
}
.region-bin-modal .region-bin-modal-checks {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 24px 0 16px;
}
.region-bin-modal .region-bin-modal-check {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: rgba(255, 255, 255, 0.8);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
  cursor: pointer;
}
.region-bin-modal .region-bin-modal-check > span:last-child {
  padding-inline-start: 0;
}
.region-bin-modal .region-bin-modal-btns {
  display: flex;
}
.region-bin-modal .ant-checkbox {
  top: 0;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  align-self: flex-start;
}
.region-bin-modal .ant-checkbox-input {
  display: flex;
  justify-content: center;
  align-items: center;
}
.region-bin-modal .ant-checkbox-inner {
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.6);
  border-radius: 1px;
  background-color: transparent;
}
.region-bin-modal .ant-checkbox-checked .ant-checkbox-inner {
  border-color: #81deb0;
  background-color: #81deb0;
}
.region-bin-modal .ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: #212426;
}
.region-bin-modal .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner {
  border-color: #81deb0;
  background-color: #81deb0;
}
.region-bin-modal .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,
.region-bin-modal .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
  border-color: #81deb0;
}
.region-bin-modal .region-bin-modal-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  padding: 0 40px;
  border: 0;
  border-radius: 6px;
  background: #216c58;
  color: #fff;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  user-select: none;
  cursor: pointer;
}
.region-bin-modal .region-bin-modal-btn:hover {
  background: #5fc693;
  color: #fff;
}
.region-bin-modal .region-bin-modal-btn.check-false {
  background: linear-gradient(270deg, rgba(68, 143, 106, 0.3) -1.41%, rgba(95, 198, 147, 0.3) 102.26%);
  color: rgba(255, 255, 255, 0.4);
  cursor: not-allowed;
}

@media screen and (max-width: 767px) {
  .region-bin-modal {
    width: calc(100vw - 36px) !important;
    max-width: none;
  }
  .region-bin-modal.ant-modal .ant-modal-content {
    padding: 40px 24px 24px;
    border-radius: 16px;
  }
  .region-bin-modal .region-bin-modal-title {
    margin-top: 16px;
  }
  .region-bin-modal .region-bin-modal-content {
    height: 110px;
    box-sizing: border-box;
    padding: 8px;
    overflow-y: auto;
    overscroll-behavior: contain;
    border-radius: 8px;
    background: #181a1c;
  }
  .region-bin-modal .region-bin-modal-content p {
    font-size: 12px;
  }
  .region-bin-modal .region-bin-modal-content p + p {
    margin-top: 5px;
  }
  .region-bin-modal .region-bin-modal-checks {
    margin-top: 20px;
  }
  .region-bin-modal .ant-checkbox {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
  }
  .region-bin-modal .ant-checkbox-inner {
    width: 14px;
    height: 14px;
  }
  .region-bin-modal .ant-checkbox-inner::after {
    width: 5px;
    height: 8px;
  }
  .region-bin-modal .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,
  .region-bin-modal .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
    border-color: rgba(255, 255, 255, 0.6);
  }
}.app {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 100vh;
}
.app > *:nth-child(2) {
  flex-grow: 1;
}

.ant-notification .ant-notification-notice-wrapper {
  border-radius: 12px;
  background: rgba(35, 36, 38, 0.7);
  backdrop-filter: blur(4px);
}
.ant-notification .ant-notification-notice-wrapper .ant-notification-notice {
  width: 370px;
  padding: 16px;
}
.ant-notification .ant-notification-notice-wrapper .ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-bottom: 0;
}
.ant-notification .ant-notification-notice-wrapper .ant-notification-notice-message {
  color: #fff;
  /* 16_Bold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 22.4px */
}
.ant-notification .ant-notification-notice-wrapper .ant-notification-notice-message .only-title-true {
  font-size: 14px;
}
.ant-notification .ant-notification-notice-wrapper .ant-notification-notice-description {
  color: #9E9E9F;
  /* 14_Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}
.ant-notification .ant-notification-notice-wrapper .ant-notification-notice-close {
  right: 13px;
  top: 17px;
}
.ant-notification .ant-notification-notice-wrapper .ant-notification-notice-close .anticon-close {
  color: #6D6D6E;
}
.ant-notification .ant-notification-notice-wrapper .notification-tx-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 4px;
}
.ant-notification .ant-notification-notice-wrapper .notification-tx-content .error {
  color: #D73133;
}
.ant-notification .ant-notification-notice-wrapper .notification-tx-content .tx-link {
  color: #5fc693;
  text-decoration: underline;
}
html,
body,
#root {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Inter", serif;
  background-color: #080b0e;
}

html,
body * {
  box-sizing: border-box;
}

@media screen and (min-width: 767px) and (max-width: 1232px) {
  #scale-wrapper {
    width: 100vw;
    overflow: hidden;
  }
  #scale-root {
    transform-origin: top left;
    will-change: transform;
  }
  /* 只缩放你这个 Modal.info（confirm） */
  .ant-modal-scale {
    zoom: var(--app-scale, 1);
  }
  /* 可选：让弹窗缩放中心更自然 */
  .ant-modal-scale {
    transform-origin: top center;
  }
}
a {
  display: inline-block;
  text-decoration: none;
}
a:hover {
  color: #81deb0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #fff;
  margin-block: 0;
  margin-inline: 0;
  font-weight: 400;
  line-height: 140%;
  font-family: "Inter";
}

@media screen and (min-width: 1472px) {
  h1 {
    font-size: 40px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  h1 {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
  }
}

@media screen and (min-width: 1472px) {
  h2 {
    font-size: 32px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  h2 {
    font-size: 24px;
  }
}

@media screen and (min-width: 1472px) {
  h3 {
    font-size: 24px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  h3 {
    font-size: 16px;
  }
}

@media screen and (min-width: 1472px) {
  h4 {
    font-size: 20px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  h4 {
    font-size: 16px;
  }
}

@media screen and (min-width: 1472px) {
  h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  h5 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  h5 {
    font-size: 16px;
  }
}

@media screen and (min-width: 1472px) {
  h6 {
    font-size: 14px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  h6 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  h6 {
    font-size: 14px;
  }
}

p {
  font-weight: 400;
  line-height: 140%;
  font-family: "Inter";
  margin-block: 0;
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  p {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  p {
    font-size: 14px;
  }
}

.custom-modal .ant-modal-content {
  border-radius: 24px;
  background: #232426;
}

.icon-with-chain {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.icon-with-chain::after {
  content: " ";
  height: 41.6666666%;
  width: 41.6666666%;
  display: inline-block;
  position: absolute;
  right: -4.16666666%;
  bottom: -4.16666666%;
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='24'%20height='24'%20rx='12'%20fill='%23C53027'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.81946%205.5L11.855%2020.5L20.2639%2010.38L17.2868%207.5845L5.81946%205.5ZM7.95947%206.69261L16.2252%208.19538L13.0167%2010.8359L7.95947%206.69261ZM7.38599%207.25172L12.6565%2011.5699L11.8325%2018.3035L7.38599%207.25172ZM17.1024%208.50293L18.8565%2010.1502L14.059%2011.0084L17.1024%208.50293ZM13.4197%2011.9274L18.7323%2010.9773L12.6387%2018.3108L13.4197%2011.9274Z'%20fill='white'/%3e%3c/svg%3e");
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 10;
}
.icon-with-chain.showMark-USDT::before, .icon-with-chain.showMark-USDC::before, .icon-with-chain.showMark-USD1::before {
  content: " ";
  height: 41.6666666%;
  width: 41.6666666%;
  display: inline-block;
  position: absolute;
  top: -4.16666666%;
  right: -4.16666666%;
  background-image: url("data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='48'%20height='48'%20rx='24'%20fill='%2300B294'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M26.7132%2026.2572C26.5617%2026.2686%2025.7788%2026.3153%2024.0325%2026.3153C22.6436%2026.3153%2021.6574%2026.2736%2021.3114%2026.2572C15.9438%2026.0211%2011.9373%2025.0867%2011.9373%2023.9679C11.9373%2022.8492%2015.9438%2021.9161%2021.3114%2021.6762V25.3266C21.6625%2025.3518%2022.6676%2025.4112%2024.0565%2025.4112C25.7233%2025.4112%2026.5579%2025.3417%2026.7082%2025.3279V21.6787C32.0645%2021.9173%2036.0621%2022.8517%2036.0621%2023.9679C36.0621%2025.0842%2032.0657%2026.0185%2026.7082%2026.2559L26.7132%2026.2572ZM26.7132%2021.3012V18.0346H34.1883V13.0533H13.8363V18.0346H21.3102V21.2999C15.2354%2021.5789%2010.667%2022.7823%2010.667%2024.2243C10.667%2025.6663%2015.2354%2026.8683%2021.3102%2027.1486V37.6163H26.7119V27.1449C32.7728%2026.8658%2037.3337%2025.6637%2037.3337%2024.223C37.3337%2022.7823%2032.7766%2021.5802%2026.7119%2021.2999L26.7132%2021.3012Z'%20fill='white'/%3e%3c/svg%3e");
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 10;
}
.icon-with-chain.showMark-USDC::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='24'%20cy='24'%20r='24'%20fill='%232775CA'/%3e%3cpath%20d='M18.903%206.7644C19.2037%206.67595%2019.4994%206.9051%2019.4996%207.2185V9.36108C19.4996%209.5708%2019.3632%209.75547%2019.1647%209.82299C13.253%2011.8312%208.9997%2017.4199%208.99963%2023.9998C8.99963%2030.5797%2013.2529%2036.1683%2019.1647%2038.1765C19.3632%2038.244%2019.4995%2038.4288%2019.4996%2038.6384V40.781C19.4996%2041.0946%2019.2038%2041.3236%2018.903%2041.2351C11.4442%2039.0411%205.99963%2032.1551%205.99963%2023.9998C5.99971%2015.8445%2011.4442%208.95837%2018.903%206.7644ZM29.0973%206.7644C36.5559%208.95845%2041.9996%2015.8445%2041.9996%2023.9998C41.9996%2032.155%2036.5559%2039.041%2029.0973%2041.2351C28.7965%2041.3236%2028.4996%2041.0946%2028.4996%2040.781V38.6384C28.4998%2038.4288%2028.637%2038.244%2028.8356%2038.1765C34.7473%2036.1683%2038.9996%2030.5797%2038.9996%2023.9998C38.9996%2017.4199%2034.7473%2011.8312%2028.8356%209.82299C28.6369%209.75552%2028.4996%209.57086%2028.4996%209.36108V7.2185C28.4998%206.9051%2028.7966%206.67595%2029.0973%206.7644ZM24.6998%2014.4001C24.9648%2014.4001%2025.1801%2014.6147%2025.1803%2014.8796V16.3816C25.8678%2016.463%2026.4933%2016.6257%2027.0563%2016.8738C27.8994%2017.2383%2028.5613%2017.747%2029.0416%2018.3982C29.4076%2018.8907%2029.639%2019.4393%2029.735%2020.0447C29.7855%2020.363%2029.5093%2020.6286%2029.1725%2020.6287H27.5905C27.2826%2020.6287%2027.0346%2020.402%2026.9342%2020.1238C26.7898%2019.7235%2026.5259%2019.3962%2026.1442%2019.1414C25.6179%2018.7867%2024.9334%2018.6092%2024.0905%2018.6091C23.4978%2018.6091%2022.9891%2018.694%2022.5651%2018.864C22.1411%2019.034%2021.8163%2019.2649%2021.5914%2019.5564C21.3666%2019.848%2021.2518%2020.1812%2021.2467%2020.5554C21.2467%2020.8665%2021.3202%2021.1366%2021.4684%2021.365C21.6217%2021.5934%2021.8289%2021.7876%2022.0895%2021.948C22.3501%2022.1035%2022.6389%2022.2346%2022.9557%2022.3415C23.2724%2022.4484%2023.5918%2022.5382%2023.9137%2022.6111L25.3854%2022.9617C25.9782%2023.0929%2026.5486%2023.2694%2027.0953%2023.4929C27.647%2023.7164%2028.1397%2023.9986%2028.5739%2024.3386C29.0133%2024.6788%2029.3613%2025.0899%2029.6168%2025.571C29.8723%2026.0522%2029.9996%2026.6161%2029.9996%2027.2624C29.9996%2028.1372%2029.7647%2028.9072%2029.2946%2029.573C28.8244%2030.234%2028.1447%2030.7515%2027.2555%2031.1257C26.651%2031.3782%2025.9592%2031.542%2025.1803%2031.6218V33.1199C25.1802%2033.3849%2024.9649%2033.5994%2024.6998%2033.5994H23.2506C22.9855%2033.5994%2022.7702%2033.3849%2022.7701%2033.1199V31.6072C22.0697%2031.5238%2021.4337%2031.3686%2020.8629%2031.1404C19.9689%2030.7808%2019.2691%2030.256%2018.7633%2029.5662C18.3663%2029.019%2018.1134%2028.3769%2018.0055%2027.6404C17.958%2027.3166%2018.2349%2027.0438%2018.5768%2027.0437H20.1891C20.5043%2027.0437%2020.7572%2027.2796%2020.8414%2027.5701C20.9264%2027.8631%2021.0646%2028.1204%2021.2545%2028.3415C21.5509%2028.6864%2021.9367%2028.944%2022.4117%2029.114C22.892%2029.284%2023.4285%2029.3689%2024.0211%2029.3689C24.6394%2029.3689%2025.1811%2029.2812%2025.6461%2029.1062C26.1161%2028.9264%2026.4839%2028.6788%2026.7496%2028.363C27.0154%2028.0423%2027.1508%2027.6677%2027.1559%2027.24C27.1507%2026.8514%2027.0305%2026.5307%2026.7955%2026.2781C26.5605%2026.0206%2026.2312%2025.8065%2025.8073%2025.6365C25.3882%2025.4615%2024.8977%2025.3058%2024.3356%2025.1697L22.5494%2024.7331C21.2566%2024.4173%2020.2342%2023.9381%2019.483%2023.2966C18.7371%2022.6503%2018.3639%2021.7924%2018.3639%2020.7234C18.3639%2019.8437%2018.6151%2019.0728%2019.1158%2018.4119C19.6217%2017.7511%2020.3088%2017.2382%2021.1774%2016.8738C21.671%2016.6639%2022.2022%2016.5161%2022.7701%2016.4255V14.8796C22.7703%2014.6147%2022.9856%2014.4001%2023.2506%2014.4001H24.6998Z'%20fill='white'/%3e%3c/svg%3e");
}
.icon-with-chain.showMark-USD1::before {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/USD1-Bx3ywqkj.svg");
}
.icon-with-chain.chain-tron::after {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='24'%20height='24'%20rx='12'%20fill='%23C53027'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.81946%205.5L11.855%2020.5L20.2639%2010.38L17.2868%207.5845L5.81946%205.5ZM7.95947%206.69261L16.2252%208.19538L13.0167%2010.8359L7.95947%206.69261ZM7.38599%207.25172L12.6565%2011.5699L11.8325%2018.3035L7.38599%207.25172ZM17.1024%208.50293L18.8565%2010.1502L14.059%2011.0084L17.1024%208.50293ZM13.4197%2011.9274L18.7323%2010.9773L12.6387%2018.3108L13.4197%2011.9274Z'%20fill='white'/%3e%3c/svg%3e");
}
.icon-with-chain.chain-eth::after {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_9872_13327)'%3e%3cpath%20d='M12%2024C18.6274%2024%2024%2018.6274%2024%2012C24%205.37258%2018.6274%200%2012%200C5.37258%200%200%205.37258%200%2012C0%2018.6274%205.37258%2024%2012%2024Z'%20fill='%23627EEA'/%3e%3cpath%20d='M12.3726%203V9.6525L17.9954%2012.165L12.3726%203Z'%20fill='white'%20fill-opacity='0.602'/%3e%3cpath%20d='M12.3735%203L6.75%2012.165L12.3735%209.6525V3Z'%20fill='white'/%3e%3cpath%20d='M12.3726%2016.4757V20.9959L17.9991%2013.2117L12.3726%2016.4757Z'%20fill='white'%20fill-opacity='0.602'/%3e%3cpath%20d='M12.3735%2020.9959V16.4757L6.75%2013.2117L12.3735%2020.9959Z'%20fill='white'/%3e%3cpath%20d='M12.3726%2015.4297L17.9954%2012.165L12.3726%209.65393V15.4297Z'%20fill='white'%20fill-opacity='0.2'/%3e%3cpath%20d='M6.75%2012.165L12.3735%2015.4297V9.65393L6.75%2012.165Z'%20fill='white'%20fill-opacity='0.602'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_9872_13327'%3e%3crect%20width='24'%20height='24'%20rx='12'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.icon-with-chain.chain-bsc::after {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_13333_61790)'%3e%3ccircle%20cx='12'%20cy='12'%20r='12'%20fill='%23F0B90B'/%3e%3cpath%20d='M13.7576%2017.9449V19.9818L12.0009%2021L10.2437%2019.9818V17.9444L12.0009%2018.9626L13.7576%2017.9444L13.7576%2017.9449ZM19.7838%2010.972V16.4869L15.0045%2019.2443V17.2069L18.0256%2015.4682V11.9913L19.7838%2010.9726V10.972ZM4.21668%2010.9725L5.9729%2011.9912V15.4682L8.99445%2017.2069V19.2443L4.21716%2016.4869L4.21619%2010.9735L4.21668%2010.9725ZM15.0211%208.21514L16.7792%209.23334V11.2708L13.7572%2013.0095V16.4869L12%2017.506L10.2428%2016.4873V13.01L7.22073%2011.2712V9.23383L8.97792%208.21563L11.999%209.95432L15.0211%208.21563V8.21514ZM16.7792%2012.7117V14.7482L15.022%2015.7664V13.7295L16.7792%2012.7117V12.7117ZM7.22073%2012.7112L8.97792%2013.7295V15.7664L8.97646%2015.7659L7.22073%2014.7482V12.7112ZM18.0266%206.47692L19.7838%207.49514V9.53254L18.0266%2010.5507V8.51383H18.0261L16.2699%207.49514L18.0266%206.47644V6.47692ZM5.97337%206.47692L7.73008%207.49563L5.97337%208.51432V10.5512L4.21619%209.53351V7.4961L5.97337%206.47741V6.47692ZM11.999%206.47692L13.7562%207.49563L11.999%208.51432V8.51336L10.2423%207.49563L11.999%206.47692ZM12%203L16.7792%205.75692L15.022%206.77464L11.999%205.03644L8.97792%206.77464L7.22073%205.75692L12%203Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_13333_61790'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

.padding-block-con {
  margin-top: 24px;
  border-radius: 24px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: rgba(255, 255, 255, 0.05);
  border-radius: 24px;
  padding: 32px 40px;
}
.padding-block-con .padding-block-header {
  padding-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.padding-block-con .padding-block-header-font {
  color: #fff;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  display: flex;
  align-items: center;
}
.padding-block-con .padding-block-header-icon {
  padding: 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}
.padding-block-con .padding-block-header-icon img {
  height: 24px;
  width: 24px;
}
.padding-block-con .padding-block-body {
  border-radius: 24px;
}
.padding-block-con .padding-block-body.needBg-true {
  background: rgba(0, 0, 0, 0.16);
}
.padding-block-con .padding-block-body .chart {
  padding: 24px;
}
@media screen and (max-width: 767px) {
  .padding-block-con {
    border-radius: 16px;
    padding: 16px 16px 24px 16px;
  }
  .padding-block-con .padding-block-header-font {
    font-size: 16px;
    font-weight: 700;
  }
  .padding-block-con .padding-block-header {
    padding-bottom: 16px;
  }
  .padding-block-con .padding-block-header-icon {
    padding: 6px;
    margin-right: 8px;
  }
  .padding-block-con .padding-block-header-icon img {
    height: 20px;
    width: 20px;
  }
  .padding-block-con .padding-block-body {
    border-radius: 16px;
  }
  .padding-block-con .padding-block-body .chart {
    padding: 16px;
  }
}

.nopadding-block-con {
  margin-top: 24px;
  border-radius: 24px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: rgba(255, 255, 255, 0.05);
  border-radius: 24px;
}
.nopadding-block-con .nopadding-block-header {
  padding: 32px 40px;
  padding-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nopadding-block-con .nopadding-block-header-font {
  color: #fff;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  display: flex;
  align-items: center;
}
.nopadding-block-con .nopadding-block-header-icon {
  padding: 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}
.nopadding-block-con .nopadding-block-header-icon img {
  height: 24px;
  width: 24px;
}
.nopadding-block-con .nopadding-block-body {
  border-radius: 24px;
}
.nopadding-block-con .nopadding-block-body.needBg-true {
  background: rgba(0, 0, 0, 0.16);
}
.nopadding-block-con .nopadding-block-body .chart {
  padding: 24px;
}
@media screen and (max-width: 767px) {
  .nopadding-block-con {
    border-radius: 16px;
  }
  .nopadding-block-con .nopadding-block-header {
    padding: 16px;
  }
  .nopadding-block-con .nopadding-block-header-font {
    font-size: 16px;
    font-weight: 700;
  }
  .nopadding-block-con .nopadding-block-header {
    padding-bottom: 16px;
  }
  .nopadding-block-con .nopadding-block-header-icon {
    padding: 6px;
    border-radius: 6px;
    margin-right: 8px;
  }
  .nopadding-block-con .nopadding-block-header-icon img {
    height: 20px;
    width: 20px;
  }
  .nopadding-block-con .nopadding-block-body {
    border-radius: 16px;
  }
  .nopadding-block-con .nopadding-block-body .chart {
    padding: 16px;
  }
}

.padding-block-con {
  margin-top: 24px;
  border-radius: 24px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: #232426;
  border-radius: 24px;
  padding: 32px 40px;
}
.padding-block-con .padding-block-header {
  padding-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.padding-block-con .padding-block-header-font {
  color: #fff;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  display: flex;
  align-items: center;
}
.padding-block-con .padding-block-header-icon {
  padding: 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}
.padding-block-con .padding-block-header-icon img {
  height: 24px;
  width: 24px;
}
.padding-block-con .padding-block-body {
  border-radius: 24px;
}
.padding-block-con .padding-block-body.needBg-true {
  background: rgba(0, 0, 0, 0.16);
}
.padding-block-con .padding-block-body .chart {
  padding: 24px;
}
@media screen and (max-width: 767px) {
  .padding-block-con {
    border-radius: 16px;
    padding: 16px 16px 24px 16px;
  }
  .padding-block-con .padding-block-header-font {
    font-size: 16px;
    font-weight: 700;
  }
  .padding-block-con .padding-block-header {
    padding-bottom: 16px;
  }
  .padding-block-con .padding-block-header-icon {
    padding: 6px;
    margin-right: 8px;
  }
  .padding-block-con .padding-block-header-icon img {
    height: 20px;
    width: 20px;
  }
  .padding-block-con .padding-block-body {
    border-radius: 16px;
  }
  .padding-block-con .padding-block-body .chart {
    padding: 16px;
  }
}

.nopadding-block-con {
  margin-top: 24px;
  border-radius: 24px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: #232426;
  border-radius: 24px;
}
.nopadding-block-con .nopadding-block-header {
  padding: 32px 40px;
  padding-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nopadding-block-con .nopadding-block-header-font {
  color: #fff;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  display: flex;
  align-items: center;
}
.nopadding-block-con .nopadding-block-header-icon {
  padding: 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}
.nopadding-block-con .nopadding-block-header-icon img {
  height: 24px;
  width: 24px;
}
.nopadding-block-con .nopadding-block-body {
  border-radius: 24px;
}
.nopadding-block-con .nopadding-block-body.needBg-true {
  background: rgba(0, 0, 0, 0.16);
}
.nopadding-block-con .nopadding-block-body .chart {
  padding: 24px;
}
@media screen and (max-width: 767px) {
  .nopadding-block-con {
    border-radius: 16px;
  }
  .nopadding-block-con .nopadding-block-header {
    padding: 16px;
  }
  .nopadding-block-con .nopadding-block-header-font {
    font-size: 16px;
    font-weight: 700;
  }
  .nopadding-block-con .nopadding-block-header {
    padding-bottom: 16px;
  }
  .nopadding-block-con .nopadding-block-header-icon {
    padding: 6px;
    border-radius: 6px;
    margin-right: 8px;
  }
  .nopadding-block-con .nopadding-block-header-icon img {
    height: 20px;
    width: 20px;
  }
  .nopadding-block-con .nopadding-block-body {
    border-radius: 16px;
  }
  .nopadding-block-con .nopadding-block-body .chart {
    padding: 16px;
  }
}

.bg-position {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .bg-position {
    display: none;
  }
}

.root-bg {
  background-image: url("https://prod-app-cdn-new.usdd.io/static/media/liquidationBg-DykIhEn-.jpg");
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .root-bg {
    background-position: top right;
    background-image: url("https://prod-app-cdn-new.usdd.io/static/media/BG-CuztqvkV.jpg");
  }
}

.ant-modal-root .ant-modal-mask {
  backdrop-filter: blur(4px);
}

.bold-400 {
  font-weight: 400;
}

.bold-600 {
  font-weight: 600;
}

.bold-700 {
  font-weight: 600;
}

.with-100 {
  width: 100px;
}

.width-100-percent {
  width: 100%;
}

::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.pad-show {
  display: none !important;
}

.pad-hidden {
  display: block !important;
}

@media screen and (min-width: 767px) and (max-width: 1232px) {
  .pad-show {
    display: block !important;
  }
  .pad-hidden {
    display: none !important;
  }
}
.usdd-tooltip-link-a {
  color: #81deb0;
  text-decoration: underline;
  font-size: 12px;
}
.usdd-tooltip-link-a:hover {
  color: #5fc693;
  text-decoration: underline;
}

.dot-text {
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  cursor: pointer;
  text-decoration-color: #6d6d6e;
  text-decoration-thickness: 8%; /* 1.12px */
  text-underline-offset: 16%; /* 2.8px */
}
.dot-text:hover {
  color: #5fc693 !important;
  text-decoration-color: #5fc693;
}.ant-carousel .slick-dots-bottom {
  bottom: -18px;
}

.ant-carousel .slick-dots li button {
  width: 16px;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.6);
}

.ant-carousel .slick-dots li.slick-active button {
  background: rgba(255, 255, 255, 0.6);
}

.ant-carousel .slick-dots li.slick-active {
  width: 16px;
}

.ant-popover .ant-popover-arrow {
  display: none;
}
.ant-popover.usdd-menu-popover .ant-popover-inner, .ant-popover.wallet-popover .ant-popover-inner {
  background-color: transparent;
  backdrop-filter: none;
}
.ant-popover.usdd-menu-popover .ant-popover-content, .ant-popover.wallet-popover .ant-popover-content {
  border-radius: 16px;
  background: var(--Dark-Neutral-border_03, rgba(255, 255, 255, 0.08));
  backdrop-filter: blur(20px);
  border: none;
  padding: 16px;
}
.ant-popover.usdd-menu-popover .ant-popover-content .ant-popover-title, .ant-popover.wallet-popover .ant-popover-content .ant-popover-title {
  margin-bottom: 0;
}
.ant-popover .ant-popover-content {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(16px);
}
.ant-popover .ant-popover-content .ant-popover-inner {
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  width: 100%;
}
.ant-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  color: #fff;
}
.ant-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-typography {
  color: inherit;
}

.ant-dropdown {
  background-color: transparent;
}
.ant-dropdown .ant-dropdown-menu {
  border-radius: 6px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(16px);
  padding: 16px;
  margin-top: 8px;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item {
  padding: 8px 8px;
  font-size: 14px;
  color: #CECECF;
  border-radius: 8px;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item + .ant-dropdown-menu-item {
  margin-top: 4px;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover {
  background: rgba(255, 255, 255, 0.05);
  color: #81deb0;
}

.ant-modal .ant-modal-close {
  width: auto;
  height: auto;
  top: 36px;
  right: 32px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .ant-modal .ant-modal-close {
    top: 28px;
    right: 24px;
  }
}
.ant-modal .ant-modal-close svg {
  fill: rgba(255, 255, 255, 0.4);
}
.ant-modal .ant-modal-close:hover {
  color: #81deb0;
}
.ant-modal .ant-modal-close:hover svg {
  fill: #5fc693;
}
.ant-modal .ant-modal-footer {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .ant-modal .ant-modal-footer {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.ant-modal .ant-modal-footer .ant-btn {
  font-weight: 600;
  min-width: 160px;
  height: 40px;
}
@media screen and (max-width: 767px) {
  .ant-modal .ant-modal-footer .ant-btn {
    flex: 1;
    border-radius: 6px;
    min-width: unset;
  }
}
.ant-modal .ant-modal-content {
  display: flex;
  width: 560px;
  padding: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  border-radius: 24px;
  background: #212426;
}
@media screen and (max-width: 767px) {
  .ant-modal .ant-modal-content {
    width: 100%;
    padding: 24px;
    border-radius: 16px;
  }
}
.ant-modal:not(.region-bin-modal) .ant-modal-content .ant-modal-header {
  background-color: transparent;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 24px;
}
.ant-modal:not(.region-bin-modal) .ant-modal-content .ant-modal-header .ant-modal-title {
  color: var(--Neutral-text_01, #fff);
  text-align: left;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .ant-modal:not(.region-bin-modal) .ant-modal-content .ant-modal-header {
    margin-bottom: 24px;
  }
}

.ant-btn {
  background: rgba(255, 255, 255, 0.08);
  color: #CECECF;
  font-family: Inter;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  height: auto;
  width: fit-content;
  border-radius: 4px;
  transition: unset;
  padding: 5px 15px;
  box-shadow: none;
}
.ant-btn:hover, .ant-btn:focus {
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.ant-btn:disabled {
  color: #3D3D3E;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.08);
}

.ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover {
  background: #2a8c6c;
}

.ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover,
:where(.css-dev-only-do-not-override-1khwj3e).ant-btn-variant-dashed:not(:disabled):not(.ant-btn-disabled):hover {
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.ant-btn-default {
  background: rgba(255, 255, 255, 0.08);
  color: #CECECF;
  font-family: Inter;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  height: auto;
  width: fit-content;
  border-radius: 4px;
  transition: unset;
  padding: 5px 15px;
  box-shadow: none;
}
.ant-btn-default:hover, .ant-btn-default:focus {
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.ant-btn-default:disabled {
  color: #3D3D3E;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.08);
}

.ant-btn-primary {
  color: #fff;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 6px 16px;
  height: auto;
  width: fit-content;
  background: #216c58;
  border: none;
  border-radius: 4px;
  transition: unset;
  box-shadow: none;
}
.ant-btn-primary:hover, .ant-btn-primary:focus {
  border: none;
  background: #2a8c6c;
}
.ant-btn-primary:disabled {
  border: none;
  color: #6D6D6E;
  background-color: rgba(42, 140, 108, 0.4);
}

.ant-btn-text {
  color: #CECECF;
  font-size: 14px;
  font-weight: 400;
  border: none;
  background: none;
}
.ant-btn-text:hover, .ant-btn-text:focus {
  color: #5fc693;
  border: none;
  background: none;
}
.ant-btn-text:disabled {
  color: #6D6D6E;
  border: none;
  background: none;
}

.ant-btn-variant-text:not(:disabled):not(.ant-btn-disabled):hover {
  color: #5fc693;
  border: none;
  background: none;
}

.ant-btn.m-size {
  border-radius: 8px;
  font-size: 16px;
  height: 48px;
  font-weight: 600;
}
.ant-btn.m-size.full-width {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .ant-btn.m-size {
    border-radius: 6px;
    height: 40px;
  }
}

.ant-btn.l-size {
  height: 48px;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  border-radius: 8px;
  height: 64px;
}
.ant-btn.l-size.weight-600 {
  font-weight: 600;
}
.ant-btn.l-size.width-100-percent {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .ant-btn.l-size {
    font-size: 14px;
    height: 40px;
    font-weight: 600;
  }
}

.ant-btn.max-btn {
  display: flex;
  padding: 4px 12px;
  align-items: center;
  gap: 12px;
  border-radius: 16px;
  border: 1px solid #216c58;
  background: rgba(68, 143, 106, 0.2);
  color: #81deb0;
  line-height: 100%;
}
.ant-btn.max-btn:hover {
  color: #81deb0 !important;
  border: 1px solid #5fc693 !important;
  background: rgba(68, 143, 106, 0.2) !important;
}
.ant-btn.max-btn:active {
  color: #81deb0 !important;
  border: 1px solid #81deb0 !important;
  background: rgba(68, 143, 106, 0.2) !important;
}

.input-container .ant-input-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.input-container .ant-input-value {
  color: #CECECF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.input-container .ant-input-label {
  color: #9E9E9F;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.input-container .ant-input-affix-wrapper {
  display: flex;
  align-items: center;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: #181a1c;
  box-shadow: none;
  padding-inline: 16px;
  padding-block: 16px;
}
.input-container .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
  border: 1px solid #216c58;
}
.input-container .ant-input-affix-wrapper.opcity-bg {
  background: rgba(24, 26, 28, 0.5);
}
.input-container .ant-input-affix-wrapper .ant-input-prefix {
  width: 24px;
  height: 24px;
  margin-inline-end: 8px;
}
.input-container .ant-input-affix-wrapper .ant-input-prefix img {
  width: 100%;
  height: auto;
}
.input-container .ant-input-affix-wrapper .ant-input {
  flex: auto;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.input-container .ant-input-affix-wrapper .ant-input::placeholder {
  color: #6D6D6E;
}
.input-container .ant-input-msg-info {
  margin-top: 8px;
  display: flex;
  gap: 8px;
  color: #9E9E9F;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  border-radius: 6px;
}
.input-container .ant-input-msg-info svg,
.input-container .ant-input-msg-info .anticon {
  color: #6D6D6E;
}
.input-container .ant-input-msg-info.error {
  padding: 12px 16px;
  color: #9E9E9F;
  background: rgba(255, 143, 11, 0.1);
}
.input-container .ant-input-msg-info.error svg,
.input-container .ant-input-msg-info.error .anticon {
  color: #ff8f0b;
  height: 20px;
  width: 20px;
}

.explain-icon {
  color: rgba(255, 255, 255, 0.4);
  -webkit-tap-highlight-color: transparent;
}
.explain-icon:hover {
  color: #81deb0;
}

.simple-tip-icon {
  margin-left: 4px;
  cursor: pointer;
  font-size: 0;
}
.simple-tip-icon:hover svg path {
  fill: #5fc693;
  fill-opacity: 1;
}
@media screen and (max-width: 767px) {
  .simple-tip-icon svg {
    width: 16px;
    height: 16px;
  }
}:root {
  --apkt-tokens-theme-backgroundPrimary: #212426 !important;
  --apkt-tokens-theme-foregroundPrimary: #181a1c !important;
  --apkt-tokens-theme-foregroundSecondary: rgba(255, 255, 255, 0.08) !important;
  --apkt-tokens-theme-foregroundTertiary: #232425 !important;
}

body {
  font-family: "Inter", "Space Grotesk", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #0c0c0e;
  color: #fff;
}

a {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  -webkit-tap-highlight-color: transparent;
}

p {
  line-height: 1.4;
  margin: 0;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}