/**
 * =========================================================
 * POLEGAR DA SORTE - LOTTERY GENERATOR
 * Painel de geração de palpites.
 * =========================================================
 */

.pds_generator_panel {

    background:
        var(--cor_pds_generator_panel_background);

    border-radius: 22px;

    padding: 24px;

    width: 100%;
}

.pds_generator_panel_title {
    
    color:
        var(--cor_pds_generator_panel_title) ;

    text-align: center;

    font-size: 1.35rem;

    font-weight: 800;

    margin-bottom: 22px;
}

.pds_generator_numbers_area {

    display: flex;

    flex-direction: column;

    gap: 6px;
}

.pds_generator_row {

    display: flex;

    justify-content: center;

    gap: 14px;
}

.pds_generator_ball {
    
    background: var(--cor_pds_generator_ball_background);

    color: var(--cor_pds_generator_ball_color);

    width: 54px;

    height: 54px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 800;

    font-size: 1.2rem;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.pds_generator_ball:hover {

    transform:
        translateY(-2px)
        scale(1.05);
}