/* r346: Plaatje bewerken staat websitebreed boven de volledige paginaheader. */
html:has(#bioEdit.profile-bio-editor.is-picture-editor-expanded),
body.profile-bio-editor-open:has(#bioEdit.profile-bio-editor.is-picture-editor-expanded) {
    overflow: hidden !important;
}

#bioEdit.profile-bio-editor.is-open.is-picture-editor-expanded {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    grid-template-areas: "field" !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    isolation: isolate !important;
}

#bioEdit.profile-bio-editor.is-picture-editor-expanded > .profile-bio-editor-toolbar,
#bioEdit.profile-bio-editor.is-picture-editor-expanded > .profile-bio-editor-footer {
    display: none !important;
}

#bioEdit.profile-bio-editor.is-picture-editor-expanded > .profile-bio-editor-content {
    position: relative !important;
    grid-area: field !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
}

#bioEdit.profile-bio-editor.is-picture-editor-expanded > .profile-bio-editor-content > .profile-bio-editor-field,
#bioEdit.profile-bio-editor.is-picture-editor-expanded > .profile-bio-editor-content > .profile-bio-emoji-tools-content {
    display: none !important;
}

#bioEdit.profile-bio-editor.is-picture-editor-expanded .profile-bio-picture-tools-content,
#bioEdit.profile-bio-editor.is-picture-editor-expanded .profile-bio-picture-panel-body,
#bioEdit.profile-bio-editor.is-picture-editor-expanded .photo-manager-ui,
#bioEdit.profile-bio-editor.is-picture-editor-expanded .profile-bio-picture-editor-mount,
#bioEdit.profile-bio-editor.is-picture-editor-expanded .profile-bio-picture-edit-view {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
}

#bioEdit.profile-bio-editor.is-picture-editor-expanded .profile-bio-picture-tools-content {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 1 / -1 !important;
    display: flex !important;
    max-width: none !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#bioEdit.profile-bio-editor.is-picture-editor-expanded .profile-bio-picture-panel-body {
    flex: 1 1 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#bioEdit.profile-bio-editor.is-picture-editor-expanded .photo-manager-ui,
#bioEdit.profile-bio-editor.is-picture-editor-expanded .profile-bio-picture-editor-mount {
    flex: 1 1 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#bioEdit.profile-bio-editor.is-picture-editor-expanded .profile-bio-picture-edit-view {
    min-height: 100% !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
}

@supports not selector(:has(*)) {
    body.profile-bio-editor-open {
        overflow: hidden !important;
    }
}

/* r348: stabiele volledige hoogte zonder absolute positionering van interne lagen. */
#bioEdit.profile-bio-editor.is-open.is-picture-editor-expanded {
    display: flex !important;
    flex-direction: column !important;
}

#bioEdit.profile-bio-editor.is-picture-editor-expanded > .profile-bio-editor-content {
    display: flex !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

#bioEdit.profile-bio-editor.is-picture-editor-expanded .profile-bio-picture-tools-content.is-picture-editor-active {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
}

#bioEdit.profile-bio-editor.is-picture-editor-expanded .profile-bio-picture-panel-body,
#bioEdit.profile-bio-editor.is-picture-editor-expanded .pictureManage,
#bioEdit.profile-bio-editor.is-picture-editor-expanded .photo-manager-ui,
#bioEdit.profile-bio-editor.is-picture-editor-expanded .profile-bio-picture-editor-mount {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: auto !important;
}

#bioEdit.profile-bio-editor.is-picture-editor-expanded .profile-bio-picture-edit-view {
    display: grid !important;
    flex: 1 1 auto !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    min-height: 0 !important;
    height: auto !important;
}

#bioEdit.profile-bio-editor.is-picture-editor-expanded .profile-bio-picture-edit-white {
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
}