.icontype-circle svg {
	fill: var(--dark);
}

.icontype-star svg {
	fill: var(--lightred);
}

.starfull svg {
	fill: var(--red);
}

.icontype-inline svg {
	fill: var(--light);
}

.icontype-link svg {
	fill: var(--light);
}

.lightstarfull svg {
	fill: var(--light);
}

.icontype-at svg {
	fill: var(--light);
}

.icontype-circle {
	box-sizing: content-box !important;
	border: 2px solid var(--dark);
	border-radius: 50%;
	padding: 0.7rem;
	min-height: 1em;
    min-width: 1em;
	height: 1em;
    width: 1em;
	font-size: 2rem;
	margin-right: 1rem;
}

.icontype-inline {
	min-height: 1em;
    min-width: 1em;
	height: 1em;
    width: 1em;
	font-size: 1rem;
	margin-right: 1rem;
}

.icontype-star {
	min-height: 1em;
    min-width: 1em;
	height: 1em;
    width: 1em;
	font-size: 1rem;
	margin-right: 0.2rem;
}

.icontype-link {
	min-height: 1em;
    min-width: 1em;
	height: 1em;
    width: 1em;
	font-size: 3rem;
	margin-left: 1rem;
}

.icontype-at {
	min-height: 1em;
    min-width: 1em;
	height: 1em;
    width: 1em;
	font-size: 1rem;
}

/* .icontype-dot {
	min-height: 1em;
    min-width: 1em;
	height: 1em;
    width: 1em;
	font-size: 1rem;
	margin-right: 1rem;
} */