.dropdown {
    position: relative;
    display: inline-block;
}
/*
TODO: Look into this for dropdown positioning
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_anchor_positioning/Try_options_hiding
*/
.dropdown-content {
    display: none;
    position: absolute;
    left: 0;
    margin-top: 12px;
    background-color: var(--neutralswhite);
    min-width: 300px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    padding: 16px;
    border-radius: 16px;
    z-index: 1;
    max-height: 50vh;
    overflow-y: auto;
}

.dropdown:hover .dropdown-content {
    display: block;
}