@use "sass:math";

.atlas-info-list {
	display: flex;
	flex-wrap: wrap;
	font-weight: bold;
	list-style: none;
	margin: 0 0 $space-md-atlas;
	padding: 0;
	text-transform: capitalize;
	width: 100%;

	&__item {
		margin: 0 0 $space-md-atlas;
		width: math.div(100%, 3);
	}

	&__total {
		color: $color-blue-atlas;
		font-size: 32px;
		font-weight: normal;
		padding-right: math.div($space-sm-atlas, 2);
	}

	&__name {
		padding-right: $space-sm-atlas;
	}
}