/* icons.css — Phosphor icons (regular) inlined as CSS-mask data-URIs.
*
* Usage:
* The icon paints in the element's `currentColor` and sizes to `1em`, so it
* inherits the surrounding text colour + font-size. Fully self-hosted (no font
* file, no CDN) — the SVG lives in the mask data-URI. Source: Phosphor Icons
* (MIT), regular weight. Mirrors PROJECTS/Reader/html-root/css/icons.css.
*
* Add a new icon: paste its regular SVG into a
* .ph-{--i:url('data:image/svg+xml;utf8,')}
* rule below.
*/
.ph{
display:inline-block;
width:1em; height:1em;
flex:0 0 auto;
background-color:currentColor;
vertical-align:-0.15em;
-webkit-mask:var(--i) center / contain no-repeat;
mask:var(--i) center / contain no-repeat;
}
.ph-gear{--i:url('data:image/svg+xml;utf8,')}
.ph-refresh{--i:url('data:image/svg+xml;utf8,')}
.ph-users{--i:url('data:image/svg+xml;utf8,')}
.ph-map-trifold{--i:url('data:image/svg+xml;utf8,')}
.ph-lock{--i:url('data:image/svg+xml;utf8,')}
.ph-drop{--i:url('data:image/svg+xml;utf8,')}
.ph-warning{--i:url('data:image/svg+xml;utf8,')}