/* fedDSP icon set.
*
* Replaces the bootstrap-icons@1.11.3 webfont, which cost a 98 KB
* render-blocking stylesheet plus a 130 KB font file to draw the 15 glyphs
* this site actually uses. Each icon is the original Bootstrap Icons SVG
* inlined as a CSS mask, so `background-color: currentColor` reproduces the
* font's colour inheritance and `width/height: 1em` reproduces its sizing.
*
* Markup is unchanged: still works, as does
* swapping bi-play-fill for bi-pause-fill from JS (see audio-player.js).
*
* Adding an icon: take the SVG from
* https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/.svg
* and add one --bi rule below. Nothing else needs to change.
*/
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
line-height: 1;
vertical-align: -.125em;
background-color: currentColor;
/* Longhands rather than the -webkit-mask shorthand: the shorthand's
"center / contain" size syntax is not parsed by older WebKit, which is
exactly the engine behind the Instagram and Facebook in-app browsers on
older iOS. Getting it wrong there means every icon renders as a filled
square, so this is not the place to be terse. */
-webkit-mask-image: var(--bi);
mask-image: var(--bi);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
.bi-apple { --bi: url("data:image/svg+xml,"); }
.bi-arrow-left { --bi: url("data:image/svg+xml,"); }
.bi-chevron-left { --bi: url("data:image/svg+xml,"); }
.bi-chevron-right { --bi: url("data:image/svg+xml,"); }
.bi-discord { --bi: url("data:image/svg+xml,"); }
.bi-envelope-check-fill { --bi: url("data:image/svg+xml,"); }
.bi-facebook { --bi: url("data:image/svg+xml,"); }
.bi-instagram { --bi: url("data:image/svg+xml,"); }
.bi-pause-fill { --bi: url("data:image/svg+xml,"); }
.bi-person-fill { --bi: url("data:image/svg+xml,"); }
.bi-play-fill { --bi: url("data:image/svg+xml,"); }
.bi-search { --bi: url("data:image/svg+xml,"); }
.bi-tiktok { --bi: url("data:image/svg+xml,"); }
.bi-windows { --bi: url("data:image/svg+xml,"); }
.bi-youtube { --bi: url("data:image/svg+xml,"); }