cx-viewer 1.0.3 → 1.0.4

package/src/img/model-qwen.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg t="1771495640319" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5634" width="200" height="200"><path d="M537.782857 57.161143c16.749714 29.44 33.426286 58.953143 50.102857 88.502857a7.68 7.68 0 0 0 6.692572 3.913143h236.873143c7.424 0 13.750857 4.681143 19.017142 13.933714l62.061715 109.677714c8.082286 14.372571 10.24 20.370286 1.024 35.693715a2262.893714 2262.893714 0 0 0-32.438857 55.478857l-15.652572 28.086857c-4.534857 8.338286-9.508571 11.922286-1.718857 21.833143l113.152 197.851428c7.314286 12.8 4.754286 21.065143-1.828571 32.841143-18.651429 33.499429-37.632 66.742857-56.978286 99.84-6.765714 11.593143-14.994286 16.018286-29.001143 15.798857a1833.398857 1833.398857 0 0 0-99.291429 0.658286 4.242286 4.242286 0 0 0-3.437714 2.157714 24571.830857 24571.830857 0 0 1-115.419428 202.24c-7.204571 12.507429-16.201143 15.469714-30.939429 15.506286-42.532571 0.146286-85.430857 0.182857-128.731429 0.109714a22.930286 22.930286 0 0 1-19.821714-11.556571l-56.978286-99.108571a3.84 3.84 0 0 0-3.547428-2.121143h-218.331429a76.288 76.288 0 0 1-34.377143-3.913143l-68.388571-118.198857a23.149714 23.149714 0 0 1-0.073143-23.04l51.492572-90.441143a8.448 8.448 0 0 0 0-8.411429 23594.496 23594.496 0 0 1-80.018286-139.593143L47.542857 425.325714c-6.838857-13.202286-7.387429-21.138286 4.022857-41.179428 19.858286-34.669714 39.570286-69.302857 59.209143-103.936 5.632-9.984 12.946286-14.262857 24.905143-14.262857 36.827429-0.182857 73.654857-0.182857 110.445714-0.073143 1.901714 0 3.657143-1.024 4.571429-2.669715l119.734857-208.859428a20.845714 20.845714 0 0 1 17.993143-10.496c22.381714-0.036571 44.946286 0 67.547428-0.256l43.410286-0.987429c14.555429-0.109714 30.866286 1.389714 38.4 14.518857z m-146.432 17.188571a2.56 2.56 0 0 0-2.194286 1.28l-122.331428 213.942857a6.692571 6.692571 0 0 1-5.741714 3.364572H138.788571c-2.377143 0-2.962286 1.060571-1.755428 3.145143l247.917714 433.334857c1.060571 1.792 0.548571 2.633143-1.462857 2.669714l-119.222857 0.658286a9.289143 9.289143 0 0 0-8.557714 4.937143l-56.32 98.56c-1.865143 3.328-0.914286 5.046857 2.925714 5.046857l243.858286 0.365714c1.974857 0 3.401143 0.841143 4.425142 2.56l59.867429 104.704c1.974857 3.474286 3.913143 3.510857 5.924571 0l213.577143-373.76 33.426286-58.953143a2.340571 2.340571 0 0 1 4.096 0l60.745143 107.958857a5.193143 5.193143 0 0 0 4.571428 2.633143l117.906286-0.841143a1.718857 1.718857 0 0 0 1.462857-2.56l-123.721143-217.014857a4.608 4.608 0 0 1 0-4.827428l12.507429-21.613715 47.798857-84.370285c1.024-1.755429 0.512-2.633143-1.499428-2.633143H392.521143c-2.486857 0-3.108571-1.097143-1.828572-3.291429l61.184-106.861714a4.571429 4.571429 0 0 0 0-4.864l-58.258285-102.253714a2.56 2.56 0 0 0-2.267429-1.316572z m268.361143 342.198857c1.974857 0 2.486857 0.841143 1.462857 2.56l-35.474286 62.500572-111.542857 195.620571a2.377143 2.377143 0 0 1-2.121143 1.243429 2.486857 2.486857 0 0 1-2.121142-1.243429l-147.346286-257.353143c-0.841143-1.462857-0.402286-2.230857 1.206857-2.304l9.216-0.512 286.793143-0.512h-0.073143z" fill="#7D5DED" p-id="5635"></path></svg>

package/src/img/teammates/DESIGN.md

