dialog {
    > article {
        padding-bottom: 0;
        > header {
            > p {
                padding-left: calc(var(--pico-spacing) * 2);
                font-size: 1.3rem;
            }
        }
    }

    &[aria-busy="true"] {
        &::before {
            position: absolute;
            z-index: 2;
        }

        > article {
            position: relative;

            &::before {
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                z-index: 1;
                backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
            }
        }
    }

    .dialog-icon {
        display: flex;
        gap: calc(4 * var(--pico-spacing));
        align-items: center;
        > div {
            flex: 1 1 auto;
        }
        i {
            font-size: 40px;
        }
    }
}