/* css/panels-effects.css */
/* FX 1 (unison, chorus) and FX 2 (delay, reverb); the knobs and sections come from knobs.css */

/* On / off switches in the panel header */
#icosmo-matrix-synth-container .fx-on-buttons {
    display: flex;
    gap: 3px;
}
#icosmo-matrix-synth-container .fx-on-buttons .fx-on-button {
    padding: 0 5px;
    font-size: var(--font-size-label);
}


/* Delay: the note selector (SYNC on) or the time knob (SYNC off) share the first slot */
#icosmo-matrix-synth-container #fx-section-delay .fx-delay-note-slot,
#icosmo-matrix-synth-container #fx-section-delay .fx-delay-time-slot {
    grid-column: 1;
    grid-row: 1;
}
#icosmo-matrix-synth-container #fx-section-delay .fx-delay-note-slot { display: none; }
#icosmo-matrix-synth-container #fx-section-delay.fx-delay-synced .fx-delay-note-slot { display: flex; }
#icosmo-matrix-synth-container #fx-section-delay.fx-delay-synced .fx-delay-time-slot { display: none; }
#icosmo-matrix-synth-container .fx-note-select-wrapper {
    height: 40px;
    display: flex;
    align-items: center;
}
#icosmo-matrix-synth-container select.fx-note-select {
    width: 62px;
    min-width: 0;
}