@@ -0,0 +1,165 @@
+# Teammate Avatar Design System v2 — "Drawn Into Existence" Portraits
+
+Each of the 17 role avatars is a richly colored bust portrait of a historical (or
+mythological) figure that plays a **one-shot pure-SVG SMIL animation**: ink strokes
+sketch the character in, color fills fade up, then the image freezes complete.
+No JS, no CSS, no external references — the file is self-contained and safe to
+inject inline many times into one document.
+
+## Delivery context (why the rules below exist)
+
+- Files are imported with Vite `?raw` (`src/utils/teammateAvatars.js`) and injected
+  as **live inline DOM** via `dangerouslySetInnerHTML` at six render sites. SMIL runs
+  there; the same string may appear dozens of times in one HTML document.
+- Rendered sizes: 32px (chat bubble, circular background, **not clipped**), 14px
+  (team panel — whose CSS sets `svg { fill: currentColor }`), 10px (role filter chip).
+- The circular container background is a per-name identity color (20 CSS vars,
+  vivid in dark theme, pastel in light theme) — independent of the role artwork.
+
+## Canvas & composition
+
+- `viewBox="0 0 100 100"`; root: `<svg xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 100 100" aria-hidden="true" stroke-linecap="round" stroke-linejoin="round">`.
+- **Everything inside the inscribed Ø96 circle** centered at (50,50) — the 32px chat
+  site does not clip, so nothing may poke outside the circle.
+- Bust framing: eye-line y≈40–44; head (incl. hair/hat) tops out y≥9; shoulders/garment
+  bottom ends by y≈94, leaving the identity color visible as a ring.
+- Silhouette-first: the figure must be identifiable **from flat fills alone at 14px**
+  (strokes are sub-pixel there). ≤4 dominant color regions; one signature prop
+  occupying ≥20% of the circle; unique dominant accent hue per figure; no two figures
+  share both hat-category and beard color. The 10px chip renders next to the role
+  name text, so blob-level recognition suffices there.
+
+## Authoring rules
+
+`test/teammate-svg-assets.test.js` enforces A1, A2, A3, the ink hex + stroke-width
+set of A4/A5, and A6's byte budget. The remaining clauses (paper-carrier boundary
+placement, skin ramp, coordinate precision) are review-time rules.
+
+- **A1 — paths only.** Every visible element is a `<path>` (`pathLength` is unreliable
+  on other shapes). Circles are drawn with two arc commands.
+- **A2 — banned:** `id=`, `class=`, `<defs>`, `<use>`, `<style>`, `<script>`, `<text>`,
+  `<image>`, gradients, `url(`, `http`, `currentColor`, `repeatCount="indefinite"`.
+  Rationale: duplicate-inline-instance safety (`id`/`<style>` are document-global)
+  and theme safety (`currentColor` is overridden per-site).
+- **A3 — explicit paint per element.** Every path carries its own `fill="..."`
+  (or `fill="none"`), and its own `stroke="..."` if stroked. Never rely on root
+  defaults or inheritance — the team panel CSS `fill: currentColor` would override
+  root-level fill. (Inheritable non-paint attrs like linecap/linejoin stay on root.)
+- **A4 — dual-carrier contrast.** One ink hex `#2b2233` (required in every file) and
+  one paper hex `#f4e9d8` across the set. The bust's outer boundary should be ink
+  stroke directly bordering a light (paper-family) fill along most of its perimeter,
+  so at least one edge holds ≥3:1 contrast on all 40 identity-background values
+  (ink alone fails 4 dark vivids; paper alone fails all light pastels; the pair
+  covers everything). Figures whose design has no natural paper element (e.g. the
+  achromatic marble bust) satisfy the rule with their own light fills ≥ paper's
+  luminance instead of the literal hex.
+- **A5 — two stroke widths:** 3.5 units (outer silhouette) and 2.5 (interior detail
+  and accent energy lines). Skin tones come from the shared ramp
+  `#f6dcc0 #eec49c #dfa878 #c68a58 #a06840`; other fills are rich flat colors
+  (4–8 per file). `rgba()` is allowed for soft glows/blush.
+- **A6 — budget:** ≤10KB per file, 1-decimal coordinates, no comments (raw text
+  ships inside the JS bundle).
+
+## Animation grammar (one-shot, degrades to the finished portrait)
+
+**The static markup is the COMPLETE portrait.** All hidden→drawn states live inside
+`<animate>` elements, so renderers without SMIL (old WebViews) — and any timeline
+edge case — show the finished art, never a blank.
+
+- Ink stroke (draws itself in; `1.01` start avoids the round-cap dot artifact):
+
+  ```xml
+  <path d="..." fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1">
+    <animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;H;1"
+      calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="Es" begin="0s" fill="freeze"/>
+  </path>
+  ```
+
+  `E` = the path's end time; `H` = start/E (the hold-hidden fraction). The first
+  path (start 0) uses the two-value form `values="1.01;0" keyTimes="0;1"
+  keySplines=".4 0 .2 1"`. Same-color, same-timing strokes may merge into one
+  multi-subpath `d` (the dash draws subpaths sequentially).
+
+- Color fill (fades up, linear):
+
+  ```xml
+  <path d="..." fill="#hex">
+    <animate attributeName="opacity" values="0;0;1" keyTimes="0;H;1" dur="Es" begin="0s" fill="freeze"/>
+  </path>
+  ```
+
+- **Absolute `begin="0s"` everywhere.** No syncbase chaining (`x.end` needs ids),
+  no `repeatCount`, `fill="freeze"` on every animate, one animate per attribute
+  per element. Total timeline ≤1.2s.
+- Canonical order (all 17 files sketch identically): face contour → facial features →
+  hair/hat → neck/collar → garment → prop; fills fade back-to-front starting ~0.3s,
+  prop/accents finish last.
+- Consumers may strip `<animate .../>` elements at runtime to render the static
+  variant for old content (see `stripSvgAnimations` in `src/utils/teammateAvatars.js`) —
+  the completeness rule above guarantees the stripped result is the finished portrait.
+
+### Reference timing schedule (from `researcher.svg`; keep within ±0.1s)
+
+| element | start→end (s) | | element | start→end (s) |
+|---|---|---|---|---|
+| face contour stroke | 0→0.24 | | garment outline strokes | 0.50→0.74 |
+| brows/nose strokes | 0.14→0.34 | | garment fold strokes | 0.62→0.82 |
+| hair/hat outline | 0.10→0.50 | | prop outline stroke | 0.58→0.80 |
+| eyes/lips fills | 0.24→0.46 | | accent energy strokes | 0.78→1.0 |
+| face/hair fills | 0.30→0.62 | | prop fills | 0.68→1.0 |
+| neck/collar strokes | 0.40→0.62 | | glow/sparkle fills | 0.82→1.08 |
+
+## Role → figure mapping
+
+| role | figure | signature prop / hooks | accent hue |
+|---|---|---|---|
+| researcher | Marie Curie | glowing radium vial, updo bun, navy dress | radium green `#7ce577` |
+| reviewer | Socrates | scroll; bald crown, white beard, toga | olive `#8a9a5b` |
+| explorer | Amelia Earhart | goggles on leather cap, white scarf | sky blue `#9ec9e2` |
+| analyst | Ada Lovelace | punch card; ringlets, teal ribbon | teal `#2a9d8f` |
+| tracer | Ariadne | red thread & spool; gold diadem, chiton | thread red `#e05252` |
+| investigator | Allan Pinkerton | brass magnifier; bowler, brown beard | brass `#c9982f` |
+| builder | I. K. Brunel | chain links; stovepipe hat, bow tie | iron gray `#8a8f98` |
+| implementer | Grace Hopper | moth ("first bug"); naval cap, uniform | gold stripes `#d4a437` |
+| auditor | Luca Pacioli | open ledger; friar hood | book red `#a4403a` |
+| translator | Champollion | Rosetta slab; wavy hair, cravat | sandstone `#c9a86b` |
+| security | Harry Houdini | padlock & chest chains; tuxedo | steel `#9aa0a8` |
+| scanner | Wilhelm Röntgen | glowing X-ray plate; black beard, specs | x-ray cyan `#6fd6e0` |
+| expert | Isaac Newton | apple + sparkle; long silver hair | apple red `#c73030` |
+| executor | Napoleon | bicorne + cockade, epaulettes | imperial gold `#d4a437` |
+| designer | Leonardo da Vinci | golden divider + arc; gray beard, cap | terracotta `#b0533a` |
+| worker | riveter archetype (original pose — NOT the "We Can Do It" composition) | polka-dot bandana, wrench | bandana red `#c9403a` |
+| default | classical marble bust | question mark; achromatic marble | marble gray `#cfc8bb` |
+
+Likeness constraints (for the SHIPPED default set above): public-domain
+historical/mythological figures only — no living/estate-enforced likenesses
+(Einstein was explicitly rejected). The worker is a generic archetype, not the
+Westinghouse poster composition.
+
+The `marvel/` subdirectory holds a **local-only alternate set** (17 files, same
+grammar and rules, validated by the same asset test). It is deliberately NOT
+imported by `teammateAvatars.js`, so it never enters the dist bundle or the npm
+artifact — the likeness constraint applies to whatever set actually ships. To use
+it, swap the `?raw` import paths manually.
+
+## Wiring a new role
+
+Authoring a compliant SVG is not enough to render it. A new role also needs, in
+`src/utils/teammateAvatars.js`: the `?raw` import, a `ROLE_MAP` entry, and a
+resolution rule (`PREFIX_RULES` / `SUFFIX_RULES` / `CONTAINS_RULES` /
+`ABBREV_PREFIX_RULES`); plus the role lists pinned in
+`test/teammate-avatars.test.js` and `test/teammate-svg-assets.test.js` (ROLES
+array). The role-count assertion in `teammate-avatars.test.js` and the pinned
+hash-fallback names will need updating — changing `ROLE_MAP` size shifts the
+name-hash fallback distribution.
+
+## Quality checklist (per file)
+
+- [ ] `viewBox="0 0 100 100"`, `aria-hidden="true"`, xmlns present
+- [ ] All geometry inside the Ø96 inscribed circle
+- [ ] Static markup = finished portrait (strip `<animate>` → complete image)
+- [ ] Rules A1–A6 pass (`npm run test` runs the asset test)
+- [ ] Recognizable at 32px; identifiable from fills alone at 14px
+- [ ] Ink/paper dual-carrier boundary present
+- [ ] Animation plays once ≤1.2s and freezes; nothing loops

package/src/img/teammates/analyst.svg

