.wsdex-market-quote {
 --wsdex-market-quote-order: 10;
 --wsdex-market-quote-inset-x: 0px;
 --wsdex-market-quote-inset-y: 0px;
 --wsdex-market-quote-weight: 650;
 --wsdex-market-quote-price-weight: 760;
 --wsdex-market-quote-custom-size: 16px;
 display: flex;
 flex-wrap: wrap;
 align-items: baseline;
 gap: .22rem .46rem;
 max-width: min(44rem,calc(100% - 4rem));
 min-width: 0;
 order: var(--wsdex-market-quote-order);
 transform: translate(var(--wsdex-market-quote-inset-x),var(--wsdex-market-quote-inset-y));
 color: var(--wsdex-text);
 font-size: .84rem;
 font-weight: var(--wsdex-market-quote-weight);
 line-height: 1.25;
 pointer-events: auto;
}

.wsdex-market-quote[data-wsdex-market-quote-align="center"] {
 justify-content: center;
 text-align: center;
}

.wsdex-market-quote[data-wsdex-market-quote-align="end"] {
 justify-content: flex-end;
 text-align: right;
}

.wsdex-market-quote[data-wsdex-market-quote-surface="soft"],
.wsdex-market-quote[data-wsdex-market-quote-surface="solid"],
.wsdex-market-quote[data-wsdex-market-quote-surface="glass"] {
 border-radius: .55rem;
}

.wsdex-market-quote[data-wsdex-market-quote-surface="soft"] {
 background: color-mix(in srgb,var(--wsdex-surface-soft) 88%,transparent);
}

.wsdex-market-quote[data-wsdex-market-quote-surface="solid"] {
 background: var(--wsdex-surface);
}

.wsdex-market-quote[data-wsdex-market-quote-surface="glass"] {
 background: color-mix(in srgb,var(--wsdex-surface) 76%,transparent);
 backdrop-filter: blur(.45rem);
}

.wsdex-market-quote[data-wsdex-market-quote-padding="xs"] {
 padding: .18rem .3rem;
}

.wsdex-market-quote[data-wsdex-market-quote-padding="sm"] {
 padding: .28rem .4rem;
}

.wsdex-market-quote[data-wsdex-market-quote-padding="md"] {
 padding: .4rem .55rem;
}

.wsdex-market-quote[data-wsdex-market-quote-font-size="xs"] { font-size: .68rem; }
.wsdex-market-quote[data-wsdex-market-quote-font-size="sm"] { font-size: .74rem; }
.wsdex-market-quote[data-wsdex-market-quote-font-size="md"] { font-size: .82rem; }
.wsdex-market-quote[data-wsdex-market-quote-font-size="lg"] { font-size: .92rem; }
.wsdex-market-quote[data-wsdex-market-quote-font-size="xl"] { font-size: 1.02rem; }
.wsdex-market-quote[data-wsdex-market-quote-font-size="custom"] { font-size: var(--wsdex-market-quote-custom-size); }

.wsdex-market-quote__item {
 display: inline-flex;
 align-items: baseline;
 min-width: 0;
 white-space: nowrap;
}

.wsdex-market-quote__item + .wsdex-market-quote__item::before {
 margin-right: .46rem;
 color: var(--wsdex-muted);
 opacity: .62;
}

.wsdex-market-quote[data-wsdex-market-quote-separator="dot"] .wsdex-market-quote__item + .wsdex-market-quote__item::before,
.wsdex-market-quote[data-wsdex-market-quote-separator="middot"] .wsdex-market-quote__item + .wsdex-market-quote__item::before {
 content: "·";
}

