.tab-bar {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.tab-bar > input {
    display: none;
}

.tab-bar > label {
    border: 1px solid;
    align-content: center;
    text-align: center;
}

.tab-bar > input:checked + label {
    background: rgb(198, 198, 198);
}

.tab-bar ~ fieldset {
    display: none;
}

.tab-bar:has(> input[data-tab="parameters"]:checked) ~ fieldset[data-tab="parameters"],
.tab-bar:has(> input[data-tab="json"]:checked) ~ fieldset[data-tab="json"],
.tab-bar:has(> input[data-tab="grid"]:checked) ~ fieldset[data-tab="grid"]
{
    display: block;
}