@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" aria-hidden="true" stroke-linecap="round" stroke-linejoin="round">
+<path d="M38.5 69.5C33 71 27.5 74.5 24.5 79C22.6 82 22.2 84.5 22.2 86.5C28.5 91.5 38 93.6 47.5 93.6C57 93.6 66 91.5 72.8 86.5C72.8 84.5 72.4 82 70.5 79C67.5 74.5 62 71 56.5 69.5C51.5 72.8 43.5 72.8 38.5 69.5Z" fill="#7a2f45"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.674;1" dur="0.86s" begin="0s" fill="freeze"/></path>
+<path d="M43 54.5L43 64C45.5 66 49.5 66 52 64L52 54.5C49.5 57.5 45.5 57.5 43 54.5Z" fill="#eec49c"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.633;1" dur="0.6s" begin="0s" fill="freeze"/></path>
+<path d="M43 55C45.5 57.8 49.5 57.8 52 55L52 58.5C49.5 60.8 45.5 60.8 43 58.5Z" fill="#dfa878"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.714;1" dur="0.7s" begin="0s" fill="freeze"/></path>
+<path d="M40.5 63C43.5 66.3 51.5 66.3 54.5 63L56.5 69.5C51.5 72.8 43.5 72.8 38.5 69.5Z" fill="#f4e9d8"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.694;1" dur="0.72s" begin="0s" fill="freeze"/></path>
+<path d="M35.2 34C35.2 26.8 40.6 23.6 47.5 23.6C54.4 23.6 60 27 60 34.2C60 43.5 58 50.8 54.2 54.8C50.4 58.8 44.6 58.7 40.9 54.6C37.2 50.4 35.2 43 35.2 34Z" fill="#eec49c"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.548;1" dur="0.62s" begin="0s" fill="freeze"/></path>
+<path d="M38.7 47.2a2.3 1.9 0 1 0 4.6 0a2.3 1.9 0 1 0-4.6 0ZM51.7 47.2a2.3 1.9 0 1 0 4.6 0a2.3 1.9 0 1 0-4.6 0Z" fill="rgba(197,116,92,0.26)"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.733;1" dur="0.75s" begin="0s" fill="freeze"/></path>
+<path d="M43.9 52.1C45.3 51.2 46.9 51.4 47.6 52C48.3 51.4 49.9 51.2 51.3 52.1C50 53.7 45.3 53.7 43.9 52.1Z" fill="#b56a68"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.652;1" dur="0.46s" begin="0s" fill="freeze"/></path>
+<path d="M40.9 42.6a1.8 1.5 0 1 0 3.6 0a1.8 1.5 0 1 0-3.6 0ZM51.1 42.6a1.8 1.5 0 1 0 3.6 0a1.8 1.5 0 1 0-3.6 0Z" fill="#2b2233"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.571;1" dur="0.42s" begin="0s" fill="freeze"/></path>
+<path d="M31.6 48a3.4 3.4 0 1 0 6.8 0a3.4 3.4 0 1 0-6.8 0ZM30.7 54a3.6 3.6 0 1 0 7.2 0a3.6 3.6 0 1 0-7.2 0ZM31.8 60a3.2 3.2 0 1 0 6.4 0a3.2 3.2 0 1 0-6.4 0ZM56.6 48a3.4 3.4 0 1 0 6.8 0a3.4 3.4 0 1 0-6.8 0ZM57.1 54a3.6 3.6 0 1 0 7.2 0a3.6 3.6 0 1 0-7.2 0ZM56.8 60a3.2 3.2 0 1 0 6.4 0a3.2 3.2 0 1 0-6.4 0Z" fill="#3a2b26"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.517;1" dur="0.58s" begin="0s" fill="freeze"/></path>
+<path d="M35.8 38.5C33.3 35 33 30 34.5 25C36.5 18.5 43 14.5 49.5 14.8C56.5 15.2 62 19.5 63.2 26C64 31 62.9 36.5 60.7 39.5C60.2 33 58.9 28.6 56.5 26.6C52.5 23.6 42.5 23.6 39 26.6C37 28.4 36.1 32.8 35.8 38.5Z" fill="#3a2b26"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.517;1" dur="0.58s" begin="0s" fill="freeze"/></path>
+<path d="M55 18.5C59 21 61 25.5 61 30C59.5 26 56.5 21.5 52.5 19.3C53.3 18.8 54.3 18.4 55 18.5Z" fill="#4a3730"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.694;1" dur="0.72s" begin="0s" fill="freeze"/></path>
+<path d="M37 27C40.5 22 44.5 19.5 49.5 19.5C54.5 19.5 58.5 22 62 27L60 29.5C57 25.5 53.5 23.5 49.5 23.5C45.5 23.5 42 25.5 39 29.5Z" fill="#2a9d8f"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.694;1" dur="0.72s" begin="0s" fill="freeze"/></path>
+<path d="M45.9 69.8a1.6 1.6 0 1 0 3.2 0a1.6 1.6 0 1 0-3.2 0Z" fill="#d4a437"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.805;1" dur="0.82s" begin="0s" fill="freeze"/></path>
+<path d="M72 42L90 38L92 52L74 56Z" fill="#f4e9d8"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.787;1" dur="0.94s" begin="0s" fill="freeze"/></path>
+<path d="M75.3 45.4a0.9 0.9 0 1 0 1.8 0a0.9 0.9 0 1 0-1.8 0ZM79.8 44.4a0.9 0.9 0 1 0 1.8 0a0.9 0.9 0 1 0-1.8 0ZM84.3 43.4a0.9 0.9 0 1 0 1.8 0a0.9 0.9 0 1 0-1.8 0ZM87.9 42.6a0.9 0.9 0 1 0 1.8 0a0.9 0.9 0 1 0-1.8 0ZM76.1 51a0.9 0.9 0 1 0 1.8 0a0.9 0.9 0 1 0-1.8 0ZM80.6 50a0.9 0.9 0 1 0 1.8 0a0.9 0.9 0 1 0-1.8 0ZM85.1 49a0.9 0.9 0 1 0 1.8 0a0.9 0.9 0 1 0-1.8 0ZM88.7 48.2a0.9 0.9 0 1 0 1.8 0a0.9 0.9 0 1 0-1.8 0Z" fill="#2b2233"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.85;1" dur="1s" begin="0s" fill="freeze"/></path>
+<path d="M35.4 33C34.8 40.5 36.2 48.8 40.9 54.6C44.4 58.6 50.4 58.7 54.2 54.8C58.4 50 59.8 41 59.6 33.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;0" keyTimes="0;1" calcMode="spline" keySplines=".4 0 .2 1" dur="0.24s" begin="0s" fill="freeze"/></path>
+<path d="M40.4 39.2C41.6 38.2 43.6 38.1 44.8 38.9" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.467;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.3s" begin="0s" fill="freeze"/></path>
+<path d="M51 38.9C52.2 38.1 54.2 38.2 55.4 39.2" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.5;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.32s" begin="0s" fill="freeze"/></path>
+<path d="M47.4 43C47.2 45.4 46.9 47.2 46.3 48.4C47 49.1 48.2 49.1 48.9 48.5" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.529;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.34s" begin="0s" fill="freeze"/></path>
+<path d="M35.8 38.5C33.3 35 33 30 34.5 25C36.5 18.5 43 14.5 49.5 14.8C56.5 15.2 62 19.5 63.2 26C64 31 62.9 36.5 60.7 39.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.238;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.42s" begin="0s" fill="freeze"/></path>
+<path d="M36.4 35.5C36.9 30.8 38 28.2 40 26.9C43.5 24.4 52 24.4 55.5 27C57.6 28.6 58.9 32 59.4 36" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.667;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.48s" begin="0s" fill="freeze"/></path>
+<path d="M49.5 15.5C49.4 19 49.3 22 49.2 24.5" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.667;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.48s" begin="0s" fill="freeze"/></path>
+<path d="M34.5 45.5C32.8 49 34.6 52 33 55.5C31.6 58.5 34.2 60.5 33.5 63M60.5 45.5C62.2 49 60.4 52 62 55.5C63.4 58.5 60.8 60.5 61.5 63" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.72;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.5s" begin="0s" fill="freeze"/></path>
+<path d="M43 56L43 63.2M52 56L52 63.2" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.769;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.52s" begin="0s" fill="freeze"/></path>
+<path d="M40.5 63C43.5 66.3 51.5 66.3 54.5 63" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.759;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.58s" begin="0s" fill="freeze"/></path>
+<path d="M38.5 69.5C33 71 27.5 74.5 24.5 79C22.6 82 22.2 84.5 22.2 86.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.714;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.7s" begin="0s" fill="freeze"/></path>
+<path d="M56.5 69.5C62 71 67.5 74.5 70.5 79C72.4 82 72.8 84.5 72.8 86.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.73;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.74s" begin="0s" fill="freeze"/></path>
+<path d="M34 74.5C32.5 79 31.5 84 31.3 88.5M61 74.5C62.5 79 63.5 84 63.7 88.5" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.795;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.82s" begin="0s" fill="freeze"/></path>
+<path d="M72 42L90 38L92 52L74 56Z" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.725;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.8s" begin="0s" fill="freeze"/></path>
+<path d="M72 42L90 38" fill="none" stroke="#2a9d8f" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.78;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="1s" begin="0s" fill="freeze"/></path>
+</svg>

package/src/img/teammates/auditor.svg

@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" aria-hidden="true" stroke-linecap="round" stroke-linejoin="round">
+<path d="M28 72C24 58 24 40 28 30C32 18 40 12 49.5 12C59 12 67 18 71 30C75 40 75 58 71 72Z" fill="#6b5d4f"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.517;1" dur="0.58s" begin="0s" fill="freeze"/></path>
+<path d="M38.5 69.5C33 71 27.5 74.5 24.5 79C22.6 82 22.2 84.5 22.2 86.5C28.5 91.5 38 93.6 47.5 93.6C57 93.6 66 91.5 72.8 86.5C72.8 84.5 72.4 82 70.5 79C67.5 74.5 62 71 56.5 69.5C51.5 72.8 43.5 72.8 38.5 69.5Z" fill="#6b5d4f"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.674;1" dur="0.86s" begin="0s" fill="freeze"/></path>
+<path d="M43 54.5L43 64C45.5 66 49.5 66 52 64L52 54.5C49.5 57.5 45.5 57.5 43 54.5Z" fill="#eec49c"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.633;1" dur="0.6s" begin="0s" fill="freeze"/></path>
+<path d="M43 55C45.5 57.8 49.5 57.8 52 55L52 58.5C49.5 60.8 45.5 60.8 43 58.5Z" fill="#dfa878"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.714;1" dur="0.7s" begin="0s" fill="freeze"/></path>
+<path d="M40.5 63C43.5 66.3 51.5 66.3 54.5 63L56.5 69.5C51.5 72.8 43.5 72.8 38.5 69.5Z" fill="#f4e9d8"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.694;1" dur="0.72s" begin="0s" fill="freeze"/></path>
+<path d="M35.2 34C35.2 26.8 40.6 23.6 47.5 23.6C54.4 23.6 60 27 60 34.2C60 43.5 58 50.8 54.2 54.8C50.4 58.8 44.6 58.7 40.9 54.6C37.2 50.4 35.2 43 35.2 34Z" fill="#eec49c"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.548;1" dur="0.62s" begin="0s" fill="freeze"/></path>
+<path d="M38.7 47.2a2.3 1.9 0 1 0 4.6 0a2.3 1.9 0 1 0-4.6 0ZM51.7 47.2a2.3 1.9 0 1 0 4.6 0a2.3 1.9 0 1 0-4.6 0Z" fill="rgba(197,116,92,0.26)"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.733;1" dur="0.75s" begin="0s" fill="freeze"/></path>
+<path d="M43.9 52.1C45.3 51.2 46.9 51.4 47.6 52C48.3 51.4 49.9 51.2 51.3 52.1C50 53.7 45.3 53.7 43.9 52.1Z" fill="#b56a68"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.652;1" dur="0.46s" begin="0s" fill="freeze"/></path>
+<path d="M40.9 42.6a1.8 1.5 0 1 0 3.6 0a1.8 1.5 0 1 0-3.6 0ZM51.1 42.6a1.8 1.5 0 1 0 3.6 0a1.8 1.5 0 1 0-3.6 0Z" fill="#2b2233"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.571;1" dur="0.42s" begin="0s" fill="freeze"/></path>
+<path d="M37 26C40 21.5 44.5 19.5 49.5 19.5C54.5 19.5 59 21.5 62 26C59 23.5 54.5 22 49.5 22C44.5 22 40 23.5 37 26Z" fill="#4f453a"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.694;1" dur="0.72s" begin="0s" fill="freeze"/></path>
+<path d="M68 46L81 49L94 46L94 58L81 61L68 58Z" fill="#f4e9d8"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.787;1" dur="0.94s" begin="0s" fill="freeze"/></path>
+<path d="M68 58L81 61L94 58L94 61L81 64L68 61Z" fill="#a4403a"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.778;1" dur="0.9s" begin="0s" fill="freeze"/></path>
+<path d="M35.4 33C34.8 40.5 36.2 48.8 40.9 54.6C44.4 58.6 50.4 58.7 54.2 54.8C58.4 50 59.8 41 59.6 33.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;0" keyTimes="0;1" calcMode="spline" keySplines=".4 0 .2 1" dur="0.24s" begin="0s" fill="freeze"/></path>
+<path d="M40.4 39.2C41.6 38.2 43.6 38.1 44.8 38.9" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.467;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.3s" begin="0s" fill="freeze"/></path>
+<path d="M51 38.9C52.2 38.1 54.2 38.2 55.4 39.2" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.5;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.32s" begin="0s" fill="freeze"/></path>
+<path d="M47.4 43C47.2 45.4 46.9 47.2 46.3 48.4C47 49.1 48.2 49.1 48.9 48.5" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.529;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.34s" begin="0s" fill="freeze"/></path>
+<path d="M28.5 72C24.5 58 24.5 40 28.5 30C32.5 18 40.2 12.4 49.5 12.4C58.8 12.4 66.5 18 70.5 30C74.5 40 74.5 58 70.5 72" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.238;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.42s" begin="0s" fill="freeze"/></path>
+<path d="M34.5 29C32.5 39 32.5 50 34.5 59M64.5 29C66.5 39 66.5 50 64.5 59" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.667;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.48s" begin="0s" fill="freeze"/></path>
+<path d="M43 56L43 63.2M52 56L52 63.2" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.769;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.52s" begin="0s" fill="freeze"/></path>
+<path d="M40.5 63C43.5 66.3 51.5 66.3 54.5 63" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.759;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.58s" begin="0s" fill="freeze"/></path>
+<path d="M38.5 69.5C33 71 27.5 74.5 24.5 79C22.6 82 22.2 84.5 22.2 86.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.714;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.7s" begin="0s" fill="freeze"/></path>
+<path d="M56.5 69.5C62 71 67.5 74.5 70.5 79C72.4 82 72.8 84.5 72.8 86.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.73;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.74s" begin="0s" fill="freeze"/></path>
+<path d="M35 74C33.5 79 33 84 33 88.5M64 74C65.5 79 66 84 66 88.5" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.795;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.82s" begin="0s" fill="freeze"/></path>
+<path d="M68 46L81 49L94 46L94 58L81 61L68 58ZM81 49L81 61" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.725;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.8s" begin="0s" fill="freeze"/></path>
+<path d="M71 50L79 51.5M71 53L79 54.5M83 51.5L91 50M83 54.5L91 53" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.795;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.82s" begin="0s" fill="freeze"/></path>
+<path d="M85 61L85.5 68" fill="none" stroke="#a4403a" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.78;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="1s" begin="0s" fill="freeze"/></path>
+</svg>

