.middle:not(.modal) {
	display: inline-block;
	vertical-align: middle;
}
.iconic {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 1em 1em;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	width: 1em;
	height: 1em;
	line-height: 1em;
	text-align: center;
	&.iconic-desktop {
		background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDU0OC4xNzIgNTQ4LjE3MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTQ4LjE3MiA1NDguMTcyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTUzNC43NSw0OS45NjVjLTguOTQ1LTguOTQ1LTE5LjY5NC0xMy40MjItMzIuMjYxLTEzLjQyMkg0NS42ODFjLTEyLjU2MiwwLTIzLjMxMyw0LjQ3Ny0zMi4yNjQsMTMuNDIyICAgQzQuNDcxLDU4LjkxMywwLDY5LjY2MywwLDgyLjIyNnYzMTAuNjMzYzAsMTIuNTY2LDQuNDcxLDIzLjMxNSwxMy40MTcsMzIuMjY1YzguOTUxLDguOTQ1LDE5LjcwMiwxMy40MTQsMzIuMjY0LDEzLjQxNGgxNTUuMzE4ICAgYzAsNy4yMzEtMS41MjQsMTQuNjYxLTQuNTcsMjIuMjY5Yy0zLjA0NCw3LjYxNC02LjA5LDE0LjI3My05LjEzNiwxOS45ODFjLTMuMDQyLDUuNzE1LTQuNTY1LDkuODk3LTQuNTY1LDEyLjU2ICAgYzAsNC45NDgsMS44MDcsOS4yNCw1LjQyNCwxMi44NDdjMy42MTUsMy42MjEsNy44OTgsNS40MzUsMTIuODQ3LDUuNDM1aDE0Ni4xNzljNC45NDksMCw5LjIzMy0xLjgxMywxMi44NDgtNS40MzUgICBjMy42Mi0zLjYwNiw1LjQyNy03Ljg5OCw1LjQyNy0xMi44NDdjMC0yLjQ2OC0xLjUyNi02LjYxMS00LjU3MS0xMi40MTVjLTMuMDQ2LTUuODAxLTYuMDkyLTEyLjU2Ni05LjEzNC0yMC4yNjcgICBjLTMuMDQ2LTcuNzEtNC41NjktMTUuMDg1LTQuNTY5LTIyLjEyOGgxNTUuMzE4YzEyLjU2LDAsMjMuMzA5LTQuNDY5LDMyLjI1NC0xMy40MTRjOC45NDktOC45NDksMTMuNDIyLTE5LjY5OCwxMy40MjItMzIuMjY1ICAgVjgyLjIyNkM1NDguMTc2LDY5LjY2Myw1NDMuNjk5LDU4LjkxMyw1MzQuNzUsNDkuOTY1eiBNNTExLjYyNywzMTkuNzY4YzAsMi40NzUtMC45MDMsNC42MTMtMi43MTEsNi40MjQgICBjLTEuODEsMS44MDQtMy45NTIsMi43MDctNi40MjcsMi43MDdINDUuNjgxYy0yLjQ3MywwLTQuNjE1LTAuOTAzLTYuNDIzLTIuNzA3Yy0xLjgwNy0xLjgxNy0yLjcxMi0zLjk0OS0yLjcxMi02LjQyNFY4Mi4yMjYgICBjMC0yLjQ3NSwwLjkwMi00LjYxNSwyLjcxMi02LjQyM2MxLjgwOS0xLjgwNSwzLjk1MS0yLjcxMiw2LjQyMy0yLjcxMmg0NTYuODE1YzIuNDcxLDAsNC42MTcsMC45MDQsNi40MiwyLjcxMiAgIGMxLjgwOCwxLjgwOSwyLjcxMSwzLjk0OSwyLjcxMSw2LjQyM1YzMTkuNzY4TDUxMS42MjcsMzE5Ljc2OHoiIGZpbGw9IiMwMDAwMDAiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
	}
	&.iconic-tablet {
		background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQwMS45OTEgNDAxLjk5MSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAxLjk5MSA0MDEuOTkxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTM1Mi4wMjksMTMuNDE4QzM0My4wNzcsNC40NzEsMzMyLjMzMiwwLDMxOS43NjYsMEg4Mi4yMjNDNjkuNjYsMCw1OC45MDYsNC40NzEsNDkuOTU5LDEzLjQxOCAgIGMtOC45NDUsOC45NDktMTMuNDE4LDE5LjctMTMuNDE4LDMyLjI2NHYzMTAuNjMzYzAsMTIuNTY2LDQuNDczLDIzLjMwOSwxMy40MTgsMzIuMjYxYzguOTQ3LDguOTQ5LDE5LjcwMSwxMy40MTUsMzIuMjY0LDEzLjQxNSAgIGgyMzcuNTQyYzEyLjU2NiwwLDIzLjMxMi00LjQ2NiwzMi4yNjQtMTMuNDE1YzguOTQ2LTguOTUyLDEzLjQyMi0xOS43MDEsMTMuNDIyLTMyLjI2MVY0NS42ODMgICBDMzY1LjQ1MSwzMy4xMTgsMzYwLjk2NSwyMi4zNjQsMzUyLjAyOSwxMy40MTh6IE0yMTMuODQzLDM3OC4yOTljLTMuNjEzLDMuNjE0LTcuODk4LDUuNDIxLTEyLjg0OSw1LjQyMSAgIGMtNC45NTIsMC05LjIzMy0xLjgwNy0xMi44NS01LjQyMWMtMy42MTctMy42Mi01LjQyNC03LjkwNC01LjQyNC0xMi44NDdjMC00Ljk0OCwxLjgwNy05LjIzOSw1LjQyNC0xMi44NDcgICBjMy42MjEtMy42Miw3LjkwMi01LjQzNCwxMi44NS01LjQzNGM0Ljk1LDAsOS4yMzUsMS44MTMsMTIuODQ5LDUuNDM0YzMuNjE0LDMuNjA3LDUuNDI4LDcuODk4LDUuNDI4LDEyLjg0NyAgIEMyMTkuMjcxLDM3MC4zOTUsMjE3LjQ1NywzNzQuNjc2LDIxMy44NDMsMzc4LjI5OXogTTMyOC45MDIsMzE5Ljc2N2MwLDIuNDc4LTAuOTEsNC42MTMtMi43MSw2LjQyNyAgIGMtMS44MTMsMS44MTQtMy45NDksMi43MTEtNi40MjcsMi43MTFIODIuMjIzYy0yLjQ3NCwwLTQuNjE1LTAuOTA0LTYuNDIzLTIuNzExcy0yLjcxMi0zLjk0OS0yLjcxMi02LjQyN1Y0NS42ODMgICBjMC0yLjQ3NSwwLjkwMy00LjYxNywyLjcxMi02LjQyNGMxLjgwOS0xLjgwOSwzLjk0OS0yLjcxMiw2LjQyMy0yLjcxMmgyMzcuNTQyYzIuNDc4LDAsNC42MTMsMC45LDYuNDI3LDIuNzEyICAgYzEuODA3LDEuODA3LDIuNzEsMy45NDksMi43MSw2LjQyNFYzMTkuNzY3eiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
	}
	&.iconic-mobile {
		background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Mi44MDcgNDcyLjgwNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDcyLjgwNyA0NzIuODA3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTMzOC42NDksMEgxMzQuMTU4Yy0xMy41NjcsMC0yNC42MDUsMTAuNjMyLTI0LjYwNSwyMy42OTV2NDI1LjQzMyAgICBjMCwxMy4wNDYsMTEuMDMsMjMuNjc5LDI0LjYwNSwyMy42NzloMjA0LjQ5MWMxMy41NzUsMCwyNC42MDUtMTAuNjMyLDI0LjYwNS0yMy42NzlWMjMuNjg3QzM2My4yNTQsMTAuNjI0LDM1Mi4yMjMsMCwzMzguNjQ5LDB6ICAgICBNMjAwLjcwNywzNi44MjJIMjcyLjF2NS4wMDdoLTcxLjM5M0MyMDAuNzA3LDQxLjgzLDIwMC43MDcsMzYuODIyLDIwMC43MDcsMzYuODIyeiBNMjM2LjQwNyw0NDguMDA2ICAgIGMtNy41OTIsMC0xMy43NjItNi4xNy0xMy43NjItMTMuNzU0YzAtNy41NzYsNi4xNy0xMy43MzcsMTMuNzYyLTEzLjczN2M3LjU5MiwwLDEzLjc2Miw2LjE3LDEzLjc2MiwxMy43MzcgICAgQzI1MC4xNjksNDQxLjgzNywyNDMuOTk5LDQ0OC4wMDYsMjM2LjQwNyw0NDguMDA2eiBNMzQ2LjQ2LDM5Ni41MkgxMjYuMzc5VjcwLjMzN0gzNDYuNDZWMzk2LjUyeiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
	}
}