main.beacons div.config {
    padding: 10px;
    overflow-y: scroll;

    fieldset {
        display: grid;
        grid-template-columns: 300px 200px;

        input, label {
            margin: 10px;
        }
    }

    .mode-regular, .mode-random, .mode-cron {
        display: none;
    }

    select:has(> option[value="regular"]:checked) ~ .mode-regular {
        display: block;
    }

    select:has(> option[value="random"]:checked) ~ .mode-random {
        display: block;
    }

    select:has(> option[value="cron"]:checked) ~ .mode-cron {
        display: block;
    }
}