package/src/img/teammates/builder.svg

@@ -0,0 +1,33 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" aria-hidden="true" stroke-linecap="round" stroke-linejoin="round">
+<path d="M62 46a16 16 0 1 0 32 0a16 16 0 1 0-32 0Z" fill="rgba(138,143,152,0.22)"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.759;1" dur="1.08s" begin="0s" fill="freeze"/></path>
+<path d="M38.5 69.5C33 71 27.5 74.5 24.5 79C22.6 82 22.2 84.5 22.2 86.5C28.5 91.5 38 93.6 47.5 93.6C57 93.6 66 91.5 72.8 86.5C72.8 84.5 72.4 82 70.5 79C67.5 74.5 62 71 56.5 69.5C51.5 72.8 43.5 72.8 38.5 69.5Z" fill="#4b3f36"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.674;1" dur="0.86s" begin="0s" fill="freeze"/></path>
+<path d="M43 54.5L43 64C45.5 66 49.5 66 52 64L52 54.5C49.5 57.5 45.5 57.5 43 54.5Z" fill="#eec49c"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.633;1" dur="0.6s" begin="0s" fill="freeze"/></path>
+<path d="M43 55C45.5 57.8 49.5 57.8 52 55L52 58.5C49.5 60.8 45.5 60.8 43 58.5Z" fill="#dfa878"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.714;1" dur="0.7s" begin="0s" fill="freeze"/></path>
+<path d="M40.5 63C43.5 66.3 51.5 66.3 54.5 63L56.5 69.5C51.5 72.8 43.5 72.8 38.5 69.5Z" fill="#f4e9d8"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.694;1" dur="0.72s" begin="0s" fill="freeze"/></path>
+<path d="M35.2 34C35.2 26.8 40.6 23.6 47.5 23.6C54.4 23.6 60 27 60 34.2C60 43.5 58 50.8 54.2 54.8C50.4 58.8 44.6 58.7 40.9 54.6C37.2 50.4 35.2 43 35.2 34Z" fill="#eec49c"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.548;1" dur="0.62s" begin="0s" fill="freeze"/></path>
+<path d="M38.7 47.2a2.3 1.9 0 1 0 4.6 0a2.3 1.9 0 1 0-4.6 0ZM51.7 47.2a2.3 1.9 0 1 0 4.6 0a2.3 1.9 0 1 0-4.6 0Z" fill="rgba(197,116,92,0.26)"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.733;1" dur="0.75s" begin="0s" fill="freeze"/></path>
+<path d="M43.9 52.1C45.3 51.2 46.9 51.4 47.6 52C48.3 51.4 49.9 51.2 51.3 52.1C50 53.7 45.3 53.7 43.9 52.1Z" fill="#b56a68"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.652;1" dur="0.46s" begin="0s" fill="freeze"/></path>
+<path d="M40.9 42.6a1.8 1.5 0 1 0 3.6 0a1.8 1.5 0 1 0-3.6 0ZM51.1 42.6a1.8 1.5 0 1 0 3.6 0a1.8 1.5 0 1 0-3.6 0Z" fill="#2b2233"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.571;1" dur="0.42s" begin="0s" fill="freeze"/></path>
+<path d="M35.4 33C33.6 37 33.7 45 36.2 50.5C37.5 53 40 52.8 41 49.5C39.8 44.5 39.6 39 39.8 34.5C38.2 33.2 36.5 32.6 35.4 33ZM59.6 33C61.4 37 61.3 45 58.8 50.5C57.5 53 55 52.8 54 49.5C55.2 44.5 55.4 39 55.2 34.5C56.8 33.2 58.5 32.6 59.6 33Z" fill="#2e2622"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.517;1" dur="0.58s" begin="0s" fill="freeze"/></path>
+<path d="M38.5 30.5L38.5 13.5C38.5 10.8 61 10.8 61 13.5L61 30.5Z" fill="#3a332e"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.517;1" dur="0.58s" begin="0s" fill="freeze"/></path>
+<path d="M38.5 29L38.5 23.5L61 23.5L61 29Z" fill="#524a41"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.694;1" dur="0.72s" begin="0s" fill="freeze"/></path>
+<path d="M30 30.5C30 27.8 69.5 27.8 69.5 30.5C69.5 33.2 30 33.2 30 30.5Z" fill="#3a332e"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.607;1" dur="0.56s" begin="0s" fill="freeze"/></path>
+<path d="M47.5 66L41 62.5L41 69.5ZM47.5 66L54 62.5L54 69.5ZM45.9 63.9L49.1 63.9L49.1 68.1L45.9 68.1Z" fill="#33302b"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.805;1" dur="0.82s" begin="0s" fill="freeze"/></path>
+<path d="M73 34a5 7 0 1 0 10 0a5 7 0 1 0-10 0ZM78 29.5a2.6 4.5 0 1 1 0 9a2.6 4.5 0 1 1 0-9Z" fill="#8a8f98"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.787;1" dur="0.94s" begin="0s" fill="freeze"/></path>
+<path d="M73 46a5 7 0 1 0 10 0a5 7 0 1 0-10 0ZM78 41.5a2.6 4.5 0 1 1 0 9a2.6 4.5 0 1 1 0-9Z" fill="#9aa0a8"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.85;1" dur="1s" begin="0s" fill="freeze"/></path>
+<path d="M73 58a5 7 0 1 0 10 0a5 7 0 1 0-10 0ZM78 53.5a2.6 4.5 0 1 1 0 9a2.6 4.5 0 1 1 0-9Z" fill="#8a8f98"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.778;1" dur="0.9s" begin="0s" fill="freeze"/></path>
+<path d="M35.4 33C33.6 37 33.7 45 36.2 50.5C37.5 53 40 52.8 41 49.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.238;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.42s" begin="0s" fill="freeze"/></path>
+<path d="M59.6 33C61.4 37 61.3 45 58.8 50.5C57.5 53 55 52.8 54 49.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.28;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.44s" begin="0s" fill="freeze"/></path>
+<path d="M40.4 39.2C41.6 38.2 43.6 38.1 44.8 38.9" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.467;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.3s" begin="0s" fill="freeze"/></path>
+<path d="M51 38.9C52.2 38.1 54.2 38.2 55.4 39.2" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.5;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.32s" begin="0s" fill="freeze"/></path>
+<path d="M47.4 43C47.2 45.4 46.9 47.2 46.3 48.4C47 49.1 48.2 49.1 48.9 48.5" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.529;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.34s" begin="0s" fill="freeze"/></path>
+<path d="M38.5 30.5L38.5 13.5C38.5 10.8 61 10.8 61 13.5L61 30.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.238;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.42s" begin="0s" fill="freeze"/></path>
+<path d="M30 30.5C30 27.8 69.5 27.8 69.5 30.5C69.5 33.2 30 33.2 30 30.5Z" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.667;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.48s" begin="0s" fill="freeze"/></path>
+<path d="M43 56L43 63.2M52 56L52 63.2" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.769;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.52s" begin="0s" fill="freeze"/></path>
+<path d="M40.5 63C43.5 66.3 51.5 66.3 54.5 63" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.759;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.58s" begin="0s" fill="freeze"/></path>
+<path d="M38.5 69.5C43.5 72.8 51.5 72.8 56.5 69.5" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.774;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.62s" begin="0s" fill="freeze"/></path>
+<path d="M38.5 69.5C33 71 27.5 74.5 24.5 79C22.6 82 22.2 84.5 22.2 86.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.714;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.7s" begin="0s" fill="freeze"/></path>
+<path d="M56.5 69.5C62 71 67.5 74.5 70.5 79C72.4 82 72.8 84.5 72.8 86.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.73;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.74s" begin="0s" fill="freeze"/></path>
+<path d="M78 27a5 7 0 1 0 0 14a5 7 0 1 0 0-14M78 39a5 7 0 1 0 0 14a5 7 0 1 0 0-14M78 51a5 7 0 1 0 0 14a5 7 0 1 0 0-14" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.725;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.8s" begin="0s" fill="freeze"/></path>
+<path d="M85 30.5L89 28.5M86 46L90 46M85 61.5L89 63.5" fill="none" stroke="#8a8f98" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.78;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="1s" begin="0s" fill="freeze"/></path>
+</svg>

