@charset "UTF-8";.not-found-root {
  display: flex;
  align-items: center;
  min-height: calc(100vh - 473px);
  background-image: url("https://prod-home-cdn-new.usdd.io/static/media/bg-DJBnMRdS.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 1472px) and (max-width: 767px) {
  .not-found-root {
    padding-top: 56px;
  }
}
@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: 56px;
  }
}
@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;
  }
}
@media screen and (max-width: 767px) {
  .not-found-root {
    min-height: 100vh;
    background-image: url("https://prod-home-cdn-new.usdd.io/static/media/bg-h5-Bi1X6Out.svg");
  }
}
.not-found-root .content-box {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1472px) {
  .not-found-root .content-box {
    width: 1440px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .not-found-root .content-box {
    width: 1200px;
  }
}
@media screen and (max-width: 767px) {
  .not-found-root .content-box {
    width: unset;
    padding: 0 20px;
  }
}
.not-found-root .content-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.not-found-root .title {
  max-width: 600px;
  text-align: center;
  font-family: Inter;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  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;
}
@media screen and (max-width: 767px) {
  .not-found-root .title {
    font-size: 32px;
  }
}
.not-found-root .desc {
  max-width: 600px;
  margin: 16px auto 48px;
  color: #cececf;
  text-align: center;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 767px) {
  .not-found-root .desc {
    margin: 16px auto 32px;
    font-size: 16px;
  }
}
.not-found-root .go-home {
  display: flex;
  gap: 4px;
  align-items: center;
}
.not-found-root .go-home div {
  display: flex;
  width: 160px;
  height: 48px;
  padding: 0 24px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  cursor: default;
}
.not-found-root .go-home a {
  display: flex;
  width: 48px;
  height: 48px;
  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 .go-home a:hover {
  background: #5fc693;
}.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: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 {
  justify-content: flex-end;
}
.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 + .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,
.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-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;
}
.usdd-header-container .usdd-header.header {
  box-sizing: border-box;
  width: 100%;
  background: rgba(0, 0, 0, 0.01);
  backdrop-filter: blur(5px);
  max-width: 1440px;
  margin: 0 auto;
}
.usdd-header-container .usdd-header-end {
  display: flex;
  gap: 8px;
}

.resources-nav-label,
.resources-title-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.resources-menu-item .usdd-submenu-item-icon img {
  display: block;
  width: 24px;
  height: 24px;
}

.new-badge {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 43px;
  height: 20px;
  padding: 0 6px;
  border: 1px solid transparent;
  border-radius: 14px;
  background-image: linear-gradient(#216c58, #216c58), linear-gradient(105deg, #e1dc90 0%, #81deb0 52%, #2a8c6c 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  flex-shrink: 0;
}

.custom-gradient-btn.ant-btn.ant-btn-variant-solid {
  padding: 8px 32px;
  border-radius: 8px;
  border: solid 1px transparent;
  color: var(--Dark-Neutral-text_01, #fff);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  background-image: linear-gradient(rgb(20, 22, 22), rgb(20, 22, 22)), radial-gradient(98.48% 98.48% at 98.48% 93.75%, #216c58 0%, #81deb0 90%, #e1dc90 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
@media screen and (max-width: 767px) {
  .custom-gradient-btn.ant-btn.ant-btn-variant-solid {
    padding: 8px 24px;
    border-radius: 6px;
  }
}
.custom-gradient-btn.ant-btn.ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover, .custom-gradient-btn.ant-btn.ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):focus, .custom-gradient-btn.ant-btn.ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):active {
  color: rgb(129, 222, 176);
  border: solid 1px transparent;
  background-image: linear-gradient(rgb(20, 22, 22), rgb(20, 22, 22)), radial-gradient(98.48% 98.48% at 98.48% 93.75%, #216c58 0%, #81deb0 90%, #e1dc90 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}.home-route-skeleton {
  --hrs-bg: #0c0c0e;
  --hrs-sk: rgba(255, 255, 255, 0.03);
  --hrs-sk-hi: rgba(255, 255, 255, 0.06);
  min-height: 100vh;
  overflow-x: hidden;
  background: var(--hrs-bg);
  font-size: 0;
  line-height: 0;
}
.home-route-skeleton *,
.home-route-skeleton *::before,
.home-route-skeleton *::after {
  box-sizing: border-box;
}

.hrs-container {
  width: 1440px;
  margin: 0 auto;
}

.hrs-block {
  display: block;
  flex-shrink: 0;
  background-color: var(--hrs-sk);
  background-image: linear-gradient(90deg, var(--hrs-sk) 0%, var(--hrs-sk-hi) 50%, var(--hrs-sk) 100%);
  background-size: 200% 100%;
  animation: hrs-shimmer 2s ease-in-out infinite;
}

.hrs-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 160px;
}

.hrs-hero__h1 {
  width: 846px;
  max-width: 100%;
  height: 48px;
  border-radius: 8px;
}

.hrs-hero__h2 {
  width: 372px;
  max-width: 90%;
  height: 48px;
  margin-top: 20px;
  border-radius: 8px;
}

.hrs-hero__desc {
  width: 950px;
  max-width: 100%;
  height: 20px;
  margin-top: 40px;
  border-radius: 4px;
}

.hrs-hero__btns {
  display: flex;
  gap: 16px;
  margin-top: 140px;
}

.hrs-hero__btn {
  width: 200px;
  height: 48px;
  border-radius: 8px;
}

.hrs-stats {
  margin-top: 80px;
}

.hrs-stats__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.hrs-stats__card {
  height: 180px;
  border-radius: 24px;
}

.hrs-sec-hd {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-bottom: 40px;
}

.hrs-feature {
  margin-top: 120px;
}

.hrs-feature__title {
  width: 710px;
  max-width: 100%;
  height: 72px;
  border-radius: 8px;
}

.hrs-feature__subtitle {
  width: 604px;
  max-width: 100%;
  height: 20px;
  border-radius: 4px;
}

.hrs-feature__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.hrs-feature__card {
  height: 760px;
  border-radius: 24px;
}

.hrs-earn {
  margin-top: 120px;
}

.hrs-earn__title {
  width: 410px;
  max-width: 100%;
  height: 72px;
  border-radius: 8px;
}

.hrs-earn__top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 24px;
}

.hrs-earn__top-card {
  height: 360px;
  border-radius: 24px;
}

.hrs-earn__bottom {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.hrs-earn__btm-card {
  height: 300px;
  border-radius: 24px;
}

.hrs-trade {
  margin-top: 240px;
}

.hrs-trade__title {
  width: 410px;
  max-width: 100%;
  height: 72px;
  border-radius: 8px;
}

.hrs-trade__cards {
  display: flex;
  align-items: flex-end;
  gap: 24px;
}

.hrs-trade__card {
  flex: 1;
  border-radius: 24px;
}

.hrs-trade__card--side {
  height: 560px;
}

.hrs-trade__card--mid {
  height: 600px;
}

.hrs-news {
  margin-top: 240px;
}

.hrs-news__title {
  width: 200px;
  max-width: 100%;
  height: 72px;
  border-radius: 8px;
}

.hrs-news__rows {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.hrs-news__row {
  height: 336px;
  border-radius: 24px;
}

.hrs-tokens {
  margin-top: 120px;
  margin-bottom: 270px;
}

.hrs-tokens__title {
  width: 200px;
  max-width: 100%;
  height: 72px;
  border-radius: 8px;
}

.hrs-tokens__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.hrs-tokens__card {
  height: 238px;
  border-radius: 24px;
}

@keyframes hrs-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hrs-block {
    background-image: none;
    animation: none;
  }
}
@media (max-width: 1472px) {
  .hrs-container {
    width: 1200px;
  }
}
@media (max-width: 1200px) {
  .hrs-container {
    width: 100%;
    padding: 0 20px;
    padding-top: 160px;
  }
}
@media (max-width: 767px) {
  .hrs-hero {
    padding-top: 72px;
  }
  .hrs-hero__h1 {
    width: 320px;
    height: 20px;
  }
  .hrs-hero__h2 {
    width: 280px;
    max-width: 280px;
    height: 20px;
    margin-top: 19px;
  }
  .hrs-hero__desc {
    position: relative;
    width: 280px;
    max-width: 280px;
    height: 10px;
    margin-top: 34px;
  }
  .hrs-hero__desc::before,
  .hrs-hero__desc::after,
  .hrs-feature__subtitle::after {
    position: absolute;
    left: 50%;
    display: block;
    height: 10px;
    border-radius: 8px;
    background-color: inherit;
    background-image: inherit;
    background-position: inherit;
    background-size: inherit;
    animation: inherit;
    content: "";
    transform: translateX(-50%);
  }
  .hrs-hero__desc::before {
    top: -18px;
    width: 218px;
  }
  .hrs-hero__desc::after {
    top: 18px;
    width: 76px;
  }
  .hrs-hero__btns {
    width: 100%;
    justify-content: center;
    gap: 8px;
    margin-top: 105px;
  }
  .hrs-hero__btn {
    width: 167px;
    height: 48px;
  }
  .hrs-stats {
    margin-top: 48px;
  }
  .hrs-stats__grid,
  .hrs-feature__cards,
  .hrs-earn__top,
  .hrs-earn__bottom,
  .hrs-tokens__cards {
    grid-template-columns: 1fr;
  }
  .hrs-stats__grid {
    gap: 16px;
  }
  .hrs-stats__card {
    height: 130px;
    border-radius: 16px;
  }
  .hrs-sec-hd {
    gap: 16px;
    margin-bottom: 24px;
  }
  .hrs-feature,
  .hrs-earn,
  .hrs-trade,
  .hrs-news,
  .hrs-tokens {
    margin-top: 60px;
  }
  .hrs-feature .hrs-sec-hd {
    margin-bottom: 42px;
  }
  .hrs-feature__title {
    width: 280px;
    height: 20px;
  }
  .hrs-feature__subtitle {
    position: relative;
    width: 280px;
    max-width: 280px;
    height: 10px;
  }
  .hrs-feature__subtitle::after {
    top: 18px;
    width: 152px;
  }
  .hrs-feature__card {
    height: 642px;
    border-radius: 16px;
  }
  .hrs-feature__card:nth-child(2) {
    height: 764px;
  }
  .hrs-earn__title,
  .hrs-trade__title,
  .hrs-news__title,
  .hrs-tokens__title {
    width: 216px;
    height: 20px;
  }
  .hrs-earn__top-card {
    height: 282px;
    border-radius: 16px;
  }
  .hrs-earn__btm-card {
    height: 174px;
    border-radius: 16px;
  }
  .hrs-trade__cards {
    flex-direction: column;
    align-items: stretch;
  }
  .hrs-trade__card,
  .hrs-trade__card--side,
  .hrs-trade__card--mid {
    height: 400px;
    border-radius: 16px;
  }
  .hrs-news__row {
    height: 600px;
    border-radius: 16px;
  }
  .hrs-tokens__card {
    height: 282px;
    border-radius: 16px;
  }
}.faq-route-skeleton {
  --frs-bg: #0c0c0e;
  --frs-sk: rgba(255, 255, 255, 0.03);
  --frs-sk-hi: rgba(255, 255, 255, 0.06);
  min-height: 100vh;
  overflow-x: hidden;
  background: var(--frs-bg);
  font-size: 0;
  line-height: 0;
}
.faq-route-skeleton *,
.faq-route-skeleton *::before,
.faq-route-skeleton *::after {
  box-sizing: border-box;
}

.frs-container {
  width: 1440px;
  margin: 0 auto;
}

.frs-block {
  display: block;
  flex-shrink: 0;
  background-color: var(--frs-sk);
  background-image: linear-gradient(90deg, var(--frs-sk) 0%, var(--frs-sk-hi) 50%, var(--frs-sk) 100%);
  background-size: 200% 100%;
  animation: frs-shimmer 2s ease-in-out infinite;
}

.frs-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 44px;
  padding-bottom: 120px;
}

.frs-title {
  width: 779px;
  max-width: 100%;
  height: 54px;
  border-radius: 8px;
}

.frs-subtitle {
  width: 560px;
  max-width: 90%;
  height: 54px;
  margin-top: 44px;
  border-radius: 8px;
}

.frs-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 24px;
  margin-top: 166px;
}

