@kerfjs/ui 5.0.0-beta.105 → 5.0.0-beta.107

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (227) hide show
  1. package/README.md +2 -1
  2. package/ai/application-ui-diagnostic-ids-v1.json +1 -0
  3. package/ai/application-ui-profile.defaults.json +6 -1
  4. package/ai/component-catalog.json +160 -27
  5. package/ai/component-composition-rules.json +20 -2
  6. package/ai/component-composition.d.ts +11 -0
  7. package/ai/component-composition.json +118 -19
  8. package/ai/component-composition.schema.json +32 -0
  9. package/ai/components/README.md +3 -2
  10. package/ai/components/button.md +4 -1
  11. package/ai/components/checkbox-group.md +89 -0
  12. package/ai/components/checkbox.md +3 -2
  13. package/ai/components/color-picker.md +10 -7
  14. package/ai/components/disclosure.md +6 -1
  15. package/ai/components/foundation.md +1 -1
  16. package/ai/components/list-detail-dialog.md +1 -1
  17. package/ai/components/message-composer.md +2 -1
  18. package/ai/components/radio-group.md +4 -3
  19. package/ai/components/split-button.md +5 -2
  20. package/ai/components/surface-scaffold.md +2 -1
  21. package/ai/components/switch.md +1 -1
  22. package/ai/components/text.md +2 -0
  23. package/ai/components/wa-checkbox-group.md +5 -5
  24. package/ai/components/workbench-dialog.md +1 -1
  25. package/ai/public-api-signatures-v1.md +198 -26
  26. package/ai/skill.md +73 -62
  27. package/ai/webawesome-jsx-signatures-v1.md +1 -1
  28. package/dist/browser/checkbox-group.js +5 -0
  29. package/dist/button.d.ts +15 -2
  30. package/dist/button.js +1 -1
  31. package/dist/catalog.js +9 -8
  32. package/dist/catalog.js.map +1 -1
  33. package/dist/checkbox-group.d.ts +70 -0
  34. package/dist/checkbox-group.js +7 -0
  35. package/dist/checkbox-group.js.map +1 -0
  36. package/dist/{chunk-SQ2Q3OQI.js → chunk-2LM3PYHA.js} +2 -2
  37. package/dist/{chunk-SQ2Q3OQI.js.map → chunk-2LM3PYHA.js.map} +1 -1
  38. package/dist/{chunk-HYORKKYP.js → chunk-3VZ6SFD4.js} +1 -1
  39. package/dist/chunk-3VZ6SFD4.js.map +1 -0
  40. package/dist/{chunk-EKBMUXFV.js → chunk-3Z7N2NAZ.js} +141 -54
  41. package/dist/chunk-3Z7N2NAZ.js.map +1 -0
  42. package/dist/{chunk-FKKJHGN5.js → chunk-AZ3WT77F.js} +2 -2
  43. package/dist/{chunk-FKKJHGN5.js.map → chunk-AZ3WT77F.js.map} +1 -1
  44. package/dist/{chunk-FG6U7KQQ.js → chunk-DNWWF6UN.js} +2 -2
  45. package/dist/{chunk-FG6U7KQQ.js.map → chunk-DNWWF6UN.js.map} +1 -1
  46. package/dist/{chunk-C3RLKKFQ.js → chunk-EYDXFOSH.js} +13 -8
  47. package/dist/chunk-EYDXFOSH.js.map +1 -0
  48. package/dist/{chunk-TAHR457X.js → chunk-G4DRH4A5.js} +3 -1
  49. package/dist/chunk-G4DRH4A5.js.map +1 -0
  50. package/dist/{chunk-PE2KPZDW.js → chunk-HDXUHLTQ.js} +7 -2
  51. package/dist/chunk-HDXUHLTQ.js.map +1 -0
  52. package/dist/chunk-HU5IHXCI.js +73 -0
  53. package/dist/chunk-HU5IHXCI.js.map +1 -0
  54. package/dist/{chunk-DF2YKGIX.js → chunk-JCCN3U6X.js} +2 -2
  55. package/dist/{chunk-DF2YKGIX.js.map → chunk-JCCN3U6X.js.map} +1 -1
  56. package/dist/{chunk-GCAK23PU.js → chunk-MVKHSAKE.js} +2 -2
  57. package/dist/{chunk-GCAK23PU.js.map → chunk-MVKHSAKE.js.map} +1 -1
  58. package/dist/{chunk-DDSCVEO5.js → chunk-NLMEDZRM.js} +5 -5
  59. package/dist/{chunk-DDSCVEO5.js.map → chunk-NLMEDZRM.js.map} +1 -1
  60. package/dist/{chunk-ECFCAKWE.js → chunk-NR6O74ST.js} +5 -1
  61. package/dist/chunk-NR6O74ST.js.map +1 -0
  62. package/dist/{chunk-7W3GKMN4.js → chunk-OQP3PFKQ.js} +7 -4
  63. package/dist/chunk-OQP3PFKQ.js.map +1 -0
  64. package/dist/{chunk-WJKHLOP5.js → chunk-TI2GV36S.js} +8 -2
  65. package/dist/chunk-TI2GV36S.js.map +1 -0
  66. package/dist/{chunk-UTCAOOXU.js → chunk-TXRKCGT3.js} +8 -2
  67. package/dist/chunk-TXRKCGT3.js.map +1 -0
  68. package/dist/{chunk-ACUKTVS3.js → chunk-XWNXGFX3.js} +52 -42
  69. package/dist/chunk-XWNXGFX3.js.map +1 -0
  70. package/dist/{chunk-ZXZAECHZ.js → chunk-Z4DS77U2.js} +2 -2
  71. package/dist/{chunk-ZXZAECHZ.js.map → chunk-Z4DS77U2.js.map} +1 -1
  72. package/dist/collapsible-panel.js +2 -2
  73. package/dist/color-picker.d.ts +30 -5
  74. package/dist/color-picker.js +1 -1
  75. package/dist/disclosure.d.ts +13 -4
  76. package/dist/disclosure.js +1 -1
  77. package/dist/disclosure.js.map +1 -1
  78. package/dist/help-tags-register.js +1 -1
  79. package/dist/index.d.ts +2 -1
  80. package/dist/index.js +20 -19
  81. package/dist/list-action-row.js +1 -1
  82. package/dist/list-detail-dialog.d.ts +7 -1
  83. package/dist/list-detail-dialog.js +6 -4
  84. package/dist/list-detail-dialog.js.map +1 -1
  85. package/dist/list-header.d.ts +8 -1
  86. package/dist/list-header.js +1 -1
  87. package/dist/nav-stack.js +1 -1
  88. package/dist/popup-menu-register.js +2 -2
  89. package/dist/popup-menu.d.ts +15 -5
  90. package/dist/popup-menu.js +1 -1
  91. package/dist/select-register.js +3 -3
  92. package/dist/split-button.d.ts +14 -2
  93. package/dist/split-button.js +1 -1
  94. package/dist/split-view.js +1 -1
  95. package/dist/styles/anchored-surface.css +3 -0
  96. package/dist/styles/button.css +29 -0
  97. package/dist/styles/catalog/components/catalog-example.css +55 -18
  98. package/dist/styles/checkbox-group.css +63 -0
  99. package/dist/styles/checkbox.css +7 -6
  100. package/dist/styles/color-picker.css +69 -34
  101. package/dist/styles/components/actions/button/button.css +29 -0
  102. package/dist/styles/components/actions/split-button/split-button.css +51 -5
  103. package/dist/styles/components/collections/framed-list/framed-list.css +4 -0
  104. package/dist/styles/components/collections/list/list.css +6 -0
  105. package/dist/styles/components/collections/list-header/list-header.css +7 -0
  106. package/dist/styles/components/feedback/anchored-surface/anchored-surface.css +3 -0
  107. package/dist/styles/components/forms/checkbox/checkbox.css +7 -6
  108. package/dist/styles/components/forms/checkbox-group/checkbox-group.css +63 -0
  109. package/dist/styles/components/forms/color-picker/color-picker.css +69 -34
  110. package/dist/styles/components/forms/radio-group/radio-group.css +7 -5
  111. package/dist/styles/components/forms/select/select.css +6 -2
  112. package/dist/styles/components/forms/switch/switch.css +3 -3
  113. package/dist/styles/components/layout/pane/pane.css +9 -0
  114. package/dist/styles/components/layout/workbench/workbench.css +4 -0
  115. package/dist/styles/components/navigation/nav-stack/nav-stack.css +64 -1
  116. package/dist/styles/components/navigation/tab-navigator/tab-navigator.css +1 -0
  117. package/dist/styles/components/surfaces/content-item/content-item.css +30 -0
  118. package/dist/styles/components/surfaces/disclosure/disclosure.css +38 -0
  119. package/dist/styles/components/surfaces/sunken-panel/sunken-panel.css +3 -0
  120. package/dist/styles/components/surfaces/surface-scaffold/surface-scaffold.css +6 -0
  121. package/dist/styles/components/typography/text/text.css +10 -0
  122. package/dist/styles/content-item.css +30 -0
  123. package/dist/styles/disclosure.css +38 -0
  124. package/dist/styles/foundation.css +21 -0
  125. package/dist/styles/framed-list.css +4 -0
  126. package/dist/styles/list-header.css +7 -0
  127. package/dist/styles/list.css +6 -0
  128. package/dist/styles/nav-stack.css +64 -1
  129. package/dist/styles/pane.css +9 -0
  130. package/dist/styles/radio-group.css +7 -5
  131. package/dist/styles/select.css +6 -2
  132. package/dist/styles/split-button.css +51 -5
  133. package/dist/styles/styles.css +1 -0
  134. package/dist/styles/sunken-panel.css +3 -0
  135. package/dist/styles/surface-scaffold.css +6 -0
  136. package/dist/styles/switch.css +3 -3
  137. package/dist/styles/tab-navigator.css +1 -0
  138. package/dist/styles/text.css +10 -0
  139. package/dist/styles/webawesome.css +45 -9
  140. package/dist/styles/workbench.css +4 -0
  141. package/dist/surface-scaffold.d.ts +7 -1
  142. package/dist/surface-scaffold.js +1 -1
  143. package/dist/wire-color-fields.js +2 -2
  144. package/dist/wire-color-pickers.d.ts +4 -3
  145. package/dist/wire-color-pickers.js +1 -1
  146. package/dist/wire-comboboxes.js +1 -1
  147. package/dist/workbench-dialog.d.ts +11 -2
  148. package/dist/workbench-dialog.js +5 -2
  149. package/dist/workbench-dialog.js.map +1 -1
  150. package/dist/workbench.js +1 -1
  151. package/docs/accessibility.md +40 -1
  152. package/docs/anchored-surface.md +6 -1
  153. package/docs/catalog.md +26 -1
  154. package/docs/color-picker.md +39 -8
  155. package/docs/component-contract.md +33 -2
  156. package/docs/component-selection.md +20 -9
  157. package/docs/design/templates/button/full-width-dark.svg +1 -0
  158. package/docs/design/templates/button/full-width.svg +1 -0
  159. package/docs/design/templates/button-dark.svg +1 -1
  160. package/docs/design/templates/button.svg +1 -1
  161. package/docs/design/templates/checkbox/error-dark.svg +1 -1
  162. package/docs/design/templates/checkbox/error.svg +1 -1
  163. package/docs/design/templates/checkbox/states-dark.svg +1 -1
  164. package/docs/design/templates/checkbox/states.svg +1 -1
  165. package/docs/design/templates/checkbox-dark.svg +1 -1
  166. package/docs/design/templates/checkbox-group/horizontal-dark.svg +1 -0
  167. package/docs/design/templates/checkbox-group/horizontal.svg +1 -0
  168. package/docs/design/templates/checkbox-group/vertical-dark.svg +1 -0
  169. package/docs/design/templates/checkbox-group/vertical.svg +1 -0
  170. package/docs/design/templates/checkbox-group-dark.svg +1 -0
  171. package/docs/design/templates/checkbox-group.svg +1 -0
  172. package/docs/design/templates/checkbox.svg +1 -1
  173. package/docs/design/templates/color-picker/gray-dark.svg +1 -1
  174. package/docs/design/templates/color-picker/gray.svg +1 -1
  175. package/docs/design/templates/color-picker/hsb-dark.svg +1 -0
  176. package/docs/design/templates/color-picker/hsb.svg +1 -0
  177. package/docs/design/templates/color-picker/rgb-dark.svg +1 -1
  178. package/docs/design/templates/color-picker/rgb.svg +1 -1
  179. package/docs/design/templates/color-picker-dark.svg +1 -1
  180. package/docs/design/templates/color-picker.svg +1 -1
  181. package/docs/design/templates/disclosure/embedded-dark.svg +1 -0
  182. package/docs/design/templates/disclosure/embedded.svg +1 -0
  183. package/docs/design/templates/disclosure-dark.svg +1 -1
  184. package/docs/design/templates/disclosure.svg +1 -1
  185. package/docs/design/templates/radio-group/horizontal-dark.svg +1 -1
  186. package/docs/design/templates/radio-group/horizontal.svg +1 -1
  187. package/docs/design/templates/radio-group/vertical-dark.svg +1 -1
  188. package/docs/design/templates/radio-group/vertical.svg +1 -1
  189. package/docs/design/templates/radio-group-dark.svg +1 -1
  190. package/docs/design/templates/radio-group.svg +1 -1
  191. package/docs/design/templates/split-button/full-width-dark.svg +1 -0
  192. package/docs/design/templates/split-button/full-width.svg +1 -0
  193. package/docs/design/templates/split-button/pill-dark.svg +1 -0
  194. package/docs/design/templates/split-button/pill.svg +1 -0
  195. package/docs/design/templates/split-button/states-dark.svg +1 -0
  196. package/docs/design/templates/split-button/states.svg +1 -0
  197. package/docs/design/templates/split-button/tones-dark.svg +1 -0
  198. package/docs/design/templates/split-button/tones.svg +1 -0
  199. package/docs/design/templates/split-button-dark.svg +1 -0
  200. package/docs/design/templates/split-button.svg +1 -0
  201. package/docs/design/templates/switch/states-dark.svg +1 -1
  202. package/docs/design/templates/switch/states.svg +1 -1
  203. package/docs/design/templates/switch-dark.svg +1 -1
  204. package/docs/design/templates/switch.svg +1 -1
  205. package/docs/design/templates.md +10 -3
  206. package/docs/disclosure.md +34 -0
  207. package/docs/list-detail-dialog.md +4 -0
  208. package/docs/nav-stack.md +6 -2
  209. package/docs/surface-scaffold.md +6 -2
  210. package/docs/ui-doctor.md +16 -4
  211. package/docs/webawesome-migration.md +1 -1
  212. package/docs/webawesome-theme.md +48 -16
  213. package/docs/workbench-dialog.md +4 -1
  214. package/docs/writing.md +3 -3
  215. package/doctor/copy-capitalization-checks.mjs +10 -7
  216. package/llms.txt +50 -20
  217. package/package.json +7 -1
  218. package/dist/chunk-7W3GKMN4.js.map +0 -1
  219. package/dist/chunk-ACUKTVS3.js.map +0 -1
  220. package/dist/chunk-C3RLKKFQ.js.map +0 -1
  221. package/dist/chunk-ECFCAKWE.js.map +0 -1
  222. package/dist/chunk-EKBMUXFV.js.map +0 -1
  223. package/dist/chunk-HYORKKYP.js.map +0 -1
  224. package/dist/chunk-PE2KPZDW.js.map +0 -1
  225. package/dist/chunk-TAHR457X.js.map +0 -1
  226. package/dist/chunk-UTCAOOXU.js.map +0 -1
  227. package/dist/chunk-WJKHLOP5.js.map +0 -1
