/* Player name icons — premium, online, holy/evil alignment and gender identity, each in the same orb.
   GENERATED by data/build_player_icons.py — edit the SVGs there, then re-run it.
   Each icon is a self-contained SVG so it renders wherever display_name() output lands.
   Markup: <i class="vg-pi vg-pi--premium" role="img" title="…" aria-label="…"></i> (see vg_player_icon() in funcs.php). */
.vg-pi {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    min-width: 16px;
    min-height: 16px;
    margin: 0 .08em;
    vertical-align: -0.28em;
    background: center / contain no-repeat;
    font-style: normal;
}
.vg-pi-set { display: inline-block; white-space: nowrap; }
.vg-pi--premium { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3CradialGradient id=%22o%22 cx=%22.36%22 cy=%22.3%22 r=%22.78%22%3E%3Cstop offset=%220%22 stop-color=%22%233a2a10%22/%3E%3Cstop offset=%22.62%22 stop-color=%22%23140a0d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23060304%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22g%22 gradientUnits=%22userSpaceOnUse%22 x1=%2212%22 y1=%222%22 x2=%2212%22 y2=%2222%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff0a8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23c8901f%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2211.2%22 fill=%22%23000%22 opacity=%22.45%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210.6%22 fill=%22url(%23o)%22 stroke=%22%23e2b54a%22 stroke-width=%221.15%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.5%22 fill=%22none%22 stroke=%22%23e2b54a%22 stroke-opacity=%22.22%22 stroke-width=%22.7%22/%3E%3Cg transform=%22translate(12 12) scale(0.589) translate(-12.00 -12.05)%22%3E%3Cpath d=%22M3.6 17.6 2.6 7.4l5.6 4.2L12 4.4l3.8 7.2 5.6-4.2-1 10.2Z%22 fill=%22url(%23g)%22 stroke=%22%235a3a08%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E%3Crect x=%223.8%22 y=%2218.6%22 width=%2216.4%22 height=%222.6%22 rx=%221.1%22 fill=%22%23d9a63a%22 stroke=%22%235a3a08%22 stroke-width=%221%22/%3E%3Ccircle cx=%2212%22 cy=%2213.6%22 r=%221.8%22 fill=%22%23d8262e%22 stroke=%22%235a0a0e%22 stroke-width=%22.8%22/%3E%3Ccircle cx=%222.6%22 cy=%227.2%22 r=%221.3%22 fill=%22%23fff0a8%22/%3E%3Ccircle cx=%2212%22 cy=%224.2%22 r=%221.3%22 fill=%22%23fff0a8%22/%3E%3Ccircle cx=%2221.4%22 cy=%227.2%22 r=%221.3%22 fill=%22%23fff0a8%22/%3E%3C/g%3E%3Cellipse cx=%2212%22 cy=%226.4%22 rx=%226.2%22 ry=%222.6%22 fill=%22%23fff%22 opacity=%22.07%22/%3E%3C/svg%3E"); }
.vg-pi--online { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3CradialGradient id=%22o%22 cx=%22.36%22 cy=%22.3%22 r=%22.78%22%3E%3Cstop offset=%220%22 stop-color=%22%23123a24%22/%3E%3Cstop offset=%22.62%22 stop-color=%22%23140a0d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23060304%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2211.2%22 fill=%22%23000%22 opacity=%22.45%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210.6%22 fill=%22url(%23o)%22 stroke=%22%235fd38f%22 stroke-width=%221.15%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.5%22 fill=%22none%22 stroke=%22%235fd38f%22 stroke-opacity=%22.22%22 stroke-width=%22.7%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%227.5%22 fill=%22%235fd38f%22 opacity=%22.22%22/%3E%3Cg transform=%22translate(12 12) scale(0.741) translate(-12.00 -12.00)%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%226%22 fill=%22%235fd38f%22/%3E%3Ccircle cx=%2210.2%22 cy=%2210.2%22 r=%222%22 fill=%22%23e6fff0%22 opacity=%22.8%22/%3E%3C/g%3E%3Cellipse cx=%2212%22 cy=%226.4%22 rx=%226.2%22 ry=%222.6%22 fill=%22%23fff%22 opacity=%22.07%22/%3E%3C/svg%3E"); }
.vg-pi--holy { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3CradialGradient id=%22o%22 cx=%22.36%22 cy=%22.3%22 r=%22.78%22%3E%3Cstop offset=%220%22 stop-color=%22%233a3218%22/%3E%3Cstop offset=%22.62%22 stop-color=%22%23140a0d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23060304%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22g%22 gradientUnits=%22userSpaceOnUse%22 x1=%2212%22 y1=%222%22 x2=%2212%22 y2=%2222%22%3E%3Cstop offset=%220%22 stop-color=%22%23fffbe6%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f0c64e%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2211.2%22 fill=%22%23000%22 opacity=%22.45%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210.6%22 fill=%22url(%23o)%22 stroke=%22%23f3dc8a%22 stroke-width=%221.15%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.5%22 fill=%22none%22 stroke=%22%23f3dc8a%22 stroke-opacity=%22.22%22 stroke-width=%22.7%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%227.5%22 fill=%22%23fff3c0%22 opacity=%22.22%22/%3E%3Cg transform=%22translate(12 12) scale(0.663) translate(-12.00 -11.30)%22%3E%3Cellipse cx=%2212%22 cy=%225.6%22 rx=%227.4%22 ry=%222.7%22 fill=%22none%22 stroke=%22url(%23g)%22 stroke-width=%222.2%22/%3E%3Cpath d=%22M12 9.6c.5 3.6 1.9 5 5.4 5.6-3.5.6-4.9 2-5.4 5.6-.5-3.6-1.9-5-5.4-5.6 3.5-.6 4.9-2 5.4-5.6Z%22 fill=%22url(%23g)%22/%3E%3C/g%3E%3Cellipse cx=%2212%22 cy=%226.4%22 rx=%226.2%22 ry=%222.6%22 fill=%22%23fff%22 opacity=%22.07%22/%3E%3C/svg%3E"); }
.vg-pi--evil { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3CradialGradient id=%22o%22 cx=%22.36%22 cy=%22.3%22 r=%22.78%22%3E%3Cstop offset=%220%22 stop-color=%22%233e0b10%22/%3E%3Cstop offset=%22.62%22 stop-color=%22%23140a0d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23060304%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22g%22 gradientUnits=%22userSpaceOnUse%22 x1=%2212%22 y1=%222%22 x2=%2212%22 y2=%2222%22%3E%3Cstop offset=%220%22 stop-color=%22%23ff6a50%22/%3E%3Cstop offset=%221%22 stop-color=%22%238a0e16%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2211.2%22 fill=%22%23000%22 opacity=%22.45%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210.6%22 fill=%22url(%23o)%22 stroke=%22%23d8343a%22 stroke-width=%221.15%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.5%22 fill=%22none%22 stroke=%22%23d8343a%22 stroke-opacity=%22.22%22 stroke-width=%22.7%22/%3E%3Cg transform=%22translate(12 12) scale(0.670) translate(-12.00 -11.70)%22%3E%3Cpath d=%22M4.4 20.6C3.6 13.6 4.6 8 2.6 2.8c5.4 2.6 8 7.6 7.4 17.8Z%22 fill=%22url(%23g)%22 stroke=%22%232a0406%22 stroke-width=%221%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M19.6 20.6c.8-7-.2-12.6 1.8-17.8-5.4 2.6-8 7.6-7.4 17.8Z%22 fill=%22url(%23g)%22 stroke=%22%232a0406%22 stroke-width=%221%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cellipse cx=%2212%22 cy=%226.4%22 rx=%226.2%22 ry=%222.6%22 fill=%22%23fff%22 opacity=%22.07%22/%3E%3C/svg%3E"); }
.vg-pi--g-male { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3CradialGradient id=%22o%22 cx=%22.36%22 cy=%22.3%22 r=%22.78%22%3E%3Cstop offset=%220%22 stop-color=%22%232c1419%22/%3E%3Cstop offset=%22.62%22 stop-color=%22%23140a0d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23060304%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2211.2%22 fill=%22%23000%22 opacity=%22.45%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210.6%22 fill=%22url(%23o)%22 stroke=%22%236fb0ff%22 stroke-width=%221.15%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.5%22 fill=%22none%22 stroke=%22%236fb0ff%22 stroke-opacity=%22.22%22 stroke-width=%22.7%22/%3E%3Cg transform=%22translate(12 12) scale(0.840) translate(-12.00 -12.00)%22%3E%3Cg fill=%22none%22 stroke=%22%236fb0ff%22 stroke-width=%223.0%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2210%22 cy=%2214%22 r=%225.5%22/%3E%3Cpath d=%22M14 10 19.5 4.5M14.5 4.5h5v5%22/%3E%3C/g%3E%3C/g%3E%3Cellipse cx=%2212%22 cy=%226.4%22 rx=%226.2%22 ry=%222.6%22 fill=%22%23fff%22 opacity=%22.07%22/%3E%3C/svg%3E"); }
.vg-pi--g-female { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3CradialGradient id=%22o%22 cx=%22.36%22 cy=%22.3%22 r=%22.78%22%3E%3Cstop offset=%220%22 stop-color=%22%232c1419%22/%3E%3Cstop offset=%22.62%22 stop-color=%22%23140a0d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23060304%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2211.2%22 fill=%22%23000%22 opacity=%22.45%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210.6%22 fill=%22url(%23o)%22 stroke=%22%23ff7fb8%22 stroke-width=%221.15%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.5%22 fill=%22none%22 stroke=%22%23ff7fb8%22 stroke-opacity=%22.22%22 stroke-width=%22.7%22/%3E%3Cg transform=%22translate(12 12) scale(0.681) translate(-12.00 -12.75)%22%3E%3Cg fill=%22none%22 stroke=%22%23ff7fb8%22 stroke-width=%223.0%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%229%22 r=%225.5%22/%3E%3Cpath d=%22M12 14.5V22M8.5 18.6h7%22/%3E%3C/g%3E%3C/g%3E%3Cellipse cx=%2212%22 cy=%226.4%22 rx=%226.2%22 ry=%222.6%22 fill=%22%23fff%22 opacity=%22.07%22/%3E%3C/svg%3E"); }
.vg-pi--g-nonbinary { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3CradialGradient id=%22o%22 cx=%22.36%22 cy=%22.3%22 r=%22.78%22%3E%3Cstop offset=%220%22 stop-color=%22%232c1419%22/%3E%3Cstop offset=%22.62%22 stop-color=%22%23140a0d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23060304%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22g%22 gradientUnits=%22userSpaceOnUse%22 x1=%2212%22 y1=%222%22 x2=%2212%22 y2=%2222%22%3E%3Cstop offset=%220%22 stop-color=%22%23fcf434%22/%3E%3Cstop offset=%221%22 stop-color=%22%23a66ee0%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2211.2%22 fill=%22%23000%22 opacity=%22.45%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210.6%22 fill=%22url(%23o)%22 stroke=%22url(%23g)%22 stroke-width=%221.15%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.5%22 fill=%22none%22 stroke=%22url(%23g)%22 stroke-opacity=%22.22%22 stroke-width=%22.7%22/%3E%3Cg transform=%22translate(12 12) scale(0.677) translate(-12.00 -11.90)%22%3E%3Cg fill=%22none%22 stroke=%22url(%23g)%22 stroke-width=%223.0%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2216.2%22 r=%225%22/%3E%3Cpath d=%22M12 11.2V2.6M8.7 4.4l6.6 3.8M15.3 4.4 8.7 8.2%22/%3E%3C/g%3E%3C/g%3E%3Cellipse cx=%2212%22 cy=%226.4%22 rx=%226.2%22 ry=%222.6%22 fill=%22%23fff%22 opacity=%22.07%22/%3E%3C/svg%3E"); }
.vg-pi--g-transgender { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3CradialGradient id=%22o%22 cx=%22.36%22 cy=%22.3%22 r=%22.78%22%3E%3Cstop offset=%220%22 stop-color=%22%232c1419%22/%3E%3Cstop offset=%22.62%22 stop-color=%22%23140a0d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23060304%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22g%22 gradientUnits=%22userSpaceOnUse%22 x1=%223%22 y1=%223%22 x2=%2221%22 y2=%2221%22%3E%3Cstop offset=%220%22 stop-color=%22%235bcefa%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f5a9b8%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2211.2%22 fill=%22%23000%22 opacity=%22.45%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210.6%22 fill=%22url(%23o)%22 stroke=%22url(%23g)%22 stroke-width=%221.15%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.5%22 fill=%22none%22 stroke=%22url(%23g)%22 stroke-opacity=%22.22%22 stroke-width=%22.7%22/%3E%3Cg transform=%22translate(12 12) scale(0.733) translate(-12.00 -13.40)%22%3E%3Cg fill=%22none%22 stroke=%22url(%23g)%22 stroke-width=%223.0%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212.6%22 r=%224.4%22/%3E%3Cpath d=%22M15.1 9.5 19.8 4.8M15.8 4.8h4v4M8.9 9.5 4.2 4.8M8.2 4.8h-4v4M5.3 8.6l3-3M12 17v5M9.8 19.7h4.4%22/%3E%3C/g%3E%3C/g%3E%3Cellipse cx=%2212%22 cy=%226.4%22 rx=%226.2%22 ry=%222.6%22 fill=%22%23fff%22 opacity=%22.07%22/%3E%3C/svg%3E"); }
.vg-pi--g-genderfluid { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3CradialGradient id=%22o%22 cx=%22.36%22 cy=%22.3%22 r=%22.78%22%3E%3Cstop offset=%220%22 stop-color=%22%232c1419%22/%3E%3Cstop offset=%22.62%22 stop-color=%22%23140a0d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23060304%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22g%22 gradientUnits=%22userSpaceOnUse%22 x1=%2212%22 y1=%222%22 x2=%2212%22 y2=%2222%22%3E%3Cstop offset=%220%22 stop-color=%22%23ff76a4%22/%3E%3Cstop offset=%221%22 stop-color=%22%235a68e8%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2211.2%22 fill=%22%23000%22 opacity=%22.45%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210.6%22 fill=%22url(%23o)%22 stroke=%22url(%23g)%22 stroke-width=%221.15%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.5%22 fill=%22none%22 stroke=%22url(%23g)%22 stroke-opacity=%22.22%22 stroke-width=%22.7%22/%3E%3Cg transform=%22translate(12 12) scale(0.689) translate(-12.00 -12.05)%22%3E%3Cg fill=%22none%22 stroke=%22url(%23g)%22 stroke-width=%223.0%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2216.4%22 r=%224.8%22/%3E%3Cpath d=%22M12 11.6V7.2M12 4.6C10.6 2.4 7.2 2.4 7.2 4.6S10.6 6.8 12 4.6 16.8 2.4 16.8 4.6 13.4 6.8 12 4.6Z%22/%3E%3C/g%3E%3C/g%3E%3Cellipse cx=%2212%22 cy=%226.4%22 rx=%226.2%22 ry=%222.6%22 fill=%22%23fff%22 opacity=%22.07%22/%3E%3C/svg%3E"); }
.vg-pi--g-genderqueer { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3CradialGradient id=%22o%22 cx=%22.36%22 cy=%22.3%22 r=%22.78%22%3E%3Cstop offset=%220%22 stop-color=%22%232c1419%22/%3E%3Cstop offset=%22.62%22 stop-color=%22%23140a0d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23060304%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22g%22 gradientUnits=%22userSpaceOnUse%22 x1=%2212%22 y1=%222%22 x2=%2212%22 y2=%2222%22%3E%3Cstop offset=%220%22 stop-color=%22%23c39ae8%22/%3E%3Cstop offset=%221%22 stop-color=%22%237cc04a%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2211.2%22 fill=%22%23000%22 opacity=%22.45%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210.6%22 fill=%22url(%23o)%22 stroke=%22url(%23g)%22 stroke-width=%221.15%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.5%22 fill=%22none%22 stroke=%22url(%23g)%22 stroke-opacity=%22.22%22 stroke-width=%22.7%22/%3E%3Cg transform=%22translate(12 12) scale(0.696) translate(-12.00 -11.95)%22%3E%3Cg fill=%22none%22 stroke=%22url(%23g)%22 stroke-width=%223.0%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2216%22 r=%225%22/%3E%3Cpath d=%22M12 11V6M8.9 2.9 15.1 9.1M15.1 2.9 8.9 9.1%22/%3E%3C/g%3E%3C/g%3E%3Cellipse cx=%2212%22 cy=%226.4%22 rx=%226.2%22 ry=%222.6%22 fill=%22%23fff%22 opacity=%22.07%22/%3E%3C/svg%3E"); }
.vg-pi--g-agender { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3CradialGradient id=%22o%22 cx=%22.36%22 cy=%22.3%22 r=%22.78%22%3E%3Cstop offset=%220%22 stop-color=%22%232c1419%22/%3E%3Cstop offset=%22.62%22 stop-color=%22%23140a0d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23060304%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22g%22 gradientUnits=%22userSpaceOnUse%22 x1=%2212%22 y1=%222%22 x2=%2212%22 y2=%2222%22%3E%3Cstop offset=%220%22 stop-color=%22%23e4e8ea%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b8f483%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2211.2%22 fill=%22%23000%22 opacity=%22.45%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210.6%22 fill=%22url(%23o)%22 stroke=%22url(%23g)%22 stroke-width=%221.15%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.5%22 fill=%22none%22 stroke=%22url(%23g)%22 stroke-opacity=%22.22%22 stroke-width=%22.7%22/%3E%3Cg transform=%22translate(12 12) scale(0.681) translate(-12.00 -12.75)%22%3E%3Cg fill=%22none%22 stroke=%22url(%23g)%22 stroke-width=%223.0%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%229%22 r=%225.5%22/%3E%3Cpath d=%22M12 14.5V22%22/%3E%3C/g%3E%3C/g%3E%3Cellipse cx=%2212%22 cy=%226.4%22 rx=%226.2%22 ry=%222.6%22 fill=%22%23fff%22 opacity=%22.07%22/%3E%3C/svg%3E"); }
.vg-pi--g-bigender { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3CradialGradient id=%22o%22 cx=%22.36%22 cy=%22.3%22 r=%22.78%22%3E%3Cstop offset=%220%22 stop-color=%22%232c1419%22/%3E%3Cstop offset=%22.62%22 stop-color=%22%23140a0d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23060304%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22g%22 gradientUnits=%22userSpaceOnUse%22 x1=%223%22 y1=%223%22 x2=%2221%22 y2=%2221%22%3E%3Cstop offset=%220%22 stop-color=%22%23e083b8%22/%3E%3Cstop offset=%221%22 stop-color=%22%237b93e0%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2211.2%22 fill=%22%23000%22 opacity=%22.45%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210.6%22 fill=%22url(%23o)%22 stroke=%22url(%23g)%22 stroke-width=%221.15%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.5%22 fill=%22none%22 stroke=%22url(%23g)%22 stroke-opacity=%22.22%22 stroke-width=%22.7%22/%3E%3Cg transform=%22translate(12 12) scale(0.708) translate(-12.80 -13.50)%22%3E%3Cg fill=%22none%22 stroke=%22url(%23g)%22 stroke-width=%223.0%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2211%22 cy=%2213%22 r=%224.8%22/%3E%3Cpath d=%22M14.5 9.5 19.4 4.6M15 4.6h4.4V9M11 17.8v4.6M8.8 20.2h4.4%22/%3E%3C/g%3E%3C/g%3E%3Cellipse cx=%2212%22 cy=%226.4%22 rx=%226.2%22 ry=%222.6%22 fill=%22%23fff%22 opacity=%22.07%22/%3E%3C/svg%3E"); }
.vg-pi--g-twospirit { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3CradialGradient id=%22o%22 cx=%22.36%22 cy=%22.3%22 r=%22.78%22%3E%3Cstop offset=%220%22 stop-color=%22%232c1419%22/%3E%3Cstop offset=%22.62%22 stop-color=%22%23140a0d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23060304%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22g%22 gradientUnits=%22userSpaceOnUse%22 x1=%2212%22 y1=%222%22 x2=%2212%22 y2=%2222%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffc24a%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e0452b%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2211.2%22 fill=%22%23000%22 opacity=%22.45%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210.6%22 fill=%22url(%23o)%22 stroke=%22url(%23g)%22 stroke-width=%221.15%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.5%22 fill=%22none%22 stroke=%22url(%23g)%22 stroke-opacity=%22.22%22 stroke-width=%22.7%22/%3E%3Cg transform=%22translate(12 12) scale(0.692) translate(-11.90 -11.90)%22%3E%3Cpath d=%22M18.6 2.8C11.8 4.4 7.6 9.8 7.1 17.2c7.6-1.9 11.8-7.4 11.5-14.4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M18 3.6 9.5 13.8M5.2 21 9.6 13.6%22 stroke=%22%232a1208%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 fill=%22none%22/%3E%3Cpath d=%22M14.6 7.4l2.4.3M12.4 10.2l2.8.2%22 stroke=%22%232a1208%22 stroke-width=%221.1%22 stroke-linecap=%22round%22 fill=%22none%22 opacity=%22.7%22/%3E%3C/g%3E%3Cellipse cx=%2212%22 cy=%226.4%22 rx=%226.2%22 ry=%222.6%22 fill=%22%23fff%22 opacity=%22.07%22/%3E%3C/svg%3E"); }
.vg-pi--g-questioning { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3CradialGradient id=%22o%22 cx=%22.36%22 cy=%22.3%22 r=%22.78%22%3E%3Cstop offset=%220%22 stop-color=%22%232c1419%22/%3E%3Cstop offset=%22.62%22 stop-color=%22%23140a0d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23060304%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2211.2%22 fill=%22%23000%22 opacity=%22.45%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210.6%22 fill=%22url(%23o)%22 stroke=%22%23cdb8f2%22 stroke-width=%221.15%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.5%22 fill=%22none%22 stroke=%22%23cdb8f2%22 stroke-opacity=%22.22%22 stroke-width=%22.7%22/%3E%3Cg transform=%22translate(12 12) scale(0.768) translate(-12.00 -12.60)%22%3E%3Cg fill=%22none%22 stroke=%22%23cdb8f2%22 stroke-width=%223.0%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8.6 8.6a3.5 3.5 0 1 1 5.2 3c-1 .6-1.8 1.3-1.8 2.6v1%22/%3E%3Cpath d=%22M12 19.6h.01%22 stroke-width=%223.6%22/%3E%3C/g%3E%3C/g%3E%3Cellipse cx=%2212%22 cy=%226.4%22 rx=%226.2%22 ry=%222.6%22 fill=%22%23fff%22 opacity=%22.07%22/%3E%3C/svg%3E"); }
.vg-pi--g-unspecified { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3CradialGradient id=%22o%22 cx=%22.36%22 cy=%22.3%22 r=%22.78%22%3E%3Cstop offset=%220%22 stop-color=%22%232c1419%22/%3E%3Cstop offset=%22.62%22 stop-color=%22%23140a0d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23060304%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2211.2%22 fill=%22%23000%22 opacity=%22.45%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210.6%22 fill=%22url(%23o)%22 stroke=%22%237a6e62%22 stroke-width=%221.15%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.5%22 fill=%22none%22 stroke=%22%237a6e62%22 stroke-opacity=%22.22%22 stroke-width=%22.7%22/%3E%3Cg transform=%22translate(12 12) scale(1.050) translate(-12.00 -12.00)%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%226%22 fill=%22none%22 stroke=%22%239a8e7c%22 stroke-width=%221.8%22 stroke-dasharray=%222.4 2.6%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3Cellipse cx=%2212%22 cy=%226.4%22 rx=%226.2%22 ry=%222.6%22 fill=%22%23fff%22 opacity=%22.07%22/%3E%3C/svg%3E"); }