.frs-item {
  width: 952px;
  max-width: 100%;
  height: 76px;
  border-radius: 16px;
}

.frs-item--large {
  height: 128px;
}

@keyframes frs-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .frs-block {
    background-image: none;
    animation: none;
  }
}
@media (max-width: 1472px) {
  .frs-container {
    width: 1200px;
  }
}
@media (max-width: 1200px) {
  .frs-container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .frs-title {
    width: 278px;
    height: 28px;
  }
  .frs-subtitle {
    width: 170px;
    height: 28px;
    margin-top: 20px;
  }
  .frs-items {
    gap: 16px;
    margin-top: 68px;
  }
  .frs-item {
    width: 100%;
    border-radius: 12px;
  }
  .frs-item--large {
    height: 162px;
  }
}.news-route-skeleton {
  --nrs-bg: #0c0c0e;
  --nrs-sk: rgba(255, 255, 255, 0.03);
  --nrs-sk-hi: rgba(255, 255, 255, 0.06);
  min-height: 100vh;
  overflow-x: hidden;
  background: var(--nrs-bg);
  font-size: 0;
  line-height: 0;
}
.news-route-skeleton *,
.news-route-skeleton *::before,
.news-route-skeleton *::after {
  box-sizing: border-box;
}

.nrs-container {
  width: 1440px;
  margin: 0 auto;
}

