.mtg-icon-info-item,
.mtg-icon-info-item *,
.mtg-icon-info-item *::before,
.mtg-icon-info-item *::after {
	box-sizing: border-box;
}

.mtg-icon-info-item {
	--mtg-icon-info-item-icon-size: 20px;
	--mtg-icon-info-item-icon-gap: 18px;
	--mtg-icon-info-item-title-gap: 18px;
	--mtg-icon-info-item-line-gap: 22px;
	--mtg-icon-info-item-line-width: 42px;
	--mtg-icon-info-item-line-height: 3px;
	--mtg-icon-info-item-line-color: #9a1f24;
	--mtg-icon-info-item-description-gap: 18px;
	--mtg-icon-info-item-icon-horizontal-align: flex-start;
	--mtg-icon-info-item-horizontal-align: flex-start;
	--mtg-icon-info-item-vertical-align: center;
	--mtg-icon-info-item-text-align: left;

	display: flex;
	flex-direction: column;
	gap: var(--mtg-icon-info-item-icon-gap);
	align-items: flex-start;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	color: #111111;
}

.mtg-icon-info-item--icon-left {
	flex-direction: row;
	align-items: var(--mtg-icon-info-item-vertical-align);
}

.mtg-icon-info-item--icon-right {
	flex-direction: row-reverse;
	align-items: var(--mtg-icon-info-item-vertical-align);
}

.mtg-icon-info-item--v-top {
	--mtg-icon-info-item-vertical-align: flex-start;
}

.mtg-icon-info-item--v-center {
	--mtg-icon-info-item-vertical-align: center;
}

.mtg-icon-info-item--v-bottom {
	--mtg-icon-info-item-vertical-align: flex-end;
}

.mtg-icon-info-item--left {
	--mtg-icon-info-item-horizontal-align: flex-start;
	--mtg-icon-info-item-text-align: left;
}

.mtg-icon-info-item--center {
	--mtg-icon-info-item-horizontal-align: center;
	--mtg-icon-info-item-text-align: center;
}

.mtg-icon-info-item--right {
	--mtg-icon-info-item-horizontal-align: flex-end;
	--mtg-icon-info-item-text-align: right;
}

.mtg-icon-info-item--left .mtg-icon-info-item__body,
.mtg-icon-info-item--center .mtg-icon-info-item__body,
.mtg-icon-info-item--right .mtg-icon-info-item__body {
	align-items: var(--mtg-icon-info-item-horizontal-align);
	text-align: var(--mtg-icon-info-item-text-align);
}

.mtg-icon-info-item__icon {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: var(--mtg-icon-info-item-icon-size);
	height: var(--mtg-icon-info-item-icon-size);
	margin: 0;
	color: #9a1f24;
	font-size: var(--mtg-icon-info-item-icon-size);
	line-height: 1;
}

.mtg-icon-info-item--icon-above .mtg-icon-info-item__icon {
	align-self: var(--mtg-icon-info-item-icon-horizontal-align);
}

.mtg-icon-info-item__icon svg,
.mtg-icon-info-item__icon i {
	display: block;
	flex: 0 0 auto;
	width: 1em;
	height: 1em;
	max-width: 100%;
	max-height: 100%;
	color: currentColor;
	font-size: 1em;
	line-height: 1;
}

.mtg-icon-info-item__icon svg {
	fill: currentColor;
}

.mtg-icon-info-item__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: var(--mtg-icon-info-item-horizontal-align);
	text-align: var(--mtg-icon-info-item-text-align);
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.mtg-icon-info-item--icon-left .mtg-icon-info-item__body,
.mtg-icon-info-item--icon-right .mtg-icon-info-item__body {
	width: auto;
}

.mtg-icon-info-item__subtitle,
.mtg-icon-info-item__title,
.mtg-icon-info-item__description {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin: 0;
	text-align: var(--mtg-icon-info-item-text-align);
	overflow-wrap: anywhere;
}

.mtg-icon-info-item__subtitle {
	color: #9a1f24;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.mtg-icon-info-item__title {
	color: #111111;
	text-transform: uppercase;
}

.mtg-icon-info-item__description {
	color: #555555;
}

.mtg-icon-info-item__subtitle + .mtg-icon-info-item__title {
	margin-top: var(--mtg-icon-info-item-title-gap);
}

.mtg-icon-info-item__title + .mtg-icon-info-item__description,
.mtg-icon-info-item__line + .mtg-icon-info-item__description,
.mtg-icon-info-item__description + .mtg-icon-info-item__line {
	margin-top: var(--mtg-icon-info-item-description-gap);
}

.mtg-icon-info-item__line {
	display: block;
	flex: 0 0 auto;
	align-self: var(--mtg-icon-info-item-horizontal-align);
	width: min(var(--mtg-icon-info-item-line-width), 100%);
	height: var(--mtg-icon-info-item-line-height);
	margin-top: var(--mtg-icon-info-item-line-gap);
	background-color: var(--mtg-icon-info-item-line-color);
	border-radius: 2px;
}