fieldset {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    --pico-form-label-font-weight: 600;

    legend {
        width: 100%;
        margin-bottom: calc(var(--pico-spacing) * 2);
        border-bottom: var(--pico-border-width) solid var(--pico-color);
        font-weight: bold;
    }
}

.dependent-form {
    [data-display-parent]:not(.active) {
        &:not([data-always-visible]) {
            display: none
        }
    }
}

.label-logo-choices {
    display: flex;
    flex-wrap: wrap;
    input {
        display: none;
    }
    label {
        display: flex;
        input {
            display: none;
        }
        border-radius: var(--pico-border-radius);
        padding: var(--pico-border-radius);
        border: 2px solid transparent;
    }

    input:checked + label {
        border: 2px solid var(--pico-form-element-focus-color);
        transition: 0.5s;
        outline: none;
    }
}

.expanded-label {
    [type=checkbox]~label:not(:last-of-type), [type=radio]~label:not(:last-of-type) {
        margin-inline-end: 0;
    }

    display: flex;
    width: max-content;
    padding: 3px;
    border-radius: var(--pico-border-radius);
    background-color: var(--portailpro-button-secondary-background);
    input {
        display: none;
    }

    label {
        display: flex;
        border-radius: var(--pico-border-radius);
        padding: var(--pico-border-radius);
    }

    input:checked + label {
        box-shadow: var(--pico-card-box-shadow);
        background-color: white;
        transition: 0.5s;
        outline: none;
    }
}

.form-error {
    ul {
        padding: unset;
        li {
            list-style: none;
            color: var(--portailpro-danger-color);
        }
    }
}