.dialog {
    z-index: 1001;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    &__icon {
        flex: 0 1;
        cursor: pointer;
    }
    &__header {
        display: flex;
        align-items: center;
        &__title {
            flex: 2 2;
            margin: 0;
        }
    }
    &__footer {
        display: flex;
        align-items: center;
        &__buttons { margin-left: auto; }
        &__help { flex: 2 2; }
    }
    &__content:not(& + .dialog__footer) { margin-bottom: 0; }
}