@kerfjs/ui 5.0.0-beta.110 → 5.0.0-beta.111

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 (158) hide show
  1. package/README.md +1 -0
  2. package/ai/component-catalog.json +9 -2
  3. package/ai/component-composition.json +8 -1
  4. package/ai/components/button.md +5 -2
  5. package/ai/components/surface-scaffold.md +3 -0
  6. package/ai/public-api-signatures-v1.md +86 -39
  7. package/ai/skill.md +4 -0
  8. package/ai/webawesome-jsx-signatures-v1.md +1 -1
  9. package/dist/backdrop-image.d.ts +8 -0
  10. package/dist/backdrop-image.js +1 -1
  11. package/dist/browser/content-item.js +1 -0
  12. package/dist/button.d.ts +4 -2
  13. package/dist/button.js +1 -1
  14. package/dist/catalog-resources.d.ts +2 -1
  15. package/dist/catalog.d.ts +2 -1
  16. package/dist/catalog.js +2 -1
  17. package/dist/catalog.js.map +1 -1
  18. package/dist/{chunk-P7EJ4CAD.js → chunk-ETFP7HAR.js} +2 -2
  19. package/dist/{chunk-P7EJ4CAD.js.map → chunk-ETFP7HAR.js.map} +1 -1
  20. package/dist/{chunk-SOFPUW3O.js → chunk-IIQ2XIMU.js} +4 -3
  21. package/dist/chunk-IIQ2XIMU.js.map +1 -0
  22. package/dist/chunk-IRC5N7FA.js +16 -0
  23. package/dist/chunk-IRC5N7FA.js.map +1 -0
  24. package/dist/{chunk-SQ5DH66U.js → chunk-ITENVZ6Q.js} +2 -15
  25. package/dist/chunk-ITENVZ6Q.js.map +1 -0
  26. package/dist/{chunk-WSEJ2FDE.js → chunk-OUCHU7JB.js} +2 -2
  27. package/dist/{chunk-WSEJ2FDE.js.map → chunk-OUCHU7JB.js.map} +1 -1
  28. package/dist/{chunk-KPINJHIC.js → chunk-PS24PVR6.js} +3 -1
  29. package/dist/chunk-PS24PVR6.js.map +1 -0
  30. package/dist/{chunk-SCDWURBO.js → chunk-SOBRGH7T.js} +18 -3
  31. package/dist/chunk-SOBRGH7T.js.map +1 -0
  32. package/dist/{chunk-6CDILXF4.js → chunk-VGECEXM6.js} +11 -2
  33. package/dist/chunk-VGECEXM6.js.map +1 -0
  34. package/dist/chunk-WD6KABEU.js +200 -0
  35. package/dist/chunk-WD6KABEU.js.map +1 -0
  36. package/dist/{chunk-HQZG3OFL.js → chunk-XRZSK2WC.js} +3 -2
  37. package/dist/chunk-XRZSK2WC.js.map +1 -0
  38. package/dist/{chunk-CPSGUGAY.js → chunk-YPAQFBMN.js} +4 -4
  39. package/dist/{chunk-CPSGUGAY.js.map → chunk-YPAQFBMN.js.map} +1 -1
  40. package/dist/collapsible-panel.d.ts +1 -0
  41. package/dist/collapsible-panel.js +3 -2
  42. package/dist/collapsible-panel.js.map +1 -1
  43. package/dist/content-item.d.ts +44 -2
  44. package/dist/content-item.js +4 -1
  45. package/dist/index.d.ts +3 -2
  46. package/dist/index.js +6 -5
  47. package/dist/list-detail-dialog.d.ts +2 -1
  48. package/dist/list-detail-dialog.js +4 -3
  49. package/dist/list-detail-dialog.js.map +1 -1
  50. package/dist/{nav-stack-CU_0dKtI.d.ts → nav-stack-CrZF95VO.d.ts} +2 -1
  51. package/dist/nav-stack.d.ts +2 -1
  52. package/dist/nav-stack.js +2 -1
  53. package/dist/pane.d.ts +3 -23
  54. package/dist/pane.js +2 -1
  55. package/dist/split-view.d.ts +2 -1
  56. package/dist/split-view.js +2 -1
  57. package/dist/styles/backdrop-image.css +18 -1
  58. package/dist/styles/components/surfaces/backdrop-image/backdrop-image.css +18 -1
  59. package/dist/styles/components/surfaces/content-item/content-item.css +52 -0
  60. package/dist/styles/components/surfaces/surface-scaffold/surface-scaffold.css +9 -1
  61. package/dist/styles/content-item.css +3 -168
  62. package/dist/styles/foundation.css +4 -4
  63. package/dist/styles/surface-scaffold.css +9 -1
  64. package/dist/styles/webawesome.css +2 -2
  65. package/dist/surface-scaffold.d.ts +6 -2
  66. package/dist/surface-scaffold.js +1 -1
  67. package/dist/surface-tint-DQgYCaP9.d.ts +25 -0
  68. package/dist/tab-navigator.d.ts +2 -1
  69. package/dist/tab-navigator.js +2 -1
  70. package/dist/tab-navigator.js.map +1 -1
  71. package/dist/toolbar.d.ts +1 -0
  72. package/dist/wire-catalog.d.ts +2 -1
  73. package/dist/wire-content-items.js +62 -0
  74. package/dist/wire-content-items.js.map +1 -1
  75. package/dist/workbench-dialog.d.ts +2 -1
  76. package/dist/workbench-dialog.js +3 -2
  77. package/dist/workbench-dialog.js.map +1 -1
  78. package/dist/workbench.d.ts +2 -1
  79. package/dist/workbench.js +2 -1
  80. package/docs/accessibility.md +6 -0
  81. package/docs/backdrop-image.md +4 -0
  82. package/docs/button.md +15 -0
  83. package/docs/component-contract.md +7 -0
  84. package/docs/component-selection.md +1 -1
  85. package/docs/design/templates/button/emphasis-dark.svg +1 -1
  86. package/docs/design/templates/button-dark.svg +1 -1
  87. package/docs/design/templates/checkbox/error-dark.svg +1 -1
  88. package/docs/design/templates/checkbox/states.svg +1 -1
  89. package/docs/design/templates/checkbox-dark.svg +1 -1
  90. package/docs/design/templates/checkbox-group/horizontal-dark.svg +1 -1
  91. package/docs/design/templates/checkbox-group/vertical.svg +1 -1
  92. package/docs/design/templates/checkbox-group-dark.svg +1 -1
  93. package/docs/design/templates/checkbox-group.svg +1 -1
  94. package/docs/design/templates/checkbox.svg +1 -1
  95. package/docs/design/templates/choice-chips/color-palette-dark.svg +1 -1
  96. package/docs/design/templates/choice-chips-dark.svg +1 -1
  97. package/docs/design/templates/color-field/error-dark.svg +1 -1
  98. package/docs/design/templates/color-field/hint.svg +1 -1
  99. package/docs/design/templates/color-field-dark.svg +1 -1
  100. package/docs/design/templates/color-field.svg +1 -1
  101. package/docs/design/templates/color-picker/gray.svg +1 -1
  102. package/docs/design/templates/color-picker/hsb.svg +1 -1
  103. package/docs/design/templates/color-picker/rgb.svg +1 -1
  104. package/docs/design/templates/color-picker.svg +1 -1
  105. package/docs/design/templates/color-swatches/palette-dark.svg +1 -1
  106. package/docs/design/templates/color-swatches-dark.svg +1 -1
  107. package/docs/design/templates/disclosure/embedded.svg +1 -1
  108. package/docs/design/templates/disclosure/framed-sunken.svg +1 -1
  109. package/docs/design/templates/disclosure/plain.svg +1 -1
  110. package/docs/design/templates/disclosure.svg +1 -1
  111. package/docs/design/templates/message-composer/chat.svg +1 -1
  112. package/docs/design/templates/message-composer.svg +1 -1
  113. package/docs/design/templates/progress-bar/determinate.svg +1 -1
  114. package/docs/design/templates/progress-bar/tones.svg +1 -1
  115. package/docs/design/templates/progress-bar.svg +1 -1
  116. package/docs/design/templates/radio-group/horizontal-dark.svg +1 -1
  117. package/docs/design/templates/radio-group/vertical.svg +1 -1
  118. package/docs/design/templates/radio-group-dark.svg +1 -1
  119. package/docs/design/templates/radio-group.svg +1 -1
  120. package/docs/design/templates/search-field/empty.svg +1 -1
  121. package/docs/design/templates/search-field/tokens.svg +1 -1
  122. package/docs/design/templates/search-field.svg +1 -1
  123. package/docs/design/templates/select/form.svg +1 -1
  124. package/docs/design/templates/select.svg +1 -1
  125. package/docs/design/templates/slider/compact.svg +1 -1
  126. package/docs/design/templates/slider/readout.svg +1 -1
  127. package/docs/design/templates/slider/ticks.svg +1 -1
  128. package/docs/design/templates/slider.svg +1 -1
  129. package/docs/design/templates/switch/states.svg +1 -1
  130. package/docs/design/templates/switch.svg +1 -1
  131. package/docs/design/templates/tag-field/error-dark.svg +1 -1
  132. package/docs/design/templates/tag-field/error.svg +1 -1
  133. package/docs/design/templates/tag-field/tags.svg +1 -1
  134. package/docs/design/templates/tag-field-dark.svg +1 -1
  135. package/docs/design/templates/tag-field.svg +1 -1
  136. package/docs/design/templates/text-field/error-dark.svg +1 -1
  137. package/docs/design/templates/text-field/labeled.svg +1 -1
  138. package/docs/design/templates/text-field/multiline.svg +1 -1
  139. package/docs/design/templates/text-field/search.svg +1 -1
  140. package/docs/design/templates/text-field-dark.svg +1 -1
  141. package/docs/design/templates/text-field.svg +1 -1
  142. package/docs/design/templates/toolbar-control-group/icon-tile-danger-dark.svg +1 -1
  143. package/docs/design/templates/toolbar-control-group-dark.svg +1 -1
  144. package/docs/design/templates.md +3 -1
  145. package/docs/layout.md +25 -0
  146. package/docs/manual-test-plan.md +27 -1
  147. package/docs/recipes.md +9 -0
  148. package/docs/surface-scaffold.md +4 -1
  149. package/llms.txt +3 -0
  150. package/package.json +1 -1
  151. package/dist/chunk-5USKCWGL.js +0 -113
  152. package/dist/chunk-5USKCWGL.js.map +0 -1
  153. package/dist/chunk-6CDILXF4.js.map +0 -1
  154. package/dist/chunk-HQZG3OFL.js.map +0 -1
  155. package/dist/chunk-KPINJHIC.js.map +0 -1
  156. package/dist/chunk-SCDWURBO.js.map +0 -1
  157. package/dist/chunk-SOFPUW3O.js.map +0 -1
  158. package/dist/chunk-SQ5DH66U.js.map +0 -1
