@regardio/brand 0.2.0

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 (64) hide show
  1. package/LICENSE +417 -0
  2. package/README.md +119 -0
  3. package/dist/generated/icons/RegardioCompassIcon.d.ts +8 -0
  4. package/dist/generated/icons/RegardioCompassIcon.d.ts.map +1 -0
  5. package/dist/generated/icons/RegardioCompassIcon.js +3 -0
  6. package/dist/generated/icons/RegardioEnsembleIconColor.d.ts +8 -0
  7. package/dist/generated/icons/RegardioEnsembleIconColor.d.ts.map +1 -0
  8. package/dist/generated/icons/RegardioEnsembleIconColor.js +3 -0
  9. package/dist/generated/icons/RegardioEnsembleIconColorFull.d.ts +8 -0
  10. package/dist/generated/icons/RegardioEnsembleIconColorFull.d.ts.map +1 -0
  11. package/dist/generated/icons/RegardioEnsembleIconColorFull.js +3 -0
  12. package/dist/generated/icons/RegardioEnsembleIconMono.d.ts +8 -0
  13. package/dist/generated/icons/RegardioEnsembleIconMono.d.ts.map +1 -0
  14. package/dist/generated/icons/RegardioEnsembleIconMono.js +3 -0
  15. package/dist/generated/icons/RegardioIconColor.d.ts +8 -0
  16. package/dist/generated/icons/RegardioIconColor.d.ts.map +1 -0
  17. package/dist/generated/icons/RegardioIconColor.js +3 -0
  18. package/dist/generated/icons/RegardioIconColorFull.d.ts +8 -0
  19. package/dist/generated/icons/RegardioIconColorFull.d.ts.map +1 -0
  20. package/dist/generated/icons/RegardioIconColorFull.js +3 -0
  21. package/dist/generated/icons/RegardioIconMono.d.ts +8 -0
  22. package/dist/generated/icons/RegardioIconMono.d.ts.map +1 -0
  23. package/dist/generated/icons/RegardioIconMono.js +3 -0
  24. package/dist/generated/icons/RegardioLogoColor.d.ts +8 -0
  25. package/dist/generated/icons/RegardioLogoColor.d.ts.map +1 -0
  26. package/dist/generated/icons/RegardioLogoColor.js +3 -0
  27. package/dist/generated/icons/RegardioLogoColorLight.d.ts +8 -0
  28. package/dist/generated/icons/RegardioLogoColorLight.d.ts.map +1 -0
  29. package/dist/generated/icons/RegardioLogoColorLight.js +3 -0
  30. package/dist/generated/icons/RegardioLogoMono.d.ts +8 -0
  31. package/dist/generated/icons/RegardioLogoMono.d.ts.map +1 -0
  32. package/dist/generated/icons/RegardioLogoMono.js +3 -0
  33. package/dist/generated/icons/RegardioLogoMonoLight.d.ts +8 -0
  34. package/dist/generated/icons/RegardioLogoMonoLight.d.ts.map +1 -0
  35. package/dist/generated/icons/RegardioLogoMonoLight.js +3 -0
  36. package/dist/generated/icons/RegardioSystemBridgeIcon.d.ts +8 -0
  37. package/dist/generated/icons/RegardioSystemBridgeIcon.d.ts.map +1 -0
  38. package/dist/generated/icons/RegardioSystemBridgeIcon.js +3 -0
  39. package/dist/generated/icons/RegardioSystemCircleIcon.d.ts +8 -0
  40. package/dist/generated/icons/RegardioSystemCircleIcon.d.ts.map +1 -0
  41. package/dist/generated/icons/RegardioSystemCircleIcon.js +3 -0
  42. package/dist/generated/icons/RegardioSystemFacetIcon.d.ts +8 -0
  43. package/dist/generated/icons/RegardioSystemFacetIcon.d.ts.map +1 -0
  44. package/dist/generated/icons/RegardioSystemFacetIcon.js +3 -0
  45. package/dist/generated/icons/RegardioSystemIcon.d.ts +8 -0
  46. package/dist/generated/icons/RegardioSystemIcon.d.ts.map +1 -0
  47. package/dist/generated/icons/RegardioSystemIcon.js +3 -0
  48. package/dist/generated/icons/RegardioSystemPlanIcon.d.ts +8 -0
  49. package/dist/generated/icons/RegardioSystemPlanIcon.d.ts.map +1 -0
  50. package/dist/generated/icons/RegardioSystemPlanIcon.js +3 -0
  51. package/dist/generated/icons/RegardioSystemPursuitIcon.d.ts +8 -0
  52. package/dist/generated/icons/RegardioSystemPursuitIcon.d.ts.map +1 -0
  53. package/dist/generated/icons/RegardioSystemPursuitIcon.js +3 -0
  54. package/dist/generated/icons/RegardioSystemSparkIcon.d.ts +8 -0
  55. package/dist/generated/icons/RegardioSystemSparkIcon.d.ts.map +1 -0
  56. package/dist/generated/icons/RegardioSystemSparkIcon.js +3 -0
  57. package/dist/generated/sprites/CompassSprite.d.ts +9 -0
  58. package/dist/generated/sprites/CompassSprite.d.ts.map +1 -0
  59. package/dist/generated/sprites/CompassSprite.js +6 -0
  60. package/dist/generated/sprites/CompassSpriteProvider.d.ts +2 -0
  61. package/dist/generated/sprites/CompassSpriteProvider.d.ts.map +1 -0
  62. package/dist/generated/sprites/CompassSpriteProvider.js +4 -0
  63. package/package.json +133 -0
  64. package/src/styles/colors.css +178 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CompassSprite.d.ts","sourceRoot":"","sources":["../../../src/generated/sprites/CompassSprite.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,MAAM,eAAe,GACvB,gCAAgC,GAChC,4BAA4B,GAC5B,4BAA4B,GAC5B,6BAA6B,GAC7B,4BAA4B,GAC5B,6BAA6B,GAC7B,sBAAsB,GACtB,qBAAqB,GACrB,uBAAuB,GACvB,sBAAsB,GACtB,sBAAsB,GACtB,sBAAsB,GACtB,qBAAqB,GACrB,0BAA0B,GAC1B,uBAAuB,GACvB,0BAA0B,GAC1B,uBAAuB,GACvB,0BAA0B,GAC1B,uBAAuB,GACvB,2BAA2B,GAC3B,wBAAwB,GACxB,2BAA2B,GAC3B,wBAAwB,GACxB,0BAA0B,GAC1B,uBAAuB,GACvB,iBAAiB,GACjB,cAAc,GACd,kBAAkB,GAClB,sBAAsB,GACtB,sBAAsB,GACtB,oBAAoB,GACpB,6BAA6B,GAC7B,wBAAwB,GACxB,0BAA0B,GAC1B,2BAA2B,GAC3B,wBAAwB,GACxB,wBAAwB,GACxB,2BAA2B,GAC3B,2BAA2B,GAC3B,0BAA0B,GAC1B,sBAAsB,GACtB,6BAA6B,GAC7B,6BAA6B,GAC7B,0BAA0B,GAC1B,+BAA+B,GAC/B,0BAA0B,GAC1B,2BAA2B,GAC3B,gBAAgB,GAChB,mBAAmB,CAAC;AAExB,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC;IAEnF,EAAE,EAAE,eAAe,CAAC;IAEpB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAcD,wBAAgB,aAAa,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAatF;AAED,eAAe,aAAa,CAAC"}
