/*
  The app tiles' glyphs: one mask per app, drawn white on the tile's gradient.

    <span class="tile" style="background: …"><span class="gl g-timer"></span></span>

  Shared by the marketplace (`atomics-marketplace`) and the in-space apps panel
  (`atomics-space-apps`), which used to carry a copy each. Loaded on every page, next to design.css.
  Only the mask lives here; each component sizes and colours `.gl` itself.
*/
.gl.g-timer { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2213.2%22 r=%227.3%22/%3E%3Cpath d=%22M12 9.6v3.6l2.6 2%22/%3E%3Cpath d=%22M9.6 3.2h4.8%22/%3E%3Cpath d=%22M18.4 6.4l1.3-1.3%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2213.2%22 r=%227.3%22/%3E%3Cpath d=%22M12 9.6v3.6l2.6 2%22/%3E%3Cpath d=%22M9.6 3.2h4.8%22/%3E%3Cpath d=%22M18.4 6.4l1.3-1.3%22/%3E%3C/svg%3E"); }
.gl.g-kanban { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%224%22 width=%2217%22 height=%2216%22 rx=%222.4%22/%3E%3Cpath d=%22M9.2 4v16M14.8 4v16%22/%3E%3Cpath d=%22M5.6 7.6h1.6M11.2 7.6h1.6M16.8 7.6h1.6%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%224%22 width=%2217%22 height=%2216%22 rx=%222.4%22/%3E%3Cpath d=%22M9.2 4v16M14.8 4v16%22/%3E%3Cpath d=%22M5.6 7.6h1.6M11.2 7.6h1.6M16.8 7.6h1.6%22/%3E%3C/svg%3E"); }
.gl.g-disc { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.6%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.4%22/%3E%3Cpath d=%22M12 6.2a5.8 5.8 0 0 1 5.8 5.8%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.6%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.4%22/%3E%3Cpath d=%22M12 6.2a5.8 5.8 0 0 1 5.8 5.8%22/%3E%3C/svg%3E"); }
.gl.g-poll { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%226%22 cy=%226.5%22 r=%222.2%22 fill=%22black%22/%3E%3Cpath d=%22M11 6.5h9%22/%3E%3Ccircle cx=%226%22 cy=%2212%22 r=%222.2%22/%3E%3Cpath d=%22M11 12h6%22/%3E%3Ccircle cx=%226%22 cy=%2217.5%22 r=%222.2%22/%3E%3Cpath d=%22M11 17.5h4%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%226%22 cy=%226.5%22 r=%222.2%22 fill=%22black%22/%3E%3Cpath d=%22M11 6.5h9%22/%3E%3Ccircle cx=%226%22 cy=%2212%22 r=%222.2%22/%3E%3Cpath d=%22M11 12h6%22/%3E%3Ccircle cx=%226%22 cy=%2217.5%22 r=%222.2%22/%3E%3Cpath d=%22M11 17.5h4%22/%3E%3C/svg%3E"); }
.gl.g-branch { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%226%22 cy=%2212%22 r=%222.3%22/%3E%3Ccircle cx=%2218%22 cy=%226%22 r=%222.3%22/%3E%3Ccircle cx=%2218%22 cy=%2218%22 r=%222.3%22/%3E%3Cpath d=%22M8.1 11l7.7-4M8.1 13l7.7 4%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%226%22 cy=%2212%22 r=%222.3%22/%3E%3Ccircle cx=%2218%22 cy=%226%22 r=%222.3%22/%3E%3Ccircle cx=%2218%22 cy=%2218%22 r=%222.3%22/%3E%3Cpath d=%22M8.1 11l7.7-4M8.1 13l7.7 4%22/%3E%3C/svg%3E"); }
.gl.g-dice { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%2216%22 height=%2216%22 rx=%223.6%22/%3E%3Ccircle cx=%228.6%22 cy=%228.6%22 r=%221.4%22 fill=%22black%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%221.4%22 fill=%22black%22/%3E%3Ccircle cx=%2215.4%22 cy=%2215.4%22 r=%221.4%22 fill=%22black%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%2216%22 height=%2216%22 rx=%223.6%22/%3E%3Ccircle cx=%228.6%22 cy=%228.6%22 r=%221.4%22 fill=%22black%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%221.4%22 fill=%22black%22/%3E%3Ccircle cx=%2215.4%22 cy=%2215.4%22 r=%221.4%22 fill=%22black%22/%3E%3C/svg%3E"); }
.gl.g-paddle { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4.5 6.5v8M19.5 9.5v8%22/%3E%3Ccircle cx=%2212%22 cy=%2211%22 r=%222%22 fill=%22black%22 stroke=%22none%22/%3E%3Cpath d=%22M12 3.2v1.6M12 17.6v3.2%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4.5 6.5v8M19.5 9.5v8%22/%3E%3Ccircle cx=%2212%22 cy=%2211%22 r=%222%22 fill=%22black%22 stroke=%22none%22/%3E%3Cpath d=%22M12 3.2v1.6M12 17.6v3.2%22/%3E%3C/svg%3E"); }
.gl.g-check { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%2216%22 height=%2216%22 rx=%223.6%22/%3E%3Cpath d=%22M8.2 12.3l2.7 2.7 5-5.6%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%2216%22 height=%2216%22 rx=%223.6%22/%3E%3Cpath d=%22M8.2 12.3l2.7 2.7 5-5.6%22/%3E%3C/svg%3E"); }
.gl.g-quiz { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%223.5%22 width=%2216%22 height=%2217%22 rx=%222.5%22/%3E%3Cpath d=%22M7.5 9.2l1.7 1.7 3-3.2%22/%3E%3Cpath d=%22M14.5 9.5h2.5%22/%3E%3Cpath d=%22M7.5 14.5h9M7.5 17.5h5.5%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%223.5%22 width=%2216%22 height=%2217%22 rx=%222.5%22/%3E%3Cpath d=%22M7.5 9.2l1.7 1.7 3-3.2%22/%3E%3Cpath d=%22M14.5 9.5h2.5%22/%3E%3Cpath d=%22M7.5 14.5h9M7.5 17.5h5.5%22/%3E%3C/svg%3E"); }
.gl.g-cards { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.6%22 y=%227%22 width=%2212%22 height=%2213.5%22 rx=%222%22/%3E%3Cpath d=%22M8.6 4h9.8a2 2 0 0 1 2 2v11%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.6%22 y=%227%22 width=%2212%22 height=%2213.5%22 rx=%222%22/%3E%3Cpath d=%22M8.6 4h9.8a2 2 0 0 1 2 2v11%22/%3E%3C/svg%3E"); }
.gl.g-chart { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4.5 4.5v15h15%22/%3E%3Cpath d=%22M7.5 15l3.5-4 3 2.5 5-6%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4.5 4.5v15h15%22/%3E%3Cpath d=%22M7.5 15l3.5-4 3 2.5 5-6%22/%3E%3C/svg%3E"); }
.gl.g-code { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8.5 7.5L4 12l4.5 4.5M15.5 7.5L20 12l-4.5 4.5M13.4 5.5l-2.8 13%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8.5 7.5L4 12l4.5 4.5M15.5 7.5L20 12l-4.5 4.5M13.4 5.5l-2.8 13%22/%3E%3C/svg%3E"); }
.gl.g-calendar { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%225.5%22 width=%2216%22 height=%2214.5%22 rx=%222.6%22/%3E%3Cpath d=%22M4 10.2h16M8.5 3.5v4M15.5 3.5v4%22/%3E%3Cpath d=%22M8 14h2M12 14h2M8 17h2%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%225.5%22 width=%2216%22 height=%2214.5%22 rx=%222.6%22/%3E%3Cpath d=%22M4 10.2h16M8.5 3.5v4M15.5 3.5v4%22/%3E%3Cpath d=%22M8 14h2M12 14h2M8 17h2%22/%3E%3C/svg%3E"); }
.gl.g-pin { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 21s6.2-5.7 6.2-10.6a6.2 6.2 0 0 0-12.4 0C5.8 15.3 12 21 12 21z%22/%3E%3Ccircle cx=%2212%22 cy=%2210.4%22 r=%222.3%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 21s6.2-5.7 6.2-10.6a6.2 6.2 0 0 0-12.4 0C5.8 15.3 12 21 12 21z%22/%3E%3Ccircle cx=%2212%22 cy=%2210.4%22 r=%222.3%22/%3E%3C/svg%3E"); }
.gl.g-qr { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%226.2%22 height=%226.2%22 rx=%221.2%22/%3E%3Crect x=%2213.8%22 y=%224%22 width=%226.2%22 height=%226.2%22 rx=%221.2%22/%3E%3Crect x=%224%22 y=%2213.8%22 width=%226.2%22 height=%226.2%22 rx=%221.2%22/%3E%3Cpath d=%22M14 14h2.4v2.4H14zM18 18h2M14 20h2.2M20 14v2%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%226.2%22 height=%226.2%22 rx=%221.2%22/%3E%3Crect x=%2213.8%22 y=%224%22 width=%226.2%22 height=%226.2%22 rx=%221.2%22/%3E%3Crect x=%224%22 y=%2213.8%22 width=%226.2%22 height=%226.2%22 rx=%221.2%22/%3E%3Cpath d=%22M14 14h2.4v2.4H14zM18 18h2M14 20h2.2M20 14v2%22/%3E%3C/svg%3E"); }
.gl.g-habit { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%224.4%22 height=%224.4%22 rx=%221%22 fill=%22black%22/%3E%3Crect x=%229.8%22 y=%224%22 width=%224.4%22 height=%224.4%22 rx=%221%22/%3E%3Crect x=%2215.6%22 y=%224%22 width=%224.4%22 height=%224.4%22 rx=%221%22 fill=%22black%22/%3E%3Crect x=%224%22 y=%229.8%22 width=%224.4%22 height=%224.4%22 rx=%221%22/%3E%3Crect x=%229.8%22 y=%229.8%22 width=%224.4%22 height=%224.4%22 rx=%221%22 fill=%22black%22/%3E%3Crect x=%2215.6%22 y=%229.8%22 width=%224.4%22 height=%224.4%22 rx=%221%22 fill=%22black%22/%3E%3Crect x=%224%22 y=%2215.6%22 width=%224.4%22 height=%224.4%22 rx=%221%22 fill=%22black%22/%3E%3Crect x=%229.8%22 y=%2215.6%22 width=%224.4%22 height=%224.4%22 rx=%221%22 fill=%22black%22/%3E%3Crect x=%2215.6%22 y=%2215.6%22 width=%224.4%22 height=%224.4%22 rx=%221%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%224.4%22 height=%224.4%22 rx=%221%22 fill=%22black%22/%3E%3Crect x=%229.8%22 y=%224%22 width=%224.4%22 height=%224.4%22 rx=%221%22/%3E%3Crect x=%2215.6%22 y=%224%22 width=%224.4%22 height=%224.4%22 rx=%221%22 fill=%22black%22/%3E%3Crect x=%224%22 y=%229.8%22 width=%224.4%22 height=%224.4%22 rx=%221%22/%3E%3Crect x=%229.8%22 y=%229.8%22 width=%224.4%22 height=%224.4%22 rx=%221%22 fill=%22black%22/%3E%3Crect x=%2215.6%22 y=%229.8%22 width=%224.4%22 height=%224.4%22 rx=%221%22 fill=%22black%22/%3E%3Crect x=%224%22 y=%2215.6%22 width=%224.4%22 height=%224.4%22 rx=%221%22 fill=%22black%22/%3E%3Crect x=%229.8%22 y=%2215.6%22 width=%224.4%22 height=%224.4%22 rx=%221%22 fill=%22black%22/%3E%3Crect x=%2215.6%22 y=%2215.6%22 width=%224.4%22 height=%224.4%22 rx=%221%22/%3E%3C/svg%3E"); }
.gl.g-hourglass { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 4h10M7 20h10%22/%3E%3Cpath d=%22M8 4c0 4.4 8 3.8 8 8s-8 3.6-8 8M16 4c0 4.4-8 3.8-8 8s8 3.6 8 8%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 4h10M7 20h10%22/%3E%3Cpath d=%22M8 4c0 4.4 8 3.8 8 8s-8 3.6-8 8M16 4c0 4.4-8 3.8-8 8s8 3.6 8 8%22/%3E%3C/svg%3E"); }
.gl.g-drop { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3.6s6.2 6.5 6.2 10.6a6.2 6.2 0 0 1-12.4 0C5.8 10.1 12 3.6 12 3.6z%22/%3E%3Cpath d=%22M9.2 14.6a2.8 2.8 0 0 0 2.8 2.8%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3.6s6.2 6.5 6.2 10.6a6.2 6.2 0 0 1-12.4 0C5.8 10.1 12 3.6 12 3.6z%22/%3E%3Cpath d=%22M9.2 14.6a2.8 2.8 0 0 0 2.8 2.8%22/%3E%3C/svg%3E"); }
.gl.g-wave { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 11v2M7.2 8v8M10.4 5v14M13.6 9v6M16.8 6.5v11M20 10.5v3%22 stroke-width=%222.2%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 11v2M7.2 8v8M10.4 5v14M13.6 9v6M16.8 6.5v11M20 10.5v3%22 stroke-width=%222.2%22/%3E%3C/svg%3E"); }