#price-feed-root {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #1a1a1a;
    padding: 6حء;
    
    color: #fff;
    border: 1px solid #333;
}

.ticker-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.ticker-item {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.ticker-name {
    font-size: 1.1rem;
    font-weight: bold;
    color: #999;
}

.ticker-price {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'Courier New', Courier, monospace;
}

.ticker-arrow {
    font-size: 1.1rem;
    width: 15px; /* Ensures alignment */
    display: inline-block;
}

/* Color classes for price direction */
.direction-up {
    color: #22c55e; /* Green */
}

.direction-down {
    color: #ef4444; /* Red */
}

.direction-neutral {
    color: #e4e4e7; /* Light Gray */
}