@use "@/_styles/theme" as *;

.alertBox
{
	@include maxCenter;
	@include flex(row);
	align-items: center;
	gap: $spacingM;

	border: 2px solid $colorStatusWarningBorderActive;
	padding: $spacingS $spacingM;

	.icon
	{
		font-size: $fontSizeHero900;
		color: $colorStatusWarningForeground1;
		flex-shrink: 0;
	}

	.title
	{
		@include body1Stronger;
	}

	.message
	{
		white-space: pre-wrap;
	}
}
