.custom-icon{background-image:var(--src);height:var(--size);vertical-align:middle;width:var(--size);--size:14px;--src:"";background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block}.custom-icon--colored{background:var(--color);-webkit-mask-image:var(--src);-webkit-mask-image:var(--src);mask-image:var(--src);--color:#1a1a1a;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}