package/src/img/teammates/default.svg

@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" aria-hidden="true" stroke-linecap="round" stroke-linejoin="round">
+<path d="M32 79L68 79L70 88L30 88Z" fill="#cfc8bb"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.674;1" dur="0.86s" begin="0s" fill="freeze"/></path>
+<path d="M38.5 66.5C33 68 27.5 71.5 24.5 76L24.5 79L75.5 79L75.5 76C72.5 71.5 67 68 56.5 66.5C51.5 69.8 43.5 69.8 38.5 66.5Z" fill="#e9e4da"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.674;1" dur="0.86s" begin="0s" fill="freeze"/></path>
+<path d="M43 54.5L43 61C45.5 63 49.5 63 52 61L52 54.5C49.5 57.5 45.5 57.5 43 54.5Z" fill="#e9e4da"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.633;1" dur="0.6s" begin="0s" fill="freeze"/></path>
+<path d="M43 55C45.5 57.8 49.5 57.8 52 55L52 58.5C49.5 60.8 45.5 60.8 43 58.5Z" fill="#cfc8bb"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.714;1" dur="0.7s" begin="0s" fill="freeze"/></path>
+<path d="M40.5 60C43.5 63.3 51.5 63.3 54.5 60L56.5 66.5C51.5 69.8 43.5 69.8 38.5 66.5Z" fill="#e9e4da"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.694;1" dur="0.72s" begin="0s" fill="freeze"/></path>
+<path d="M35.2 34C35.2 26.8 40.6 23.6 47.5 23.6C54.4 23.6 60 27 60 34.2C60 43.5 58 50.8 54.2 54.8C50.4 58.8 44.6 58.7 40.9 54.6C37.2 50.4 35.2 43 35.2 34Z" fill="#e9e4da"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.548;1" dur="0.62s" begin="0s" fill="freeze"/></path>
+<path d="M35.8 38.5C33.3 35 33 30 34.5 25C36.5 18.5 43 14.5 49.5 14.8C56.5 15.2 62 19.5 63.2 26C64 31 62.9 36.5 60.7 39.5C60.2 33 58.9 28.6 56.5 26.6C52.5 23.6 42.5 23.6 39 26.6C37 28.4 36.1 32.8 35.8 38.5Z" fill="#cfc8bb"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.517;1" dur="0.58s" begin="0s" fill="freeze"/></path>
+<path d="M38.8 18.5C37.8 14 41.5 10.6 45.8 11C49.6 11.4 52.2 14.6 51.4 18.4C47.6 16.2 42.6 16.2 38.8 18.5Z" fill="#cfc8bb"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.607;1" dur="0.56s" begin="0s" fill="freeze"/></path>
+<path d="M35.4 33C34.8 40.5 36.2 48.8 40.9 54.6C44.4 58.6 50.4 58.7 54.2 54.8C58.4 50 59.8 41 59.6 33.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;0" keyTimes="0;1" calcMode="spline" keySplines=".4 0 .2 1" dur="0.24s" begin="0s" fill="freeze"/></path>
+<path d="M40.4 39.5C41.6 38.5 43.6 38.4 44.8 39.2" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.467;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.3s" begin="0s" fill="freeze"/></path>
+<path d="M50.7 39.2C51.9 38.4 53.9 38.5 55.1 39.5" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.5;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.32s" begin="0s" fill="freeze"/></path>
+<path d="M38.8 43C40.8 41.6 43.4 41.6 45.4 43M49.6 43C51.6 41.6 54.2 41.6 56.2 43" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.571;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.42s" begin="0s" fill="freeze"/></path>
+<path d="M47.4 43C47.2 45.4 46.9 47.2 46.3 48.4C47 49.1 48.2 49.1 48.9 48.5" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.529;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.34s" begin="0s" fill="freeze"/></path>
+<path d="M45 53C47 53.8 49 53.8 51 53" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.652;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.46s" begin="0s" fill="freeze"/></path>
+<path d="M35.8 38.5C33.3 35 33 30 34.5 25C36.5 18.5 43 14.5 49.5 14.8C56.5 15.2 62 19.5 63.2 26C64 31 62.9 36.5 60.7 39.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.238;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.42s" begin="0s" fill="freeze"/></path>
+<path d="M36 29.5C38 27.5 41 27.5 43 29.5M44.5 26.5C46.5 24.8 49.5 24.8 51.5 26.5M53 29.5C55 27.5 58 27.5 60 29.5M34.5 36C33.5 38.5 33.5 40.5 35 42.5M60.5 36C61.5 38.5 61.5 40.5 60 42.5" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.667;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.48s" begin="0s" fill="freeze"/></path>
+<path d="M42 15.8C43.5 13.8 46.5 13.6 48.3 15.2" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.72;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.5s" begin="0s" fill="freeze"/></path>
+<path d="M43 56L43 60.2M52 56L52 60.2" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.769;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.52s" begin="0s" fill="freeze"/></path>
+<path d="M40.5 60C43.5 63.3 51.5 63.3 54.5 60" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.759;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.58s" begin="0s" fill="freeze"/></path>
+<path d="M38.5 66.5C33 68 27.5 71.5 24.5 76L24.5 79" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.714;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.7s" begin="0s" fill="freeze"/></path>
+<path d="M56.5 66.5C62 68 67.5 71.5 75.5 76L75.5 79" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.73;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.74s" begin="0s" fill="freeze"/></path>
+<path d="M30 88L32 79L68 79L70 88" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.795;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.82s" begin="0s" fill="freeze"/></path>
+<path d="M73.8 25.2C73.2 19.8 83.4 19.2 83.4 25.8C83.4 31.2 78 30.6 78 36M78 42L78 42" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.78;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="1s" begin="0s" fill="freeze"/></path>
+</svg>

package/src/img/teammates/designer.svg

