/* =========================
   icons.css
   Global Icon System
   ========================= */

.icon {
	width: 1.25rem;
	height: 1.25rem;
	display: block;
	flex-shrink: 0;
}
.habit-icon {
	display: inline-block;
	/* Negative margin to optically center larger habit icons */
	margin-left: -0.25rem;
}

/* Filled icons */
.icon--fill {
	fill: currentColor;
	stroke: none;
}

/* Outline icons */
.icon--stroke {
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.icon--sm {
	width: 1rem;
	height: 1rem;
}

.icon--lg {
	width: 1.5rem;
	height: 1.5rem;
}