#region-status-card {

}

#region-status-card .card-body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--p2);
}

.resource-status {
    --scale: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--p1);
    font-size: calc(var(--icon) * var(--scale));
}

.resource-status i.status-icon {
    padding-bottom: calc(4px * var(--scale));
}

.resource-status img.status-icon {
    width: calc(var(--icon) * var(--scale));
}

.resource-status .status-text {
}

.region-resource-popover {
    padding: var(--p2) var(--p2);
    background-color: var(--white);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    border: var(--shadow-border);

    max-width: calc(100vw - 2 * var(--p2));
    z-index: 101;
}

.region-resource-popover h3 {
    margin-bottom: var(--p1);
}