.TopMetricsPanel {
    display: flex;
    justify-content: center;
    margin-top: 15px;
    text-align: center;

    & .LoadingIndicator {
        height: 34px;
        width: 100px;
    }

    &-section {
        align-items: center;
        background-color: white;
        border: 1px solid var(--gray-400);
        border-radius: 2px;
        display: flex;
        justify-content: center;
        min-height: 125px;
        padding: 20px;
        width: 49%;
    }

    &-sectionContent {
        margin: auto;
    }

    &-title {
        color: $section-title;
        font-size: 13px;
        font-weight: $weight_bold;
        margin: 0;
        padding: 0;
    }

    &-value {
        font-size: 24px;
        font-weight: $weight_book;
        margin: 5px 0;
        padding: 0;
    }

    &-percentage {
        color: $section-info;
        font-size: 12px;
        margin: 0;
        padding: 0;
    }

    &-sectionSeparator {
        width: 25px;
    }

    &-green-text {
        color: var(--turtle);
    }

    &-red-text {
        color: var(--parrot);
    }
}