/* Daily Challenge Lobby Bar (React Component) */
.daily-challenge-lobby-bar-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    padding: var(--space-sm) var(--space-md);
    margin-bottom: var(--space-sm);
    z-index: 2;
}


@media (max-width: 768px) {
    div[data-react-module="daily-challenge-lobby-bar"] {
        width: 100%;
    }

    .daily-challenge-popup {
        zoom: 1.4;
    }
}