/* 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;
}

div[data-react-module="daily-challenge-lobby-bar"] {
    width: 100%;
}

@media (max-width: 1279px) {

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