.market-overview-main {
    display: flex;
    gap: 16px;
}

.market-overview-select {
    padding-top: 0;
}

.market-overview-exchange {
    border-right: 1px solid rgba(173, 200, 235, 0.14);
    padding: 0 16px 0 4px;
}

.market-overview-ticker {
    border-right: 1px solid rgba(173, 200, 235, 0.14);
    padding: 0 22px 0 4px;
    width: 50%;
}

.market-overview-balance {
    padding: 0 16px;
    width: 22%;
}

.market-overview-label {
    font-size: 13px;
    color: rgba(217, 232, 252, 0.69);
}

.market-overview-value {
    font-weight: 600;
    font-size: 14px;
    color: rgba(235, 244, 255, 0.9);
}

.market-overview-price-positive {
    color: #65d912;
}

.market-overview-price-negative {
    color: #ff4d4f;
}

.orderbook-grouping-layout {
    border: 1px solid rgba(180, 205, 238, 0.23);
    border-bottom: none;
    background-color: #233348;
    padding: 2px 2px;
    font-size: 13px;
}

.orderbook-grouping-select {
    margin: 0;
    padding: 0;
    width: 100px;
}

.orderbook-price-bid {
    color: #65d912;
}

.orderbook-price-ask {
    color: #ff4d4f;
}

.orderbook-bar-bid {
    background-color: #103d2f;
}

.orderbook-bar-ask {
    background-color: #3d1010;
}

.orderbook-bar {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.orderbook-bar-text {
    position: relative;
    z-index: 1;
}

.orderbook-bar-wrapper {
    position: relative;
    height: 100%;
}

.orderbook-grid::part(cell) {
    min-height: 14px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.2 !important;
    border: none;
}

.orderbook-grid::part(row) {
    border: none;
}

.price-bid {
    color: limegreen;
}

.price-ask {
    color: tomato;
}