.nrs-block {
  display: block;
  flex-shrink: 0;
  background-color: var(--nrs-sk);
  background-image: linear-gradient(90deg, var(--nrs-sk) 0%, var(--nrs-sk-hi) 50%, var(--nrs-sk) 100%);
  background-size: 200% 100%;
  animation: nrs-shimmer 2s ease-in-out infinite;
}

.nrs-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 44px;
  padding-bottom: 120px;
}

.nrs-title {
  width: 161px;
  height: 54px;
  border-radius: 8px;
}

.nrs-subtitle {
  width: 560px;
  max-width: 90%;
  height: 54px;
  margin-top: 44px;
  border-radius: 8px;
}

.nrs-tabs {
  display: flex;
  gap: 8px;
  margin-top: 166px;
}

.nrs-tab {
  width: 104px;
  height: 32px;
  border-radius: 6px;
}

.nrs-tab--wide {
  width: 107px;
}

.nrs-tab--short {
  width: 70px;
}

.nrs-grid {
  display: grid;
  grid-template-columns: repeat(4, 288px);
  gap: 32px 16px;
  margin-top: 32px;
}

.nrs-card {
  height: 301px;
  border-radius: 16px;
}

@keyframes nrs-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .nrs-block {
    background-image: none;
    animation: none;
  }
}
@media (max-width: 1472px) {
  .nrs-container {
    width: 1200px;
  }
  .nrs-grid {
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .nrs-container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .nrs-title {
    width: 98px;
    height: 28px;
  }
  .nrs-subtitle {
    display: none;
  }
  .nrs-tabs {
    margin-top: 60px;
  }
  .nrs-grid {
    grid-template-columns: 1fr;
    width: 100%;
  }
  .nrs-card {
    height: 331px;
  }
}.treasury-route-skeleton {
  --trs-bg: #0c0c0e;
  --trs-sk: rgba(255, 255, 255, 0.03);
  --trs-sk-hi: rgba(255, 255, 255, 0.06);
  min-height: 100vh;
  overflow-x: hidden;
  background: var(--trs-bg);
  font-size: 0;
  line-height: 0;
}
.treasury-route-skeleton *,
.treasury-route-skeleton *::before,
.treasury-route-skeleton *::after {
  box-sizing: border-box;
}

.trs-container {
  width: 1440px;
  margin: 0 auto;
}

.trs-block {
  display: block;
  flex-shrink: 0;
  background-color: var(--trs-sk);
  background-image: linear-gradient(90deg, var(--trs-sk) 0%, var(--trs-sk-hi) 50%, var(--trs-sk) 100%);
  background-size: 200% 100%;
  animation: trs-shimmer 2s ease-in-out infinite;
}

.trs-wrap {
  padding-top: 63px;
  padding-bottom: 120px;
}

.trs-title {
  width: 729px;
  max-width: 100%;
  height: 48px;
  border-radius: 8px;
}

.trs-subtitles {
  display: flex;
  flex-direction: column;
  gap: 29px;
  margin-top: 29px;
}

.trs-subtitle {
  height: 20px;
  border-radius: 4px;
}

.trs-subtitle--wide {
  width: 623px;
  max-width: 100%;
}

.trs-subtitle--short {
  width: 405px;
  max-width: 100%;
}

.trs-subtitle--mid {
  width: 537px;
  max-width: 100%;
}

.trs-chart,
.trs-table {
  width: 100%;
  border-radius: 24px;
}

.trs-chart {
  height: 531px;
  margin-top: 88px;
}

.trs-table {
  height: 464px;
  margin-top: 48px;
}

@keyframes trs-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .trs-block {
    background-image: none;
    animation: none;
  }
}
@media (max-width: 1472px) {
  .trs-container {
    width: 1200px;
  }
}
@media (max-width: 1200px) {
  .trs-container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .trs-title {
    width: 244px;
    height: 28px;
  }
  .trs-subtitles {
    gap: 12px;
    margin-top: 12px;
  }
  .trs-subtitle--wide,
  .trs-subtitle--short {
    width: 288px;
  }
  .trs-subtitle--mid {
    width: 232px;
  }
  .trs-chart,
  .trs-table {
    border-radius: 16px;
  }
  .trs-chart {
    height: 940px;
    margin-top: 60px;
  }
  .trs-table {
    height: 889px;
    margin-top: 24px;
  }
}.data-route-skeleton {
  --drs-bg: #0c0c0e;
  --drs-sk: rgba(255, 255, 255, 0.03);
  --drs-sk-hi: rgba(255, 255, 255, 0.06);
  min-height: 100vh;
  overflow-x: hidden;
  background: var(--drs-bg);
  font-size: 0;
  line-height: 0;
}
.data-route-skeleton *,
.data-route-skeleton *::before,
.data-route-skeleton *::after {
  box-sizing: border-box;
}

.drs-container {
  width: 1440px;
  margin: 0 auto;
}

.drs-block {
  display: block;
  flex-shrink: 0;
  background-color: var(--drs-sk);
  background-image: linear-gradient(90deg, var(--drs-sk) 0%, var(--drs-sk-hi) 50%, var(--drs-sk) 100%);
  background-size: 200% 100%;
  animation: drs-shimmer 2s ease-in-out infinite;
}

.drs-wrap {
  padding-top: 63px;
  padding-bottom: 120px;
}

.drs-title {
  width: 297px;
  height: 48px;
  border-radius: 8px;
}

.drs-tabs {
  display: flex;
  gap: 8px;
  margin-top: 63px;
}

.drs-tab {
  width: 104px;
  height: 32px;
  border-radius: 6px;
}

.drs-tab--wide {
  width: 107px;
}

.drs-tab--short {
  width: 70px;
}

.drs-bar {
  width: 100%;
  height: 140px;
  margin-top: 32px;
  border-radius: 16px;
}

.drs-charts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 24px;
}