package/docs/design/templates/color-picker/rgb.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 570" width="380" height="570"><defs><clipPath id="ct0"><rect x="40" y="436.5" width="10.1" height="18"/></clipPath><clipPath id="cp1"><rect x="58.1" y="436.5" width="55.2" height="18"/></clipPath><clipPath id="ct2"><rect x="58.1" y="436.5" width="55.2" height="18"/></clipPath><clipPath id="ct3"><rect x="143.3" y="436.5" width="11.6" height="18"/></clipPath><clipPath id="cp4"><rect x="163" y="436.5" width="53.7" height="18"/></clipPath><clipPath id="ct5"><rect x="163" y="436.5" width="53.7" height="18"/></clipPath><clipPath id="ct6"><rect x="246.7" y="436.5" width="10.2" height="18"/></clipPath><clipPath id="cp7"><rect x="264.9" y="436.5" width="55.1" height="18"/></clipPath><clipPath id="ct8"><rect x="264.9" y="436.5" width="55.1" height="18"/></clipPath><clipPath id="ct9"><rect x="40" y="484.5" width="9.8" height="18"/></clipPath><clipPath id="cp10"><rect x="57.8" y="484.5" width="156.2" height="18"/></clipPath><clipPath id="ct11"><rect x="57.8" y="484.5" width="156.2" height="18"/></clipPath><clipPath id="ct12"><rect x="244" y="484.5" width="10.5" height="18"/></clipPath><clipPath id="cp13"><rect x="262.5" y="484.5" width="57.5" height="18"/></clipPath><clipPath id="ct14"><rect x="262.5" y="484.5" width="57.5" height="18"/></clipPath><clipPath id="ishc15"><rect x="29" y="29" width="302" height="226.5" rx="12"/></clipPath><clipPath id="cp16"><rect x="29" y="29" width="302" height="226.5"/></clipPath><clipPath id="ov17"><rect x="29" y="29" width="302" height="226.5" rx="12"/></clipPath><clipPath id="cp18"><rect x="29" y="29" width="302" height="227"/></clipPath><clipPath id="cp20"><rect x="29" y="271.5" width="302" height="12"/></clipPath><clipPath id="ov21"><rect x="29" y="271.5" width="302" height="12" rx="6"/></clipPath><clipPath id="cp22"><rect x="29" y="271.5" width="302" height="12.5"/></clipPath><filter id="sh24" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="cp25"><rect x="29" y="299.5" width="302" height="12"/></clipPath><clipPath id="ov26"><rect x="29" y="299.5" width="302" height="12" rx="6"/></clipPath><clipPath id="cp27"><rect x="29" y="299.5" width="302" height="12.5"/></clipPath><filter id="sh29" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="cp30"><rect x="29" y="327.5" width="302" height="12"/></clipPath><clipPath id="ov31"><rect x="29" y="327.5" width="302" height="12" rx="6"/></clipPath><clipPath id="cp32"><rect x="29" y="327.5" width="302" height="12.5"/></clipPath><filter id="sh34" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="cp35"><rect x="29" y="355.5" width="302" height="12"/></clipPath><clipPath id="ov36"><rect x="29" y="355.5" width="302" height="12" rx="6"/></clipPath><clipPath id="cp37"><rect x="29" y="355.5" width="302" height="12.5"/></clipPath><filter id="sh39" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="cp40"><rect x="29" y="386.5" width="102" height="26"/></clipPath><clipPath id="cp41"><rect x="111" y="391.5" width="16" height="16.5"/></clipPath><clipPath id="ishc43"><rect x="29" y="536.5" width="20" height="20" rx="10"/></clipPath><clipPath id="ishc44"><rect x="65" y="536.5" width="20" height="20" rx="10"/></clipPath><clipPath id="ishc45"><rect x="101" y="536.5" width="20" height="20" rx="10"/></clipPath><clipPath id="ishc46"><rect x="137" y="536.5" width="20" height="20" rx="10"/></clipPath><clipPath id="ishc47"><rect x="173" y="536.5" width="20" height="20" rx="10"/></clipPath><clipPath id="ishc48"><rect x="209" y="536.5" width="20" height="20" rx="10"/></clipPath><clipPath id="ishc49"><rect x="245" y="536.5" width="20" height="20" rx="10"/></clipPath><filter id="sh50" 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(#cp1)"><g clip-path="url(#ct2)"><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(#cp4)"><g clip-path="url(#ct5)"><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(#cp7)"><g clip-path="url(#ct8)"><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(#cp10)"><g clip-path="url(#ct11)"><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(#cp13)"><g clip-path="url(#ct14)"><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(#ishc15)"><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(#cp16)"><g clip-path="url(#ov17)"/><g clip-path="url(#ov17)"><g clip-path="url(#cp18)"><g color="rgb(29, 29, 31)"><clipPath id="svgic19"><rect x="29" y="29" width="302" height="226.5"/></clipPath><g clip-path="url(#svgic19)"><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="svgscope0-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="svgscope0-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(#svgscope0-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(#svgscope0-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(#cp20)"><g clip-path="url(#ov21)"/><g clip-path="url(#ov21)"><g clip-path="url(#cp22)"><g color="rgb(29, 29, 31)"><clipPath id="svgic23"><rect x="29" y="271.5" width="302" height="12"/></clipPath><g clip-path="url(#svgic23)"><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="svgscope0-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="svgscope0-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(#svgscope0-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(#svgscope0-dt-channel-0-clip)"/><rect width="300" height="12" rx="6" fill="url(#svgscope0-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(#sh24)"/><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(#cp25)"><g clip-path="url(#ov26)"/><g clip-path="url(#ov26)"><g clip-path="url(#cp27)"><g color="rgb(29, 29, 31)"><clipPath id="svgic28"><rect x="29" y="299.5" width="302" height="12"/></clipPath><g clip-path="url(#svgic28)"><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="svgscope0-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="svgscope0-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(#svgscope0-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(#svgscope0-dt-channel-1-clip)"/><rect width="300" height="12" rx="6" fill="url(#svgscope0-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(#sh29)"/><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(#cp30)"><g clip-path="url(#ov31)"/><g clip-path="url(#ov31)"><g clip-path="url(#cp32)"><g color="rgb(29, 29, 31)"><clipPath id="svgic33"><rect x="29" y="327.5" width="302" height="12"/></clipPath><g clip-path="url(#svgic33)"><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="svgscope0-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="svgscope0-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(#svgscope0-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(#svgscope0-dt-channel-2-clip)"/><rect width="300" height="12" rx="6" fill="url(#svgscope0-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(#sh34)"/><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(#cp35)"><g clip-path="url(#ov36)"/><g clip-path="url(#ov36)"><g clip-path="url(#cp37)"><g color="rgb(29, 29, 31)"><clipPath id="svgic38"><rect x="29" y="355.5" width="302" height="12"/></clipPath><g clip-path="url(#svgic38)"><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="svgscope0-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="svgscope0-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(#svgscope0-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(#svgscope0-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(#svgscope0-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(#sh39)"/><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(#cp40)"><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(#cp41)"><g color="rgb(29, 29, 31)"><clipPath id="svgic42"><rect x="111" y="391.5" width="16" height="16"/></clipPath><g clip-path="url(#svgic42)"><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(#ishc43)"><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(#ishc44)"><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(#ishc45)"><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(#ishc46)"><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(#ishc47)"><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(#ishc48)"><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(#ishc49)"><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(#sh50)"/><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></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 570" width="380" height="570"><defs><clipPath id="ct0"><rect x="40" y="436.5" width="10.1" height="18"/></clipPath><clipPath id="cp1"><rect x="58.1" y="436.5" width="55.2" height="18"/></clipPath><clipPath id="ct2"><rect x="58.1" y="436.5" width="55.2" height="18"/></clipPath><clipPath id="ct3"><rect x="143.3" y="436.5" width="11.6" height="18"/></clipPath><clipPath id="cp4"><rect x="163" y="436.5" width="53.7" height="18"/></clipPath><clipPath id="ct5"><rect x="163" y="436.5" width="53.7" height="18"/></clipPath><clipPath id="ct6"><rect x="246.7" y="436.5" width="10.2" height="18"/></clipPath><clipPath id="cp7"><rect x="264.9" y="436.5" width="55.1" height="18"/></clipPath><clipPath id="ct8"><rect x="264.9" y="436.5" width="55.1" height="18"/></clipPath><clipPath id="ct9"><rect x="40" y="484.5" width="9.8" height="18"/></clipPath><clipPath id="cp10"><rect x="57.8" y="484.5" width="156.2" height="18"/></clipPath><clipPath id="ct11"><rect x="57.8" y="484.5" width="156.2" height="18"/></clipPath><clipPath id="ct12"><rect x="244" y="484.5" width="10.5" height="18"/></clipPath><clipPath id="cp13"><rect x="262.5" y="484.5" width="57.5" height="18"/></clipPath><clipPath id="ct14"><rect x="262.5" y="484.5" width="57.5" height="18"/></clipPath><clipPath id="ishc15"><rect x="29" y="29" width="302" height="226.5" rx="12"/></clipPath><clipPath id="cp16"><rect x="29" y="29" width="302" height="226.5"/></clipPath><clipPath id="ov17"><rect x="29" y="29" width="302" height="226.5" rx="12"/></clipPath><clipPath id="cp18"><rect x="29" y="29" width="302" height="227"/></clipPath><clipPath id="cp20"><rect x="29" y="271.5" width="302" height="12"/></clipPath><clipPath id="ov21"><rect x="29" y="271.5" width="302" height="12" rx="6"/></clipPath><clipPath id="cp22"><rect x="29" y="271.5" width="302" height="12.5"/></clipPath><filter id="sh24" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="cp25"><rect x="29" y="299.5" width="302" height="12"/></clipPath><clipPath id="ov26"><rect x="29" y="299.5" width="302" height="12" rx="6"/></clipPath><clipPath id="cp27"><rect x="29" y="299.5" width="302" height="12.5"/></clipPath><filter id="sh29" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="cp30"><rect x="29" y="327.5" width="302" height="12"/></clipPath><clipPath id="ov31"><rect x="29" y="327.5" width="302" height="12" rx="6"/></clipPath><clipPath id="cp32"><rect x="29" y="327.5" width="302" height="12.5"/></clipPath><filter id="sh34" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="cp35"><rect x="29" y="355.5" width="302" height="12"/></clipPath><clipPath id="ov36"><rect x="29" y="355.5" width="302" height="12" rx="6"/></clipPath><clipPath id="cp37"><rect x="29" y="355.5" width="302" height="12.5"/></clipPath><filter id="sh39" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="cp40"><rect x="29" y="386.5" width="102" height="26"/></clipPath><clipPath id="cp41"><rect x="111" y="391.5" width="16" height="16.5"/></clipPath><clipPath id="ishc43"><rect x="29" y="536.5" width="20" height="20" rx="10"/></clipPath><clipPath id="ishc44"><rect x="65" y="536.5" width="20" height="20" rx="10"/></clipPath><clipPath id="ishc45"><rect x="101" y="536.5" width="20" height="20" rx="10"/></clipPath><clipPath id="ishc46"><rect x="137" y="536.5" width="20" height="20" rx="10"/></clipPath><clipPath id="ishc47"><rect x="173" y="536.5" width="20" height="20" rx="10"/></clipPath><clipPath id="ishc48"><rect x="209" y="536.5" width="20" height="20" rx="10"/></clipPath><clipPath id="ishc49"><rect x="245" y="536.5" width="20" height="20" rx="10"/></clipPath><filter id="sh50" 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(100,100,105)">R</text><g clip-path="url(#cp1)"><g clip-path="url(#ct2)"><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(100,100,105)">G</text><g clip-path="url(#cp4)"><g clip-path="url(#ct5)"><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(100,100,105)">B</text><g clip-path="url(#cp7)"><g clip-path="url(#ct8)"><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(100,100,105)">#</text><g clip-path="url(#cp10)"><g clip-path="url(#ct11)"><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(100,100,105)">A</text><g clip-path="url(#cp13)"><g clip-path="url(#ct14)"><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(#ishc15)"><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(#cp16)"><g clip-path="url(#ov17)"/><g clip-path="url(#ov17)"><g clip-path="url(#cp18)"><g color="rgb(29, 29, 31)"><clipPath id="svgic19"><rect x="29" y="29" width="302" height="226.5"/></clipPath><g clip-path="url(#svgic19)"><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="svgscope0-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="svgscope0-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(#svgscope0-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(#svgscope0-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(#cp20)"><g clip-path="url(#ov21)"/><g clip-path="url(#ov21)"><g clip-path="url(#cp22)"><g color="rgb(29, 29, 31)"><clipPath id="svgic23"><rect x="29" y="271.5" width="302" height="12"/></clipPath><g clip-path="url(#svgic23)"><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="svgscope0-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="svgscope0-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(#svgscope0-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(#svgscope0-dt-channel-0-clip)"/><rect width="300" height="12" rx="6" fill="url(#svgscope0-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(#sh24)"/><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(#cp25)"><g clip-path="url(#ov26)"/><g clip-path="url(#ov26)"><g clip-path="url(#cp27)"><g color="rgb(29, 29, 31)"><clipPath id="svgic28"><rect x="29" y="299.5" width="302" height="12"/></clipPath><g clip-path="url(#svgic28)"><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="svgscope0-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="svgscope0-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(#svgscope0-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(#svgscope0-dt-channel-1-clip)"/><rect width="300" height="12" rx="6" fill="url(#svgscope0-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(#sh29)"/><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(#cp30)"><g clip-path="url(#ov31)"/><g clip-path="url(#ov31)"><g clip-path="url(#cp32)"><g color="rgb(29, 29, 31)"><clipPath id="svgic33"><rect x="29" y="327.5" width="302" height="12"/></clipPath><g clip-path="url(#svgic33)"><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="svgscope0-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="svgscope0-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(#svgscope0-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(#svgscope0-dt-channel-2-clip)"/><rect width="300" height="12" rx="6" fill="url(#svgscope0-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(#sh34)"/><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(#cp35)"><g clip-path="url(#ov36)"/><g clip-path="url(#ov36)"><g clip-path="url(#cp37)"><g color="rgb(29, 29, 31)"><clipPath id="svgic38"><rect x="29" y="355.5" width="302" height="12"/></clipPath><g clip-path="url(#svgic38)"><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="svgscope0-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="svgscope0-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(#svgscope0-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(#svgscope0-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(#svgscope0-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(#sh39)"/><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(#cp40)"><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(#cp41)"><g color="rgb(29, 29, 31)"><clipPath id="svgic42"><rect x="111" y="391.5" width="16" height="16"/></clipPath><g clip-path="url(#svgic42)"><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(#ishc43)"><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(#ishc44)"><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(#ishc45)"><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(#ishc46)"><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(#ishc47)"><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(#ishc48)"><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(#ishc49)"><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(#sh50)"/><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></svg>