/* Presentation for the drawings in js/ui/glyphs.js, shared by the Studio and
 * the guide. Sizes are set per page; everything here is what a drawing *is*. */

.glyph{display:block;width:100%;height:44px;margin-bottom:.5rem;
  fill:none;stroke:#a3b6c4;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.glyph .glyph-ground{stroke:#3a3f47;stroke-width:2.6}
.glyph .glyph-heavy{stroke-width:6.5}
.glyph .glyph-fill{fill:rgba(163,182,196,.22);stroke:none}
.glyph .glyph-solid{fill:#eeedea;stroke:none}
.glyph .glyph-wash{fill:rgba(163,182,196,.28);stroke:none}
.glyph .glyph-dot{fill:#a3b6c4;stroke:none}
.glyph .glyph-dashed{stroke-dasharray:5 5}
.glyph .glyph-absent{stroke:#3a3f47;stroke-dasharray:5 6}