@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" aria-hidden="true" stroke-linecap="round" stroke-linejoin="round">
+<path d="M38.5 69.5C33 71 27.5 74.5 24.5 79C22.6 82 22.2 84.5 22.2 86.5C28.5 91.5 38 93.6 47.5 93.6C57 93.6 66 91.5 72.8 86.5C72.8 84.5 72.4 82 70.5 79C67.5 74.5 62 71 56.5 69.5C51.5 72.8 43.5 72.8 38.5 69.5Z" fill="#6b5d4f"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.674;1" dur="0.86s" begin="0s" fill="freeze"/></path>
+<path d="M34 27C28 33 26 45 28 57C29 64 32 69 35 71C34 61 34 49 38 41C36 36 34.5 30 34 27ZM65 27C71 33 73 45 71 57C70 64 67 69 64 71C65 61 65 49 61 41C63 36 64.5 30 65 27Z" fill="#d9d2c6"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.517;1" dur="0.58s" begin="0s" fill="freeze"/></path>
+<path d="M35.2 34C35.2 26.8 40.6 23.6 47.5 23.6C54.4 23.6 60 27 60 34.2C60 43.5 58 50.8 54.2 54.8C50.4 58.8 44.6 58.7 40.9 54.6C37.2 50.4 35.2 43 35.2 34Z" fill="#eec49c"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.548;1" dur="0.62s" begin="0s" fill="freeze"/></path>
+<path d="M40.9 42.6a1.8 1.5 0 1 0 3.6 0a1.8 1.5 0 1 0-3.6 0ZM51.1 42.6a1.8 1.5 0 1 0 3.6 0a1.8 1.5 0 1 0-3.6 0Z" fill="#2b2233"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.571;1" dur="0.42s" begin="0s" fill="freeze"/></path>
+<path d="M35.5 43C34 50 34.5 59 39 66C42.5 71 46 72 47.5 72C49 72 52.5 71 56 66C60.5 59 61 50 59.5 43C57 49 54 52 47.5 52C41 52 38 49 35.5 43Z" fill="#d9d2c6"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.633;1" dur="0.6s" begin="0s" fill="freeze"/></path>
+<path d="M45.5 55C46 60 46.5 65 47.5 69C48.5 65 49 60 49.5 55C48.5 57 46.5 57 45.5 55Z" fill="#f4e9d8"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.72;1" dur="0.7s" begin="0s" fill="freeze"/></path>
+<path d="M43 49C44.5 50.5 46 51 47.5 51C49 51 50.5 50.5 52 49C51.5 51.5 49.8 53 47.5 53C45.2 53 43.5 51.5 43 49Z" fill="#c6bda9"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.7;1" dur="0.72s" begin="0s" fill="freeze"/></path>
+<path d="M36 25C34 15.5 41 11 48 11C57 11 66.5 13.5 67 20.5C67.3 24.5 64 27 59.5 26.5C57.5 22.8 52.5 20.8 46 20.8C41.5 20.8 37.5 22.3 36 25Z" fill="#b0533a"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.548;1" dur="0.62s" begin="0s" fill="freeze"/></path>
+<path d="M78.2 40a1.8 1.8 0 1 0 3.6 0a1.8 1.8 0 1 0-3.6 0ZM78.4 35a1.6 1.6 0 1 0 3.2 0a1.6 1.6 0 1 0-3.2 0Z" fill="#d4a437"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.85;1" dur="1s" begin="0s" fill="freeze"/></path>
+<path d="M35.6 33C35.2 39 35.7 45 37.5 49M59.4 33C59.8 39 59.3 45 57.5 49" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;0" keyTimes="0;1" calcMode="spline" keySplines=".4 0 .2 1" dur="0.24s" begin="0s" fill="freeze"/></path>
+<path d="M40.4 39.2C41.6 38.2 43.6 38.1 44.8 38.9" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.467;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.3s" begin="0s" fill="freeze"/></path>
+<path d="M51 38.9C52.2 38.1 54.2 38.2 55.4 39.2" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.5;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.32s" begin="0s" fill="freeze"/></path>
+<path d="M47.4 43C47.2 45.4 46.9 47.2 46.3 48.4C47 49.1 48.2 49.1 48.9 48.5" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.529;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.34s" begin="0s" fill="freeze"/></path>
+<path d="M34 27C28 33 26 45 28 57C29 64 32 69 35 71M65 27C71 33 73 45 71 57C70 64 67 69 64 71" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.238;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.42s" begin="0s" fill="freeze"/></path>
+<path d="M35.5 43C34 50 34.5 59 39 66C42.5 71 46 72 47.5 72C49 72 52.5 71 56 66C60.5 59 61 50 59.5 43" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.6;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.5s" begin="0s" fill="freeze"/></path>
+<path d="M43 56C43.5 61 44 65 45 69M52 56C51.5 61 51 65 50 69" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.72;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.62s" begin="0s" fill="freeze"/></path>
+<path d="M36 25C34 15.5 41 11 48 11C57 11 66.5 13.5 67 20.5C67.3 24.5 64 27 59.5 26.5M36 25C37.5 22.3 41.5 20.8 46 20.8C52.5 20.8 57.5 22.8 59.5 26.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.35;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.5s" begin="0s" fill="freeze"/></path>
+<path d="M38.5 69.5C33 71 27.5 74.5 24.5 79C22.6 82 22.2 84.5 22.2 86.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.714;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.7s" begin="0s" fill="freeze"/></path>
+<path d="M56.5 69.5C62 71 67.5 74.5 70.5 79C72.4 82 72.8 84.5 72.8 86.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.73;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.74s" begin="0s" fill="freeze"/></path>
+<path d="M34 74.5C32.5 79 31.5 84 31.3 88.5M61 74.5C62.5 79 63.5 84 63.7 88.5" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.795;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.82s" begin="0s" fill="freeze"/></path>
+<path d="M80 40L74 62M80 40L88 61" fill="none" stroke="#d4a437" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.78;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="1s" begin="0s" fill="freeze"/></path>
+<path d="M80 38.4L80 36.5" fill="none" stroke="#d4a437" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.82;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="1s" begin="0s" fill="freeze"/></path>
+<path d="M76 65C80 67 84 67 87 64.5" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.725;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.8s" begin="0s" fill="freeze"/></path>
+</svg>

package/src/img/teammates/executor.svg

@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" aria-hidden="true" stroke-linecap="round" stroke-linejoin="round">
+<path d="M38.5 69.5C33 71 27.5 74.5 24.5 79C22.6 82 22.2 84.5 22.2 86.5C28.5 91.5 38 93.6 47.5 93.6C57 93.6 66 91.5 72.8 86.5C72.8 84.5 72.4 82 70.5 79C67.5 74.5 62 71 56.5 69.5C51.5 72.8 43.5 72.8 38.5 69.5Z" fill="#2c3e6b"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.674;1" dur="0.86s" begin="0s" fill="freeze"/></path>
+<path d="M43 54.5L43 64C45.5 66 49.5 66 52 64L52 54.5C49.5 57.5 45.5 57.5 43 54.5Z" fill="#eec49c"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.633;1" dur="0.6s" begin="0s" fill="freeze"/></path>
+<path d="M43 55C45.5 57.8 49.5 57.8 52 55L52 58.5C49.5 60.8 45.5 60.8 43 58.5Z" fill="#dfa878"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.714;1" dur="0.7s" begin="0s" fill="freeze"/></path>
+<path d="M41 57L54 57L55 64C51 67 44 67 40 64Z" fill="#a4403a"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.694;1" dur="0.72s" begin="0s" fill="freeze"/></path>
+<path d="M43.5 64L47.5 82L51.5 64C49 66 46 66 43.5 64Z" fill="#f4e9d8"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.72;1" dur="0.78s" begin="0s" fill="freeze"/></path>
+<path d="M35.2 34C35.2 26.8 40.6 23.6 47.5 23.6C54.4 23.6 60 27 60 34.2C60 43.5 58 50.8 54.2 54.8C50.4 58.8 44.6 58.7 40.9 54.6C37.2 50.4 35.2 43 35.2 34Z" fill="#eec49c"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.548;1" dur="0.62s" begin="0s" fill="freeze"/></path>
+<path d="M38.7 47.2a2.3 1.9 0 1 0 4.6 0a2.3 1.9 0 1 0-4.6 0ZM51.7 47.2a2.3 1.9 0 1 0 4.6 0a2.3 1.9 0 1 0-4.6 0Z" fill="rgba(197,116,92,0.26)"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.733;1" dur="0.75s" begin="0s" fill="freeze"/></path>
+<path d="M43.9 52.5C45.3 51.9 46.9 52 47.6 52.5C48.3 52 49.9 51.9 51.3 52.5C50 53.8 45.3 53.8 43.9 52.5Z" fill="#b56a68"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.652;1" dur="0.46s" begin="0s" fill="freeze"/></path>
+<path d="M40.9 42.6a1.8 1.5 0 1 0 3.6 0a1.8 1.5 0 1 0-3.6 0ZM51.1 42.6a1.8 1.5 0 1 0 3.6 0a1.8 1.5 0 1 0-3.6 0Z" fill="#2b2233"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.571;1" dur="0.42s" begin="0s" fill="freeze"/></path>
+<path d="M34 27C32 31 32 37.5 34 40.5C35.2 37.5 35.5 32 37 29C36 27.8 35 27 34 27ZM66 27C68 31 68 37.5 66 40.5C64.8 37.5 64.5 32 63 29C64 27.8 65 27 66 27Z" fill="#2a2622"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.517;1" dur="0.58s" begin="0s" fill="freeze"/></path>
+<path d="M18 21C22 14 31 11 39 11C44 11 46.5 13 50 13C53.5 13 56 11 61 11C69 11 78 14 82 21C74 25 60 26.5 50 26.5C40 26.5 26 25 18 21Z" fill="#26232a"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.517;1" dur="0.58s" begin="0s" fill="freeze"/></path>
+<path d="M20 22C30 25.5 42 27 50 27C58 27 70 25.5 80 22C74 24 62 25 50 25C38 25 26 24 20 22Z" fill="#3a3640"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.607;1" dur="0.56s" begin="0s" fill="freeze"/></path>
+<path d="M65 17.5a3 3 0 1 0 6 0a3 3 0 1 0-6 0Z" fill="#c9403a"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.787;1" dur="0.9s" begin="0s" fill="freeze"/></path>
+<path d="M66 17.5a2 2 0 1 0 4 0a2 2 0 1 0-4 0Z" fill="#f4e9d8"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.82;1" dur="0.94s" begin="0s" fill="freeze"/></path>
+<path d="M67 17.5a1 1 0 1 0 2 0a1 1 0 1 0-2 0Z" fill="#3b5ba5"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.85;1" dur="1s" begin="0s" fill="freeze"/></path>
+<path d="M25 73C25 71 36 71 36 73L36 76C36 78.5 25 78.5 25 76Z" fill="#d4a437"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.787;1" dur="0.94s" begin="0s" fill="freeze"/></path>
+<path d="M59 73C59 71 70 71 70 73L70 76C70 78.5 59 78.5 59 76Z" fill="#d4a437"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.778;1" dur="0.9s" begin="0s" fill="freeze"/></path>
+<path d="M46 69.5a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0ZM46 76a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0Z" fill="#d4a437"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.805;1" dur="0.82s" begin="0s" fill="freeze"/></path>
+<path d="M35.4 33C34.8 40.5 36.2 48.8 40.9 54.6C44.4 58.6 50.4 58.7 54.2 54.8C58.4 50 59.8 41 59.6 33.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;0" keyTimes="0;1" calcMode="spline" keySplines=".4 0 .2 1" dur="0.24s" begin="0s" fill="freeze"/></path>
+<path d="M40.2 39.4C41.5 38.5 43.5 38.5 44.8 39.3" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.467;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.3s" begin="0s" fill="freeze"/></path>
+<path d="M51 39.3C52.3 38.5 54.3 38.5 55.6 39.4" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.5;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.32s" begin="0s" fill="freeze"/></path>
+<path d="M47.4 43C47.2 45.4 46.9 47.2 46.3 48.4C47 49.1 48.2 49.1 48.9 48.5" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.529;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.34s" begin="0s" fill="freeze"/></path>
+<path d="M18 21C22 14 31 11 39 11C44 11 46.5 13 50 13C53.5 13 56 11 61 11C69 11 78 14 82 21C74 25 60 26.5 50 26.5C40 26.5 26 25 18 21Z" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.238;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.44s" begin="0s" fill="freeze"/></path>
+<path d="M43 56L43 63.2M52 56L52 63.2" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.769;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.52s" begin="0s" fill="freeze"/></path>
+<path d="M41 57L54 57L55 64C51 67 44 67 40 64Z" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.72;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.6s" begin="0s" fill="freeze"/></path>
+<path d="M43.5 64L47.5 82L51.5 64" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.759;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.66s" begin="0s" fill="freeze"/></path>
+<path d="M38.5 69.5C33 71 27.5 74.5 24.5 79C22.6 82 22.2 84.5 22.2 86.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.714;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.7s" begin="0s" fill="freeze"/></path>
+<path d="M56.5 69.5C62 71 67.5 74.5 70.5 79C72.4 82 72.8 84.5 72.8 86.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.73;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.74s" begin="0s" fill="freeze"/></path>
+<path d="M28 76.5L27.7 80.5M31 77L30.7 81M34 76.5L33.7 80.5M61 76.5L61.3 80.5M64 77L64.3 81M67 76.5L67.3 80.5" fill="none" stroke="#d4a437" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.8;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.9s" begin="0s" fill="freeze"/></path>
+</svg>

