.status-display-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: white;
    border-radius: 4px;
    height: 21px;
    width: fit-content !important;
    padding: 4px;
}

.status-display-text {
    text-align: left;
    font-family: "Segoe UI", sans-serif;
    font-weight: 650;
    letter-spacing: 0.12px;
}

.info {
    background-color: #155ED529;
    color: #1D4A8D;
}

.success {
    background-color: #22C55E29;
    color: #107A4C;
}

.warn {
    background-color: #FFAB0029;
    color: #B76E00;
}

.danger {
    background-color: #D8211B29;
    color: #D8211B;
}

.removed {
    background-color: rgba(204,21,96,0.16);
    color: rgb(204, 21, 96);
}

.unknown {
    background: #63738129;
    color: #637381;
}