.wsdex-market-quote[data-wsdex-market-quote-separator="pipe"] .wsdex-market-quote__item + .wsdex-market-quote__item::before { content: "|"; }
.wsdex-market-quote[data-wsdex-market-quote-separator="slash"] .wsdex-market-quote__item + .wsdex-market-quote__item::before { content: "/"; }
.wsdex-market-quote[data-wsdex-market-quote-separator="bullet"] .wsdex-market-quote__item + .wsdex-market-quote__item::before { content: "•"; }
.wsdex-market-quote[data-wsdex-market-quote-separator="space"] .wsdex-market-quote__item + .wsdex-market-quote__item::before { content: ""; }

.wsdex-market-quote__item--status::before {
 display: none;
}

.wsdex-market-quote__status-dot {
 width: .52rem;
 height: .52rem;
 border-radius: 999px;
 background: var(--wsdex-muted);
 box-shadow: 0 0 0 2px color-mix(in srgb,var(--wsdex-surface) 70%,transparent);
}

.wsdex-market-quote[data-wsdex-market-quote-status="ready"] .wsdex-market-quote__status-dot { background: var(--wsdex-candle-up); }
.wsdex-market-quote[data-wsdex-market-quote-status="partial"] .wsdex-market-quote__status-dot,
.wsdex-market-quote[data-wsdex-market-quote-status="stale"] .wsdex-market-quote__status-dot { background: var(--wsdex-current-price); }
.wsdex-market-quote[data-wsdex-market-quote-status="error"] .wsdex-market-quote__status-dot,
.wsdex-market-quote[data-wsdex-market-quote-status="unavailable"] .wsdex-market-quote__status-dot { background: var(--wsdex-candle-down); }

.wsdex-market-quote__item--market {
 color: var(--wsdex-text);
 font-size: 1.04em;
 font-weight: 780;
 letter-spacing: .01em;
}

.wsdex-market-quote__item--price {
 font-size: 1.04em;
 font-weight: var(--wsdex-market-quote-price-weight);
}

.wsdex-market-quote[data-wsdex-market-quote-price-size="xs"] .wsdex-market-quote__item--price { font-size: .86em; }
.wsdex-market-quote[data-wsdex-market-quote-price-size="sm"] .wsdex-market-quote__item--price { font-size: .94em; }
.wsdex-market-quote[data-wsdex-market-quote-price-size="md"] .wsdex-market-quote__item--price { font-size: 1em; }
.wsdex-market-quote[data-wsdex-market-quote-price-size="lg"] .wsdex-market-quote__item--price { font-size: 1.15em; }
.wsdex-market-quote[data-wsdex-market-quote-price-size="xl"] .wsdex-market-quote__item--price { font-size: 1.3em; }
.wsdex-market-quote[data-wsdex-market-quote-price-size="custom"] .wsdex-market-quote__item--price { font-size: var(--wsdex-market-quote-custom-size); }

.wsdex-market-quote[data-wsdex-market-quote-tabular="1"] .wsdex-market-quote__item--price,
.wsdex-market-quote[data-wsdex-market-quote-tabular="1"] .wsdex-market-quote__item--change_absolute,
.wsdex-market-quote[data-wsdex-market-quote-tabular="1"] .wsdex-market-quote__item--change_percent {
 font-variant-numeric: tabular-nums;
}

.wsdex-market-quote__item--provider,
.wsdex-market-quote__item--interval,
.wsdex-market-quote__item--text {
 color: var(--wsdex-muted);
 font-size: .9em;
 font-weight: 600;
}

.wsdex-market-quote[data-wsdex-market-quote-color="1"][data-wsdex-market-quote-direction="up"] .wsdex-market-quote__item--price,
.wsdex-market-quote[data-wsdex-market-quote-color="1"][data-wsdex-market-quote-direction="up"] .wsdex-market-quote__item--direction,
.wsdex-market-quote[data-wsdex-market-quote-color="1"][data-wsdex-market-quote-direction="up"] .wsdex-market-quote__item--change_absolute,
.wsdex-market-quote[data-wsdex-market-quote-color="1"][data-wsdex-market-quote-direction="up"] .wsdex-market-quote__item--change_percent {
 color: var(--wsdex-candle-up);
}