package/src/img/teammates/expert.svg

@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" aria-hidden="true" stroke-linecap="round" stroke-linejoin="round">
+<path d="M63 44a15 15 0 1 0 30 0a15 15 0 1 0-30 0Z" fill="rgba(199,48,48,0.15)"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.759;1" dur="1.08s" begin="0s" fill="freeze"/></path>
+<path d="M38.5 69.5C33 71 27.5 74.5 24.5 79C22.6 82 22.2 84.5 22.2 86.5C28.5 91.5 38 93.6 47.5 93.6C57 93.6 66 91.5 72.8 86.5C72.8 84.5 72.4 82 70.5 79C67.5 74.5 62 71 56.5 69.5C51.5 72.8 43.5 72.8 38.5 69.5Z" fill="#5e3548"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.674;1" dur="0.86s" begin="0s" fill="freeze"/></path>
+<path d="M43 54.5L43 64C45.5 66 49.5 66 52 64L52 54.5C49.5 57.5 45.5 57.5 43 54.5Z" fill="#eec49c"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.633;1" dur="0.6s" begin="0s" fill="freeze"/></path>
+<path d="M43 55C45.5 57.8 49.5 57.8 52 55L52 58.5C49.5 60.8 45.5 60.8 43 58.5Z" fill="#dfa878"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.714;1" dur="0.7s" begin="0s" fill="freeze"/></path>
+<path d="M41.5 61C43 68 52 68 53.5 61L55.5 70.5C51 74 44 74 39.5 70.5Z" fill="#f4e9d8"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.694;1" dur="0.72s" begin="0s" fill="freeze"/></path>
+<path d="M35.2 34C35.2 26.8 40.6 23.6 47.5 23.6C54.4 23.6 60 27 60 34.2C60 43.5 58 50.8 54.2 54.8C50.4 58.8 44.6 58.7 40.9 54.6C37.2 50.4 35.2 43 35.2 34Z" fill="#eec49c"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.548;1" dur="0.62s" begin="0s" fill="freeze"/></path>
+<path d="M38.7 47.2a2.3 1.9 0 1 0 4.6 0a2.3 1.9 0 1 0-4.6 0ZM51.7 47.2a2.3 1.9 0 1 0 4.6 0a2.3 1.9 0 1 0-4.6 0Z" fill="rgba(197,116,92,0.26)"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.733;1" dur="0.75s" begin="0s" fill="freeze"/></path>
+<path d="M43.9 52.6C45.3 51.9 46.9 52 47.6 52.5C48.3 52 49.9 51.9 51.3 52.6C50 53.9 45.3 53.9 43.9 52.6Z" fill="#b56a68"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.652;1" dur="0.46s" begin="0s" fill="freeze"/></path>
+<path d="M40.9 42.6a1.8 1.5 0 1 0 3.6 0a1.8 1.5 0 1 0-3.6 0ZM51.1 42.6a1.8 1.5 0 1 0 3.6 0a1.8 1.5 0 1 0-3.6 0Z" fill="#2b2233"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.571;1" dur="0.42s" begin="0s" fill="freeze"/></path>
+<path d="M47.5 20C43 15 37 15 33 19C28 24 27 33 28 44C28.5 54 30.5 61 34 67C36 70 40 69.5 40.5 66C39 58 38 50 38.5 42C39 35 41 30 44.5 27C46 25.5 47 23 47.5 20ZM47.5 20C52 15 58 15 62 19C67 24 68 33 67 44C66.5 54 64.5 61 61 67C59 70 55 69.5 54.5 66C56 58 57 50 56.5 42C56 35 54 30 50.5 27C49 25.5 48 23 47.5 20Z" fill="#c9c2b8"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.517;1" dur="0.58s" begin="0s" fill="freeze"/></path>
+<path d="M33 19C36.5 16 42 16 45 19C42 18.5 37.5 18.8 34.5 21C33.8 20.4 33.2 19.8 33 19ZM62 19C58.5 16 53 16 50 19C53 18.5 57.5 18.8 60.5 21C61.2 20.4 61.8 19.8 62 19Z" fill="#ddd8d0"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.694;1" dur="0.72s" begin="0s" fill="freeze"/></path>
+<path d="M69 43a9 9 0 1 0 18 0a9 9 0 1 0-18 0Z" fill="#c73030"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.787;1" dur="0.94s" begin="0s" fill="freeze"/></path>
+<path d="M72.5 39.5C74 37.5 76.5 37 78.5 38C76 38 74 39.5 73 41.5C72.6 40.9 72.4 40.2 72.5 39.5Z" fill="rgba(244,233,216,0.78)"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.778;1" dur="0.9s" begin="0s" fill="freeze"/></path>
+<path d="M79.5 31.5C81.5 30 84 30.5 84 32.5C82.5 33.5 80 33 79.5 31.5Z" fill="#7a9a4a"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.85;1" dur="1s" begin="0s" fill="freeze"/></path>
+<path d="M35.4 33C34.8 40.5 36.2 48.8 40.9 54.6C44.4 58.6 50.4 58.7 54.2 54.8C58.4 50 59.8 41 59.6 33.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;0" keyTimes="0;1" calcMode="spline" keySplines=".4 0 .2 1" dur="0.24s" begin="0s" fill="freeze"/></path>
+<path d="M40.2 39.4C41.5 38.5 43.5 38.5 44.8 39.3" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.467;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.3s" begin="0s" fill="freeze"/></path>
+<path d="M51 39.3C52.3 38.5 54.3 38.5 55.6 39.4" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.5;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.32s" begin="0s" fill="freeze"/></path>
+<path d="M47.4 43C47.2 45.4 46.9 47.2 46.3 48.4C47 49.1 48.2 49.1 48.9 48.5" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.529;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.34s" begin="0s" fill="freeze"/></path>
+<path d="M47.5 20C43 15 37 15 33 19C28 24 27 33 28 44C28.5 54 30.5 61 34 67M47.5 20C52 15 58 15 62 19C67 24 68 33 67 44C66.5 54 64.5 61 61 67" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.238;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.42s" begin="0s" fill="freeze"/></path>
+<path d="M47.5 21C47 23 47 25 47.5 27M31 39C31 47 32 55 34 62M64 39C64 47 63 55 61 62M38.5 44C38.2 51 38.4 58 39.5 65M56.5 44C56.8 51 56.6 58 55.5 65" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.667;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.48s" begin="0s" fill="freeze"/></path>
+<path d="M43 56L43 63.2M52 56L52 63.2" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.769;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.52s" begin="0s" fill="freeze"/></path>
+<path d="M41.5 61C43 68 52 68 53.5 61" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.759;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.58s" begin="0s" fill="freeze"/></path>
+<path d="M38.5 69.5C33 71 27.5 74.5 24.5 79C22.6 82 22.2 84.5 22.2 86.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.714;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.7s" begin="0s" fill="freeze"/></path>
+<path d="M56.5 69.5C62 71 67.5 74.5 70.5 79C72.4 82 72.8 84.5 72.8 86.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.73;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.74s" begin="0s" fill="freeze"/></path>
+<path d="M42 73L47.5 82L53 73" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.795;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.82s" begin="0s" fill="freeze"/></path>
+<path d="M69 43a9 9 0 1 0 18 0a9 9 0 1 0-18 0Z" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.725;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.8s" begin="0s" fill="freeze"/></path>
+<path d="M78 34.5C77.5 32 77 30.5 76.5 29.5" fill="none" stroke="#6b4a2f" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.74;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.86s" begin="0s" fill="freeze"/></path>
+<path d="M86 24.5L86 31.5M82.5 28L89.5 28" fill="none" stroke="#d4a437" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.78;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="1s" begin="0s" fill="freeze"/></path>
+</svg>