.drs-chart {
  height: 464px;
  border-radius: 24px;
}

.drs-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 24px;
}

.drs-card {
  height: 320px;
  border-radius: 24px;
}

@keyframes drs-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .drs-block {
    background-image: none;
    animation: none;
  }
}
@media (max-width: 1472px) {
  .drs-container {
    width: 1200px;
  }
}
@media (max-width: 1200px) {
  .drs-container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .drs-title {
    width: 169px;
    height: 28px;
  }
  .drs-tabs {
    margin-top: 34px;
  }
  .drs-bar {
    height: 120px;
  }
  .drs-charts,
  .drs-cards {
    grid-template-columns: 1fr;
  }
  .drs-chart {
    height: 384px;
  }
  .drs-charts .drs-chart:last-child {
    height: 382px;
  }
  .drs-card {
    height: 260px;
    border-radius: 16px;
  }
}.smart-route-skeleton {
  --srs-bg: #0c0c0e;
  --srs-sk: rgba(255, 255, 255, 0.03);
  --srs-sk-hi: rgba(255, 255, 255, 0.06);
  min-height: 100vh;
  overflow-x: hidden;
  background: var(--srs-bg);
  font-size: 0;
  line-height: 0;
}
.smart-route-skeleton *,
.smart-route-skeleton *::before,
.smart-route-skeleton *::after {
  box-sizing: border-box;
}

.srs-container {
  width: 1440px;
  margin: 0 auto;
}

.srs-block {
  display: block;
  flex-shrink: 0;
  background-color: var(--srs-sk);
  background-image: linear-gradient(90deg, var(--srs-sk) 0%, var(--srs-sk-hi) 50%, var(--srs-sk) 100%);
  background-size: 200% 100%;
  animation: srs-shimmer 2s ease-in-out infinite;
}

.srs-wrap {
  padding-top: 63px;
  padding-bottom: 120px;
}

.srs-title {
  width: 428px;
  max-width: 100%;
  height: 48px;
  border-radius: 8px;
}

.srs-subtitle {
  width: 408px;
  max-width: 100%;
  height: 20px;
  margin-top: 29px;
  border-radius: 4px;
}

.srs-block-lg {
  width: 100%;
  border-radius: 24px;
}

.srs-block-lg--first {
  height: 560px;
  margin-top: 64px;
}

.srs-block-lg--second {
  height: 638px;
  margin-top: 24px;
}

.srs-block-lg--third {
  height: 914px;
  margin-top: 24px;
}

.srs-block-lg--fourth {
  height: 336px;
  margin-top: 24px;
}

@keyframes srs-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .srs-block {
    background-image: none;
    animation: none;
  }
}
@media (max-width: 1472px) {
  .srs-container {
    width: 1200px;
  }
}
@media (max-width: 1200px) {
  .srs-container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .srs-title {
    width: 244px;
    height: 28px;
  }
  .srs-subtitle {
    width: 230px;
    height: 10px;
    margin-top: 16px;
  }
  .srs-block-lg {
    border-radius: 16px;
  }
  .srs-block-lg--first {
    height: 799px;
    margin-top: 48px;
  }
  .srs-block-lg--second {
    height: 558px;
    margin-top: 24px;
  }
  .srs-block-lg--third {
    height: 2083px;
    margin-top: 24px;
  }
  .srs-block-lg--fourth {
    height: 441px;
    margin-top: 24px;
  }
}.data-detail-route-skeleton {
  --ddrs-bg: #0c0c0e;
  --ddrs-sk: rgba(255, 255, 255, 0.03);
  --ddrs-sk-hi: rgba(255, 255, 255, 0.06);
  min-height: 100vh;
  overflow-x: hidden;
  background: var(--ddrs-bg);
  font-size: 0;
  line-height: 0;
}
.data-detail-route-skeleton *,
.data-detail-route-skeleton *::before,
.data-detail-route-skeleton *::after {
  box-sizing: border-box;
}

.ddrs-container {
  width: 1440px;
  margin: 0 auto;
}

.ddrs-block {
  display: block;
  flex-shrink: 0;
  background-color: var(--ddrs-sk);
  background-image: linear-gradient(90deg, var(--ddrs-sk) 0%, var(--ddrs-sk-hi) 50%, var(--ddrs-sk) 100%);
  background-size: 200% 100%;
  animation: ddrs-shimmer 2s ease-in-out infinite;
}

.ddrs-wrap {
  padding-top: 0;
  padding-bottom: 120px;
}

.ddrs-breadcrumb {
  width: 210px;
  height: 18px;
  margin-top: 40px;
  border-radius: 4px;
}

.ddrs-title-row {
  display: flex;
  align-items: center;
  margin-top: 19px;
}

.ddrs-back {
  width: 40px;
  height: 40px;
  border-radius: 8px;
}

.ddrs-title {
  width: 360px;
  max-width: 45%;
  height: 36px;
  margin-left: 16px;
  border-radius: 8px;
}

.ddrs-contract {
  width: 200px;
  height: 34px;
  margin-left: auto;
  border-radius: 8px;
}

.ddrs-total {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 172px;
  margin-top: 43px;
  padding: 40px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.03);
}

.ddrs-total-label {
  width: 180px;
  height: 24px;
  border-radius: 6px;
}

.ddrs-total-value {
  width: 320px;
  max-width: 100%;
  height: 48px;
  margin-top: 20px;
  border-radius: 8px;
}

.ddrs-content {
  margin-top: 24px;
  padding: 40px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.03);
}

.ddrs-content--table {
  margin-top: 32px;
}

.ddrs-chart-title,
.ddrs-table-title {
  width: 240px;
  height: 28px;
  border-radius: 8px;
}

.ddrs-chart {
  width: 100%;
  height: 420px;
  margin-top: 32px;
  border-radius: 16px;
}

.ddrs-table {
  width: 100%;
  height: 360px;
  margin-top: 32px;
  border-radius: 16px;
}

