/*------------------------------------------------------------------------------------------------------------------------------------------
    FREQUENCY GENERATOR CONFIGURATION
------------------------------------------------------------------------------------------------------------------------------------------*/
.generatorConfigContainer {
    display : grid;
    grid-template-columns : repeat(12, 1fr);
    grid-template-rows: auto 1fr;
    flex-direction : column;
    gap: 1rem;
    width   : 100%;
    margin-top : 10px;
}

.toogleContainer {
    grid-column: span 3;
    grid-row: 1;
    display         : flex;
    flex-direction  : column;
    justify-content : space-evenly;
    align-items     : center;
}

.knobContainer {
    grid-column: span 9;
    grid-row: 1;
    display         : flex;
    gap             : 5rem;
    align-items     : center;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-color: #666771 transparent;
}

.knobControl {
    display         : flex;
    flex-direction  : column;
    align-items     : center;
    justify-content : center;
}