package/src/img/teammates/explorer.svg

@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" aria-hidden="true" stroke-linecap="round" stroke-linejoin="round">
+<path d="M38.5 69.5C33 71 27.5 74.5 24.5 79C22.6 82 22.2 84.5 22.2 86.5C28.5 91.5 38 93.6 47.5 93.6C57 93.6 66 91.5 72.8 86.5C72.8 84.5 72.4 82 70.5 79C67.5 74.5 62 71 56.5 69.5C51.5 72.8 43.5 72.8 38.5 69.5Z" fill="#7a4a28"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.674;1" dur="0.86s" begin="0s" fill="freeze"/></path>
+<path d="M43 54.5L43 64C45.5 66 49.5 66 52 64L52 54.5C49.5 57.5 45.5 57.5 43 54.5Z" fill="#eec49c"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.633;1" dur="0.6s" begin="0s" fill="freeze"/></path>
+<path d="M43 55C45.5 57.8 49.5 57.8 52 55L52 58.5C49.5 60.8 45.5 60.8 43 58.5Z" fill="#dfa878"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.714;1" dur="0.7s" begin="0s" fill="freeze"/></path>
+<path d="M38.5 63C42 66.5 53 66.5 56.5 63C58.5 66 59.5 70 58 72.5C52 75.5 43 75.5 37 72.5C35.5 70 36.5 66 38.5 63Z" fill="#f4e9d8"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.694;1" dur="0.72s" begin="0s" fill="freeze"/></path>
+<path d="M38 71C33.5 73 29.5 76 27 80C28.5 81.5 31 81 33 79C35 76.5 37 74 39 72Z" fill="#f4e9d8"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.72;1" dur="0.78s" begin="0s" fill="freeze"/></path>
+<path d="M35.2 34C35.2 26.8 40.6 23.6 47.5 23.6C54.4 23.6 60 27 60 34.2C60 43.5 58 50.8 54.2 54.8C50.4 58.8 44.6 58.7 40.9 54.6C37.2 50.4 35.2 43 35.2 34Z" fill="#eec49c"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.548;1" dur="0.62s" begin="0s" fill="freeze"/></path>
+<path d="M38.7 47.2a2.3 1.9 0 1 0 4.6 0a2.3 1.9 0 1 0-4.6 0ZM51.7 47.2a2.3 1.9 0 1 0 4.6 0a2.3 1.9 0 1 0-4.6 0Z" fill="rgba(197,116,92,0.26)"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.733;1" dur="0.75s" begin="0s" fill="freeze"/></path>
+<path d="M43.9 52.1C45.3 51.2 46.9 51.4 47.6 52C48.3 51.4 49.9 51.2 51.3 52.1C50 53.7 45.3 53.7 43.9 52.1Z" fill="#b56a68"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.652;1" dur="0.46s" begin="0s" fill="freeze"/></path>
+<path d="M40.9 42.6a1.8 1.5 0 1 0 3.6 0a1.8 1.5 0 1 0-3.6 0ZM51.1 42.6a1.8 1.5 0 1 0 3.6 0a1.8 1.5 0 1 0-3.6 0Z" fill="#2b2233"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.571;1" dur="0.42s" begin="0s" fill="freeze"/></path>
+<path d="M34 50C31 43 31 32 33 25C35.5 16.5 42.5 13 49.5 13C56.5 13 63.5 16.5 66 25C68 32 68 43 65 50C63.5 51 61 50.5 60.3 48C61.5 42 61.5 35 60 31C58.5 26 54 24 49.5 24C45 24 40.5 26 39 31C37.5 35 37.5 42 38.7 48C38 50.5 35.5 51 34 50Z" fill="#8a5a33"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.517;1" dur="0.58s" begin="0s" fill="freeze"/></path>
+<path d="M40 20C44 16.5 55 16.5 59 20C56 17 43 17 40 20Z" fill="#a06840"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.66;1" dur="0.62s" begin="0s" fill="freeze"/></path>
+<path d="M38.3 32.5a4.2 4.2 0 1 0 8.4 0a4.2 4.2 0 1 0-8.4 0ZM50.3 32.5a4.2 4.2 0 1 0 8.4 0a4.2 4.2 0 1 0-8.4 0Z" fill="#9ec9e2"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.787;1" dur="0.94s" begin="0s" fill="freeze"/></path>
+<path d="M40 31a1 1 0 1 0 2 0a1 1 0 1 0-2 0ZM52 31a1 1 0 1 0 2 0a1 1 0 1 0-2 0Z" fill="#dceef6"><animate attributeName="opacity" values="0;0;1" keyTimes="0;0.85;1" dur="1s" begin="0s" fill="freeze"/></path>
+<path d="M35.4 33C34.8 40.5 36.2 48.8 40.9 54.6C44.4 58.6 50.4 58.7 54.2 54.8C58.4 50 59.8 41 59.6 33.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;0" keyTimes="0;1" calcMode="spline" keySplines=".4 0 .2 1" dur="0.24s" begin="0s" fill="freeze"/></path>
+<path d="M40.4 39.2C41.6 38.2 43.6 38.1 44.8 38.9" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.467;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.3s" begin="0s" fill="freeze"/></path>
+<path d="M51 38.9C52.2 38.1 54.2 38.2 55.4 39.2" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.5;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.32s" begin="0s" fill="freeze"/></path>
+<path d="M47.4 43C47.2 45.4 46.9 47.2 46.3 48.4C47 49.1 48.2 49.1 48.9 48.5" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.529;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.34s" begin="0s" fill="freeze"/></path>
+<path d="M34 50C31 43 31 32 33 25C35.5 16.5 42.5 13 49.5 13C56.5 13 63.5 16.5 66 25C68 32 68 43 65 50" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.238;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.42s" begin="0s" fill="freeze"/></path>
+<path d="M38.7 48C37.5 42 37.5 35 39 31C40.5 26 45 24 49.5 24C54 24 58.5 26 60 31C61.5 35 61.5 42 60.3 48" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.667;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.48s" begin="0s" fill="freeze"/></path>
+<path d="M38.3 32.5a4.2 4.2 0 1 0 8.4 0a4.2 4.2 0 1 0-8.4 0ZM50.3 32.5a4.2 4.2 0 1 0 8.4 0a4.2 4.2 0 1 0-8.4 0Z" fill="none" stroke="#c9982f" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.725;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.8s" begin="0s" fill="freeze"/></path>
+<path d="M46.7 32.5L50.3 32.5M38.3 32.5L33.8 34.5M58.7 32.5L63.2 34.5" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.7;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.7s" begin="0s" fill="freeze"/></path>
+<path d="M43 56L43 63.2M52 56L52 63.2" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.769;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.52s" begin="0s" fill="freeze"/></path>
+<path d="M40.5 62.5C43.5 65.8 51.5 65.8 54.5 62.5" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.759;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.58s" begin="0s" fill="freeze"/></path>
+<path d="M38.5 63C42 66.5 53 66.5 56.5 63M38 71C33.5 73 29.5 76 27 80" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.774;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.62s" begin="0s" fill="freeze"/></path>
+<path d="M38.5 69.5C33 71 27.5 74.5 24.5 79C22.6 82 22.2 84.5 22.2 86.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.714;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.7s" begin="0s" fill="freeze"/></path>
+<path d="M56.5 69.5C62 71 67.5 74.5 70.5 79C72.4 82 72.8 84.5 72.8 86.5" fill="none" stroke="#2b2233" stroke-width="3.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.73;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.74s" begin="0s" fill="freeze"/></path>
+<path d="M47.5 76L47.5 91" fill="none" stroke="#2b2233" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.795;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="0.82s" begin="0s" fill="freeze"/></path>
+<path d="M76 40L82 39M78 47L84 46M76 54L81.5 54" fill="none" stroke="#9ec9e2" stroke-width="2.5" pathLength="1" stroke-dasharray="1"><animate attributeName="stroke-dashoffset" values="1.01;1.01;0" keyTimes="0;0.78;1" calcMode="spline" keySplines="0 0 1 1;.4 0 .2 1" dur="1s" begin="0s" fill="freeze"/></path>
+</svg>