/* Filters */
.filters{
    display: flex;
    flex-direction: column;
    gap:1rem;
    margin-top: 1rem;
}
.filterContainer{
    padding: 1rem;
}
.filterContainer .filterItem{
    color:#ffffffa0;
    transition: all 0.2s;
    cursor: pointer;
    user-select: none;
    text-align: left;
}
.filterContainer .filterItem i{
    display: inline-block;
    width:1rem;
    height: 1rem;
    border-radius: 50%;
    margin-right: 0.5rem;
    vertical-align: middle;
    box-shadow: 0 0 0 2px #ffffff;
}
body.hasHover .filterContainer .filterItem:hover, .filterContainer .filterItem.active{
    color:#fff;
}
.filterContainer .filterItem.active[data-filter="available"] i,
[data-status="available"]>div
{
    background-color: var(--colorAvailable) !important;
}

.filterContainer .filterItem.active[data-filter="sold"] i,
[data-status="sold"]>div
{
    background-color: var(--colorSold) !important;
}
.filterContainer .filterItem.active[data-filter="reserved"] i,
[data-status="reserved"]>div
{
    background-color: var(--colorReserved) !important;
}
.filterContainer .filterItem.active[data-filter="all"] i{
    background-color: var(--colorSecondaryDarkBlueGray);
}
/* Filters */