.ar-menu {
    background: hwb(0 0% 100% / .7);
    backdrop-filter: blur(5px);
    z-index: 1100;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    align-items: center;
    justify-items: center;
    /*display: grid;*/
}

.ar-menu>.menu-body {
    position: relative;
    display: grid;
    grid-gap: 8px;
    /* margin: auto; */
    padding: 8px;
    z-index: 1100;
    background: hsl(0, 0%, 90%);
    width: min-content;
    min-width: 300px;
    height: min-content;

    .menu-titlebar {
        display: grid;
        font-size: large;
        font-weight: 600;
        grid-template-columns: min-content auto;

        * {
            white-space: nowrap;
            align-content: center;
            text-align: center;
        }
    }

    .menu-fields {
        display: inline-grid;

        p {
            margin: 0;
        }

        .ar-field-signature {
            display: grid;

            grid-template-columns: 10rem 5rem;
            grid-template-rows: min-content min-content;
            column-gap: 16px;
        }

        .ar_input_error {
            white-space: pre-line;
        }
    }

    .menu-buttons {
        display: grid;
        gap: 0px;
        justify-content: end;
        grid-template-columns: min-content min-content min-content;

        * {
            margin-left: 8px;
            width: min-content;
            background: hsl(0, 0%, 100%);
            padding: 8px 12px;
            font-weight: 600;
            cursor: pointer;
            user-select: none;
            align-content: center;
            text-align: center;
        }

        *:hover {
            background: hsl(0, 0%, 95%);
        }
    }

    input,
    textarea {
        border: solid 0px black !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background-color: white !important;
        color: black !important;
    }

    input {
        height: calc(1.5em + .75rem + 2px);
    }
}