/* ================================================== */
/* CSS for control sap.f/cards/CardNumericIndicators  */
/* Base theme                                         */
/* ================================================== */

.sapFCardNumericIndicators {
	display: flex;
	align-items: flex-start;

	&.sapFCardNumericIndicatorsSideAlignBegin .sapFCardNumericIndicatorsGap {
		max-width: 3rem;
	}

	.sapFCardNumericIndicatorsMain .sapMNC.WithoutMargin {
		height: 100%;

		.sapMNCInner.WithoutMargin {
			position: relative;
		}
	}

	.sapFCardNumericIndicatorsGap {
		flex: 1 0 1rem;
	}

	.sapFCardNumericIndicatorsSide {
		min-width: 0; /* allows items to shrink and truncate the content inside */
		display: flex;

		.sapFCardHeaderSideIndicator {
			margin-right: 1rem;
			position: relative;
		}

		.sapFCardHeaderSideIndicator:last-child {
			margin-right: 0;
		}
	}
}