/* Same geometry on every operating system; never rely on a system emoji font. */
svg.ui-arrow { display:inline-block; width:1em; height:1em; min-width:1em; flex-shrink:0; vertical-align:-.125em; overflow:visible; pointer-events:none; }
.case-gallery-arrows svg.ui-arrow,.case-lightbox button svg.ui-arrow { width:19px; height:19px; }

.hobby-list li::before,.portfolio-version-archive::after { content:''; display:inline-block; width:1em; height:1em; padding:0; margin-left:7px; background:currentColor; vertical-align:-.125em; mask-repeat:no-repeat; mask-position:center; mask-size:contain; }
.hobby-list li::before { margin-left:0; margin-right:7px; mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2018%2018%206M6%206h12v12%22%2F%3E%3C%2Fsvg%3E"); }
.portfolio-version-archive::after { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2010h9a6%206%200%200%201%200%2012M9%205l-5%205%205%205%22%2F%3E%3C%2Fsvg%3E"); }