@import (reference) '~@servicetitan/tokens/core/tokens.less';

.stat-diff {
    white-space: nowrap;
    span {
        font-size: @typescale-0;
    }
}

.stat-extended-diff {
    margin-bottom: 2px;
}

.content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.title-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.value-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px;
    min-height: 40px;
}

.info-icon {
    display: flex;
    align-items: center;
    line-height: 0;
}

.centered {
    justify-content: center;
}

.card {
    border-radius: 12px;
    min-width: min-content;
}