@component OpalIcon {
	display: inline-block;
	width: 26px;
	height: 26px;
	vertical-align: middle;

	@el svg {
		display: block;
		width: 100%;
		height: 100%;
		stroke: currentColor;
		stroke-linecap: butt;
		stroke-linejoin: miter;
		fill: none;
	}

	@mod size=s {
		width: 22px;
		height: 22px;
	}
	@mod size=xs {
		width: 18px;
		height: 18px;
	}
	@mod size=xxs {
		width: 14px;
		height: 14px;
	}
	@mod size=l {
		width: 30px;
		height: 30px;
	}
	@mod size=xl {
		width: 34px;
		height: 34px;
	}
	@mod size=xxl {
		width: 38px;
		height: 38px;
	}

	@mod filled {
		@el svg {
			fill: currentColor;
		}
	}
}