package/docs/design/templates/color-picker.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 412 1072" width="412" height="1072"><defs><clipPath id="cp0"><rect x="16" y="38" width="380" height="510"/></clipPath><clipPath id="cp1"><rect x="16" y="586" width="380" height="470"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="380" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="380" height="510" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="564" width="380" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="586" width="380" height="470" rx="0"/></clipPath></defs><rect x="0" y="0" width="412" height="1072" rx="0" fill="rgb(255,255,255)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">RGB with Presets</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="380" height="510"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4ct0"><rect x="40" y="384.5" width="10.1" height="18"/></clipPath><clipPath id="svgimg4cp1"><rect x="58.1" y="384.5" width="55.2" height="18"/></clipPath><clipPath id="svgimg4ct2"><rect x="58.1" y="384.5" width="55.2" height="18"/></clipPath><clipPath id="svgimg4ct3"><rect x="143.3" y="384.5" width="11.6" height="18"/></clipPath><clipPath id="svgimg4cp4"><rect x="163" y="384.5" width="53.7" height="18"/></clipPath><clipPath id="svgimg4ct5"><rect x="163" y="384.5" width="53.7" height="18"/></clipPath><clipPath id="svgimg4ct6"><rect x="246.7" y="384.5" width="10.2" height="18"/></clipPath><clipPath id="svgimg4cp7"><rect x="264.9" y="384.5" width="55.1" height="18"/></clipPath><clipPath id="svgimg4ct8"><rect x="264.9" y="384.5" width="55.1" height="18"/></clipPath><clipPath id="svgimg4ct9"><rect x="40" y="432.5" width="9.8" height="18"/></clipPath><clipPath id="svgimg4cp10"><rect x="57.8" y="432.5" width="156.2" height="18"/></clipPath><clipPath id="svgimg4ct11"><rect x="57.8" y="432.5" width="156.2" height="18"/></clipPath><clipPath id="svgimg4ct12"><rect x="244" y="432.5" width="10.5" height="18"/></clipPath><clipPath id="svgimg4cp13"><rect x="262.5" y="432.5" width="57.5" height="18"/></clipPath><clipPath id="svgimg4ct14"><rect x="262.5" y="432.5" width="57.5" height="18"/></clipPath><clipPath id="svgimg4cp15"><rect x="29" y="29" width="302" height="226.5"/></clipPath><clipPath id="svgimg4ov16"><rect x="29" y="29" width="302" height="226.5" rx="12"/></clipPath><clipPath id="svgimg4cp17"><rect x="29" y="29" width="302" height="227"/></clipPath><clipPath id="svgimg4cp19"><rect x="29" y="271.5" width="302" height="12"/></clipPath><clipPath id="svgimg4ov20"><rect x="29" y="271.5" width="302" height="12" rx="6"/></clipPath><clipPath id="svgimg4cp21"><rect x="29" y="271.5" width="302" height="12.5"/></clipPath><filter id="svgimg4sh23" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="svgimg4cp24"><rect x="29" y="303.5" width="302" height="12"/></clipPath><clipPath id="svgimg4ov25"><rect x="29" y="303.5" width="302" height="12" rx="6"/></clipPath><clipPath id="svgimg4cp26"><rect x="29" y="303.5" width="302" height="12.5"/></clipPath><filter id="svgimg4sh28" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="svgimg4cp29"><rect x="29" y="334.5" width="102" height="26"/></clipPath><clipPath id="svgimg4cp30"><rect x="111" y="339.5" width="16" height="16.5"/></clipPath><clipPath id="svgimg4ishc32"><rect x="29" y="484.5" width="20" height="20" rx="10"/></clipPath><clipPath id="svgimg4ishc33"><rect x="65" y="484.5" width="20" height="20" rx="10"/></clipPath><clipPath id="svgimg4ishc34"><rect x="101" y="484.5" width="20" height="20" rx="10"/></clipPath><clipPath id="svgimg4ishc35"><rect x="137" y="484.5" width="20" height="20" rx="10"/></clipPath><clipPath id="svgimg4ishc36"><rect x="173" y="484.5" width="20" height="20" rx="10"/></clipPath><clipPath id="svgimg4ishc37"><rect x="209" y="484.5" width="20" height="20" rx="10"/></clipPath><clipPath id="svgimg4ishc38"><rect x="245" y="484.5" width="20" height="20" rx="10"/></clipPath><filter id="svgimg4sh39" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter></defs><rect x="20.5" y="20.5" width="319" height="506" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><rect x="29" y="375.5" width="95.3" height="36" rx="6" fill="rgba(0,0,98,0.05)"/><rect x="29.5" y="376.5" width="94" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="40" y="399.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">R</text><g clip-path="url(#svgimg4cp1)"><g clip-path="url(#svgimg4ct2)"><text x="96.45" y="399.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">10</text></g></g><rect x="132.3" y="375.5" width="95.3" height="36" rx="6" fill="rgba(0,0,98,0.05)"/><rect x="132.5" y="376.5" width="95" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="143.33" y="399.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">G</text><g clip-path="url(#svgimg4cp4)"><g clip-path="url(#svgimg4ct5)"><text x="190.48" y="399.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">132</text></g></g><rect x="235.7" y="375.5" width="95.3" height="36" rx="6" fill="rgba(0,0,98,0.05)"/><rect x="236.5" y="376.5" width="94" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="246.66" y="399.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">B</text><g clip-path="url(#svgimg4cp7)"><g clip-path="url(#svgimg4ct8)"><text x="291.5" y="399.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">255</text></g></g><rect x="29" y="423.5" width="196" height="36" rx="6" fill="rgba(0,0,98,0.05)"/><rect x="29.5" y="424.5" width="195" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="40" y="447.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">#</text><g clip-path="url(#svgimg4cp10)"><g clip-path="url(#svgimg4ct11)"><text x="57.77" y="445.5" font-family="&quot;Courier New&quot;, monospace" font-size="16" fill="rgb(29,29,31)">0A84FFCC</text></g></g><rect x="233" y="423.5" width="98" height="36" rx="6" fill="rgba(0,0,98,0.05)"/><rect x="233.5" y="424.5" width="97" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="244" y="447.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">A</text><g clip-path="url(#svgimg4cp13)"><g clip-path="url(#svgimg4ct14)"><text x="285.83" y="447.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">80%</text></g></g><g clip-path="url(#svgimg4cp15)"><g clip-path="url(#svgimg4ov16)"/><g clip-path="url(#svgimg4ov16)"><g clip-path="url(#svgimg4cp17)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg4svgic18"><rect x="29" y="29" width="302" height="226.5"/></clipPath><g clip-path="url(#svgimg4svgic18)"><g transform="matrix(3.02 0 0 2.265 29 29)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><linearGradient id="svgimg4svgscope0-dt-area-hue" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#fff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="hsl(210.12 100% 50%)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient><linearGradient id="svgimg4svgscope0-dt-area-dark" x1="0" y1="1" x2="0" y2="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#000" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#000" stop-opacity="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><rect width="100" height="100" fill="url(#svgimg4svgscope0-dt-area-hue)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect width="100" height="100" fill="url(#svgimg4svgscope0-dt-area-dark)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g></g></g></g></g></g><g clip-path="url(#svgimg4cp19)"><g clip-path="url(#svgimg4ov20)"/><g clip-path="url(#svgimg4ov20)"><g clip-path="url(#svgimg4cp21)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg4svgic22"><rect x="29" y="271.5" width="302" height="12"/></clipPath><g clip-path="url(#svgimg4svgic22)"><g transform="matrix(1.00667 0 0 1 29 271.5)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><clipPath id="svgimg4svgscope0-dt-hue-clip" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><rect width="300" height="12" rx="6" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></clipPath><linearGradient id="svgimg4svgscope0-dt-hue" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#f00" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="0.16666666666666666" stop-color="#ff0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="0.3333333333333333" stop-color="#0f0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="0.5" stop-color="#0ff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="0.6666666666666666" stop-color="#00f" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="0.8333333333333334" stop-color="#f0f" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#f00" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><g clip-path="url(#svgimg4svgscope0-dt-hue-clip)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb;clip-path:url(#svgimg4svgscope0-dt-hue-clip)"/><rect width="300" height="12" rx="6" fill="url(#svgimg4svgscope0-dt-hue)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g></g></g></g></g></g><rect x="193.6" y="268.5" width="20" height="20" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#svgimg4sh23)"/><rect x="192.6" y="266.5" width="22" height="22" rx="11" fill="rgba(0,0,0,0.2)"/><rect x="193.6" y="267.5" width="20" height="20" rx="10" fill="rgb(0,127,255)"/><rect x="195.5" y="269.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(255,255,255)" stroke-width="3"/><g clip-path="url(#svgimg4cp24)"><g clip-path="url(#svgimg4ov25)"/><g clip-path="url(#svgimg4ov25)"><g clip-path="url(#svgimg4cp26)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg4svgic27"><rect x="29" y="303.5" width="302" height="12"/></clipPath><g clip-path="url(#svgimg4svgic27)"><g transform="matrix(1.00667 0 0 1 29 303.5)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><clipPath id="svgimg4svgscope0-dt-opacity-clip" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><rect width="300" height="12" rx="6" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></clipPath><linearGradient id="svgimg4svgscope0-dt-opacity" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#0a84ff" stop-opacity="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#0a84ff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><g clip-path="url(#svgimg4svgscope0-dt-opacity-clip)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb;clip-path:url(#svgimg4svgscope0-dt-opacity-clip)"><rect x="0" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="0" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="6" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="6" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="12" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="12" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="18" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="18" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="24" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="24" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="30" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="30" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="36" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="36" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="42" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="42" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="48" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="48" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="54" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="54" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="60" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="60" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="66" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="66" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="72" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="72" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="78" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="78" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="84" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="84" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="90" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="90" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="96" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="96" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="102" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="102" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="108" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="108" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="114" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="114" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="120" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="120" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="126" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="126" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="132" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="132" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="138" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="138" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="144" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="144" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="150" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="150" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="156" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="156" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="162" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="162" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="168" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="168" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="174" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="174" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="180" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="180" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="186" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="186" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="192" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="192" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="198" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="198" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="204" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="204" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="210" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="210" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="216" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="216" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="222" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="222" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="228" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="228" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="234" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="234" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="240" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="240" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="246" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="246" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="252" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="252" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="258" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="258" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="264" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="264" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="270" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="270" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="276" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="276" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="282" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="282" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="288" y="0" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="288" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="294" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="294" y="6" width="6" height="6" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g><rect width="300" height="12" rx="6" fill="url(#svgimg4svgscope0-dt-opacity)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g></g></g></g></g></g><rect x="254.6" y="300.5" width="20" height="20" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#svgimg4sh28)"/><rect x="253.6" y="298.5" width="22" height="22" rx="11" fill="rgba(0,0,0,0.2)"/><rect x="254.6" y="299.5" width="20" height="20" rx="10" fill="rgb(10,132,255)"/><rect x="256.5" y="301.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(255,255,255)" stroke-width="3"/><g clip-path="url(#svgimg4cp29)"><text x="33" y="353.5" font-size="16" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-weight="500" fill="rgb(29, 29, 31)">RGBA</text></g><g clip-path="url(#svgimg4cp30)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg4svgic31"><rect x="111" y="339.5" width="16" height="16"/></clipPath><g clip-path="url(#svgimg4svgic31)"><g transform="translate(111 339.5)scale(.66667)"><path d="m7 15 5 5 5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m7 9 5-5 5 5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="29" y="484.5" width="20" height="20" rx="10" fill="rgb(255,59,48)"/><g clip-path="url(#svgimg4ishc32)"><path d="M25 480.5h28v28H25zm14 5a9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9 9 9 0 0 1 9-9" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><rect x="65" y="484.5" width="20" height="20" rx="10" fill="rgb(255,149,0)"/><g clip-path="url(#svgimg4ishc33)"><path d="M61 480.5h28v28H61zm14 5a9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9 9 9 0 0 1 9-9" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><rect x="101" y="484.5" width="20" height="20" rx="10" fill="rgb(255,204,0)"/><g clip-path="url(#svgimg4ishc34)"><path d="M97 480.5h28v28H97zm14 5a9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9 9 9 0 0 1 9-9" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><rect x="137" y="484.5" width="20" height="20" rx="10" fill="rgb(52,199,89)"/><g clip-path="url(#svgimg4ishc35)"><path d="M133 480.5h28v28h-28zm14 5a9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9 9 9 0 0 1 9-9" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><rect x="173" y="484.5" width="20" height="20" rx="10" fill="rgb(10,132,255)"/><g clip-path="url(#svgimg4ishc36)"><path d="M169 480.5h28v28h-28zm14 5a9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9 9 9 0 0 1 9-9" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><rect x="209" y="484.5" width="20" height="20" rx="10" fill="rgb(94,92,230)"/><g clip-path="url(#svgimg4ishc37)"><path d="M205 480.5h28v28h-28zm14 5a9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9 9 9 0 0 1 9-9" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><rect x="245" y="484.5" width="20" height="20" rx="10" fill="rgb(191,90,242)"/><g clip-path="url(#svgimg4ishc38)"><path d="M241 480.5h28v28h-28zm14 5a9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9 9 9 0 0 1 9-9" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g style="isolation:isolate"><rect x="311.2" y="22" width="16" height="16" rx="8" fill="rgba(0,0,0,0.14)" filter="url(#svgimg4sh39)"/><rect x="310.2" y="20" width="18" height="18" rx="9" fill="rgba(0,0,0,0.3)"/><rect x="311.2" y="21" width="16" height="16" rx="8" fill="rgb(10,132,255)"/><rect x="312" y="22" width="14" height="14" rx="7" fill="none" stroke="rgb(255,255,255)" stroke-width="2"/></g></g></g></g></g><text x="16" y="576" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Opaque Grayscale</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="586" width="380" height="470"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 586)"><defs><clipPath id="svgimg7ct0"><rect x="40" y="352.5" width="15.2" height="18"/></clipPath><clipPath id="svgimg7cp1"><rect x="63.2" y="352.5" width="256.8" height="18"/></clipPath><clipPath id="svgimg7ct2"><rect x="63.2" y="352.5" width="256.8" height="18"/></clipPath><clipPath id="svgimg7ct3"><rect x="40" y="400.5" width="9.8" height="18"/></clipPath><clipPath id="svgimg7cp4"><rect x="57.8" y="400.5" width="262.2" height="18"/></clipPath><clipPath id="svgimg7ct5"><rect x="57.8" y="400.5" width="262.2" height="18"/></clipPath><clipPath id="svgimg7cp6"><rect x="29" y="29" width="302" height="226.5"/></clipPath><clipPath id="svgimg7ov7"><rect x="29" y="29" width="302" height="226.5" rx="12"/></clipPath><clipPath id="svgimg7cp8"><rect x="29" y="29" width="302" height="227"/></clipPath><clipPath id="svgimg7cp10"><rect x="29" y="271.5" width="302" height="12"/></clipPath><clipPath id="svgimg7ov11"><rect x="29" y="271.5" width="302" height="12" rx="6"/></clipPath><clipPath id="svgimg7cp12"><rect x="29" y="271.5" width="302" height="12.5"/></clipPath><filter id="svgimg7sh14" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="svgimg7cp15"><rect x="29" y="302.5" width="102" height="26"/></clipPath><clipPath id="svgimg7cp16"><rect x="111" y="307.5" width="16" height="16.5"/></clipPath><filter id="svgimg7sh18" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter></defs><rect x="20.5" y="20.5" width="319" height="416" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><rect x="29" y="343.5" width="302" height="36" rx="6" fill="rgba(0,0,98,0.05)"/><rect x="29.5" y="344.5" width="301" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="40" y="367.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">W</text><g clip-path="url(#svgimg7cp1)"><g clip-path="url(#svgimg7ct2)"><text x="300.67" y="367.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">42</text></g></g><rect x="29" y="391.5" width="302" height="36" rx="6" fill="rgba(0,0,98,0.05)"/><rect x="29.5" y="392.5" width="301" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="40" y="415.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">#</text><g clip-path="url(#svgimg7cp4)"><g clip-path="url(#svgimg7ct5)"><text x="57.77" y="413.5" font-family="&quot;Courier New&quot;, monospace" font-size="16" fill="rgb(29,29,31)">6B6B6B</text></g></g><g clip-path="url(#svgimg7cp6)"><g clip-path="url(#svgimg7ov7)"/><g clip-path="url(#svgimg7ov7)"><g clip-path="url(#svgimg7cp8)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg7svgic9"><rect x="29" y="29" width="302" height="226.5"/></clipPath><g clip-path="url(#svgimg7svgic9)"><g transform="matrix(3.02 0 0 2.265 29 29)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><linearGradient id="svgimg7svgscope0-dt-area-hue" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#fff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="hsl(0 100% 50%)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient><linearGradient id="svgimg7svgscope0-dt-area-dark" x1="0" y1="1" x2="0" y2="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#000" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#000" stop-opacity="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><rect width="100" height="100" fill="url(#svgimg7svgscope0-dt-area-hue)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect width="100" height="100" fill="url(#svgimg7svgscope0-dt-area-dark)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g></g></g></g></g></g><g clip-path="url(#svgimg7cp10)"><g clip-path="url(#svgimg7ov11)"/><g clip-path="url(#svgimg7ov11)"><g clip-path="url(#svgimg7cp12)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg7svgic13"><rect x="29" y="271.5" width="302" height="12"/></clipPath><g clip-path="url(#svgimg7svgic13)"><g transform="matrix(1.00667 0 0 1 29 271.5)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><clipPath id="svgimg7svgscope0-dt-hue-clip" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><rect width="300" height="12" rx="6" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></clipPath><linearGradient id="svgimg7svgscope0-dt-hue" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#f00" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="0.16666666666666666" stop-color="#ff0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="0.3333333333333333" stop-color="#0f0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="0.5" stop-color="#0ff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="0.6666666666666666" stop-color="#00f" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="0.8333333333333334" stop-color="#f0f" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#f00" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><g clip-path="url(#svgimg7svgscope0-dt-hue-clip)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb;clip-path:url(#svgimg7svgscope0-dt-hue-clip)"/><rect width="300" height="12" rx="6" fill="url(#svgimg7svgscope0-dt-hue)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g></g></g></g></g></g><rect x="29" y="268.5" width="20" height="20" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#svgimg7sh14)"/><rect x="28" y="266.5" width="22" height="22" rx="11" fill="rgba(0,0,0,0.2)"/><rect x="29" y="267.5" width="20" height="20" rx="10" fill="rgb(255,0,0)"/><rect x="30.5" y="269.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(255,255,255)" stroke-width="3"/><g clip-path="url(#svgimg7cp15)"><text x="33" y="321.5" font-size="16" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-weight="500" fill="rgb(29, 29, 31)">Grayscale</text></g><g clip-path="url(#svgimg7cp16)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg7svgic17"><rect x="111" y="307.5" width="16" height="16"/></clipPath><g clip-path="url(#svgimg7svgic17)"><g transform="translate(111 307.5)scale(.66667)"><path d="m7 15 5 5 5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m7 9 5-5 5 5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g style="isolation:isolate"><rect x="21" y="153.5" width="16" height="16" rx="8" fill="rgba(0,0,0,0.14)" filter="url(#svgimg7sh18)"/><rect x="20" y="151.5" width="18" height="18" rx="9" fill="rgba(0,0,0,0.3)"/><rect x="21" y="152.5" width="16" height="16" rx="8" fill="rgb(107,107,107)"/><rect x="22" y="153" width="14" height="14" rx="7" fill="none" stroke="rgb(255,255,255)" stroke-width="2"/></g></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 412 1700" width="412" height="1700"><defs><clipPath id="cp0"><rect x="16" y="38" width="380" height="570"/></clipPath><clipPath id="cp1"><rect x="16" y="646" width="380" height="530"/></clipPath><clipPath id="cp2"><rect x="16" y="1214" width="380" height="470"/></clipPath><clipPath id="ct3"><rect x="16" y="16" width="380" height="22"/></clipPath><clipPath id="irc4"><rect x="16" y="38" width="380" height="570" rx="0"/></clipPath><clipPath id="ct6"><rect x="16" y="624" width="380" height="22"/></clipPath><clipPath id="irc7"><rect x="16" y="646" width="380" height="530" rx="0"/></clipPath><clipPath id="ct9"><rect x="16" y="1192" width="380" height="22"/></clipPath><clipPath id="irc10"><rect x="16" y="1214" width="380" height="470" rx="0"/></clipPath></defs><rect x="0" y="0" width="412" height="1700" rx="0" fill="rgb(255,255,255)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">RGB with Presets</text><g clip-path="url(#cp0)"><g clip-path="url(#irc4)"><clipPath id="svgimg5vclip"><rect x="16" y="38" width="380" height="570"/></clipPath><g clip-path="url(#svgimg5vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg5ct0"><rect x="40" y="436.5" width="10.1" height="18"/></clipPath><clipPath id="svgimg5cp1"><rect x="58.1" y="436.5" width="55.2" height="18"/></clipPath><clipPath id="svgimg5ct2"><rect x="58.1" y="436.5" width="55.2" height="18"/></clipPath><clipPath id="svgimg5ct3"><rect x="143.3" y="436.5" width="11.6" height="18"/></clipPath><clipPath id="svgimg5cp4"><rect x="163" y="436.5" width="53.7" height="18"/></clipPath><clipPath id="svgimg5ct5"><rect x="163" y="436.5" width="53.7" height="18"/></clipPath><clipPath id="svgimg5ct6"><rect x="246.7" y="436.5" width="10.2" height="18"/></clipPath><clipPath id="svgimg5cp7"><rect x="264.9" y="436.5" width="55.1" height="18"/></clipPath><clipPath id="svgimg5ct8"><rect x="264.9" y="436.5" width="55.1" height="18"/></clipPath><clipPath id="svgimg5ct9"><rect x="40" y="484.5" width="9.8" height="18"/></clipPath><clipPath id="svgimg5cp10"><rect x="57.8" y="484.5" width="156.2" height="18"/></clipPath><clipPath id="svgimg5ct11"><rect x="57.8" y="484.5" width="156.2" height="18"/></clipPath><clipPath id="svgimg5ct12"><rect x="244" y="484.5" width="10.5" height="18"/></clipPath><clipPath id="svgimg5cp13"><rect x="262.5" y="484.5" width="57.5" height="18"/></clipPath><clipPath id="svgimg5ct14"><rect x="262.5" y="484.5" width="57.5" height="18"/></clipPath><clipPath id="svgimg5ishc15"><rect x="29" y="29" width="302" height="226.5" rx="12"/></clipPath><clipPath id="svgimg5cp16"><rect x="29" y="29" width="302" height="226.5"/></clipPath><clipPath id="svgimg5ov17"><rect x="29" y="29" width="302" height="226.5" rx="12"/></clipPath><clipPath id="svgimg5cp18"><rect x="29" y="29" width="302" height="227"/></clipPath><clipPath id="svgimg5cp20"><rect x="29" y="271.5" width="302" height="12"/></clipPath><clipPath id="svgimg5ov21"><rect x="29" y="271.5" width="302" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp22"><rect x="29" y="271.5" width="302" height="12.5"/></clipPath><filter id="svgimg5sh24" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="svgimg5cp25"><rect x="29" y="299.5" width="302" height="12"/></clipPath><clipPath id="svgimg5ov26"><rect x="29" y="299.5" width="302" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp27"><rect x="29" y="299.5" width="302" height="12.5"/></clipPath><filter id="svgimg5sh29" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="svgimg5cp30"><rect x="29" y="327.5" width="302" height="12"/></clipPath><clipPath id="svgimg5ov31"><rect x="29" y="327.5" width="302" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp32"><rect x="29" y="327.5" width="302" height="12.5"/></clipPath><filter id="svgimg5sh34" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="svgimg5cp35"><rect x="29" y="355.5" width="302" height="12"/></clipPath><clipPath id="svgimg5ov36"><rect x="29" y="355.5" width="302" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp37"><rect x="29" y="355.5" width="302" height="12.5"/></clipPath><filter id="svgimg5sh39" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="svgimg5cp40"><rect x="29" y="386.5" width="102" height="26"/></clipPath><clipPath id="svgimg5cp41"><rect x="111" y="391.5" width="16" height="16.5"/></clipPath><clipPath id="svgimg5ishc43"><rect x="29" y="536.5" width="20" height="20" rx="10"/></clipPath><clipPath id="svgimg5ishc44"><rect x="65" y="536.5" width="20" height="20" rx="10"/></clipPath><clipPath id="svgimg5ishc45"><rect x="101" y="536.5" width="20" height="20" rx="10"/></clipPath><clipPath id="svgimg5ishc46"><rect x="137" y="536.5" width="20" height="20" rx="10"/></clipPath><clipPath id="svgimg5ishc47"><rect x="173" y="536.5" width="20" height="20" rx="10"/></clipPath><clipPath id="svgimg5ishc48"><rect x="209" y="536.5" width="20" height="20" rx="10"/></clipPath><clipPath id="svgimg5ishc49"><rect x="245" y="536.5" width="20" height="20" rx="10"/></clipPath><filter id="svgimg5sh50" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter></defs><rect x="20.5" y="20.5" width="319" height="558" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><rect x="29" y="427.5" width="95.3" height="36" rx="6" fill="rgba(0,0,98,0.05)"/><rect x="29.5" y="428.5" width="94" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="40" y="451.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">R</text><g clip-path="url(#svgimg5cp1)"><g clip-path="url(#svgimg5ct2)"><text x="96.45" y="451.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">10</text></g></g><rect x="132.3" y="427.5" width="95.3" height="36" rx="6" fill="rgba(0,0,98,0.05)"/><rect x="132.5" y="428.5" width="95" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="143.33" y="451.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">G</text><g clip-path="url(#svgimg5cp4)"><g clip-path="url(#svgimg5ct5)"><text x="190.48" y="451.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">132</text></g></g><rect x="235.7" y="427.5" width="95.3" height="36" rx="6" fill="rgba(0,0,98,0.05)"/><rect x="236.5" y="428.5" width="94" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="246.66" y="451.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">B</text><g clip-path="url(#svgimg5cp7)"><g clip-path="url(#svgimg5ct8)"><text x="291.5" y="451.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">255</text></g></g><rect x="29" y="475.5" width="196" height="36" rx="6" fill="rgba(0,0,98,0.05)"/><rect x="29.5" y="476.5" width="195" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="40" y="499.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">#</text><g clip-path="url(#svgimg5cp10)"><g clip-path="url(#svgimg5ct11)"><text x="57.77" y="497.5" font-family="&quot;Courier New&quot;, monospace" font-size="16" fill="rgb(29,29,31)">0A84FFCC</text></g></g><rect x="233" y="475.5" width="98" height="36" rx="6" fill="rgba(0,0,98,0.05)"/><rect x="233.5" y="476.5" width="97" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="244" y="499.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">A</text><g clip-path="url(#svgimg5cp13)"><g clip-path="url(#svgimg5ct14)"><text x="285.83" y="499.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">80%</text></g></g><g clip-path="url(#svgimg5ishc15)"><path d="M25 25h310v234.5H25zm16 5h278a11 11 0 0 1 11 11v202.5a11 11 0 0 1-11 11H41a11 11 0 0 1-11-11V41a11 11 0 0 1 11-11" fill="rgba(29,29,31,0.5)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp16)"><g clip-path="url(#svgimg5ov17)"/><g clip-path="url(#svgimg5ov17)"><g clip-path="url(#svgimg5cp18)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg5svgic19"><rect x="29" y="29" width="302" height="226.5"/></clipPath><g clip-path="url(#svgimg5svgic19)"><g transform="matrix(3.02 0 0 2.265 29 29)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><linearGradient id="svgimg5svgscope0-dt-area-hue" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#fff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="hsl(210.12 100% 50%)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient><linearGradient id="svgimg5svgscope0-dt-area-dark" x1="0" y1="1" x2="0" y2="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#000" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#000" stop-opacity="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><rect width="100" height="100" fill="url(#svgimg5svgscope0-dt-area-hue)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect width="100" height="100" fill="url(#svgimg5svgscope0-dt-area-dark)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g></g></g></g></g></g><rect x="29.5" y="29.5" width="301" height="226" rx="11.5" fill="none" stroke="rgba(29,29,31,0.5)" stroke-width="1"/><g clip-path="url(#svgimg5cp20)"><g clip-path="url(#svgimg5ov21)"/><g clip-path="url(#svgimg5ov21)"><g clip-path="url(#svgimg5cp22)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg5svgic23"><rect x="29" y="271.5" width="302" height="12"/></clipPath><g clip-path="url(#svgimg5svgic23)"><g transform="matrix(1.00667 0 0 1 29 271.5)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><clipPath id="svgimg5svgscope0-dt-channel-0-clip" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><rect width="300" height="12" rx="6" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></clipPath><linearGradient id="svgimg5svgscope0-dt-channel-0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#0084ff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#ff84ff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><g clip-path="url(#svgimg5svgscope0-dt-channel-0-clip)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb;clip-path:url(#svgimg5svgscope0-dt-channel-0-clip)"/><rect width="300" height="12" rx="6" fill="url(#svgimg5svgscope0-dt-channel-0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect class="dt-picker-track-edge" x="0.5" y="0.5" width="299" height="11" rx="5.5" fill="none" style="marker:none;vector-effect:none;color-interpolation:srgb" stroke="rgb(29, 29, 31)" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="0.5" fill-opacity="1" opacity="1"/></g></g></g></g></g></g><rect x="40" y="268.5" width="20" height="20" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#svgimg5sh24)"/><rect x="39" y="266.5" width="22" height="22" rx="11" fill="rgba(0,0,0,0.6)"/><rect x="40" y="267.5" width="20" height="20" rx="10" fill="rgb(10,132,255)"/><rect x="41.5" y="269.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(255,255,255)" stroke-width="3"/><g clip-path="url(#svgimg5cp25)"><g clip-path="url(#svgimg5ov26)"/><g clip-path="url(#svgimg5ov26)"><g clip-path="url(#svgimg5cp27)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg5svgic28"><rect x="29" y="299.5" width="302" height="12"/></clipPath><g clip-path="url(#svgimg5svgic28)"><g transform="matrix(1.00667 0 0 1 29 299.5)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><clipPath id="svgimg5svgscope0-dt-channel-1-clip" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><rect width="300" height="12" rx="6" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></clipPath><linearGradient id="svgimg5svgscope0-dt-channel-1" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#0a00ff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#0affff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><g clip-path="url(#svgimg5svgscope0-dt-channel-1-clip)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb;clip-path:url(#svgimg5svgscope0-dt-channel-1-clip)"/><rect width="300" height="12" rx="6" fill="url(#svgimg5svgscope0-dt-channel-1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect class="dt-picker-track-edge" x="0.5" y="0.5" width="299" height="11" rx="5.5" fill="none" style="marker:none;vector-effect:none;color-interpolation:srgb" stroke="rgb(29, 29, 31)" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="0.5" fill-opacity="1" opacity="1"/></g></g></g></g></g></g><rect x="175" y="296.5" width="20" height="20" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#svgimg5sh29)"/><rect x="174" y="294.5" width="22" height="22" rx="11" fill="rgba(0,0,0,0.6)"/><rect x="175" y="295.5" width="20" height="20" rx="10" fill="rgb(10,132,255)"/><rect x="176.5" y="297.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(255,255,255)" stroke-width="3"/><g clip-path="url(#svgimg5cp30)"><g clip-path="url(#svgimg5ov31)"/><g clip-path="url(#svgimg5ov31)"><g clip-path="url(#svgimg5cp32)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg5svgic33"><rect x="29" y="327.5" width="302" height="12"/></clipPath><g clip-path="url(#svgimg5svgic33)"><g transform="matrix(1.00667 0 0 1 29 327.5)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><clipPath id="svgimg5svgscope0-dt-channel-2-clip" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><rect width="300" height="12" rx="6" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></clipPath><linearGradient id="svgimg5svgscope0-dt-channel-2" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#0a8400" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#0a84ff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><g clip-path="url(#svgimg5svgscope0-dt-channel-2-clip)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb;clip-path:url(#svgimg5svgscope0-dt-channel-2-clip)"/><rect width="300" height="12" rx="6" fill="url(#svgimg5svgscope0-dt-channel-2)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect class="dt-picker-track-edge" x="0.5" y="0.5" width="299" height="11" rx="5.5" fill="none" style="marker:none;vector-effect:none;color-interpolation:srgb" stroke="rgb(29, 29, 31)" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="0.5" fill-opacity="1" opacity="1"/></g></g></g></g></g></g><rect x="311" y="324.5" width="20" height="20" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#svgimg5sh34)"/><rect x="310" y="322.5" width="22" height="22" rx="11" fill="rgba(0,0,0,0.6)"/><rect x="311" y="323.5" width="20" height="20" rx="10" fill="rgb(10,132,255)"/><rect x="312.5" y="325.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(255,255,255)" stroke-width="3"/><g clip-path="url(#svgimg5cp35)"><g clip-path="url(#svgimg5ov36)"/><g clip-path="url(#svgimg5ov36)"><g clip-path="url(#svgimg5cp37)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg5svgic38"><rect x="29" y="355.5" width="302" height="12"/></clipPath><g clip-path="url(#svgimg5svgic38)"><g transform="matrix(1.00667 0 0 1 29 355.5)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><clipPath id="svgimg5svgscope0-dt-opacity-clip" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><rect width="300" height="12" rx="6" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></clipPath><linearGradient id="svgimg5svgscope0-dt-opacity" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#0a84ff" stop-opacity="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#0a84ff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><g clip-path="url(#svgimg5svgscope0-dt-opacity-clip)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb;clip-path:url(#svgimg5svgscope0-dt-opacity-clip)"><rect width="300" height="12" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="0" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="6" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="12" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="18" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="24" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="30" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="36" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="42" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="48" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="54" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="60" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="66" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="72" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="78" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="84" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="90" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="96" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="102" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="108" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="114" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="120" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="126" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="132" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="138" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="144" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="150" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="156" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="162" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="168" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="174" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="180" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="186" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="192" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="198" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="204" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="210" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="216" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="222" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="228" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="234" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="240" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="246" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="252" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="258" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="264" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="270" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="276" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="282" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="288" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="294" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g><rect width="300" height="12" rx="6" fill="url(#svgimg5svgscope0-dt-opacity)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect class="dt-picker-track-edge" x="0.5" y="0.5" width="299" height="11" rx="5.5" fill="none" style="marker:none;vector-effect:none;color-interpolation:srgb" stroke="rgb(29, 29, 31)" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="0.5" fill-opacity="1" opacity="1"/></g></g></g></g></g></g><rect x="254.6" y="352.5" width="20" height="20" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#svgimg5sh39)"/><rect x="253.6" y="350.5" width="22" height="22" rx="11" fill="rgba(0,0,0,0.6)"/><rect x="254.6" y="351.5" width="20" height="20" rx="10" fill="rgb(10,132,255)"/><rect x="256.5" y="353.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(255,255,255)" stroke-width="3"/><g clip-path="url(#svgimg5cp40)"><text x="33" y="405.5" font-size="16" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-weight="500" fill="rgb(29, 29, 31)">RGBA</text></g><g clip-path="url(#svgimg5cp41)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg5svgic42"><rect x="111" y="391.5" width="16" height="16"/></clipPath><g clip-path="url(#svgimg5svgic42)"><g transform="translate(111 391.5)scale(.66667)"><path d="m7 15 5 5 5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m7 9 5-5 5 5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="29" y="536.5" width="20" height="20" rx="10" fill="rgb(255,59,48)"/><g clip-path="url(#svgimg5ishc43)"><path d="M25 532.5h28v28H25zm14 5a9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9 9 9 0 0 1 9-9" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><rect x="65" y="536.5" width="20" height="20" rx="10" fill="rgb(255,149,0)"/><g clip-path="url(#svgimg5ishc44)"><path d="M61 532.5h28v28H61zm14 5a9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9 9 9 0 0 1 9-9" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><rect x="101" y="536.5" width="20" height="20" rx="10" fill="rgb(255,204,0)"/><g clip-path="url(#svgimg5ishc45)"><path d="M97 532.5h28v28H97zm14 5a9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9 9 9 0 0 1 9-9" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><rect x="137" y="536.5" width="20" height="20" rx="10" fill="rgb(52,199,89)"/><g clip-path="url(#svgimg5ishc46)"><path d="M133 532.5h28v28h-28zm14 5a9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9 9 9 0 0 1 9-9" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><rect x="173" y="536.5" width="20" height="20" rx="10" fill="rgb(10,132,255)"/><g clip-path="url(#svgimg5ishc47)"><path d="M169 532.5h28v28h-28zm14 5a9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9 9 9 0 0 1 9-9" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><rect x="209" y="536.5" width="20" height="20" rx="10" fill="rgb(94,92,230)"/><g clip-path="url(#svgimg5ishc48)"><path d="M205 532.5h28v28h-28zm14 5a9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9 9 9 0 0 1 9-9" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><rect x="245" y="536.5" width="20" height="20" rx="10" fill="rgb(191,90,242)"/><g clip-path="url(#svgimg5ishc49)"><path d="M241 532.5h28v28h-28zm14 5a9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9 9 9 0 0 1 9-9" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g style="isolation:isolate"><rect x="311.2" y="22" width="16" height="16" rx="8" fill="rgba(0,0,0,0.14)" filter="url(#svgimg5sh50)"/><rect x="310.2" y="20" width="18" height="18" rx="9" fill="rgba(0,0,0,0.6)"/><rect x="311.2" y="21" width="16" height="16" rx="8" fill="rgb(10,132,255)"/><rect x="312" y="22" width="14" height="14" rx="7" fill="none" stroke="rgb(255,255,255)" stroke-width="2"/></g></g></g></g></g><text x="16" y="636" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">HSB with Opacity</text><g clip-path="url(#cp1)"><g clip-path="url(#irc7)"><clipPath id="svgimg8vclip"><rect x="16" y="646" width="380" height="530"/></clipPath><g clip-path="url(#svgimg8vclip)"><g transform="translate(16 646)"><defs><clipPath id="svgimg8ct0"><rect x="40" y="436.5" width="11.6" height="18"/></clipPath><clipPath id="svgimg8cp1"><rect x="59.6" y="436.5" width="53.8" height="18"/></clipPath><clipPath id="svgimg8ct2"><rect x="59.6" y="436.5" width="53.8" height="18"/></clipPath><clipPath id="svgimg8ct3"><rect x="143.3" y="436.5" width="9.9" height="18"/></clipPath><clipPath id="svgimg8cp4"><rect x="161.2" y="436.5" width="55.4" height="18"/></clipPath><clipPath id="svgimg8ct5"><rect x="161.2" y="436.5" width="55.4" height="18"/></clipPath><clipPath id="svgimg8ct6"><rect x="246.7" y="436.5" width="10.2" height="18"/></clipPath><clipPath id="svgimg8cp7"><rect x="264.9" y="436.5" width="55.1" height="18"/></clipPath><clipPath id="svgimg8ct8"><rect x="264.9" y="436.5" width="55.1" height="18"/></clipPath><clipPath id="svgimg8ct9"><rect x="40" y="484.5" width="9.8" height="18"/></clipPath><clipPath id="svgimg8cp10"><rect x="57.8" y="484.5" width="156.2" height="18"/></clipPath><clipPath id="svgimg8ct11"><rect x="57.8" y="484.5" width="156.2" height="18"/></clipPath><clipPath id="svgimg8ct12"><rect x="244" y="484.5" width="10.5" height="18"/></clipPath><clipPath id="svgimg8cp13"><rect x="262.5" y="484.5" width="57.5" height="18"/></clipPath><clipPath id="svgimg8ct14"><rect x="262.5" y="484.5" width="57.5" height="18"/></clipPath><clipPath id="svgimg8ishc15"><rect x="29" y="29" width="302" height="226.5" rx="12"/></clipPath><clipPath id="svgimg8cp16"><rect x="29" y="29" width="302" height="226.5"/></clipPath><clipPath id="svgimg8ov17"><rect x="29" y="29" width="302" height="226.5" rx="12"/></clipPath><clipPath id="svgimg8cp18"><rect x="29" y="29" width="302" height="227"/></clipPath><clipPath id="svgimg8cp20"><rect x="29" y="271.5" width="302" height="12"/></clipPath><clipPath id="svgimg8ov21"><rect x="29" y="271.5" width="302" height="12" rx="6"/></clipPath><clipPath id="svgimg8cp22"><rect x="29" y="271.5" width="302" height="12.5"/></clipPath><filter id="svgimg8sh24" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="svgimg8cp25"><rect x="29" y="299.5" width="302" height="12"/></clipPath><clipPath id="svgimg8ov26"><rect x="29" y="299.5" width="302" height="12" rx="6"/></clipPath><clipPath id="svgimg8cp27"><rect x="29" y="299.5" width="302" height="12.5"/></clipPath><filter id="svgimg8sh29" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="svgimg8cp30"><rect x="29" y="327.5" width="302" height="12"/></clipPath><clipPath id="svgimg8ov31"><rect x="29" y="327.5" width="302" height="12" rx="6"/></clipPath><clipPath id="svgimg8cp32"><rect x="29" y="327.5" width="302" height="12.5"/></clipPath><filter id="svgimg8sh34" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="svgimg8cp35"><rect x="29" y="355.5" width="302" height="12"/></clipPath><clipPath id="svgimg8ov36"><rect x="29" y="355.5" width="302" height="12" rx="6"/></clipPath><clipPath id="svgimg8cp37"><rect x="29" y="355.5" width="302" height="12.5"/></clipPath><filter id="svgimg8sh39" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="svgimg8cp40"><rect x="29" y="386.5" width="102" height="26"/></clipPath><clipPath id="svgimg8cp41"><rect x="111" y="391.5" width="16" height="16.5"/></clipPath><filter id="svgimg8sh43" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter></defs><rect x="20.5" y="20.5" width="319" height="500" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><rect x="29" y="427.5" width="95.3" height="36" rx="6" fill="rgba(0,0,98,0.05)"/><rect x="29.5" y="428.5" width="94" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="40" y="451.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">H</text><g clip-path="url(#svgimg8cp1)"><g clip-path="url(#svgimg8ct2)"><text x="86.92" y="451.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">135</text></g></g><rect x="132.3" y="427.5" width="95.3" height="36" rx="6" fill="rgba(0,0,98,0.05)"/><rect x="132.5" y="428.5" width="95" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="143.33" y="451.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">S</text><g clip-path="url(#svgimg8cp4)"><g clip-path="url(#svgimg8ct5)"><text x="198.81" y="451.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">74</text></g></g><rect x="235.7" y="427.5" width="95.3" height="36" rx="6" fill="rgba(0,0,98,0.05)"/><rect x="236.5" y="428.5" width="94" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="246.66" y="451.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">B</text><g clip-path="url(#svgimg8cp7)"><g clip-path="url(#svgimg8ct8)"><text x="301.53" y="451.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">78</text></g></g><rect x="29" y="475.5" width="196" height="36" rx="6" fill="rgba(0,0,98,0.05)"/><rect x="29.5" y="476.5" width="195" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="40" y="499.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">#</text><g clip-path="url(#svgimg8cp10)"><g clip-path="url(#svgimg8ct11)"><text x="57.77" y="497.5" font-family="&quot;Courier New&quot;, monospace" font-size="16" fill="rgb(29,29,31)">34C759</text></g></g><rect x="233" y="475.5" width="98" height="36" rx="6" fill="rgba(0,0,98,0.05)"/><rect x="233.5" y="476.5" width="97" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="244" y="499.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">A</text><g clip-path="url(#svgimg8cp13)"><g clip-path="url(#svgimg8ct14)"><text x="278.86" y="499.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">100%</text></g></g><g clip-path="url(#svgimg8ishc15)"><path d="M25 25h310v234.5H25zm16 5h278a11 11 0 0 1 11 11v202.5a11 11 0 0 1-11 11H41a11 11 0 0 1-11-11V41a11 11 0 0 1 11-11" fill="rgba(29,29,31,0.5)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg8cp16)"><g clip-path="url(#svgimg8ov17)"/><g clip-path="url(#svgimg8ov17)"><g clip-path="url(#svgimg8cp18)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg8svgic19"><rect x="29" y="29" width="302" height="226.5"/></clipPath><g clip-path="url(#svgimg8svgic19)"><g transform="matrix(3.02 0 0 2.265 29 29)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><linearGradient id="svgimg8svgscope0-dt-area-hue" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#fff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="hsl(135.1 100% 50%)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient><linearGradient id="svgimg8svgscope0-dt-area-dark" x1="0" y1="1" x2="0" y2="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#000" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#000" stop-opacity="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><rect width="100" height="100" fill="url(#svgimg8svgscope0-dt-area-hue)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect width="100" height="100" fill="url(#svgimg8svgscope0-dt-area-dark)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g></g></g></g></g></g><rect x="29.5" y="29.5" width="301" height="226" rx="11.5" fill="none" stroke="rgba(29,29,31,0.5)" stroke-width="1"/><g clip-path="url(#svgimg8cp20)"><g clip-path="url(#svgimg8ov21)"/><g clip-path="url(#svgimg8ov21)"><g clip-path="url(#svgimg8cp22)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg8svgic23"><rect x="29" y="271.5" width="302" height="12"/></clipPath><g clip-path="url(#svgimg8svgic23)"><g transform="matrix(1.00667 0 0 1 29 271.5)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><clipPath id="svgimg8svgscope0-dt-channel-0-clip" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><rect width="300" height="12" rx="6" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></clipPath><linearGradient id="svgimg8svgscope0-dt-channel-0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#ff0000" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="0.16666666666666666" stop-color="#ffff00" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="0.3333333333333333" stop-color="#00ff00" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="0.5" stop-color="#00ffff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="0.6666666666666666" stop-color="#0000ff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="0.8333333333333334" stop-color="#ff00ff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#ff0000" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><g clip-path="url(#svgimg8svgscope0-dt-channel-0-clip)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb;clip-path:url(#svgimg8svgscope0-dt-channel-0-clip)"/><rect width="300" height="12" rx="6" fill="url(#svgimg8svgscope0-dt-channel-0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect class="dt-picker-track-edge" x="0.5" y="0.5" width="299" height="11" rx="5.5" fill="none" style="marker:none;vector-effect:none;color-interpolation:srgb" stroke="rgb(29, 29, 31)" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="0.5" fill-opacity="1" opacity="1"/></g></g></g></g></g></g><rect x="134.8" y="268.5" width="20" height="20" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#svgimg8sh24)"/><rect x="133.8" y="266.5" width="22" height="22" rx="11" fill="rgba(0,0,0,0.6)"/><rect x="134.8" y="267.5" width="20" height="20" rx="10" fill="rgb(52,199,89)"/><rect x="136.5" y="269.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(255,255,255)" stroke-width="3"/><g clip-path="url(#svgimg8cp25)"><g clip-path="url(#svgimg8ov26)"/><g clip-path="url(#svgimg8ov26)"><g clip-path="url(#svgimg8cp27)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg8svgic28"><rect x="29" y="299.5" width="302" height="12"/></clipPath><g clip-path="url(#svgimg8svgic28)"><g transform="matrix(1.00667 0 0 1 29 299.5)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><clipPath id="svgimg8svgscope0-dt-channel-1-clip" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><rect width="300" height="12" rx="6" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></clipPath><linearGradient id="svgimg8svgscope0-dt-channel-1" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#c7c7c7" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#00c732" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><g clip-path="url(#svgimg8svgscope0-dt-channel-1-clip)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb;clip-path:url(#svgimg8svgscope0-dt-channel-1-clip)"/><rect width="300" height="12" rx="6" fill="url(#svgimg8svgscope0-dt-channel-1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect class="dt-picker-track-edge" x="0.5" y="0.5" width="299" height="11" rx="5.5" fill="none" style="marker:none;vector-effect:none;color-interpolation:srgb" stroke="rgb(29, 29, 31)" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="0.5" fill-opacity="1" opacity="1"/></g></g></g></g></g></g><rect x="237.7" y="296.5" width="20" height="20" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#svgimg8sh29)"/><rect x="236.7" y="294.5" width="22" height="22" rx="11" fill="rgba(0,0,0,0.6)"/><rect x="237.7" y="295.5" width="20" height="20" rx="10" fill="rgb(52,199,89)"/><rect x="239.5" y="297.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(255,255,255)" stroke-width="3"/><g clip-path="url(#svgimg8cp30)"><g clip-path="url(#svgimg8ov31)"/><g clip-path="url(#svgimg8ov31)"><g clip-path="url(#svgimg8cp32)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg8svgic33"><rect x="29" y="327.5" width="302" height="12"/></clipPath><g clip-path="url(#svgimg8svgic33)"><g transform="matrix(1.00667 0 0 1 29 327.5)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><clipPath id="svgimg8svgscope0-dt-channel-2-clip" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><rect width="300" height="12" rx="6" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></clipPath><linearGradient id="svgimg8svgscope0-dt-channel-2" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#000000" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#43ff72" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><g clip-path="url(#svgimg8svgscope0-dt-channel-2-clip)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb;clip-path:url(#svgimg8svgscope0-dt-channel-2-clip)"/><rect width="300" height="12" rx="6" fill="url(#svgimg8svgscope0-dt-channel-2)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect class="dt-picker-track-edge" x="0.5" y="0.5" width="299" height="11" rx="5.5" fill="none" style="marker:none;vector-effect:none;color-interpolation:srgb" stroke="rgb(29, 29, 31)" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="0.5" fill-opacity="1" opacity="1"/></g></g></g></g></g></g><rect x="249" y="324.5" width="20" height="20" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#svgimg8sh34)"/><rect x="248" y="322.5" width="22" height="22" rx="11" fill="rgba(0,0,0,0.6)"/><rect x="249" y="323.5" width="20" height="20" rx="10" fill="rgb(52,199,89)"/><rect x="250.5" y="325.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(255,255,255)" stroke-width="3"/><g clip-path="url(#svgimg8cp35)"><g clip-path="url(#svgimg8ov36)"/><g clip-path="url(#svgimg8ov36)"><g clip-path="url(#svgimg8cp37)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg8svgic38"><rect x="29" y="355.5" width="302" height="12"/></clipPath><g clip-path="url(#svgimg8svgic38)"><g transform="matrix(1.00667 0 0 1 29 355.5)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><clipPath id="svgimg8svgscope0-dt-opacity-clip" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><rect width="300" height="12" rx="6" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></clipPath><linearGradient id="svgimg8svgscope0-dt-opacity" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#34c759" stop-opacity="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#34c759" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><g clip-path="url(#svgimg8svgscope0-dt-opacity-clip)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb;clip-path:url(#svgimg8svgscope0-dt-opacity-clip)"><rect width="300" height="12" class="dt-checker-light" fill="rgb(255, 255, 255)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="0" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="6" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="12" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="18" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="24" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="30" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="36" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="42" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="48" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="54" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="60" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="66" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="72" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="78" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="84" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="90" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="96" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="102" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="108" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="114" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="120" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="126" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="132" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="138" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="144" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="150" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="156" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="162" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="168" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="174" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="180" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="186" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="192" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="198" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="204" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="210" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="216" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="222" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="228" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="234" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="240" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="246" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="252" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="258" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="264" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="270" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="276" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="282" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="288" y="6" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect x="294" y="0" width="6" height="6" class="dt-checker-dark" fill="rgba(0, 0, 49, 0.1)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g><rect width="300" height="12" rx="6" fill="url(#svgimg8svgscope0-dt-opacity)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect class="dt-picker-track-edge" x="0.5" y="0.5" width="299" height="11" rx="5.5" fill="none" style="marker:none;vector-effect:none;color-interpolation:srgb" stroke="rgb(29, 29, 31)" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="0.5" fill-opacity="1" opacity="1"/></g></g></g></g></g></g><rect x="311" y="352.5" width="20" height="20" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#svgimg8sh39)"/><rect x="310" y="350.5" width="22" height="22" rx="11" fill="rgba(0,0,0,0.6)"/><rect x="311" y="351.5" width="20" height="20" rx="10" fill="rgb(52,199,89)"/><rect x="312.5" y="353.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(255,255,255)" stroke-width="3"/><g clip-path="url(#svgimg8cp40)"><text x="33" y="405.5" font-size="16" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-weight="500" fill="rgb(29, 29, 31)">HSBA</text></g><g clip-path="url(#svgimg8cp41)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg8svgic42"><rect x="111" y="391.5" width="16" height="16"/></clipPath><g clip-path="url(#svgimg8svgic42)"><g transform="translate(111 391.5)scale(.66667)"><path d="m7 15 5 5 5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m7 9 5-5 5 5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g style="isolation:isolate"><rect x="244.1" y="71.7" width="16" height="16" rx="8" fill="rgba(0,0,0,0.14)" filter="url(#svgimg8sh43)"/><rect x="243.1" y="69.7" width="18" height="18" rx="9" fill="rgba(0,0,0,0.6)"/><rect x="244.1" y="70.7" width="16" height="16" rx="8" fill="rgb(52,199,89)"/><rect x="245" y="72" width="14" height="14" rx="7" fill="none" stroke="rgb(255,255,255)" stroke-width="2"/></g></g></g></g></g><text x="16" y="1204" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Opaque Grayscale</text><g clip-path="url(#cp2)"><g clip-path="url(#irc10)"><clipPath id="svgimg11vclip"><rect x="16" y="1214" width="380" height="470"/></clipPath><g clip-path="url(#svgimg11vclip)"><g transform="translate(16 1214)"><defs><clipPath id="svgimg11ct0"><rect x="40" y="352.5" width="15.2" height="18"/></clipPath><clipPath id="svgimg11cp1"><rect x="63.2" y="352.5" width="256.8" height="18"/></clipPath><clipPath id="svgimg11ct2"><rect x="63.2" y="352.5" width="256.8" height="18"/></clipPath><clipPath id="svgimg11ct3"><rect x="40" y="400.5" width="9.8" height="18"/></clipPath><clipPath id="svgimg11cp4"><rect x="57.8" y="400.5" width="262.2" height="18"/></clipPath><clipPath id="svgimg11ct5"><rect x="57.8" y="400.5" width="262.2" height="18"/></clipPath><clipPath id="svgimg11ishc6"><rect x="29" y="29" width="302" height="226.5" rx="12"/></clipPath><clipPath id="svgimg11cp7"><rect x="29" y="29" width="302" height="226.5"/></clipPath><clipPath id="svgimg11ov8"><rect x="29" y="29" width="302" height="226.5" rx="12"/></clipPath><clipPath id="svgimg11cp9"><rect x="29" y="29" width="302" height="227"/></clipPath><clipPath id="svgimg11cp11"><rect x="29" y="271.5" width="302" height="12"/></clipPath><clipPath id="svgimg11ov12"><rect x="29" y="271.5" width="302" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp13"><rect x="29" y="271.5" width="302" height="12.5"/></clipPath><filter id="svgimg11sh15" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="svgimg11cp16"><rect x="29" y="302.5" width="102" height="26"/></clipPath><clipPath id="svgimg11cp17"><rect x="111" y="307.5" width="16" height="16.5"/></clipPath><filter id="svgimg11sh19" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter></defs><rect x="20.5" y="20.5" width="319" height="416" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><rect x="29" y="343.5" width="302" height="36" rx="6" fill="rgba(0,0,98,0.05)"/><rect x="29.5" y="344.5" width="301" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="40" y="367.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">W</text><g clip-path="url(#svgimg11cp1)"><g clip-path="url(#svgimg11ct2)"><text x="300.67" y="367.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">42</text></g></g><rect x="29" y="391.5" width="302" height="36" rx="6" fill="rgba(0,0,98,0.05)"/><rect x="29.5" y="392.5" width="301" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="40" y="415.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">#</text><g clip-path="url(#svgimg11cp4)"><g clip-path="url(#svgimg11ct5)"><text x="57.77" y="413.5" font-family="&quot;Courier New&quot;, monospace" font-size="16" fill="rgb(29,29,31)">6B6B6B</text></g></g><g clip-path="url(#svgimg11ishc6)"><path d="M25 25h310v234.5H25zm16 5h278a11 11 0 0 1 11 11v202.5a11 11 0 0 1-11 11H41a11 11 0 0 1-11-11V41a11 11 0 0 1 11-11" fill="rgba(29,29,31,0.5)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp7)"><g clip-path="url(#svgimg11ov8)"/><g clip-path="url(#svgimg11ov8)"><g clip-path="url(#svgimg11cp9)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg11svgic10"><rect x="29" y="29" width="302" height="226.5"/></clipPath><g clip-path="url(#svgimg11svgic10)"><g transform="matrix(3.02 0 0 2.265 29 29)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><linearGradient id="svgimg11svgscope0-dt-area-hue" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#fff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="hsl(0 100% 50%)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient><linearGradient id="svgimg11svgscope0-dt-area-dark" x1="0" y1="1" x2="0" y2="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#000" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#000" stop-opacity="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><rect width="100" height="100" fill="url(#svgimg11svgscope0-dt-area-hue)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect width="100" height="100" fill="url(#svgimg11svgscope0-dt-area-dark)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g></g></g></g></g></g><rect x="29.5" y="29.5" width="301" height="226" rx="11.5" fill="none" stroke="rgba(29,29,31,0.5)" stroke-width="1"/><g clip-path="url(#svgimg11cp11)"><g clip-path="url(#svgimg11ov12)"/><g clip-path="url(#svgimg11ov12)"><g clip-path="url(#svgimg11cp13)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg11svgic14"><rect x="29" y="271.5" width="302" height="12"/></clipPath><g clip-path="url(#svgimg11svgic14)"><g transform="matrix(1.00667 0 0 1 29 271.5)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><clipPath id="svgimg11svgscope0-dt-channel-0-clip" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><rect width="300" height="12" rx="6" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></clipPath><linearGradient id="svgimg11svgscope0-dt-channel-0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#000000" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#ffffff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><g clip-path="url(#svgimg11svgscope0-dt-channel-0-clip)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb;clip-path:url(#svgimg11svgscope0-dt-channel-0-clip)"/><rect width="300" height="12" rx="6" fill="url(#svgimg11svgscope0-dt-channel-0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect class="dt-picker-track-edge" x="0.5" y="0.5" width="299" height="11" rx="5.5" fill="none" style="marker:none;vector-effect:none;color-interpolation:srgb" stroke="rgb(29, 29, 31)" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="0.5" fill-opacity="1" opacity="1"/></g></g></g></g></g></g><rect x="147.4" y="268.5" width="20" height="20" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#svgimg11sh15)"/><rect x="146.4" y="266.5" width="22" height="22" rx="11" fill="rgba(0,0,0,0.6)"/><rect x="147.4" y="267.5" width="20" height="20" rx="10" fill="rgb(107,107,107)"/><rect x="148.5" y="269.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(255,255,255)" stroke-width="3"/><g clip-path="url(#svgimg11cp16)"><text x="33" y="321.5" font-size="16" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-weight="500" fill="rgb(29, 29, 31)">Grayscale</text></g><g clip-path="url(#svgimg11cp17)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg11svgic18"><rect x="111" y="307.5" width="16" height="16"/></clipPath><g clip-path="url(#svgimg11svgic18)"><g transform="translate(111 307.5)scale(.66667)"><path d="m7 15 5 5 5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m7 9 5-5 5 5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g style="isolation:isolate"><rect x="21" y="153.5" width="16" height="16" rx="8" fill="rgba(0,0,0,0.14)" filter="url(#svgimg11sh19)"/><rect x="20" y="151.5" width="18" height="18" rx="9" fill="rgba(0,0,0,0.6)"/><rect x="21" y="152.5" width="16" height="16" rx="8" fill="rgb(107,107,107)"/><rect x="22" y="153" width="14" height="14" rx="7" fill="none" stroke="rgb(255,255,255)" stroke-width="2"/></g></g></g></g></g></svg>
package/docs/design/templates/disclosure/embedded-dark.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 150" width="460" height="150"><defs><clipPath id="ct0"><rect x="37" y="29" width="386" height="18"/></clipPath><clipPath id="ct1"><rect x="63" y="58" width="250.3" height="18"/></clipPath><clipPath id="ct2"><rect x="321.3" y="58" width="101.7" height="18"/></clipPath><clipPath id="cp3"><rect x="37" y="58" width="18" height="18"/></clipPath><clipPath id="ct5"><rect x="63" y="87" width="360" height="18"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="93" rx="11.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><text x="37" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(255,255,255)">Move the export button into the toolbar.</text><text x="63" y="73" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">AI Feedback</text><text x="321.33" y="73" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(174,174,178)">2 suggestions</text><g transform="rotate(90 46 67)"><g clip-path="url(#cp3)"><g color="rgb(255, 255, 255)"><clipPath id="svgic4"><rect x="37" y="58" width="18" height="18"/></clipPath><g clip-path="url(#svgic4)"><g transform="matrix(.75 0 0 .75 37 58)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></g><text x="63" y="102" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(174,174,178)">Group Export and Share in one group.</text></svg>