@keyframes ddrs-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ddrs-block {
    background-image: none;
    animation: none;
  }
}
@media (max-width: 1472px) {
  .ddrs-container {
    width: 1200px;
  }
}
@media (max-width: 1200px) {
  .ddrs-container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .ddrs-wrap {
    padding-top: 12px;
  }
  .ddrs-breadcrumb {
    width: 168px;
    margin-top: 24px;
  }
  .ddrs-title-row {
    align-items: flex-start;
  }
  .ddrs-back {
    width: 36px;
    height: 36px;
  }
  .ddrs-title {
    width: 220px;
    max-width: calc(100% - 52px);
    height: 28px;
  }
  .ddrs-contract {
    display: none;
  }
  .ddrs-total {
    height: 148px;
    margin-top: 32px;
    padding: 24px;
    border-radius: 16px;
  }
  .ddrs-total-value {
    width: 240px;
    height: 36px;
  }
  .ddrs-content {
    padding: 24px;
    border-radius: 16px;
  }
  .ddrs-chart,
  .ddrs-table {
    height: 320px;
    margin-top: 24px;
  }
}.brand-kit-route-skeleton {
  --bkrs-sk: rgba(255, 255, 255, 0.03);
  --bkrs-sk-hi: rgba(255, 255, 255, 0.06);
  min-height: 100vh;
  overflow-x: hidden;
  font-size: 0;
  line-height: 0;
}
.brand-kit-route-skeleton *,
.brand-kit-route-skeleton *::before,
.brand-kit-route-skeleton *::after {
  box-sizing: border-box;
}

.bkrs-container {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1472px) {
  .bkrs-container {
    width: 1440px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .bkrs-container {
    width: 1200px;
  }
}
@media screen and (max-width: 767px) {
  .bkrs-container {
    width: unset;
    padding: 0 20px;
  }
}

.bkrs-block {
  display: block;
  flex-shrink: 0;
  background-color: var(--bkrs-sk);
  background-image: linear-gradient(90deg, var(--bkrs-sk) 0%, var(--bkrs-sk-hi) 50%, var(--bkrs-sk) 100%);
  background-size: 200% 100%;
  animation: bkrs-shimmer 2s ease-in-out infinite;
}

.bkrs-hero {
  min-height: 480px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .bkrs-hero {
    min-height: 0;
    padding: 40px 0 48px;
  }
}

.bkrs-hero__copy {
  width: 708px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .bkrs-hero__copy {
    width: 100%;
    align-items: center;
  }
}

.bkrs-hero__title {
  width: 550px;
  max-width: 100%;
  height: 64px;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .bkrs-hero__title {
    width: 304px;
    height: 38px;
  }
}

.bkrs-hero__lines {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .bkrs-hero__lines {
    align-items: center;
    margin-top: 12px;
  }
}

.bkrs-hero__line {
  width: 100%;
  height: 18px;
  border-radius: 4px;
}
.bkrs-hero__line--short {
  width: 76%;
}
@media screen and (max-width: 767px) {
  .bkrs-hero__line {
    height: 12px;
  }
}

.bkrs-hero__actions {
  width: 544px;
  max-width: 100%;
  display: flex;
  gap: 16px;
  margin-top: 64px;
}
@media screen and (max-width: 767px) {
  .bkrs-hero__actions {
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-top: 24px;
  }
}

.bkrs-hero__action {
  flex: 1;
  height: 48px;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .bkrs-hero__action {
    flex: none;
    width: 76.315%;
  }
}

.bkrs-hero__meta {
  width: 388px;
  max-width: 100%;
  height: 14px;
  margin-top: 24px;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .bkrs-hero__meta {
    width: 280px;
    height: 12px;
  }
}

.bkrs-logo {
  display: grid;
  grid-template-columns: minmax(0, 464px) minmax(0, 1fr);
  gap: 48px;
  margin-top: 160px;
  padding-bottom: 160px;
}
@media screen and (max-width: 767px) {
  .bkrs-logo {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 64px;
    padding-bottom: 64px;
  }
}

.bkrs-logo__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.bkrs-logo__eyebrow {
  width: 48px;
  height: 16px;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .bkrs-logo__eyebrow {
    width: 36px;
    height: 12px;
  }
}

.bkrs-logo__title {
  width: 220px;
  max-width: 100%;
  height: 48px;
  margin-top: 24px;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .bkrs-logo__title {
    width: 160px;
    height: 32px;
    margin-top: 16px;
  }
}

.bkrs-logo__copy {
  width: 100%;
  height: 18px;
  margin-top: 24px;
  border-radius: 4px;
}
.bkrs-logo__copy--short {
  width: 74%;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .bkrs-logo__copy {
    height: 12px;
    margin-top: 16px;
  }
  .bkrs-logo__copy--short {
    margin-top: 8px;
  }
}

.bkrs-logo__card {
  height: 560px;
  border-radius: 24px;
}
@media screen and (max-width: 767px) {
  .bkrs-logo__card {
    height: 420px;
    border-radius: 16px;
  }
}

@keyframes bkrs-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .bkrs-block {
    background-image: none;
    animation: none;
  }
}.gasfree-route-skeleton {
  --gfrs-sk: rgba(255, 255, 255, 0.03);
  --gfrs-sk-hi: rgba(255, 255, 255, 0.06);
  min-height: 100vh;
  overflow: hidden;
  background: #0c0c0e;
  font-size: 0;
  line-height: 0;
}
.gasfree-route-skeleton *,
.gasfree-route-skeleton *::before,
.gasfree-route-skeleton *::after {
  box-sizing: border-box;
}

