/* =============================================================================
   PANEL - Markets
   ============================================================================= */

.panel[data-panel-type="markets"] .panel-content {
    container-type: inline-size;
}

.markets-data {
    column-gap: 3rem;
    column-rule: 1px solid var(--color-accent);
    max-width: 1240px;
}

@container (min-width: 1213px) {
    .markets-data {
        column-count: 2;
    }
}