.penna-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	color: inherit;
	line-height: 1;
	vertical-align: -0.125em;
}

i.penna-icon-chevron-right {
	background-color: currentColor;
	-webkit-mask: url("../img/penna-chevron-right.svg") center / contain no-repeat;
	mask: url("../img/penna-chevron-right.svg") center / contain no-repeat;
}

i.penna-icon-dress-form { -webkit-mask: url("../img/penna-dress-form.svg") center / contain no-repeat; mask: url("../img/penna-dress-form.svg") center / contain no-repeat; }
i.penna-icon-sun { -webkit-mask: url("../img/penna-sun.svg") center / contain no-repeat; mask: url("../img/penna-sun.svg") center / contain no-repeat; }
i.penna-icon-makeup-brush { -webkit-mask: url("../img/penna-makeup-brush.svg") center / contain no-repeat; mask: url("../img/penna-makeup-brush.svg") center / contain no-repeat; }
i.penna-icon-dslr-camera { -webkit-mask: url("../img/penna-dslr-camera.svg") center / contain no-repeat; mask: url("../img/penna-dslr-camera.svg") center / contain no-repeat; }
i.penna-icon-compact-camera { -webkit-mask: url("../img/penna-compact-camera.svg") center / contain no-repeat; mask: url("../img/penna-compact-camera.svg") center / contain no-repeat; }
i.penna-icon-video-camera { -webkit-mask: url("../img/penna-video-camera.svg") center / contain no-repeat; mask: url("../img/penna-video-camera.svg") center / contain no-repeat; }

i[class*="penna-icon-"] {
	background-color: currentColor;
}

svg.penna-icon {
	overflow: visible;
}