.brxe-corebridge-icon-list {
	--corebridge-icon-list-size-small: var(--icon-size-small, 1em);
	--corebridge-icon-list-size-medium: var(--icon-size, 1.25em);
	--corebridge-icon-list-size-large: var(--icon-size-large, 1.5em);
	display: grid;
	inline-size: 100%;
	block-size: auto;
	flex: 0 1 auto;
	row-gap: var(--list-gap, var(--space-xs, 1rem));
	margin: 0;
	padding: 0;
	list-style: none;
}

.brxe-corebridge-icon-list > .corebridge-icon-list__item,
.brxe-corebridge-icon-list-item {
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr);
	column-gap: var(--corebridge-icon-list-content-gap, var(--inline-gap, var(--space-xs, 1rem)));
	align-items: start;
	margin: 0;
	padding: 0;
	list-style: none;
}

.brxe-corebridge-icon-list .corebridge-icon-list__icon,
.brxe-corebridge-icon-list-item .corebridge-icon-list__icon {
	--corebridge-icon-item-size: var(--corebridge-icon-list-size, var(--icon-size, 1.25em));
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 1em;
	block-size: 1em;
	min-inline-size: 0;
	padding: var(--corebridge-icon-list-default-padding, 0);
	color: var(--corebridge-icon-list-icon-colour, var(--color-icon, currentColor));
	font-size: var(--corebridge-icon-item-size);
	line-height: 1;
}

.brxe-corebridge-icon-list-item > .corebridge-icon-list__icon { grid-column: 1; }
.brxe-corebridge-icon-list-item > .corebridge-icon-list__content { grid-column: 2; }

.brxe-corebridge-icon-list .corebridge-icon-list__icon > :where(svg, img, i),
.brxe-corebridge-icon-list .corebridge-icon-list__icon :where(svg, img, i) {
	inline-size: 100%;
	block-size: 100%;
}

.brxe-corebridge-icon-list .corebridge-icon-list__icon > i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.brxe-corebridge-icon-list .corebridge-icon-list__icon > img {
	display: block;
	object-fit: contain;
}

.brxe-corebridge-icon-list.corebridge-icon-list--size-small { --corebridge-icon-list-size: var(--corebridge-icon-list-size-small); }
.brxe-corebridge-icon-list.corebridge-icon-list--size-medium { --corebridge-icon-list-size: var(--corebridge-icon-list-size-medium); }
.brxe-corebridge-icon-list.corebridge-icon-list--size-large { --corebridge-icon-list-size: var(--corebridge-icon-list-size-large); }

.brxe-corebridge-icon-list-item.corebridge-icon-list__item--size-small > .corebridge-icon-list__icon { --corebridge-icon-item-size: var(--corebridge-icon-list-size-small, var(--icon-size-small, 1em)); }
.brxe-corebridge-icon-list-item.corebridge-icon-list__item--size-medium > .corebridge-icon-list__icon { --corebridge-icon-item-size: var(--corebridge-icon-list-size-medium, var(--icon-size, 1.25em)); }
.brxe-corebridge-icon-list-item.corebridge-icon-list__item--size-large > .corebridge-icon-list__icon { --corebridge-icon-item-size: var(--corebridge-icon-list-size-large, var(--icon-size-large, 1.5em)); }

.brxe-corebridge-icon-list.corebridge-icon-list--filled > .corebridge-icon-list__item:not(.corebridge-icon-list__item--background-off) > .corebridge-icon-list__icon,
.brxe-corebridge-icon-list.corebridge-icon-list--outline > .corebridge-icon-list__item:not(.corebridge-icon-list__item--border-off) > .corebridge-icon-list__icon,
.brxe-corebridge-icon-list > .corebridge-icon-list__item--background-on > .corebridge-icon-list__icon,
.brxe-corebridge-icon-list > .corebridge-icon-list__item--border-on > .corebridge-icon-list__icon {
	box-sizing: content-box;
	--corebridge-icon-list-default-padding: var(--space-3xs, 0.4rem);
	border-radius: var(--radius-full, 999rem);
	transition: var(--transition-color, color 120ms ease, background-color 120ms ease, border-color 120ms ease);
}

.brxe-corebridge-icon-list.corebridge-icon-list--filled > .corebridge-icon-list__item:not(.corebridge-icon-list__item--background-off) > .corebridge-icon-list__icon,
.brxe-corebridge-icon-list > .corebridge-icon-list__item--background-on > .corebridge-icon-list__icon {
	background-color: var(--corebridge-icon-list-background-colour, var(--color-surface-muted, transparent));
}

.brxe-corebridge-icon-list.corebridge-icon-list--outline > .corebridge-icon-list__item:not(.corebridge-icon-list__item--border-off) > .corebridge-icon-list__icon,
.brxe-corebridge-icon-list > .corebridge-icon-list__item--border-on > .corebridge-icon-list__icon {
	border: var(--corebridge-icon-list-border-width, var(--border-width, 1px)) var(--border-style, solid) var(--corebridge-icon-list-border-colour, var(--color-border, currentColor));
}

.brxe-corebridge-icon-list .corebridge-icon-list__content {
	min-inline-size: 0;
	overflow-wrap: anywhere;
}

.brxe-corebridge-icon-list .corebridge-icon-list__content > :first-child { margin-block-start: 0; }
.brxe-corebridge-icon-list .corebridge-icon-list__content > :last-child { margin-block-end: 0; }

.brxe-corebridge-icon-list.corebridge-icon-list--align-first-line .corebridge-icon-list__icon {
	align-self: start;
	margin-block-start: calc((1lh - var(--corebridge-icon-item-size, var(--icon-size, 1.25em))) / 2 + var(--corebridge-icon-item-offset, 0em));
}

.brxe-corebridge-icon-list.corebridge-icon-list--align-start .corebridge-icon-list__icon {
	align-self: start;
	margin-block-start: var(--corebridge-icon-item-offset, 0em);
}

.brxe-corebridge-icon-list.corebridge-icon-list--align-center > .corebridge-icon-list__item { align-items: center; }
.brxe-corebridge-icon-list.corebridge-icon-list--align-center .corebridge-icon-list__icon {
	align-self: center;
	margin-block-start: var(--corebridge-icon-item-offset, 0em);
}