:root {
  --max-width: 1280px;
  --border-radius: 12px;
  --font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono",
    "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro",
    "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
  --foreground-rgb: 0, 0, 0;
  --background-start-rgb: 214, 219, 220;
  --background-end-rgb: 255, 255, 255;
  --main-color: #ebb94c;
  --main-color-bg: #ebb94c10;
  --brc20-bg: #081817;
  --names-bg: linear-gradient(180deg, #12363a, #0c2730 51.56%, #19333f);
  --app-header-height: 42px;
  --primary-glow: conic-gradient(
    from 180deg at 50% 50%,
    #16abff33 0deg,
    #0885ff33 55deg,
    #54d6ff33 120deg,
    #0071ff33 160deg,
    transparent 360deg
  );
  --secondary-glow: radial-gradient(#fff, hsla(0, 0%, 100%, 0));
  --tile-start-rgb: 239, 245, 249;
  --tile-end-rgb: 228, 232, 233;
  --tile-border: conic-gradient(
    #00000080,
    #00000040,
    #00000030,
    #00000020,
    #00000010,
    #00000010,
    #00000080
  );
  --callout-rgb: 238, 240, 241;
  --callout-border-rgb: 172, 175, 176;
  --card-rgb: 180, 185, 188;
  --card-border-rgb: 131, 134, 135;
}
@media (prefers-color-scheme: dark) {
  :root {
    --foreground-rgb: 255, 255, 255;
    --background-start-rgb: 0, 0, 0;
    --background-end-rgb: 0, 0, 0;
    --primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));
    --secondary-glow: linear-gradient(
      to bottom right,
      rgba(1, 65, 255, 0),
      rgba(1, 65, 255, 0),
      rgba(1, 65, 255, 0.3)
    );
    --tile-start-rgb: 2, 13, 46;
    --tile-end-rgb: 2, 5, 19;
    --tile-border: conic-gradient(
      #ffffff80,
      #ffffff40,
      #ffffff30,
      #ffffff20,
      #ffffff10,
      #ffffff10,
      #ffffff80
    );
    --callout-rgb: 20, 20, 20;
    --callout-border-rgb: 108, 108, 108;
    --card-rgb: 100, 100, 100;
    --card-border-rgb: 200, 200, 200;
  }
}
* {
  box-sizing: border-box;
}
@font-face {
  font-family: Proto Mono;
  src: url(https://next-cdn.unisat.io/_/283/_next/static/media/ProtoMono-Light.167b8246.otf);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Proto Mono;
  src: url(https://next-cdn.unisat.io/_/283/_next/static/media/ProtoMono-Regular.2289270d.otf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Proto Mono;
  src: url(https://next-cdn.unisat.io/_/283/_next/static/media/ProtoMono-Bold.8e02e2e9.otf);
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto Mono;
  src: url(https://next-cdn.unisat.io/_/283/_next/static/media/RobotoMono-Regular.8b3d63f6.ttf);
  font-display: swap;
}
*,
body,
html {
  padding: 0;
  margin: 0;
}
body,
html {
  width: 100%;
  height: 100%;
  font-family: Proto Mono, Helvetica, Arial, sans-serif;
}
body {
  color: #fff;
  background-color: #090808;
}
@media (max-width: 765px) {
  body {
    font-size: 14px;
  }
}
@media (max-width: 475px) {
  body {
    font-size: 13px;
  }
}
@media (max-width: 412px) {
  body {
    font-size: 12px;
  }
}
.display-domain,
.display-number {
  font-family: Roboto Mono, Helvetica, Arial, serif;
}
.pixelated {
  image-rendering: pixelated;
}
.fit-cover {
  object-fit: cover;
}
.main-container {
  min-height: calc(100vh - 188px);
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 1312px) {
  .main-container {
    padding: 0 16px;
  }
}
a {
  color: inherit;
  text-decoration: none;
}
iframe {
  border: none;
}
iframe pre {
  color: #fff;
}
.notice {
  color: #8a8a8a;
}
.ant-steps-item-container .ant-steps-item-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.ant-radio-wrapper.full-width-radio > span:nth-child(2) {
  flex: 1 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (prefers-color-scheme: dark) {
  html {
    color-scheme: dark;
  }
}
.mixpay-btn {
  cursor: pointer;
  line-height: 1;
}
.mixpay-btn,
.mixpay-btn img {
  border-radius: 5px;
  overflow: hidden;
}
.mixpay-btn:hover {
  opacity: 0.9;
}
.button {
  background-color: var(--main-color);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  font-size: 14px;
  transition: all 0.2s ease-in-out;
  color: #000;
}
@media (max-width: 1080px) {
  .button {
    padding: 8px 16px;
  }
}
.button.mixpay {
  background-color: #0049f9;
  color: #fff;
}
.button.mixpay img {
  margin-right: 8px;
}
.button span {
  transition: all 0.4s ease-in-out;
}
.button.disabled {
  cursor: not-allowed;
  background-color: #8a8a8a;
}
.button:not(.disabled) {
  cursor: pointer;
}
.button:not(.disabled):hover {
  background-color: #e6b729;
}
.button:not(.disabled):hover span {
  color: #fff;
}
.button:not(.disabled):hover.mixpay {
  background-color: #0039e9;
}
.button:not(.disabled):active {
  background-color: #e6d08f;
}
.border-btn-main {
  padding: 8px 12px;
  border: 1px solid var(--main-color);
  background: rgba(235, 185, 76, 0.05);
  color: var(--main-color);
}
.border-btn-main span {
  font-size: 14px;
  color: #ebb94c;
  line-height: 1;
}
.border-btn-main:not(.disabled):hover {
  background: rgba(235, 185, 76, 0.1);
}
.border-btn-main:not(.disabled):hover span {
  color: #ebb94c;
}
.main-color {
  color: var(--main-color);
}
.main-color-second {
  color: rgba(235, 185, 76, 0.8);
}
.main-color-second.clickable:hover {
  color: var(--main-color);
}
.white {
  color: #fff;
}
.white09 {
  color: hsla(0, 0%, 100%, 0.9);
}
.white08 {
  color: hsla(0, 0%, 100%, 0.8);
}
.white085 {
  color: hsla(0, 0%, 100%, 0.85);
}
.white07 {
  color: hsla(0, 0%, 100%, 0.7);
}
.white06 {
  color: hsla(0, 0%, 100%, 0.6);
}
.white05 {
  color: hsla(0, 0%, 100%, 0.5);
}
.white04 {
  color: hsla(0, 0%, 100%, 0.4);
}
.white03 {
  color: hsla(0, 0%, 100%, 0.3);
}
.w50p {
  width: 50%;
}
.w100p {
  width: 100%;
}
.max-w100p {
  max-width: 100%;
}
.linear-gradient-text-orange {
  background: linear-gradient(103.92deg, #ebb94c, #e97e00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.orange {
  color: #e97e00;
}
.font-14,
.font14 {
  font-size: 14px;
}
.font-13,
.font13 {
  font-size: 13px;
}
.font-12,
.font12 {
  font-size: 12px;
}
.font-11,
.font11 {
  font-size: 11px;
}
.font-16,
.font16 {
  font-size: 16px;
}
.font-18,
.font18 {
  font-size: 18px;
}
.font-20,
.font20 {
  font-size: 20px;
}
.font-22,
.font22 {
  font-size: 22px;
}
.font-24,
.font24 {
  font-size: 24px;
}
.font-26,
.font26 {
  font-size: 26px;
}
@media (max-width: 1080px) {
  .font-26.response,
  .font26.response {
    font-size: 24px;
  }
}
@media (max-width: 765px) {
  .font-26.response,
  .font26.response {
    font-size: 18px;
  }
}
@media (max-width: 475px) {
  .font-26.response,
  .font26.response {
    font-size: 16px;
  }
}
@media (max-width: 415px) {
  .font-26.response,
  .font26.response {
    font-size: 14px;
  }
}
.font-28,
.font28 {
  font-size: 28px;
}
.font-32,
.font32 {
  font-size: 32px;
}
.font-40,
.font40 {
  font-size: 40px;
}
.font-44,
.font44 {
  font-size: 44px;
}
.font-48,
.font48 {
  font-size: 48px;
}
.font-36,
.font36 {
  font-size: 36px;
}
.linear-gradient-text {
  background: linear-gradient(103.92deg, #ebb94c, #e97e00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.linear-gradient-text.shadow-text {
  letter-spacing: 3.4px;
  text-shadow: 0 2px 20px rgba(234, 194, 73, 0.55);
}
.linear-gradient-text .ant-tag {
  background-clip: unset;
}
.linear-gradient-text .ant-tag.ant-tag-orange {
  -webkit-text-fill-color: orange;
}
.linear-gradient-text-vertical {
  background: linear-gradient(180deg, #eac249, #df7a03);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
a:hover {
  color: #e6a71e;
}
.tab-choose-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.tab-choose-container .tab {
  color: #fff;
  padding: 4px 8px;
  background: hsla(0, 0%, 100%, 0.1);
  border-radius: 4px;
  cursor: pointer;
}
.tab-choose-container .tab.selected {
  background: linear-gradient(103.92deg, #ebb94c, #e97e00);
}
.tab-choose-container .border-btn {
  padding: 4px 8px;
  font-size: 14px;
}
.action-icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 8px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.action-icon.small {
  width: 32px;
  height: 32px;
  min-width: 32px;
  font-size: 16px;
}
@media (max-width: 765px) {
  .action-icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    font-size: 16px;
  }
}
.action-icon:hover {
  color: var(--main-color);
  border-color: var(--main-color);
}
.green,
.success-green {
  color: #7cdb98;
}
.red {
  color: #f55454;
}
.warning-color {
  color: #e9973e;
}
.opacity-05 {
  opacity: 0.5;
}
.opacity-1 {
  opacity: 1;
}
.gap-8 {
  gap: 8px;
}
.gap-12 {
  gap: 12px;
}
.gap-4 {
  gap: 4px;
}
.gap-16,
.gap16 {
  gap: 16px;
}
.gap-16.small-in-m,
.gap16.small-in-m {
  gap: 8px;
}
.gap-24,
.gap24 {
  gap: 24px;
}
.mb32 {
  margin-bottom: 32px;
}
.gap-32,
.gap32 {
  gap: 32px;
}
.gap-48,
.gap48 {
  gap: 48px;
}
.gap-56,
.gap56 {
  gap: 56px;
}
.gap-64,
.gap64 {
  gap: 64px;
}
@keyframes bg-gradient-anime {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
.linear-gradient-block,
.linear-gradient-button {
  background: linear-gradient(90deg, #eac249, #df7a03);
}
.linear-gradient-button {
  color: #fff;
  transition: background 0.5s ease-in-out;
  position: relative;
}
.linear-gradient-button:not(.disabled) {
  cursor: pointer;
}
.linear-gradient-button:not(.disabled):hover {
  background: linear-gradient(90deg, #eac249 20%, #df7a03 80%);
  top: -1px;
}
.linear-gradient-button:not(.disabled):hover span {
  color: #fff;
  text-shadow: none;
}
.linear-gradient-button:not(.disabled):active {
  top: 1px;
}
.linear-gradient-button.disabled {
  background: #8a8a8a;
}
.linear-gradient-button-2 {
  background: linear-gradient(134deg, #173ec9 7.81%, #ff8743);
}
.linear-gradient-button-2:not(.disabled) {
  cursor: pointer;
}
.linear-gradient-button-2:not(.disabled):hover {
  background: linear-gradient(45deg, #173ec9 10%, #ff8743);
}
.linear-gradient-button-2:not(.disabled):active {
  background: linear-gradient(90deg, #173ec9 10%, #ff8743);
}
.dash-divider {
  border-bottom: 1px dashed hsla(0, 0%, 100%, 0.1);
}
.border-btn {
  border: 1px solid #8a8a8a;
  color: #fff;
  background-color: transparent;
  white-space: nowrap;
}
.border-btn.disabled {
  background-color: transparent;
  color: #8a8a8a;
}
.border-btn:not(.disabled):hover {
  color: var(--main-color);
  background-color: transparent;
  border-color: var(--main-color);
}
.second-border-btn {
  padding: 8px 16px;
  border-radius: 8px;
  color: #fff;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  box-shadow: 0 2px 20px 0 rgba(54, 37, 0, 0.15);
  font-size: 14px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.second-border-btn:hover {
  background-color: hsla(0, 0%, 100%, 0.05);
  border-color: hsla(0, 0%, 100%, 0.5);
}
.second-border-btn:active {
  background-color: hsla(0, 0%, 100%, 0.2);
  border-color: hsla(0, 0%, 100%, 0.8);
}
.button.second-border-btn {
  background: hsla(0, 0%, 100%, 0.1);
}
.button.second-border-btn:hover {
  background-color: hsla(0, 0%, 100%, 0.05);
  border-color: hsla(0, 0%, 100%, 0.5);
}
.button.second-border-btn:active {
  background-color: hsla(0, 0%, 100%, 0.2);
  border-color: hsla(0, 0%, 100%, 0.8);
}
.overflow-hidden {
  overflow: hidden;
}
.put-off-btn {
  border: 1px solid #f55454;
  color: #f55454;
  background: #2c1b1b;
}
.put-off-btn:not(.disabled):hover {
  background-color: #1c1111;
  border-color: #f22424;
}
.border-btn:hover > span:not(.disabled) {
  text-shadow: none;
  color: var(--main-color);
}
.border-btn:active {
  background-color: #555;
}
.small-button {
  border: 1px solid #8a8a8a;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  font-size: 14px;
}
.small-button span {
  line-height: 1.25;
}
.small-button:hover {
  background-color: #6a6a6a;
}
.small-button:active {
  background-color: #8a8a8a;
}
.close {
  padding: 4px;
  border-radius: 6px;
  border: 1px solid #424242;
  cursor: pointer;
  color: #8a8a8a;
}
.close:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.panel-1 {
  margin-left: 16px;
  margin-right: 16px;
  border-radius: 20px;
  background: #262323;
}
.panel-2 {
  padding: 10px;
  border-radius: 10px;
  background: hsla(0, 0%, 100%, 0.1);
}
.tag {
  font-size: 12px;
  background-color: #666;
  padding: 2px 4px;
  margin-left: 8px;
  color: #ddd;
  transform: scale(0.9) translateY(-5px);
}
.tag.main {
  color: #fff;
  background: linear-gradient(103deg, #f44437 -17.82%, #e97e00);
}
.loop-image-container {
  position: relative;
  overflow: hidden;
  box-shadow: 2px 2px 5px #000;
}
.loop-image-item {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.5s ease-in-out;
}
.loop-image-item-active {
  opacity: 1;
}
.tooltips-container {
  position: relative;
}
.tooltips {
  position: absolute;
  bottom: 100%;
  background-color: #666;
  padding: 8px;
  word-break: break-word;
  white-space: break-spaces;
  opacity: 0;
  transition: 0.3s ease-in-out;
  display: none;
}
.tooltips-container:hover .tooltips {
  display: block;
  opacity: 1;
}
.icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon.clickable {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.icon.clickable:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.icon.no-bg {
  background-color: unset;
}
.clickable {
  cursor: pointer;
}
.github-corner {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 765px) {
  .github-corner {
    display: none;
  }
}
.github-corner img {
  position: absolute;
  top: 0;
  right: 0;
}
.github-corner:hover .octo-arm {
  animation: octocat-wave 0.56s ease-in-out;
}
.github-corner .github-word-line {
  transition: 0.2s ease-in-out;
  top: -2px;
  right: -2px;
}
.github-corner:hover .github-word-line {
  opacity: 1;
  animation: octocat-wave 0.56s ease-in-out;
}
input {
  font: inherit;
  border: none;
  outline: none;
}
input[type="checkbox"] {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  cursor: pointer;
}
input[type="checkbox"]:after {
  content: "";
  position: absolute;
  display: block;
  z-index: 1;
  width: 20px;
  height: 20px;
  border: 1px solid #dedede;
  border-radius: 2px;
}
input[type="checkbox"]:before {
  background-image: url(data:image/svg+xml;base64,ICAgIDxzdmcKICAgICAgY2xhc3NOYW1lPSJpY29uIgogICAgICB2ZXJzaW9uPSIxLjEiCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgICAgdmlld0JveD0iMCAwIDMwIDMwIgogICAgICB4bWxTcGFjZT0icHJlc2VydmUiCiAgICA+CiAgICAgIDxwYXRoIGQ9Ik0yOS4zLDQuOWMtMC45LTAuOS0yLjQtMC45LTMuNCwwTDEwLjgsMjBsLTYuNy02LjdjLTAuOS0wLjktMi40LTAuOS0zLjQsMHMtMC45LDIuNCwwLDMuNGw4LjQsOC40YzAuNSwwLjUsMS4xLDAuNywxLjcsMC43IGMwLjYsMCwxLjItMC4yLDEuNy0wLjdMMjkuMyw4LjNDMzAuMiw3LjMsMzAuMiw1LjgsMjkuMyw0Ljl6IiBmaWxsPSJjdXJyZW50Q29sb3IiIC8+CiAgICA8L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: 14px;
  background-color: #fbd416;
  background-position: 50%;
  border: 1px solid #fbd416;
  position: absolute;
  border-radius: 2px;
  z-index: 2;
  opacity: 0;
  width: 100%;
  height: 100%;
}
input[type="checkbox"]:checked:before {
  content: "";
  position: absolute;
  top: 0;
  opacity: 1;
  left: 0;
}
.scroll-y {
  overflow-y: auto;
}
.scroll-y::-webkit-scrollbar {
  background-color: hsla(0, 0%, 100%, 0.125);
  border-radius: 2em;
  width: 8px;
}
.scroll-y::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: hsla(0, 0%, 100%, 0.1);
  border-radius: 2em;
}
.scroll-y::-webkit-scrollbar-thumb:hover {
  background-color: hsla(0, 0%, 100%, 0.175);
}
.runes-mints-rank-table .ant-table-content,
.scroll-x {
  overflow-x: auto !important;
}
.runes-mints-rank-table .ant-table-content::-webkit-scrollbar,
.scroll-x::-webkit-scrollbar {
  background-color: hsla(0, 0%, 100%, 0.125);
  border-radius: 2em;
  height: 8px;
}
.runes-mints-rank-table .ant-table-content::-webkit-scrollbar-thumb,
.scroll-x::-webkit-scrollbar-thumb {
  height: 8px;
  background-color: hsla(0, 0%, 100%, 0.1);
  border-radius: 2em;
}
.runes-mints-rank-table .ant-table-content::-webkit-scrollbar-thumb:hover,
.scroll-x::-webkit-scrollbar-thumb:hover {
  background-color: hsla(0, 0%, 100%, 0.175);
}
.tab-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tab-container .tab {
  padding: 8px 16px;
  border: 1px solid #424242;
  transition: all 0.2s ease-in-out;
  margin-bottom: -1px;
}
.tab-container .tab.selected {
  color: var(--main-color);
}
.tab-container .tab.selected,
.tab-container .tab:hover {
  border-color: var(--main-color);
}
.tab-container .tab:first-child {
  border-start-start-radius: 6px;
}
.tab-container .tab:last-child {
  border-start-end-radius: 6px;
}
.transitionable {
  transition: all 0.25s ease-in-out;
}
.rotate-180 {
  transform: rotate(180deg);
}
.radio-container,
.radio-container .radio-item {
  display: flex;
  align-items: center;
}
.radio-container .radio-item {
  transition: 0.3s ease-in-out;
  padding: 8px 16px;
  border-radius: 8px;
}
.radio-container .radio-item:hover {
  background-color: hsla(0, 0%, 100%, 0.075);
}
.radio-container .radio-item:not(:first-child) {
  margin-left: 16px;
}
.radio-container .radio-item .radio-img-container {
  margin-right: 8px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid #424242;
}
.radio-container .radio-item .radio-img-container img {
  transition: 0.2s ease-in-out;
  transform: scale(0);
}
.radio-container .radio-item .radio-img-container.selected img {
  transform: scale(1);
}
@media (max-width: 765px) {
  .radio-container .radio-item {
    padding: 6px 12px;
  }
  .radio-container .radio-item:not(:first-child) {
    margin-left: 8px;
  }
}
@media (max-width: 475px) {
  .radio-container .radio-item {
    padding: 4px 8px;
  }
  .radio-container .radio-item:not(:first-child) {
    margin-left: 8px;
  }
}
.mt-1,
.mt1 {
  margin-top: 1px;
}
.mt-3,
.mt3 {
  margin-top: 3px;
}
.mt-4,
.mt4 {
  margin-top: 4px;
}
.pv-6,
.pv6 {
  padding-top: 6px;
  padding-bottom: 6px;
}
.pv-4,
.pv4 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.pb-8,
.pb8 {
  padding-bottom: 8px;
}
.pb-16,
.pb16 {
  padding-bottom: 16px;
}
.pb-24,
.pb24 {
  padding-bottom: 24px;
}
@keyframes bg-blink-anim {
  50% {
    background-color: hsla(0, 0%, 100%, 0.1);
  }
}
.bg-blink {
  animation: bg-blink-anim 0.5s linear infinite;
}
.og-pass {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
  padding: 2px 4px;
  border-radius: 4px;
  border: 1px solid rgba(97, 249, 253, 0.8);
}
.link {
  color: #1668dc;
  transition: 0.1s linear;
  cursor: pointer;
}
.link:not(.disable-link):hover {
  color: #1152ae;
}
table {
  width: 100%;
  border-collapse: separate;
}
table th {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  padding-bottom: 16px;
}
table td,
table th {
  text-align: left;
  padding-right: 20px;
}
table td {
  font-size: 14px;
  color: hsla(0, 0%, 100%, 0.85);
  padding-bottom: 8px;
}
.ant-tooltip-content {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 200%;
}
.ant-typography-copy {
  color: var(--main-color) !important;
}
.ant-notification .ant-notification-notice {
  background-color: #2a2a2a;
  color: #fff;
}
.ant-notification .ant-notification-notice .ant-notification-notice-message {
  color: #fff;
}
.ant-notification
  .ant-notification-notice
  .ant-notification-notice-description {
  color: #aaa;
}
.ant-notification .ant-notification-notice-close svg {
  color: #8a8a8a;
}
.ant-popover .ant-popover-inner {
  background-color: #252525;
}
.mask .content.choose-wallet-alert {
  max-width: 360px;
  justify-content: flex-start;
  padding: 24px;
  background-color: #09220a;
}
.mask .content.choose-wallet-alert .title {
  font-size: 18px;
  margin-bottom: 16px;
}
.mask .content.choose-wallet-alert .wallets {
  width: 100%;
}
.mask .content.choose-wallet-alert .wallets .item {
  border-radius: 8px;
  padding: 8px;
  border: 1px solid #3a3a3a;
  cursor: pointer;
  font-size: 14px;
}
.mask .content.choose-wallet-alert .wallets .item:hover {
  background: hsla(0, 0%, 100%, 0.05);
}
.mask .content.choose-wallet-alert .wallets .item:not(:first-child) {
  margin-top: 12px;
}
.mask .content.choose-wallet-alert .wallets .item .name {
  flex: 1 1;
  text-align: center;
}
.mask .content.choose-wallet-alert .connecting img {
  margin-top: 8px;
}
.mask .content.choose-wallet-alert .connecting .name {
  margin-top: 16px;
  margin-bottom: 8px;
}
.radius-8,
.radius8 {
  border-radius: 8px;
  overflow: hidden;
}
.radius-12,
.radius-16,
.radius12,
.radius16 {
  border-radius: 12px;
  overflow: hidden;
}
.radius-20,
.radius20 {
  border-radius: 20px;
  overflow: hidden;
}
.radius-32,
.radius32 {
  border-radius: 32px;
  overflow: hidden;
}
.radius2em {
  border-radius: 2em;
}
.radius-50p,
.radius50p {
  border-radius: 50%;
}
@keyframes octocat-wave {
  0%,
  to {
    transform: rotate(0);
  }
  20%,
  60% {
    transform: rotate(-5deg);
  }
  40%,
  80% {
    transform: rotate(5deg);
  }
}
@media (max-width: 1200px) {
  .button:not(.no-response) {
    padding: 8px 20px;
    font-size: 14px;
  }
}
@media (max-width: 475px) {
  .button:not(.no-response) {
    padding: 6px 10px;
  }
}
.hide,
.show-in-m {
  display: none;
}
.ant-tooltip .ant-tooltip-content .ant-descriptions-view table {
  table-layout: unset;
}
.ant-tooltip .ant-tooltip-content .ant-descriptions-item {
  padding-bottom: 0;
}
.ant-tooltip
  .ant-tooltip-content
  .ant-descriptions-item
  .ant-descriptions-item-label {
  white-space: nowrap;
  word-break: keep-all;
}
.ant-tooltip
  .ant-tooltip-content
  .ant-descriptions-item
  .ant-descriptions-item-content {
  margin-bottom: 4px;
  margin-left: 16px;
}
.chart-tooltips {
  padding: 8px;
}
.up-color {
  color: #4da474 !important;
}
.down-color {
  color: #bf3f4d !important;
}
.bg-yellow {
  background: rgba(255, 212, 103, 0.05);
}
.bg-main-second {
  background: rgba(235, 185, 76, 0.1);
}
.bg-main-second.clickable:hover {
  background: rgba(235, 185, 76, 0.15);
}
.bg-main-06 {
  background: rgba(235, 185, 76, 0.06);
}
.bg-main-06.clickable:hover,
.bg-main-15 {
  background: rgba(235, 185, 76, 0.15);
}
.bg-main-15.clickable:hover {
  background: rgba(235, 185, 76, 0.1);
}
.divider {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.06);
}
.divider,
.divider01 {
  height: 1px;
  width: 100%;
}
.divider01 {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
}
.divider015 {
  height: 1px;
  width: 100%;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
}
.divider-v {
  width: 1px;
  background: hsla(0, 0%, 100%, 0.06);
}
.record-list {
  background: #141414;
  border-radius: 8px;
  overflow: hidden;
}
.record-list .item {
  display: grid;
  grid-template-columns: 36px 1fr 112px 112px 112px;
  grid-gap: 16px;
  gap: 16px;
  padding: 12px 16px;
  font-size: 14px;
  align-items: center;
  justify-items: end;
}
.record-list .item:not(.head, .no-click) {
  cursor: pointer;
}
.record-list .item:not(.head, .no-click):hover {
  background: hsla(0, 0%, 100%, 0.06);
}
.record-list .item.head {
  font-size: 14px;
  color: hsla(0, 0%, 100%, 0.8);
  background: #1a1a1a;
}
.type-choose {
  height: 40px;
  min-width: 112px;
  text-align: center;
  line-height: 40px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 8px;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  background: hsla(0, 0%, 100%, 0.1);
  box-shadow: 0 2px 20px 0 rgba(54, 37, 0, 0.15);
  cursor: pointer;
  position: relative;
  transition: all 0.23s ease-in-out;
}
.type-choose .tag-icon {
  position: absolute;
  top: 0;
  transform: translate(-35%, -75%);
}
.type-choose span {
  font-size: 16px;
  color: #fff;
}
.type-choose span.ant-tag-orange {
  color: #e89a3c;
  margin-left: 8px;
}
@media (max-width: 765px) {
  .type-choose {
    min-width: 88px;
    height: 36px;
    line-height: 36px;
  }
  .type-choose span {
    font-size: 14px;
  }
}
.type-choose:hover {
  background: hsla(0, 0%, 100%, 0.12);
  transform: scale(1.02);
}
.type-choose:active {
  transform: scale(0.99);
}
.type-choose.selected {
  border-color: var(--main-color);
  background: #322d1f;
  box-shadow: 0 2px 20px 0 rgba(54, 37, 0, 0.15);
}
.type-choose.selected span {
  color: var(--main-color);
  background: var(--1, linear-gradient(135deg, #ebb94c 0, #e97e00 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.type-choose.right {
  border: 1px solid var(--2, #ebb94c);
  background: linear-gradient(104deg, #d1a23a, #e07b05);
  box-shadow: 0 2px 20px 0 rgba(54, 37, 0, 0.15);
}
.testnet-notice-container {
  background-color: darkred;
  color: #fff;
  text-align: center;
  padding: 8px 0;
  position: relative;
}
.testnet-notice-container .close-banner {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  padding: 6px;
  border-radius: 4px;
  cursor: pointer;
}
.testnet-notice-container .close-banner:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.border-02 {
  border: 1px solid hsla(0, 0%, 100%, 0.2);
}
.border-03 {
  border: 1px solid hsla(0, 0%, 100%, 0.3);
}
.border-transparent {
  border: 1px solid transparent;
}
.border-01 {
  border: 1px solid hsla(0, 0%, 100%, 0.1);
}
.border-015 {
  border: 1px solid hsla(0, 0%, 100%, 0.15);
}
.border-06 {
  border: 1px solid hsla(0, 0%, 100%, 0.06);
}
.border-main-25 {
  border: 1px solid rgba(235, 185, 76, 0.25);
}
.dash-015 {
  border-bottom: 1px dashed hsla(0, 0%, 100%, 0.15);
}
.dash-v-015 {
  border-right: 1px dashed hsla(0, 0%, 100%, 0.15);
}
.border-main {
  border: 1px solid var(--main-color);
}
.border-gradient {
  position: relative;
  overflow: visible;
}
.border-gradient:after {
  content: " ";
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: linear-gradient(104deg, #d1a23a, #e07b05);
  z-index: -1;
  border-radius: inherit;
}
.dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #f4b62c;
}
.border-left-gradient {
  position: relative;
}
.border-left-gradient:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 56px;
  background: linear-gradient(0deg, #040404, #dbac47 55%, #040404);
}
.ant-btn {
  box-shadow: none;
}
.display-block {
  display: block;
}
.bg-1E {
  background: #1e1e1e;
}
.bg-28 {
  background: #282828;
}
.disable-link {
  cursor: not-allowed;
}
.ant-pagination {
  text-align: center;
}
.ant-pagination .ant-pagination-options {
  display: inline-block;
}
@media (max-width: 1200px) {
  .hide-in-1200 {
    display: none;
  }
}
@media (max-width: 1400px) {
  .hide-in-1400 {
    display: none;
  }
}
@media (max-width: 575px) {
  .hide-in-576 {
    display: none;
  }
}
.show-in-1080,
.show-in-1080.flex-row-v-center,
.show-in-475 {
  display: none;
}
@media (max-width: 475px) {
  .show-in-475 {
    display: unset;
  }
}
@media (max-width: 1080px) {
  .hide-in-1080 {
    display: none !important;
  }
  .hide-in-1080.flex-row-v-center {
    display: none;
  }
  .show-in-1080 {
    display: unset;
  }
  .show-in-1080.flex-row-v-center {
    display: flex;
  }
}
@media (max-width: 765px) {
  .hide-in-m {
    display: none !important;
  }
  .show-in-m {
    display: unset;
  }
  .small-in-m {
    letter-spacing: -0.2px;
    text-align: center;
  }
  .small-in-m,
  .small-in-m.ant-btn {
    font-size: 12px;
  }
  .ant-pagination .ant-pagination-item {
    -webkit-margin-end: 4px;
    margin-inline-end: 4px;
  }
}
@media (max-width: 475px) {
  .hide-in-475 {
    display: none !important;
  }
  .ant-pagination .ant-pagination-item {
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    -webkit-margin-end: 1px;
    margin-inline-end: 1px;
  }
}
.border-01.p16 .divider01,
.border-06.p16 .divider01 {
  margin-left: -16px;
  margin-right: -16px;
  width: unset;
}
@media (max-width: 765px) {
  .home .mt64 {
    margin-top: 32px;
  }
  .home .p32,
  .home .p48 {
    padding: 24px;
  }
  .home .font32 {
    font-size: 24px;
  }
  .home .font24 {
    font-size: 18px;
  }
  .home .font26 {
    font-size: 20px;
  }
  .home .font18 {
    font-size: 16px;
  }
  .home .font16 {
    font-size: 14px;
  }
  .home .font14 {
    font-size: 12px;
  }
  .home .font36 {
    font-size: 24px;
  }
  .home .gap-24,
  .home .gap-32 {
    gap: 16px;
  }
  .home .mt24 {
    margin-top: 16px;
  }
  .home .home-download {
    margin-top: 0;
  }
  .home .home-download .mt48 {
    margin-top: 24px;
  }
  .home .home-download .mb32 {
    margin-bottom: 0;
  }
  .home .home-download .font-12 {
    font-size: 11px;
  }
  .home .home-service {
    padding: 32px 0;
  }
}
.download .data-panel {
  position: relative;
  padding: 64px 16px;
}
.download .data-panel .bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw - 16px);
  height: 100%;
  background: hsla(0, 0%, 100%, 0.08);
}
.download .data-panel .item {
  position: relative;
  overflow: visible;
  background-color: #212121;
  border-radius: 24px;
}
.download .data-panel .item .item-bg {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  overflow: hidden;
}
.download .data-panel .item .item-bg:before {
  content: "";
  position: absolute;
  top: -50%;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: -50%;
}
.download .data-panel .item .item-bg.item-bg-1:before {
  background-image: radial-gradient(rgba(227, 134, 76, 0.2), transparent 60%);
}
.download .data-panel .item .item-bg.item-bg-2:before {
  background-image: radial-gradient(rgba(63, 126, 198, 0.2), transparent 60%);
}
.download .data-panel .item .item-bg.item-bg-3:before {
  background-image: radial-gradient(rgba(99, 95, 191, 0.2), transparent 60%);
}
.download .data-panel .item:after {
  position: absolute;
  content: "";
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  z-index: -1;
  border-radius: 24px;
  background-image: linear-gradient(
    125deg,
    hsla(0, 0%, 100%, 0.4),
    hsla(0, 0%, 47%, 0.4) 50%,
    hsla(0, 0%, 100%, 0.4)
  );
}
.download .download-about {
  position: relative;
}
.download .download-about .bg {
  position: absolute;
  right: -80px;
  top: -80px;
  width: 360px;
  height: 360px;
  background-image: radial-gradient(rgba(227, 134, 76, 0.16), transparent 70%);
}
@media (max-width: 1080px) {
  .download .download-about .about-panel .pic {
    max-width: 40%;
  }
}
@media (max-width: 920px) {
  .download .download-about .about-panel {
    position: relative;
  }
  .download .download-about .about-panel .pic {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 80%;
    opacity: 0.25;
  }
}
.download .download-bottom .title {
  background: linear-gradient(
    90deg,
    #999 23.26%,
    #fff 34.06%,
    #fff 64.11%,
    #a3a3a3 75.74%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.download .download-bottom .item .img-container {
  width: 520px;
  height: 400px;
  max-width: 50%;
  background: linear-gradient(172deg, #eabb5a 6.28%, #e78327 95.7%);
}
@media (max-width: 920px) {
  .download .download-bottom .item .img-container {
    max-width: 80%;
  }
  .download .download-bottom .item.flex-row-between {
    flex-direction: column !important;
    align-items: center;
  }
  .download .download-bottom .item.flex-row-between .flex-1 {
    text-align: center;
  }
}
@media (max-width: 765px) {
  .download .font44 {
    font-size: 26px;
  }
  .download .font26 {
    font-size: 20px;
  }
  .download .font28 {
    font-size: 18px;
  }
  .download .font18 {
    font-size: 16px;
  }
}
.inscribe {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 16px;
}
.inscribe.only-brc-20 {
  justify-content: flex-start;
}
.inscribe.only-brc-20.main-container {
  min-height: unset;
}
.inscribe.only-brc-20 .block1 {
  border-start-start-radius: 20px;
}
.inscribe .top-title {
  font-size: 24px;
  text-align: center;
  color: var(--main-color);
}
.inscribe .top-link {
  text-align: center;
  margin: 20px 0;
  color: #aaa;
  text-decoration: underline;
}
.inscribe .top-notice {
  font-size: 16px;
  text-align: center;
  color: var(--main-color);
  max-width: 640px;
  margin: 20px 0 40px;
}
.inscribe .top-button-container {
  margin: 20px 0 40px;
  display: flex;
}
.inscribe .top-button-container .top-button {
  margin: 0 20px;
  flex: 1 1;
}
.inscribe .top-button-container .top-button .sats {
  margin: 0 8px;
  background-color: hsla(0, 0%, 100%, 0.5);
  border-radius: 5px;
  padding: 4px 10px;
}
.inscribe .tab-container {
  margin: 0 16px -1px;
}
.inscribe .tab-container .tab.selected {
  background: #262323;
}
.inscribe .file-input-content {
  width: 100%;
  min-height: 214px;
  max-height: 320px;
  padding: 16px;
}
.inscribe .file-input-content .file-item {
  line-height: 1.5714285714;
  font-size: 14px;
  position: relative;
  padding: 8px;
  background: hsla(0, 0%, 100%, 0.05);
}
.inscribe .file-input-content .file-item:not(:first-child) {
  margin-top: 10px;
}
.inscribe .file-input-content .file-item .remove {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  padding: 6px 10px;
  border-radius: 5px;
  font-size: 16px;
}
.inscribe .file-input-content .file-item .remove:hover {
  background: hsla(0, 0%, 100%, 0.1);
}
.inscribe .block1 {
  padding: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 750px;
}
.inscribe .block1 > .flex-row-between {
  align-self: stretch;
}
.inscribe .file-input-container {
  margin-top: 32px;
  display: block;
  width: 100%;
}
@media (max-width: 765px) {
  .inscribe .file-input-container {
    margin-top: 16px;
  }
}
@media (max-width: 475px) {
  .inscribe .file-input-container {
    margin-top: 12px;
  }
}
.inscribe .file-input-container.text-input-container {
  text-align: center;
  background: hsla(0, 0%, 100%, 0.04);
  border: 1px dashed #424242;
  border-radius: 8px;
  cursor: pointer;
  padding: 16px 0;
  transition: border-color 0.2s ease-in-out;
}
.inscribe .file-input-container.text-input-container:hover {
  border-color: var(--main-color);
}
.inscribe .file-input-container .upload-text {
  padding: 16px;
}
.inscribe .file-input-container .upload-notice {
  color: #8a8a8a;
  padding: 16px;
}
.inscribe .checkbox-container {
  margin-top: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  transition: all 0.2s ease-in-out;
  border-radius: 5px;
}
.inscribe .checkbox-container:hover {
  background-color: hsla(0, 0%, 100%, 0.05);
}
.inscribe .checkbox-container span {
  margin-left: 8px;
}
.inscribe .inscription-tag-container {
  margin-top: 16px;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.inscribe .inscription-tag-container .checkbox-text {
  white-space: nowrap;
}
.inscribe .inscription-tag-container .tag-input {
  flex: 1 1;
  margin-left: 8px;
}
.inscribe .addressInput {
  margin-top: 16px;
  color: #000 !important;
  width: 100%;
  border-radius: 5px;
  background-color: #2a2a2a;
}
.inscribe .connected {
  margin-top: 8px;
  align-self: flex-start;
  font-size: 14px;
  color: var(--main-color);
}
.inscribe .button-container {
  align-self: stretch;
  margin-top: 32px;
}
.inscribe .button-container .button {
  white-space: nowrap;
}
.inscribe .feePanel {
  padding: 16px;
  align-self: stretch;
  border-radius: 5px;
}
.inscribe .feePanel .divider {
  width: 100%;
  height: 1px;
  background: hsla(0, 0%, 100%, 0.1);
  margin: 16px 0;
}
.inscribe .feePanel .edit-line {
  height: 0;
  transition: all 0.3s ease-in-out;
  transform: scaleY(0);
}
.inscribe .feePanel .edit-line.show {
  margin: 0 0 12px;
  height: 34px;
  transform: scaleY(1);
}
@media (max-width: 765px) {
  .inscribe .feePanel .edit-line input {
    font-size: 13px;
  }
}
@media (max-width: 475px) {
  .inscribe .feePanel .edit-line input {
    font-size: 12px;
  }
}
.inscribe .feePanel .fee-line {
  display: grid;
  align-items: center;
  grid-template-columns: 1.4fr 1fr 1.1fr;
  grid-gap: 16px;
  gap: 16px;
  margin-top: 8px;
}
.inscribe .feePanel .fee-line:not(:first-child) {
  margin-top: 8px;
}
.inscribe .feePanel .fee-line span {
  display: inline-block;
}
.inscribe .feePanel .fee-line span:first-child {
  text-align: right;
}
.inscribe .feePanel .fee-line .edit {
  color: #fff;
  margin-left: 16px;
  cursor: pointer;
  text-decoration: underline;
  display: inline-flex;
  align-items: center;
}
.inscribe .feePanel .fee-line .edit img {
  margin-left: 4px;
}
.inscribe .block2 {
  margin-top: 40px;
  max-width: 750px;
  width: 100%;
}
.inscribe .block2 .title {
  font-size: 18px;
  text-align: center;
  margin-bottom: 32px;
}
.inscribe .notice {
  font-size: 12px;
  color: #8a8a8a;
}
.order-item {
  padding: 12px 16px;
  background: hsla(0, 0%, 100%, 0.05);
  transition: all 0.2s ease-in-out;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}
.order-item:hover {
  background: hsla(0, 0%, 100%, 0.1);
}
.order-item .date {
  color: #8a8a8a;
  margin-top: 4px;
}
.order-item .canceled,
.order-item .notPaid {
  color: #8a8a8a;
}
.order-item .failed {
  color: #ff4500;
}
.order-item .minted {
  color: var(--main-color);
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  padding: 20px 0;
  overflow-y: auto;
}
.mask,
.mask > .content {
  display: flex;
  z-index: 1000;
}
.mask > .content {
  align-items: center;
  flex-direction: column;
  border-radius: 16px;
  background: #171a1f;
  color: #fff !important;
  padding: 32px;
  width: calc(100% - 16px);
  max-width: 750px;
  min-height: 200px;
  position: relative;
  margin: 10vh 8px 0;
  cursor: auto;
}
.mask > .content .close {
  position: absolute;
  top: 8px;
  right: 8px;
}
@media (max-width: 750px) {
  .mask > .content {
    padding: 24px;
    margin-top: 48px;
  }
}
@media (max-width: 475px) {
  .mask > .content {
    padding: 16px;
    margin-top: 32px;
  }
}
@media (max-width: 415px) {
  .mask > .content {
    padding: 12px;
    margin-top: 24px;
  }
}
.pay-alert .title {
  font-size: 18px;
  margin-bottom: 8px;
}
.pay-alert .order-id {
  margin-bottom: 20px;
  color: #8a8a8a;
}
.pay-alert .notice {
  font-size: 14px;
}
.pay-alert .copy-notice {
  margin-top: 32px;
}
.pay-alert .address {
  margin-top: 4px;
  margin-bottom: 16px;
}
.pay-alert .refund-panel {
  margin-top: 32px;
  color: #8a8a8a;
  font-size: 12px;
  border-radius: 5px;
  padding: 8px;
  background-color: rgba(255, 0, 0, 0.05);
}
.pay-alert .fee-container {
  text-align: center;
}
.pay-alert .fee-container .fee {
  margin-top: 4px;
  font-size: 14px;
  color: #8a8a8a;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.pay-alert .fee-container .fee .amount {
  font-size: 22px;
}
.pay-alert .fee-container .total-fee {
  margin-top: 4px;
}
.pay-alert .pay-list {
  margin-top: 20px;
  align-self: stretch;
}
.pay-alert .pay-list .pay-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.pay-alert .pay-list .ant-collapse-content-box .mixpay-mask {
  position: absolute;
  top: -16px;
  left: -16px;
  width: calc(100% + 32px);
  height: calc(100% + 32px);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.667);
}
.pay-alert .file-notice {
  margin-bottom: 12px;
}
.pay-alert .file-list {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-height: 228px;
}
.pay-alert .file-list.only-one {
  justify-content: center;
}
.pay-alert .file-list .item {
  width: 100%;
  text-align: center;
  border-radius: 5px;
  padding: 12px;
  background: hsla(0, 0%, 100%, 0.035);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.pay-alert .file-list .item .info {
  text-align: left;
}
.pay-alert .file-list .item .info .ellipsis {
  max-width: 320px;
}
@media (max-width: 765px) {
  .pay-alert .file-list .item {
    font-size: 12px;
  }
  .pay-alert .file-list .item .info .ellipsis {
    max-width: calc(100vw - 156px);
  }
}
@media (max-width: 375px) {
  .pay-alert .file-list .item {
    font-size: 11px;
  }
}
.pay-alert .file-list .item .success-container {
  display: flex;
  align-items: center;
}
.pay-alert .file-list .item .success-container a {
  text-decoration: underline;
  margin-left: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pay-alert .file-list .item:not(:first-child) {
  margin-top: 12px;
}
.pay-alert .collection-preview {
  margin-bottom: 16px;
}
.pay-alert .collection-preview > div {
  position: relative;
}
.pay-alert .collection-preview > div img {
  width: 156px;
}
.pay-alert .collection-preview > div .rank {
  font-size: 12px;
}
@media (max-width: 475px) {
  .pay-alert .notice {
    font-size: 12px;
  }
}
.sats-alert .button,
.sats-alert textarea {
  margin-top: 16px;
}
.sats-alert .flex-row-between {
  align-self: stretch;
}
.sats-alert .flex-row-between .button {
  width: calc(50% - 16px);
}
.sats-alert .title {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 16px;
}
@media (max-width: 765px) {
  .sats-alert .title {
    font-size: 14px;
  }
}
.sats-alert .notice {
  font-size: 14px;
  color: #8a8a8a;
  margin-top: 8px;
  text-align: center;
}
.sats-alert .warning {
  padding: 8px 16px;
  background-color: #d9363e;
  border-radius: 8px;
  margin-bottom: 32px;
  color: #eee;
  font-size: 14px;
}
.sats-alert .warning .important {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.sats-alert .sats-panel {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 8px;
}
@media (max-width: 765px) {
  .sats-alert .sats-panel {
    flex-direction: column;
  }
}
.sats-alert .sats-list-container {
  flex: 1 1;
  margin-top: 16px;
  align-self: stretch;
  border-radius: 12px;
}
.sats-alert .sats-list-container.not-recommended {
  background: rgba(235, 20, 20, 0.035);
}
.sats-alert .sats-list-container.recommended {
  background: rgba(30, 235, 30, 0.035);
}
.sats-alert .list-title {
  margin-top: 8px;
  margin-left: 8px;
}
.sats-alert .sats-list {
  max-height: 50vh;
  padding: 0 8px;
  overflow-y: auto;
  margin: 16px 0;
  align-self: stretch;
}
.sats-alert .sats-list .sats-item {
  margin-bottom: 12px;
  border-radius: 8px;
  background-color: hsla(0, 0%, 100%, 0.1);
  display: flex;
  overflow: hidden;
}
.sats-alert .sats-list .sats-item .sats-index-container {
  background-color: hsla(0, 0%, 100%, 0.05);
  margin-right: 8px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sats-alert .sats-list .sats-item .sats-index-container.status-invalid {
  background-color: darkred;
}
.sats-alert .sats-list .sats-item .sats-index-container.status-confirmed {
  background-color: #ff4500;
}
.sats-alert .sats-list .sats-item .sats-index-container.status-mempool {
  background-color: #ff8c00;
}
.sats-alert .sats-list .sats-item .sats-index-container.status-available {
  background-color: green;
}
.sats-alert .sats-list .sats-item .sats-index-container span {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
  line-height: 24px;
  background-color: hsla(0, 0%, 100%, 0.2);
}
.sats-alert .sats-list .sats-item pre {
  flex: 1 1;
  line-height: 24px;
  padding: 12px 16px;
  max-width: calc(100vw - 128px);
  word-break: break-all;
  white-space: break-spaces;
}
@media (min-width: 720px) {
  .sats-alert .sats-list .sats-item pre {
    max-width: 500px;
  }
}
.sats-alert .sats-list .sats-item .action {
  margin: 8px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.25s ease-in-out;
}
.sats-alert .sats-list .sats-item .action:hover {
  background-color: hsla(0, 0%, 100%, 0.05);
}
.brc-20 .brc-input-container {
  align-self: stretch;
}
.brc-20 .brc-input-container .line {
  margin-top: 16px;
}
.mask > .content.how-work {
  align-items: flex-start;
}
.mask > .content.how-work .title {
  font-size: 18px;
  text-align: left;
  font-weight: 700;
}
.mask > .content.how-work ol {
  margin: 16px 32px 0;
}
.mask > .content.how-work li {
  margin-top: 8px;
  font-size: 14px;
  color: #aaa;
}
.ant-select-dropdown .rc-virtual-list {
  border-radius: 8px;
  border: 1px solid #8a8a8a;
}
.ant-select-dropdown .rc-virtual-list .ant-select-item {
  padding: 8px 12px;
}
.inscribe-domain-type-choose-popover .tick-choose-item {
  min-width: 158px;
}
.fee-choose .fee-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  align-self: stretch;
  margin-top: 8px;
}
.fee-choose .fee-list .fee-item {
  width: calc(33.333% - 8px);
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  padding: 12px 16px;
  background: hsla(0, 0%, 100%, 0.05);
  border-radius: 5px;
  border: 1px solid hsla(0, 0%, 100%, 0.05);
}
.fee-choose .fee-list .fee-item:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.fee-choose .fee-list .fee-item.selected {
  border: 1px solid var(--main-color);
}
.fee-choose .fee-list .fee-item .flex-row-v-center {
  margin-top: 4px;
  color: #8a8a8a;
}
.fee-choose .fee-list .fee-item .fee-rate {
  color: var(--main-color);
  font-size: 24px;
  margin-right: 8px;
}
@media (max-width: 765px) {
  .fee-choose .mt24 {
    margin-top: 16px;
  }
  .fee-choose .mb16 {
    margin-bottom: 8px;
  }
  .fee-choose .fee-list .fee-item {
    padding: 12px;
  }
  .fee-choose .fee-list .fee-item .flex-row-v-center {
    font-size: 12px;
  }
  .fee-choose .fee-list .fee-item .flex-row-v-center .fee-rate {
    font-size: 14px;
  }
}
@media (max-width: 475px) {
  .fee-choose .mt24 {
    margin-top: 12px;
  }
  .fee-choose .mb16 {
    margin-bottom: 8px;
  }
  .fee-choose .fee-list .fee-item {
    padding: 8px;
  }
  .fee-choose .fee-list .fee-item .flex-row-v-center {
    font-size: 12px;
  }
  .fee-choose .fee-list .fee-item .flex-row-v-center .fee-rate {
    font-size: 14px;
  }
}
.off-tag {
  font-size: 12px;
}
.off-tag span {
  padding: 2px 4px;
  display: inline-block;
  background-color: hsla(0, 0%, 100%, 0.1);
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 5px;
  color: #cbe2b9;
}
.ant-popconfirm {
  transition: 0s;
}
.ant-popconfirm .ant-popover-content {
  transition: 0s;
  transform: translateY(64px);
}
.ant-popconfirm
  .ant-popover-content
  .ant-popconfirm-buttons
  .ant-btn-primary:not(:disabled)
  span {
  color: #000;
}
.sats {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 16px;
}
.sats .title {
  color: var(--main-color);
  font-size: 24px;
  margin-bottom: 32px;
}
.sats .top-notice {
  margin-bottom: 16px;
  color: #aaa;
}
.sats .top-notice span {
  color: #fff;
}
.sats .search-container {
  width: 100%;
  max-width: 880px;
  margin: 32px 64px;
}
.sats .search-container,
.sats .search-container .tab-container .tab {
  word-break: keep-all;
  white-space: nowrap;
}
.sats
  .search-container
  .search-input
  .ant-input-wrapper
  .ant-input-affix-wrapper {
  border-start-start-radius: 0;
}
.sats
  .search-container
  .search-input
  .ant-input-wrapper
  .ant-input-affix-wrapper.ant-input-affix-wrapper-lg {
  padding: 12px 10px;
}
.sats
  .search-container
  .search-input
  .ant-input-wrapper
  .ant-input-group-addon
  .ant-btn-lg {
  height: 50px;
  width: 50px;
}
.sats .result-notice {
  font-size: 14px;
  color: #8a8a8a;
}
.sats .result-notice span {
  color: #fff;
}
.sats .sats-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 20px;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
}
@media (max-width: 765px) {
  .sats .sats-list {
    justify-content: center;
  }
}
.sats .sats-list .item-container {
  margin-bottom: 16px;
  border-radius: 4px;
}
.sats .sats-list .item-container .sats-item {
  margin-right: 0;
}
.sats .sats-list .item-container .market-buy-btn {
  justify-content: space-between;
  padding: 8px 12px;
  margin-top: 8px;
}
.sats .sats-list .item-container .market-buy-btn .price-container {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}
.sats .sats-list .item-container .market-buy-btn .price-container .unit {
  color: #9a9790;
  margin-left: 4px;
}
.sats .sats-list .sats-item {
  min-width: 156px;
  background-color: #2a2a2a;
  color: #fff;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  border: 0.5px solid rgba(66, 66, 66, 0.8);
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.sats .sats-list .sats-item:hover {
  transform: scale(1.05);
}
.sats .sats-list .sats-item .brc20-container {
  max-width: unset;
  height: 128px;
  background-color: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 8px;
}
.sats .sats-list .sats-item .brc20-container.deploy .op-tag {
  background-color: #325067;
}
.sats .sats-list .sats-item .brc20-container.transfer .op-tag {
  background-color: #3b4b4e;
}
.sats .sats-list .sats-item .brc20-container .top {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.sats .sats-list .sats-item .brc20-container .info-container {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sats .sats-list .sats-item .brc20-container .op-tag {
  background-color: hsla(0, 0%, 100%, 0.2);
  padding: 2px 4px;
  font-size: 12px;
  color: #ddd;
}
.sats .sats-list .sats-item .brc20-container .tick {
  font-size: 26px;
  color: #8a8a8a;
}
.sats .sats-list .sats-item .brc20-container .amt {
  font-size: 24px;
}
.sats .sats-list .sats-item .brc20-container .amt .max {
  color: var(--main-color);
}
.sats .sats-list .sats-item .brc20-container .percent {
  margin-top: 8px;
  font-size: 12px;
  color: #8a8a8a;
}
.sats .sats-list .sats-item .brc20-container .lim {
  font-size: 14px;
  color: var(--main-color);
}
.sats .sats-list .sats-item .name-container {
  flex: 1 1;
  max-width: 312px;
  max-height: 156px;
  padding: 28px 20px;
  color: #fff;
  background-color: #000;
  overflow: hidden;
  position: relative;
}
.sats .sats-list .sats-item .name-container img {
  position: absolute;
  top: 4px;
  right: 4px;
}
.sats .sats-list .sats-item .name {
  height: 100%;
  overflow: hidden;
  word-break: break-word;
  text-overflow: ellipsis;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sats .sats-list .sats-item .num {
  margin-top: 4px;
  padding: 4px 8px;
  color: var(--main-color);
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sats .sats-list .sats-item .num img {
  margin-right: 4px;
}
.sats .sats-list .sats-item .address {
  padding: 4px 8px;
  font-size: 12px;
}
.sats .sats-list .sats-item .date {
  font-size: 12px;
  color: #8a8a8a;
  padding: 4px 8px;
}
@media (max-width: 900px) {
  .sats .title {
    font-size: 18px;
    margin-bottom: 16px;
  }
  .sats .top-notice {
    margin-bottom: 8px;
  }
  .sats .search-container {
    width: 100%;
  }
  .sats .tab-container {
    flex-wrap: wrap;
  }
  .sats .tab-container .tab-line:not(:first-child) .tab {
    border-top-left-radius: 0;
  }
  .sats .tab-container .tab {
    padding: 6px 8px;
  }
  .sats .sats-list .sats-item {
    min-width: 128px;
    margin-right: 8px;
  }
  .sats .sats-list .sats-item .name-container {
    padding: 14px 10px;
  }
  .sats .sats-list .sats-item .brc20-container {
    height: 128px;
  }
  .sats .sats-list .sats-item .brc20-container .op-tag {
    font-size: 12px;
  }
  .sats .ant-pagination .ant-pagination-item {
    -webkit-margin-end: 4px;
    margin-inline-end: 4px;
  }
}
@media (max-width: 475px) {
  .sats .top-notice {
    font-size: 12px;
  }
  .sats .tab-container .tab {
    font-size: 12px;
    padding: 6px 8px;
  }
  .sats .sats-item .brc20-container.deploy {
    width: calc(100vw - 40px);
  }
  .sats .ant-pagination .ant-pagination-item {
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    -webkit-margin-end: 1px;
    margin-inline-end: 1px;
  }
  .sats .result-notice {
    font-size: 12px;
  }
}
.brc-20 {
  padding: 40px 16px;
}
.brc-20 .rank-container {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.brc-20 .rank-container .tab-container {
  margin-top: 32px;
}
.brc-20 .rank-container .history-panel .ant-segmented {
  margin-top: 16px;
  align-self: flex-start;
}
.brc-20 .search-panel {
  margin-top: 48px;
  margin-bottom: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.brc-20 .search-panel.searched {
  margin-top: 0;
  margin-bottom: 0;
}
.brc-20 .search-panel.searched .desc,
.brc-20 .search-panel.searched .title {
  display: none;
}
.brc-20 .search-panel.searched .ant-input-group-wrapper {
  margin: 0 64px 48px;
}
.brc-20 .search-panel .title {
  color: var(--main-color);
  font-size: 24px;
  transition: all 0.3s ease-in-out;
}
.brc-20 .search-panel .desc span {
  color: var(--main-color);
}
.brc-20 .search-panel .ant-input-group-wrapper {
  width: 65%;
  margin: 48px 64px;
  word-break: keep-all;
  white-space: nowrap;
}
@media (max-width: 765px) {
  .brc-20 .search-panel {
    margin-top: 0;
    margin-bottom: 0;
  }
  .brc-20 .search-panel .title {
    font-size: 16px;
    letter-spacing: -1px;
  }
  .brc-20 .search-panel .desc {
    font-size: 12px;
  }
  .brc-20 .search-panel .ant-input-group-wrapper {
    width: 100%;
    margin: 24px 16px;
    word-break: keep-all;
    white-space: nowrap;
  }
}
.brc-20 .panel-1 {
  padding: 16px;
  margin: 32px 0 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow-x: auto;
}
.brc-20 .panel-1 .rank-title {
  margin-top: 16px;
  margin-bottom: 16px;
  text-align: center;
  font-size: 18px;
  color: var(--main-color);
}
.brc-20 .panel-1 .top-notice {
  color: #8a8a8a;
}
.brc-20 .panel-1 .ant-segmented {
  align-self: center;
}
.brc-20 .panel-1 .rank-list .rank-item {
  margin-top: 16px;
  background: hsla(0, 0%, 100%, 0.05);
  padding: 8px;
  border-radius: 8px;
  transition: all 0.25s ease-in-out;
  grid-gap: 16px;
  gap: 16px;
  display: grid;
  grid-template-columns: 0.8fr 1.2fr 0.6fr 0.7fr 0.7fr 32px;
  align-items: center;
  justify-items: center;
}
.brc-20 .panel-1 .rank-list .rank-item:not(.head) {
  cursor: pointer;
}
.brc-20 .panel-1 .rank-list .rank-item:not(.head):hover {
  background: hsla(0, 0%, 100%, 0.1);
}
.brc-20 .panel-1 .rank-list .rank-item.head {
  background-color: unset;
}
.brc-20 .panel-1 .rank-list .rank-item.head .sort {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  position: relative;
}
.brc-20 .panel-1 .rank-list .rank-item.head .sort .sort-icon {
  position: absolute;
  color: #555;
  margin-left: 4px;
  transition: all 0.25s ease-in-out;
}
.brc-20 .panel-1 .rank-list .rank-item.head .sort .sort-icon.selected {
  color: #f6ae2d;
}
.brc-20 .panel-1 .rank-list .rank-item.head .sort .sort-icon:not(.selected) {
  transform: scale(0) translateY(-100%);
}
.brc-20 .panel-1 .rank-list .rank-item.head .sort:hover .sort-icon {
  transform: scale(1) translateY(0);
}
.brc-20 .panel-1 .rank-list .rank-item .name {
  font-size: 22px;
  font-weight: 700;
  color: var(--main-color);
}
.brc-20 .panel-1 .rank-list .rank-item .percent-container {
  justify-self: stretch;
  font-size: 14px;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 4px;
  overflow: hidden;
}
.brc-20 .panel-1 .rank-list .rank-item .percent-container .hide-in-m {
  overflow: hidden;
  margin-right: 8px;
}
.brc-20
  .panel-1
  .rank-list
  .rank-item
  .percent-container.complete
  .percent-bar {
  background-color: green;
}
.brc-20 .panel-1 .rank-list .rank-item .minted {
  text-align: center;
  flex: 1 1;
  color: var(--main-color);
  font-size: 22px;
}
.brc-20 .panel-1 .rank-list .rank-item .notice {
  color: #8a8a8a;
  font-size: 12px;
}
.brc-20 .panel-1 .rank-list .rank-item .border-btn {
  padding: 8px 16px;
}
@media (max-width: 1200px) {
  .brc-20 .panel-1 .rank-list .rank-item.head {
    font-size: 14px;
  }
}
@media (max-width: 765px) {
  .brc-20 .panel-1 .rank-list .rank-item {
    grid-template-columns: 56px 1fr 80px;
  }
  .brc-20 .panel-1 .rank-list .rank-item.head {
    display: flex;
    justify-content: space-between;
  }
  .brc-20 .panel-1 .rank-list .rank-item.head .holders,
  .brc-20 .panel-1 .rank-list .rank-item.head .progress,
  .brc-20 .panel-1 .rank-list .rank-item.head .time {
    display: none;
  }
  .brc-20 .panel-1 .rank-list .rank-item .name {
    font-size: 16px;
  }
  .brc-20 .panel-1 .rank-list .rank-item .action,
  .brc-20 .panel-1 .rank-list .rank-item .date,
  .brc-20 .panel-1 .rank-list .rank-item .holders {
    display: none;
  }
}
.brc-20 .panel-1 .rank-line-container {
  margin-top: 16px;
}
.brc-20 .panel-1 .rank-line-container .rank-line {
  padding: 0 16px 16px;
}
.brc-20 .panel-1 .rank-line-container .right .rank-item {
  margin-top: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.05);
  padding: 8px;
  border-radius: 8px;
}
.brc-20 .panel-1 .rank-line-container .right .rank-item .info {
  flex: 1 1;
}
.brc-20 .panel-1 .rank-line-container .right .rank-item .info .tick {
  font-size: 16px;
  font-weight: 700;
  color: var(--main-color);
}
.brc-20 .panel-1 .rank-line-container .right .rank-item .info .minted {
  margin-top: 4px;
  font-size: 20px;
}
.brc-20 .panel-1 .rank-line-container .right .rank-item .border-btn {
  padding: 4px 8px;
}
.brc-20 .ant-progress-line {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.brc-20 .ant-progress-line .ant-progress-text {
  width: unset;
}
.brc-20.brc-20-item-page {
  padding: 40px 16px;
}
.brc-20.brc-20-item-page .container {
  margin: 0 auto;
}
.brc-20.brc-20-item-page .container .inscribe-new {
  padding: 0;
}
.brc-20.brc-20-item-page .container .top {
  margin-bottom: 20px;
}
.brc-20.brc-20-item-page .container .top .flex-row-between {
  margin-bottom: 20px;
  align-items: center;
}
.brc-20.brc-20-item-page .container .top .flex-row-between .border-btn {
  padding: 8px 16px;
}
.brc-20.brc-20-item-page .container .top .title {
  color: var(--main-color);
  font-weight: 700;
  font-size: 28px;
  line-height: 1.3333333333;
}
.brc-20.brc-20-item-page .container .top .button {
  padding: 8px 16px;
}
.brc-20.brc-20-item-page .container .top .ant-progress {
  padding: 0 8px;
}
.brc-20.brc-20-item-page .container .top .percent-container {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 16px;
}
.brc-20.brc-20-item-page .container .ant-descriptions-item {
  padding-bottom: 0;
}
.brc-20.brc-20-item-page
  .container
  .ant-descriptions-item
  .ant-descriptions-item-content {
  margin-bottom: 8px;
  margin-left: 16px;
}
.brc-20.brc-20-item-page .address {
  cursor: pointer;
  color: #8a8a8a;
  text-decoration: underline;
}
.brc-20.brc-20-item-page .address.main {
  color: #1e90ff;
}
.brc-20.brc-20-item-page table {
  width: 100%;
}
.brc-20.brc-20-item-page table th {
  font-weight: 700;
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  padding-bottom: 16px;
}
@media (max-width: 765px) {
  .brc-20.brc-20-item-page table th {
    font-size: 14px;
  }
}
.brc-20.brc-20-item-page table td {
  font-size: 14px;
  text-align: left;
  color: hsla(0, 0%, 100%, 0.85);
  padding-bottom: 8px;
  padding-right: 20px;
}
@media (max-width: 765px) {
  .brc-20.brc-20-item-page table td {
    padding-right: 12px;
  }
}
.brc-20 .ant-card-body {
  overflow-x: auto;
}
@media (max-width: 765px) {
  .brc-20 .ant-card-body {
    padding: 16px;
  }
}
@media (max-width: 475px) {
  .brc-20 .ant-card-body {
    padding: 12px;
  }
}
.brc-20 table.transfer-table {
  margin-top: 16px;
  width: 100%;
  font-size: 14px;
}
.brc-20 table.transfer-table th {
  text-align: right;
  padding: 8px;
}
.brc-20 table.transfer-table th.time,
.brc-20 table.transfer-table th.to {
  text-align: center;
}
.brc-20 table.transfer-table td {
  padding: 8px;
  text-align: right;
}
.brc-20 table.transfer-table td.time,
.brc-20 table.transfer-table td.to {
  text-align: center;
}
.brc-20 table.transfer-table .history-item.unconfirmed .time {
  color: #b7852a;
}
.brc-20 table.transfer-table .history-item.unconfirmed .type {
  border: 1px solid #b7852a;
}
.brc-20 table.transfer-table .history-item.invalid,
.brc-20 table.transfer-table .history-item.invalid .amount,
.brc-20 table.transfer-table .history-item.invalid .time,
.brc-20 table.transfer-table .history-item.invalid .to {
  color: #cd4756;
}
.brc-20 table.transfer-table .history-item.invalid .type {
  border: 1px solid #cd4756;
}
.brc-20 table.transfer-table .history-item .type {
  font-size: 12px;
  padding: 4px 8px;
  background-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
}
.brc-20 table.transfer-table .history-item .type.send {
  background-color: #4571bc;
}
.brc-20 table.transfer-table .history-item .type.receive {
  background-color: #6aaf00;
}
.brc-20 table.transfer-table .history-item .type.inscribe-deploy {
  background-color: #b88f15;
}
.brc-20 table.transfer-table .history-item .type.inscribe-transfer {
  background-color: #3b4b4e;
}
.brc-20 table.transfer-table .history-item .to {
  cursor: pointer;
  text-decoration: underline;
  color: #8a8a8a;
  transition: all 0.2s ease-in-out;
  border-radius: 4px;
}
.brc-20 table.transfer-table .history-item .time {
  cursor: pointer;
  text-decoration: underline;
  font-size: 14px;
  color: #8a8a8a;
}
.brc20-search-result-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-self: stretch;
  gap: 16px;
  max-height: max(350px, 30vh);
}
.brc20-search-result-container .item {
  min-width: min(10vw, 128px);
  cursor: pointer;
  border: 1px solid #424242;
  border-radius: 8px;
  padding: 8px 16px 4px;
  overflow: hidden;
}
.brc20-search-result-container .item .title-container {
  padding: 6px 12px;
  background: hsla(0, 0%, 100%, 0.1);
  margin: -8px -16px 8px;
}
.brc20-search-result-container .item.selected {
  border-color: var(--main-color);
  box-shadow: 0 2px 20px rgba(235, 185, 76, 0.2);
}
.brc20-search-result-container .item.selected .title {
  color: var(--main-color);
}
.brc20-search-result-container .item:hover {
  background-color: hsla(0, 0%, 100%, 0.025);
}
.brc20-search-result-container .item .item-name {
  font-size: 16px;
  color: var(--main-color);
}
.brc20-search-result-container .item .ant-statistic-content {
  text-align: right;
}
.brc20-search-result-container .item .line {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 4px 0;
}
.brc20-search-result-container .item .line .key {
  margin-right: 32px;
  color: #8a8a8a;
}
.brc20-search-result-container .item .line .value {
  font-size: 14px;
}
.brc20-search-result-container .item .line .total {
  font-size: 18px;
  color: #fff;
}
.brc20-search-result-container .item .divider {
  background-color: hsla(0, 0%, 100%, 0.1);
  width: 100%;
  height: 1px;
}
@media (max-width: 765px) {
  .brc20-search-result-container {
    gap: 8px;
  }
  .brc20-search-result-container .item {
    padding: 8px 8px 4px;
  }
  .brc20-search-result-container .item .item-name {
    font-size: 14px;
  }
  .brc20-search-result-container .item .line {
    font-size: 12px;
  }
  .brc20-search-result-container .item .line .key {
    margin-right: 16px;
  }
  .brc20-search-result-container .item .line .value {
    font-size: 12px;
  }
  .brc20-search-result-container .item .line .value.total {
    font-size: 14px;
  }
}
.percent-container .percent {
  margin-top: 2px;
  width: 100%;
  height: 6px;
  background-color: hsla(0, 0%, 100%, 0.1);
  position: relative;
  border-radius: 2em;
  overflow: hidden;
}
.percent-container .percent .percent-bar {
  z-index: 1;
  height: 100%;
  background-color: #f6ae2d;
  position: absolute;
  top: 0;
  left: 0;
}
.inscription {
  padding: 40px 16px;
}
.inscription .container {
  margin: 0 auto;
  max-width: 768px;
}
.inscription .container .title-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.inscription .container .title-container iframe {
  height: 156px;
  width: 156px;
  border: none;
}
.inscription .container .title-container img,
.inscription .container .title-container video {
  min-width: 156px;
  min-height: 156px;
  object-fit: contain;
  max-width: 640%;
}
.inscription .container .title-container audio {
  width: 100%;
  padding: 8px;
}
.inscription .container a {
  text-decoration: underline;
}
.inscription .container .ant-descriptions-item {
  padding-bottom: 0;
}
.inscription .container .ant-descriptions-item .ant-descriptions-item-content {
  margin-bottom: 8px;
  margin-left: 16px;
}
.inscription-new {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 64px 32px 32px;
  gap: 32px;
}
.inscription-new .panel {
  overflow: hidden;
  background: hsla(0, 0%, 100%, 0.06);
  border-radius: 20px;
}
.inscription-new .left {
  width: 40%;
}
.inscription-new .left .content-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  background: hsla(0, 0%, 100%, 0.03);
}
.inscription-new .left .content-container .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.inscription-new .left .content-container .content .iframe-container {
  position: relative;
  width: 100%;
  padding-top: 100%;
  height: 0;
  overflow: hidden;
}
.inscription-new .left .content-container .content .iframe-container iframe,
.inscription-new .left .content-container .content .iframe-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.inscription-new .left .content-container,
.inscription-new .left .content-container img,
.inscription-new .left .content-container video {
  width: 100%;
  max-width: 100%;
  object-fit: contain;
}
.inscription-new .left .content-container iframe {
  min-width: 100%;
  min-height: 100%;
  text-align: center;
}
.inscription-new .right {
  flex: 1 1;
}
.inscription-new .right .panel {
  padding: 0 24px;
}
.inscription-new .right .panel.auction-info-panel {
  padding: 0;
}
.inscription-new .right .panel.auction-info-panel .grid {
  justify-items: center;
}
.inscription-new .right .panel.auction-info-panel .head-line {
  padding: 16px 32px;
  background: hsla(0, 0%, 100%, 0.05);
}
.inscription-new .right .panel.auction-info-panel .content {
  padding: 16px 32px;
}
.inscription-new .right .panel.auction-info-panel .content .button {
  max-width: 456px;
  height: 50px;
}
.inscription-new .right .desc-item {
  padding: 16px 0;
  font-size: 14px;
}
.inscription-new .right .desc-item:not(:last-child) {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.03);
}
.inscription-new .right .desc-item .key {
  color: #9a9790;
}
.inscription-new .right .desc-item .value {
  display: block;
  margin-top: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 1080px) {
  .inscription-new {
    flex-direction: column;
    align-items: stretch;
  }
  .inscription-new .left {
    width: 100%;
  }
}
@media (max-width: 765px) {
  .inscription-new {
    padding: 32px 24px;
    gap: 24px;
  }
  .inscription-new .font32 {
    font-size: 24px;
  }
  .inscription-new .grid.gap24 {
    gap: 16px;
  }
}
@media (max-width: 475px) {
  .inscription-new {
    padding: 24px 16px;
    gap: 16px;
  }
  .inscription-new .grid.c2 {
    grid-template-columns: 1fr;
  }
  .inscription-new .font32 {
    font-size: 18px;
  }
}
.auction {
  max-width: 720px;
  margin: 0 auto;
}
.auction .top {
  padding: 56px 42px;
  text-align: center;
}
.auction .top .title {
  font-size: 24px;
  line-height: 36px;
}
.auction .top .desc {
  margin-top: 8px;
  color: #8a8a8a;
}
.auction
  .search-input
  .ant-input-wrapper
  .ant-input-affix-wrapper.ant-input-affix-wrapper-lg {
  padding: 12px 10px;
}
.auction .search-input .ant-input-wrapper .ant-input-group-addon .ant-btn-lg {
  height: 50px;
  width: 50px;
}
.auction .table-container {
  margin-top: 40px;
}
.auction .table-container .flex-row-between .title {
  font-size: 18px;
}
.auction table,
.auction-detail table {
  margin: 20px 0 0;
  overflow: hidden;
}
.auction table thead,
.auction-detail table thead {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.auction table thead th,
.auction-detail table thead th {
  padding: 10px;
}
.auction table thead th:first-child,
.auction-detail table thead th:first-child {
  padding-left: 20px;
}
.auction table tr,
.auction-detail table tr {
  transition: 0.25s ease-in-out;
}
.auction table tr.clickable:hover,
.auction-detail table tr.clickable:hover {
  background-color: hsla(0, 0%, 100%, 0.075);
}
.auction table td,
.auction-detail table td {
  cursor: pointer;
  padding: 10px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
}
.auction table td:first-child,
.auction-detail table td:first-child {
  padding-left: 20px;
}
.auction table td .price,
.auction-detail table td .price {
  display: flex;
  flex-direction: column;
}
.auction table td .price span:nth-child(2),
.auction-detail table td .price span:nth-child(2) {
  font-size: 12px;
  margin-top: 2px;
  color: #8a8a8a;
}
.auction table td .ends,
.auction-detail table td .ends {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.auction-detail {
  max-width: 992px;
  margin: 0 auto;
}
.auction-detail .block-1 .ant-statistic,
.auction-detail .block-1 .ant-statistic .ant-statistic-content,
.auction-detail .block-2 .ant-statistic,
.auction-detail .block-2 .ant-statistic .ant-statistic-content {
  padding: 0;
}
.auction-detail
  .block-1
  .ant-statistic
  .ant-statistic-content
  span:nth-child(2),
.auction-detail
  .block-2
  .ant-statistic
  .ant-statistic-content
  span:nth-child(2) {
  font-size: 12px;
  color: #8a8a8a;
}
.auction-detail .top {
  padding: 64px 16px;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.auction-detail .top .name {
  font-size: 24px;
  line-height: 36px;
}
.auction-detail .top .auction-tag {
  color: #5aec8c;
  background-color: rgba(90, 236, 140, 0.1);
  font-size: 12px;
  padding: 4px 8px;
  margin-left: 8px;
  border-radius: 4px;
}
.auction-detail .block-1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 14px;
}
.auction-detail .block-1 .block-1-item {
  margin: 0;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.auction-detail .block-1 .block-1-item > .ant-btn,
.auction-detail .block-1 .block-1-item > div {
  width: calc(50% - 8px);
}
.auction-detail .block-1 .block-1-item .panel-1 {
  overflow: hidden;
  margin: 0;
}
.auction-detail .block-1 .block-1-item .panel-1 .line {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center center;
  padding: 0 8px;
}
.auction-detail .block-1 .block-1-item .panel-1 .line.head {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.auction-detail .block-1 .block-1-item .panel-1 .line > div {
  padding: 16px 0;
}
.auction-detail .block-1 .block-1-item .panel-1 .line .flex-column > span {
  font-size: 14px;
  color: #8a8a8a;
}
.auction-detail .block-1 .block-1-item .panel-1 .flex-row-between {
  padding: 16px;
}
.auction-detail .block-1 .block-1-item .panel-1 .flex-row-between:nth-child(2) {
  border-top: 1px solid #1c1919;
  border-bottom: 1px solid #1c1919;
}
.auction-detail .block-1 .block-1-item .panel-1 .flex-row-between .number {
  color: var(--main-color);
}
.auction-detail .block-1 .block-1-item .count-down {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.auction-detail
  .block-1
  .block-1-item
  .count-down
  .ant-statistic-content
  .ant-statistic-content-value {
  font-size: 16px;
  color: #fff;
}
.auction-detail .block-2 {
  margin-top: 32px;
}
.auction-detail .block-2 .title {
  padding: 16px;
  font-size: 18px;
}
.auction-detail .block-2 .date {
  color: #8a8a8a;
}
.address-detail {
  padding: 0 16px 32px;
}
.address-detail .ant-tabs-nav {
  margin-top: 20px;
}
.address-detail .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {
  text-shadow: 0 2px 20px rgba(235, 185, 76, 0.7);
}
.address-detail .info-container {
  padding-top: 48px;
  padding-bottom: 16px;
  margin-bottom: 32px;
}
.address-detail .info-container .bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  height: 265px;
  width: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.5) -18.77%,
    rgba(244, 182, 44, 0.733) 90%
  );
  opacity: 0.15;
}
.address-detail .info-container .avatar {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid hsla(0, 0%, 100%, 0.25);
}
.address-detail .info-container .info {
  width: 100%;
}
.address-detail .info-container .info .full-address .ellipsis {
  width: calc(100% - 168px);
}
.address-detail .assets-tab-container {
  padding: 0 24px;
}
.address-detail .assets-tab-container .ant-tabs-nav {
  margin-top: 0;
  margin-bottom: 0;
}
.address-detail .assets-tab-container .ant-tabs-nav .ant-tabs-tab {
  padding-left: 8px;
  padding-right: 8px;
}
.address-detail .assets-tab-container .ant-tabs-nav .ant-tabs-ink-bar {
  height: 3px;
  border-radius: 4px 4px 0 0;
}
.address-detail table.address-rune-assets-table th {
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 400;
  background-color: hsla(0, 0%, 100%, 0.1);
}
.address-detail table.address-rune-assets-table th:first-child {
  padding-left: 32px;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
}
@media (max-width: 475px) {
  .address-detail table.address-rune-assets-table th:first-child {
    padding-left: 16px;
  }
}
.address-detail table.address-rune-assets-table th:nth-child(2) {
  padding-right: 64px;
}
@media (max-width: 475px) {
  .address-detail table.address-rune-assets-table th:nth-child(2) {
    padding-right: 16px;
  }
}
.address-detail table.address-rune-assets-table th:last-child {
  padding-right: 32px;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
  width: 120px;
}
.address-detail table.address-rune-assets-table tbody tr {
  cursor: pointer;
  transition: 0.25s ease-in-out;
}
.address-detail table.address-rune-assets-table tbody tr:hover {
  background: #222;
}
.address-detail table.address-rune-assets-table tbody tr:not(:first-child) td {
  border-top: 1px solid hsla(0, 0%, 100%, 0.08);
}
.address-detail table.address-rune-assets-table td {
  padding: 12px 16px;
}
.address-detail table.address-rune-assets-table td:first-child {
  padding-left: 32px;
}
@media (max-width: 475px) {
  .address-detail table.address-rune-assets-table td:first-child {
    padding-left: 16px;
  }
}
.address-detail table.address-rune-assets-table td:nth-child(2) {
  padding-right: 64px;
}
@media (max-width: 475px) {
  .address-detail table.address-rune-assets-table td:nth-child(2) {
    padding-right: 16px;
  }
}
.address-detail table.address-rune-assets-table td:last-child {
  padding-right: 32px;
  width: 120px;
}
.address-detail table.address-rune-assets-table td .small-button {
  padding: 6px 12px;
}
.address-detail .min-w-114 {
  min-width: 114px;
}
@media (max-width: 765px) {
  .address-detail .info-container {
    padding-top: 32px;
    padding-bottom: 8px;
    margin-bottom: 24px;
  }
  .address-detail .info-container .font28 {
    font-size: 22px;
  }
}
@media (max-width: 475px) {
  .address-detail .info-container {
    padding-top: 24px;
    padding-bottom: 8px;
    margin-bottom: 12px;
  }
  .address-detail .info-container .font28 {
    font-size: 18px;
  }
}
.brc-20-inscription-panel {
  margin: 32px 0 0;
  padding: 16px;
}
.brc-20-inscription-panel .title {
  margin-bottom: 16px;
}
.brc-20-inscription-panel .border-btn {
  padding: 4px 8px;
}
.tab-list .tab {
  padding: 8px;
  border-radius: 4px;
  background: hsla(0, 0%, 100%, 0.1);
  color: hsla(0, 0%, 100%, 0.7);
}
.tab-list .tab:not(.selected) {
  cursor: pointer;
}
.tab-list .tab:not(.selected):hover {
  background: hsla(0, 0%, 100%, 0.12);
}
.tab-list .tab.selected {
  color: #fff;
  background: var(--1, linear-gradient(135deg, #ebb94c 0, #e97e00 100%));
}
.domain-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 700;
  border-radius: 50%;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  background: linear-gradient(180deg, #13274e, #192d57 51.56%, #143445);
  font-size: 14px;
}
.domain-icon.domain-uniworlds {
  font-size: 6px;
}
.domain-icon.domain-bitmap,
.domain-icon.domain-unisat {
  font-size: 8px;
}
.address-collection .list-filter {
  background-color: #121212;
}
.address-collection .list-filter .clickable {
  border: 1px solid transparent;
}
.address-collection .list-filter .clickable:hover {
  background-color: hsla(0, 0%, 100%, 0.12);
}
.address-collection .list {
  min-height: 620px;
}
.assets-scroll-bar {
  overflow-y: auto;
  background: #121212;
}
.assets-scroll-bar::-webkit-scrollbar {
  width: 1px;
}
.assets-scroll-bar::-webkit-scrollbar-track {
  background: #1d1d1d;
}
.assets-scroll-bar::-webkit-scrollbar-thumb {
  background: #f4b62c;
}
.select-gradient {
  position: relative;
  border-radius: 8px;
  z-index: 0;
}
.select-gradient:after {
  position: absolute;
  content: "";
  top: -1px;
  left: -1px;
  border-radius: 8px;
  z-index: -1;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background-image: linear-gradient(125deg, #ebb94c, #e97e00 50%);
}
.address-brc20 .brc20-search-result-container {
  max-height: max(350px, 30vh);
  padding-bottom: 16px;
}
.address-brc20
  .brc20-search-result-container
  .swap-balance
  .item:not(.swap-balance-item) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.address-brc20 .brc20-search-result-container .swap-balance .swap-balance-item {
  margin-top: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.address-protocol-tab .item {
  background: hsla(0, 0%, 100%, 0.1);
  min-width: 200px;
  border: 1px solid #312f2f;
  transition: 0.3s ease-in-out;
  padding: 21px 0;
}
.address-protocol-tab .item.disabled {
  background: hsla(0, 0%, 100%, 0.05);
  color: #888;
}
.address-protocol-tab .item:not(.disabled):hover {
  border-color: #f4b62c;
  color: #fff;
}
.address-protocol-tab .item.selected {
  border-color: #f4b62c;
  background: rgba(244, 182, 44, 0.08);
}
.address-protocol-tab .item .icon {
  width: 28px;
  height: 28px;
  min-width: 28px;
  background-color: #000;
}
@media (max-width: 765px) {
  .address-protocol-tab {
    gap: 16px;
  }
  .address-protocol-tab .item {
    min-width: 156px;
    padding: 12px 0;
  }
}
@media (max-width: 400px) {
  .address-protocol-tab {
    gap: 12px;
  }
  .address-protocol-tab .item {
    min-width: unset;
    padding: 8px;
  }
}
.address-rune {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
.address-rune .rune-trans {
  width: calc(33.3% - 12px);
}
.address-rune .rune-assets {
  width: calc(66.7% - 12px);
}
@media (max-width: 1080px) {
  .address-rune {
    flex-direction: column-reverse;
  }
  .address-rune .rune-assets,
  .address-rune .rune-trans {
    width: 100%;
  }
}
@media (max-width: 475px) {
  .address-rune .p16 {
    padding: 8px;
  }
  .address-rune .gap16 {
    gap: 8px;
  }
  .address-rune table td {
    font-size: 12px;
  }
}
.points-page.main-container {
  padding: 24px 0;
}
.points-page .points-panel {
  background-color: #292116;
  position: relative;
}
.points-page .points-panel .bg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100px;
  height: 90px;
}
.points-page .what-are {
  position: relative;
}
.points-page .what-are:after {
  position: absolute;
  bottom: 10px;
  right: 40px;
  content: " ";
  width: 474px;
  height: 316px;
  background: radial-gradient(
    rgba(235, 185, 76, 0.4) 0,
    rgba(233, 126, 0, 0) 50%
  );
  filter: blur(33px);
}
.points-page .how-to-panel {
  background-color: #161211;
  position: relative;
  overflow: visible;
}
.points-page .how-to-panel:after {
  content: " ";
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: linear-gradient(104deg, #d1a23a, #e07b05);
  z-index: -1;
  border-radius: inherit;
}
.points-page .uses-points {
  position: relative;
}
.points-page .uses-points .uses-points-panel {
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  background: url(/img/points-bg-3.png) repeat-x;
  background-color: hsla(0, 0%, 100%, 0.06);
  border: 1px solid hsla(0, 0%, 100%, 0.06);
}
.points-page .uses-points .uses-points-panel .uses-points-bg1 {
  width: 273px;
  height: 233px;
  position: absolute;
  top: -32px;
  left: -42px;
}
.points-page .uses-points .uses-points-panel .uses-points-bg2 {
  width: 42px;
  height: 42px;
  position: absolute;
  right: 24px;
  top: 24px;
}
.points-page .uses-points .uses-points-panel .uses-points-block {
  height: 180px;
}
.points-page .uses-points .uses-points-content {
  margin-top: -168px;
  padding: 0 32px;
}
.points-page .uses-points .uses-points-content .item {
  border-radius: 24px;
  padding: 16px 16px 180px;
  position: relative;
  overflow: hidden;
}
.points-page .uses-points .uses-points-content .item .item-bg {
  position: absolute;
  right: -42px;
  bottom: -42px;
  opacity: 0.06;
}
.points-page .uses-points .uses-points-content .item:after {
  content: " ";
  position: absolute;
  left: 0;
  top: -256px;
  width: 100%;
  height: 300px;
  background: radial-gradient(
    rgba(227, 134, 76, 0.7),
    rgba(227, 134, 76, 0) 70%
  );
  filter: blur(45px);
}
.points-page .uses-points .uses-points-content .item:first-child {
  border: 1px solid rgba(255, 188, 121, 0.4);
  background-color: #100a07;
}
.points-page .uses-points .uses-points-content .item:nth-child(2) {
  border: 1px solid rgba(214, 106, 154, 0.4);
  background-color: #110811;
}
.points-page .uses-points .uses-points-content .item:nth-child(2):after {
  background: radial-gradient(
    rgba(214, 106, 154, 0.7),
    rgba(214, 106, 154, 0) 70%
  );
}
.points-page .points-history table th {
  background: hsla(0, 0%, 100%, 0.05);
  padding-left: 16px;
}
.points-page .points-history table td {
  padding: 16px;
}
.points-page .points-history table td:first-child {
  padding-left: 32px;
}
.points-page .points-history table .text-right {
  padding-right: 120px;
}
.nft-item-components {
  min-width: 112px;
  display: inline-block;
  border-radius: 4px;
  overflow: hidden;
  border: 0.5px solid rgba(66, 66, 66, 0.8);
  transition: all 0.25s ease-in-out;
}
.nft-item-components:not(.selected).clickable {
  cursor: pointer;
}
.nft-item-components.selected {
  border-color: #ebb94c;
}
.nft-item-components .content-container {
  min-height: 80px;
  padding: 8px;
  background: #121212;
  display: flex;
  flex-direction: column;
}
.nft-item-components .content-container .content {
  color: #fff;
}
.nft-item-components .content-container.domain {
  align-items: center;
  justify-content: center;
  position: relative;
}
.nft-item-components .content-container.domain .nft-tag {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
  margin-right: 0;
  font-size: 12px;
}
.nft-item-components .content-container .nft-tag {
  padding: 2px;
  background: #312a1a;
  border-radius: 0 4px;
  margin-top: -8px;
  margin-right: -8px;
}
.nft-item-components .content-container.brc-20 {
  gap: 8px;
}
.nft-item-components .content-container.brc-20 .tick {
  color: hsla(0, 0%, 100%, 0.7);
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}
.nft-item-components .content-container.brc-20 .content {
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  align-self: center;
}
.nft-item-components .content-container.brc-20 .bottom-tag {
  align-self: flex-start;
  font-size: 12px;
  padding: 4px;
  margin-bottom: -8px;
  margin-left: -8px;
  background: #444;
  border-top-right-radius: 4px;
}
.nft-item-components .content-container.collection-content {
  padding: 0;
  width: 200px;
  height: 200px;
  position: relative;
  overflow: hidden;
}
.nft-item-components .content-container.collection-content .iframe-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.nft-item-components .content-container.collection-content .nft-tag {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-top: 0;
  margin-right: 0;
  font-size: 12px;
}
.nft-item-components .info {
  padding: 8px;
  background-color: hsla(0, 0%, 100%, 0.1);
}
.nft-item-components .info .num {
  color: var(--main-color);
}
.nft-item-components .info .date {
  margin-top: 4px;
  font-size: 12px;
  color: #8a8a8a;
}
.nft-item-components .price-line {
  border-top: 1px solid #2a2a2a;
  padding: 8px;
  background-color: hsla(0, 0%, 100%, 0.1);
  gap: 8px;
}
.nft-item-components .price-line .price,
.nft-item-components .price-line .unit {
  color: #f6ae2d;
}
.nft-item-components .action-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.nft-item-components .action-container .action {
  display: inline-block;
  padding: 4px 8px;
  margin-top: 8px;
}
.mask .put-on-alert {
  justify-content: flex-start;
}
.mask .put-on-alert .title {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 16px;
}
.mask .put-on-alert .desc {
  font-size: 14px;
  color: #8a8a8a;
}
.mask .put-on-alert .name {
  margin-top: 32px;
  font-size: 28px;
  font-weight: 700;
  color: var(--main-color);
}
.mask .put-on-alert .line {
  margin-top: 32px;
  width: 100%;
}
.mask .put-on-alert .action-notice {
  margin-top: 32px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mask .put-on-alert .actions {
  margin-top: 32px;
  justify-self: flex-end;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
.atom-link {
  background: hsla(0, 0%, 100%, 0.1);
  border-radius: 2em;
  height: 40px;
  padding: 0 16px;
}
.atom-link:hover {
  background: hsla(0, 0%, 100%, 0.15);
}
.atom-link:hover img {
  filter: sepia(100%) saturate(10000%) hue-rotate(309deg);
}
@media (max-width: 1200px) {
  .atom-link {
    padding: 0;
    width: 40px;
  }
  .atom-link span {
    display: none;
  }
}
@media (max-width: 920px) {
  .atom-link {
    height: 36px;
    width: 36px;
  }
}
@media (max-width: 765px) {
  .atom-link {
    height: 32px;
    width: 32px;
  }
}
.connected-user-button {
  height: 40px;
  border: 1px solid hsla(0, 0%, 100%, 0.35);
  box-shadow: inset 0 1px 15px rgba(0, 0, 0, 0.15);
  border-radius: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 18px;
  color: #9a9790;
  cursor: pointer;
}
.connected-user-button.in-app {
  border: none;
}
@media (max-width: 1080px) {
  .connected-user-button {
    padding: 0 12px;
  }
}
@media (max-width: 920px) {
  .connected-user-button {
    padding: 0 6px;
    height: 36px;
  }
}
@media (max-width: 765px) {
  .connected-user-button {
    height: 32px;
  }
}
@media (max-width: 375px) {
  .connected-user-button {
    height: 28px;
  }
}
.connected-user-popover {
  min-width: 272px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: hsla(0, 0%, 100%, 0.7);
  background: #252525;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
}
.connected-user-popover .flex-row-between {
  padding: 8px 16px;
  border-radius: 8px;
}
.connected-user-popover .flex-row-between .flex-row-center {
  gap: 10px;
}
.connected-user-popover .flex-row-between .flex-row-center .pop-icon {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.connected-user-popover .ant-divider {
  margin: 0;
}
.connected-user-popover .clickable span {
  color: hsla(0, 0%, 100%, 0.7);
}
.connected-user-popover .clickable:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.stacking-icons {
  line-height: 0;
}
.stacking-icons .question-container {
  background-color: #000;
  border-radius: 50%;
}
.stacking-icons .question-container .question {
  background: linear-gradient(103.92deg, #ebb94c, #e97e00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.address-nft-item {
  background: #1e1e1e;
  border: 2px solid transparent;
  border-radius: 12px;
  overflow: hidden;
}
.address-nft-item > .content-container {
  position: relative;
  height: 0;
  padding-top: 100%;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}
.address-nft-item > .content-container.full-bg {
  margin: -1px;
}
.address-nft-item > .content-container .content {
  transition: 0.3s ease-in-out;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.address-nft-item .bottom {
  padding: 0 8px;
  font-size: 14px;
}
@media (max-width: 765px) {
  .address-nft-item .bottom {
    padding: 0 8px;
  }
}
@media (max-width: 475px) {
  .address-nft-item .bottom {
    padding: 0 4px;
  }
}
.address-nft-item .bottom .divider {
  width: 100%;
  height: 1px;
  background-color: hsla(0, 0%, 100%, 0.04);
}
.address-nft-item .bottom .bottom-action {
  height: 40px;
  text-align: center;
  position: relative;
}
.address-nft-item .bottom .bottom-action .action-button {
  position: absolute;
  bottom: 0;
  left: -8px;
  padding: 0;
  height: 0;
  line-height: 0;
  border-width: 0;
  overflow: hidden;
  width: calc(100% + 16px);
  display: block;
  background: linear-gradient(116deg, #eabb5a 1.05%, #e78327 94.35%);
  transition: 0.25s ease-in-out;
}
.address-nft-item .bottom .bottom-action .action-button.danger {
  background: #f4655f;
}
.address-nft-item:hover {
  border-color: var(--main-color);
}
.address-nft-item:hover .content-container .content {
  transform: scale(1.025);
}
.address-nft-item:hover .bottom .bottom-action .action-button {
  height: 36px;
  line-height: 36px;
}
.collection-nft-content .loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.collection-nft-content .right-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 4px;
  font-size: 12px;
  background: hsla(0, 0%, 100%, 0.1);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 8px 0 0 0;
}
.rank {
  position: absolute;
  top: 4px;
  right: 4px;
}
.rank.l1 {
  color: #ffeba7;
  text-shadow: 0 4px 5px hsla(46, 90%, 77%, 0.2);
}
.rank.l2 {
  color: #cedeff;
  text-shadow: 0 4px 5px rgba(127, 148, 193, 0.3);
}
.rank.l3 {
  color: #fbd4c0;
}
.domain-nft-content {
  background: var(--names-bg);
}
.brc20-nft-content {
  background: #121212;
}
.brc20-nft-content .tick {
  position: absolute;
  top: 4px;
  left: 8px;
  color: #fff;
}
.brc20-nft-content .op {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
  background: #292929;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 0 8px;
}
.card-wrap {
  transform: perspective(1000px);
  transform-style: preserve-3d;
  cursor: pointer;
}
.card-wrap:hover .card-bg {
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 2.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.card-wrap:hover .card {
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    box-shadow 1s cubic-bezier(0.23, 1, 0.32, 1);
  box-shadow: 0 0 20px 3px hsla(0, 0%, 100%, 0.2),
    0 15px 30px 0 rgba(0, 0, 0, 0.66);
}
.card-wrap .card {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
  border-radius: 10px;
  transition: 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.card-wrap .card-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  transition: 1s cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity 5s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1s;
  pointer-events: none;
}
.linear-gradient-container {
  position: relative;
  overflow: hidden;
}
.linear-gradient-container .linear-gradient-bg {
  z-index: -2;
  background: linear-gradient(
    103.92deg,
    rgba(76, 235, 225, 0.03),
    rgba(243, 132, 0, 0.04) 43.75%,
    rgba(243, 132, 0, 0.04) 60.42%,
    rgba(76, 235, 225, 0.03)
  );
}
.linear-gradient-container .linear-gradient-bg,
.linear-gradient-container .linear-gradient-blur {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
}
.linear-gradient-container .linear-gradient-blur {
  z-index: -1;
  background: hsla(0, 0%, 100%, 0.05);
}
.linear-gradient-container.clickable:hover .linear-gradient-blur {
  cursor: pointer;
  background: hsla(0, 0%, 100%, 0.06);
}
.names-quick-input-alert .top-title {
  align-self: stretch;
  margin: -32px -32px -16px;
  padding: 16px 24px;
  background: hsla(0, 0%, 100%, 0.05);
}
.names-quick-input-alert .quick-item {
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
}
.names-quick-input-alert .quick-item:active,
.names-quick-input-alert .quick-item:hover {
  background: hsla(0, 0%, 100%, 0.1);
}
.names-quick-input-alert .ant-divider-with-text {
  margin: 32px 0 8px;
}
.names-quick-input-alert .ant-divider-with-text:first-child {
  margin-top: 16px;
}
.names-quick-input-alert .ant-divider-with-text .ant-divider-inner-text {
  color: var(--main-color);
}
.names-quick-input-alert .ant-divider-with-text .ant-divider-inner-text:after,
.names-quick-input-alert .ant-divider-with-text .ant-divider-inner-text:before {
  border-block-start-color: red;
}
.download-bar-new .download-btn {
  min-width: 320px;
  padding: 0 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  height: 56px;
  border-radius: 2em;
  border: 1px solid hsla(0, 0%, 100%, 0.6);
  background: #0a0a0a;
  font-size: 14px;
  cursor: pointer;
}
.download-bar-new .download-btn:hover {
  background: #1e1e1e;
}
.head-pic-container {
  background-color: hsla(0, 0%, 100%, 0.1);
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
}
.head-pic-container .cube-line {
  flex: 0.2 1;
  display: flex;
  flex-direction: row;
}
.head-pic-container .cube-line .cube {
  flex: 0.2 1;
}
.home-banner .banner-item {
  height: 256px;
  overflow: hidden;
  position: relative;
}
.home-banner .banner-item img.bg {
  height: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media (max-width: 800px) {
  .home-banner .banner-item img.bg {
    left: 0;
  }
}
.home-banner.atom-banner .border-btn-main {
  border: 1px solid #a0c0ff;
  background: rgba(76, 121, 235, 0.1);
  color: #a0c0ff;
}
.home-banner.atom-banner .border-btn-main span {
  color: #a0c0ff;
}
.home-banner.atom-banner .border-btn-main:hover {
  background: rgba(76, 121, 235, 0.2);
}
.home-banner.pizza-banner .banner-item {
  height: 140px;
}
.home-banner.pizza-banner .banner-item:hover img.bg {
  transform: scale(1.03);
}
.home-banner.pizza-banner .banner-item img.bg {
  transition: 0.3s ease-in-out;
}
@media (max-width: 800px) {
  .home-banner.pizza-banner .banner-item img.bg {
    left: unset;
    right: -48px;
    opacity: 0.6;
  }
}
.home-partner-tab .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 48px;
}
.home-partner-tab .ant-tabs-tab-btn {
  font-size: 20px;
}
@media (max-width: 765px) {
  .home-partner-tab .ant-tabs-tab-btn {
    font-size: 18px;
  }
}
@media (max-width: 540px) {
  .home-partner-tab .ant-tabs-tab-btn {
    font-size: 14px;
  }
}
@media (max-width: 765px) {
  .home-partner-tab .gap56 {
    gap: 32px;
  }
  .home-partner-tab .p24 {
    padding: 12px;
  }
}
@media (max-width: 540px) {
  .home-partner-tab .gap56 {
    gap: 24px;
  }
  .home-partner-tab .p24 {
    padding: 0;
  }
}
.atom-switch {
  padding: 3px;
}
.atom-switch .item {
  padding: 8px;
  cursor: pointer;
  border-radius: 8px;
}
.atom-switch .item.selected.atom-item {
  background: rgba(76, 121, 235, 0.1);
  color: #a0c0ff;
}
.atom-switch .item.selected.ordi-item {
  background: rgba(235, 185, 76, 0.1);
  color: #ebb94c;
}
.atom-switch .item.selected.runes-item {
  background: rgba(235, 185, 76, 0.1);
  color: #f39164;
}
.atom-switch .item:not(.selected):hover {
  background: hsla(0, 0%, 100%, 0.05);
}
.my-tabs .my-tabs-nav .tab {
  padding: 12px;
  min-width: 110px;
  font-size: 14px;
  border-radius: 12px;
  border: 1px solid hsla(0, 0%, 100%, 0.25);
  background: #141414;
  cursor: pointer;
}
.my-tabs .my-tabs-nav .tab.selected,
.my-tabs .my-tabs-nav .tab:hover {
  border: 1px solid var(--2, #ebb94c);
  background: #141414;
  color: var(--main-color);
}
@media (max-width: 765px) {
  .my-tabs .my-tabs-nav .tab {
    padding: 8px;
    font-size: 13px;
    min-width: 100px;
  }
}
@media (max-width: 475px) {
  .my-tabs .my-tabs-nav .tab {
    min-width: 88px;
  }
}
@keyframes loop-line {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 24px));
  }
}
@keyframes loop-line-reverse {
  0% {
    transform: translateX(calc(-100% - 24px));
  }
  to {
    transform: translateX(0);
  }
}
.home-partner-loop-line .animate-container {
  width: max-content;
  animation: loop-line 24s linear infinite;
}
.home-partner-loop-line .animate-container.reverse {
  animation: loop-line-reverse 27s linear infinite;
}
.home-partner-loop-line .animate-container .item {
  width: 221px;
  min-width: 221px;
  height: 72px;
}
.multi-buy-bar-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 72px;
  border-top: 1px solid hsla(0, 0%, 100%, 0.1);
  background: transparent;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  overflow: hidden;
  transition: 0.3s ease-in-out;
  z-index: 1;
}
.multi-buy-bar-container.hide {
  display: block;
  transform: translateY(100%);
}
.multi-buy-bar-container .multi-buy-bar {
  height: 72px;
  min-height: 72px;
  margin: 0 auto;
}
.multi-buy-bar-container .multi-buy-bar .ant-slider .ant-slider-track {
  background: var(--main-color);
}
.multi-buy-bar-container .multi-buy-bar .ant-slider .ant-slider-handle:after {
  box-shadow: 0 0 0 3px var(--main-color);
}
.multi-buy-bar-container
  .multi-buy-bar
  .ant-slider:hover
  .ant-slider-handle:after {
  box-shadow: 0 0 0 4px var(--main-color);
}
.multi-buy-bar-container .multi-buy-bar .border-015 {
  transition: 0.2s ease-in-out;
}
.multi-buy-bar-container .multi-buy-bar .border-015 .ant-slider {
  margin: 0 16px;
  width: 200px;
}
.multi-buy-bar-container .multi-buy-bar .border-015 .divider-v {
  height: 38px;
  background: hsla(0, 0%, 100%, 0.15);
}
.multi-buy-bar-container .multi-buy-bar .border-015 .value {
  width: 38px;
  text-align: center;
  border: none;
}
.multi-buy-bar-container .multi-buy-bar .border-015 .value:focus {
  box-shadow: none;
}
.multi-buy-bar-container .multi-buy-bar .linear-gradient-button {
  font-size: 14px;
  min-width: 210px;
  height: 40px;
  padding: 0 16px;
  transition: 0.3s ease-in-out;
}
.multi-buy-bar-container .multi-buy-bar .linear-gradient-button.hide {
  transform: translateY(calc(100% + 36px));
}
@media (max-width: 765px) {
  .multi-buy-bar-container {
    height: 56px;
  }
  .multi-buy-bar-container .multi-buy-bar {
    height: 56px;
    min-height: 56px;
  }
  .multi-buy-bar-container .multi-buy-bar .border-015 .divider-v {
    height: 32px;
  }
  .multi-buy-bar-container .multi-buy-bar .border-015 .value {
    width: 32px;
    padding: 0;
  }
  .multi-buy-bar-container .multi-buy-bar .border-015 .ant-slider {
    margin: 0 8px;
    width: 128px;
  }
  .multi-buy-bar-container .multi-buy-bar .linear-gradient-button {
    font-size: 13px;
    height: 32px;
  }
}
@media (max-width: 640px) {
  .multi-buy-bar-container {
    height: 88px;
  }
  .multi-buy-bar-container .multi-buy-bar {
    height: 88px;
    min-height: 88px;
    flex-direction: column;
    justify-content: space-around;
    align-items: stretch;
  }
  .multi-buy-bar-container .multi-buy-bar .border-015 {
    flex: 1 1;
  }
  .multi-buy-bar-container .multi-buy-bar .border-015 .ant-slider {
    margin: 0 12px;
    width: 100%;
  }
  .multi-buy-bar-container .multi-buy-bar .linear-gradient-button {
    width: 100%;
    font-size: 12px;
  }
}
.multi-buy-setting .ant-input-group-wrapper {
  width: 180px;
}
.multi-buy-setting .ant-input-group-addon {
  font-size: 12px;
}
@media (max-width: 475px) {
  .multi-buy-setting {
    font-size: 12px;
  }
  .multi-buy-setting .ant-input-group-wrapper {
    width: 150px;
  }
  .multi-buy-setting .font-12 {
    font-size: 10px;
  }
  .multi-buy-setting .gap-16 {
    gap: 8px;
  }
}
.hot-collection-line-container {
  position: relative;
}
.hot-collection-line-container .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: #ebb94c;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  z-index: 1;
  opacity: 0;
}
.hot-collection-line-container .arrow:hover {
  background: rgba(235, 185, 76, 0.533);
}
.hot-collection-line-container .arrow.left {
  left: 0;
  transform: translate(-50%, -50%);
}
.hot-collection-line-container .arrow.right {
  right: 0;
  transform: translate(50%, -50%);
}
.hot-collection-line-container:hover .arrow {
  opacity: 1;
}
.hot-collection-line {
  white-space: nowrap;
  word-break: keep-all;
  width: max-content;
  transition: 0.5s ease-in-out;
}
.hot-collection-line .item {
  width: 302px;
  min-width: 302px;
  border: 1px solid rgba(235, 185, 76, 0.1);
  position: relative;
  overflow: hidden;
}
.hot-collection-line .item .info {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 32px 16px 8px;
  width: 100%;
  background: linear-gradient(transparent, #000);
  transition: 0.3s ease-in-out;
}
.hot-collection-line .item .info .linear-gradient-button {
  box-sizing: border-box;
  margin-left: 0;
  opacity: 0;
  height: 0;
  transition: 0.3s ease-in-out;
  padding: 0;
}
.hot-collection-line .item:hover .info .linear-gradient-button {
  margin-top: 16px;
  opacity: 1;
  height: 35px;
  padding: revert;
}
.home-download {
  padding: 32px 0 48px;
  background: linear-gradient(
    90deg,
    rgba(9, 8, 8, 0) 30%,
    rgba(108, 26, 106, 0.17) 70%,
    rgba(122, 90, 22, 0)
  );
  gap: 32px;
}
.home-download img {
  max-width: 45%;
}
@media (max-width: 1080px) {
  .home-download {
    gap: 64px;
  }
  .home-download.flex-row-between {
    flex-direction: column;
  }
  .home-download img {
    max-width: 90%;
  }
}
.home-service {
  position: relative;
  padding: 64px 0;
}
.home-service .bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  width: calc(100vw - 16px);
  height: 100%;
  background: hsla(0, 0%, 100%, 0.05);
}
.home-service .item {
  position: relative;
  overflow: hidden;
  transition: 0.2s ease-in-out;
  cursor: pointer;
}
.home-service .item:hover {
  transform: scale(1.01);
  border-color: var(--main-color);
}
.home-service .item .item-bg {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 980px) {
  .home-service > .flex-row-stretch {
    flex-direction: column;
  }
  .home-service > .flex-row-stretch .item {
    padding: 16px;
    gap: 16px;
  }
}
.home-market-container {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  grid-gap: 16px;
  gap: 16px;
  grid-auto-flow: column;
}
@media (max-width: 1200px) {
  .home-market-container {
    grid-template-rows: repeat(6, 1fr);
  }
}
@media (max-width: 765px) {
  .home-market-container {
    grid-template-rows: repeat(12, 1fr);
  }
}
.home-market-rank-item {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: 0.25s ease-in-out;
}
.home-market-rank-item:hover {
  transform: scale(1.01);
  background-color: hsla(0, 0%, 100%, 0.1);
}
.home-market-rank-item .index {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, 0.1);
  transform: translate(-50%, -50%);
  padding-top: 32px;
  padding-left: 33px;
  font-size: 12px;
  color: hsla(0, 0%, 100%, 0.8);
}
.home-market-rank-item .domain-icon {
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  font-weight: 700;
  border-radius: 50%;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  background: linear-gradient(180deg, #13274e, #192d57 51.56%, #143445);
  font-size: 16px;
}
.home-market-rank-item .domain-icon.domain-uniworlds {
  font-size: 9px;
}
.home-market-rank-item .domain-icon.domain-bitmap,
.home-market-rank-item .domain-icon.domain-unisat {
  font-size: 12px;
}
.radio-icon {
  width: 18px;
  height: 18px;
  min-width: 18px;
  border-radius: 50%;
  border: 1px solid hsla(0, 0%, 100%, 0.6);
  transition: 0.2s ease-in-out;
  position: relative;
}
.radio-icon:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--main-color);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 0.2s ease-in-out;
}
.radio-icon.selected {
  border-color: var(--main-color);
}
.radio-icon.selected:after {
  transform: translate(-50%, -50%) scale(1);
}
.inscribe-new .brc20-mode-choose .mode-item {
  width: 188px;
  height: 108px;
  padding: 0 4px;
}
.inscribe-new .brc20-mode-choose .mode-item.transfer {
  width: 128px;
  margin-left: 48px;
  margin-right: 16px;
}
@media (max-width: 765px) {
  .inscribe-new .brc20-mode-choose .mode-item {
    width: 128px;
    height: 108px;
    padding: 0 4px;
  }
  .inscribe-new .brc20-mode-choose .mode-item.transfer {
    width: 108px;
    margin-left: 24px;
    margin-right: 8px;
  }
}
@media (max-width: 475px) {
  .inscribe-new .brc20-mode-choose.flex-row-stretch {
    flex-direction: column;
  }
  .inscribe-new .brc20-mode-choose .font14 {
    font-size: 11px;
  }
  .inscribe-new .brc20-mode-choose .mode-item {
    width: unset;
    height: 72px;
    padding: 0 8px;
    flex: 1 1;
  }
  .inscribe-new .brc20-mode-choose .mode-item.transfer {
    margin-left: 0;
    margin-right: 0;
  }
}
.m-segment {
  background: hsla(0, 0%, 100%, 0.12);
  padding: 4px;
  gap: 4px;
}
.m-segment,
.m-segment .segment-item {
  border-radius: 2em;
  display: flex;
  align-items: center;
}
.m-segment .segment-item {
  height: 32px;
  gap: 8px;
  padding: 0 8px;
  transition: 0.25s ease-in-out;
  cursor: pointer;
  opacity: 0.6;
}
.m-segment .segment-item:not(.selected):hover {
  opacity: 1;
  background: hsla(0, 0%, 100%, 0.15);
}
@media (max-width: 1080px) {
  .m-segment .segment-item:not(.selected) {
    width: 32px;
  }
  .m-segment .segment-item:not(.selected) .name {
    display: none;
  }
}
.m-segment .segment-item.selected {
  opacity: 1;
  background: hsla(0, 0%, 100%, 0.12);
  color: #fff;
}
@media (max-width: 765px) {
  .m-segment .segment-item.selected {
    width: 32px;
  }
  .m-segment .segment-item.selected .name {
    display: none;
  }
}
.m-segment .pop {
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  cursor: pointer;
  transition: 0.25s ease-in-out;
}
.m-segment .pop.show {
  transform: rotate(180deg);
}
.m-segment .pop:hover {
  background: hsla(0, 0%, 100%, 0.15);
}
@media (max-width: 765px) {
  .m-segment {
    padding: 2px;
  }
  .m-segment .segment-item {
    height: 28px;
    width: 28px;
  }
  .m-segment .segment-item.selected {
    width: 28px;
  }
}
.mask .put-off-confirm-alert {
  max-width: 600px;
}
.mask .put-off-confirm-alert .button {
  min-width: 320px;
  margin-left: 0;
}
.desc-item .key {
  width: 182px;
}
@media (max-width: 475px) {
  .radio-item-2.font14 {
    font-size: 12px;
  }
}
.simple-line {
  position: relative;
}
.simple-line .warning {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
}
.cool-down-component .item {
  min-width: 140px;
}
.cool-down-component .item .value {
  font-weight: 700;
  font-family: DIN Alternate, Roboto Mono, Helvetica, Arial, serif;
}
@media (max-width: 765px) {
  .cool-down-component .item {
    min-width: 100px;
  }
}
@media (max-width: 612px) {
  .cool-down-component.gap-8 {
    gap: 4px;
  }
  .cool-down-component .item {
    min-width: 80px;
    padding: 8px;
  }
  .cool-down-component .item .value {
    font-size: 24px;
  }
  .cool-down-component .item .white05 {
    font-size: 14px;
  }
}
@media (max-width: 475px) {
  .cool-down-component.gap-8 {
    gap: 2px;
  }
  .cool-down-component .item {
    min-width: 64px;
    padding: 4px;
  }
  .cool-down-component .item .value {
    font-size: 18px;
  }
  .cool-down-component .item .white05 {
    font-size: 11px;
  }
}
.rune-icon {
  border-radius: 8px;
  text-align: center;
  background: linear-gradient(
    104deg,
    hsla(19, 86%, 67%, 0.867),
    rgba(237, 107, 46, 0.867)
  );
  color: #fff;
}
.market {
  padding: 32px 0;
}
@media (max-width: 1328px) {
  .market {
    padding: 48px 24px;
  }
}
@media (max-width: 1080px) {
  .market {
    padding: 32px 16px;
  }
}
.market .ant-tabs-nav-wrap {
  z-index: 1;
}
.market .ant-tabs-extra-content .ant-select-selection-item {
  text-align: right;
}
.market.maintain {
  text-align: center;
  font-size: 20px;
}
.market.maintain p {
  margin-top: 20px;
}
.market .market-select .ant-select-selection-item {
  display: none;
}
.market .market-select .ant-select-arrow {
  z-index: -1;
  inset-inline-end: unset;
}
.market .market-select .ant-select-arrow span {
  color: #fff;
}
.market .market-desc {
  margin-top: 16px;
  font-size: 18px;
  line-height: 150%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #8a8a8a;
}
.market .market-tick-choose {
  margin-top: 64px;
}
.market .ant-tabs-nav {
  margin-top: 20px;
}
.market .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {
  text-shadow: 0 2px 20px rgba(235, 185, 76, 0.7);
}
.market .border-btn {
  padding: 8px 16px;
}
.market .linear-gradient-button {
  display: flex;
  flex-direction: row;
  align-self: center;
  margin-left: 16px;
  padding: 8px 25px;
}
.market .linear-gradient-button span[role="img"] {
  margin-bottom: 2px;
  margin-left: 4px;
}
.market .linear-gradient-button:hover span {
  color: #eee !important;
}
.market .loading {
  animation: rotate360 1s ease-in-out infinite;
}
.market .bottom-button {
  display: block;
  height: 56px;
  line-height: 56px;
  border-radius: 8px;
  background: hsla(0, 0%, 100%, 0.1);
  text-align: center;
  cursor: pointer;
}
.market .bottom-button:hover {
  background: hsla(0, 0%, 100%, 0.12);
}
.market .trade-line .trade-line-list .trade-line-item {
  min-width: calc(25% - 12px);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #424242;
  background: #1e1e1e;
}
.market .trade-line .trade-line-list .trade-line-item .trade-content {
  text-align: center;
  font-size: 26px;
  padding: 48px 0;
  background: var(--brc20-bg);
}
.market .trade-line .trade-line-list .trade-line-item.names .trade-content {
  background: var(--names-bg);
}
.market
  .trade-line
  .trade-line-list
  .trade-line-item
  .bottom
  .flex-column-center {
  min-width: 100px;
  flex: 1 1;
}
.market .trade-line .trade-line-list .trade-line-item .bottom .divider {
  width: 1px;
  height: 36px;
  background-color: hsla(0, 0%, 100%, 0.15);
}
.market .trade-line .trade-line-list .trade-line-item .bottom .flex-column {
  flex: 1 1;
}
@media (max-width: 1200px) {
  .market .trade-line .trade-line-list {
    flex-wrap: wrap;
  }
  .market .trade-line .trade-line-list .trade-line-item {
    min-width: calc(50% - 8px);
  }
}
@media (max-width: 765px) {
  .market .trade-line .trade-line-list .trade-line-item .bottom {
    padding: 12px;
  }
}
.market .fee-choose-line .item.selected {
  border-color: var(--main-color);
  background-color: var(--main-color-bg);
}
@keyframes rotate360 {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.market-tick-choose {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.market-tick-choose .type-choose-list {
  flex: 1 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 24px;
  position: relative;
}
.market-tick-choose .type-choose-list .arrow {
  opacity: 0.7;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #36383d;
  width: 38.5px;
  height: 38.5px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}
.market-tick-choose .type-choose-list .arrow.right {
  left: unset;
  right: 0;
  transform: translate(50%, -50%);
}
.market-tick-choose .type-choose-list .arrow:hover {
  opacity: 1;
}
.market-tick-choose .type-choose-list .arrow:hover span {
  transform: scale(1.05);
}
.market-tick-choose .type-choose-list .ant-carousel {
  flex: 1 1;
}
.market-tick-choose .type-choose-list .item-container {
  display: inline-flex !important;
}
.market-tick-choose .type-choose-list .item-container .item-line {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
}
.market-tick-choose .more {
  width: 120px;
  background: rgba(26, 26, 26, 0.8);
  border-radius: 8px;
  margin-left: 56px;
  color: hsla(0, 0%, 100%, 0.5);
}
.market-tick-more {
  min-width: 136px;
  align-self: stretch;
  padding: 8px 16px;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  box-shadow: 0 2px 20px rgba(54, 37, 0, 0.15);
  border-radius: 8px;
  transition: all 0.25s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.market-tick-more:not(.active) .linear-gradient-text {
  color: #fff;
  background: none;
  -webkit-text-fill-color: #fff;
}
.market-tick-more.active {
  background: hsla(0, 0%, 100%, 0.1);
}
@media (max-width: 765px) {
  .market-tick-more {
    min-width: 92px;
    padding: 6px 8px;
  }
}
@media (max-width: 475px) {
  .market-tick-more {
    min-width: 88px;
    padding: 6px;
  }
}
@media (max-width: 415px) {
  .market-tick-more {
    font-size: 13px;
    min-width: 80px;
    padding: 4px;
  }
}
.market-tick-more.active {
  border-color: var(--main-color);
  box-shadow: 0 2px 20px rgba(235, 185, 76, 0.28);
}
.market-tick-more .tag-icon {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(20px, -75%);
}
.market-tick-more .ticker-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
.market-tick-more .price {
  width: 144px;
  height: 24px;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #ebb94c;
}
.market-tick-more .price .unit {
  color: #9a9790;
  font-size: 14px;
}
.linear-gradient-text:hover {
  -webkit-text-fill-color: #e6a71e;
}
.market-tick-change {
  margin-top: 32px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  gap: 24px;
}
.market-tick-change .list {
  flex: 1 1;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 16px 0;
  background: rgba(44, 39, 34, 0.2);
  border-radius: 8px;
}
.market-tick-change .list .item {
  width: 50%;
  padding-left: 40px;
  transition: all 0.25s ease-in-out;
  border-right: 1px solid hsla(0, 0%, 100%, 0.04);
}
.market-tick-change .list .item:nth-child(2n) {
  border-right: none;
}
.market-tick-change .list .item .icon {
  background: #312a1a;
}
.market-tick-change .list .item .name {
  margin-top: 16px;
  color: #9a9790;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.market-tick-change .list .item .value {
  margin-top: 8px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  color: hsla(0, 0%, 100%, 0.8);
}
.market-tick-change .scatter-container {
  padding: 16px;
  width: 65%;
  background: rgba(44, 39, 34, 0.2);
  border-radius: 8px;
}
.market-tick-change .scatter-container .flex-row-end {
  margin-bottom: 16px;
}
.market-tick-change .scatter-container .scatter {
  height: 176px;
}
.market-tick-change > .button {
  margin-left: 24px;
}
.market-tick-change .linear-gradient-button {
  align-self: stretch;
}
.market-tick-change .linear-gradient-button .icon {
  margin-left: 16px;
}
@media (max-width: 1080px) {
  .market-tick-change {
    flex-direction: column;
  }
  .market-tick-change .scatter-container {
    width: 100%;
  }
}
.market-tick-search {
  min-width: 240px;
}
.market-tick-search .search-container {
  padding: 12px;
  margin: -12px -12px 8px;
  background-color: #343434;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.market-tick-search .search-container .ant-input-affix-wrapper {
  border-color: hsla(0, 0%, 100%, 0.5);
}
.market-tick-search
  .search-container
  .ant-input-affix-wrapper.ant-input-affix-wrapper-focused,
.market-tick-search .search-container .ant-input-affix-wrapper:active,
.market-tick-search .search-container .ant-input-affix-wrapper:focus,
.market-tick-search .search-container .ant-input-affix-wrapper:hover {
  border-color: var(--main-color);
}
.market-tick-search .search-container .ant-btn {
  border-color: hsla(0, 0%, 100%, 0.5);
}
.market-tick-search
  .search-input
  .ant-input-wrapper
  .ant-input-affix-wrapper.ant-input-affix-wrapper-lg {
  padding: 8px 10px;
}
.market-tick-search
  .search-input
  .ant-input-wrapper
  .ant-input-group-addon
  .ant-btn-lg {
  height: 42px;
  width: 42px;
}
.market-tick-search .type-choose-list.on-search .item {
  grid-template-columns: 32px 100px 1fr 1fr 100px;
}
@media (max-width: 765px) {
  .market-tick-search .type-choose-list.on-search .item {
    grid-template-columns: 32px 80px 1fr 100px;
  }
}
.market-tick-search .type-choose-list .item {
  display: grid;
  grid-template-columns: 60px 100px 1fr 1fr 100px;
  font-size: 16px;
  margin-top: 8px;
  justify-items: right;
  align-items: center;
  grid-gap: 16px;
  gap: 16px;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 8px;
}
@media (max-width: 765px) {
  .market-tick-search .type-choose-list .item {
    grid-template-columns: 40px 70px 1fr 0.8fr;
    font-size: 13px;
    gap: 8px;
  }
}
.market-tick-search .type-choose-list .item .index {
  color: #5a5a5a;
  justify-self: left;
}
.market-tick-search .type-choose-list .item .name2 {
  justify-self: right;
}
.market-tick-search .type-choose-list .item .price2 .unit {
  color: #9a9790;
}
.market-tick-search .type-choose-list .item:hover {
  background-color: #2a2a2a;
}
.market-tick-search .selected {
  color: #ebb94c;
}
.market-trade {
  margin-top: 16px;
}
.market-trade .market-trade-empty {
  min-height: 320px;
}
.market-trade .ant-pagination {
  margin-top: 24px;
  text-align: center;
}
.trade-list {
  min-height: 638px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
}
.trade-list .trade-item {
  width: calc(20% - 16px);
  background: #1e1e1e;
  border: 1px solid rgba(66, 66, 66, 0.8);
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  transition: all 0.25s ease-in-out;
}
.trade-list .trade-item.multi-select {
  border-color: var(--main-color);
}
.trade-list .trade-item.multi-select .multi-check-box {
  opacity: 1;
}
.trade-list .trade-item .multi-check-box {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 48px;
  height: 48px;
  border-bottom-left-radius: 8px;
  opacity: 0;
  background: hsla(0, 0%, 100%, 0.1);
  transition: 0.2s ease-in-out;
}
.trade-list .trade-item .multi-check-box:hover {
  transform: scale(1.05);
}
.trade-list .trade-item:hover .multi-check-box {
  opacity: 1;
}
.trade-list .trade-item:hover .multi-check-box .ant-checkbox-inner {
  border-color: var(--main-color);
}
@media (max-width: 576px) {
  .trade-list .trade-item {
    width: 100%;
  }
}
.trade-list .trade-item > .content {
  height: 152px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  background: #121212;
}
.trade-list .trade-item > .content.domain-content {
  background: var(--names-bg);
}
@media (max-width: 475px) {
  .trade-list
    .trade-item
    > .content.domain-content
    .display-domain.white05.too-long {
    font-size: 14px;
  }
  .trade-list
    .trade-item
    > .content.domain-content
    .display-domain.white05.too-too-long {
    font-size: 11px;
  }
}
.trade-list .trade-item > .content.collection-content {
  height: 0;
  padding-top: 100%;
  overflow: hidden;
}
.trade-list .trade-item > .content.collection-content .mask,
.trade-list .trade-item > .content.collection-content div,
.trade-list .trade-item > .content.collection-content iframe,
.trade-list .trade-item > .content.collection-content img {
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.trade-list .trade-item > .content.collection-content .click-mask {
  z-index: 1;
}
.trade-list .trade-item > .content .top {
  position: absolute;
  top: 8px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 8px;
}
.trade-list .trade-item > .content .top .name {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}
.trade-list .trade-item > .content .top .type {
  padding: 4px 8px;
  background: #312a1a;
  border-radius: 0 4px;
}
.trade-list .trade-item > .content .inscription-name {
  margin-top: 20px;
  color: #fff;
  font-weight: 600;
  font-size: 22px;
  line-height: 39px;
}
.trade-list .trade-item > .content .inscription-name.too-long {
  font-size: 20px;
}
.trade-list .trade-item > .content .inscription-name.too-too-long {
  font-size: 14px;
}
@media (max-width: 475px) {
  .trade-list .trade-item > .content .inscription-name.too-long {
    font-size: 14px;
  }
  .trade-list .trade-item > .content .inscription-name.too-too-long {
    font-size: 12px;
  }
}
.trade-list .trade-item > .content .price-line {
  margin-top: 20px;
}
.trade-list .trade-item > .content .usd {
  margin-top: 4px;
}
.trade-list .trade-item .info {
  padding: 0 16px;
}
.trade-list .trade-item .info > .flex-row-between:first-child {
  padding-top: 8px;
}
.trade-list .trade-item .info > .flex-row-between .number {
  color: rgba(235, 185, 76, 0.7);
}
.trade-list .trade-item .info > .flex-row-between .address {
  color: #9a9790;
}
.trade-list .trade-item .info .divider {
  width: 100%;
  height: 1px;
  background-color: hsla(0, 0%, 100%, 0.04);
  margin-bottom: 8px;
}
.trade-list .trade-item .price-line {
  margin-top: 4px;
}
.trade-list .trade-item .price-line .price {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: var(--main-color);
}
@media (max-width: 765px) {
  .trade-list .trade-item .price-line .price {
    font-size: 18px;
  }
}
@media (max-width: 475px) {
  .trade-list .trade-item .price-line .price {
    font-size: 16px;
  }
}
.trade-list .trade-item .price-line .unit {
  color: #8a8a8a;
  margin-left: 4px;
}
.trade-list .trade-item .action {
  margin-top: 12px;
  padding: 0 16px 16px;
}
.trade-list .trade-item .action .flex-row-center {
  height: 42px;
}
.trade-list .trade-item .action .put-off-btn {
  font-size: 14px;
  line-height: 16px;
  padding: 12px;
}
.trade-list .trade-item .usd {
  font-size: 12px;
  color: hsla(0, 0%, 100%, 0.5);
}
.trade-list .trade-item:hover {
  border-color: var(--main-color);
}
.trade-list .trade-item:hover .action .market-buy-btn {
  border: 1px solid var(--main-color);
}
.trade-list .trade-item:hover .action .market-buy-btn.detail-btn {
  background: #322d1f;
  border: 1px solid var(--main-color);
}
.trade-list .trade-item:hover .action .market-buy-btn.auction-button {
  background: linear-gradient(134deg, #173ec9 7.81%, #ff8743);
  border: none;
}
.trade-list .trade-item:hover .action .market-buy-btn .sat {
  color: #f6ae2d;
}
.trade-list .trade-item:hover .action .market-buy-btn:active {
  background: #1f2a25;
}
@media (max-width: 1200px) {
  .trade-list .trade-item {
    width: calc(25% - 15px);
  }
}
@media (max-width: 1000px) {
  .trade-list {
    gap: 24px;
  }
  .trade-list .trade-item {
    width: calc(33.3333% - 16px);
  }
}
@media (max-width: 765px) {
  .trade-list {
    gap: 24px;
  }
  .trade-list .trade-item {
    width: calc(50% - 12px);
  }
  .trade-list .trade-item .info {
    padding: 0 12px;
  }
  .trade-list .trade-item .action {
    padding: 0 12px 12px;
  }
  .trade-list .trade-item .action .market-buy-btn {
    padding: 8px;
  }
}
@media (max-width: 475px) {
  .trade-list {
    gap: 16px;
  }
  .trade-list .trade-item {
    width: calc(50% - 8px);
  }
}
.market-readonly {
  margin-top: 32px;
  text-align: center;
  color: var(--main-color);
}
.market-buy-btn {
  font-size: 16px;
  line-height: 16px;
  cursor: pointer;
  padding: 12px;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-in-out;
}
.market-buy-btn.auction-button {
  border: none;
  line-height: 18px;
  background: linear-gradient(134deg, #ff8743 7.81%, #173ec9);
}
.market-buy-btn.auction-button .ant-statistic-content {
  line-height: 16px;
  font-size: 16px;
}
.market-buy-btn.auction-button
  .ant-statistic-content
  .ant-statistic-content-value {
  font-size: 16px;
}
.market-buy-btn .flex-column {
  align-items: flex-start;
}
.market-buy-btn .flex-column .sat {
  color: #fff;
}
.market-buy-btn .flex-column .unit {
  color: #9a9790;
}
.market-buy-btn:hover {
  background: var(--main-color-bg);
  border-color: var(--main-color);
  transform: scale(1.02);
}
.market-buy-btn:hover.auction-button {
  border: none;
  background: linear-gradient(134deg, #173ec9 7.81%, #ff8743);
}
.market-buy-btn:hover.detail-btn {
  background: #322d1f;
  border: 1px solid var(--main-color);
}
.market-buy-btn:hover.detail-btn span {
  color: var(--main-color);
}
.market-buy-btn:hover .sat {
  color: #f6ae2d;
}
.has-filter .trade-list .trade-item {
  width: calc(25% - 15px);
}
@media (max-width: 1200px) {
  .has-filter .trade-list {
    gap: 24px;
  }
  .has-filter .trade-list .trade-item {
    width: calc(33.3333% - 16px);
  }
}
@media (max-width: 1000px) {
  .has-filter .trade-list {
    gap: 24px;
  }
  .has-filter .trade-list .trade-item {
    width: calc(50% - 12px);
  }
}
@media (max-width: 920px) {
  .has-filter .trade-list {
    gap: 24px;
  }
  .has-filter .trade-list .trade-item {
    width: calc(33.3333% - 16px);
  }
}
@media (max-width: 765px) {
  .has-filter .trade-list {
    gap: 24px;
  }
  .has-filter .trade-list .trade-item {
    width: calc(50% - 12px);
  }
}
@media (max-width: 475px) {
  .has-filter .trade-list {
    gap: 16px;
  }
  .has-filter .trade-list .trade-item {
    width: calc(50% - 8px);
  }
}
.market-action {
  background: #141414;
  border-radius: 8px;
  overflow: hidden;
  padding-bottom: 24px;
}
.market-action .ant-pagination {
  margin-top: 24px;
  text-align: center;
}
.btn-in-table {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  min-width: 72px;
}
.update-price-btn {
  background: #372d1c;
  border: 1px solid var(--main-color);
  color: var(--main-color);
  cursor: pointer;
}
.update-price-btn:hover {
  background: #504229;
}
.update-price-btn:active {
  background: #1e180f;
}
.cancel-btn {
  background: #2c1b1b;
  border: 1px solid #f55454;
  color: #f55454;
  cursor: pointer;
}
.cancel-btn:hover {
  background: #3c2a2a;
}
.cancel-btn:active {
  background: #2c1b1b;
}
table.action-table thead tr {
  background: #1a1a1a;
}
table.action-table thead tr th {
  color: hsla(0, 0%, 100%, 0.8);
}
table.action-table tbody tr td,
table.action-table thead tr th {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  padding: 16px 8px;
  text-align: center;
}
table.action-table tbody tr td {
  color: #fff;
}
table.action-table tbody tr td.event-Listed {
  color: #4da474;
}
table.action-table tbody tr td.event-Sold {
  color: var(--main-color);
}
table.action-table tbody tr td.event-Cancel {
  color: #8a8a8a;
}
table.action-table tbody tr td.my-address {
  color: #fff;
}
table.action-table tbody tr td.other-address {
  color: #8a8a8a;
}
table.action-table tbody tr td .waiting {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #8a8a8a;
}
table.action-table tbody tr td.number {
  text-align: right;
}
table.action-table tbody tr td.link {
  cursor: pointer;
  text-decoration: underline;
}
table.action-table tbody tr td.link.main {
  color: #1e90ff;
}
.mask .content.brc20-put-on-alert {
  justify-content: flex-start;
  gap: 24px;
  padding: 40px;
  max-width: 608px;
}
.mask .content.brc20-put-on-alert .ant-select {
  align-self: stretch;
}
.mask .content.brc20-put-on-alert > .flex-row-between {
  align-self: stretch;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
.mask .content.brc20-put-on-alert > .flex-row-between .action {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #ebb94c;
  cursor: pointer;
}
.mask .content.brc20-put-on-alert > .flex-row-between .action:hover {
  color: #eec263;
  text-decoration: underline;
}
.mask .content.brc20-put-on-alert .list {
  margin-top: -8px;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding-bottom: 8px;
}
.mask .content.brc20-put-on-alert input {
  font-weight: 400;
  font-size: 14px;
}
.mask .content.brc20-put-on-alert .empty-inscription {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mask .content.brc20-put-on-alert .price-each-line {
  margin-top: -12px;
  align-self: stretch;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: hsla(0, 0%, 100%, 0.8);
}
.mask .content.brc20-put-on-alert .button {
  margin-top: 16px;
  padding: 16px;
}
.mask .content .title {
  font-weight: 400;
  font-size: 18px;
}
.mask .content .title span {
  color: var(--main-color);
}
.mask .content.brc20-put-on-alert-2 {
  justify-content: flex-start;
  gap: 24px;
}
.mask .content.brc20-put-on-alert-2 .ant-collapse {
  width: 100%;
}
.mask .content.brc20-put-on-alert-2 .ant-collapse .ant-collapse-header {
  align-items: center;
}
.mask .content.brc20-put-on-alert-2 .panel-2 {
  align-self: stretch;
  padding: 16px;
  background: #22262e;
}
.mask .content.brc20-put-on-alert-2 .balance-line {
  align-self: stretch;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
.mask .content.brc20-put-on-alert-2 .action {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #ebb94c;
  cursor: pointer;
}
.mask .content.brc20-put-on-alert-2 .action:hover {
  color: #eec263;
  text-decoration: underline;
}
.mask .content.brc20-put-on-alert-2 .list {
  margin-top: 16px;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  padding-bottom: 8px;
}
.mask .content.brc20-put-on-alert-2 input {
  font-weight: 400;
  font-size: 14px;
}
.mask .content.brc20-put-on-alert-2 .empty-inscription {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mask .content.brc20-put-on-alert-2 .price-each-line {
  margin-top: -8px;
  align-self: stretch;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: hsla(0, 0%, 100%, 0.8);
}
.mask .content.brc20-put-on-alert-2 .stat-line {
  margin-top: 0;
  margin-bottom: -8px;
}
.mask .content.brc20-put-on-alert-2 .stat-line span {
  color: var(--main-color);
  cursor: pointer;
}
.mask .content.brc20-put-on-alert-2 .button {
  margin-top: 16px;
}
@media (max-width: 765px) {
  .mask .content.brc20-put-on-alert-2 {
    gap: 16px;
  }
  .mask .content.brc20-put-on-alert-2 .font-14,
  .mask .content.brc20-put-on-alert-2 .font14,
  .mask .content.brc20-put-on-alert-2 .price-each-line {
    font-size: 12px;
  }
  .mask .content.brc20-put-on-alert-2 .panel-2 {
    padding: 12px;
  }
  .mask .content.brc20-put-on-alert-2 .panel-2 .ant-divider {
    margin: 12px 0;
  }
  .mask .content .title {
    font-size: 16px;
  }
}
.inscribe-transfer-item {
  width: 112px;
  min-width: 112px;
  height: 117px;
  border: 0.5px solid rgba(66, 66, 66, 0.8);
  transition: all 0.25s ease-in-out;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #8a8a8a;
  cursor: pointer;
}
.inscribe-transfer-item:hover {
  background-color: rgba(66, 66, 66, 0.8);
}
.inscribe-transfer-item .plus-icon {
  font-size: 40px;
  color: #fff;
}
.brc20-buy-alert {
  font-size: 14px;
  line-height: 1.5714285714;
  list-style: none;
}
.brc20-buy-alert .title {
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: hsla(0, 0%, 100%, 0.9);
}
.brc20-buy-alert .desc {
  margin-top: 16px;
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: hsla(0, 0%, 100%, 0.5);
}
.brc20-buy-alert .nft-item-components {
  min-width: 156px;
  margin-bottom: 16px;
}
.brc20-buy-alert .divider {
  margin: 12px 0 4px;
  align-self: stretch;
  height: 0;
  border-bottom: 1px dashed hsla(0, 0%, 100%, 0.08);
}
.brc20-buy-alert .fee-line {
  align-self: stretch;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 156px 128px;
  grid-gap: 16px;
  gap: 16px;
  margin-top: 8px;
  color: hsla(0, 0%, 100%, 0.9);
}
.brc20-buy-alert .fee-line:first-child {
  margin-top: 0;
}
.brc20-buy-alert .fee-line:last-child {
  margin-bottom: 0;
}
.brc20-buy-alert .fee-line.mt16 {
  margin-top: 16px;
}
.brc20-buy-alert .fee-line div:first-child {
  text-align: left;
}
.brc20-buy-alert .fee-line div:first-child:not(.white) {
  color: hsla(0, 0%, 100%, 0.7);
}
.brc20-buy-alert .fee-line div:first-child.button {
  justify-self: right;
}
.brc20-buy-alert .fee-line div:nth-child(2) {
  text-align: right;
}
.brc20-buy-alert .fee-line .total {
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  background: linear-gradient(103.92deg, #ebb94c, #e97e00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.brc20-buy-alert .fee-line .unit {
  color: hsla(0, 0%, 100%, 0.35);
}
.brc20-buy-alert .fee-line .usd {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: hsla(0, 0%, 100%, 0.8);
}
.brc20-buy-alert .fee-line .border-btn {
  display: inline-block;
  padding: 2px 4px;
  font-size: 12px;
}
.brc20-buy-alert .fee-line .off-tag {
  margin-left: 4px;
}
.brc20-buy-alert .fee-line .off-tag span {
  padding: 0 2px;
}
.brc20-buy-alert .action-line {
  margin-top: 40px;
}
.brc20-buy-alert .button {
  padding: 8px 25px;
}
@media (max-width: 765px) {
  .brc20-buy-alert .mb32,
  .brc20-buy-alert .nft-item-components {
    margin-bottom: 24px;
  }
  .brc20-buy-alert .action-line {
    margin-top: 24px;
  }
  .brc20-buy-alert .p-16,
  .brc20-buy-alert .p16 {
    padding: 8px;
  }
  .brc20-buy-alert .gap16 {
    gap: 8px;
  }
  .brc20-buy-alert .font18 {
    font-size: 16px;
  }
  .brc20-buy-alert .mb24 {
    margin-bottom: 16px;
  }
  .brc20-buy-alert .desc {
    font-size: 14px;
  }
  .brc20-buy-alert .font14 {
    font-size: 13px;
  }
  .brc20-buy-alert .fee-line {
    font-size: 13px;
    gap: 12px;
    display: flex;
    flex-direction: row;
    margin-top: 4px;
  }
  .brc20-buy-alert .fee-line div:nth-child(2) {
    flex: 1 1;
  }
  .brc20-buy-alert .fee-line div:nth-child(3) {
    width: 80px;
  }
  .brc20-buy-alert .fee-line .total {
    font-size: 18px;
  }
}
@media (max-width: 475px) {
  .brc20-buy-alert .mb32,
  .brc20-buy-alert .nft-item-components {
    margin-bottom: 16px;
  }
  .brc20-buy-alert .action-line {
    margin-top: 16px;
  }
  .brc20-buy-alert .mb24 {
    margin-bottom: 12px;
  }
  .brc20-buy-alert .font14 {
    font-size: 12px;
  }
  .brc20-buy-alert .fee-line {
    font-size: 12px;
    gap: 8px;
  }
  .brc20-buy-alert .fee-line .total {
    font-size: 16px;
  }
  .brc20-buy-alert .fee-line .too-long {
    letter-spacing: -0.5px;
  }
}
.my-assets-popover .scroll-y {
  max-height: 50vh;
  padding-top: 8px;
}
.my-assets-popover .item {
  display: grid;
  grid-template-columns: 60px 1fr 1fr 60px;
  align-items: center;
  justify-content: center;
  text-align: center;
  grid-gap: 16px;
  gap: 16px;
}
.my-assets-popover .item:not(:first-child) {
  margin-top: 16px;
}
.my-assets-popover .item .button {
  padding: 2px 8px;
}
@media (max-width: 765px) {
  .my-assets-popover .item {
    grid-template-columns: 60px 1fr 60px;
  }
}
.market-limit.mask {
  top: 64px;
}
.market-limit .content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.market-limit .content .title {
  color: hsla(0, 0%, 100%, 0.9);
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  margin-bottom: 24px;
}
.market-limit .content .desc {
  font-size: 14px;
  color: #8a8a8a;
  text-align: center;
}
.market-limit .content .button-line {
  margin-top: 56px;
}
.tick-rank {
  margin-right: 16px;
}
.tick-rank .tick-rank-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0 16px;
  gap: 0 16px;
}
@media (max-width: 880px) {
  .tick-rank .tick-rank-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .tick-rank .tick-rank-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.tick-rank:first-child .ant-divider {
  margin-top: 8px;
}
.tick-rank .ant-divider {
  margin-bottom: 0;
}
.market-tick-search {
  max-height: 70vh;
}
.name-choose-list .tick-choose-item {
  margin: 0;
}
@media (max-width: 765px) {
  .name-choose-list {
    gap: 12px;
  }
  .name-choose-list .tick-choose-item {
    padding: 12px;
  }
}
@media (max-width: 475px) {
  .name-choose-list {
    gap: 8px;
  }
  .name-choose-list .tick-choose-item {
    padding: 8px;
  }
  .name-choose-list .tick-choose-item .usd {
    margin-top: 2px;
  }
}
.tick-choose-item {
  flex: 1 1;
  margin: 16px 0;
  padding: 16px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: #3c3e44;
  transition: all 0.25s ease-in-out;
  position: relative;
  cursor: pointer;
  min-width: 216px;
  gap: 16px;
}
.tick-choose-item.rune {
  gap: 8px;
}
.tick-choose-item .index {
  position: absolute;
  top: 2px;
  left: 2px;
  color: #666;
}
.tick-choose-item .name {
  font-weight: 600;
  font-size: 18px;
  line-height: 19.2px;
  transition: inherit;
}
.tick-choose-item .tag {
  border-radius: 4px;
  transform: none;
  margin-left: -4px;
  margin-bottom: -2px;
  background-color: #515151;
}
.tick-choose-item .price-container {
  text-align: right;
}
.tick-choose-item .price-container .unit {
  color: #8a8a8a;
  font-size: 12px;
}
.tick-choose-item .price {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
}
.tick-choose-item .usd {
  margin-top: 8px;
  font-size: 14px;
  line-height: 16px;
}
.tick-choose-item.active {
  border-color: var(--main-color);
  background: #322d1f;
  box-shadow: 0 2px 15px rgba(235, 185, 76, 0.28);
}
.tick-choose-item.active .name {
  color: var(--main-color);
}
.tick-choose-item:hover {
  background: #484a52;
}
.tick-choose-item:hover .name {
  transform: scale(1.05);
}
.market-tab-choose {
  position: relative;
}
.market-tab-choose .market-title {
  margin-top: -64px;
}
.market-tab-choose .market-title span {
  letter-spacing: 3.4px;
  text-shadow: 0 2px 20px rgba(234, 194, 73, 0.55);
}
@media (max-width: 1080px) {
  .market-tab-choose .market-title {
    margin-top: -16px;
    position: absolute;
    left: 0;
    top: -32px;
  }
}
@media (max-width: 765px) {
  .market-tab-choose .gap-16 {
    gap: 10px;
  }
}
@media (max-width: 475px) {
  .market-tab-choose .gap-16 {
    gap: 8px;
  }
}
@media (max-width: 350px) {
  .market-tab-choose .market-title {
    margin-top: -28px;
  }
}
.market-tab-choose .market-tab-choose-bg {
  position: absolute;
  left: 50%;
  top: calc(50% - 1px);
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 100vw;
  height: calc(100% + 16px);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.06);
}
.market-tab-choose .item {
  padding: 8px 16px;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  border-radius: 8px;
  cursor: pointer;
}
@media (max-width: 765px) {
  .market-tab-choose .item {
    padding: 6px 8px;
  }
}
@media (max-width: 465px) {
  .market-tab-choose .item {
    padding: 4px 8px;
  }
}
.market-tab-choose .item.active {
  border-color: var(--main-color);
  box-shadow: 0 2px 20px rgba(235, 185, 76, 0.28);
  background: hsla(0, 0%, 100%, 0.1);
}
.market-tab-choose .item.active svg {
  color: var(--main-color);
}
.market-tab-choose .item:not(.active) .linear-gradient-text {
  color: #fff;
  background: none;
  -webkit-text-fill-color: #fff;
}
@media (max-width: 1200px) {
  .market .brc-20-market .ant-tabs .ant-tabs-nav {
    position: relative;
    margin-top: 48px;
  }
  .market .brc-20-market .ant-tabs .ant-tabs-nav .ant-tabs-extra-content {
    z-index: 1;
  }
  .market
    .brc-20-market
    .ant-tabs
    .ant-tabs-nav
    .ant-tabs-extra-content:last-child {
    right: 0;
    position: absolute;
    bottom: 0;
  }
  .market .brc-20-market .brc20-tab-right {
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    margin-bottom: 8px;
  }
  .market .brc-20-market .brc20-tab-right .linear-gradient-button {
    align-self: unset;
    z-index: 2;
  }
}
@media (max-width: 920px) {
  .market .ant-tabs-nav-list .ant-tabs-tab {
    padding: 12px 0;
  }
  .market .ant-tabs-nav-list .ant-tabs-tab:not(:first-child) {
    margin-left: 16px;
  }
  .market .button,
  .market .linear-gradient-button {
    padding: 6px 16px;
    margin-left: 0;
  }
}
@media (max-width: 765px) {
  .market .ticker-container .anticon-swap {
    display: none;
  }
  .market .ant-tabs-nav-list .ant-tabs-tab {
    font-size: 14px;
  }
  .market .ant-tabs-nav-list .ant-tabs-tab:not(:first-child) {
    margin-left: 12px;
  }
  .market .button,
  .market .linear-gradient-button {
    padding: 6px 8px;
    margin-left: 0;
  }
}
@media (max-width: 562px) {
  .market .ant-tabs-nav-list {
    transform: none !important;
  }
  .market .ant-tabs-nav-list .ant-tabs-tab {
    font-size: 14px;
  }
  .market .ant-tabs-nav-list .ant-tabs-tab:not(:first-child) {
    margin-left: 16px;
  }
}
@media (max-width: 475px) {
  .market .brc-20-market .ant-tabs .ant-select-selector {
    padding: 0;
  }
  .market .brc-20-market .ant-tabs .ant-select-arrow {
    inset-inline-end: 2px;
  }
  .market .brc-20-market .ant-tabs .ant-select-selection-item {
    font-size: 11px;
  }
  .market .ant-tabs-nav-list .ant-tabs-tab {
    font-size: 13px;
  }
  .market .ant-tabs-nav-list .ant-tabs-tab:not(:first-child) {
    margin-left: 12px;
  }
}
@media (max-width: 415px) {
  .market .brc-20-market .ant-tabs .ant-select-selection-item {
    font-size: 10px;
  }
}
.ant-select-dropdown
  .rc-virtual-list-holder-inner
  .ant-select-item-option-selected {
  background-color: #444;
}
.market-title {
  text-align: center;
  position: relative;
}
.market-title > span {
  font-size: 30px;
  line-height: 30px;
  background: linear-gradient(54deg, #eac249, #df7a03);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.market-title .market-tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #eee;
  background: hsla(0, 0%, 100%, 0.08);
  border-radius: 6px 6px 6px 0;
  transform: translateY(-16px);
  word-break: keep-all;
  white-space: nowrap;
}
@media (max-width: 1080px) {
  .market-title > span {
    font-size: 32px;
    line-height: 38px;
    display: block;
  }
  .market-title .market-tag {
    margin-top: 16px;
    border-radius: 6px;
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 765px) {
  .market-title > span {
    font-size: 24px;
    line-height: 28px;
  }
  .market-title .market-tag {
    margin-top: 16px;
    font-size: 16px;
  }
}
@media (max-width: 475px) {
  .market-title > span {
    font-size: 20px;
    line-height: 28px;
  }
  .market-title .market-tag {
    margin-top: 16px;
    font-size: 14px;
  }
}
@-moz-document url-prefix() {
  .tick-rank {
    margin-right: 24px;
  }
}
.header-in-app {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #000;
  z-index: 10;
}
.header-in-app,
.header-in-app-block {
  height: var(--app-header-height);
}
.market-in-app-header {
  width: 100%;
  padding: 0;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  z-index: 1;
  margin: -32px -16px 16px;
}
.market-in-app-header .ant-tabs-nav {
  margin-top: 0;
  margin-bottom: 0;
}
.market-in-app-header .ant-tabs-nav:before {
  border-bottom-color: hsla(0, 0%, 100%, 0.1);
}
.market-in-app-header .ant-tabs-nav .ant-tabs-tab {
  padding: 12px 16px;
}
.market-in-app-header .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active {
  background: rgba(235, 185, 76, 0.1);
}
@media (max-width: 576px) {
  .market-in-app-header .ant-tabs-nav .ant-tabs-tab {
    padding: 8px 12px;
  }
}
@media (max-width: 475px) {
  .market-in-app-header .ant-tabs-nav .ant-tabs-tab {
    padding: 8px;
  }
  .market-in-app-header .ant-tabs-nav .ant-tabs-tab:not(:first-child) {
    margin-left: 4px;
  }
}
.market-in-app-header-bg {
  height: 720px;
  width: 1280px;
  position: fixed;
  top: var(--app-header-height);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: radial-gradient(
    rgba(235, 185, 76, 0.267) 0,
    rgba(9, 8, 8, 0) 70%
  );
}
.market-in-app-header-block {
  height: 32px;
}
.market-in_app-type-choose-container {
  position: relative;
}
.market-in_app-type-choose-container .bg {
  position: absolute;
  left: -16px;
  top: -8px;
  width: 100vw;
  height: 48px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.market-in_app-type-choose-container .market-tab-choose {
  z-index: 1;
}
.trending-in-brc20 table th {
  padding: 16px;
  font-size: 14px;
  font-weight: 400;
}
.trending-in-brc20 table th:first-child {
  padding-left: 32px;
}
.trending-in-brc20 table th:last-child {
  padding-right: 32px;
}
.trending-in-brc20 table tbody tr {
  cursor: pointer;
  transition: 0.25s ease-in-out;
}
.trending-in-brc20 table tbody tr:hover {
  background: #222;
}
.trending-in-brc20 table td {
  border-top: 1px solid hsla(0, 0%, 100%, 0.08);
  padding: 8px 16px;
}
.trending-in-brc20 table td:first-child {
  padding-left: 32px;
}
.trending-in-brc20 table td:last-child {
  padding-right: 32px;
}
.inscribe-orders .panel-1 {
  max-width: 640px;
  margin: 40px auto 0;
  padding: 32px;
}
.inscribe-orders .panel-1 .title {
  text-align: center;
  margin-bottom: 32px;
}
.domain-market .market-readonly {
  margin-bottom: -16px;
}
.domain-market .second-text {
  color: hsla(0, 0%, 100%, 0.65);
}
@media (max-width: 475px) {
  .domain-market .ant-tabs-nav {
    margin-top: 48px;
    position: relative;
  }
  .domain-market .ant-tabs-nav .ant-tabs-extra-content:last-child {
    right: 0;
    position: absolute;
    bottom: 100%;
  }
}
@media (max-width: 765px) {
  .domain-market-panel .ant-select-selector {
    font-size: 14px;
  }
}
@media (max-width: 475px) {
  .domain-market-panel .ant-select-selector {
    font-size: 12px;
  }
}
.market-list-panel {
  display: flex;
  flex-direction: row;
  gap: 16px;
  position: relative;
}
@media (max-width: 765px) {
  .market-list-panel .mt-16 {
    margin-top: 8px;
  }
}
.market-list-panel .list-filter {
  width: 320px;
  min-width: 320px;
  border-radius: 8px;
  overflow: hidden;
  align-self: flex-start;
  z-index: 1;
}
@media (max-width: 920px) {
  .market-list-panel .list-filter {
    position: absolute;
    background: #1a1a1a;
  }
}
.market-list-panel .list-filter .title {
  background: hsla(0, 0%, 100%, 0.1);
  padding: 6px 16px;
  font-size: 16px;
}
.market-list-panel .list-filter .condition-panel {
  padding: 16px;
}
.market-list-panel .list-filter .condition-panel .scroll-y {
  max-height: calc(100vh - 420px);
}
.deployer .card-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: max-content;
  gap: 16px;
}
.deployer .card {
  background: #1f1f1f;
  border: 1px solid #424242;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  border-radius: 16px;
  overflow: hidden;
}
.deployer .card .title-container {
  background: #2a2a2a;
  padding: 12px 24px;
}
.deployer .card .card-content {
  padding: 16px 24px;
}
.deployer .card .card-content .line {
  gap: 16px;
}
.deployer .card .card-content .line:not(:first-child) {
  margin-top: 16px;
}
.deployer .card .card-content .line .key {
  font-size: 14px;
  color: hsla(0, 0%, 100%, 0.6);
}
.deployer .card .divider {
  height: 1px;
  width: calc(100% - 48px);
  margin: 0 24px;
  background-color: hsla(0, 0%, 100%, 0.1);
}
.deployer .card .card-footer {
  padding: 16px 24px;
}
.deployer .card .card-footer .count-down-container {
  text-align: center;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  border-radius: 8px;
  padding: 8px 0;
}
.deployer .card .card-footer .count-down-container .ant-statistic-content,
.deployer
  .card
  .card-footer
  .count-down-container
  .ant-statistic-content-value {
  font-size: 14px;
}
.deployer .record-panel table {
  border-radius: 16px;
  overflow: hidden;
  background-color: #141414;
}
.deployer .record-panel table tbody tr td.notice {
  color: #8a8a8a;
}
.collections > .title {
  font-size: 40px;
  line-height: 48px;
  font-weight: 600;
  text-align: center;
}
.collections .list .item {
  display: block;
  border-radius: 20px;
  cursor: pointer;
}
.collections .list .item .title-line {
  border-bottom: 1px dashed hsla(0, 0%, 100%, 0.1);
}
.collections .list .item .content .left {
  flex: 1 1;
}
.collection {
  padding-top: 64px;
}
.collection .icon-item {
  border: 0.3px solid #8a8a8a;
  border-radius: 50%;
  overflow: hidden;
  background-color: #000;
}
.collection .left {
  width: 32%;
  align-self: stretch;
}
.collection .left .img-container {
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  line-height: 0;
}
.collection .left img {
  max-width: 100%;
}
.collection .right {
  width: 68%;
  align-self: stretch;
}
.collection .right .title {
  font-weight: 600;
  font-size: 32px;
  line-height: 38px;
}
.collection .right .desc-list .item {
  line-height: 1.3;
}
.collection .right .panel {
  border-radius: 20px;
  padding: 24px 32px;
}
.collection .right .panel .content {
  border-bottom: 1px dashed hsla(0, 0%, 100%, 0.1);
}
.collection .right .panel .content .ant-progress {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.collection .right .panel .content .ant-progress .ant-progress-outer {
  flex: 1 1;
}
.collection .right .panel .content .ant-progress .ant-progress-text {
  width: max-content;
}
.collection .right .panel .stage-list .stage-item {
  border-radius: 8px;
  padding: 16px;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
}
.collection .right .panel .stage-list .stage-item.active {
  border: 1px solid var(--main-color);
}
.collection .right .panel .stage-list .stage-item.active .name {
  color: #fff;
  background: hsla(0, 0%, 100%, 0.3);
}
.collection .right .panel .stage-list .stage-item.active .price {
  color: #fff;
}
.collection .right .panel .stage-list .stage-item .name {
  min-width: 80px;
  text-align: center;
  padding: 8px;
  border-radius: 2em;
  color: #8a8a8a;
  background: hsla(0, 0%, 100%, 0.1);
}
.collection .right .panel .stage-list .stage-item .price {
  color: hsla(0, 0%, 100%, 0.5);
}
.collection .cool-down .time-item {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.collection .badges .panel.premium {
  width: 280px;
  padding: 24px;
  border: 1px solid var(--main-color);
  background: linear-gradient(
    180deg,
    rgba(235, 185, 76, 0.25),
    hsla(0, 0%, 100%, 0.06) 100%
  );
  box-shadow: inset 0 2px 15px 0 hsla(0, 0%, 100%, 0.15);
  overflow: hidden;
}
.collection .badges .panel.premium .head {
  color: #fff;
  margin: -24px -24px 16px;
}
.collection .badges .panel.premium .head .head-tag {
  display: inline-block;
  padding: 2px 4px;
  border-radius: 6px;
  margin-left: 4px;
  background: linear-gradient(134deg, #ff7629 1.43%, #d69a00);
}
.collection .badges .panel .head {
  margin: -24px -32px 16px;
  padding: 16px 24px;
  background: hsla(0, 0%, 100%, 0.05);
}
.collection .badges .panel .dash-line {
  border-bottom: 1px dashed hsla(0, 0%, 100%, 0.12);
}
.collection .badges .panel .inscribes .item {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px dashed hsla(0, 0%, 100%, 0.3);
}
.collection .badges .panel .limit-progress-container .limit-progress-bg {
  width: 210px;
  height: 6px;
  border-radius: 2em;
  background: hsla(0, 0%, 96%, 0.3);
  position: relative;
}
.collection .badges .panel .limit-progress-container .limit-progress-bg .bar {
  width: 50%;
  height: 6px;
  border-radius: 2em;
  background: #5071af;
  position: absolute;
  left: 0;
  top: 0;
}
.collection .badges .panel .limit-progress-container .limit-progress-bg .point {
  position: absolute;
  width: 8px;
  height: 8px;
  top: -1px;
  background: #acacac;
  border-radius: 50%;
}
.collection
  .badges
  .panel
  .limit-progress-container
  .limit-progress-bg
  .point.active {
  background: #5071af;
  border: 1px solid #fff;
}
.collection
  .badges
  .panel
  .limit-progress-container
  .limit-progress-bg
  .point
  .num {
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
}
.collection-nft-item {
  background: #1e1e1e;
  border: 1px solid #424242;
  border-radius: 8px;
}
.collection-nft-item .content {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
}
.collection-nft-item .content img {
  max-width: 100%;
}
.collection .inscribe-confirm-alert .button {
  min-width: 120px;
}
.flex-1,
.flex1 {
  flex: 1 1;
}
.mh-16,
.mh16 {
  margin-left: 16px;
  margin-right: 16px;
}
.mh-8,
.mh8 {
  margin-left: 8px;
  margin-right: 8px;
}
.mv-16,
.mv16 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.mv-8,
.mv8 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.mv-4,
.mv4 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.m-auto {
  margin: 0 auto;
}
.delete-line {
  text-decoration: line-through;
}
.mt-80,
.mt80 {
  margin-top: 80px;
}
.mt-64,
.mt64 {
  margin-top: 64px;
}
.mt-48,
.mt48 {
  margin-top: 48px;
}
.mt-32,
.mt32 {
  margin-top: 32px;
}
.mt-24,
.mt24 {
  margin-top: 24px;
}
.mt-16,
.mt16 {
  margin-top: 16px;
}
.mt-12,
.mt12 {
  margin-top: 12px;
}
.mt-8,
.mt8 {
  margin-top: 8px;
}
.mb-16,
.mb16 {
  margin-bottom: 16px;
}
.mb-24,
.mb24 {
  margin-bottom: 24px;
}
.mb-32,
.mb32 {
  margin-bottom: 32px;
}
.mb-48,
.mb48 {
  margin-bottom: 48px;
}
.mb-4,
.mb4 {
  margin-bottom: 4px;
}
.mb-8,
.mb8 {
  margin-bottom: 8px;
}
.ml-4,
.ml4 {
  margin-left: 4px;
}
.ml-2,
.ml2 {
  margin-left: 2px;
}
.ml-8,
.ml8 {
  margin-left: 8px;
}
.ml-12,
.ml12 {
  margin-left: 12px;
}
.ml-16,
.ml16 {
  margin-left: 16px;
}
.ml-24,
.ml-48,
.ml24,
.ml48 {
  margin-left: 24px;
}
.mr-16,
.mr16 {
  margin-right: 16px;
}
.mr-8,
.mr8 {
  margin-right: 8px;
}
.mr-4,
.mr4 {
  margin-right: 4px;
}
.mv-0,
.mv0 {
  margin-top: 0;
  margin-bottom: 0;
}
.m16 {
  margin: 16px;
}
.p8 {
  padding: 8px;
}
.p0 {
  padding: 0;
}
.p-6,
.p6 {
  padding: 6px;
}
.p-4,
.p4 {
  padding: 4px;
}
.p-12,
.p12 {
  padding: 12px;
}
.p-16,
.p16 {
  padding: 16px;
}
.p-24,
.p24 {
  padding: 24px;
}
.p-32,
.p32 {
  padding: 32px;
}
.p-48,
.p48 {
  padding: 48px;
}
.pt-8,
.pt8 {
  padding-top: 8px;
}
.pt-16,
.pt16 {
  padding-top: 16px;
}
.pv-2,
.pv2 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.pv-8,
.pv8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.pv-12,
.pv12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.pv-16,
.pv16 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.pv-24,
.pv24 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.pv-48,
.pv48 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.ph-48,
.ph48 {
  padding-left: 48px;
  padding-right: 48px;
}
.ph-108,
.ph108 {
  padding-left: 108px;
  padding-right: 108px;
}
.ph-80,
.ph80 {
  padding-left: 80px;
  padding-right: 80px;
}
.ph-64,
.ph64 {
  padding-left: 64px;
  padding-right: 64px;
}
.ph-24,
.ph24 {
  padding-left: 24px;
  padding-right: 24px;
}
.ph-16,
.ph16 {
  padding-left: 16px;
  padding-right: 16px;
}
.ph-4,
.ph4 {
  padding-left: 4px;
  padding-right: 4px;
}
.ph-8,
.ph8 {
  padding-left: 8px;
  padding-right: 8px;
}
.pl-16,
.pl16 {
  padding-left: 16px;
}
.h40 {
  height: 40px;
}
.border-bottom {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.06);
}
.border-bottom-08 {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.08);
}
.no-break {
  white-space: nowrap;
  word-break: keep-all;
}
.break {
  white-space: break-spaces;
  word-break: break-word;
}
.ellipsis {
  white-space: nowrap;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex-no-wrap {
  flex-wrap: nowrap;
}
.flex-row-right,
.flex-row-v-center {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.flex-row-right {
  justify-content: flex-end;
}
.flex-row-center {
  justify-content: center;
}
.flex-row-center,
.flex-row-end {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.flex-row-end {
  justify-content: flex-end;
}
.flex-row-between {
  justify-content: space-between;
}
.flex-row-around,
.flex-row-between {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.flex-row-around {
  justify-content: space-around;
}
.flex-row-stretch {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.flex-column-v-center {
  align-items: center;
}
.flex-column,
.flex-column-center,
.flex-column-v-center {
  display: flex;
  flex-direction: column;
}
.flex-column-center {
  align-items: center;
  justify-content: center;
}
.flex-column-stretch {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.flex-column-between {
  display: flex;
  flex-direction: column;
}
.flex-column-between,
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-stretch {
  justify-content: stretch;
}
.align-stretch {
  align-items: stretch;
}
.self-stretch {
  align-self: stretch;
}
.self-center {
  align-self: center;
}
.self-start {
  align-self: start;
}
.self-end {
  align-self: end;
}
.align-end {
  align-items: flex-end;
}
.align-start {
  align-items: flex-start;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-underline,
.text-underline:hover {
  text-decoration: underline;
}
.grid {
  display: grid;
}
.grid.gap24 {
  gap: 24px 24px;
}
.grid.c2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid.c3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid.c5 {
  grid-template-columns: repeat(5, 1fr);
}
.grid.c6 {
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 1200px) {
  .grid.response.c5,
  .grid.response.c6 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.response.c3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 765px) {
  .grid.response.c3 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.relative {
  position: relative;
}
.justify-self-center {
  justify-self: center;
}
.justify-self-start {
  justify-self: start;
}
.weight600 {
  font-weight: 600;
}
.weight-bold {
  font-weight: 700;
}
.weight-light {
  font-weight: lighter;
}
.lh32,
.line-h-32 {
  line-height: 32px;
}
.lh38,
.line-h-38 {
  line-height: 38px;
}
.lh48,
.line-h-48 {
  line-height: 48px;
}
.lh0,
.line-h-0 {
  line-height: 0;
}
.lh1-25,
.line-h-1-25 {
  line-height: 1.25;
}
.h-32,
.h32 {
  height: 32px;
}
.h100p {
  height: 100%;
}
.letter-spacing-1 {
  letter-spacing: 1px;
}
.letter-spacing-05 {
  letter-spacing: 0.5px;
}
.bg1 {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.bg1.clickable:hover {
  background-color: hsla(0, 0%, 100%, 0.15);
}
.bg-transparent {
  background-color: transparent;
}
.bg-transparent.clickable:hover {
  background-color: hsla(0, 0%, 100%, 0.05);
}
.bg04 {
  background-color: hsla(0, 0%, 100%, 0.04);
}
.bg08 {
  background-color: hsla(0, 0%, 100%, 0.08);
}
.bg08.clickable:hover {
  background-color: hsla(0, 0%, 100%, 0.12);
}
.bg05 {
  background-color: hsla(0, 0%, 100%, 0.05);
}
.bg05.clickable:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.bg06 {
  background-color: hsla(0, 0%, 100%, 0.05);
}
.bg06.clickable:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.hover-bg06:hover {
  background-color: hsla(0, 0%, 100%, 0.06);
}
.bg-black {
  background: #12100e;
}
.bg-181A1F {
  background: #181a1f;
}
.bg-231F1D {
  background: #231f1d;
}
.bg-292B33 {
  background: #292b33;
}
.bg-black-29 {
  background: #292929;
}
.bg-black-29.clickable:hover {
  background: #3a3a3a;
}
.line-through {
  text-decoration: line-through;
}
.radius4 {
  border-radius: 4px;
}
.w60p {
  width: 60%;
}
.color-F4B62C {
  color: #f4b62c;
}
.pointer {
  cursor: pointer;
}
.hidden {
  overflow: hidden;
}
.response-list {
  min-height: 620px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}
.response-list.row-5 {
  gap: 20px;
}
.response-list.row-5 .item {
  width: calc(20% - 16px);
}
@media (max-width: 1200px) {
  .response-list.row-5 .item {
    width: calc(25% - 15px);
  }
}
@media (max-width: 1000px) {
  .response-list.row-5 {
    gap: 24px;
  }
  .response-list.row-5 .item {
    width: calc(33.3333% - 16px);
  }
}
@media (max-width: 765px) {
  .response-list.row-5 {
    gap: 24px;
  }
  .response-list.row-5 .item {
    width: calc(50% - 12px);
  }
}
@media (max-width: 475px) {
  .response-list.row-5 {
    gap: 16px;
  }
  .response-list.row-5 .item {
    width: calc(50% - 8px);
  }
}
.response-list.row-6 {
  gap: 12px;
}
.response-list.row-6 .item {
  width: calc(16.6% - 10px);
}
@media (max-width: 1200px) {
  .response-list.row-6 .item {
    width: calc(20% - 9.6px);
  }
}
@media (max-width: 1000px) {
  .response-list.row-6 .item {
    width: calc(25% - 9px);
  }
}
@media (max-width: 765px) {
  .response-list.row-6 .item {
    width: calc(33.33% - 8px);
  }
}
@media (max-width: 475px) {
  .response-list.row-6 .item {
    width: calc(50% - 6px);
  }
}
.has-filter .response-list.row-6 {
  gap: 12px;
}
.has-filter .response-list.row-6 .item {
  width: calc(20% - 9.6px);
}
@media (max-width: 1200px) {
  .has-filter .response-list.row-6 .item {
    width: calc(25% - 9px);
  }
}
@media (max-width: 1000px) {
  .has-filter .response-list.row-6 .item {
    width: calc(33.33% - 8px);
  }
}
@media (max-width: 920px) {
  .has-filter .response-list.row-6 .item {
    width: calc(25% - 9px);
  }
}
@media (max-width: 765px) {
  .has-filter .response-list.row-6 .item {
    width: calc(33.33% - 8px);
  }
}
@media (max-width: 475px) {
  .has-filter .response-list.row-6 .item {
    width: calc(50% - 6px);
  }
}
.has-filter .response-list.row-5 .item {
  width: calc(25% - 15px);
}
@media (max-width: 1200px) {
  .has-filter .response-list.row-5 {
    gap: 24px;
  }
  .has-filter .response-list.row-5 .item {
    width: calc(33.3333% - 16px);
  }
}
@media (max-width: 1000px) {
  .has-filter .response-list.row-5 {
    gap: 24px;
  }
  .has-filter .response-list.row-5 .item {
    width: calc(50% - 12px);
  }
}
@media (max-width: 920px) {
  .has-filter .response-list.row-5 {
    gap: 24px;
  }
  .has-filter .response-list.row-5 .item {
    width: calc(33.3333% - 16px);
  }
}
@media (max-width: 765px) {
  .has-filter .response-list.row-5 {
    gap: 24px;
  }
  .has-filter .response-list.row-5 .item {
    width: calc(50% - 12px);
  }
}
@media (max-width: 475px) {
  .has-filter .response-list.row-5 {
    gap: 16px;
  }
  .has-filter .response-list.row-5 .item {
    width: calc(50% - 8px);
  }
}
.collection-market .collection-page .logo {
  height: 112px;
  width: 112px;
  background: hsla(0, 0%, 100%, 0.1);
  border-radius: 12px;
  overflow: hidden;
}
@media (max-width: 980px) {
  .collection-market .collection-page .stat .no-break {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 765px) {
  .collection-market .collection-page .font-20 {
    font-size: 18px;
  }
  .collection-market .collection-page .mt24 {
    margin-top: 16px;
  }
  .collection-market .collection-page .gap-32 {
    gap: 16px;
  }
  .collection-market .collection-page .gap-16 {
    gap: 12px;
  }
}
@media (max-width: 475px) {
  .collection-market .collection-page .font-20 {
    font-size: 16px;
  }
  .collection-market .collection-page .ant-tabs-nav {
    margin-top: 48px;
    position: relative;
  }
  .collection-market
    .collection-page
    .ant-tabs-nav
    .ant-tabs-extra-content:last-child {
    right: 0;
    position: absolute;
    bottom: 100%;
  }
}
.collection-market-list {
  border-radius: 8px;
  overflow: hidden;
}
.collection-market-list .head {
  background: hsla(0, 0%, 100%, 0.05);
}
.collection-market-list .item {
  padding: 16px 32px;
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: 50px 1fr 140px 170px 140px 140px;
  align-items: center;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.04);
}
.collection-market-list .item:not(.head):hover {
  background: hsla(0, 0%, 100%, 0.06);
  cursor: pointer;
}
.collection-market-list .item .logo {
  width: 56px;
}
.collection-market-list .item .ellipsis {
  max-width: calc(100vw - 165px);
}
@media (max-width: 1200px) {
  .collection-market-list .item {
    grid-template-columns: 50px 1fr 120px 150px;
  }
}
@media (max-width: 765px) {
  .collection-market-list .item {
    padding: 16px;
    grid-template-columns: 32px 1fr;
  }
}
@media (max-width: 475px) {
  .collection-market-list .item {
    grid-template-columns: 16px 1fr;
  }
}
.my-collections-popover .item {
  min-width: 240px;
  display: grid;
  grid-template-columns: 1fr 80px 60px;
  align-items: center;
  justify-content: center;
  text-align: center;
  grid-gap: 16px;
  gap: 16px;
}
.my-collections-popover .item:not(:first-child) {
  margin-top: 16px;
}
.my-collections-popover .item .button {
  padding: 4px 8px;
}
.trending-in-collections-list {
  grid-gap: 16px;
  gap: 16px;
  display: grid;
  grid-template-rows: repeat(6, 1fr);
  grid-auto-flow: column;
}
@media (max-width: 1336px) {
  .trending-in-collections-list {
    grid-template-rows: repeat(11, 1fr);
  }
  .trending-in-collections-list .item.hide-in-1200 {
    display: none;
  }
}
.trending-in-collections-list .item {
  display: grid;
  grid-template-columns: 24px 1fr 144px 144px;
  grid-gap: 16px;
  gap: 16px;
  align-items: center;
  border-radius: 8px;
}
.trending-in-collections-list .item.head {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
  color: hsla(0, 0%, 100%, 0.8);
}
@media (max-width: 765px) {
  .trending-in-collections-list .item {
    grid-template-columns: 24px 1fr 120px;
  }
}
@media (max-width: 475px) {
  .trending-in-collections-list .item {
    grid-template-columns: 24px 1fr;
  }
}
.trending-in-collections-list .item > span:last-child {
  padding-right: 16px;
}
.trending-in-collections-list .item:not(.head):hover {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.trending-in-collections-list .item.head {
  padding: 16px 0;
}
.collection-put-on-cursed.inscription-container {
  width: 128px;
  height: unset;
}
.collection-put-on-cursed.inscription-container .temp-iframe {
  width: 128px;
  height: 128px;
}
.inscribe-new.inscribe-orders-page {
  justify-content: flex-start;
}
.inscribe-new.inscribe-orders-page .block2 {
  width: 100%;
  margin-top: 0;
}
.inscribe-new .close {
  padding: 4px 10px;
}
@keyframes blinker {
  50% {
    border-color: red;
  }
  to {
    opacity: var(--main-color);
  }
}
.inscribe-new .file-input-container.blink .ant-upload {
  animation: blinker 0.5s linear infinite;
}
.inscribe-new .file-input-container .ant-upload {
  border-color: var(--main-color);
  background: rgba(235, 185, 76, 0.008);
}
@media (max-width: 765px) {
  .inscribe-new .file-input-container .ant-upload.ant-upload-btn {
    padding: 16px;
  }
}
.inscribe-new .file-input-container .ant-upload:hover {
  background: rgba(235, 185, 76, 0.012);
  border-color: #bc8715;
}
.inscribe-new .file-input-container .ant-upload.ant-upload-drag-hover {
  background: rgba(235, 185, 76, 0.1);
}
.inscribe-new .file-input-content {
  min-height: 0;
  border-radius: 8px;
  border: 1px solid hsla(0, 0%, 100%, 0.15);
  background: rgba(0, 0, 0, 0.3);
}
.inscribe-new .file-input-content .file-item {
  border-radius: 8px;
}
.inscribe-new .file-input-content .file-item .index {
  min-width: 22px;
  text-align: center;
  border-radius: 2em;
  background: hsla(0, 0%, 100%, 0.2);
  color: hsla(0, 0%, 100%, 0.8);
  margin-left: 8px;
}
.inscribe-new .file-input-content .file-item .file-name {
  max-width: calc(100vw - 256px);
  white-space: nowrap;
  padding: 8px 0;
}
@media (min-width: 720px) {
  .inscribe-new .file-input-content .file-item .file-name {
    max-width: 470px;
  }
}
.inscribe-new .file-input-content .file-item .remove {
  position: unset;
  right: unset;
  top: unset;
  transform: unset;
}
.inscribe-new .block1 {
  padding: 24px;
}
@media (max-width: 765px) {
  .inscribe-new .block1 {
    padding: 16px;
  }
}
@media (max-width: 475px) {
  .inscribe-new .block1 {
    padding: 12px;
  }
}
.inscribe-new .block1 .addressInput {
  margin-top: 0;
  background-color: transparent;
}
.inscribe-new .block1 .ant-tabs-tab {
  color: #9a9790;
}
.inscribe-new .feePanel .divider {
  margin: 4px 0;
}
.inscribe-new .feePanel .off-tag {
  margin-right: 80px;
}
.inscribe-new .feePanel .off-tag span {
  line-height: 16px;
}
@media (max-width: 476px) {
  .inscribe-new .feePanel .off-tag {
    margin-right: 0;
  }
  .inscribe-new .feePanel .off-tag span {
    line-height: 14px;
  }
}
.inscribe-new .feePanel .fee-line {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 0;
  line-height: 36px;
  font-size: 14px;
}
.inscribe-new .feePanel .fee-line .notice {
  min-width: 72px;
  text-align: left;
}
@media (max-width: 765px) {
  .inscribe-new .feePanel .fee-line {
    font-size: 13px;
    line-height: 28px;
  }
}
@media (max-width: 475px) {
  .inscribe-new .feePanel .fee-line {
    font-size: 12px;
    line-height: 24px;
  }
}
@media (max-width: 415px) {
  .inscribe-new .feePanel .fee-line {
    font-size: 11px;
    line-height: 24px;
  }
}
.inscribe-new .feePanel .fee-line:not(:first-child) {
  margin-top: 0;
}
.inscribe-new .feePanel .fee-line .edit {
  font-size: 12px;
  color: hsla(0, 0%, 100%, 0.9);
  line-height: 24px;
  border-radius: 8px;
  border: 1px solid rgba(66, 66, 66, 0.8);
  background: hsla(0, 0%, 100%, 0.06);
  text-decoration: none;
  padding: 0 8px;
  margin-left: 0;
}
.inscribe-new .feePanel .fee-line .edit:hover {
  background: hsla(0, 0%, 100%, 0.08);
}
.inscribe-new .sats-list-container .ant-list-item {
  padding: 0;
}
.inscribe-new .sats-list-container .ant-list-item .sats-item {
  flex: 1 1;
}
.inscribe-new .address-input .ant-select-selector {
  border-color: var(--main-color);
  background: rgba(99, 68, 2, 0.1);
}
.inscribe-new .brc-input-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  margin-top: 16px;
}
@media (max-width: 765px) {
  .inscribe-new.inscribe {
    padding: 24px 16px;
  }
  .inscribe-new .type-choose {
    min-width: 80px;
  }
  .inscribe-new .gap-16,
  .inscribe-new .gap16 {
    gap: 12px;
  }
  .inscribe-new .mt-16,
  .inscribe-new .mt16 {
    margin-top: 12px;
  }
  .inscribe-new .mt32 {
    margin-top: 16px;
  }
  .inscribe-new .font28 {
    font-size: 24px;
  }
  .inscribe-new .font13,
  .inscribe-new .font14 {
    font-size: 12px;
  }
}
@media (max-width: 475px) {
  .inscribe-new .type-choose {
    min-width: 72px;
  }
}
.inscribe-order-list {
  background-color: #141414;
  border-radius: 8px;
  max-width: calc(100vw - 32px);
}
.inscribe-order-list .item {
  line-height: 32px;
  padding: 16px;
  color: hsla(0, 0%, 100%, 0.7);
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: minmax(200px, 1fr) 72px 60px 88px minmax(180px, 1fr) 20px;
}
.inscribe-order-list .item.old {
  grid-template-columns: 1fr 88px 0.45fr 20px;
}
.inscribe-order-list .item:not(.head) {
  cursor: pointer;
}
.inscribe-order-list .item:not(.head):hover {
  background: hsla(0, 0%, 100%, 0.05);
}
.inscribe-order-list .item.head {
  background: #1a1a1a;
  color: hsla(0, 0%, 100%, 0.8);
}
.mask .pay-alert {
  margin-top: 8vh;
}
.mask
  .pay-alert
  .ant-steps-item-active:not(.ant-steps-item-finish)
  .ant-steps-item-icon {
  border: 1px solid hsla(0, 0%, 94%, 0.45);
  background: var(--1, linear-gradient(135deg, #ebb94c 0, #e97e00 100%));
}
.mask .pay-alert .dash-divider {
  width: calc(100% + 64px);
  margin-left: -32px;
  margin-right: -32px;
  border-bottom: 1px dashed hsla(0, 0%, 100%, 0.15);
}
@media (max-width: 765px) {
  .mask .pay-alert .line-h-32 {
    line-height: 24px;
  }
  .mask .pay-alert .pv8 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .mask .pay-alert .font22 {
    font-size: 18px;
  }
  .mask .pay-alert .font-14,
  .mask .pay-alert .font14 {
    font-size: 13px;
  }
  .mask .pay-alert .ant-steps-item-title {
    font-size: 14px;
  }
}
@media (max-width: 475px) {
  .mask .pay-alert .line-h-32 {
    line-height: 24px;
  }
  .mask .pay-alert .pv8 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .mask .pay-alert .font22 {
    font-size: 16px;
  }
  .mask .pay-alert .font-14,
  .mask .pay-alert .font14 {
    font-size: 13px;
  }
  .mask .pay-alert .ant-steps-item-title {
    font-size: 14px;
  }
}
@media (max-width: 415px) {
  .mask .pay-alert .font22 {
    font-size: 16px;
  }
  .mask .pay-alert .font-14,
  .mask .pay-alert .font14 {
    font-size: 12px;
  }
  .mask .pay-alert .ant-steps-item-title {
    font-size: 13px;
  }
}
.mask.op-commit-mask {
  z-index: 10000;
}
.mask .op-commit-block {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #171a1f;
  border-radius: 20px;
  padding: 32px;
}
.swap .mask .content.confirm-alert {
  max-width: 608px;
}
.swap .mask .content.withdraw {
  max-width: 800px;
}
.swap .mask .content .grid.c2 {
  padding-right: 8px;
}
@media (max-width: 765px) {
  .swap .mask .content .grid.c2 {
    grid-template-columns: 1fr;
  }
}
.swap.main-container.swap {
  max-width: 640px;
}
@media (max-width: 1280px) {
  .swap.main-container.swap {
    padding: 0;
  }
}
@media (max-width: 672px) {
  .swap.main-container.swap {
    padding: 0 12px;
  }
}
.swap.main-container.overview,
.swap.main-container.pools,
.swap.main-container.swap-trans {
  max-width: 1200px;
}
@media (max-width: 1280px) {
  .swap.main-container.overview,
  .swap.main-container.pools,
  .swap.main-container.swap-trans {
    padding: 0 32px;
  }
}
.swap .ant-input-number-borderless .ant-input-number-input {
  padding: 0;
}
.swap .type-choose {
  padding-left: 8px;
  padding-right: 8px;
}
.swap .swap-tabs {
  padding: 16px 24px 24px;
  border-radius: 24px;
  position: relative;
}
.swap .swap-choose-container {
  gap: 8px 0;
  display: flex;
  flex-direction: column;
}
.swap .swap-choose-container .max-action {
  border-radius: 4px;
  background: rgba(235, 185, 76, 0.1);
  color: var(--main-color);
  padding: 4px 8px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.swap .swap-choose-container .max-action:hover {
  background-color: rgba(235, 185, 76, 0.2);
}
.swap .swap-choose-container .max-action:active {
  background-color: rgba(235, 185, 76, 0.1);
}
.swap .swap-choose-container .exchange-action-container {
  z-index: 1;
  position: relative;
}
.swap .swap-choose-container .exchange-action-container .exchange-action {
  text-align: center;
  cursor: pointer;
  line-height: 0;
}
.swap .swap-choose-container .exchange-action-container .exchange-action:hover {
  filter: brightness(112%);
}
.swap
  .swap-choose-container
  .exchange-action-container
  .exchange-action:active {
  filter: brightness(90%);
}
.swap .create-pool-button {
  border-color: var(--main-color);
  color: var(--main-color);
}
.swap .create-pool-button:hover {
  background-color: rgba(235, 185, 76, 0.082);
}
.swap .choose-swap-tick-item {
  border-radius: 12px;
  border: 1px solid hsla(0, 0%, 100%, 0.06);
  background: rgba(60, 62, 68, 0.8);
  padding: 12px 16px;
  transition: 0.3s ease-in-out;
}
.swap .choose-swap-tick-item.disabled {
  background: rgba(50, 52, 58, 0.4);
  color: hsla(0, 0%, 100%, 0.7);
}
.swap .choose-swap-tick-item:not(.disabled) {
  cursor: pointer;
}
.swap .choose-swap-tick-item:not(.disabled):hover {
  background: hsla(0, 0%, 100%, 0.15);
  border-color: var(--main-color);
}
.swap .choose-swap-tick-item:not(.disabled).selected {
  border-color: var(--main-color);
  background: #322d1f;
  box-shadow: 0 2px 20px 0 rgba(54, 37, 0, 0.15);
}
.swap .choose-swap-tick-item.choose-deposit-item {
  height: unset;
}
.swap .choose-swap-tick-item .icon {
  background-color: #272727;
  color: rgba(234, 194, 73, 0.8);
}
.swap .pool-banner-container {
  overflow: hidden;
  border-radius: 20px;
  background: url(https://next-cdn.unisat.io/_/1/img/pool-banner-bg.png)
    no-repeat;
  background-size: cover;
}
.swap .pool-banner-container .pool-banner {
  padding: 32px;
  background-color: rgba(0, 0, 0, 0.06);
}
.swap .pool-list .item {
  grid-template-columns: 36px minmax(184px, 1fr) repeat(3, 108px) 24px;
}
.swap .pool-list.show-mine .item {
  grid-template-columns: 36px minmax(184px, 1fr) repeat(4, 108px) 24px;
}
.swap .deposit-list .item {
  grid-template-columns: 96px 112px 112px 1fr;
  justify-items: start;
}
.swap .withdraw-history-list .item {
  font-size: 12px;
  grid-template-columns: 96px 112px 1fr 120px;
  justify-items: start;
}
.swap .swap-amount {
  border: 1px solid transparent;
  transition: 0.3s ease-in-out;
}
.swap .swap-amount.input-able {
  cursor: pointer;
}
.swap .swap-amount.input-able:hover {
  border-color: var(--main-color);
}
@keyframes swap-amount-blink {
  50% {
    border-color: #ff4d4f;
  }
}
.swap .blink-red-border {
  animation: swap-amount-blink 0.5s ease-in-out infinite alternate;
}
.swap .slippage-line {
  transition: 0.3s ease-in-out;
}
.swap .slippage-line:hover {
  padding-left: 8px;
  padding-right: 8px;
}
.swap .slippage-item {
  background: hsla(0, 0%, 100%, 0.05);
  color: #fff;
}
.swap .liquidity-list {
  display: grid;
  grid-gap: 24px;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 980px) {
  .swap .liquidity-list {
    grid-template-columns: 1fr;
  }
}
.swap .liquidity-list .item {
  border-radius: 16px;
  border: 1px solid hsla(0, 0%, 100%, 0.12);
  background: linear-gradient(
    180deg,
    rgba(244, 141, 45, 0.1),
    rgba(156, 94, 255, 0.05) 48.63%,
    rgba(91, 149, 252, 0.05) 74.03%,
    rgba(248, 75, 174, 0.05)
  );
  padding: 24px 32px;
}
.swap .ant-tabs .ant-tabs-nav:before {
  border-bottom-color: hsla(0, 0%, 100%, 0.06);
}
.swap .stake-column {
  min-width: 416px;
}
.swap .withdraw-step.ant-steps {
  max-width: 70%;
}
@media (max-width: 750px) {
  .swap .withdraw-step.ant-steps {
    max-width: 100%;
  }
}
.swap .swap-trans-list .item {
  justify-items: start;
  grid-template-columns: minmax(240px, 1fr) 200px 200px 200px;
}
.swap .liq-his-list .item {
  justify-items: start;
  grid-template-columns: minmax(320px, 1fr) 156px 200px 200px 200px;
}
.swap .gas-his-list .item {
  justify-items: start;
  grid-template-columns: minmax(320px, 1fr) 200px 200px;
}
.swap .send-his-list .item {
  justify-items: start;
  grid-template-columns: 1fr 1fr 1fr 1fr 200px;
}
.swap .stats-panel {
  border-radius: 8px;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  background: rgba(39, 38, 44, 0.9);
}
.swap .aggregate-browse {
  padding-bottom: 16px;
}
.swap .aggregate-browse .split-line {
  border-right: 1px dashed rgba(235, 185, 76, 0.5);
  margin-top: 24px;
  margin-bottom: 24px;
}
.swap .aggregate-browse .aggregate-item-container {
  padding-top: 20px;
  padding-left: 20px;
}
.swap .aggregate-browse .aggregate-item-container .aggregate-item {
  width: 166px;
  position: relative;
  background-color: #333;
}
.swap .aggregate-browse .aggregate-item-container .aggregate-item:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  background-color: #363636;
  top: -20px;
  right: 0;
  transform: skew(40deg);
  transform-origin: bottom;
}
.swap .aggregate-browse .aggregate-item-container .aggregate-item:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 100%;
  background-color: #262626;
  left: -20px;
  bottom: 0;
  transform: skewY(50deg);
  transform-origin: right;
}
.swap
  .aggregate-browse
  .aggregate-item-container
  .aggregate-item
  .aggregate-content {
  padding: 48px 0;
  position: relative;
}
.swap
  .aggregate-browse
  .aggregate-item-container
  .aggregate-item
  .aggregate-content
  .aggregate {
  position: absolute;
  right: 0;
  top: 0;
  padding: 8px;
  background-color: hsla(0, 0%, 100%, 0.2);
  border-bottom-left-radius: 12px;
}
.swap
  .aggregate-browse
  .aggregate-item-container
  .aggregate-item
  .aggregate-content
  .font18 {
  position: relative;
  line-height: 24px;
}
.swap
  .aggregate-browse
  .aggregate-item-container
  .aggregate-item
  .aggregate-content
  .font18
  .font12 {
  position: absolute;
  line-height: 24px;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.swap.overview .top-info-container {
  background: linear-gradient(
    104deg,
    rgba(235, 185, 76, 0.05),
    rgba(233, 126, 0, 0.05)
  );
}
.swap.overview .divider01 {
  margin-left: -24px;
  margin-right: -24px;
  width: unset;
}
.swap.overview .stats-panel {
  border: none;
  background: hsla(0, 0%, 100%, 0.06);
}
@media (min-width: 1200px) {
  .swap.overview .stat-item:not(:last-child) {
    border-right: 1px solid hsla(0, 0%, 100%, 0.08);
  }
}
@media (max-width: 1200px) {
  .swap.overview .stat-item:not(:nth-child(3n)) {
    border-right: 1px solid hsla(0, 0%, 100%, 0.08);
  }
}
.swap .mask .content.rollup-fee-detail {
  max-width: 750px;
}
.swap .mask .content.rollup-fee-detail .rollup-fee-line {
  display: grid;
  grid-template-columns: 1.4fr 32px 2.5fr 32px 2fr;
  align-items: flex-start;
}
.swap .mask .content.rollup-fee-detail .rollup-fee-line .gas-number {
  min-width: 80px;
  text-align: right;
}
.swap .mask .content.rollup-fee-detail .rollup-fee-line div:first-child {
  justify-self: right;
}
.swap .mask .content.rollup-fee-detail .rollup-fee-line div:nth-child(2),
.swap .mask .content.rollup-fee-detail .rollup-fee-line div:nth-child(4) {
  justify-self: center;
}
.swap .deposit-warning .ant-checkbox .ant-checkbox-inner {
  border-color: #6a6a6a;
}
.swap .swap-limit .title {
  color: hsla(0, 0%, 100%, 0.9);
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  margin-bottom: 24px;
}
@media (max-height: 800px) {
  .swap .swap-limit .content {
    margin-top: 32px;
    font-size: 14px;
  }
  .swap .swap-limit .content img {
    width: 120px;
    height: 120px;
  }
}
@media (max-height: 800px) or (max-width: 765px) {
  .swap .mask .content {
    margin-top: min(32px, 3vh);
    font-size: 14px;
    padding: 16px 24px;
  }
  .swap .swap-tabs {
    padding: 8px 16px 16px;
  }
  .swap .font28 {
    font-size: 22px;
  }
  .swap .h40 {
    height: 32px;
  }
  .swap .mt-48,
  .swap .mt48 {
    margin-top: 32px;
  }
  .swap .mt-32,
  .swap .mt32 {
    margin-top: 24px;
  }
  .swap .mt24 {
    margin-top: 16px;
  }
  .swap .mt-16,
  .swap .mt16 {
    margin-top: 12px;
  }
  .swap .mt-12,
  .swap .mt12 {
    margin-top: 8px;
  }
  .swap .mt8 {
    margin-top: 4px;
  }
  .swap .p-16,
  .swap .p16 {
    padding: 12px;
  }
  .swap .font-14,
  .swap .font14 {
    font-size: 13px;
  }
}
.swap .market-title .market-tag {
  font-size: 18px;
  background: hsla(0, 0%, 100%, 0.1);
}
.swap .item-checked-icon {
  position: absolute;
  bottom: -24px;
  right: -24px;
  background-color: var(--main-color);
  width: 48px;
  height: 48px;
  transform: rotate(45deg);
}
.swap .item-checked-icon > span {
  margin-top: 16px;
  margin-left: 2px;
  transform: rotate(-45deg);
  font-size: 14px;
  font-weight: 700;
}
.brc20-tick {
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  padding-inline: 3px;
  line-height: 18px;
}
.brc20-tick.ant-tag-yellow {
  color: #ce9517;
}
.brc20-tick-2 {
  display: inline-block;
  color: #f6a137;
  color: rgba(246, 161, 55, 0.85);
  border-radius: 5px;
  padding: 2px 4px;
  border: 0.5px solid rgba(246, 161, 55, 0.25);
}
.brc20-tick-2 .unit-tag {
  display: inline-block;
  font-size: 12px;
  padding: 0 4px;
  margin-left: 4px;
  margin-right: -14px;
  color: hsla(0, 0%, 100%, 0.65);
  background: hsla(0, 0%, 100%, 0.15);
  border-radius: 4px;
  transform: translateY(-30%) scale(0.65);
  transform-origin: left;
}
.op-commit-container {
  z-index: 100000000;
  position: fixed;
  top: 72px;
  right: 16px;
  padding: 16px;
  border-radius: 16px;
  background: #231c0b;
  max-width: 274px;
  font-size: 12px;
  border: 1px solid rgba(235, 185, 76, 0.2);
}
.op-commit-container.small {
  padding: 8px;
  border-radius: 8px;
}
.op-commit-container .orange {
  color: #faad14;
}
.op-commit-container .to-small {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  padding: 4px;
  font-size: 20px;
  color: #666;
  border-radius: 4px;
}
.op-commit-container .to-small:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
}
@media (max-width: 765px) {
  .ant-select-selection-placeholder {
    font-size: 12px;
    max-width: calc(100vw - 108px);
  }
  .ant-tabs .ant-tabs-tab {
    font-size: 12px;
  }
  .ant-tabs .ant-tabs-tab + .ant-tabs-tab {
    margin-left: 12px;
  }
  .ant-select-dropdown .ant-select-item {
    font-size: 13px;
  }
}
@media (max-width: 475px) {
  .ant-select-dropdown .ant-select-item {
    font-size: 12px;
  }
}
@media (max-width: 415px) {
  .ant-select-dropdown .ant-select-item,
  .ant-tabs .ant-tabs-tab {
    font-size: 11px;
  }
  .ant-tabs .ant-tabs-tab + .ant-tabs-tab {
    margin-left: 8px;
  }
}
.market .ant-segmented {
  border: 1px solid #3f3f3f;
}
.runes-deploy-popover .ant-popover-inner {
  padding: 16px;
  background: #181a1f;
}
.runes-deploy-popover .runes-phase-table tr.main-color td {
  color: var(--main-color);
}
.runes-deploy-popover .runes-phase-table tr.white07 td {
  font-size: 13px;
  font-weight: 400;
  color: hsla(0, 0%, 100%, 0.6);
}
.runes-deploy-popover .runes-phase-table tr td .name {
  width: 1.2em;
  display: inline-block;
}
.runes-deploy-popover .runes-phase-table tr td .date {
  display: inline-block;
  width: 6em;
}
.ant-progress.linear-gradient .ant-progress-bg {
  background: linear-gradient(90deg, #f4b62c, #ff8c00);
}
.ant-progress.linear-gradient .ant-progress-text {
  background: var(--1, linear-gradient(126deg, #eabb5a 29.05%, #e78327 77.12%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.plans.main-container {
  max-width: 1366px;
}
@media (min-width: 1280px) {
  .plans .mt64 {
    margin-top: 80px;
  }
  .plans .mt32 {
    margin-top: 40px;
  }
}
.plans .top-info .top-desc {
  position: relative;
  padding-left: 32px;
  line-height: 32px;
}
.plans .top-info .top-desc:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 56px;
  background: linear-gradient(0deg, #040404, #dbac47 55%, #040404);
}
.plans .top-info img {
  height: 302px;
}
.plans .plan-list {
  padding-bottom: 16px;
}
@media (max-width: 1200px) {
  .plans .plan-list .font-16,
  .plans .plan-list .font16 {
    font-size: 14px;
  }
  .plans .plan-list .font-14,
  .plans .plan-list .font14 {
    font-size: 13px;
  }
}
.plans .plan-list-item .sale-off {
  position: absolute;
  top: 0;
  left: 75%;
  transform: translateY(-100%);
  white-space: nowrap;
  color: #fff;
  padding: 2px;
  font-size: 12px;
  border-radius: 8px 8px 8px 0;
  background: linear-gradient(90deg, #eac249, #df7a03);
}
.plans .plan-list-item .origin-price {
  color: #8a8a8a;
  position: absolute;
  top: 1px;
  left: 4px;
  transform: translateY(-100%);
  font-size: 18px;
  line-height: 18px;
  text-decoration: line-through;
}
.plans .plan-list-item .bg1 {
  min-height: 112px;
}
.plans .plan-list-item:nth-child(2) .bg1 {
  background: linear-gradient(
    104deg,
    rgba(141, 180, 237, 0.4),
    rgba(126, 171, 239, 0.4) 0.01%,
    rgba(88, 93, 218, 0.4) 95.5%
  );
}
.plans .plan-list-item:nth-child(3) .bg1 {
  background: linear-gradient(
    276deg,
    rgba(230, 115, 33, 0.4),
    rgba(226, 99, 167, 0.4)
  );
}
.plans .plan-list-item:nth-child(4) .bg1 {
  background: linear-gradient(
    90deg,
    rgba(51, 21, 50, 0.9) 0.08%,
    rgba(16, 27, 65, 0.9)
  );
}
.plans .banner-button {
  height: 48px;
  line-height: 48px;
  border-radius: 8px;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  background: hsla(0, 0%, 100%, 0.1);
  display: inline-block;
  padding: 0 24px;
  z-index: 1;
  color: #fff;
  cursor: pointer;
}
.plans .banner-button:hover {
  background: hsla(0, 0%, 100%, 0.15);
}
.plans .plan-banner {
  border-radius: 20px;
  border: 1px solid hsla(0, 0%, 100%, 0.15);
  background: linear-gradient(
    90deg,
    rgba(51, 21, 50, 0.9) 0.08%,
    rgba(16, 27, 65, 0.9)
  );
  position: relative;
  overflow: hidden;
  min-height: 480px;
  grid-column-start: span 2;
}
.plans .plan-banner .banner-ele {
  position: absolute;
}
.plans .plan-banner .banner-ele.left {
  left: 0;
  bottom: -16px;
  width: 300px;
  height: 298px;
}
.plans .plan-banner .banner-ele.right {
  right: 0;
  top: 0;
  width: 317px;
  height: 523px;
}
.plans .excellence-container .right {
  border-radius: 20px;
  background: linear-gradient(
    180deg,
    hsla(0, 0%, 100%, 0),
    rgba(249, 144, 48, 0.12)
  );
  padding: 0 72px;
  position: relative;
}
.plans .excellence-container .right .line {
  position: absolute;
  width: 67.882px;
  height: 1px;
  background: hsla(0, 0%, 100%, 0.15);
  transform: rotate(135deg);
}
.plans .excellence-container .right .line.l1 {
  right: 30%;
  top: 20%;
}
.plans .excellence-container .right .line.l2 {
  width: 50px;
  right: 18%;
  top: 35%;
}
.plans .excellence-container .right .line.l3 {
  right: 3%;
  top: 42%;
}
.plans .excellence-container .right .line.l4 {
  width: 52px;
  bottom: 28%;
  left: 10%;
}
.plans .excellence-container .right .line.l5 {
  width: 82px;
  bottom: 12%;
  left: 22%;
}
.plans .excellence-container .right img {
  width: 289.484px;
  height: 289.484px;
  transform: rotate(7.08deg);
  flex-shrink: 0;
}
.plans .support-item {
  transition: all 0.3s ease-in-out;
}
.plans .support-item .img-container {
  transition: all 0.3s ease-in-out;
  width: 80px;
  height: 80px;
}
.plans .support-item .ml-8 {
  transition: all 0.3s ease-in-out;
}
.plans .support-item:not(.disabled):hover {
  border-color: var(--main-color);
}
.plans .support-item:not(.disabled):hover .img-container {
  transform: scale(1.08);
}
.plans .support-item:not(.disabled):hover .ml-8 {
  margin-left: 16px;
}
.plans .support-item.disabled .link-text,
.plans .support-item.disabled .link-text:hover {
  color: #8a8a8a;
}
.plans .plans-faq {
  position: relative;
  padding-top: 40px;
}
.plans .plans-faq .bg-container {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw - 16px);
  height: 700px;
  overflow: hidden;
}
.plans .plans-faq .bg-container .bg {
  width: 100%;
  height: 100%;
  background: radial-gradient(
    rgba(235, 185, 76, 0.333) 0,
    rgba(9, 8, 8, 0) 70%
  );
  transform: translateY(-40%);
  filter: blur(240px);
}
.plans .plans-faq .ant-collapse-item {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
}
.plans
  .plans-faq
  .ant-collapse-item.ant-collapse-item-active
  .ant-collapse-header {
  color: var(--main-color);
}
.plans .plans-faq .ant-collapse-item .ant-collapse-header {
  padding: 16px;
  font-size: 16px;
}
.plans .plans-faq .ant-collapse-item .ant-collapse-content-box {
  padding: 0 40px 16px;
  color: #bbb;
  font-weight: 300;
}
.plans .top-customer-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 24px;
  gap: 24px;
}
.atom {
  --main-color: #8fa9f1;
  --main-color-bg: #8fa9f110;
}
.atom a {
  color: rgba(160, 192, 255, 0.8);
}
.atom a:hover {
  color: #a0c0ff;
}
.atom a.notice {
  color: #8a8a8a;
}
.atom a.notice:hover {
  color: #9a9a9a;
}
.atom .linear-gradient-text {
  background: linear-gradient(104deg, #2b4e8b, #10204e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.atom .linear-gradient-button {
  background: linear-gradient(104deg, #2b4e8b, #10204e);
}
.atom .linear-gradient-button:hover {
  background: linear-gradient(135deg, #2b4e8b, #10204e);
}
.atom .market-title .market-tag {
  background: rgba(76, 121, 235, 0.1);
  color: #a0c0ff;
}
.atom .nft-item-components.selected {
  border-color: #8fa9f1;
}
.atom .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {
  text-shadow: 0 2px 20px rgba(160, 192, 255, 0.7);
}
.atom .market-tick-more {
  color: #a0c0ff;
  box-shadow: none;
  background: linear-gradient(104deg, #2b4e8b, #10204e);
}
.atom .market-tick-more .linear-gradient-text {
  color: #a0c0ff;
  background: none;
  -webkit-text-fill-color: #a0c0ff;
}
.atom .update-price-btn {
  background: transparent;
}
.atom .update-price-btn:hover {
  background: hsla(0, 0%, 100%, 0.08);
}
.atom .trade-list .trade-item {
  border-radius: 12px;
  border: 1px solid rgba(129, 151, 213, 0.3);
  background: #020812;
}
.atom .trade-list .trade-item.multi-select {
  border-color: var(--main-color);
}
.atom .trade-list .trade-item .content {
  background: hsla(0, 0%, 100%, 0.06);
}
.atom .trade-list .trade-item .content .top {
  margin-top: 4px;
  margin-left: 4px;
}
.atom .trade-list .trade-item .content .type {
  background: hsla(0, 0%, 100%, 0.08);
}
.atom .trade-list .trade-item .content .price-line .price {
  color: #a0c0ff;
}
.atom .trade-list .trade-item .market-buy-btn {
  border-radius: 8px;
  border: 1px solid rgba(129, 151, 213, 0.4);
}
.atom .trade-list .trade-item .market-buy-btn .white {
  color: #8197d5;
}
.atom .trade-list .trade-item:hover .market-buy-btn {
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  background: linear-gradient(104deg, #2b4e8b, #10204e);
}
.atom .rank-list .rank-item,
.atom .trade-list .trade-item:hover .market-buy-btn .white {
  color: #fff;
}
.atom.market-tick-search .tick-rank .tick-choose-item.active {
  background: rgba(160, 192, 255, 0.1);
  box-shadow: none;
}
.atom .market-in-app-header-bg {
  background: radial-gradient(
    rgba(143, 169, 241, 0.267) 0,
    rgba(9, 8, 8, 0) 70%
  );
}
.my-assets-popover.atom .item {
  grid-template-columns: 60px 1fr 60px;
}
.multi-buy-alert .divider {
  background: none;
  border-bottom: 1px dashed hsla(0, 0%, 100%, 0.12);
}
.multi-buy-alert .divider.full-line {
  width: calc(100% + 64px);
  margin-left: -32px;
  border-bottom-style: solid;
  margin-bottom: 16px;
  margin-top: 24px;
}
.multi-buy-alert .render-nfts {
  max-height: 30vh;
  padding-top: 16px;
}
.multi-buy-alert .render-nfts.scroll-y {
  padding-right: 8px;
}
.multi-buy-alert .render-nfts .arc20-item .content {
  position: relative;
  min-width: 88px;
  border: 1px solid rgba(129, 151, 213, 0.5);
  background: #111720;
  padding: 8px;
  overflow: visible;
}
.multi-buy-alert .render-nfts .arc20-item .content .remove {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  background-color: #5d5f62;
}
.multi-buy-alert .render-nfts .arc20-item .content .remove:hover {
  background-color: var(--main-color);
}
.multi-buy-alert .render-nfts .arc20-item.domain .content {
  min-width: 128px;
}
.multi-buy-alert .render-nfts .arc20-item.collection {
  padding-top: 0;
}
.multi-buy-alert .render-nfts .arc20-item.collection .content {
  padding: 0;
  width: 90px;
  height: 90px;
}
@media (max-width: 765px) {
  .multi-buy-alert .render-nfts .gap-16 {
    gap: 8px;
  }
  .multi-buy-alert .render-nfts .arc20-item.font-14 {
    font-size: 12px;
  }
  .multi-buy-alert .render-nfts .arc20-item .font16 {
    font-size: 13px;
  }
  .multi-buy-alert .render-nfts .arc20-item .content {
    min-width: 60px;
    padding: 4px 4px 8px;
  }
  .multi-buy-alert .render-nfts .arc20-item .content .mt-8 {
    margin-top: 2px;
  }
}
.runes.inscribe.main-container {
  max-width: 1580px;
}
.runes.inscribe .block2 {
  max-width: unset;
}
.runes.inscribe .container {
  width: 100%;
}
.runes.inscribe .container.is-info-finish .file-input-content {
  margin-top: 0;
  max-height: 455px;
}
.runes.inscribe .container.is-info-finish .inscribe-panel {
  width: 750px;
}
.runes.inscribe .container.is-info-finish .inscribe-panel .ant-tabs {
  margin-top: -16px;
}
.runes.inscribe .container.is-info-finish .feePanel {
  margin-top: 8px;
  margin-bottom: 16px;
  border-radius: 12px;
  background: hsla(0, 0%, 100%, 0.06);
}
.runes.inscribe .tab-panel-header {
  --tab-panel-header-height: 50px;
  height: var(--tab-panel-header-height);
  background-color: #2a2a2a;
  border-radius: 16px 16px 0 0;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}
.runes.inscribe .tab-panel-header .tab-header-item {
  flex: 1 1;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  border-radius: 16px 16px 0 0;
  margin-bottom: -1px;
  cursor: pointer;
  border: 1px solid hsla(0, 0%, 100%, 0);
  position: relative;
}
.runes.inscribe .tab-panel-header .tab-header-item .tag-icon {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateY(-50%);
}
.runes.inscribe .tab-panel-header .tab-header-item:hover {
  background: hsla(0, 0%, 100%, 0.05);
}
.runes.inscribe .tab-panel-header .tab-header-item:last-child.selected {
  background: #202020;
}
.runes.inscribe .tab-panel-header .tab-header-item.selected {
  color: var(--main-color);
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-bottom: none;
  background: #202020;
  z-index: 1;
}
.runes.inscribe .tab-panel-header .tab-header-item.selected span {
  background: var(--1, linear-gradient(104deg, #ebb94c 0, #e97e00 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.runes.inscribe .in-tab.linear-gradient-container {
  border-radius: 0 0 16px 16px;
}
.runes.inscribe .inscribe-info-panel {
  width: 100%;
  max-width: 750px;
}
.runes.inscribe .inscribe-panel {
  width: 600px;
  max-width: 750px;
  margin: 0 auto;
}
.runes.inscribe .inscribe-panel .ant-progress-line {
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  margin-bottom: 0;
}
.runes.inscribe .inscribe-panel .linear-gradient-bg {
  background: #202020;
}
.runes.inscribe .inscribe-panel .linear-gradient-blur {
  display: none;
}
.runes.inscribe .runes-mints-rank-panel {
  position: relative;
  width: 100%;
}
.runes.inscribe .runes-mints-rank-panel .ant-input-affix-wrapper {
  width: unset;
  flex: 1 1;
  min-width: 200px;
}
.runes.inscribe .runes-mints-rank-panel .linear-gradient-bg {
  width: 280px;
  height: 100%;
  background: linear-gradient(
    290deg,
    hsla(0, 0%, 45%, 0) 20%,
    rgba(238, 113, 56, 0.15)
  );
  filter: blur(25px);
  z-index: -1;
}
.runes.inscribe .runes-mints-rank-panel .linear-gradient-blur {
  background: #141417;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  z-index: -2;
}
.runes.inscribe .runes-mints-rank-panel .ant-segmented {
  background: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  padding: 3px;
}
.runes.inscribe
  .runes-mints-rank-panel
  .ant-segmented
  .ant-segmented-item-label {
  min-height: 28px;
  line-height: 28px;
}
.runes.inscribe
  .runes-mints-rank-panel
  .ant-table-wrapper
  .ant-table-thead
  > tr
  > th {
  font-size: 14px;
  background: hsla(0, 0%, 100%, 0.102);
}
.runes.inscribe
  .runes-mints-rank-panel
  .ant-table-wrapper
  .ant-table-thead
  > tr
  > th:before {
  display: none;
}
.runes.inscribe
  .runes-mints-rank-panel
  .ant-table-wrapper
  .ant-table-thead
  > tr
  > th:first-child {
  border-bottom-left-radius: 8px;
}
.runes.inscribe
  .runes-mints-rank-panel
  .ant-table-wrapper
  .ant-table-thead
  > tr
  > th:last-child {
  border-bottom-right-radius: 8px;
  background-color: #2d2d2d;
}
.runes.inscribe
  .runes-mints-rank-panel
  .ant-table-wrapper
  .ant-table-tbody
  > tr
  > td {
  font-size: 12px;
}
.runes.inscribe
  .runes-mints-rank-panel
  .ant-table-wrapper
  .ant-table-tbody
  > tr
  > td
  .ant-btn-sm {
  height: 28px;
}
.runes.inscribe
  .runes-mints-rank-panel
  .ant-table-wrapper
  .ant-table-tbody
  > tr
  > td:last-child {
  background-color: #141417;
  border-left: 1px solid #333;
}
.runes.inscribe
  .runes-mints-rank-panel
  .ant-table-wrapper
  .ant-table-tbody
  > tr
  > td:last-child:after {
  box-shadow: inset -10px 0 8px -8px hsla(0, 0%, 99%, 0.1);
}
.runes.inscribe
  .runes-mints-rank-panel
  .ant-table-wrapper
  .ant-table-pagination.ant-pagination {
  margin-bottom: 0;
}
.runes.inscribe .inscribe-order-list .item {
  grid-template-columns: minmax(200px, 1fr) repeat(3, minmax(72px, 156px)) 180px 20px;
}
@media (max-width: 1200px) {
  .runes.inscribe .runes-inscribe-container {
    flex-direction: column-reverse;
    align-items: center;
  }
  .runes.inscribe .runes-inscribe-container .inscribe-panel {
    width: 100%;
  }
  .runes.inscribe .runes-inscribe-container .runes-mints-rank-panel {
    max-width: 750px;
  }
  .runes.inscribe .is-info-finish .runes-inscribe-container {
    flex-direction: column;
  }
  .runes.inscribe .block2 {
    max-width: 750px;
  }
}
@media (max-width: 798px) {
  .runes.inscribe .container.is-info-finish .inscribe-panel {
    width: 100%;
  }
}
.mint-input-popover .ant-popover-content .ant-popover-inner {
  background: #292b33;
  padding: 16px;
}
@media (max-width: 567px) {
  .runes.market .brc-20-market .ant-tabs .ant-tabs-nav .ant-tabs-extra-content {
    z-index: 1;
  }
  .runes.market
    .brc-20-market
    .ant-tabs
    .ant-tabs-nav
    .ant-tabs-extra-content:last-child {
    bottom: 36px;
  }
}
.runes.market .inscription-container {
  margin: 0;
}
.runes.market .percent-container .percent {
  margin-top: 8px;
}
.runes.market .percent-container > .flex-row-center {
  justify-content: flex-start;
  color: hsla(0, 0%, 100%, 0.8);
}
.runes.market .percent-container > .flex-row-center > .hide {
  display: inline-block;
}
@media (max-width: 475px) {
  .runes.market .runes-market-detail .font20 {
    font-size: 14px;
  }
  .runes.market .runes-market-detail.p16 {
    padding: 8px;
  }
  .runes.market .runes-market-detail .ant-btn {
    padding: 0 8px;
    height: 32px;
    font-size: 12px;
  }
}
.runes.market .runes-market-info-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.runes.market .runes-market-info-container .item {
  margin: 24px 0;
}
@media (min-width: 1080px) {
  .runes.market .runes-market-info-container .item:not(:last-child) {
    border-right: 1px solid hsla(0, 0%, 100%, 0.08);
  }
}
@media (max-width: 1080px) {
  .runes.market .runes-market-info-container {
    grid-template-columns: repeat(3, 1fr);
  }
  .runes.market .runes-market-info-container .item:nth-child(-n + 3) {
    position: relative;
  }
  .runes.market .runes-market-info-container .item:nth-child(-n + 3):after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: hsla(0, 0%, 100%, 0.08);
    top: calc(100% + 23px);
  }
  .runes.market .runes-market-info-container .item:not(:nth-child(3n)) {
    border-right: 1px solid hsla(0, 0%, 100%, 0.08);
  }
}
.runes.market .trend-in-runes table th {
  background: hsla(0, 0%, 100%, 0.05);
  padding-left: 16px;
}
.runes.market .trend-in-runes table td {
  padding: 12px 16px;
}
.runes.market .trend-in-runes table td:first-child {
  padding-left: 32px;
}
.runes.market .trade-list .trade-item .inscription-name {
  font-size: 20px;
}
.runes.market .trade-list .trade-item .price-line {
  margin-top: 12px;
}
.runes.market .trade-list .trade-item .price-line .price {
  font-size: 16px;
  font-weight: 700;
}
.runes.market .trade-list .trade-item .market-buy-btn:hover {
  background: hsla(19, 86%, 67%, 0.1);
}
.runes.market .trade-list .trade-item .market-buy-btn:hover span {
  color: #f39164;
}
.runes.market-tick-search .type-choose-list .item {
  grid-template-columns: 60px 220px 1fr 1fr 100px;
}
.runes.market-tick-search .type-choose-list .item .name2 {
  font-size: 12px;
}
@media (max-width: 820px) {
  .runes.market-tick-search .type-choose-list .item {
    grid-template-columns: 40px 1fr 100px 100px;
  }
}
@media (max-width: 540px) {
  .runes.market-tick-search .type-choose-list .item {
    grid-template-columns: 40px 1fr 100px;
  }
  .runes.market-tick-search .type-choose-list .item .change {
    display: none;
  }
  .runes.market-tick-search .type-choose-list .item .name2 {
    font-size: 11px;
  }
}
.runes .runes-market-rank table tr th {
  color: hsla(0, 0%, 100%, 0.8);
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
  font-size: 12px;
  padding: 16px;
}
.runes .runes-market-rank table tr td {
  padding: 16px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.08);
}
.runes .runes-market-rank table tr:last-child td {
  border-bottom: none;
}
.runes .runes-market-rank tbody tr:hover {
  cursor: pointer;
  background: hsla(0, 0%, 100%, 0.1);
}
.runes.brc-20 table.transfer-table td,
.runes.brc-20 table.transfer-table th {
  text-align: center;
}
.runes.brc-20 table.transfer-table td.time {
  text-decoration: none;
}
.my-assets-popover.runes .item {
  grid-template-columns: 220px 1fr 60px;
}
@media (max-width: 475px) {
  .my-assets-popover.runes .item {
    gap: 8px;
    grid-template-columns: 1fr 100px 60px;
    margin-top: 8px;
  }
  .my-assets-popover.runes .item .font14 {
    font-size: 12px;
  }
  .my-assets-popover.runes .item .font12 {
    font-size: 11px;
  }
}
@media (max-width: 415px) {
  .my-assets-popover.runes .item {
    gap: 4px;
  }
}
@media (max-width: 475px) {
  .ant-popover .ant-popover-inner {
    padding: 8px;
  }
}
.mask .content.batch-put-on {
  align-items: stretch;
}
.mask .content.batch-put-on .title {
  text-align: center;
}
.mask .content.batch-put-on .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-height: 326px;
  padding-right: 12px;
}
@media (max-width: 765px) {
  .mask .content.batch-put-on .list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 640px) {
  .mask .content.batch-put-on .list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.mask .content.batch-put-on .list .runes-put-on-item-container {
  position: relative;
}
.mask .content.batch-put-on .list .runes-put-on-item-container > .red {
  position: absolute;
  opacity: 1;
  z-index: 1;
  top: 12px;
  right: 12px;
}
.mask .content.batch-put-on .list .runes-put-on-item {
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  background: #303340;
  transition: 0.25s ease-in-out;
}
.mask .content.batch-put-on .list .runes-put-on-item.selected {
  border-color: var(--main-color);
}
.mask .content.batch-put-on .list .runes-put-on-item.selected.over {
  border-color: #f55454;
}
.mask .content.batch-put-on .list .runes-put-on-item .content {
  background: #121212;
}
.mask .content.batch-put-on .list .runes-put-on-item .content .warning {
  position: absolute;
}
.mask .content.batch-put-on .list .runes-put-on-item .content .bottom-tag {
  padding: 4px 6px;
  border-radius: 15px 0 0 0;
  background: #27282d;
}
.mask .content.batch-put-on .total-value-line {
  display: flex;
  justify-content: space-between;
}
.runes {
  --main-color: #f39164;
  --main-color-bg: #f3916410;
}
.runes .main-color-second {
  color: hsla(19, 86%, 67%, 0.8);
}
.runes .border-main-06 {
  border: 1px solid hsla(19, 86%, 67%, 0.2);
}
.runes a:hover {
  color: #f7b393;
}
.runes a.notice {
  color: #8a8a8a;
}
.runes a.notice:hover {
  color: #9a9a9a;
}
.runes .link:hover {
  color: #f7b393;
}
.runes .linear-gradient-text {
  background: linear-gradient(104deg, #f39164, #ed6b2e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.runes .linear-gradient-button,
.runes .linear-gradient-button:hover {
  background: linear-gradient(104deg, #f39164, #ed6b2e);
}
.runes .linear-gradient-button.disabled {
  background: #8a8a8a;
}
.runes .border-btn-main {
  background: none;
}
.runes .panel-1 {
  overflow-x: auto;
}
.runes .panel-1 .rank-list .rank-item {
  grid-template-columns: 360px 180px 1fr 128px 60px 32px;
  background-color: unset;
  margin-top: 0;
  padding: 12px;
}
.runes .panel-1 .rank-list .rank-item .name {
  font-size: 18px;
}
.runes .panel-1 .rank-list .rank-item:not(.head) {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.08);
}
.runes .panel-1 .rank-list .rank-item.head {
  padding: 10px 8px;
  margin-top: 16px;
  margin-bottom: 16px;
  border-radius: 8px;
  background-color: hsla(0, 0%, 100%, 0.1);
}
@media (max-width: 1200px) {
  .runes .panel-1 .rank-list .rank-item {
    grid-template-columns: 360px 1fr 128px 60px 32px;
  }
  .runes .panel-1 .rank-list .rank-item .date,
  .runes .panel-1 .rank-list .rank-item .time {
    display: none;
  }
}
@media (max-width: 1000px) {
  .runes .panel-1 .rank-list .rank-item {
    grid-template-columns: 280px 1fr 80px 60px 32px;
  }
  .runes .panel-1 .rank-list .rank-item .name {
    font-size: 14px;
  }
  .runes .panel-1 .rank-list .rank-item .holders {
    font-size: 12px;
  }
}
@media (max-width: 765px) {
  .runes .panel-1 .rank-list .rank-item {
    grid-template-columns: 240px 1fr 80px;
  }
  .runes .panel-1 .rank-list .rank-item.head {
    display: grid;
    grid-template-columns: 280px 1fr 80px;
  }
  .runes .panel-1 .rank-list .rank-item .holders,
  .runes .panel-1 .rank-list .rank-item.head .sort.holders,
  .runes .panel-1 .rank-list .rank-item.head .sort.progress {
    display: block;
  }
  .runes .panel-1 .rank-list .rank-item .action,
  .runes .panel-1 .rank-list .rank-item .mint-action,
  .runes .panel-1 .rank-list .rank-item .runeid {
    display: none;
  }
}
.runes .rank-container {
  transition: 0.25s ease-in-out;
}
.runes .rank-container .search-panel {
  transition: 0.25s ease-in-out;
  margin: 0;
  padding: 32px;
  border-radius: 24px;
  border: 1px solid hsla(0, 0%, 100%, 0.12);
  background: url(https://next-cdn.unisat.io/_/1/img/runes-search-bg.png) 100%
    100% no-repeat;
  background-size: cover;
}
.runes .rank-container .search-panel .ant-input-group-wrapper {
  margin: 32px 0 0;
}
.runes .rank-container .search-panel.searched {
  padding: 0;
  background: none;
  border: 1px solid hsla(0, 0%, 100%, 0);
}
.runes .rank-container .search-panel.searched .ant-input-group-wrapper {
  margin: 0;
}
@media (max-width: 1200px) {
  .runes .rank-container .hot-map-container.flex-row-v-center {
    flex-wrap: wrap;
  }
}
.runes .file-input-container {
  margin-top: 0;
}
.runes .file-input-container .ant-upload-btn {
  padding: 0;
}
.runes .inscription-container {
  margin: 16px 0;
}
.inscription-container {
  display: block;
  width: 200px;
  height: 200px;
  border: 1px solid #4a4a4a;
  border-radius: 8px;
  overflow: hidden;
}
.inscription-container.text {
  width: max-content;
}
.inscription-container.default-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.inscription-container .temp-iframe {
  width: 100%;
  height: 100%;
  max-height: 200px;
}
.inscription-container .iframe-container {
  position: relative;
  width: 100%;
  padding-top: 100%;
  height: 0;
  overflow: hidden;
}
.inscription-container .iframe-container iframe,
.inscription-container .iframe-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.inscription-container img,
.inscription-container video {
  width: 100%;
  max-width: 100%;
  object-fit: contain;
}
.inscription-container iframe {
  min-width: 100%;
  min-height: 100%;
  text-align: center;
}
.pizza .pizza-top {
  position: relative;
}
.pizza .pizza-top .logo {
  position: absolute;
  left: 0;
  top: 48px;
  height: 32px;
}
.pizza .pizza-top .left-img {
  position: absolute;
  left: 24px;
  bottom: -24px;
  z-index: -1;
}
.pizza .pizza-top .pizza-img {
  position: absolute;
  right: 80px;
  bottom: -64px;
  z-index: -1;
}
.pizza .pizza-total {
  border-radius: 24px;
  border: 1px solid hsla(0, 0%, 100%, 0.4);
  background: #1e1e1e;
  padding: 24px 40px;
  max-width: 650px;
  margin: 24px auto 0;
}
.pizza .pizza-panel {
  border-radius: 24px;
  border: 1px solid rgba(234, 187, 90, 0.3);
  background: #0e0e0e;
  padding: 32px;
}
.pizza
  .pizza-panel:not(.pizza .pizza-panel.opened)
  .rule-item:not(:first-child) {
  filter: blur(5px);
}
.pizza .pizza-panel .rule-item {
  padding: 24px 0;
  border-bottom: 1px dashed hsla(0, 0%, 100%, 0.15);
}
.pizza .pizza-panel .bottom .button {
  margin: 32px auto 0;
  max-width: 700px;
}
.pizza .pizza-panel .bottom .button.border-btn {
  min-width: 256px;
}
@media (max-width: 992px) {
  .pizza .pizza-top .logo {
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
  }
  .pizza .pizza-top.pv-48 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .pizza .pizza-top .font32 {
    font-size: 26px;
  }
  .pizza .pizza-top .left-img {
    width: 80px;
  }
  .pizza .pizza-top .pizza-img {
    width: 240px;
    right: 0;
  }
}
@media (max-width: 475px) {
  .pizza .pizza-top .font32 {
    font-size: 18px;
  }
  .pizza .pizza-top .left-img {
    width: 80px;
  }
  .pizza .pizza-top .pizza-img {
    width: 180px;
  }
}
@keyframes text-anim-fade-in {
  0% {
    opacity: 0;
    top: 32px;
  }
  20% {
    opacity: 0;
    top: 32px;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
.text-anim-fade-in {
  position: relative;
  animation: text-anim-fade-in 0.6s linear;
}
.Footer_footerContainer__z72X0 {
  background-color: hsla(0, 0%, 100%, 0.06);
}
.Footer_footer__oaUOW {
  max-width: 1280px;
  margin: 48px auto 0;
  padding: 48px 40px;
}
.Footer_footer__oaUOW .Footer_iconLinks__jpfnI {
  gap: 16px;
  margin-top: -16px;
  margin-bottom: 32px;
}
.Footer_footer__oaUOW .Footer_iconLinks__jpfnI a {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  background: hsla(0, 0%, 100%, 0.06);
}
.Footer_footer__oaUOW .Footer_iconLinks__jpfnI a:hover {
  opacity: 0.8;
}
.Footer_footer__oaUOW
  .Footer_footerLinkLineContainer__zGGMx
  .Footer_flexRowCenter__WJZTF {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
@media (max-width: 765px) {
  .Footer_footer__oaUOW .Footer_footerLinkLineContainer__zGGMx {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-around;
    gap: 32px;
  }
  .Footer_footer__oaUOW
    .Footer_footerLinkLineContainer__zGGMx
    .Footer_flexRowCenter__WJZTF {
    flex-direction: column;
    align-items: start;
  }
}
@media (max-width: 475px) {
  .Footer_footer__oaUOW .Footer_footerLinkLineContainer__zGGMx {
    flex-direction: column;
    gap: 8px;
  }
}
.Header_header__R_kkv {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  position: fixed;
  top: 0;
  height: 64px;
  width: 100%;
  background: rgba(9, 8, 8, 0.7);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  z-index: 3;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.06);
}
.Header_headerBlock__BvKxA {
  z-index: -3;
  height: 64px;
  width: 100%;
  position: relative;
}
.Header_headerBlock__BvKxA .Header_bodyBg__KCRgW {
  height: 741px;
  width: 100%;
  background: linear-gradient(180deg, #271d14 6.82%, rgba(20, 24, 38, 0) 96.2%);
}
.Header_headerLeft__5o9CR .Header_bigLogo__GemIe {
  display: block;
}
.Header_headerLeft__5o9CR .Header_tag__Ggv1D {
  margin-left: 0;
  border-radius: 4px 4px 4px 0;
}
.Header_headerLeft__5o9CR .Header_smallLogo__oEnv8 {
  display: none;
}
.Header_linkContainer__IRPSl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 16px;
  height: 64px;
}
.Header_linkContainer__IRPSl .Header_itemContainer__GamNR {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.Header_linkContainer__IRPSl
  .Header_itemContainer__GamNR.Header_brc20__Cm13_
  .Header_name__T3K3l {
  background: linear-gradient(103deg, #f44437 -17.82%, #e97e00);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Header_linkContainer__IRPSl .Header_divider__0g0gd {
  width: 1px;
  height: 50%;
  background-color: #3a3a3a;
}
.Header_linkContainer__IRPSl .Header_item__wSa8c {
  height: 100%;
  text-align: center;
  min-width: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  padding: 8px 16px;
  border-bottom: 2px solid transparent;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  white-space: nowrap;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.Header_linkContainer__IRPSl .Header_item__wSa8c .Header_tag__Ggv1D {
  position: absolute;
  right: 0;
  top: 8px;
  transform: translate(50%);
}
.Header_linkContainer__IRPSl .Header_item__wSa8c svg {
  margin-right: 4px;
}
.Header_linkContainer__IRPSl .Header_item__wSa8c:after,
.Header_linkContainer__IRPSl .Header_item__wSa8c:before {
  content: "";
  width: 0;
  height: 4px;
  position: absolute;
  bottom: 0;
  background-color: #8a8a8a;
  transition: all 0.2s ease-in-out;
  border-top-right-radius: 2em;
  border-top-left-radius: 2em;
}
.Header_linkContainer__IRPSl .Header_item__wSa8c:hover:before {
  width: 100%;
}
.Header_linkContainer__IRPSl .Header_item__wSa8c.Header_selected__pE60r {
  color: var(--main-color);
  background: var(--main-color-bg);
}
.Header_linkContainer__IRPSl .Header_item__wSa8c.Header_selected__pE60r:before {
  width: 100%;
}
.Header_linkContainer__IRPSl .Header_item__wSa8c.Header_selected__pE60r:after {
  background-color: var(--main-color);
  width: 100%;
}
.Header_iconLinks__9J_YP {
  gap: 12px;
  margin-left: 32px;
}
.Header_iconLinks__9J_YP a:hover {
  opacity: 0.8;
}
@media (max-width: 1520px) {
  .Header_iconLinks__9J_YP {
    display: none !important;
  }
}
.Header_right__R1PDz {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
}
.Header_right__R1PDz .Header_joinTelegramContainer__SVhtY {
  margin-right: 16px;
  padding: 2px;
}
.Header_right__R1PDz .Header_joinTelegramContainer__SVhtY:hover {
  opacity: 0.8;
}
.Header_right__R1PDz .Header_connected__QxsoR {
  text-align: right;
}
@media (max-width: 1520px) {
  .Header_right__R1PDz .Header_joinTelegram__03t_w {
    display: none;
  }
}
@media (max-width: 1280px) {
  .Header_right__R1PDz .Header_joinTelegramContainer__SVhtY {
    display: none;
  }
}
.Header_tooltipsLinkItem__GiSI0 {
  padding: 12px;
  border-radius: 8px;
  transition: all 0.2s ease-in-out;
  min-width: 200px;
  background-color: hsla(0, 0%, 100%, 0.05);
}
.Header_tooltipsLinkItem__GiSI0:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.Header_tooltipsLinkItem__GiSI0.Header_atomLink__12BKA:hover {
  color: #a0c0ff;
}
.Header_tooltipsLinkItem__GiSI0.Header_runesLink__LE2ts:hover {
  color: #f39164;
}
@media (max-width: 1480px) {
  .Header_headerTitle__PsxVI {
    display: none;
  }
  .Header_linkContainer__IRPSl .Header_item__wSa8c {
    font-size: 12px;
    padding: 8px 4px;
  }
}
@media (max-width: 1450px) {
  .Header_headerLeft__5o9CR .Header_bigLogo__GemIe {
    display: none;
  }
  .Header_headerLeft__5o9CR .Header_smallLogo__oEnv8 {
    display: block;
  }
  .Header_headerLeft__5o9CR .Header_tag__Ggv1D {
    display: none;
  }
  .Header_linkContainer__IRPSl .Header_item__wSa8c {
    padding: 8px 12px;
  }
  .Header_linkContainer__IRPSl .Header_item__wSa8c svg {
    display: none;
  }
}
@media (max-width: 1280px) {
  .Header_linkContainer__IRPSl .Header_item__wSa8c {
    width: unset;
    min-width: 54px;
    padding: 8px 12px;
  }
  .Header_linkContainer__IRPSl .Header_item__wSa8c svg {
    display: unset;
    margin-right: 0;
  }
  .Header_linkContainer__IRPSl .Header_item__wSa8c span {
    display: none;
  }
}
@media (max-width: 920px) {
  .Header_headerBlock__BvKxA,
  .Header_header__R_kkv {
    height: 54px;
  }
  .Header_headerLeft__5o9CR .Header_smallLogo__oEnv8 {
    transform: scale(0.8);
  }
  .Header_linkContainer__IRPSl {
    height: 54px;
    margin-left: 8px;
  }
  .Header_linkContainer__IRPSl .Header_item__wSa8c {
    width: unset;
    min-width: unset;
    padding: 8px 12px;
  }
  .Header_linkContainer__IRPSl .Header_item__wSa8c svg {
    display: unset;
    margin-right: 0;
  }
  .Header_linkContainer__IRPSl .Header_item__wSa8c span {
    display: none;
  }
}
@media (max-width: 765px) {
  .Header_header__R_kkv {
    height: 42px;
    padding: 0 8px;
  }
  .Header_smallLogo__oEnv8 {
    transform: scale(0.7);
  }
  .Header_headerBlock__BvKxA {
    height: 48px;
  }
  .Header_linkContainer__IRPSl {
    margin-left: 0;
    height: 42px;
  }
  .Header_linkContainer__IRPSl .Header_item__wSa8c {
    padding: 8px;
  }
  .Header_right__R1PDz .Header_button__dPxi8 {
    padding: 4px 8px;
  }
}
@media (max-width: 600px) {
  .Header_header__R_kkv {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    height: 80px;
  }
  .Header_header__R_kkv .Header_right__R1PDz {
    margin-top: 1px;
    justify-content: space-between;
  }
  .Header_header__R_kkv .Header_right__R1PDz .Header_dividerV__2VUYl {
    display: none;
  }
  .Header_headerBlock__BvKxA {
    height: 80px;
  }
}
@media (max-width: 375px) {
  .Header_header__R_kkv {
    padding: 0 8px;
  }
  .Header_linkContainer__IRPSl {
    margin-left: 4px;
    height: 36px;
  }
  .Header_linkContainer__IRPSl .Header_item__wSa8c {
    padding: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .popup {
      width: 80%;
      height: 80%;
      position: fixed;
      z-index: 9999;
      top: 15%;
      left: 6%;
      background-color: #171a1f;
  }

  .overlay {

      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1000;
  }

  @media only screen and (min-width: 601px) {
      .popup {
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          padding: 20px;
          z-index: 9999;
          background-color: #171a1f;
          
          min-height: 200px;

      }

      .overlay {

          position: relative;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.5);
          z-index: 1000;
      }

  }

}
.mask .content.choose-wallet-alert .wallets .item {
  border-radius: 8px;
  padding: 8px;
  border: 1px solid #3a3a3a;
  cursor: pointer;
  font-size: 14px;
}