.gfrs-inner {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1472px) {
  .gfrs-inner {
    width: 1440px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .gfrs-inner {
    width: 1200px;
  }
}
@media screen and (max-width: 767px) {
  .gfrs-inner {
    width: unset;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .gfrs-inner {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0;
  }
}

.gfrs-block {
  display: block;
  flex-shrink: 0;
  background-color: var(--gfrs-sk);
  background-image: linear-gradient(90deg, var(--gfrs-sk) 0%, var(--gfrs-sk-hi) 50%, var(--gfrs-sk) 100%);
  background-size: 200% 100%;
  animation: gfrs-shimmer 2s ease-in-out infinite;
}

.gfrs-hero {
  height: 560px;
  overflow: hidden;
  background: #0c0c0e;
  box-shadow: inset 0 0 160px rgba(33, 108, 88, 0.4);
}
@media screen and (max-width: 767px) {
  .gfrs-hero {
    height: auto;
    padding: 48px 20px 20px;
    box-shadow: inset 0 0 96px rgba(33, 108, 88, 0.32);
  }
}

.gfrs-hero__inner {
  display: grid;
  grid-template-columns: minmax(650px, 1fr) minmax(0, 560px);
  align-items: center;
  gap: 24px;
  height: 560px;
}
@media screen and (max-width: 767px) {
  .gfrs-hero__inner {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 350px;
    max-width: 100%;
    height: auto;
    padding: 0;
  }
}

.gfrs-copy {
  display: flex;
  height: 560px;
  flex-direction: column;
  justify-content: center;
  padding: 0 8px 32px;
}
@media screen and (max-width: 767px) {
  .gfrs-copy {
    width: 100%;
    height: auto;
    align-items: center;
    padding: 0 8px 32px;
  }
}

.gfrs-title {
  width: 520px;
  max-width: 100%;
  height: 78px;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .gfrs-title {
    width: 319px;
    height: 92px;
  }
}

.gfrs-line {
  width: 548px;
  max-width: 100%;
  height: 22px;
  margin-top: 24px;
  border-radius: 4px;
}
.gfrs-line--short {
  display: none;
  width: 390px;
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .gfrs-line {
    width: 280px;
    height: 20px;
    margin-top: 8px;
  }
  .gfrs-line--short {
    display: block;
    width: 220px;
    height: 20px;
    margin-top: 6px;
  }
}

.gfrs-visual {
  position: relative;
  width: 420px;
  max-width: 100%;
  height: 420px;
  justify-self: end;
  border-radius: 24px;
}
@media screen and (max-width: 767px) {
  .gfrs-visual {
    width: 220px;
    height: 220px;
    justify-self: auto;
    border-radius: 16px;
  }
}

.gfrs-section {
  padding-top: 120px;
}
@media screen and (max-width: 767px) {
  .gfrs-section {
    padding: 80px 20px 0;
  }
}

.gfrs-section-head {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 40px;
  padding: 0 8px;
}
.gfrs-section-head--center {
  align-items: center;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .gfrs-section-head {
    gap: 8px;
    margin-bottom: 24px;
    padding: 0 8px;
  }
  .gfrs-section-head--center {
    align-items: stretch;
    padding: 0;
  }
  .gfrs-section-head--tall .gfrs-section-title {
    height: 68px;
  }
  .gfrs-section-head--tall .gfrs-section-copy {
    height: 40px;
  }
  .gfrs-section-head--wallet .gfrs-section-title {
    height: 92px;
  }
  .gfrs-section-head--wallet .gfrs-section-copy {
    height: 60px;
  }
}

.gfrs-section-title {
  width: 560px;
  max-width: 100%;
  height: 56px;
  border-radius: 8px;
}
.gfrs-section-head--center .gfrs-section-title {
  width: 520px;
}
@media screen and (max-width: 767px) {
  .gfrs-section-title {
    width: 260px;
    height: 34px;
  }
  .gfrs-section-head--center .gfrs-section-title {
    width: 100%;
  }
}

.gfrs-section-copy {
  width: 680px;
  max-width: 100%;
  height: 22px;
  border-radius: 4px;
}
.gfrs-section-head--center .gfrs-section-copy {
  width: 620px;
}
@media screen and (max-width: 767px) {
  .gfrs-section-copy {
    width: 100%;
    height: 20px;
  }
}

.gfrs-feature-grid,
.gfrs-flow-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .gfrs-feature-grid,
  .gfrs-flow-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.gfrs-card {
  overflow: hidden;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: #212426;
}

.gfrs-feature-card {
  display: flex;
  height: 360px;
  flex-direction: column;
  padding: 24px;
  border-radius: 24px;
}
@media screen and (max-width: 767px) {
  .gfrs-feature-card {
    border-radius: 16px;
  }
}

.gfrs-card-media {
  width: 100%;
  height: 180px;
  margin-bottom: 24px;
  border-radius: 8px;
}

.gfrs-card-title {
  width: 74%;
  height: 28px;
  border-radius: 6px;
}

.gfrs-card-line {
  width: 100%;
  height: 20px;
  margin-top: 8px;
  border-radius: 4px;
}
.gfrs-card-line--short {
  width: 76%;
}

.gfrs-flow-card {
  display: flex;
  min-height: 260px;
  flex-direction: column;
  gap: 16px;
  padding: 24px 0 0 24px;
  border-radius: 24px;
}
@media screen and (max-width: 767px) {
  .gfrs-flow-card {
    min-height: 224px;
    padding: 20px 0 0 20px;
    border-radius: 16px;
  }
}

.gfrs-flow-head {
  display: flex;
  height: 48px;
  align-items: center;
  gap: 8px;
  padding-right: 24px;
}

.gfrs-flow-index {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.gfrs-flow-title {
  width: 58%;
  height: 48px;
  border-radius: 100px;
}

.gfrs-flow-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  min-height: 172px;
  padding: 24px;
  border-radius: 24px 0 0;
  background: #181a1c;
}
@media screen and (max-width: 767px) {
  .gfrs-flow-body {
    min-height: 140px;
    padding: 20px;
    border-radius: 16px 0 0;
  }
}

.gfrs-chip {
  width: 112px;
  height: 24px;
  margin-top: 16px;
  border-radius: 100px;
}

.gfrs-wallets {
  margin-top: 120px;
  padding: 120px 0;
  background: linear-gradient(180deg, #181a1c 0%, #212426 100%);
}
@media screen and (max-width: 767px) {
  .gfrs-wallets {
    margin-top: 80px;
    padding: 80px 20px;
  }
}

.gfrs-wallet-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .gfrs-wallet-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.gfrs-wallet-card {
  display: flex;
  min-height: 240px;
  align-items: flex-start;
  gap: 32px;
  padding: 40px;
  border-radius: 24px;
  background: #181a1c;
}
@media screen and (max-width: 767px) {
  .gfrs-wallet-card {
    min-height: 274px;
    flex-direction: column;
    gap: 16px;
    padding: 24px 20px;
    border-radius: 16px;
  }
}

.gfrs-wallet-icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
}

.gfrs-wallet-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 160px;
}
@media screen and (max-width: 767px) {
  .gfrs-wallet-copy {
    width: 100%;
    min-height: 0;
  }
}

.gfrs-platforms {
  display: flex;
  gap: 10px;
  margin-top: auto;
}
.gfrs-platforms span {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .gfrs-platforms {
    margin-top: 16px;
  }
}

.gfrs-faq {
  padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .gfrs-faq {
    padding-bottom: 80px;
  }
  .gfrs-faq .gfrs-section-copy {
    height: 40px;
  }
}

.gfrs-faq-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 767px) {
  .gfrs-faq-list {
    gap: 16px;
  }
}

.gfrs-faq-item {
  width: 100%;
  height: 76px;
  border-radius: 16px;
}
.gfrs-faq-item--open {
  height: 128px;
}
@media screen and (max-width: 767px) {
  .gfrs-faq-item {
    height: 76px;
  }
  .gfrs-faq-item--open {
    height: 176px;
  }
}