@@ -0,0 +1,6 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ export function CompassSprite({ id, size, width, height, ...props }) {
3
+ const sizeProps = size ? { height: size, width: size } : { height, width };
4
+ return (_jsx("svg", { ...sizeProps, ...props, "aria-hidden": "true", focusable: "false", children: _jsx("use", { href: `#${id}` }) }));
5
+ }
6
+ export default CompassSprite;
@@ -0,0 +1,2 @@
1
+ export declare function CompassSpriteProvider(): import("react/jsx-runtime").JSX.Element;
2
+ //# sourceMappingURL=CompassSpriteProvider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CompassSpriteProvider.d.ts","sourceRoot":"","sources":["../../../src/generated/sprites/CompassSpriteProvider.tsx"],"names":[],"mappings":"AAIA,wBAAgB,qBAAqB,4CA45BpC"}
@@ -0,0 +1,4 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ export function CompassSpriteProvider() {
3
+ return (_jsx("svg", { "aria-hidden": "true", className: "hidden", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", children: _jsxs("defs", { children: [_jsxs("symbol", { id: "bridge.perspective.contradicts", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-900", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-green-300", d: "M209.52 222.51v-7.79c0-4.7-4.43-8.39-9.58-7.98L0 222.52v37.94c55.71 9.83 112.75 15.84 170.82 17.73 12.85.42 25.75.64 38.7.65h.97c71.3 0 141.15-6.24 209.04-18.13v-52.17l-210.01 13.99z" }), _jsx("path", { className: "fill-green-400", d: "M209.52 221.51v57.31h.97c71.3 0 141.15-6.24 209.04-18.13v-53.17z" }), _jsx("path", { className: "fill-gray-600", d: "M209.99 19.5c-2.99.04-6.07.9-8.4 2.81-.11.09-.17.24-.17.4 0 2.7-.06 5.41-.16 8.11-.01.36.29.59.55.42 2.37-1.6 5.04-2.54 7.95-2.52 2.91.03 5.58 1.01 7.96 2.74.26.19.56-.04.55-.42-.11-2.81-.17-5.63-.17-8.44a.52.52 0 0 0-.17-.41c-2.32-1.96-4.94-2.74-7.94-2.69" })] }), _jsxs("symbol", { id: "bridge.perspective.enables", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-900", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-purple-400", d: "M346.26 206.93H73.27a8.5 8.5 0 0 0-8.5 8.5v37.85h290v-37.85a8.5 8.5 0 0 0-8.5-8.5z" }), _jsx("path", { className: "fill-purple-300", d: "M0 252.28v8.18c21.44 3.78 43.07 6.98 64.88 9.61 3.77.46 7.55.89 11.33 1.31 1.33.15 2.66.29 3.99.43 3.15.34 6.3.67 9.45.98l3.93.39c4.3.42 8.61.82 12.92 1.19h.09c13.95 1.19 27.96 2.15 42.04 2.87 20.49 1.04 41.11 1.59 61.85 1.59s41.37-.55 61.86-1.59c13.84-.7 27.62-1.64 41.33-2.81h.02c4.28-.36 8.56-.76 12.83-1.17 1.29-.12 2.57-.25 3.85-.38 3.18-.32 6.36-.64 9.54-.98 1.25-.13 2.51-.26 3.76-.4 3.66-.4 7.31-.82 10.96-1.26 21.82-2.6 43.46-5.78 64.9-9.53v-8.43z" }), _jsx("path", { className: "fill-gray-600", d: "M209.99 19.5c-2.99.04-6.07.9-8.4 2.81-.11.09-.17.24-.17.4 0 2.7-.06 5.41-.16 8.11-.01.36.29.59.55.42 2.37-1.6 5.04-2.54 7.95-2.52 2.91.03 5.58 1.01 7.96 2.74.26.19.56-.04.55-.42-.11-2.81-.17-5.63-.17-8.44a.52.52 0 0 0-.17-.41c-2.32-1.96-4.94-2.74-7.94-2.69" })] }), _jsxs("symbol", { id: "bridge.perspective.extends", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-900", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-orange-400", d: "M137.92 253.28h281.61v-43.99z" }), _jsx("path", { className: "fill-orange-300", d: "M0 252.28v8.16c68.35 12.06 138.68 18.39 210.48 18.39s141.98-6.04 209.04-17.54v-9.01z" }), _jsx("path", { className: "fill-gray-600", d: "M209.99 19.5c-2.99.04-6.07.9-8.4 2.81-.11.09-.17.24-.17.4 0 2.7-.06 5.41-.16 8.11-.01.36.29.59.55.42 2.37-1.6 5.04-2.54 7.95-2.52 2.91.03 5.58 1.01 7.96 2.74.26.19.56-.04.55-.42-.11-2.81-.17-5.63-.17-8.44a.52.52 0 0 0-.17-.41c-2.32-1.96-4.94-2.74-7.94-2.69" })] }), _jsxs("symbol", { id: "bridge.perspective.fulfills", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-900", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-red-400", d: "M281.61 253.28H0v-43.99z" }), _jsx("path", { className: "fill-red-300", d: "M419.53 252.28v8.16c-68.35 12.06-138.68 18.39-210.48 18.39-70.08 0-141.98-6.04-209.04-17.54v-9.01h419.53z" }), _jsx("path", { className: "fill-gray-600", d: "M209.99 19.5c-2.99.04-6.07.9-8.4 2.81-.11.09-.17.24-.17.4 0 2.7-.06 5.41-.16 8.11-.01.36.29.59.55.42 2.37-1.6 5.04-2.54 7.95-2.52 2.91.03 5.58 1.01 7.96 2.74.26.19.56-.04.55-.42-.11-2.81-.17-5.63-.17-8.44a.52.52 0 0 0-.17-.41c-2.32-1.96-4.94-2.74-7.94-2.69" })] }), _jsxs("symbol", { id: "bridge.perspective.matches", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-900", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-olive-300", d: "M209.76 206.93H0v53.52c68.12 12.02 138.21 18.34 209.76 18.39h.72c71.3 0 141.15-6.24 209.04-18.13v-53.77H209.76z" }), _jsx("path", { className: "fill-olive-400", d: "M209.76 206.93v71.9h.72c71.3 0 141.15-6.24 209.04-18.13v-53.77z" }), _jsx("path", { className: "fill-gray-600", d: "M209.99 19.5c-2.99.04-6.07.9-8.4 2.81-.11.09-.17.24-.17.4 0 2.7-.06 5.41-.16 8.11-.01.36.29.59.55.42 2.37-1.6 5.04-2.54 7.95-2.52 2.91.03 5.58 1.01 7.96 2.74.26.19.56-.04.55-.42-.11-2.81-.17-5.63-.17-8.44a.52.52 0 0 0-.17-.41c-2.32-1.96-4.94-2.74-7.94-2.69" })] }), _jsxs("symbol", { id: "bridge.perspective.supports", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-900", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-cyan-400", d: "M84.67 272.31a1211.58 1211.58 0 0 1 0 0" }), _jsx("path", { className: "fill-cyan-300", d: "M68.98 270.58a1186 1186 0 0 1-31.19-4.07c10.35 1.49 20.75 2.84 31.19 4.07M151.35 277.39a1220.545 1220.545 0 0 1 0 0" }), _jsx("path", { className: "fill-cyan-400", d: "M125.35 227.48c-5.16.36-9.13 3.83-9.13 7.98v12.01L0 255.53v4.91c2.29.4 4.57.83 6.86 1.22q15.405 2.625 30.93 4.86c15.525 2.235 20.75 2.84 31.19 4.07 5.22.61 10.45 1.19 15.69 1.73 10.48 1.09 20.99 2.04 31.55 2.86 7.78.6 15.57 1.13 23.39 1.59 3.91.23 7.82.44 11.74.63 19.59.95 39.31 1.44 59.13 1.44q17.61 0 35.1-.51c3.89-.11 7.77-.24 11.65-.39q23.265-.9 46.29-2.67c39.23-3.01 77.92-7.9 116-14.58V207.5l-294.18 19.98z" }), _jsx("path", { className: "fill-cyan-300", d: "m293.94 234.15-177.72 12.32L0 254.53v5.91c38.15 6.73 76.92 11.69 116.22 14.74 31.11 2.42 62.54 3.66 94.26 3.66s62.33-1.21 93.04-3.57v-33.13c0-4.7-4.43-8.39-9.58-7.98z" }), _jsx("path", { className: "fill-gray-600", d: "M209.99 19.5c-2.99.04-6.07.9-8.4 2.81-.11.09-.17.24-.17.4 0 2.7-.06 5.41-.16 8.11-.01.36.29.59.55.42 2.37-1.6 5.04-2.54 7.95-2.52 2.91.03 5.58 1.01 7.96 2.74.26.19.56-.04.55-.42-.11-2.81-.17-5.63-.17-8.44a.52.52 0 0 0-.17-.41c-2.32-1.96-4.94-2.74-7.94-2.69" })] }), _jsxs("symbol", { id: "bridges.perspectives", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-900", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-gray-400", d: "M209.76 236.93H0v23.51c68.12 12.02 138.45 18.35 210 18.39 71.15 0 141.76-6.19 209.52-18.04l.04-23.86z" }), _jsx("path", { className: "fill-gray-200", d: "M0 236.93v23.51c68.09 12.01 138.48 18.35 210 18.39l-.24-41.9z" }), _jsx("path", { className: "fill-gray-600", d: "M209.99 19.5c-2.99.04-6.07.9-8.4 2.81-.11.09-.17.24-.17.4 0 2.7-.06 5.41-.16 8.11-.01.36.29.59.55.42 2.37-1.6 5.04-2.54 7.95-2.52 2.91.03 5.58 1.01 7.96 2.74.26.19.56-.04.55-.42-.11-2.81-.17-5.63-.17-8.44a.52.52 0 0 0-.17-.41c-2.32-1.96-4.94-2.74-7.94-2.69" })] }), _jsxs("symbol", { id: "facet.element.means", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-purple-300", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-gray-50", d: "M178.49 290.2c3.77.6 7.34-1.92 8.06-5.67 8.77-45.63 17.29-92.88 23.97-133.03 1.63-9.77 4.71-30.86 6.85-45.65.89-6.13-5.95-10.38-11.06-6.87l-67.34 46.29a7.1 7.1 0 0 1-3.61 1.23 302 302 0 0 0-38.78 4.81c-4.19.8-6.72 5.14-5.38 9.19 1.59 4.81 3.15 9.6 4.68 14.38 10.4 32.36 19.1 70.91 26.48 109.25.71 3.7 4.21 6.22 7.94 5.68 16.07-2.32 32.32-2.16 48.18.38z" }), _jsx("path", { className: "fill-gray-400", d: "M156.24 29.66c-.1-2.76-.17-5.52-.21-8.29a.39.39 0 0 0-.19-.34c-2.26-1.4-4.58-2.75-6.85-3.98a.38.38 0 0 0-.37.01c-2.26 1.39-4.59 2.82-6.84 4.22-.11.07-.18.19-.19.32q-.075 3.9-.21 7.8c0 .13.06.25.17.32 2.26 1.4 4.65 2.84 7.05 4.23.12.07.27.07.39.01 2.4-1.23 4.8-2.58 7.06-3.98.11-.07.18-.2.17-.34z" })] }), _jsxs("symbol", { id: "facet.element.notions", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-red-300", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-gray-50", d: "M186.42 290.15c3.74.75 7.4-1.61 8.28-5.33 8.15-34.39 16.23-69.37 23.37-100.61 1.84-8.03 3.64-16.14 5.4-24.31a7.11 7.11 0 0 0-5.46-8.45c-27.04-5.78-55.33-7.91-84.3-5.89a304 304 0 0 0-53.62 8.6c-4.15 1.06-6.4 5.55-4.81 9.53 3.97 9.95 7.83 19.86 11.57 29.68 10.66 27.99 19.99 59.81 28.16 91.57a7.09 7.09 0 0 0 8.24 5.19 160 160 0 0 1 20.37-2.74c14.68-1.03 29.03-.03 42.78 2.74z" }), _jsx("path", { className: "fill-gray-400", d: "M156.24 29.66c-.1-2.76-.17-5.52-.21-8.29a.39.39 0 0 0-.19-.34c-2.26-1.4-4.58-2.75-6.85-3.98a.38.38 0 0 0-.37.01c-2.26 1.39-4.59 2.82-6.84 4.22-.11.07-.18.19-.19.32q-.075 3.9-.21 7.8c0 .13.06.25.17.32 2.26 1.4 4.65 2.84 7.05 4.23.12.07.27.07.39.01 2.4-1.23 4.8-2.58 7.06-3.98.11-.07.18-.2.17-.34z" })] }), _jsxs("symbol", { id: "facet.element.people", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-orange-300", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-gray-50", d: "M206.95 158.5c.66-3.87-1.95-7.55-5.81-8.2-23.08-3.9-46.31-5.06-69.26-3.59-1.29.08-2.58-.18-3.73-.78L90 126.06c-5.71-2.97-12.1 2.57-9.99 8.65 2.13 6.15 4.22 12.3 6.27 18.43 13.04 38.99 23.77 85.78 32.72 131.31.73 3.72 4.25 6.24 8 5.67 15.94-2.42 32.3-2.45 48.55.09 3.76.59 7.31-1.94 8.03-5.68 6.72-34.99 13.25-70.02 18.76-99.97 1.58-8.61 3.13-17.3 4.62-26.05z" }), _jsx("path", { className: "fill-gray-400", d: "M156.24 29.66c-.1-2.76-.17-5.52-.21-8.29a.39.39 0 0 0-.19-.34c-2.26-1.4-4.58-2.75-6.85-3.98a.38.38 0 0 0-.37.01c-2.26 1.39-4.59 2.82-6.84 4.22-.11.07-.18.19-.19.32q-.075 3.9-.21 7.8c0 .13.06.25.17.32 2.26 1.4 4.65 2.84 7.05 4.23.12.07.27.07.39.01 2.4-1.23 4.8-2.58 7.06-3.98.11-.07.18-.2.17-.34z" })] }), _jsxs("symbol", { id: "facet.element.spaces", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-green-300", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-gray-50", d: "M186.42 290.15c3.74.75 7.4-1.61 8.28-5.33 8.15-34.39 16.23-69.37 23.37-100.61 1.84-8.03 3.64-16.14 5.4-24.31a7.11 7.11 0 0 0-5.46-8.45c-27.04-5.78-55.33-7.91-84.3-5.89a304 304 0 0 0-53.62 8.6c-4.15 1.06-6.4 5.55-4.81 9.53 3.97 9.95 7.83 19.86 11.57 29.68 10.66 27.99 19.99 59.81 28.16 91.57a7.09 7.09 0 0 0 8.24 5.19 160 160 0 0 1 20.37-2.74c14.68-1.03 29.03-.03 42.78 2.74z" }), _jsx("path", { className: "fill-gray-400", d: "M156.24 29.66c-.1-2.76-.17-5.52-.21-8.29a.39.39 0 0 0-.19-.34c-2.26-1.4-4.58-2.75-6.85-3.98a.38.38 0 0 0-.37.01c-2.26 1.39-4.59 2.82-6.84 4.22-.11.07-.18.19-.19.32q-.075 3.9-.21 7.8c0 .13.06.25.17.32 2.26 1.4 4.65 2.84 7.05 4.23.12.07.27.07.39.01 2.4-1.23 4.8-2.58 7.06-3.98.11-.07.18-.2.17-.34z" })] }), _jsxs("symbol", { id: "facet.element.things", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-cyan-300", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-gray-50", d: "M202.33 184.55c1.58-8.61 3.13-17.3 4.62-26.05.66-3.87-1.95-7.55-5.81-8.2-23.08-3.9-46.31-5.06-69.26-3.59-1.29.08-2.58-.18-3.73-.78L90 126.06c-5.71-2.97-12.1 2.57-9.99 8.65 2.13 6.15 4.22 12.3 6.27 18.43 13.04 38.99 23.77 85.78 32.72 131.31.73 3.72 4.25 6.24 8 5.67 15.94-2.42 32.3-2.45 48.55.09 3.76.59 7.31-1.94 8.03-5.68 6.72-34.99 13.25-70.02 18.76-99.97z" }), _jsx("path", { className: "fill-gray-400", d: "M156.24 29.66c-.1-2.76-.17-5.52-.21-8.29a.39.39 0 0 0-.19-.34c-2.26-1.4-4.58-2.75-6.85-3.98a.38.38 0 0 0-.37.01c-2.26 1.39-4.59 2.82-6.84 4.22-.11.07-.18.19-.19.32q-.075 3.9-.21 7.8c0 .13.06.25.17.32 2.26 1.4 4.65 2.84 7.05 4.23.12.07.27.07.39.01 2.4-1.23 4.8-2.58 7.06-3.98.11-.07.18-.2.17-.34z" })] }), _jsxs("symbol", { id: "facet.element.times", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-olive-300", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-gray-50", d: "M178.49 290.2c3.77.6 7.34-1.92 8.06-5.67 8.77-45.63 17.29-92.88 23.97-133.03 1.63-9.77 4.71-30.86 6.85-45.65.89-6.13-5.95-10.38-11.06-6.87l-67.34 46.29a7.1 7.1 0 0 1-3.61 1.23 302 302 0 0 0-38.78 4.81c-4.19.8-6.72 5.14-5.38 9.19 1.59 4.81 3.15 9.6 4.68 14.38 10.4 32.36 19.1 70.91 26.48 109.25.71 3.7 4.21 6.22 7.94 5.68 16.07-2.32 32.32-2.16 48.18.38z" }), _jsx("path", { className: "fill-gray-400", d: "M156.24 29.66c-.1-2.76-.17-5.52-.21-8.29a.39.39 0 0 0-.19-.34c-2.26-1.4-4.58-2.75-6.85-3.98a.38.38 0 0 0-.37.01c-2.26 1.39-4.59 2.82-6.84 4.22-.11.07-.18.19-.19.32q-.075 3.9-.21 7.8c0 .13.06.25.17.32 2.26 1.4 4.65 2.84 7.05 4.23.12.07.27.07.39.01 2.4-1.23 4.8-2.58 7.06-3.98.11-.07.18-.2.17-.34z" })] }), _jsxs("symbol", { id: "facet.step.accord.bottom", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-100", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-teal-400", d: "M63.69 19.98c2.26 7.05 18.77 57.94 24.13 75.78 2.47 8.24 4.88 16.46 7.23 24.64 23.7 82.56 36.49 200.35 46.18 269.98 1.19 8.53 13.22 9.28 15.45.96 19.53-72.9 48.05-200.09 66.5-292.92 3.49-17.55 6.79-35.33 9.81-53.18.86-5.09 1.73-10.04 2.59-14.89.21-1.17 2.27-14.03 4.86-30.36H57.1c3.48 10.5 6.16 18.63 6.59 19.98z" }), _jsx("path", { d: "M156.24 29.66c-.1-2.76-.17-5.52-.21-8.29a.39.39 0 0 0-.19-.34c-2.26-1.4-4.58-2.75-6.85-3.98a.38.38 0 0 0-.37.01c-2.26 1.39-4.59 2.82-6.84 4.22-.11.07-.18.19-.19.32q-.075 3.9-.21 7.8c0 .13.06.25.17.32 2.26 1.4 4.65 2.84 7.05 4.23.12.07.27.07.39.01 2.4-1.23 4.8-2.58 7.06-3.98.11-.07.18-.2.17-.34z", fill: "#897f7f" })] }), _jsxs("symbol", { id: "facet.step.accord.top", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-100", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-teal-400", d: "M293.94 220.99c.86-5.09 1.73-10.04 2.59-14.89.58-3.29 15.81-98.83 16.33-104.55 1.87-20.58 2.72-42.88 2.07-69.2-.15-6.16-6.98-9.79-12.16-6.46l-128.11 82.27c-1.09.7-2.34 1.12-3.64 1.22a491 491 0 0 0-62.94 9.09c-4.64.98-7.37 5.82-5.82 10.31 6.87 19.88 21.31 63.63 22.37 66.94 2.26 7.05 18.77 57.94 24.13 75.79 2.47 8.24 4.88 16.46 7.23 24.64l.42 1.48h122.98c1.64-8.02 3.22-15.86 4.73-23.46 3.49-17.55 6.79-35.33 9.81-53.18z" }), _jsx("path", { className: "fill-gray-300", d: "M217.19 29.66c-.1-2.76-.17-5.52-.21-8.29a.39.39 0 0 0-.19-.34c-2.26-1.4-4.58-2.75-6.85-3.98a.38.38 0 0 0-.37.01c-2.26 1.39-4.59 2.82-6.84 4.22-.11.07-.18.19-.19.32q-.075 3.9-.21 7.8c0 .13.06.25.17.32 2.26 1.4 4.65 2.84 7.05 4.23.12.07.27.07.39.01 2.4-1.23 4.8-2.58 7.06-3.98.11-.07.18-.2.17-.34z" })] }), _jsxs("symbol", { id: "facet.step.action.bottom", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-100", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-blue-400", d: "M43.26 23.81c2.6 6.93 23.51 62.4 27.79 74.5 4.98 14.07 9.77 28.07 14.36 41.91 26.29 79.25 42.1 184.87 53.53 248.8 1.81 10.12 15.94 11.08 19.11 1.3 20.57-63.53 50.58-170.77 73.46-253.92 3.11-11.3 6.16-22.74 9.14-34.29 3.85-14.94 16.58-69.02 18.46-76.88.33-1.38 2.81-12.09 5.8-25.23H34.15c4.73 12.29 8.52 22.25 9.11 23.81" }), _jsx("path", { d: "M156.24 29.66c-.1-2.76-.17-5.52-.21-8.29a.39.39 0 0 0-.19-.34c-2.26-1.4-4.58-2.75-6.85-3.98a.38.38 0 0 0-.37.01c-2.26 1.39-4.59 2.82-6.84 4.22-.11.07-.18.19-.19.32q-.075 3.9-.21 7.8c0 .13.06.25.17.32 2.26 1.4 4.65 2.84 7.05 4.23.12.07.27.07.39.01 2.4-1.23 4.8-2.58 7.06-3.98.11-.07.18-.2.17-.34z", fill: "#897f7f" })] }), _jsxs("symbol", { id: "facet.step.action.top", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-100", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-blue-400", d: "M320.05 200.98c.71-2.97 11.35-49.09 15.67-69.84a7.906 7.906 0 0 0-5.82-9.27c-42.58-10.69-87.31-15.83-133.35-14.63-38.86 1.02-76.55 6.51-112.59 15.96-4.61 1.21-7.1 6.2-5.31 10.62 8.49 20.87 24.3 62.4 25.55 65.75 2.6 6.93 23.51 62.4 27.79 74.5 2.79 7.89 5.5 15.74 8.17 23.57h156.2c1.76-6.56 3.51-13.14 5.22-19.78 3.85-14.94 16.58-69.02 18.46-76.88z" }), _jsx("path", { className: "fill-gray-300", d: "M217.19 29.66c-.1-2.76-.17-5.52-.21-8.29a.39.39 0 0 0-.19-.34c-2.26-1.4-4.58-2.75-6.85-3.98a.38.38 0 0 0-.37.01c-2.26 1.39-4.59 2.82-6.84 4.22-.11.07-.18.19-.19.32q-.075 3.9-.21 7.8c0 .13.06.25.17.32 2.26 1.4 4.65 2.84 7.05 4.23.12.07.27.07.39.01 2.4-1.23 4.8-2.58 7.06-3.98.11-.07.18-.2.17-.34z" })] }), _jsxs("symbol", { id: "facet.step.effect.bottom", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-100", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-lime-400", d: "M75.15 56.01c4.26 13.27 8.36 26.54 12.29 39.75 27.21 91.31 42 220.01 52.73 294.65 1.22 8.51 13.25 9.21 15.45.9 17.38-65.74 42.22-177.17 59.54-256.38 2.62-12 5.18-24.16 7.64-36.42 2.99-14.92 12.83-69.84 14.28-77.79.22-1.22 1.71-9.69 3.6-20.71H57.03C65.86 27 74.31 53.41 75.15 56.02z" }), _jsx("path", { d: "M156.24 29.66c-.1-2.76-.17-5.52-.21-8.29a.39.39 0 0 0-.19-.34c-2.26-1.4-4.58-2.75-6.85-3.98a.38.38 0 0 0-.37.01c-2.26 1.39-4.59 2.82-6.84 4.22-.11.07-.18.19-.19.32q-.075 3.9-.21 7.8c0 .13.06.25.17.32 2.26 1.4 4.65 2.84 7.05 4.23.12.07.27.07.39.01 2.4-1.23 4.8-2.58 7.06-3.98.11-.07.18-.2.17-.34z", fill: "#897f7f" })] }), _jsxs("symbol", { id: "facet.step.effect.top", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-100", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-lime-400", d: "M298.03 196.46c.55-3 8.69-49.74 11.87-70.58.64-4.2-2.15-8.14-6.32-8.95a490 490 0 0 0-83.57-8.95c-1.3-.03-2.57-.37-3.7-1.01L68.1 23.43c-6.86-3.87-14.54 3.6-10.86 10.56 13.65 25.9 34.29 66.15 41.93 86.28l.13.07s-.06.02-.09.02c8.11 21.38 35.35 106.59 36.89 111.38 4.26 13.27 8.36 26.54 12.29 39.75 2.51 8.41 4.91 17.15 7.21 26.13h123.3c1.65-7.75 3.27-15.54 4.85-23.39 2.99-14.92 12.83-69.84 14.28-77.79z" }), _jsx("path", { className: "fill-gray-300", d: "M217.19 29.66c-.1-2.76-.17-5.52-.21-8.29a.39.39 0 0 0-.19-.34c-2.26-1.4-4.58-2.75-6.85-3.98a.38.38 0 0 0-.37.01c-2.26 1.39-4.59 2.82-6.84 4.22-.11.07-.18.19-.19.32q-.075 3.9-.21 7.8c0 .13.06.25.17.32 2.26 1.4 4.65 2.84 7.05 4.23.12.07.27.07.39.01 2.4-1.23 4.8-2.58 7.06-3.98.11-.07.18-.2.17-.34z" })] }), _jsxs("symbol", { id: "facet.step.essence.bottom", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-100", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-pink-400", d: "M75.15 55.95c4.26 13.27 8.36 26.54 12.29 39.75 27.21 91.31 42 220.01 52.73 294.65 1.22 8.51 13.25 9.21 15.45.9 17.38-65.74 42.22-177.17 59.53-256.38 2.62-12 5.18-24.16 7.64-36.42 2.99-14.92 12.83-69.84 14.28-77.79.22-1.22 1.7-9.66 3.59-20.66H57.05c8.83 26.97 17.26 53.35 18.1 55.95" }), _jsx("path", { d: "M156.24 29.66c-.1-2.76-.17-5.52-.21-8.29a.39.39 0 0 0-.19-.34c-2.26-1.4-4.58-2.75-6.85-3.98a.38.38 0 0 0-.37.01c-2.26 1.39-4.59 2.82-6.84 4.22-.11.07-.18.19-.19.32q-.075 3.9-.21 7.8c0 .13.06.25.17.32 2.26 1.4 4.65 2.84 7.05 4.23.12.07.27.07.39.01 2.4-1.23 4.8-2.58 7.06-3.98.11-.07.18-.2.17-.34z", fill: "#897f7f" })] }), _jsxs("symbol", { id: "facet.step.essence.top", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-100", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-pink-400", d: "M298.03 196.4c.55-3 8.69-49.74 11.87-70.58.64-4.2-2.15-8.14-6.32-8.95a490 490 0 0 0-83.57-8.95c-1.3-.03-2.57-.37-3.7-1.01L68.1 23.37c-6.86-3.87-14.54 3.6-10.86 10.56 13.65 25.9 34.29 66.15 41.93 86.28l.13.07s-.06.01-.09.02c8.11 21.38 35.35 106.59 36.89 111.38 4.26 13.27 8.36 26.54 12.29 39.75 2.51 8.43 4.92 17.19 7.23 26.19h123.27a2104 2104 0 0 0 4.86-23.45c2.99-14.92 12.83-69.84 14.28-77.79z" }), _jsx("path", { className: "fill-gray-300", d: "M217.19 29.66c-.1-2.76-.17-5.52-.21-8.29a.39.39 0 0 0-.19-.34c-2.26-1.4-4.58-2.75-6.85-3.98a.38.38 0 0 0-.37.01c-2.26 1.39-4.59 2.82-6.84 4.22-.11.07-.18.19-.19.32q-.075 3.9-.21 7.8c0 .13.06.25.17.32 2.26 1.4 4.65 2.84 7.05 4.23.12.07.27.07.39.01 2.4-1.23 4.8-2.58 7.06-3.98.11-.07.18-.2.17-.34z" })] }), _jsxs("symbol", { id: "facet.step.impulse.bottom", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-100", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-coral-400", d: "M63.69 19.98c2.26 7.05 18.77 57.94 24.13 75.78 2.47 8.24 4.88 16.46 7.23 24.64 23.7 82.56 36.49 200.35 46.18 269.98 1.19 8.53 13.22 9.28 15.45.96 19.53-72.9 48.05-200.09 66.5-292.92 3.49-17.55 11.54-63.22 12.4-68.07.21-1.17 2.27-14.03 4.86-30.36H57.1c3.48 10.5 6.16 18.63 6.59 19.98z" }), _jsx("path", { d: "M156.24 29.66c-.1-2.76-.17-5.52-.21-8.29a.39.39 0 0 0-.19-.34c-2.26-1.4-4.58-2.75-6.85-3.98a.38.38 0 0 0-.37.01c-2.26 1.39-4.59 2.82-6.84 4.22-.11.07-.18.19-.19.32q-.075 3.9-.21 7.8c0 .13.06.25.17.32 2.26 1.4 4.65 2.84 7.05 4.23.12.07.27.07.39.01 2.4-1.23 4.8-2.58 7.06-3.98.11-.07.18-.2.17-.34z", fill: "#897f7f" })] }), _jsxs("symbol", { id: "facet.step.impulse.top", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-100", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-teal-400", d: "m121.66 129.85.06-.31c-.03.1-.04.21-.06.31" }), _jsx("path", { className: "fill-coral-400", d: "M296.53 206.11c.58-3.29 15.81-98.83 16.33-104.55 1.87-20.58 2.72-42.88 2.07-69.2-.15-6.16-6.98-9.79-12.16-6.46l-128.11 82.27c-1.09.7-2.34 1.12-3.64 1.22a491 491 0 0 0-62.94 9.09c-4.64.98-7.37 5.82-5.82 10.31 6.87 19.88 21.31 63.63 22.37 66.94 2.26 7.05 18.77 57.94 24.13 75.78 2.47 8.24 4.88 16.46 7.23 24.64l.42 1.48h122.98c1.64-8.02 3.22-15.86 4.73-23.46 3.49-17.55 11.54-63.22 12.4-68.07z" }), _jsx("path", { className: "fill-gray-300", d: "M217.19 29.66c-.1-2.76-.17-5.52-.21-8.29a.39.39 0 0 0-.19-.34c-2.26-1.4-4.58-2.75-6.85-3.98a.38.38 0 0 0-.37.01c-2.26 1.39-4.59 2.82-6.84 4.22-.11.07-.18.19-.19.32q-.075 3.9-.21 7.8c0 .13.06.25.17.32 2.26 1.4 4.65 2.84 7.05 4.23.12.07.27.07.39.01 2.4-1.23 4.8-2.58 7.06-3.98.11-.07.18-.2.17-.34z" })] }), _jsxs("symbol", { id: "facet.step.signal.bottom", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-100", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-yellow-400", d: "M43.26 23.81c2.6 6.93 23.51 62.4 27.79 74.5 4.98 14.07 9.77 28.07 14.36 41.91 26.29 79.25 42.1 184.87 53.53 248.8 1.81 10.12 15.94 11.08 19.11 1.3 20.57-63.53 50.58-170.77 73.46-253.92 3.11-11.3 6.16-22.74 9.14-34.29 3.85-14.94 16.58-69.02 18.46-76.88.33-1.38 2.81-12.09 5.8-25.23H34.15c4.73 12.29 8.52 22.25 9.11 23.81" }), _jsx("path", { d: "M156.24 29.66c-.1-2.76-.17-5.52-.21-8.29a.39.39 0 0 0-.19-.34c-2.26-1.4-4.58-2.75-6.85-3.98a.38.38 0 0 0-.37.01c-2.26 1.39-4.59 2.82-6.84 4.22-.11.07-.18.19-.19.32q-.075 3.9-.21 7.8c0 .13.06.25.17.32 2.26 1.4 4.65 2.84 7.05 4.23.12.07.27.07.39.01 2.4-1.23 4.8-2.58 7.06-3.98.11-.07.18-.2.17-.34z", fill: "#897f7f" })] }), _jsxs("symbol", { id: "facet.step.signal.top", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-100", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-yellow-400", d: "M320.05 200.98c.71-2.97 11.35-49.09 15.67-69.84a7.906 7.906 0 0 0-5.82-9.27c-42.58-10.69-87.31-15.83-133.35-14.63-38.86 1.02-76.55 6.51-112.59 15.96-4.61 1.21-7.1 6.2-5.31 10.62 8.49 20.87 24.3 62.4 25.55 65.75 2.6 6.93 23.51 62.4 27.79 74.5 2.79 7.89 5.5 15.74 8.17 23.57h156.2c1.76-6.56 3.51-13.14 5.22-19.78 3.85-14.94 16.58-69.02 18.46-76.88z" }), _jsx("path", { className: "fill-gray-300", d: "M217.19 29.66c-.1-2.76-.17-5.52-.21-8.29a.39.39 0 0 0-.19-.34c-2.26-1.4-4.58-2.75-6.85-3.98a.38.38 0 0 0-.37.01c-2.26 1.39-4.59 2.82-6.84 4.22-.11.07-.18.19-.19.32q-.075 3.9-.21 7.8c0 .13.06.25.17.32 2.26 1.4 4.65 2.84 7.05 4.23.12.07.27.07.39.01 2.4-1.23 4.8-2.58 7.06-3.98.11-.07.18-.2.17-.34z" })] }), _jsxs("symbol", { id: "facets.elements", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-400", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-gray-100", d: "M192.42 294.98c.43-2.5-1.26-4.88-3.76-5.31a194 194 0 0 0-44.81-2.32c-.84.05-1.67-.12-2.41-.51l-24.68-12.85c-3.69-1.92-7.83 1.66-6.46 5.6 1.38 3.98 2.73 7.96 4.06 11.92 8.44 25.22 15.38 55.5 21.17 84.96.47 2.41 2.75 4.04 5.18 3.67a103.4 103.4 0 0 1 31.41.06c2.43.38 4.73-1.26 5.19-3.68 4.35-22.64 8.57-45.31 12.14-64.68 1.02-5.57 2.02-11.19 2.99-16.86z" }), _jsx("path", { d: "M156.24 29.66c-.1-2.76-.17-5.52-.21-8.29a.39.39 0 0 0-.19-.34c-2.26-1.4-4.58-2.75-6.85-3.98a.38.38 0 0 0-.37.01c-2.26 1.39-4.59 2.82-6.84 4.22-.11.07-.18.19-.19.32q-.075 3.9-.21 7.8c0 .13.06.25.17.32 2.26 1.4 4.65 2.84 7.05 4.23.12.07.27.07.39.01 2.4-1.23 4.8-2.58 7.06-3.98.11-.07.18-.2.17-.34z", fill: "#897f7f" })] }), _jsxs("symbol", { id: "facets.steps", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-200", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("g", { className: "fill-gray-400", children: _jsx("path", { d: "M231.24 280.63a2.97 2.97 0 0 0-3.95-2.1c-7.94 2.99-23.71 8.53-24.98 8.97-2.63.91-23.71 8.23-28.3 9.72-5.34 1.74-10.66 3.4-15.91 4.99-29.71 9-69 13.9-93.24 17.56-4.06.61-4.59 6.25-.71 7.61 23.8 8.36 63.27 20.53 93.95 29.85 4.22 1.28 8.5 2.54 12.81 3.78 5.58 1.6 25.8 6.92 28.74 7.71 1.11.3 18.35 4.76 26.12 6.59 1.56.37 3.12-.56 3.55-2.1 4.44-15.92 6.82-32.7 6.82-50.03 0-14.63-1.69-28.87-4.89-42.53zM156.24 29.66c-.1-2.76-.17-5.52-.21-8.29a.39.39 0 0 0-.19-.34c-2.26-1.4-4.58-2.75-6.85-3.98a.38.38 0 0 0-.37.01c-2.26 1.39-4.59 2.82-6.84 4.22-.11.07-.18.19-.19.32q-.075 3.9-.21 7.8c0 .13.06.25.17.32 2.26 1.4 4.65 2.84 7.05 4.23.12.07.27.07.39.01 2.4-1.23 4.8-2.58 7.06-3.98.11-.07.18-.2.17-.34z" }) })] }), _jsxs("symbol", { id: "prospect.pointer", viewBox: "0 0 297.64 841.89", children: [_jsx("path", { className: "fill-gray-50", d: "M285.33 0H12.31C5.51 0 0 5.51 0 12.31v817.26c0 6.8 5.51 12.31 12.31 12.31h271.16c7.83 0 14.17-6.35 14.17-14.18V12.31c0-6.8-5.51-12.31-12.31-12.31" }), _jsx("path", { className: "fill-gray-400", d: "M149.31 632.64c-50.92 0-100.8-4.41-149.31-12.83v209.77c0 6.8 5.51 12.31 12.31 12.31h271.16c7.83 0 14.17-6.35 14.17-14.18V619.98c-48.2 8.31-97.76 12.66-148.33 12.66" }), _jsx("path", { className: "fill-gray-950", d: "M149.31 649.8c-50.92 0-100.8-4.4-149.31-12.82v192.6c0 6.8 5.51 12.31 12.31 12.31h271.16c7.83 0 14.17-6.35 14.17-14.18V637.14c-48.2 8.31-97.76 12.66-148.33 12.66M148.82 311.81c-60.18 0-109.13 48.96-109.13 109.13s48.96 109.13 109.13 109.13 109.13-48.96 109.13-109.13-48.96-109.13-109.13-109.13" }), _jsx("path", { className: "fill-gray-400", d: "M148.82 294.8c-69.55 0-126.14 56.59-126.14 126.14s56.59 126.14 126.14 126.14 126.14-56.59 126.14-126.14S218.37 294.8 148.82 294.8M39.69 420.94c0-60.18 48.96-109.13 109.13-109.13s109.13 48.96 109.13 109.13-48.96 109.13-109.13 109.13S39.69 481.11 39.69 420.94M273.52 208.72l-9.66-15.28c2.43 6.27-3.11 13.17-10.42 11.97-34.34-5.62-68.96-11.59-105.06-11.59-35.86 0-70.1 5.93-104.17 11.48-7.34 1.19-12.85-5.89-10.26-12.2l-9.74 15.45c-4.55 7.2 1.77 16.28 10.39 14.88 37.2-6.05 74.58-12.53 113.72-12.53 39.41 0 77.21 6.52 114.7 12.66 8.67 1.42 15.07-7.6 10.49-14.84z" }), _jsx("path", { className: "fill-gray-950", d: "M263.86 193.44c-.21-.54-.47-1.09-.81-1.62L156.06 22.68c-3.49-5.47-11.09-5.47-14.58 0L34.69 191.67c-.3.47-.54.95-.74 1.43-2.6 6.3 2.92 13.39 10.26 12.2 34.07-5.55 68.31-11.48 104.17-11.48 36.1 0 70.72 5.97 105.06 11.59 7.31 1.2 12.84-5.7 10.42-11.97" }), _jsx("path", { className: "fill-gray-700", d: "M156.74 824.88c-2.63-.14-7.86-.82-7.86-.82s-5.35.52-8.02.66c-.2.01-.37-.18-.36-.38.34-5.5.03-10.62-.18-15.93 0-.2.15-.38.36-.38 2.73.05 8.04.62 8.04.62s5.42-.68 8.24-.79c.21 0 .37.17.36.38-.21 5.41-.22 10.83-.23 16.25 0 .21-.16.38-.36.38z" })] }), _jsxs("symbol", { id: "pursuits.flourishing", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-950", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-gray-400", d: "m262.66 291.14-40.14-63.46-.02-.03c-2.84-4.45-7.61-7.1-12.77-7.1-5.15 0-9.92 2.65-12.78 7.13l-42.81 67.75-1.39 2.2h114.02l-4.11-6.5z" }), _jsx("path", { className: "fill-gray-200", d: "M217.03 231.16c-3.49-5.47-11.09-5.47-14.58 0l-42.01 66.48h98.64z" }), _jsx("path", { className: "fill-gray-700", d: "M217.68 34.02c-2.63-.14-7.86-.82-7.86-.82s-5.35.52-8.02.66c-.2.01-.37-.18-.36-.38.34-5.5.03-10.62-.18-15.93 0-.2.15-.38.36-.38 2.73.05 8.04.62 8.04.62s5.42-.68 8.24-.79c.21 0 .37.17.36.38-.21 5.41-.22 10.83-.23 16.25 0 .21-.16.38-.36.38z" })] }), _jsxs("symbol", { id: "spark.leisure.breeze", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-50", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-gray-400", d: "M157.32 355.03v-17.01C106.3 328.64 53.73 323.71 0 323.68v17.01c53.73.03 106.3 4.96 157.32 14.34M157.32 289.36C106.3 279.98 53.73 275.05 0 275.02v17.01c53.73.03 106.3 4.96 157.32 14.34z" }), _jsx("path", { className: "fill-gray-300", d: "M154.71 23.7c-.85 0-1.71 0-2.58.02-.1 0-.16-.11-.11-.2q.705-1.155 1.44-2.31c.04-.07.03-.15-.04-.19-.94-.53-1.92-1.03-2.91-1.5-.07-.03-.15 0-.19.06-.48.75-.94 1.5-1.39 2.26-.05.09-.19.09-.24 0-.45-.72-.92-1.42-1.39-2.09-.04-.06-.13-.07-.19-.03-.99.57-1.96 1.14-2.9 1.7-.06.04-.08.12-.04.17.49.67.97 1.35 1.43 2.06.06.08 0 .19-.11.2-.87.02-1.73.05-2.57.07-.07 0-.12.06-.12.13.09.99.17 1.98.25 2.97 0 .07.06.12.13.13.81.02 1.63.05 2.46.06.1 0 .16.11.12.2-.38.71-.75 1.39-1.11 2.07-.03.06 0 .14.05.18.9.56 1.79 1.12 2.65 1.69.06.04.13.02.16-.04.38-.68.78-1.38 1.18-2.1.05-.09.17-.08.22 0 .41.75.8 1.5 1.18 2.25.03.06.11.09.16.06.87-.48 1.76-.98 2.65-1.51.06-.04.09-.12.05-.19-.36-.77-.73-1.54-1.11-2.3-.05-.09.02-.21.12-.2.83 0 1.65.01 2.46.02.07 0 .13-.06.13-.14.08-1.12.17-2.23.26-3.35 0-.08-.05-.14-.12-.14z" })] }), _jsxs("symbol", { id: "spark.leisure.calm", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-50", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-gray-400", d: "M297.64 330.12v-17.01c-59.43 7.57-238.02 7.52-297.64-.17v17.01c59.62 7.69 238.21 7.74 297.64.17" }), _jsx("path", { className: "fill-gray-300", d: "M154.71 23.7c-.85 0-1.71 0-2.58.02-.1 0-.16-.11-.11-.2q.705-1.155 1.44-2.31c.04-.07.03-.15-.04-.19-.94-.53-1.92-1.03-2.91-1.5-.07-.03-.15 0-.19.06-.48.75-.94 1.5-1.39 2.26-.05.09-.19.09-.24 0-.45-.72-.92-1.42-1.39-2.09-.04-.06-.13-.07-.19-.03-.99.57-1.96 1.14-2.9 1.7-.06.04-.08.12-.04.17.49.67.97 1.35 1.43 2.06.06.08 0 .19-.11.2-.87.02-1.73.05-2.57.07-.07 0-.12.06-.12.13.09.99.17 1.98.25 2.97 0 .07.06.12.13.13.81.02 1.63.05 2.46.06.1 0 .16.11.12.2-.38.71-.75 1.39-1.11 2.07-.03.06 0 .14.05.18.9.56 1.79 1.12 2.65 1.69.06.04.13.02.16-.04.38-.68.78-1.38 1.18-2.1.05-.09.17-.08.22 0 .41.75.8 1.5 1.18 2.25.03.06.11.09.16.06.87-.48 1.76-.98 2.65-1.51.06-.04.09-.12.05-.19-.36-.77-.73-1.54-1.11-2.3-.05-.09.02-.21.12-.2.83 0 1.65.01 2.46.02.07 0 .13-.06.13-.14.08-1.12.17-2.23.26-3.35 0-.08-.05-.14-.12-.14z" })] }), _jsxs("symbol", { id: "spark.leisure.contemplation", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-50", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-gray-400", d: "m130.78 317.88-1.94-16.9c-42.34-2.83-85.37-2.57-128.84.98v17.07c44.13-3.7 87.81-4.01 130.78-1.15M166.82 325.44l1.94 16.9c42.35 2.83 85.39 2.57 128.88-.98v-17.07c-44.14 3.7-87.84 4.02-130.81 1.15z" }), _jsx("path", { className: "fill-gray-300", d: "M154.71 23.7c-.85 0-1.71 0-2.58.02-.1 0-.16-.11-.11-.2q.705-1.155 1.44-2.31c.04-.07.03-.15-.04-.19-.94-.53-1.92-1.03-2.91-1.5-.07-.03-.15 0-.19.06-.48.75-.94 1.5-1.39 2.26-.05.09-.19.09-.24 0-.45-.72-.92-1.42-1.39-2.09-.04-.06-.13-.07-.19-.03-.99.57-1.96 1.14-2.9 1.7-.06.04-.08.12-.04.17.49.67.97 1.35 1.43 2.06.06.08 0 .19-.11.2-.87.02-1.73.05-2.57.07-.07 0-.12.06-.12.13.09.99.17 1.98.25 2.97 0 .07.06.12.13.13.81.02 1.63.05 2.46.06.1 0 .16.11.12.2-.38.71-.75 1.39-1.11 2.07-.03.06 0 .14.05.18.9.56 1.79 1.12 2.65 1.69.06.04.13.02.16-.04.38-.68.78-1.38 1.18-2.1.05-.09.17-.08.22 0 .41.75.8 1.5 1.18 2.25.03.06.11.09.16.06.87-.48 1.76-.98 2.65-1.51.06-.04.09-.12.05-.19-.36-.77-.73-1.54-1.11-2.3-.05-.09.02-.21.12-.2.83 0 1.65.01 2.46.02.07 0 .13-.06.13-.14.08-1.12.17-2.23.26-3.35 0-.08-.05-.14-.12-.14z" })] }), _jsxs("symbol", { id: "spark.leisure.distance", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-50", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-gray-400", d: "M198.12 339.1c32.57-5.99 65.79-10.14 99.52-12.38v-17.01c-33.74 2.24-66.95 6.39-99.52 12.38zM98.73 338.92v-17.01c-32.32-5.9-65.27-10-98.73-12.21v17.01c33.46 2.22 66.41 6.31 98.73 12.22z" }), _jsx("path", { className: "fill-gray-300", d: "M154.71 23.7c-.85 0-1.71 0-2.58.02-.1 0-.16-.11-.11-.2q.705-1.155 1.44-2.31c.04-.07.03-.15-.04-.19-.94-.53-1.92-1.03-2.91-1.5-.07-.03-.15 0-.19.06-.48.75-.94 1.5-1.39 2.26-.05.09-.19.09-.24 0-.45-.72-.92-1.42-1.39-2.09-.04-.06-.13-.07-.19-.03-.99.57-1.96 1.14-2.9 1.7-.06.04-.08.12-.04.17.49.67.97 1.35 1.43 2.06.06.08 0 .19-.11.2-.87.02-1.73.05-2.57.07-.07 0-.12.06-.12.13.09.99.17 1.98.25 2.97 0 .07.06.12.13.13.81.02 1.63.05 2.46.06.1 0 .16.11.12.2-.38.71-.75 1.39-1.11 2.07-.03.06 0 .14.05.18.9.56 1.79 1.12 2.65 1.69.06.04.13.02.16-.04.38-.68.78-1.38 1.18-2.1.05-.09.17-.08.22 0 .41.75.8 1.5 1.18 2.25.03.06.11.09.16.06.87-.48 1.76-.98 2.65-1.51.06-.04.09-.12.05-.19-.36-.77-.73-1.54-1.11-2.3-.05-.09.02-.21.12-.2.83 0 1.65.01 2.46.02.07 0 .13-.06.13-.14.08-1.12.17-2.23.26-3.35 0-.08-.05-.14-.12-.14z" })] }), _jsxs("symbol", { id: "spark.leisure.indulgence", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-50", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-gray-400", d: "m252.73 296.08-14.96-8.09c-13.19 40.63-29.54 80.75-49.15 120.04h18.94c17.85-36.71 32.89-74.11 45.17-111.95M59.87 287.99l-14.96 8.09c12.28 37.84 27.32 75.25 45.17 111.95h18.94c-19.61-39.29-35.96-79.41-49.15-120.04" }), _jsx("path", { className: "fill-gray-300", d: "M154.71 23.7c-.85 0-1.71 0-2.58.02-.1 0-.16-.11-.11-.2q.705-1.155 1.44-2.31c.04-.07.03-.15-.04-.19-.94-.53-1.92-1.03-2.91-1.5-.07-.03-.15 0-.19.06-.48.75-.94 1.5-1.39 2.26-.05.09-.19.09-.24 0-.45-.72-.92-1.42-1.39-2.09-.04-.06-.13-.07-.19-.03-.99.57-1.96 1.14-2.9 1.7-.06.04-.08.12-.04.17.49.67.97 1.35 1.43 2.06.06.08 0 .19-.11.2-.87.02-1.73.05-2.57.07-.07 0-.12.06-.12.13.09.99.17 1.98.25 2.97 0 .07.06.12.13.13.81.02 1.63.05 2.46.06.1 0 .16.11.12.2-.38.71-.75 1.39-1.11 2.07-.03.06 0 .14.05.18.9.56 1.79 1.12 2.65 1.69.06.04.13.02.16-.04.38-.68.78-1.38 1.18-2.1.05-.09.17-.08.22 0 .41.75.8 1.5 1.18 2.25.03.06.11.09.16.06.87-.48 1.76-.98 2.65-1.51.06-.04.09-.12.05-.19-.36-.77-.73-1.54-1.11-2.3-.05-.09.02-.21.12-.2.83 0 1.65.01 2.46.02.07 0 .13-.06.13-.14.08-1.12.17-2.23.26-3.35 0-.08-.05-.14-.12-.14z" })] }), _jsxs("symbol", { id: "spark.leisure.inspiration", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-50", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-gray-400", d: "m146.77 344.37 2.05-17.48C99.97 329.95 50.25 329.85 0 325.3v17.1c49.55 4.43 98.59 5 146.77 1.97M149.23 309.88l-.41 17c48.82-7.29 98.02-10.99 148.82-10.81v-17.01c-50.74-.16-99.71 3.54-148.41 10.81z" }), _jsx("path", { className: "fill-gray-300", d: "M154.71 23.7c-.85 0-1.71 0-2.58.02-.1 0-.16-.11-.11-.2q.705-1.155 1.44-2.31c.04-.07.03-.15-.04-.19-.94-.53-1.92-1.03-2.91-1.5-.07-.03-.15 0-.19.06-.48.75-.94 1.5-1.39 2.26-.05.09-.19.09-.24 0-.45-.72-.92-1.42-1.39-2.09-.04-.06-.13-.07-.19-.03-.99.57-1.96 1.14-2.9 1.7-.06.04-.08.12-.04.17.49.67.97 1.35 1.43 2.06.06.08 0 .19-.11.2-.87.02-1.73.05-2.57.07-.07 0-.12.06-.12.13.09.99.17 1.98.25 2.97 0 .07.06.12.13.13.81.02 1.63.05 2.46.06.1 0 .16.11.12.2-.38.71-.75 1.39-1.11 2.07-.03.06 0 .14.05.18.9.56 1.79 1.12 2.65 1.69.06.04.13.02.16-.04.38-.68.78-1.38 1.18-2.1.05-.09.17-.08.22 0 .41.75.8 1.5 1.18 2.25.03.06.11.09.16.06.87-.48 1.76-.98 2.65-1.51.06-.04.09-.12.05-.19-.36-.77-.73-1.54-1.11-2.3-.05-.09.02-.21.12-.2.83 0 1.65.01 2.46.02.07 0 .13-.06.13-.14.08-1.12.17-2.23.26-3.35 0-.08-.05-.14-.12-.14z" })] }), _jsxs("symbol", { id: "spark.leisure.movement", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-50", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-gray-400", d: "M156.18 316.84c-34.05 25.05-95.13 81.13-118.04 102.69h23.38c20.78-19.4 72.44-66.77 102.99-89.17l-8.33-13.51zM228.87 316.84c-34.05 25.05-95.13 81.13-118.04 102.69h23.38c20.78-19.4 72.44-66.77 102.99-89.17l-8.33-13.51z" }), _jsx("path", { className: "fill-gray-300", d: "M154.71 23.7c-.85 0-1.71 0-2.58.02-.1 0-.16-.11-.11-.2q.705-1.155 1.44-2.31c.04-.07.03-.15-.04-.19-.94-.53-1.92-1.03-2.91-1.5-.07-.03-.15 0-.19.06-.48.75-.94 1.5-1.39 2.26-.05.09-.19.09-.24 0-.45-.72-.92-1.42-1.39-2.09-.04-.06-.13-.07-.19-.03-.99.57-1.96 1.14-2.9 1.7-.06.04-.08.12-.04.17.49.67.97 1.35 1.43 2.06.06.08 0 .19-.11.2-.87.02-1.73.05-2.57.07-.07 0-.12.06-.12.13.09.99.17 1.98.25 2.97 0 .07.06.12.13.13.81.02 1.63.05 2.46.06.1 0 .16.11.12.2-.38.71-.75 1.39-1.11 2.07-.03.06 0 .14.05.18.9.56 1.79 1.12 2.65 1.69.06.04.13.02.16-.04.38-.68.78-1.38 1.18-2.1.05-.09.17-.08.22 0 .41.75.8 1.5 1.18 2.25.03.06.11.09.16.06.87-.48 1.76-.98 2.65-1.51.06-.04.09-.12.05-.19-.36-.77-.73-1.54-1.11-2.3-.05-.09.02-.21.12-.2.83 0 1.65.01 2.46.02.07 0 .13-.06.13-.14.08-1.12.17-2.23.26-3.35 0-.08-.05-.14-.12-.14z" })] }), _jsxs("symbol", { id: "spark.leisure.nearness", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-50", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-gray-400", d: "m250.94 300.84-.1-17.01c-50.64 9.57-102.85 14.75-156.22 15.1L94 315.94c53.6-.3 106.08-5.49 156.94-15.1M212.59 333.3l.66-16.99c-51.02 7.28-103.41 10.11-156.74 8.06l-1.39 16.97c53.56 2.11 106.22-.72 157.46-8.03z" }), _jsx("path", { className: "fill-gray-300", d: "M154.71 23.7c-.85 0-1.71 0-2.58.02-.1 0-.16-.11-.11-.2q.705-1.155 1.44-2.31c.04-.07.03-.15-.04-.19-.94-.53-1.92-1.03-2.91-1.5-.07-.03-.15 0-.19.06-.48.75-.94 1.5-1.39 2.26-.05.09-.19.09-.24 0-.45-.72-.92-1.42-1.39-2.09-.04-.06-.13-.07-.19-.03-.99.57-1.96 1.14-2.9 1.7-.06.04-.08.12-.04.17.49.67.97 1.35 1.43 2.06.06.08 0 .19-.11.2-.87.02-1.73.05-2.57.07-.07 0-.12.06-.12.13.09.99.17 1.98.25 2.97 0 .07.06.12.13.13.81.02 1.63.05 2.46.06.1 0 .16.11.12.2-.38.71-.75 1.39-1.11 2.07-.03.06 0 .14.05.18.9.56 1.79 1.12 2.65 1.69.06.04.13.02.16-.04.38-.68.78-1.38 1.18-2.1.05-.09.17-.08.22 0 .41.75.8 1.5 1.18 2.25.03.06.11.09.16.06.87-.48 1.76-.98 2.65-1.51.06-.04.09-.12.05-.19-.36-.77-.73-1.54-1.11-2.3-.05-.09.02-.21.12-.2.83 0 1.65.01 2.46.02.07 0 .13-.06.13-.14.08-1.12.17-2.23.26-3.35 0-.08-.05-.14-.12-.14z" })] }), _jsxs("symbol", { id: "spark.leisure.nourishment", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-50", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-gray-400", d: "M149.31 298.84c50.57 0 100.13 4.35 148.33 12.66v-17.01c-48.2-8.31-97.76-12.66-148.33-12.66S48.51 286.24 0 294.67v17.01c48.51-8.42 98.39-12.83 149.31-12.83zM0 332.01v17.01c48.51 8.42 98.39 12.83 149.31 12.83s100.13-4.35 148.33-12.66v-17.01c-48.2 8.31-97.76 12.66-148.33 12.66S48.51 340.44 0 332.01" }), _jsx("path", { className: "fill-gray-300", d: "M154.71 23.7c-.85 0-1.71 0-2.58.02-.1 0-.16-.11-.11-.2q.705-1.155 1.44-2.31c.04-.07.03-.15-.04-.19-.94-.53-1.92-1.03-2.91-1.5-.07-.03-.15 0-.19.06-.48.75-.94 1.5-1.39 2.26-.05.09-.19.09-.24 0-.45-.72-.92-1.42-1.39-2.09-.04-.06-.13-.07-.19-.03-.99.57-1.96 1.14-2.9 1.7-.06.04-.08.12-.04.17.49.67.97 1.35 1.43 2.06.06.08 0 .19-.11.2-.87.02-1.73.05-2.57.07-.07 0-.12.06-.12.13.09.99.17 1.98.25 2.97 0 .07.06.12.13.13.81.02 1.63.05 2.46.06.1 0 .16.11.12.2-.38.71-.75 1.39-1.11 2.07-.03.06 0 .14.05.18.9.56 1.79 1.12 2.65 1.69.06.04.13.02.16-.04.38-.68.78-1.38 1.18-2.1.05-.09.17-.08.22 0 .41.75.8 1.5 1.18 2.25.03.06.11.09.16.06.87-.48 1.76-.98 2.65-1.51.06-.04.09-.12.05-.19-.36-.77-.73-1.54-1.11-2.3-.05-.09.02-.21.12-.2.83 0 1.65.01 2.46.02.07 0 .13-.06.13-.14.08-1.12.17-2.23.26-3.35 0-.08-.05-.14-.12-.14z" })] }), _jsxs("symbol", { id: "spark.leisure.refreshment", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-50", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-gray-400", d: "M176.35 277.22h-17.01c-4.63 25.36-8.15 51.1-10.53 77.18-2.38-26.08-5.89-51.82-10.53-77.18h-17.01c8.45 46.26 13.23 93.8 14.02 142.31h27.02c.8-48.51 5.57-96.05 14.02-142.31z" }), _jsx("path", { className: "fill-gray-300", d: "M154.71 23.7c-.85 0-1.71 0-2.58.02-.1 0-.16-.11-.11-.2q.705-1.155 1.44-2.31c.04-.07.03-.15-.04-.19-.94-.53-1.92-1.03-2.91-1.5-.07-.03-.15 0-.19.06-.48.75-.94 1.5-1.39 2.26-.05.09-.19.09-.24 0-.45-.72-.92-1.42-1.39-2.09-.04-.06-.13-.07-.19-.03-.99.57-1.96 1.14-2.9 1.7-.06.04-.08.12-.04.17.49.67.97 1.35 1.43 2.06.06.08 0 .19-.11.2-.87.02-1.73.05-2.57.07-.07 0-.12.06-.12.13.09.99.17 1.98.25 2.97 0 .07.06.12.13.13.81.02 1.63.05 2.46.06.1 0 .16.11.12.2-.38.71-.75 1.39-1.11 2.07-.03.06 0 .14.05.18.9.56 1.79 1.12 2.65 1.69.06.04.13.02.16-.04.38-.68.78-1.38 1.18-2.1.05-.09.17-.08.22 0 .41.75.8 1.5 1.18 2.25.03.06.11.09.16.06.87-.48 1.76-.98 2.65-1.51.06-.04.09-.12.05-.19-.36-.77-.73-1.54-1.11-2.3-.05-.09.02-.21.12-.2.83 0 1.65.01 2.46.02.07 0 .13-.06.13-.14.08-1.12.17-2.23.26-3.35 0-.08-.05-.14-.12-.14z" })] }), _jsxs("symbol", { id: "spark.leisure.relaxation", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-50", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-gray-400", d: "M148.9 309.25c-48.35 8.83-98.1 17.27-148.9 18.08v17.01c50.78-.81 100.56-9.25 148.9-18.08 48.3 8.82 98.01 17.26 148.74 18.08v-17.01c-50.74-.83-100.44-9.26-148.74-18.08" }), _jsx("path", { className: "fill-gray-300", d: "M154.71 23.7c-.85 0-1.71 0-2.58.02-.1 0-.16-.11-.11-.2q.705-1.155 1.44-2.31c.04-.07.03-.15-.04-.19-.94-.53-1.92-1.03-2.91-1.5-.07-.03-.15 0-.19.06-.48.75-.94 1.5-1.39 2.26-.05.09-.19.09-.24 0-.45-.72-.92-1.42-1.39-2.09-.04-.06-.13-.07-.19-.03-.99.57-1.96 1.14-2.9 1.7-.06.04-.08.12-.04.17.49.67.97 1.35 1.43 2.06.06.08 0 .19-.11.2-.87.02-1.73.05-2.57.07-.07 0-.12.06-.12.13.09.99.17 1.98.25 2.97 0 .07.06.12.13.13.81.02 1.63.05 2.46.06.1 0 .16.11.12.2-.38.71-.75 1.39-1.11 2.07-.03.06 0 .14.05.18.9.56 1.79 1.12 2.65 1.69.06.04.13.02.16-.04.38-.68.78-1.38 1.18-2.1.05-.09.17-.08.22 0 .41.75.8 1.5 1.18 2.25.03.06.11.09.16.06.87-.48 1.76-.98 2.65-1.51.06-.04.09-.12.05-.19-.36-.77-.73-1.54-1.11-2.3-.05-.09.02-.21.12-.2.83 0 1.65.01 2.46.02.07 0 .13-.06.13-.14.08-1.12.17-2.23.26-3.35 0-.08-.05-.14-.12-.14z" })] }), _jsxs("symbol", { id: "spark.leisure.relief", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-50", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-gray-400", d: "M140.03 329.98h-17.01c-.21 30.25-1.99 60.11-5.22 89.55h17.01c3.23-29.43 5.02-59.3 5.22-89.55M180.79 287.34h-17.01a876 876 0 0 0-6.18 98.05h17.01c.23-33.16 2.33-65.88 6.18-98.05" }), _jsx("path", { className: "fill-gray-300", d: "M154.71 23.7c-.85 0-1.71 0-2.58.02-.1 0-.16-.11-.11-.2q.705-1.155 1.44-2.31c.04-.07.03-.15-.04-.19-.94-.53-1.92-1.03-2.91-1.5-.07-.03-.15 0-.19.06-.48.75-.94 1.5-1.39 2.26-.05.09-.19.09-.24 0-.45-.72-.92-1.42-1.39-2.09-.04-.06-.13-.07-.19-.03-.99.57-1.96 1.14-2.9 1.7-.06.04-.08.12-.04.17.49.67.97 1.35 1.43 2.06.06.08 0 .19-.11.2-.87.02-1.73.05-2.57.07-.07 0-.12.06-.12.13.09.99.17 1.98.25 2.97 0 .07.06.12.13.13.81.02 1.63.05 2.46.06.1 0 .16.11.12.2-.38.71-.75 1.39-1.11 2.07-.03.06 0 .14.05.18.9.56 1.79 1.12 2.65 1.69.06.04.13.02.16-.04.38-.68.78-1.38 1.18-2.1.05-.09.17-.08.22 0 .41.75.8 1.5 1.18 2.25.03.06.11.09.16.06.87-.48 1.76-.98 2.65-1.51.06-.04.09-.12.05-.19-.36-.77-.73-1.54-1.11-2.3-.05-.09.02-.21.12-.2.83 0 1.65.01 2.46.02.07 0 .13-.06.13-.14.08-1.12.17-2.23.26-3.35 0-.08-.05-.14-.12-.14z" })] }), _jsxs("symbol", { id: "spark.motivator.flexibility", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-800", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-yellow-300", d: "M345.11 250.04c-6.62-16.29-17.7-45.15-22.85-58.64l-220.76 1.05c-3.52 15.29-10.24 44.81-13.46 60.27a7.906 7.906 0 0 0 5.82 9.27c12.02 3.02 24.21 5.57 36.55 7.69l173.47-1.04c12.14-2.23 24.12-4.89 35.92-7.98 4.61-1.21 7.1-6.2 5.31-10.62" }), _jsx("path", { className: "fill-yellow-400", d: "M329.9 121.87c-42.58-10.69-87.31-15.83-133.35-14.63-38.86 1.02-76.55 6.51-112.59 15.96-4.61 1.21-7.1 6.2-5.31 10.62 6.62 16.29 17.7 45.15 22.85 58.64 1.45 3.8 2.43 6.38 2.7 7.11 2.36 6.29 19.8 52.58 26.21 70.11a339 339 0 0 1 1.58 4.39c2.79 7.89 5.5 15.74 8.17 23.57h156.2c1.76-6.56 3.51-13.14 5.22-19.78.58-2.27 1.37-5.44 2.3-9.22 5.17-21.09 14.57-61 16.16-67.66.18-.76 1.01-4.33 2.22-9.57 3.52-15.29 10.24-44.81 13.46-60.27a7.906 7.906 0 0 0-5.82-9.27" }), _jsx("path", { d: "M215.66 23.7c-.85 0-1.71 0-2.58.02-.1 0-.16-.11-.11-.2q.705-1.155 1.44-2.31c.04-.07.03-.15-.04-.19-.94-.53-1.92-1.03-2.91-1.5-.07-.03-.15 0-.19.06-.48.75-.94 1.5-1.39 2.26-.05.09-.19.09-.24 0-.45-.72-.92-1.42-1.39-2.09-.04-.06-.13-.07-.19-.03-.99.57-1.96 1.14-2.9 1.7-.06.04-.08.12-.04.17.49.67.97 1.35 1.43 2.06.06.08 0 .19-.11.2-.87.02-1.73.05-2.57.07-.07 0-.12.06-.12.13.09.99.17 1.98.25 2.97 0 .07.06.12.13.13.81.02 1.63.05 2.46.06.1 0 .16.11.12.2-.38.71-.75 1.39-1.11 2.07-.03.06 0 .14.05.18.9.56 1.79 1.12 2.65 1.69.06.04.13.02.16-.04.38-.68.78-1.38 1.18-2.1.05-.09.17-.08.22 0 .41.75.8 1.5 1.18 2.25.03.06.11.09.16.06.87-.48 1.76-.98 2.65-1.51.06-.04.09-.12.05-.19-.36-.77-.73-1.54-1.11-2.3-.05-.09.02-.21.12-.2.83 0 1.65.01 2.46.02.07 0 .13-.06.13-.14.08-1.12.17-2.23.26-3.35 0-.08-.05-.14-.12-.14z", fill: "#897f7f" })] }), _jsxs("symbol", { id: "spark.motivator.orientation", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-800", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-pink-300", d: "M117.59 231.7c4.26 13.27 8.36 26.54 12.29 39.75 2.51 8.43 4.92 17.19 7.23 26.19h123.27a2104 2104 0 0 0 4.86-23.45c2.99-14.92 12.83-69.84 14.28-77.79.55-3 8.69-49.74 11.87-70.58.64-4.2-2.15-8.14-6.32-8.95a490 490 0 0 0-83.57-8.95c-1.3-.03-2.57-.37-3.7-1.01L49.59 23.37c-4.65-2.62-9.67-.04-11.28 4.07-.77 1.95-.77 4.25.42 6.49 13.65 25.9 34.29 66.15 41.93 86.28l.13.07s-.06.01-.09.02c8.11 21.38 35.35 106.59 36.89 111.38z" }), _jsx("path", { className: "fill-pink-400", d: "M99.3 120.29s-.06.01-.09.02c8.11 21.38 35.35 106.59 36.89 111.38 4.26 13.27 8.36 26.54 12.29 39.75 2.51 8.43 4.92 17.19 7.23 26.19h123.27a2104 2104 0 0 0 4.86-23.45c2.99-14.92 12.83-69.84 14.28-77.79.55-3 8.69-49.74 11.87-70.58.64-4.2-2.15-8.14-6.32-8.95a490 490 0 0 0-83.57-8.95c-1.3-.03-2.57-.37-3.7-1.01L68.1 23.37c-4.65-2.62-9.67-.04-11.28 4.07-.77 1.95-.77 4.25.42 6.49 13.65 25.9 34.29 66.15 41.93 86.28l.13.07z" }), _jsx("path", { d: "M215.66 23.7c-.85 0-1.71 0-2.58.02-.1 0-.16-.11-.11-.2q.705-1.155 1.44-2.31c.04-.07.03-.15-.04-.19-.94-.53-1.92-1.03-2.91-1.5-.07-.03-.15 0-.19.06-.48.75-.94 1.5-1.39 2.26-.05.09-.19.09-.24 0-.45-.72-.92-1.42-1.39-2.09-.04-.06-.13-.07-.19-.03-.99.57-1.96 1.14-2.9 1.7-.06.04-.08.12-.04.17.49.67.97 1.35 1.43 2.06.06.08 0 .19-.11.2-.87.02-1.73.05-2.57.07-.07 0-.12.06-.12.13.09.99.17 1.98.25 2.97 0 .07.06.12.13.13.81.02 1.63.05 2.46.06.1 0 .16.11.12.2-.38.71-.75 1.39-1.11 2.07-.03.06 0 .14.05.18.9.56 1.79 1.12 2.65 1.69.06.04.13.02.16-.04.38-.68.78-1.38 1.18-2.1.05-.09.17-.08.22 0 .41.75.8 1.5 1.18 2.25.03.06.11.09.16.06.87-.48 1.76-.98 2.65-1.51.06-.04.09-.12.05-.19-.36-.77-.73-1.54-1.11-2.3-.05-.09.02-.21.12-.2.83 0 1.65.01 2.46.02.07 0 .13-.06.13-.14.08-1.12.17-2.23.26-3.35 0-.08-.05-.14-.12-.14z", fill: "#897f7f" })] }), _jsxs("symbol", { id: "spark.motivator.pathways", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-800", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-lime-300", d: "m365.81 23.43-148.22 83.54c-.21.12-.42.21-.64.31-.96.43-2 .68-3.06.7-27.86.58-55.82 3.54-83.57 8.95-4.17.81-6.96 4.75-6.32 8.95 3.18 20.84 11.32 67.58 11.87 70.58 1.45 7.95 11.29 62.87 14.28 77.79.85 4.23 1.72 8.43 2.59 12.63.96 3.54 1.91 7.14 2.84 10.76h122.73c.93-3.62 1.88-7.22 2.84-10.76 1.42-5.22 2.87-10.36 4.36-15.37 3.94-13.21 8.04-26.48 12.29-39.75 1.54-4.79 28.78-90.01 36.89-111.38-.03 0-.06-.02-.09-.02l.13-.07c7.64-20.13 28.28-60.39 41.93-86.28 3.67-6.97-4-14.43-10.86-10.56z" }), _jsx("path", { className: "fill-lime-400", d: "M303.58 116.93a490 490 0 0 0-83.57-8.95c-1.06-.02-2.1-.27-3.06-.7-.22-.1-.43-.19-.64-.31L68.1 23.43c-6.86-3.87-14.54 3.6-10.86 10.56 13.65 25.9 34.29 66.15 41.93 86.28l.13.07s-.06.02-.09.02c8.11 21.38 35.35 106.59 36.89 111.38 4.26 13.27 8.36 26.54 12.29 39.75 1.49 5.01 2.94 10.15 4.36 15.37.96 3.54 1.91 7.14 2.84 10.76h122.73c.93-3.62 1.88-7.22 2.84-10.76.87-4.2 1.74-8.4 2.59-12.63 2.99-14.92 12.83-69.84 14.28-77.79.55-3 8.69-49.74 11.87-70.58.64-4.2-2.15-8.14-6.32-8.95z" }), _jsx("path", { d: "M215.66 23.7c-.85 0-1.71 0-2.58.02-.1 0-.16-.11-.11-.2q.705-1.155 1.44-2.31c.04-.07.03-.15-.04-.19-.94-.53-1.92-1.03-2.91-1.5-.07-.03-.15 0-.19.06-.48.75-.94 1.5-1.39 2.26-.05.09-.19.09-.24 0-.45-.72-.92-1.42-1.39-2.09-.04-.06-.13-.07-.19-.03-.99.57-1.96 1.14-2.9 1.7-.06.04-.08.12-.04.17.49.67.97 1.35 1.43 2.06.06.08 0 .19-.11.2-.87.02-1.73.05-2.57.07-.07 0-.12.06-.12.13.09.99.17 1.98.25 2.97 0 .07.06.12.13.13.81.02 1.63.05 2.46.06.1 0 .16.11.12.2-.38.71-.75 1.39-1.11 2.07-.03.06 0 .14.05.18.9.56 1.79 1.12 2.65 1.69.06.04.13.02.16-.04.38-.68.78-1.38 1.18-2.1.05-.09.17-.08.22 0 .41.75.8 1.5 1.18 2.25.03.06.11.09.16.06.87-.48 1.76-.98 2.65-1.51.06-.04.09-.12.05-.19-.36-.77-.73-1.54-1.11-2.3-.05-.09.02-.21.12-.2.83 0 1.65.01 2.46.02.07 0 .13-.06.13-.14.08-1.12.17-2.23.26-3.35 0-.08-.05-.14-.12-.14z", fill: "#897f7f" })] }), _jsxs("symbol", { id: "spark.motivator.possibilities", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-800", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-coral-300", d: "M306.84 220.45c.71-2.23 6.66-20.27 13.08-39.51 4.62-13.86 9.49-28.35 12.82-37.99 1.6-4.64-.75-9.59-5.1-11.41-.52-.22-1.06-.4-1.64-.52-24.16-5.11-48.49-8.6-72.86-10.52a9.2 9.2 0 0 1-4.21-1.41l-39.17-25.15-109.15-70.11c-6-3.85-13.91.35-14.08 7.48-.75 30.46.24 56.28 2.4 80.11.15 1.6 1.29 9.31 2.95 20.12 2.08 13.55 4.97 31.98 7.73 49.4 4.12 26.04 7.92 49.8 8.23 51.53.82 4.61 7.24 41.03 11.75 65.18h162.56c7.94-25.45 22.44-70.15 24.69-77.19z" }), _jsx("path", { className: "fill-coral-400", d: "M311.69 232.46c.31-1.73 4.11-25.48 8.23-51.53 2.75-17.42 5.64-35.84 7.73-49.4 1.66-10.81 2.8-18.51 2.95-20.12 2.16-23.83 3.15-49.65 2.4-80.11-.18-7.13-8.08-11.33-14.08-7.48L209.77 93.91l-39.17 25.15a9.1 9.1 0 0 1-4.21 1.41 569 569 0 0 0-72.86 10.52c-.57.12-1.12.3-1.64.52-4.35 1.82-6.7 6.77-5.1 11.41 3.33 9.64 8.2 24.12 12.82 37.99 6.42 19.24 12.37 37.29 13.08 39.51 2.25 7.03 16.76 51.73 24.69 77.19h162.56c4.51-24.15 10.93-60.57 11.75-65.18z" }), _jsx("path", { d: "M215.66 23.7c-.85 0-1.71 0-2.58.02-.1 0-.16-.11-.11-.2q.705-1.155 1.44-2.31c.04-.07.03-.15-.04-.19-.94-.53-1.92-1.03-2.91-1.5-.07-.03-.15 0-.19.06-.48.75-.94 1.5-1.39 2.26-.05.09-.19.09-.24 0-.45-.72-.92-1.42-1.39-2.09-.04-.06-.13-.07-.19-.03-.99.57-1.96 1.14-2.9 1.7-.06.04-.08.12-.04.17.49.67.97 1.35 1.43 2.06.06.08 0 .19-.11.2-.87.02-1.73.05-2.57.07-.07 0-.12.06-.12.13.09.99.17 1.98.25 2.97 0 .07.06.12.13.13.81.02 1.63.05 2.46.06.1 0 .16.11.12.2-.38.71-.75 1.39-1.11 2.07-.03.06 0 .14.05.18.9.56 1.79 1.12 2.65 1.69.06.04.13.02.16-.04.38-.68.78-1.38 1.18-2.1.05-.09.17-.08.22 0 .41.75.8 1.5 1.18 2.25.03.06.11.09.16.06.87-.48 1.76-.98 2.65-1.51.06-.04.09-.12.05-.19-.36-.77-.73-1.54-1.11-2.3-.05-.09.02-.21.12-.2.83 0 1.65.01 2.46.02.07 0 .13-.06.13-.14.08-1.12.17-2.23.26-3.35 0-.08-.05-.14-.12-.14z", fill: "#897f7f" })] }), _jsxs("symbol", { id: "spark.motivator.strength", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-800", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-blue-300", d: "M86.92 200.59c3.02 8.21 27.3 73.92 32.27 88.25 1.02 2.94 2.15 5.87 3.33 8.8h192.49c.37-1.44.74-2.86 1.1-4.3 4.47-17.7 19.26-81.76 21.44-91.07.83-3.52 13.19-58.15 18.2-82.73 1-4.92-1.98-9.76-6.76-10.98C299.54 95.9 247.6 89.8 194.15 91.23c-45.12 1.21-88.89 7.71-130.74 18.9-5.35 1.43-8.25 7.35-6.16 12.58 9.86 24.72 28.22 73.92 29.67 77.88" }), _jsx("path", { className: "fill-blue-400", d: "M131.99 274.07c2.79 7.89 5.5 15.74 8.17 23.57h156.2c1.76-6.56 3.51-13.14 5.22-19.78 3.85-14.94 16.58-69.02 18.46-76.88.71-2.97 11.35-49.09 15.67-69.84a7.906 7.906 0 0 0-5.82-9.27c-42.58-10.69-87.31-15.83-133.35-14.63-38.86 1.02-76.55 6.51-112.59 15.96-4.61 1.21-7.1 6.2-5.31 10.62 8.49 20.87 24.3 62.4 25.55 65.75 2.6 6.93 23.51 62.4 27.79 74.5z" }), _jsx("path", { d: "M215.66 23.7c-.85 0-1.71 0-2.58.02-.1 0-.16-.11-.11-.2q.705-1.155 1.44-2.31c.04-.07.03-.15-.04-.19-.94-.53-1.92-1.03-2.91-1.5-.07-.03-.15 0-.19.06-.48.75-.94 1.5-1.39 2.26-.05.09-.19.09-.24 0-.45-.72-.92-1.42-1.39-2.09-.04-.06-.13-.07-.19-.03-.99.57-1.96 1.14-2.9 1.7-.06.04-.08.12-.04.17.49.67.97 1.35 1.43 2.06.06.08 0 .19-.11.2-.87.02-1.73.05-2.57.07-.07 0-.12.06-.12.13.09.99.17 1.98.25 2.97 0 .07.06.12.13.13.81.02 1.63.05 2.46.06.1 0 .16.11.12.2-.38.71-.75 1.39-1.11 2.07-.03.06 0 .14.05.18.9.56 1.79 1.12 2.65 1.69.06.04.13.02.16-.04.38-.68.78-1.38 1.18-2.1.05-.09.17-.08.22 0 .41.75.8 1.5 1.18 2.25.03.06.11.09.16.06.87-.48 1.76-.98 2.65-1.51.06-.04.09-.12.05-.19-.36-.77-.73-1.54-1.11-2.3-.05-.09.02-.21.12-.2.83 0 1.65.01 2.46.02.07 0 .13-.06.13-.14.08-1.12.17-2.23.26-3.35 0-.08-.05-.14-.12-.14z", fill: "#897f7f" })] }), _jsxs("symbol", { id: "spark.motivator.structure", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-800", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-teal-300", d: "M139.21 297.64h160.65c1.56-9.62 7.36-46.03 11.3-71.37 2.06-13.29 3.62-23.54 3.77-25.25 1.77-19.48 2.58-40.59 1.96-65.49-.14-5.83-6.61-9.26-11.51-6.11l-121.25 77.86a7.4 7.4 0 0 1-3.44 1.15 465 465 0 0 0-59.56 8.6c-4.39.93-6.97 5.51-5.51 9.75 6.5 18.82 20.17 60.22 21.18 63.36.39 1.23 1.25 3.89 2.42 7.49z" }), _jsx("path", { className: "fill-teal-400", d: "M130.88 215.08c5.95 18.46 14.35 44.65 17.89 56.44 2.47 8.24 4.88 16.46 7.23 24.64l.42 1.48H279.4c1.64-8.02 3.22-15.86 4.73-23.46 3.49-17.55 6.79-35.33 9.81-53.18.86-5.09 1.73-10.04 2.59-14.89.4-2.25 7.63-47.56 12.34-77.87 2.18-14.05 3.82-24.87 3.99-26.68 1.87-20.58 2.72-42.88 2.07-69.2-.15-6.16-6.98-9.79-12.16-6.46l-128.11 82.27c-1.09.7-2.34 1.12-3.64 1.22a491 491 0 0 0-62.94 9.09c-4.64.98-7.37 5.82-5.82 10.31 6.87 19.88 21.31 63.63 22.37 66.94.77 2.4 3.18 9.85 6.24 19.35z" }), _jsx("path", { d: "M215.66 23.7c-.85 0-1.71 0-2.58.02-.1 0-.16-.11-.11-.2q.705-1.155 1.44-2.31c.04-.07.03-.15-.04-.19-.94-.53-1.92-1.03-2.91-1.5-.07-.03-.15 0-.19.06-.48.75-.94 1.5-1.39 2.26-.05.09-.19.09-.24 0-.45-.72-.92-1.42-1.39-2.09-.04-.06-.13-.07-.19-.03-.99.57-1.96 1.14-2.9 1.7-.06.04-.08.12-.04.17.49.67.97 1.35 1.43 2.06.06.08 0 .19-.11.2-.87.02-1.73.05-2.57.07-.07 0-.12.06-.12.13.09.99.17 1.98.25 2.97 0 .07.06.12.13.13.81.02 1.63.05 2.46.06.1 0 .16.11.12.2-.38.71-.75 1.39-1.11 2.07-.03.06 0 .14.05.18.9.56 1.79 1.12 2.65 1.69.06.04.13.02.16-.04.38-.68.78-1.38 1.18-2.1.05-.09.17-.08.22 0 .41.75.8 1.5 1.18 2.25.03.06.11.09.16.06.87-.48 1.76-.98 2.65-1.51.06-.04.09-.12.05-.19-.36-.77-.73-1.54-1.11-2.3-.05-.09.02-.21.12-.2.83 0 1.65.01 2.46.02.07 0 .13-.06.13-.14.08-1.12.17-2.23.26-3.35 0-.08-.05-.14-.12-.14z", fill: "#897f7f" })] }), _jsxs("symbol", { id: "sparks.leisure", viewBox: "0 0 297.64 419.53", children: [_jsx("path", { className: "fill-gray-50", d: "M12.31 419.53h271.16c7.83 0 14.17-6.35 14.17-14.17V12.31c0-6.8-5.51-12.31-12.31-12.31H12.31C5.51 0 0 5.51 0 12.31v394.91c0 6.8 5.51 12.31 12.31 12.31" }), _jsx("path", { className: "fill-gray-400", d: "m70.76 322.08-.69 16.99c53.52 2.06 106.1-.78 157.3-8.11l.65-17c-51.19 7.33-103.75 10.18-157.27 8.12z" }), _jsx("path", { className: "fill-gray-300", d: "M154.71 23.7c-.85 0-1.71 0-2.58.02-.1 0-.16-.11-.11-.2q.705-1.155 1.44-2.31c.04-.07.03-.15-.04-.19-.94-.53-1.92-1.03-2.91-1.5-.07-.03-.15 0-.19.06-.48.75-.94 1.5-1.39 2.26-.05.09-.19.09-.24 0-.45-.72-.92-1.42-1.39-2.09-.04-.06-.13-.07-.19-.03-.99.57-1.96 1.14-2.9 1.7-.06.04-.08.12-.04.17.49.67.97 1.35 1.43 2.06.06.08 0 .19-.11.2-.87.02-1.73.05-2.57.07-.07 0-.12.06-.12.13.09.99.17 1.98.25 2.97 0 .07.06.12.13.13.81.02 1.63.05 2.46.06.1 0 .16.11.12.2-.38.71-.75 1.39-1.11 2.07-.03.06 0 .14.05.18.9.56 1.79 1.12 2.65 1.69.06.04.13.02.16-.04.38-.68.78-1.38 1.18-2.1.05-.09.17-.08.22 0 .41.75.8 1.5 1.18 2.25.03.06.11.09.16.06.87-.48 1.76-.98 2.65-1.51.06-.04.09-.12.05-.19-.36-.77-.73-1.54-1.11-2.3-.05-.09.02-.21.12-.2.83 0 1.65.01 2.46.02.07 0 .13-.06.13-.14.08-1.12.17-2.23.26-3.35 0-.08-.05-.14-.12-.14z" })] }), _jsxs("symbol", { id: "sparks.motivators", viewBox: "0 0 419.53 297.64", children: [_jsx("path", { className: "fill-gray-800", d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31" }), _jsx("path", { className: "fill-gray-400", d: "M255.28 239.3c-.19-.08-.4-.15-.61-.19-9-1.9-18.07-3.21-27.15-3.92a3.27 3.27 0 0 1-1.57-.53l-14.6-9.37-40.67-26.12c-2.24-1.44-5.18.13-5.25 2.79-.28 11.35.09 20.97.9 29.85.05.6.48 3.47 1.1 7.5.78 5.05 1.85 11.92 2.88 18.41 1.53 9.7 2.95 18.56 3.07 19.2.27 1.5 2.13 12.08 3.72 20.73h62.42c2.96-9.31 7.37-23.2 8.01-25.21.27-.83 2.48-7.55 4.87-14.72 1.72-5.17 3.54-10.56 4.78-14.16.6-1.73-.28-3.57-1.9-4.25z" }), _jsx("path", { className: "fill-gray-200", d: "M257.28 201.95c-.07-2.66-3.01-4.22-5.25-2.79l-40.67 26.12-14.6 9.37c-.47.3-1.01.48-1.57.53-9.08.72-18.15 2.02-27.15 3.92-.21.05-.42.11-.61.19-1.62.68-2.5 2.52-1.9 4.25 1.24 3.59 3.05 8.99 4.78 14.16 2.39 7.17 4.61 13.89 4.87 14.72.64 2.01 5.06 15.9 8.01 25.21h62.42c1.59-8.65 3.45-19.23 3.72-20.73.11-.64 1.53-9.5 3.07-19.2 1.03-6.49 2.1-13.36 2.88-18.41.62-4.03 1.05-6.9 1.1-7.5.81-8.88 1.18-18.5.9-29.85z" }), _jsx("path", { d: "M215.66 23.7c-.85 0-1.71 0-2.58.02-.1 0-.16-.11-.11-.2q.705-1.155 1.44-2.31c.04-.07.03-.15-.04-.19-.94-.53-1.92-1.03-2.91-1.5-.07-.03-.15 0-.19.06-.48.75-.94 1.5-1.39 2.26-.05.09-.19.09-.24 0-.45-.72-.92-1.42-1.39-2.09-.04-.06-.13-.07-.19-.03-.99.57-1.96 1.14-2.9 1.7-.06.04-.08.12-.04.17.49.67.97 1.35 1.43 2.06.06.08 0 .19-.11.2-.87.02-1.73.05-2.57.07-.07 0-.12.06-.12.13.09.99.17 1.98.25 2.97 0 .07.06.12.13.13.81.02 1.63.05 2.46.06.1 0 .16.11.12.2-.38.71-.75 1.39-1.11 2.07-.03.06 0 .14.05.18.9.56 1.79 1.12 2.65 1.69.06.04.13.02.16-.04.38-.68.78-1.38 1.18-2.1.05-.09.17-.08.22 0 .41.75.8 1.5 1.18 2.25.03.06.11.09.16.06.87-.48 1.76-.98 2.65-1.51.06-.04.09-.12.05-.19-.36-.77-.73-1.54-1.11-2.3-.05-.09.02-.21.12-.2.83 0 1.65.01 2.46.02.07 0 .13-.06.13-.14.08-1.12.17-2.23.26-3.35 0-.08-.05-.14-.12-.14z", fill: "#897f7f" })] })] }) }));
4
+ }
package/package.json ADDED
@@ -0,0 +1,133 @@
1
+ {
2
+ "$schema": "https://www.schemastore.org/package.json",
3
+ "authors": ["Bernd Matzner <bernd.matzner@regard.io>"],
4
+ "description": "Regardio Brand Assets",
5
+ "devDependencies": {
6
+ "@regardio/dev": "1.7.0",
7
+ "@svgr/cli": "8.1.0",
8
+ "@svgr/plugin-jsx": "8.1.0",
9
+ "@svgr/plugin-svgo": "8.1.0",
10
+ "@total-typescript/ts-reset": "0.6.1",
11
+ "@types/node": "25.0.3",
12
+ "@types/react": "19.2.7",
13
+ "@types/react-dom": "19.2.3",
14
+ "linkedom": "0.18.12",
15
+ "node-html-parser": "7.0.1",
16
+ "svgo": "4.0.0",
17
+ "typescript": "5.9.3"
18
+ },
19
+ "exports": {
20
+ "./colors.css": {
21
+ "default": "./src/styles/colors.css"
22
+ },
23
+ "./icons/compass": {
24
+ "import": "./dist/generated/icons/RegardioCompassIcon.js",
25
+ "types": "./dist/generated/icons/RegardioCompassIcon.d.ts"
26
+ },
27
+ "./icons/ensemble-color": {
28
+ "import": "./dist/generated/icons/RegardioEnsembleIconColor.js",
29
+ "types": "./dist/generated/icons/RegardioEnsembleIconColor.d.ts"
30
+ },
31
+ "./icons/ensemble-color-full": {
32
+ "import": "./dist/generated/icons/RegardioEnsembleIconColorFull.js",
33
+ "types": "./dist/generated/icons/RegardioEnsembleIconColorFull.d.ts"
34
+ },
35
+ "./icons/ensemble-mono": {
36
+ "import": "./dist/generated/icons/RegardioEnsembleIconMono.js",
37
+ "types": "./dist/generated/icons/RegardioEnsembleIconMono.d.ts"
38
+ },
39
+ "./icons/regardio-color": {
40
+ "import": "./dist/generated/icons/RegardioIconColor.js",
41
+ "types": "./dist/generated/icons/RegardioIconColor.d.ts"
42
+ },
43
+ "./icons/regardio-color-full": {
44
+ "import": "./dist/generated/icons/RegardioIconColorFull.js",
45
+ "types": "./dist/generated/icons/RegardioIconColorFull.d.ts"
46
+ },
47
+ "./icons/regardio-mono": {
48
+ "import": "./dist/generated/icons/RegardioIconMono.js",
49
+ "types": "./dist/generated/icons/RegardioIconMono.d.ts"
50
+ },
51
+ "./icons/system": {
52
+ "import": "./dist/generated/icons/RegardioSystemIcon.js",
53
+ "types": "./dist/generated/icons/RegardioSystemIcon.d.ts"
54
+ },
55
+ "./icons/system-bridge": {
56
+ "import": "./dist/generated/icons/RegardioSystemBridgeIcon.js",
57
+ "types": "./dist/generated/icons/RegardioSystemBridgeIcon.d.ts"
58
+ },
59
+ "./icons/system-circle": {
60
+ "import": "./dist/generated/icons/RegardioSystemCircleIcon.js",
61
+ "types": "./dist/generated/icons/RegardioSystemCircleIcon.d.ts"
62
+ },
63
+ "./icons/system-facet": {
64
+ "import": "./dist/generated/icons/RegardioSystemFacetIcon.js",
65
+ "types": "./dist/generated/icons/RegardioSystemFacetIcon.d.ts"
66
+ },
67
+ "./icons/system-plan": {
68
+ "import": "./dist/generated/icons/RegardioSystemPlanIcon.js",
69
+ "types": "./dist/generated/icons/RegardioSystemPlanIcon.d.ts"
70
+ },
71
+ "./icons/system-pursuit": {
72
+ "import": "./dist/generated/icons/RegardioSystemPursuitIcon.js",
73
+ "types": "./dist/generated/icons/RegardioSystemPursuitIcon.d.ts"
74
+ },
75
+ "./icons/system-spark": {
76
+ "import": "./dist/generated/icons/RegardioSystemSparkIcon.js",
77
+ "types": "./dist/generated/icons/RegardioSystemSparkIcon.d.ts"
78
+ },
79
+ "./logos/regardio-logo-color": {
80
+ "import": "./dist/generated/icons/RegardioLogoColor.js",
81
+ "types": "./dist/generated/icons/RegardioLogoColor.d.ts"
82
+ },
83
+ "./logos/regardio-logo-color-light": {
84
+ "import": "./dist/generated/icons/RegardioLogoColorLight.js",
85
+ "types": "./dist/generated/icons/RegardioLogoColorLight.d.ts"
86
+ },
87
+ "./logos/regardio-logo-mono": {
88
+ "import": "./dist/generated/icons/RegardioLogoMono.js",
89
+ "types": "./dist/generated/icons/RegardioLogoMono.d.ts"
90
+ },
91
+ "./logos/regardio-logo-mono-light": {
92
+ "import": "./dist/generated/icons/RegardioLogoMonoLight.js",
93
+ "types": "./dist/generated/icons/RegardioLogoMonoLight.d.ts"
94
+ },
95
+ "./sprites/compass-sprite": {
96
+ "import": "./dist/generated/sprites/CompassSprite.js",
97
+ "types": "./dist/generated/sprites/CompassSprite.d.ts"
98
+ },
99
+ "./sprites/compass-sprite-provider": {
100
+ "import": "./dist/generated/sprites/CompassSpriteProvider.js",
101
+ "types": "./dist/generated/sprites/CompassSpriteProvider.d.ts"
102
+ }
103
+ },
104
+ "files": ["dist", "src/styles/colors.css"],
105
+ "license": "CC BY-SA 4.0",
106
+ "name": "@regardio/brand",
107
+ "private": false,
108
+ "publishConfig": {
109
+ "access": "public"
110
+ },
111
+ "scripts": {
112
+ "build": "exec-tsc --project tsconfig.build.json",
113
+ "clean": "exec-clean .turbo dist src/generated",
114
+ "dev": "exec-tsc --project tsconfig.build.json --watch",
115
+ "fix": "exec-p fix:*",
116
+ "fix:biome": "lint-biome check --write --unsafe .",
117
+ "fix:md": "lint-md --fix \"**/*.md\" \"**/*.mdx\" \"!**/node_modules/**\" \"!**/dist/**\"",
118
+ "generate": "exec-s generate:* fix:*",
119
+ "generate:compass-base-sprite": "exec-ts scripts/convert-svgs-to-sprite.ts ./src/svg/compass-base ./src/generated/sprites/compass-base.svg",
120
+ "generate:compass-base-sprites-components": "exec-ts scripts/build-compass-base-sprites.ts",
121
+ "generate:icons": "svgr --icon --out-dir ./src/generated/icons -- ./src/svg/icons",
122
+ "lint": "exec-p lint:*",
123
+ "lint:biome": "lint-biome check .",
124
+ "lint:md": "lint-md \"**/*.md\" \"**/*.mdx\" \"!**/node_modules/**\" \"!**/dist/**\"",
125
+ "prepare": "exec-husky",
126
+ "release": "flow-release",
127
+ "typecheck": "exec-tsc --noEmit",
128
+ "version": "pnpm changeset version"
129
+ },
130
+ "sideEffects": false,
131
+ "type": "module",
132
+ "version": "0.2.0"
133
+ }
@@ -0,0 +1,178 @@
1
+ @theme {
2
+ --color-\*: initial;
3
+ --color-transparent: transparent;
4
+ --color-inherit: inherit;
5
+ --color-current: currentColor;
6
+ --color-border: currentColor;
7
+ --color-ring: currentColor;
8
+ --color-outline: currentColor;
9
+
10
+ --color-coral-50: oklch(95% 0.025 32.9);
11
+ --color-coral-100: oklch(88.5% 0.057 37.2);
12
+ --color-coral-200: oklch(82.8% 0.082 38.7);
13
+ --color-coral-300: oklch(76.8% 0.103 40.3);
14
+ --color-coral-400: oklch(70% 0.112 42.3);
15
+ --color-coral-500: oklch(63.2% 0.108 43);
16
+ --color-coral-600: oklch(55.3% 0.099 44.1);
17
+ --color-coral-700: oklch(48.3% 0.092 44.6);
18
+ --color-coral-800: oklch(41.2% 0.082 45.3);
19
+ --color-coral-900: oklch(34.3% 0.073 45.7);
20
+ --color-coral-950: oklch(27.1% 0.054 44.2);
21
+
22
+ --color-orange-50: oklch(95.1% 0.027 60.4);
23
+ --color-orange-100: oklch(89.1% 0.055 63.5);
24
+ --color-orange-200: oklch(83.1% 0.084 65.6);
25
+ --color-orange-300: oklch(76.3% 0.109 69);
26
+ --color-orange-400: oklch(69.4% 0.109 69.6);
27
+ --color-orange-500: oklch(62.6% 0.106 70.8);
28
+ --color-orange-600: oklch(55.7% 0.1 72.5);
29
+ --color-orange-700: oklch(48.7% 0.091 71.9);
30
+ --color-orange-800: oklch(41.8% 0.079 73.8);
31
+ --color-orange-900: oklch(34.9% 0.066 72.8);
32
+ --color-orange-950: oklch(27% 0.05 73.1);
33
+
34
+ --color-yellow-50: oklch(96.6% 0.035 87.1);
35
+ --color-yellow-100: oklch(89.5% 0.06 88);
36
+ --color-yellow-200: oklch(84.5% 0.096 90.3);
37
+ --color-yellow-300: oklch(77.6% 0.109 91.9);
38
+ --color-yellow-400: oklch(70.6% 0.118 92.6);
39
+ --color-yellow-500: oklch(63.8% 0.118 93.2);
40
+ --color-yellow-600: oklch(56.9% 0.112 93.9);
41
+ --color-yellow-700: oklch(50.1% 0.101 94.8);
42
+ --color-yellow-800: oklch(43.2% 0.089 94.6);
43
+ --color-yellow-900: oklch(36.1% 0.074 94.1);
44
+ --color-yellow-950: oklch(27.6% 0.057 94.2);
45
+
46
+ --color-olive-50: oklch(97.2% 0.031 108.9);
47
+ --color-olive-100: oklch(90.2% 0.063 109.6);
48
+ --color-olive-200: oklch(84% 0.081 110.4);
49
+ --color-olive-300: oklch(77.1% 0.091 109.8);
50
+ --color-olive-400: oklch(70.3% 0.096 110.7);
51
+ --color-olive-500: oklch(62.5% 0.095 111);
52
+ --color-olive-600: oklch(55.6% 0.094 110.6);
53
+ --color-olive-700: oklch(48.7% 0.089 110.9);
54
+ --color-olive-800: oklch(42% 0.081 111.3);
55
+ --color-olive-900: oklch(35.1% 0.069 111.7);
56
+ --color-olive-950: oklch(27.4% 0.055 112.5);
57
+
58
+ --color-lime-50: oklch(96.3% 0.028 131.8);
59
+ --color-lime-100: oklch(89.8% 0.064 131.8);
60
+ --color-lime-200: oklch(82.9% 0.085 131.5);
61
+ --color-lime-300: oklch(76% 0.096 131.4);
62
+ --color-lime-400: oklch(68.2% 0.101 131.6);
63
+ --color-lime-500: oklch(60.5% 0.101 131.2);
64
+ --color-lime-600: oklch(53.6% 0.098 131.2);
65
+ --color-lime-700: oklch(46.7% 0.09 130.9);
66
+ --color-lime-800: oklch(39.9% 0.081 130.7);
67
+ --color-lime-900: oklch(32.9% 0.067 130.6);
68
+ --color-lime-950: oklch(26.3% 0.055 131);
69
+
70
+ --color-green-50: oklch(96.2% 0.031 154.2);
71
+ --color-green-100: oklch(89.7% 0.063 154.9);
72
+ --color-green-200: oklch(82.6% 0.085 154.7);
73
+ --color-green-300: oklch(75.6% 0.095 154.5);
74
+ --color-green-400: oklch(67.9% 0.098 154.7);
75
+ --color-green-500: oklch(60.9% 0.096 154.6);
76
+ --color-green-600: oklch(54.1% 0.094 154.4);
77
+ --color-green-700: oklch(46.4% 0.086 154.7);
78
+ --color-green-800: oklch(39.7% 0.078 154.1);
79
+ --color-green-900: oklch(32.9% 0.067 154.5);
80
+ --color-green-950: oklch(26.1% 0.057 154.2);
81
+
82
+ --color-teal-50: oklch(95.3% 0.024 190.4);
83
+ --color-teal-100: oklch(88% 0.06 188.3);
84
+ --color-teal-200: oklch(81% 0.07 187.8);
85
+ --color-teal-300: oklch(74% 0.078 187.1);
86
+ --color-teal-400: oklch(67.2% 0.081 187);
87
+ --color-teal-500: oklch(60.2% 0.079 187.6);
88
+ --color-teal-600: oklch(53.4% 0.076 186.9);
89
+ --color-teal-700: oklch(46.5% 0.07 187.1);
90
+ --color-teal-800: oklch(39.9% 0.061 187.1);
91
+ --color-teal-900: oklch(33.1% 0.052 187.1);
92
+ --color-teal-950: oklch(26.2% 0.042 187.2);
93
+
94
+ --color-cyan-50: oklch(94.7% 0.025 244.4);
95
+ --color-cyan-100: oklch(87.7% 0.053 240.6);
96
+ --color-cyan-200: oklch(80.6% 0.076 239.8);
97
+ --color-cyan-300: oklch(73.7% 0.086 237.9);
98
+ --color-cyan-400: oklch(66.9% 0.084 236.5);
99
+ --color-cyan-500: oklch(60% 0.081 235.6);
100
+ --color-cyan-600: oklch(53% 0.079 235.1);
101
+ --color-cyan-700: oklch(46.2% 0.074 235);
102
+ --color-cyan-800: oklch(40.2% 0.067 233.8);
103
+ --color-cyan-900: oklch(33.3% 0.059 233.6);
104
+ --color-cyan-950: oklch(25.7% 0.047 231.8);
105
+
106
+ --color-blue-50: oklch(94% 0.029 275.2);
107
+ --color-blue-100: oklch(88% 0.056 271.8);
108
+ --color-blue-200: oklch(81.3% 0.085 269.7);
109
+ --color-blue-300: oklch(74.6% 0.106 268.2);
110
+ --color-blue-400: oklch(67.5% 0.112 267.2);
111
+ --color-blue-500: oklch(60.8% 0.107 266.6);
112
+ --color-blue-600: oklch(53.6% 0.101 266.2);
113
+ --color-blue-700: oklch(46.8% 0.094 265.7);
114
+ --color-blue-800: oklch(39.8% 0.086 264.9);
115
+ --color-blue-900: oklch(32.2% 0.072 263.7);
116
+ --color-blue-950: oklch(25.2% 0.058 263.4);
117
+
118
+ --color-purple-50: oklch(94.2% 0.03 298.3);
119
+ --color-purple-100: oklch(88.4% 0.061 297.6);
120
+ --color-purple-200: oklch(81.7% 0.092 297);
121
+ --color-purple-300: oklch(75.1% 0.117 297.1);
122
+ --color-purple-400: oklch(68.2% 0.122 296.9);
123
+ --color-purple-500: oklch(61.5% 0.126 296.8);
124
+ --color-purple-600: oklch(54.7% 0.125 296.9);
125
+ --color-purple-700: oklch(46.7% 0.109 296.9);
126
+ --color-purple-800: oklch(38.7% 0.092 297);
127
+ --color-purple-900: oklch(30.8% 0.078 296.2);
128
+ --color-purple-950: oklch(23.8% 0.064 296.2);
129
+
130
+ --color-pink-50: oklch(95.2% 0.024 344.4);
131
+ --color-pink-100: oklch(88.5% 0.049 344.4);
132
+ --color-pink-200: oklch(81.9% 0.071 344.2);
133
+ --color-pink-300: oklch(75.3% 0.09 343.9);
134
+ --color-pink-400: oklch(68.6% 0.103 343.8);
135
+ --color-pink-500: oklch(60.9% 0.105 344.3);
136
+ --color-pink-600: oklch(53.8% 0.094 343.6);
137
+ --color-pink-700: oklch(46.1% 0.088 344.2);
138
+ --color-pink-800: oklch(38.1% 0.079 343.7);
139
+ --color-pink-900: oklch(30.2% 0.071 343.8);
140
+ --color-pink-950: oklch(23.2% 0.057 343.6);
141
+
142
+ --color-red-50: oklch(95.2% 0.024 17.6);
143
+ --color-red-100: oklch(88.6% 0.053 16.8);
144
+ --color-red-200: oklch(82% 0.082 17.1);
145
+ --color-red-300: oklch(75.4% 0.107 17.7);
146
+ --color-red-400: oklch(68.7% 0.126 17.8);
147
+ --color-red-500: oklch(62.1% 0.134 18.8);
148
+ --color-red-600: oklch(54.9% 0.122 18.7);
149
+ --color-red-700: oklch(47.9% 0.11 19.1);
150
+ --color-red-800: oklch(40% 0.095 19.7);
151
+ --color-red-900: oklch(33% 0.084 19.8);
152
+ --color-red-950: oklch(25.7% 0.067 19);
153
+
154
+ --color-gray-50: oklch(94.9% 0.004 17.2);
155
+ --color-gray-100: oklch(87.9% 0.009 26);
156
+ --color-gray-200: oklch(81.2% 0.012 31.1);
157
+ --color-gray-300: oklch(74.3% 0.013 29.9);
158
+ --color-gray-400: oklch(67.4% 0.016 22.9);
159
+ --color-gray-500: oklch(60.4% 0.011 25.1);
160
+ --color-gray-600: oklch(53.5% 0.006 31.1);
161
+ --color-gray-700: oklch(46.5% 0.006 17.4);
162
+ --color-gray-800: oklch(39.8% 0.006 34.3);
163
+ --color-gray-900: oklch(32.8% 0.004 17.4);
164
+ --color-gray-950: oklch(25.8% 0.003 17.4);
165
+
166
+ --color-white: oklch(98.3% 0.001 17.2);
167
+ --color-black: oklch(18.8% 0.002 17.3);
168
+ }
169
+
170
+ /* Automatically generate fill utilities */
171
+ @utility fill {
172
+ fill: var(--color-\*);
173
+ }
174
+
175
+ /* Automatically generate stroke utilities */
176
+ @utility stroke {
177
+ stroke: var(--color-\*);
178
+ }