:root { --infobox-size: 300px; }

.infobox {
    position: absolute;
    background-color: white;
    width: var(--infobox-size);
    min-height: calc(var(--infobox-size) / 2);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    font-size: small;
    top: -5%;
    left: -5%;
    z-index: 100;
    border-radius: 5px;
    border: 2px solid var(--gray-300);
    text-align: left;
}

.infoContainer {
    display: inline-block;
}

.infobox > .row { display: flex; }

.infobox strong {
    display: inline-block;
    flex-basis: 100px;
}

.infobox ul {
    margin-top: 0;
    display: inline-flex;
    flex-direction: column;
    flex-grow: 1;
    padding-left: 1em;
    margin-left: 1em;
}