@keyframes gfrs-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .gfrs-block {
    background-image: none;
    animation: none;
  }
}.route-fallback-shell {
  min-height: 100vh;
  box-sizing: border-box;
  background: #0c0c0e;
}.ant-carousel .slick-dots-bottom {
  bottom: -3px;
}
@media screen and (max-width: 767px) {
  .ant-carousel .slick-dots-bottom {
    bottom: -16px;
  }
}

.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;
}

.usdd-modal.ant-modal .ant-modal-close {
  width: auto;
  height: auto;
  top: 36px;
  right: 32px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .usdd-modal.ant-modal .ant-modal-close {
    top: 28px;
  }
}
.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: 767px) {
  .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;
  width: 160px;
  height: 40px;
}
@media screen and (max-width: 767px) {
  .usdd-modal.ant-modal .ant-modal-footer .ant-btn {
    flex: 1;
    border-radius: 6px;
  }
}
.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: 767px) {
  .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: 767px) {
  .usdd-modal.ant-modal .ant-modal-content .ant-modal-header {
    margin-bottom: 24px;
  }
}

.usdd-input {
  width: 100%;
}
.usdd-input.ant-input {
  height: 64px;
  padding: 0 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  outline: none;
  display: flex;
  align-items: center;
  color: #fff;
  box-shadow: none;
}
.usdd-input.ant-input::placeholder {
  color: #fff;
  opacity: 1;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
.usdd-input.ant-input:focus {
  border-color: #81deb0;
}
@media screen and (max-width: 767px) {
  .usdd-input.ant-input {
    font-size: 16px;
    height: 48px;
    border-radius: 8px;
    padding: 0 12px;
  }
  .usdd-input.ant-input::placeholder {
    font-size: 16px;
  }
}
.usdd-input.ant-input::placeholder {
  color: #3d3d3e;
}
.usdd-input.ant-input-number {
  height: 64px;
  padding: 0 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  outline: none;
  display: flex;
  align-items: center;
  color: #fff;
  box-shadow: none;
}
.usdd-input.ant-input-number::placeholder {
  color: #fff;
  opacity: 0.4;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
.usdd-input.ant-input-number:focus {
  border-color: #81deb0;
}
@media screen and (max-width: 767px) {
  .usdd-input.ant-input-number {
    font-size: 16px;
    height: 48px;
    border-radius: 8px;
    padding: 0 12px;
  }
  .usdd-input.ant-input-number::placeholder {
    font-size: 16px;
  }
}
.usdd-input.ant-input-number .ant-input-number-input-wrap {
  width: 100%;
}
.usdd-input.ant-input-number .ant-input-number-input {
  color: #fff;
  font-weight: 700;
  padding: 0;
}
.usdd-input.ant-input-number .ant-input-number-input:focus {
  border-color: #81deb0;
}
.usdd-input.ant-input-number .ant-input-number-input::placeholder {
  color: #fff;
  opacity: 0.4;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}
.usdd-input.ant-input-number-focused.ant-input-number {
  border-color: #216c58 !important;
}
.usdd-input .ant-input-group-addon {
  border: none;
}

.usdd-select {
  height: 64px;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  border-radius: 12px;
  border: none;
  box-shadow: none;
  outline: none;
  display: inline-flex;
}
.usdd-select .ant-select-selector {
  background-color: transparent !important;
  border: none;
  box-shadow: none;
  outline: none;
  padding: 0 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 12px;
}
@media screen and (max-width: 767px) {
  .usdd-select .ant-select-selector {
    border-radius: 8px;
  }
}
.usdd-select .ant-select-selector .ant-select-selection-item {
  display: flex;
  gap: 8px;
  align-items: center;
  overflow: visible;
}
.usdd-select .ant-select-selector .ant-select-selection-item img {
  width: 24px;
}
.usdd-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 */
}
.usdd-select .ant-select-arrow {
  flex: none;
}
@media screen and (max-width: 767px) {
  .usdd-select {
    height: 48px;
    border-radius: 8px;
  }
  .usdd-select .ant-select-selector {
    padding: 0 12px !important;
  }
  .usdd-select .ant-select-selector .ant-select-selection-item {
    gap: 8px;
  }
  .usdd-select .ant-select-selector .ant-select-selection-item img {
    width: 24px;
  }
  .usdd-select .ant-select-selector .ant-select-selection-item span {
    width: 56px;
    font-size: 14px;
  }
}

.usdd-select-popup.ant-select-dropdown {
  backdrop-filter: blur(32px);
  background: rgba(255, 255, 255, 0.0784313725);
  border: 1px solid rgba(33, 108, 88, 0.1490196078);
  border-radius: 8px;
  color: #cececf;
  padding: 8px 0;
}
.usdd-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%;
  padding: 10px 16px !important;
  box-sizing: border-box;
}
.usdd-select-popup.ant-select-dropdown .ant-select-item:hover {
  background-color: rgba(255, 255, 255, 0.0509803922) !important;
}
.usdd-select-popup.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: rgba(0, 0, 0, 0);
  color: #81deb0;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  font-weight: 400;
  line-height: 140%;
}

.usdd-btn.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;
}
.usdd-btn.ant-btn:hover, .usdd-btn.ant-btn:focus {
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.usdd-btn.ant-btn:disabled {
  color: #3d3d3e;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.08);
}

.usdd-btn.ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover {
  background: #5fc693;
}

.usdd-btn.ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover,
.usdd-btn.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;
}

.usdd-btn.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;
}
.usdd-btn.ant-btn-default:hover, .usdd-btn.ant-btn-default:focus {
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.usdd-btn.ant-btn-default:disabled {
  color: #3d3d3e;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.08);
}

.usdd-btn.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: linear-gradient(270deg, #448f6a -1.41%, #5fc693 102.26%);
  border: none;
  border-radius: 4px;
  transition: unset;
  box-shadow: none;
}
.usdd-btn.ant-btn-primary:hover, .usdd-btn.ant-btn-primary:focus {
  border: none;
  background: #5fc693;
}
.usdd-btn.ant-btn-primary:disabled {
  border: none;
  color: #6d6d6e;
  background: linear-gradient(270deg, rgba(68, 143, 106, 0.3) -1.41%, rgba(95, 198, 147, 0.3) 102.26%);
}

.usdd-btn.ant-btn-text {
  color: #9e9e9f;
  font-size: 14px;
  font-weight: 400;
  border: none;
  background: none;
}
.usdd-btn.ant-btn-text:hover, .usdd-btn.ant-btn-text:focus {
  color: #5fc693;
  border: none;
  background: none;
}
.usdd-btn.ant-btn-text:disabled {
  color: #3d3d3e;
  border: none;
  background: none;
}

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

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

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

.usdd-btn.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%;
}
.usdd-btn.ant-btn.max-btn:hover {
  color: #81deb0 !important;
  border: 1px solid #5fc693 !important;
  background: rgba(68, 143, 106, 0.2) !important;
}
.usdd-btn.ant-btn.max-btn:active {
  color: #81deb0 !important;
  border: 1px solid #81deb0 !important;
  background: rgba(68, 143, 106, 0.2) !important;
}

