.pixel-icon{display:inline-block;width:24px;height:24px;flex:0 0 24px;vertical-align:middle;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.pixel-eye{-webkit-mask-image:url("eye.svg");mask-image:url("eye.svg")}
.pixel-lock{-webkit-mask-image:url("lock.svg");mask-image:url("lock.svg")}
.pixel-external-link{-webkit-mask-image:url("external-link.svg");mask-image:url("external-link.svg")}
.pixel-message{-webkit-mask-image:url("message.svg");mask-image:url("message.svg")}
.pixel-image{-webkit-mask-image:url("image.svg");mask-image:url("image.svg")}
.pixel-envelope{-webkit-mask-image:url("envelope.svg");mask-image:url("envelope.svg")}
.pixel-check{-webkit-mask-image:url("check.svg");mask-image:url("check.svg")}
.pixel-arrow-right{-webkit-mask-image:url("arrow-right.svg");mask-image:url("arrow-right.svg")}
.pixel-heart{-webkit-mask-image:url("heart.svg");mask-image:url("heart.svg")}
.pixel-upload{-webkit-mask-image:url("upload.svg");mask-image:url("upload.svg")}
@media(max-width:440px){nav .pixel-icon{display:none}}