.qu-kets-market {
    --qu-kets-text: #111;
    --qu-kets-muted: #444;
    --qu-kets-up: #c62828;
    --qu-kets-down: #1565c0;
    color: var(--qu-kets-text);
    font-size: 16px;
    line-height: 1.75;
    max-width: 100%;
    margin: 1.2em 0;
}

.qu-kets-market__title {
    font-weight: 700;
    font-size: 1.05em;
    letter-spacing: .01em;
    margin-bottom: .25em;
}

.qu-kets-market__divider {
    display: inline-block;
    margin: 0 .35em;
    color: var(--qu-kets-muted);
}

.qu-kets-market__row {
    display: flex;
    align-items: flex-start;
    gap: .6em;
    min-width: 0;
}

.qu-kets-market__label {
    flex: 0 0 7.3em;
    font-weight: 500;
}

.qu-kets-market__value {
    min-width: 0;
    overflow-wrap: anywhere;
}

.qu-kets-market__value.is-up {
    color: var(--qu-kets-up);
}

.qu-kets-market__value.is-down {
    color: var(--qu-kets-down);
}

.qu-kets-market__percent {
    white-space: nowrap;
}

.qu-kets-market__source {
    margin-top: .2em;
    font-size: .95em;
    color: var(--qu-kets-muted);
}

@media (max-width: 520px) {
    .qu-kets-market {
        font-size: 15px;
    }

    .qu-kets-market__row {
        gap: .35em;
    }

    .qu-kets-market__label {
        flex-basis: 6.6em;
    }
}