div.instance {
    padding: 10px;
    overflow-y: scroll;

    fieldset {
        margin-top: 20px;
        display: grid;
        grid-template-columns: 400px 200px;
        grid-row-gap: 10px;

        input, label {
            margin: 10px;
        }
    }

    .instance-hist-beacon, .instance-hist-user {
        margin: 15px 0px 0px 0px;
        display: inline-block;
        clear: both;
    }

    .instance-hist-bodiless {
        padding: 15px;
    }

    .instance-hist-header {
        padding: 15px;
        margin: 0;
        border-bottom: 1px solid;
    }

    .instance-hist-body {
        padding: 15px;
        margin: 0;
    }

    .instance-hist-beacon {
        background-color: #11111c;
        border: 1px solid #2e2e59;
        float: left;

        .instance-hist-header {
            border-bottom-color: #2e2e59;
        }
    }

    .instance-hist-user {
        background-color: #2e2e59;
        border: 1px solid #5e5ea0;
        float: right;

        .instance-hist-header {
            border-bottom-color: #5e5e59;
        }
    }

    .instance-hist-end {
        padding: 15px;
        clear: both;
        margin: 15px;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .instance-hist-end-inner {
        font-style: italic;
        display: inline-block;
    }
}