.wsdex-market-quote[data-wsdex-market-quote-color="1"][data-wsdex-market-quote-direction="down"] .wsdex-market-quote__item--price,
.wsdex-market-quote[data-wsdex-market-quote-color="1"][data-wsdex-market-quote-direction="down"] .wsdex-market-quote__item--direction,
.wsdex-market-quote[data-wsdex-market-quote-color="1"][data-wsdex-market-quote-direction="down"] .wsdex-market-quote__item--change_absolute,
.wsdex-market-quote[data-wsdex-market-quote-color="1"][data-wsdex-market-quote-direction="down"] .wsdex-market-quote__item--change_percent {
 color: var(--wsdex-candle-down);
}

.wsdex-market-quote[data-wsdex-market-quote-color="1"][data-wsdex-market-quote-direction="flat"] .wsdex-market-quote__item--price,
.wsdex-market-quote[data-wsdex-market-quote-color="1"][data-wsdex-market-quote-direction="flat"] .wsdex-market-quote__item--direction,
.wsdex-market-quote[data-wsdex-market-quote-color="1"][data-wsdex-market-quote-direction="flat"] .wsdex-market-quote__item--change_absolute,
.wsdex-market-quote[data-wsdex-market-quote-color="1"][data-wsdex-market-quote-direction="flat"] .wsdex-market-quote__item--change_percent {
 color: var(--wsdex-candle-flat);
}

.wsdex-market-quote[data-wsdex-market-quote-icon="0"] .wsdex-market-quote__item--direction {
 display: none;
}

@media (max-width: 760px) {
 .wsdex-market-quote {
  max-width: calc(100% - 3rem);
  gap: .16rem .38rem;
 }

 .wsdex-market-quote__item + .wsdex-market-quote__item::before {
  margin-right: .38rem;
 }

 .wsdex-market-quote__item[data-wsdex-market-quote-compact="0"] {
  display: none;
 }
}

.wsdex-market-quote[data-wsdex-market-quote-meta-size="xs"] .wsdex-market-quote__item--provider,
.wsdex-market-quote[data-wsdex-market-quote-meta-size="xs"] .wsdex-market-quote__item--interval,
.wsdex-market-quote[data-wsdex-market-quote-meta-size="xs"] .wsdex-market-quote__item--text { font-size: .78em; }
.wsdex-market-quote[data-wsdex-market-quote-meta-size="sm"] .wsdex-market-quote__item--provider,
.wsdex-market-quote[data-wsdex-market-quote-meta-size="sm"] .wsdex-market-quote__item--interval,
.wsdex-market-quote[data-wsdex-market-quote-meta-size="sm"] .wsdex-market-quote__item--text { font-size: .86em; }
.wsdex-market-quote[data-wsdex-market-quote-meta-size="md"] .wsdex-market-quote__item--provider,
.wsdex-market-quote[data-wsdex-market-quote-meta-size="md"] .wsdex-market-quote__item--interval,
.wsdex-market-quote[data-wsdex-market-quote-meta-size="md"] .wsdex-market-quote__item--text { font-size: 1em; }
.wsdex-market-quote[data-wsdex-market-quote-meta-size="lg"] .wsdex-market-quote__item--provider,
.wsdex-market-quote[data-wsdex-market-quote-meta-size="lg"] .wsdex-market-quote__item--interval,
.wsdex-market-quote[data-wsdex-market-quote-meta-size="lg"] .wsdex-market-quote__item--text { font-size: 1.08em; }
.wsdex-market-quote[data-wsdex-market-quote-meta-size="xl"] .wsdex-market-quote__item--provider,
.wsdex-market-quote[data-wsdex-market-quote-meta-size="xl"] .wsdex-market-quote__item--interval,
.wsdex-market-quote[data-wsdex-market-quote-meta-size="xl"] .wsdex-market-quote__item--text { font-size: 1.16em; }