.usdd-tooltip-link-a {
  color: #81deb0;
  text-decoration: underline;
  font-size: 12px;
}
.usdd-tooltip-link-a:hover {
  color: #5fc693;
  text-decoration: underline;
}.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-home-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");
}
.icon-with-chain.chain-plasma::after {
  background-image: url("https://prod-home-cdn-new.usdd.io/static/media/plasma-CLcbla4M.svg");
}
.icon-with-chain.chain-base::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_17821_39616)'%3e%3crect%20width='24'%20height='24'%20rx='12'%20fill='white'/%3e%3cg%20clip-path='url(%23clip1_17821_39616)'%3e%3cpath%20d='M24%2012C24%205.37258%2018.6274%200%2012%200C5.37258%200%200%205.37258%200%2012C0%2018.6274%205.37258%2024%2012%2024C18.6274%2024%2024%2018.6274%2024%2012Z'%20fill='%230052FF'/%3e%3cpath%20d='M11.9861%2020C16.412%2020%2020%2016.4183%2020%2012C20%207.58173%2016.412%204%2011.9861%204C7.78693%204%204.34212%207.22393%204%2011.3275H14.5926V12.6725H4C4.34212%2016.7761%207.78693%2020%2011.9861%2020Z'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_17821_39616'%3e%3crect%20width='24'%20height='24'%20rx='12'%20fill='white'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_17821_39616'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

.copy-container {
  font-size: 0;
}
.copy-container svg {
  cursor: pointer;
  position: relative;
}
.copy-container svg:hover path {
  fill: #5fc693;
  fill-opacity: 1;
}

.padding-block-con {
  margin-top: 24px;
  border-radius: 24px;
  border: 1px solid rgba(33, 108, 88, 0.15);
  background: #212426;
  border-radius: 24px;
  padding: 32px 40px;
  overflow: hidden;
}
.padding-block-con.with-light {
  background-image: url("data:image/svg+xml,%3csvg%20width='1440'%20height='480'%20viewBox='0%200%201440%20480'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.8'%3e%3cg%20opacity='0.6'%20filter='url(%23filter0_f_14445_120064)'%3e%3cpath%20d='M920%2066.5002C647.5%20-10.9998%20503%2046.5002%20444.5%2091.5002C386%20136.5%20370%20187%20256%20187C142%20187%20-34%2099.4572%20-34%20-10.9998C-34%20-121.457%2010.3739%20-120.502%20270.5%20-120.502C530.626%20-120.502%20755.5%20-74.998%20920%2066.5002Z'%20fill='url(%23paint0_linear_14445_120064)'/%3e%3c/g%3e%3cg%20opacity='0.4'%20filter='url(%23filter1_f_14445_120064)'%3e%3cellipse%20cx='63.5427'%20cy='119'%20rx='97.4411'%20ry='100'%20fill='%23DED98F'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_14445_120064'%20x='-234'%20y='-320.502'%20width='1354'%20height='707.502'%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_14445_120064'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_14445_120064'%20x='-193.898'%20y='-141'%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_14445_120064'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_14445_120064'%20x1='437'%20y1='-210.998'%20x2='437'%20y2='189.002'%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-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
}
.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.2);
}
.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.with-light {
    background-image: unset;
  }
  .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: #212426;
  border-radius: 24px;
  overflow: hidden;
}
.nopadding-block-con.with-light {
  background-image: url("data:image/svg+xml,%3csvg%20width='1440'%20height='480'%20viewBox='0%200%201440%20480'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.8'%3e%3cg%20opacity='0.6'%20filter='url(%23filter0_f_14445_120064)'%3e%3cpath%20d='M920%2066.5002C647.5%20-10.9998%20503%2046.5002%20444.5%2091.5002C386%20136.5%20370%20187%20256%20187C142%20187%20-34%2099.4572%20-34%20-10.9998C-34%20-121.457%2010.3739%20-120.502%20270.5%20-120.502C530.626%20-120.502%20755.5%20-74.998%20920%2066.5002Z'%20fill='url(%23paint0_linear_14445_120064)'/%3e%3c/g%3e%3cg%20opacity='0.4'%20filter='url(%23filter1_f_14445_120064)'%3e%3cellipse%20cx='63.5427'%20cy='119'%20rx='97.4411'%20ry='100'%20fill='%23DED98F'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_14445_120064'%20x='-234'%20y='-320.502'%20width='1354'%20height='707.502'%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_14445_120064'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_14445_120064'%20x='-193.898'%20y='-141'%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_14445_120064'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_14445_120064'%20x1='437'%20y1='-210.998'%20x2='437'%20y2='189.002'%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-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
}
.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.2);
}
.nopadding-block-con .nopadding-block-body .chart {
  padding: 24px;
}
@media screen and (max-width: 767px) {
  .nopadding-block-con {
    border-radius: 16px;
  }
  .nopadding-block-con.with-light {
    background-image: unset;
  }
  .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;
  }
}

.net-point {
  height: 720px;
  width: 720px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.width-limit {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1472px) {
  .width-limit {
    width: 1440px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  .width-limit {
    width: 1200px;
  }
}
@media screen and (max-width: 767px) {
  .width-limit {
    width: unset;
    padding: 0 20px;
  }
}.home-pager.pager.ant-pagination .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.home-pager.pager.ant-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  color: #9e9e9f;
}
.home-pager.pager.ant-pagination .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.home-pager.pager.ant-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  color: #81deb0;
}
.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;
}
body {
  font-family: Inter;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #0c0c0e;
  color: #fff;
}

#root {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1472px) {
  #root {
    min-width: 1440px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1472px) {
  #root {
    min-width: 1200px;
  }
}
@media screen and (max-width: 767px) {
  #root {
    min-width: unset;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  #root {
    padding-left: 0;
    padding-right: 0;
  }
}

@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 {
  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 */
  cursor: pointer;
}

/**
 * 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;
}

.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 !important;
}

@media screen and (min-width: 767px) and (max-width: 1472px) {
  .usdd-header {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@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;
}