.coin-shell-section--markets {
  min-width: 0;
  display: grid;
  gap: clamp(14px,1.9vw,20px)
}
.coin-shell-section--markets .coin-shell-section__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px 16px
}
.coin-shell-section--markets .coin-shell-section__header :is(h2,h3,h4) {
  margin: 0;
  font-size: clamp(28px,calc(20.86px + .89vw),36px);
  line-height: 1.02;
  font-weight: 800;
  color: var(--dark-text);
  text-wrap: balance
}
.coin-shell-section--markets .coin-shell-section__body {
  display: grid;
  gap: clamp(14px,1.9vw,20px)
}
.coin-shell-section__body--markets {
  display: grid;
  gap: clamp(14px,1.8vw,18px)
}
.coin-markets {
  display: grid;
  gap: clamp(14px,1.8vw,18px)
}
.coin-markets__header-meta {
  display: grid;
  gap: 2px;
  justify-items: end
}
.coin-markets__header-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: color-mix(in srgb,var(--light-text) 88%,var(--dark-text))
}
.coin-markets__header-time {
  font-size: clamp(12px,calc(11.4px + .12vw),13px);
  line-height: 1.45;
  color: var(--dark-text);
  font-variant-numeric: tabular-nums
}
.coin-markets__summary {
  margin: 0;
  font-size: clamp(13px,calc(12.46px + .11vw),14px);
  line-height: 1.6;
  color: color-mix(in srgb,var(--light-text) 90%,var(--dark-text))
}
.coin-markets__table-wrap {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  border: 1px solid color-mix(in srgb,var(--border) 90%,transparent);
  border-radius: 20px;
  background: var(--bg-primary);
  box-shadow: 0 20px 38px -34px rgba(11,21,39,.18)
}
.coin-markets__table-wrap:focus-visible {
  outline: 2px solid color-mix(in srgb,var(--brand) 62%,#fff 38%);
  outline-offset: 3px
}
.coin-markets__table {
  width: 100%;
  min-width: 860px;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0
}
.coin-markets__table thead th {
  padding: 16px 18px 15px;
  border-bottom: 1px solid color-mix(in srgb,var(--border) 90%,transparent);
  font-size: 10px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-align: left;
  color: color-mix(in srgb,var(--dark-text) 90%,var(--light-text));
  white-space: nowrap;
  background: linear-gradient(180deg,#f9fbfe 0,#eef3f9 100%)
}
.coin-markets__table thead th:first-child {
  border-top-left-radius: 20px
}
.coin-markets__table thead th:last-child {
  border-top-right-radius: 20px
}
.coin-markets__column--rank {
  width: 52px
}
.coin-markets__table thead .coin-markets__column--numeric {
  text-align: right
}
.coin-markets__column--numeric {
  text-align: right
}
.coin-markets__column-header {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0
}
.coin-markets__column-header--numeric {
  justify-content: flex-end
}
.coin-markets__column-header .coin-markets__sort-button {
  flex: 1 1 auto;
  min-width: 0
}
.coin-markets__sort-button {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  padding: 0;
  border: 0;
  background: 0 0;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-align: left;
  cursor: pointer;
  transition: color .22s ease
}
.coin-markets__sort-button--numeric {
  justify-content: flex-end
}
.coin-markets__sort-button:hover {
  color: color-mix(in srgb,var(--brand) 72%,var(--dark-text))
}
.coin-markets__sort-button:focus-visible {
  outline: 2px solid color-mix(in srgb,var(--brand) 54%,transparent);
  outline-offset: 4px;
  border-radius: 6px
}
.coin-markets__sort-label {
  min-width: 0
}
.coin-markets__sort-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  color: color-mix(in srgb,var(--light-text) 74%,var(--dark-text));
  font-size: 11px;
  line-height: 1;
  inline-size: 0;
  overflow: hidden;
  opacity: 0;
  transition: transform .22s ease,color .22s ease,opacity .22s ease,inline-size .22s ease
}
.coin-markets__sort-button.is-active {
  gap: 8px
}
.coin-markets__sort-button.is-active .coin-markets__sort-icon {
  color: color-mix(in srgb,var(--brand) 72%,var(--dark-text));
  inline-size: 11px;
  opacity: 1
}
.coin-markets__sort-button.is-descending .coin-markets__sort-icon {
  transform: rotate(180deg)
}
.coin-markets__info-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  inline-size: 22px;
  block-size: 22px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: color-mix(in srgb,var(--bg-primary) 94%,var(--brand) 6%);
  color: color-mix(in srgb,var(--light-text) 66%,var(--dark-text));
  cursor: help;
  transition: background-color .22s ease,color .22s ease,transform .22s ease
}
.coin-markets__info-button:focus,
.coin-markets__info-button:hover {
  background: color-mix(in srgb,var(--brand) 14%,var(--bg-primary));
  color: color-mix(in srgb,var(--brand) 74%,var(--dark-text));
  transform: translateY(-1px)
}
.coin-markets__info-button:focus-visible {
  outline: 2px solid color-mix(in srgb,var(--brand) 54%,transparent);
  outline-offset: 3px
}
.coin-markets__info-button i {
  font-size: 12px;
  line-height: 1
}
.coin-markets__info-button::after {
  content: attr(data-tooltip);
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: min(280px,calc(100vw - 40px));
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb,var(--border) 88%,transparent);
  background: linear-gradient(180deg,color-mix(in srgb,var(--bg-primary) 98%,#fff 2%) 0,color-mix(in srgb,var(--bg) 94%,var(--brand) 6%) 100%);
  color: var(--dark-text);
  font-size: clamp(11px,calc(10.73px + .06vw),12px);
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: normal;
  text-align: left;
  white-space: normal;
  box-shadow: 0 18px 34px -24px rgba(11,21,39,.2);
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
  transition: opacity .22s ease,transform .22s ease;
  z-index: 8
}
.coin-markets__info-button::before {
  content: "";
  position: absolute;
  top: calc(100% + 5px);
  right: 14px;
  inline-size: 10px;
  block-size: 10px;
  border-radius: 2px;
  border-top: 1px solid color-mix(in srgb,var(--border) 88%,transparent);
  border-left: 1px solid color-mix(in srgb,var(--border) 88%,transparent);
  background: color-mix(in srgb,var(--bg-primary) 96%,var(--brand) 4%);
  transform: translateY(-6px) rotate(45deg);
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease,transform .22s ease;
  z-index: 7
}
.coin-markets__info-button:focus-visible::after,
.coin-markets__info-button:focus::after,
.coin-markets__info-button:hover::after {
  opacity: 1;
  transform: translateY(0)
}
.coin-markets__info-button:focus-visible::before,
.coin-markets__info-button:focus::before,
.coin-markets__info-button:hover::before {
  opacity: 1;
  transform: translateY(0) rotate(45deg)
}
.coin-markets__table tbody tr {
  transition: background-color .22s ease
}
.coin-markets__table tbody tr:nth-child(odd) td {
  background: #fff
}
.coin-markets__table tbody tr:nth-child(even) td {
  background: color-mix(in srgb,var(--brand) 3%,#f4f8fc 40%)
}
.coin-markets__table tbody tr:hover td {
  background: color-mix(in srgb,var(--brand) 6%,#eef4fb 94%)
}
.coin-markets__table tbody td {
  padding: 17px 18px;
  border-bottom: 1px solid color-mix(in srgb,var(--border) 82%,transparent);
  font-size: clamp(14px,calc(13.46px + .11vw),15px);
  line-height: 1.45;
  color: var(--dark-text);
  vertical-align: middle;
  transition: background-color .22s ease
}
.coin-markets__table tbody tr:last-child td {
  border-bottom: 0
}
.coin-markets__cell--rank {
  color: var(--light-text);
  font-weight: 700;
  font-variant-numeric: tabular-nums
}
.coin-markets__cell--numeric {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-weight: 400
}
.coin-markets__cell--price {
  text-align: right
}
.coin-markets__price-stack {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px
}
.coin-markets__price-value {
  display: block
}
.coin-markets__best-price-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 20px;
  padding: 4px 8px;
  border: 1px solid color-mix(in srgb,#3ca66f 38%,var(--border));
  border-radius: 999px;
  background: color-mix(in srgb,#ecfbf2 82%,var(--bg-primary));
  color: #0d6c42;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  white-space: nowrap
}
.coin-markets__best-price-badge i {
  font-size: 11px;
  line-height: 1
}
.coin-markets__cell--liquidity {
  text-align: right
}
.coin-markets__liquidity-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 36px;
  padding: 6px 12px;
  border: 1px solid color-mix(in srgb,var(--border) 88%,transparent);
  border-radius: 999px;
  background: color-mix(in srgb,var(--bg) 38%,var(--bg-primary));
  color: var(--dark-text);
  font-size: 14px;
  line-height: 1;
  font-weight: 700
}
.coin-markets__liquidity-pill i {
  font-size: 12px;
  color: color-mix(in srgb,var(--brand) 70%,var(--icon-color))
}
:is(html[data-theme=dark],body.dark) .coin-markets__liquidity-pill {
  border-color: color-mix(in srgb,var(--brand) 12%,var(--border));
  background: linear-gradient(180deg,color-mix(in srgb,var(--bg-primary) 91%,#fff 9%) 0,color-mix(in srgb,var(--bg) 92%,#08111d 8%) 100%);
  color: #f3f6fb
}
:is(html[data-theme=dark],body.dark) .coin-markets__liquidity-pill i {
  color: color-mix(in srgb,var(--brand) 80%,#fff)
}
:is(html[data-theme=dark],body.dark) .coin-markets__best-price-badge {
  border-color: color-mix(in srgb,#58bd88 45%,var(--border));
  background: color-mix(in srgb,#103b27 75%,var(--bg-primary));
  color: #9fe0b7
}
:is(html[data-theme=dark],body.dark) .coin-markets__sort-button:hover {
  color: #fff
}
:is(html[data-theme=dark],body.dark) .coin-markets__sort-icon {
  color: rgba(246,248,252,.66)
}
:is(html[data-theme=dark],body.dark) .coin-markets__sort-button.is-active .coin-markets__sort-icon {
  color: color-mix(in srgb,var(--brand) 70%,#fff 30%)
}
:is(html[data-theme=dark],body.dark) .coin-markets__info-button {
  background: color-mix(in srgb,var(--bg-primary) 88%,#fff 12%);
  color: rgba(243,246,251,.78)
}
:is(html[data-theme=dark],body.dark) .coin-markets__info-button:focus,
:is(html[data-theme=dark],body.dark) .coin-markets__info-button:hover {
  background: color-mix(in srgb,var(--brand) 20%,var(--bg-primary));
  color: #fff
}
:is(html[data-theme=dark],body.dark) .coin-markets__info-button::after {
  border-color: color-mix(in srgb,var(--brand) 12%,var(--border));
  background: linear-gradient(180deg,rgba(15,23,37,.98) 0,rgba(10,16,28,.98) 100%);
  color: #f5f8fd;
  box-shadow: 0 22px 38px -24px rgba(0,0,0,.58)
}
:is(html[data-theme=dark],body.dark) .coin-markets__info-button::before {
  border-top-color: color-mix(in srgb,var(--brand) 12%,var(--border));
  border-left-color: color-mix(in srgb,var(--brand) 12%,var(--border));
  background: rgba(12,18,30,.98)
}
:is(html[data-theme=dark],body.dark) .coin-markets__table tbody tr:nth-child(odd) td {
  background: color-mix(in srgb,var(--bg-primary) 94%,#101a2a 6%)
}
:is(html[data-theme=dark],body.dark) .coin-markets__table tbody tr:nth-child(even) td {
  background: color-mix(in srgb,var(--bg-primary) 84%,#16253a 16%)
}
:is(html[data-theme=dark],body.dark) .coin-markets__table tbody tr:hover td {
  background: color-mix(in srgb,var(--brand) 13%,#142236 87%)
}
.coin-markets__exchange {
  display: inline-flex;
  align-items: center;
  gap: clamp(10px,1.4vw,14px);
  color: var(--dark-text) !important;
  text-decoration: none;
  font-weight: 700;
  transition: color .22s ease,transform .22s ease
}
.coin-markets__exchange-block {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 12px
}
.coin-markets__exchange--linked:focus-visible,
.coin-markets__exchange--linked:hover {
  color: var(--brand);
  transform: translateY(-1px)
}
.coin-markets__exchange--linked:focus-visible,
.coin-markets__pair-link:focus-visible {
  outline: 0
}
.coin-markets__exchange-logo {
  width: clamp(32px,2.6vw,36px);
  height: clamp(32px,2.6vw,36px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb,var(--border) 88%,transparent);
  background: color-mix(in srgb,var(--bg) 40%,var(--bg-primary))
}
.coin-markets__exchange-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 5px;
  border-radius: 12px
}
.coin-markets__exchange-name {
  line-height: 1.35
}
.coin-markets__exchange-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 6px 10px;
  border: 1px solid #b8e2c9;
  border-radius: 999px;
  background: #ecfbf2;
  color: #0d6c42 !important;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: transform .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease
}
.coin-markets__exchange-cta:focus-visible,
.coin-markets__exchange-cta:hover {
  border-color: #7ec59a;
  background: #dbf5e6;
  color: #0a5a36;
  transform: translateY(-1px)
}
.coin-markets__exchange-cta i {
  font-size: 9px
}
.coin-markets__pair-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: color-mix(in srgb,var(--brand) 82%,var(--dark-text));
  font-weight: 700;
  text-decoration: none;
  transition: color .22s ease,transform .22s ease
}
.coin-markets__pair-link:focus-visible,
.coin-markets__pair-link:hover {
  color: var(--brand);
  transform: translateY(-1px)
}
.coin-markets__pair-link i {
  font-size: 12px
}
.coin-markets__pair-label {
  color: var(--dark-text);
  font-weight: 700
}
.coin-markets__affiliate-disclaimer {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--light-text)
}
.coin-markets__affiliate-disclaimer-icon {
  display: inline-flex;
  align-items: start;
  justify-content: center;
  flex: 0 0 auto;
  font-size: 9px;
  color: color-mix(in srgb,var(--light-text) 74%,var(--icon-color));
  opacity: .72;
  margin-top: 4px
}
.coin-markets__affiliate-disclaimer-text {
  margin: 0;
  font-size: 11px;
  line-height: 1.6
}
:is(body.dark) .coin-markets__exchange-cta,
html[data-theme=dark] .coin-markets__exchange-cta {
  border-color: color-mix(in srgb,#3ca66f 52%,var(--border));
  background: color-mix(in srgb,#103b27 88%,var(--bg-primary));
  color: #9fe0b7 !important;
}
:is(body.dark) .coin-markets__exchange-cta:focus-visible,
:is(body.dark) .coin-markets__exchange-cta:hover,
html[data-theme=dark] .coin-markets__exchange-cta:focus-visible,
html[data-theme=dark] .coin-markets__exchange-cta:hover {
  border-color: color-mix(in srgb,#58bd88 64%,var(--border));
  background: color-mix(in srgb,#154a31 92%,var(--bg-primary));
}
:is(body.dark) .coin-markets__affiliate-disclaimer,
html[data-theme=dark] .coin-markets__affiliate-disclaimer {
  color: color-mix(in srgb,#dce6f5 74%,var(--light-text))
}
:is(body.dark) .coin-markets__affiliate-disclaimer-icon,
html[data-theme=dark] .coin-markets__affiliate-disclaimer-icon {
  color: color-mix(in srgb,#dce6f5 58%,var(--light-text));
  opacity: .66
}
@media (max-width:720px) {
  .coin-markets__header-meta {
    width: 100%;
    justify-items: start
  }
  .coin-markets__table {
    min-width: 780px
  }
  .coin-markets__table tbody td,
  .coin-markets__table thead th {
    padding: 14px 15px
  }
}
:is(html[data-theme=dark],body.dark) .coin-markets__header-label,
:is(html[data-theme=dark],body.dark) .coin-markets__summary {
  color: color-mix(in srgb,#d6e4f4 70%,#94a3b8 30%)
}
:is(html[data-theme=dark],body.dark) .coin-markets__exchange,
:is(html[data-theme=dark],body.dark) .coin-markets__header-time,
:is(html[data-theme=dark],body.dark) .coin-markets__pair-label,
:is(html[data-theme=dark],body.dark) .coin-markets__table tbody td {
  color: #f5f8fd
}
:is(html[data-theme=dark],body.dark) .coin-markets__table-wrap {
  border-color: color-mix(in srgb,var(--brand) 14%,var(--border));
  background: linear-gradient(180deg,color-mix(in srgb,var(--bg-primary) 94%,#fff 6%) 0,color-mix(in srgb,var(--bg) 90%,#08111d 10%) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06)
}
:is(html[data-theme=dark],body.dark) .coin-markets__table tbody td,
:is(html[data-theme=dark],body.dark) .coin-markets__table thead th {
  border-bottom-color: color-mix(in srgb,var(--brand) 12%,var(--border))
}
:is(html[data-theme=dark],body.dark) .coin-markets__table thead th {
  color: #f6f8fc;
  background: linear-gradient(180deg,#0b1422 0,#132033 100%)
}
:is(html[data-theme=dark],body.dark) .coin-markets__table tbody tr:hover {
  background: color-mix(in srgb,var(--brand) 12%,transparent)
}
:is(html[data-theme=dark],body.dark) .coin-markets__exchange-logo {
  border-color: color-mix(in srgb,var(--brand) 14%,var(--border));
  background: linear-gradient(180deg,color-mix(in srgb,var(--bg-primary) 90%,#fff 10%) 0,color-mix(in srgb,var(--bg) 86%,#091524 14%) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06),0 14px 24px -24px rgba(0,0,0,.34)
}
:is(html[data-theme=dark],body.dark) .coin-markets__pair-link {
  color: color-mix(in srgb,#7fc4ff 76%,#fff 24%)
}
:is(html[data-theme=dark],body.dark) .coin-markets__exchange--linked:focus-visible,
:is(html[data-theme=dark],body.dark) .coin-markets__exchange--linked:hover,
:is(html[data-theme=dark],body.dark) .coin-markets__pair-link:focus-visible,
:is(html[data-theme=dark],body.dark) .coin-markets__pair-link:hover {
  color: #fff
}
@media (max-width:800px) {
  .coin-shell-section--markets .coin-shell-section__header {
    align-items: flex-start
  }
  .coin-shell-section--markets .coin-shell-section__header :is(h2,h3,h4) {
    font-size: clamp(24px,6vw,30px)
  }
}