.icon{--size: .8em;
	font-size:var(--size);
	height:.8em;width:.8em;
	display:inline-block;
	color:inherit;
	fill:currentColor;
	line-height:1;
	flex-shrink:0;
	max-width:initial}.icon--3xs{--size: 4px}.icon--2xs{--size: 6px}.icon--xs{--size: 8px}.icon--sm{--size: 12px}.icon--md{--size: 16px}.icon--lg{--size: 24px}.icon--xl{--size: 32px}.icon--2xl{--size: 48px}.icon--3xl{--size: 64px}
.icon--is-spinning{animation:icon-spin 1s infinite linear}@keyframes icon-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.icon use{color:inherit;fill:currentColor}