/* Icons */
.icon[data-size] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.icon[data-size] > svg {
	width: 100%;
	height: auto;
}

.icon[data-size="small"] {
	width: 14px;
	height: 14px;
}

.icon[data-size="normal"] {
	width: 18px;
	height: 18px;
}

.icon[data-theme="light"] > svg .svg-fill {
	fill: var(--unk-color-01);
}

.icon[data-theme="dark"] > svg .svg-fill {
	fill: var(--unk-color-02);
}

.icon[data-theme="fade"] > svg .svg-fill {
	fill: var(--unk-color-03);
}