.v2-market-strip {
    margin-left: 88px;
    height: 58px;
    border-bottom: 1px solid #252b35;
    background: #0b1016;
}

.v2-market-strip-inner {
    height: 100%;
    display: grid;
    grid-template-columns: repeat(7, minmax(128px, 1fr));
    overflow: hidden;
}

.v2-market-strip-item {
    min-width: 0;
    padding: 9px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    border-right: 1px solid #202731;
}

.v2-market-strip-name {
    overflow: hidden;
    color: #d5dbe3;
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.v2-market-strip-value {
    color: #7f8a98;
    font-size: 12px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 1024px) {
    .v2-market-strip {
        margin-left: 0;
    }

    .v2-market-strip-inner {
        grid-template-columns: repeat(7, minmax(120px, 1fr));
        overflow-x: auto;
        scrollbar-width: none;
    }

    .v2-market-strip-inner::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 768px) {
    .v2-market-strip {
        margin-left: 0;
        height: 52px;
    }

    .v2-market-strip-inner {
        grid-template-columns: repeat(7, 132px);
    }

    .v2-market-strip-item {
        padding: 8px 12px;
    }
}

.v2-market-strip-data {
    min-width: 0;
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: center;
    column-gap: 6px;
}

.v2-market-strip-change {
    min-width: 0;
    color: #7f8a98;
    font-size: 11px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.v2-market-strip-sparkline {
    width: 64px;
    height: 24px;
    justify-self: end;
    opacity: 0.82;
}

.v2-market-strip-sparkline-svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.v2-spark-reference {
    stroke: #68727f;
    stroke-width: 0.8;
    stroke-dasharray: 1.5 2.5;
    opacity: 0.58;
    vector-effect: non-scaling-stroke;
}

.v2-spark-line {
    fill: none;
    stroke-width: 1.4;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.v2-spark-line.is-above {
    stroke: #22c55e;
}

.v2-spark-line.is-below {
    stroke: #ef4444;
}

.v2-spark-area {
    stroke: none;
}

.v2-spark-area.is-above {
    fill: #22c55e;
    fill-opacity: 0.13;
}

.v2-spark-area.is-below {
    fill: #ef4444;
    fill-opacity: 0.13;
}

.v2-market-strip-item.is-positive .v2-market-strip-value,
.v2-market-strip-item.is-positive .v2-market-strip-change {
    color: #22c55e;
}

.v2-market-strip-item.is-negative .v2-market-strip-value,
.v2-market-strip-item.is-negative .v2-market-strip-change {
    color: #ef4444;
}

.v2-market-strip-item.is-neutral .v2-market-strip-value,
.v2-market-strip-item.is-neutral .v2-market-strip-change {
    color: #7f8a98;
}

.v2-market-strip-item.is-stale {
    opacity: 0.68;
}

.v2-market-strip-item.is-unavailable {
    opacity: 0.52;
}

@media (max-width: 1180px) {
    .v2-market-strip-sparkline {
        width: 42px;
    }

    .v2-market-strip-data {
        column-gap: 4px;
    }
}

@media (max-width: 768px) {
    .v2-market-strip-data {
        grid-template-columns: auto auto;
    }

    .v2-market-strip-sparkline {
        display: none;
    }
}