/* dcf-dialog */

body:has(dialog[open]),
html:has(dialog[open]) {
    overflow: hidden
}

body:has(dialog.dcf-dialog-is-open),
html:has(dialog.dcf-dialog-is-open) {
    overflow: hidden
}

.dcf-dialog:not(.dcf-dialog-is-open),
.dcf-dialog:not([open]) {
    display: none !important
}

.dcf-dialog {
    background-color: var(--bg-body);
    color: var(--body);
    max-height: calc(100vh - 2em);
    width: calc(100% - 11.24vw)
}

.dcf-dialog::backdrop {
    background-color: var(--bg-overlay-dark)
}

.dcf-dialog-content>*:last-child {
    margin-bottom: 0
}

.unmc .dcf-dialog:open,
.unmc .dcf-dialog:open::backdrop {
    opacity: 1
}

.unmc .dcf-dialog.dcf-dialog-is-open,
.unmc .dcf-dialog.dcf-dialog-is-open::backdrop {
    opacity: 1
}

.unmc .dcf-dialog,
.unmc .dcf-dialog::backdrop {
    opacity: 0;
    transition: opacity .2s cubic-bezier(.25, .46, .45, .94), overlay .2s cubic-bezier(.25, .46, .45, .94) allow-discrete, display .2s cubic-bezier(.25, .46, .45, .94) allow-discrete
}

@starting-style {

    .unmc .dcf-dialog:open,
    .unmc .dcf-dialog:open::backdrop {
        opacity: 0
    }

    .unmc .dcf-dialog.dcf-dialog-is-open,
    .unmc .dcf-dialog.dcf-dialog-is-open::backdrop {
        opacity: 0
    }
}