.directory-list {
    padding: 1rem;
    border: 1px solid lightgrey;
    border-radius: 5px;
    [class*="material-symbols-outlined"] {
        width: 24px;
        aspect-ratio: 1/1;
    }
    --gap: 10px;
    ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--gap);
    }

    ul + ul {
        margin-top: var(--gap);
    }
    ul + ul li:not(:last-child) {
        margin-bottom: var(--gap);
    }
    ul li ul {
        padding-left: 1rem;
        width: 100%;
    }

    a {
        color: currentColor;
        text-decoration: none;
        &:hover,
        &:focus,
        &:active {
            text-decoration: underline;
            color: var(--verder-lezen-knop-kleur, inherit);
            .icon-download {
                opacity: 1;
            }
        }
    }
    ul + ul {
        padding-left: 1rem;
    }
}
.plate--container.has-directory {
    padding-inline: 0;
}
.has-directory {
    padding-block: 100px;
    display: grid;
    grid-template-areas: 'directories' 'main';
    @media screen and (min-width: 768px) {
        grid-template-areas: 'directories main';
        grid-template-columns: 4fr 8fr;
    }

    @media screen and (min-width: 1400px) {
        grid-template-columns: 3fr 9fr;
    }
    gap: 30px;
}

.authentication-form {

}