.gp-ico{display:inline-block;width:18px;height:18px;vertical-align:-3px;background:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}
.gp-ico-search{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="black"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-4.35-4.35M10 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16z"/></svg>');-webkit-mask-image:mask-image}
.gp-ico-moon{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M21.64 13.65A9 9 0 0 1 10.35 2.36 7 7 0 1 0 21.64 13.65z"/></svg>');-webkit-mask-image:mask-image}
.gp-ico-pen{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zm18-11.5a1 1 0 0 0 0-1.41l-1.34-1.34a1 1 0 0 0-1.41 0l-1.13 1.13 3.75 3.75L21 5.75z"/></svg>');-webkit-mask-image:mask-image}
.gp-ico-plus{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M19 11H13V5h-2v6H5v2h6v6h2v-6h6z"/></svg>');-webkit-mask-image:mask-image}
.gp-ico-left{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>');-webkit-mask-image:mask-image}
.gp-ico-right{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="m8.59 16.59 1.41 1.41 6-6-6-6-1.41 1.41L13.17 12z"/></svg>');-webkit-mask-image:mask-image}
.gp-ico-clap{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M9 11V7a2 2 0 1 1 4 0v4h1V5a2 2 0 1 1 4 0v8h1V8a2 2 0 1 1 4 0v7c0 4-3 7-7 7H9c-3 0-6-3-6-6v-5a2 2 0 1 1 4 0v5c0 1 1 2 2 2h8"/></svg>');-webkit-mask-image:mask-image}
.gp-ico-bookmark{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M6 2h12a2 2 0 0 1 2 2v20l-8-4-8 4V4a2 2 0 0 1 2-2z"/></svg>');-webkit-mask-image:mask-image}
.gp-ico-share{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M18 16.08a2.99 2.99 0 0 0-2.83 2.01L8.91 14.7a3.02 3.02 0 0 0 0-1.39l6.26-3.39A3 3 0 1 0 14 7a2.99 2.99 0 0 0 .09.7L7.83 11.1a3 3 0 1 0 0 1.8l6.26 3.39A3 3 0 1 0 18 16.08z"/></svg>');-webkit-mask-image:mask-image}
.gp-ico-user{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5zm0 2c-4.42 0-8 2-8 4.5V21h16v-2.5C20 16 16.42 14 12 14z"/></svg>');-webkit-mask-image:mask-image}