/* Phosphor, subset to the icons this site actually uses — the same family the
   Pin app uses, so the web and the app draw one icon set.

   This replaces two render-blocking stylesheets from unpkg.com. Those cost a
   third-party DNS + TLS + fetch before first paint, and `font-display: block`
   meant that if unpkg was slow or blocked every icon on every page stayed
   invisible for up to three seconds and then never arrived. They also shipped
   1,500 glyphs to draw 14: 279KB of woff2 for 2.3KB of actual use.

   Regenerating after adding an icon: the source is @phosphor-icons/web@2.1.1;
   subset the upstream woff2 to the codepoints below with pyftsubset and add the
   class here. An icon with no rule here renders as nothing, which is the same
   failure the old setup had on a bad network, except now it is visible in
   review rather than in production.

   font-display:block on purpose: an icon has no readable fallback, so a brief
   blank beats a tofu box. At 480 and 1,860 bytes from our own origin the block
   period is not observable. */

@font-face{font-family:"Phosphor";src:url("pin-icons.woff2") format("woff2");
  font-weight:normal;font-style:normal;font-display:block}
@font-face{font-family:"Phosphor-Fill";src:url("pin-icons-fill.woff2") format("woff2");
  font-weight:normal;font-style:normal;font-display:block}

.ph,.ph-fill{speak:never;font-style:normal;font-weight:normal;font-variant:normal;
  text-transform:none;line-height:1;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ph{font-family:"Phosphor"!important}
.ph-fill{font-family:"Phosphor-Fill"!important}

/* regular */
.ph-arrow-right:before{content:"\e06c"}
.ph-list:before{content:"\e2f0"}

/* fill */
.ph-apple-logo:before{content:"\e516"}
.ph-battery-full:before{content:"\e0c0"}
.ph-cell-signal-full:before{content:"\e142"}
.ph-database:before{content:"\e1de"}
.ph-google-play-logo:before{content:"\e294"}
.ph-hand-heart:before{content:"\e810"}
.ph-key:before{content:"\e2d6"}
.ph-lock-key:before{content:"\e2fe"}
.ph-paper-plane-tilt:before{content:"\e398"}
.ph-scroll:before{content:"\eb7a"}
.ph-timer:before{content:"\e492"}
.ph-wifi-high:before{content:"\e4ea"}