@use "~admin-stylesheets/colors";

.nab-overview-experiment-section {
	container-type: inline-size;

	&__row {
		display: flex;
		flex-direction: row;
		gap: 1em;

		> * {
			flex: 1;
			min-width: 0;
		}
	}

	@container (max-width:900px) {

		&__row {
			flex-direction: column;
		}
	}
}

.nab-experiment__loading-value {
	color: colors.$nab-text-light-greyish !important;
	animation: nab-overview-pulse 1.2s ease-in-out infinite;
	transform-origin: center;
}

@keyframes nab-overview-pulse {

	0%,
	100% {
		opacity: 0.5;
	}

	50% {
		opacity: 0.2;
	}
}