@vygruppen/spor-icon-react-native 0.2.3 → 0.2.4

package/dist/feedback/index.js

@@ -0,0 +1,2216 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var restyle = require('@shopify/restyle');
+var React30 = require('react');
+var Svg = require('react-native-svg');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React30__namespace = /*#__PURE__*/_interopNamespace(React30);
+var Svg__default = /*#__PURE__*/_interopDefaultLegacy(Svg);
+
+// tmp/feedback/AddFill12Icon.tsx
+var Box = restyle.createBox();
+var AddFill12Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 12,
+    height: 12,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1ZM6 3.5C6.27614 3.5 6.5 3.72386 6.5 4V5.5H8C8.27614 5.5 8.5 5.72386 8.5 6C8.5 6.27614 8.27614 6.5 8 6.5H6.5V8C6.5 8.27614 6.27614 8.5 6 8.5C5.72386 8.5 5.5 8.27614 5.5 8V6.5H4C3.72386 6.5 3.5 6.27614 3.5 6C3.5 5.72386 3.72386 5.5 4 5.5H5.5V4C5.5 3.72386 5.72386 3.5 6 3.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef = React30.forwardRef(AddFill12Icon);
+var AddFill12Icon_default = ForwardRef;
+var Box2 = restyle.createBox();
+var AddFill18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box2, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5ZM9 5.50001C9.27614 5.50001 9.5 5.72387 9.5 6.00001V8.50001H12C12.2761 8.50001 12.5 8.72386 12.5 9.00001C12.5 9.27615 12.2761 9.50001 12 9.50001H9.5V12C9.5 12.2762 9.27614 12.5 9 12.5C8.72386 12.5 8.5 12.2762 8.5 12V9.50001H6.00001C5.72386 9.50001 5.50001 9.27615 5.50001 9.00001C5.50001 8.72386 5.72386 8.50001 6.00001 8.50001H8.5V6.00001C8.5 5.72387 8.72386 5.50001 9 5.50001Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef2 = React30.forwardRef(AddFill18Icon);
+var AddFill18Icon_default = ForwardRef2;
+var Box3 = restyle.createBox();
+var AddFill24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box3, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM12 7.5C12.2761 7.5 12.5 7.72386 12.5 8V11.5L16 11.5C16.2761 11.5 16.5 11.7239 16.5 12C16.5 12.2762 16.2761 12.5 16 12.5L12.5 12.5V16C12.5 16.2761 12.2761 16.5 12 16.5C11.7239 16.5 11.5 16.2761 11.5 16V12.5L7.99999 12.5C7.72384 12.5 7.49999 12.2762 7.49999 12C7.49999 11.7239 7.72384 11.5 7.99999 11.5L11.5 11.5V8C11.5 7.72386 11.7239 7.5 12 7.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef3 = React30.forwardRef(AddFill24Icon);
+var AddFill24Icon_default = ForwardRef3;
+var Box4 = restyle.createBox();
+var AddFill30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box4, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 3C8.37258 3 3 8.37258 3 15C3 21.6274 8.37258 27 15 27C21.6274 27 27 21.6274 27 15C27 8.37258 21.6274 3 15 3ZM15 8.5C15.2761 8.5 15.5 8.72386 15.5 9V14.5H21C21.2761 14.5 21.5 14.7238 21.5 15C21.5 15.2761 21.2761 15.5 21 15.5H15.5V21C15.5 21.2761 15.2761 21.5 15 21.5C14.7239 21.5 14.5 21.2761 14.5 21V15.5H9C8.72386 15.5 8.5 15.2761 8.5 15C8.5 14.7238 8.72386 14.5 9 14.5H14.5V9C14.5 8.72386 14.7239 8.5 15 8.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef4 = React30.forwardRef(AddFill30Icon);
+var AddFill30Icon_default = ForwardRef4;
+var Box5 = restyle.createBox();
+var AddOutline12Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box5, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 12,
+    height: 12,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6 2C3.79086 2 2 3.79086 2 6C2 8.20914 3.79086 10 6 10C8.20914 10 10 8.20914 10 6C10 3.79086 8.20914 2 6 2ZM1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6ZM6 3.49995C6.27614 3.49995 6.5 3.72381 6.5 3.99995V5.49995H8C8.27614 5.49995 8.5 5.72381 8.5 5.99995C8.5 6.2761 8.27614 6.49995 8 6.49995H6.5V7.99995C6.5 8.2761 6.27614 8.49995 6 8.49995C5.72386 8.49995 5.5 8.2761 5.5 7.99995V6.49995H4C3.72386 6.49995 3.5 6.2761 3.5 5.99995C3.5 5.72381 3.72386 5.49995 4 5.49995H5.5V3.99995C5.5 3.72381 5.72386 3.49995 6 3.49995Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef5 = React30.forwardRef(AddOutline12Icon);
+var AddOutline12Icon_default = ForwardRef5;
+var Box6 = restyle.createBox();
+var AddOutline18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box6, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9 2.5C5.41015 2.5 2.5 5.41015 2.5 9C2.5 12.5899 5.41015 15.5 9 15.5C12.5899 15.5 15.5 12.5899 15.5 9C15.5 5.41015 12.5899 2.5 9 2.5ZM1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9ZM9 5.49995C9.27614 5.49995 9.5 5.72381 9.5 5.99995V8.49995H12C12.2761 8.49995 12.5 8.72381 12.5 8.99995C12.5 9.2761 12.2761 9.49995 12 9.49995H9.5V12C9.5 12.2761 9.27614 12.5 9 12.5C8.72386 12.5 8.5 12.2761 8.5 12V9.49995H6C5.72386 9.49995 5.5 9.2761 5.5 8.99995C5.5 8.72381 5.72386 8.49995 6 8.49995H8.5V5.99995C8.5 5.72381 8.72386 5.49995 9 5.49995Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef6 = React30.forwardRef(AddOutline18Icon);
+var AddOutline18Icon_default = ForwardRef6;
+var Box7 = restyle.createBox();
+var AddOutline24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box7, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM12 7.49995C12.2761 7.49995 12.5 7.72381 12.5 7.99995V11.5H16C16.2761 11.5 16.5 11.7238 16.5 12C16.5 12.2761 16.2761 12.5 16 12.5H12.5V16C12.5 16.2761 12.2761 16.5 12 16.5C11.7239 16.5 11.5 16.2761 11.5 16V12.5H8C7.72386 12.5 7.5 12.2761 7.5 12C7.5 11.7238 7.72386 11.5 8 11.5H11.5V7.99995C11.5 7.72381 11.7239 7.49995 12 7.49995Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef7 = React30.forwardRef(AddOutline24Icon);
+var AddOutline24Icon_default = ForwardRef7;
+var Box8 = restyle.createBox();
+var AddOutline30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box8, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 4C8.92487 4 4 8.92487 4 15C4 21.0751 8.92487 26 15 26C21.0751 26 26 21.0751 26 15C26 8.92487 21.0751 4 15 4ZM3 15C3 8.37258 8.37258 3 15 3C21.6274 3 27 8.37258 27 15C27 21.6274 21.6274 27 15 27C8.37258 27 3 21.6274 3 15ZM15 8.49995C15.2761 8.49995 15.5 8.72381 15.5 8.99995V14.5H21C21.2761 14.5 21.5 14.7238 21.5 15C21.5 15.2761 21.2761 15.5 21 15.5H15.5V21C15.5 21.2761 15.2761 21.5 15 21.5C14.7239 21.5 14.5 21.2761 14.5 21V15.5H9C8.72386 15.5 8.5 15.2761 8.5 15C8.5 14.7238 8.72386 14.5 9 14.5H14.5V8.99995C14.5 8.72381 14.7239 8.49995 15 8.49995Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef8 = React30.forwardRef(AddOutline30Icon);
+var AddOutline30Icon_default = ForwardRef8;
+var Box9 = restyle.createBox();
+var ErrorFill12Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box9, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 12,
+    height: 12,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 6,
+    cy: 6,
+    r: 3,
+    fill: "white"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1ZM4.14645 4.14645C4.34171 3.95118 4.65829 3.95118 4.85355 4.14645L6 5.29289L7.14645 4.14645C7.34171 3.95118 7.65829 3.95118 7.85355 4.14645C8.04882 4.34171 8.04882 4.65829 7.85355 4.85355L6.70711 6L7.85355 7.14645C8.04882 7.34171 8.04882 7.65829 7.85355 7.85355C7.65829 8.04882 7.34171 8.04882 7.14645 7.85355L6 6.70711L4.85355 7.85355C4.65829 8.04882 4.34171 8.04882 4.14645 7.85355C3.95118 7.65829 3.95118 7.34171 4.14645 7.14645L5.29289 6L4.14645 4.85355C3.95118 4.65829 3.95118 4.34171 4.14645 4.14645Z",
+    fill: "#ED0000"
+  })));
+};
+var ForwardRef9 = React30.forwardRef(ErrorFill12Icon);
+var ErrorFill12Icon_default = ForwardRef9;
+var Box10 = restyle.createBox();
+var ErrorFill18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box10, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 9,
+    cy: 9,
+    r: 5,
+    fill: "white"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5ZM6.14645 6.14645C6.34171 5.95118 6.65829 5.95118 6.85355 6.14645L9 8.29289L11.1464 6.14645C11.3417 5.95118 11.6583 5.95118 11.8536 6.14645C12.0488 6.34171 12.0488 6.65829 11.8536 6.85355L9.70711 9L11.8536 11.1464C12.0488 11.3417 12.0488 11.6583 11.8536 11.8536C11.6583 12.0488 11.3417 12.0488 11.1464 11.8536L9 9.70711L6.85355 11.8536C6.65829 12.0488 6.34171 12.0488 6.14645 11.8536C5.95118 11.6583 5.95118 11.3417 6.14645 11.1464L8.29289 9L6.14645 6.85355C5.95118 6.65829 5.95118 6.34171 6.14645 6.14645Z",
+    fill: "#ED0000"
+  })));
+};
+var ForwardRef10 = React30.forwardRef(ErrorFill18Icon);
+var ErrorFill18Icon_default = ForwardRef10;
+var Box11 = restyle.createBox();
+var ErrorFill24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box11, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 11.5,
+    cy: 11.5,
+    r: 6.5,
+    fill: "white"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM8.64645 8.64645C8.84171 8.45118 9.15829 8.45118 9.35355 8.64645L12 11.2929L14.6464 8.64645C14.8417 8.45118 15.1583 8.45118 15.3536 8.64645C15.5488 8.84171 15.5488 9.15829 15.3536 9.35355L12.7071 12L15.3536 14.6464C15.5488 14.8417 15.5488 15.1583 15.3536 15.3536C15.1583 15.5488 14.8417 15.5488 14.6464 15.3536L12 12.7071L9.35355 15.3536C9.15829 15.5488 8.84171 15.5488 8.64645 15.3536C8.45118 15.1583 8.45118 14.8417 8.64645 14.6464L11.2929 12L8.64645 9.35355C8.45118 9.15829 8.45118 8.84171 8.64645 8.64645Z",
+    fill: "#ED0000"
+  })));
+};
+var ForwardRef11 = React30.forwardRef(ErrorFill24Icon);
+var ErrorFill24Icon_default = ForwardRef11;
+var Box12 = restyle.createBox();
+var ErrorFill30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box12, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 15,
+    cy: 15,
+    r: 8,
+    fill: "white"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 3C8.37258 3 3 8.37258 3 15C3 21.6274 8.37258 27 15 27C21.6274 27 27 21.6274 27 15C27 8.37258 21.6274 3 15 3ZM10.1464 10.1464C10.3417 9.95118 10.6583 9.95118 10.8536 10.1464L15 14.2929L19.1464 10.1464C19.3417 9.95118 19.6583 9.95118 19.8536 10.1464C20.0488 10.3417 20.0488 10.6583 19.8536 10.8536L15.7071 15L19.8536 19.1464C20.0488 19.3417 20.0488 19.6583 19.8536 19.8536C19.6583 20.0488 19.3417 20.0488 19.1464 19.8536L15 15.7071L10.8536 19.8536C10.6583 20.0488 10.3417 20.0488 10.1464 19.8536C9.95118 19.6583 9.95118 19.3417 10.1464 19.1464L14.2929 15L10.1464 10.8536C9.95118 10.6583 9.95118 10.3417 10.1464 10.1464Z",
+    fill: "#ED0000"
+  })));
+};
+var ForwardRef12 = React30.forwardRef(ErrorFill30Icon);
+var ErrorFill30Icon_default = ForwardRef12;
+var Box13 = restyle.createBox();
+var ErrorOutline12Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box13, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 12,
+    height: 12,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6 2C3.79086 2 2 3.79086 2 6C2 8.20914 3.79086 10 6 10C8.20914 10 10 8.20914 10 6C10 3.79086 8.20914 2 6 2ZM1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6ZM4.14645 4.14645C4.34171 3.95118 4.65829 3.95118 4.85355 4.14645L6 5.29289L7.14645 4.14645C7.34171 3.95118 7.65829 3.95118 7.85355 4.14645C8.04882 4.34171 8.04882 4.65829 7.85355 4.85355L6.70711 6L7.85355 7.14645C8.04882 7.34171 8.04882 7.65829 7.85355 7.85355C7.65829 8.04882 7.34171 8.04882 7.14645 7.85355L6 6.70711L4.85355 7.85355C4.65829 8.04882 4.34171 8.04882 4.14645 7.85355C3.95118 7.65829 3.95118 7.34171 4.14645 7.14645L5.29289 6L4.14645 4.85355C3.95118 4.65829 3.95118 4.34171 4.14645 4.14645Z",
+    fill: "#ED0000"
+  })));
+};
+var ForwardRef13 = React30.forwardRef(ErrorOutline12Icon);
+var ErrorOutline12Icon_default = ForwardRef13;
+var Box14 = restyle.createBox();
+var ErrorOutline18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box14, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9 2.5C5.41015 2.5 2.5 5.41015 2.5 9C2.5 12.5899 5.41015 15.5 9 15.5C12.5899 15.5 15.5 12.5899 15.5 9C15.5 5.41015 12.5899 2.5 9 2.5ZM1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9ZM6.14645 6.14645C6.34171 5.95118 6.65829 5.95118 6.85355 6.14645L9 8.29289L11.1464 6.14645C11.3417 5.95118 11.6583 5.95118 11.8536 6.14645C12.0488 6.34171 12.0488 6.65829 11.8536 6.85355L9.70711 9L11.8536 11.1464C12.0488 11.3417 12.0488 11.6583 11.8536 11.8536C11.6583 12.0488 11.3417 12.0488 11.1464 11.8536L9 9.70711L6.85355 11.8536C6.65829 12.0488 6.34171 12.0488 6.14645 11.8536C5.95118 11.6583 5.95118 11.3417 6.14645 11.1464L8.29289 9L6.14645 6.85355C5.95118 6.65829 5.95118 6.34171 6.14645 6.14645Z",
+    fill: "#ED0000"
+  })));
+};
+var ForwardRef14 = React30.forwardRef(ErrorOutline18Icon);
+var ErrorOutline18Icon_default = ForwardRef14;
+var Box15 = restyle.createBox();
+var ErrorOutline24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box15, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM8.64645 8.64645C8.84171 8.45118 9.15829 8.45118 9.35355 8.64645L12 11.2929L14.6464 8.64645C14.8417 8.45118 15.1583 8.45118 15.3536 8.64645C15.5488 8.84171 15.5488 9.15829 15.3536 9.35355L12.7071 12L15.3536 14.6464C15.5488 14.8417 15.5488 15.1583 15.3536 15.3536C15.1583 15.5488 14.8417 15.5488 14.6464 15.3536L12 12.7071L9.35355 15.3536C9.15829 15.5488 8.84171 15.5488 8.64645 15.3536C8.45118 15.1583 8.45118 14.8417 8.64645 14.6464L11.2929 12L8.64645 9.35355C8.45118 9.15829 8.45118 8.84171 8.64645 8.64645Z",
+    fill: "#ED0000"
+  })));
+};
+var ForwardRef15 = React30.forwardRef(ErrorOutline24Icon);
+var ErrorOutline24Icon_default = ForwardRef15;
+var Box16 = restyle.createBox();
+var ErrorOutline30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box16, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 4C8.92487 4 4 8.92487 4 15C4 21.0751 8.92487 26 15 26C21.0751 26 26 21.0751 26 15C26 8.92487 21.0751 4 15 4ZM3 15C3 8.37258 8.37258 3 15 3C21.6274 3 27 8.37258 27 15C27 21.6274 21.6274 27 15 27C8.37258 27 3 21.6274 3 15ZM10.1464 10.1464C10.3417 9.95118 10.6583 9.95118 10.8536 10.1464L15 14.2929L19.1464 10.1464C19.3417 9.95118 19.6583 9.95118 19.8536 10.1464C20.0488 10.3417 20.0488 10.6583 19.8536 10.8536L15.7071 15L19.8536 19.1464C20.0488 19.3417 20.0488 19.6583 19.8536 19.8536C19.6583 20.0488 19.3417 20.0488 19.1464 19.8536L15 15.7071L10.8536 19.8536C10.6583 20.0488 10.3417 20.0488 10.1464 19.8536C9.95118 19.6583 9.95118 19.3417 10.1464 19.1464L14.2929 15L10.1464 10.8536C9.95118 10.6583 9.95118 10.3417 10.1464 10.1464Z",
+    fill: "#ED0000"
+  })));
+};
+var ForwardRef16 = React30.forwardRef(ErrorOutline30Icon);
+var ErrorOutline30Icon_default = ForwardRef16;
+var Box17 = restyle.createBox();
+var FrownFill18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box17, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    d: "M16 9C16 12.866 12.866 16 9 16C5.13401 16 2 12.866 2 9C2 5.13401 5.13401 2 9 2C12.866 2 16 5.13401 16 9Z",
+    fill: "#B2DFD7"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.5 9C2.5 5.41015 5.41015 2.5 9 2.5C12.5899 2.5 15.5 5.41015 15.5 9C15.5 12.5899 12.5899 15.5 9 15.5C5.41015 15.5 2.5 12.5899 2.5 9ZM9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5ZM7.08403 12.0254C7.51111 11.3848 8.23011 11 9.00005 11C9.76999 11 10.489 11.3848 10.9161 12.0254L11.084 12.2773C11.2372 12.5071 11.5476 12.5692 11.7774 12.416C12.0072 12.2628 12.0693 11.9524 11.9161 11.7226L11.7481 11.4707C11.1356 10.5519 10.1043 10 9.00005 10C7.89576 10 6.86453 10.5519 6.25198 11.4707L6.08403 11.7226C5.93085 11.9524 5.99294 12.2628 6.2227 12.416C6.45247 12.5692 6.7629 12.5071 6.91608 12.2773L7.08403 12.0254ZM7.65821 6.02564C7.92019 6.11297 8.06177 6.39613 7.97444 6.6581L7.81633 7.13245C7.5441 7.94914 6.77981 8.5 5.91895 8.49999L5.50008 8.49999C5.22394 8.49999 5.00008 8.27613 5.00008 7.99999C5.00009 7.72384 5.22395 7.49999 5.50009 7.49999L5.91895 7.49999C6.34939 7.5 6.73153 7.22456 6.86764 6.81622L7.02576 6.34187C7.11308 6.0799 7.39624 5.93832 7.65821 6.02564ZM10.9743 6.34186C10.8869 6.07989 10.6038 5.93831 10.3418 6.02563C10.0798 6.11296 9.93824 6.39612 10.0256 6.65809L10.1837 7.13243C10.4559 7.94912 11.2202 8.49998 12.081 8.49998L12.4999 8.49998C12.776 8.49998 12.9999 8.27612 12.9999 7.99998C12.9999 7.72383 12.776 7.49998 12.4999 7.49998H12.081C11.6506 7.49998 11.2685 7.22455 11.1324 6.8162L10.9743 6.34186Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef17 = React30.forwardRef(FrownFill18Icon);
+var FrownFill18Icon_default = ForwardRef17;
+var Box18 = restyle.createBox();
+var FrownFill24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box18, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    d: "M20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12Z",
+    fill: "#B2DFD7"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM9.20003 15.9C9.86102 15.0187 10.8984 14.5 12 14.5C13.1017 14.5 14.139 15.0187 14.8 15.9L15.1 16.3C15.2657 16.5209 15.5791 16.5657 15.8 16.4C16.0209 16.2343 16.0657 15.9209 15.9 15.7L15.6 15.3C14.7502 14.1669 13.4164 13.5 12 13.5C10.5836 13.5 9.24987 14.1669 8.40003 15.3L8.10003 15.7C7.93434 15.9209 7.97912 16.2343 8.20003 16.4C8.42094 16.5657 8.73434 16.5209 8.90003 16.3L9.20003 15.9ZM10.1213 9.01495C10.3892 9.08193 10.552 9.35339 10.4851 9.62129L10.4701 9.68098C10.1353 11.0205 8.77794 11.8349 7.43845 11.5L7.37874 11.4851C7.11085 11.4181 6.94797 11.1466 7.01494 10.8787C7.08191 10.6108 7.35338 10.448 7.62128 10.5149L7.68098 10.5299C8.48468 10.7308 9.29908 10.2421 9.5 9.43845L9.51493 9.37876C9.5819 9.11086 9.85336 8.94798 10.1213 9.01495ZM14.4851 9.37876C14.4181 9.11086 14.1467 8.94798 13.8788 9.01496C13.6109 9.08193 13.448 9.3534 13.515 9.6213L13.5299 9.68102C13.8648 11.0205 15.2221 11.8349 16.5616 11.5L16.6213 11.4851C16.8892 11.4181 17.0521 11.1467 16.9851 10.8788C16.9182 10.6109 16.6467 10.448 16.3788 10.515L16.319 10.5299C15.5154 10.7308 14.701 10.2422 14.5 9.43848L14.4851 9.37876Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef18 = React30.forwardRef(FrownFill24Icon);
+var FrownFill24Icon_default = ForwardRef18;
+var Box19 = restyle.createBox();
+var FrownFill30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box19, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    d: "M26.5 15C26.5 21.3513 21.3513 26.5 15 26.5C8.64873 26.5 3.5 21.3513 3.5 15C3.5 8.64873 8.64873 3.5 15 3.5C21.3513 3.5 26.5 8.64873 26.5 15Z",
+    fill: "#B2DFD7"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 4C8.92487 4 4 8.92487 4 15C4 21.0751 8.92487 26 15 26C21.0751 26 26 21.0751 26 15C26 8.92487 21.0751 4 15 4ZM3 15C3 8.37258 8.37258 3 15 3C21.6274 3 27 8.37258 27 15C27 21.6274 21.6274 27 15 27C8.37258 27 3 21.6274 3 15ZM15 18C13.6094 18 12.3128 18.7023 11.5531 19.8672L11.0438 20.6481C10.893 20.8794 10.5832 20.9447 10.3519 20.7938C10.1206 20.643 10.0553 20.3332 10.2062 20.1019L10.7155 19.3209C11.6598 17.873 13.2714 17 15 17C16.7286 17 18.3402 17.873 19.2845 19.3209L19.7938 20.1019C19.9446 20.3332 19.8794 20.643 19.6481 20.7938C19.4168 20.9447 19.107 20.8794 18.9562 20.6481L18.4469 19.8672C17.6872 18.7023 16.3906 18 15 18ZM16.118 19.5C15.4142 19.1481 14.5858 19.1481 13.882 19.5L13.7764 19.5528C13.5294 19.6763 13.4293 19.9766 13.5528 20.2236C13.6763 20.4706 13.9766 20.5707 14.2236 20.4472L14.3292 20.3944C14.7515 20.1833 15.2485 20.1833 15.6708 20.3944L15.7764 20.4472C16.0234 20.5707 16.3237 20.4706 16.4472 20.2236C16.5707 19.9766 16.4706 19.6763 16.2236 19.5528L16.118 19.5ZM12.6213 11.515C12.8892 11.5819 13.0521 11.8534 12.9851 12.1213L12.9664 12.1959C12.5646 13.8033 10.9358 14.7806 9.3284 14.3787L9.25377 14.3601C8.98587 14.2931 8.82299 14.0216 8.88997 13.7537C8.95694 13.4858 9.22841 13.323 9.4963 13.3899L9.57094 13.4086C10.6425 13.6765 11.7284 13.025 11.9963 11.9534L12.0149 11.8788C12.0819 11.6109 12.3534 11.448 12.6213 11.515ZM17.9851 12.1288C17.9181 11.8609 17.6467 11.698 17.3788 11.765C17.1109 11.8319 16.948 12.1034 17.015 12.3713L17.0336 12.4459C17.4355 14.0533 19.0643 15.0306 20.6716 14.6288L20.7463 14.6101C21.0142 14.5431 21.1771 14.2717 21.1101 14.0038C21.0432 13.7359 20.7717 13.573 20.5038 13.64L20.4291 13.6586C19.3575 13.9265 18.2717 13.275 18.0038 12.2034L17.9851 12.1288Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef19 = React30.forwardRef(FrownFill30Icon);
+var FrownFill30Icon_default = ForwardRef19;
+var Box20 = restyle.createBox();
+var FrownFill60Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box20, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 60,
+    height: 60,
+    viewBox: "0 0 60 60",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    d: "M53 30C53 42.7025 42.7025 53 30 53C17.2975 53 7 42.7025 7 30C7 17.2975 17.2975 7 30 7C42.7025 7 53 17.2975 53 30Z",
+    fill: "#B2DFD7"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M30 8C17.8497 8 8 17.8497 8 30C8 42.1503 17.8497 52 30 52C42.1503 52 52 42.1503 52 30C52 17.8497 42.1503 8 30 8ZM6 30C6 16.7452 16.7452 6 30 6C43.2548 6 54 16.7452 54 30C54 43.2548 43.2548 54 30 54C16.7452 54 6 43.2548 6 30ZM30 36C27.2187 36 24.6256 37.4047 23.1063 39.7343L22.0876 41.2963C21.7859 41.7589 21.1663 41.8893 20.7037 41.5876C20.2411 41.2859 20.1107 40.6663 20.4124 40.2037L21.431 38.6418C23.3196 35.746 26.5429 34 30 34C33.4571 34 36.6804 35.746 38.569 38.6418L39.5876 40.2037C39.8893 40.6663 39.7589 41.2859 39.2963 41.5876C38.8337 41.8893 38.2141 41.7589 37.9124 41.2963L36.8937 39.7343C35.3744 37.4047 32.7813 36 30 36ZM32.4472 39.1056L32.2361 39C30.8284 38.2962 29.1716 38.2962 27.7639 39L27.5528 39.1056C27.0588 39.3526 26.8586 39.9533 27.1056 40.4472C27.3526 40.9412 27.9532 41.1414 28.4472 40.8945L28.6584 40.7889C29.5029 40.3666 30.4971 40.3666 31.3416 40.7889L31.5528 40.8945C32.0468 41.1414 32.6474 40.9412 32.8944 40.4472C33.1414 39.9533 32.9412 39.3526 32.4472 39.1056ZM25.2425 23.0299C25.7783 23.1639 26.1041 23.7068 25.9701 24.2426L25.9328 24.3918C25.1291 27.6066 21.8715 29.5612 18.6567 28.7575L18.5075 28.7202C17.9717 28.5862 17.6459 28.0433 17.7799 27.5075C17.9138 26.9717 18.4568 26.6459 18.9926 26.7799L19.1418 26.8172C21.285 27.353 23.4567 26.0499 23.9925 23.9067L24.0298 23.7575C24.1638 23.2217 24.7067 22.896 25.2425 23.0299ZM35.9701 24.2575C35.8362 23.7217 35.2933 23.3959 34.7575 23.5299C34.2217 23.6638 33.8959 24.2067 34.0299 24.7425L34.0672 24.8918C34.8709 28.1066 38.1285 30.0612 41.3432 29.2575L41.4926 29.2201C42.0284 29.0862 42.3541 28.5433 42.2202 28.0075C42.0863 27.4717 41.5433 27.1459 41.0075 27.2799L40.8582 27.3172C38.715 27.853 36.5433 26.5499 36.0075 24.4068L35.9701 24.2575Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef20 = React30.forwardRef(FrownFill60Icon);
+var FrownFill60Icon_default = ForwardRef20;
+var Box21 = restyle.createBox();
+var FrownOutline18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box21, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.5 9C2.5 5.41015 5.41015 2.5 9 2.5C12.5899 2.5 15.5 5.41015 15.5 9C15.5 12.5899 12.5899 15.5 9 15.5C5.41015 15.5 2.5 12.5899 2.5 9ZM9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5ZM7.08403 12.0254C7.51111 11.3848 8.23011 11 9.00005 11C9.76999 11 10.489 11.3848 10.9161 12.0254L11.084 12.2773C11.2372 12.5071 11.5476 12.5692 11.7774 12.416C12.0072 12.2628 12.0693 11.9524 11.9161 11.7226L11.7481 11.4707C11.1356 10.5519 10.1043 10 9.00005 10C7.89576 10 6.86453 10.5519 6.25198 11.4707L6.08403 11.7226C5.93085 11.9524 5.99294 12.2628 6.2227 12.416C6.45247 12.5692 6.7629 12.5071 6.91608 12.2773L7.08403 12.0254ZM7.65821 6.02564C7.92019 6.11297 8.06177 6.39613 7.97444 6.6581L7.81633 7.13245C7.5441 7.94914 6.77981 8.5 5.91895 8.49999L5.50008 8.49999C5.22394 8.49999 5.00008 8.27613 5.00008 7.99999C5.00009 7.72384 5.22395 7.49999 5.50009 7.49999L5.91895 7.49999C6.34939 7.5 6.73153 7.22456 6.86764 6.81622L7.02576 6.34187C7.11308 6.0799 7.39624 5.93832 7.65821 6.02564ZM10.9743 6.34186C10.8869 6.07989 10.6038 5.93831 10.3418 6.02563C10.0798 6.11296 9.93824 6.39612 10.0256 6.65809L10.1837 7.13243C10.4559 7.94912 11.2202 8.49998 12.081 8.49998L12.4999 8.49998C12.776 8.49998 12.9999 8.27612 12.9999 7.99998C12.9999 7.72383 12.776 7.49998 12.4999 7.49998H12.081C11.6506 7.49998 11.2685 7.22455 11.1324 6.8162L10.9743 6.34186Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef21 = React30.forwardRef(FrownOutline18Icon);
+var FrownOutline18Icon_default = ForwardRef21;
+var Box22 = restyle.createBox();
+var FrownOutline24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box22, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM9.20003 15.9C9.86102 15.0187 10.8984 14.5 12 14.5C13.1017 14.5 14.139 15.0187 14.8 15.9L15.1 16.3C15.2657 16.5209 15.5791 16.5657 15.8 16.4C16.0209 16.2343 16.0657 15.9209 15.9 15.7L15.6 15.3C14.7502 14.1669 13.4164 13.5 12 13.5C10.5836 13.5 9.24987 14.1669 8.40003 15.3L8.10003 15.7C7.93434 15.9209 7.97912 16.2343 8.20003 16.4C8.42094 16.5657 8.73434 16.5209 8.90003 16.3L9.20003 15.9ZM10.1213 9.01495C10.3892 9.08193 10.552 9.35339 10.4851 9.62129L10.4701 9.68098C10.1353 11.0205 8.77794 11.8349 7.43845 11.5L7.37874 11.4851C7.11085 11.4181 6.94797 11.1466 7.01494 10.8787C7.08191 10.6108 7.35338 10.448 7.62128 10.5149L7.68098 10.5299C8.48468 10.7308 9.29908 10.2421 9.5 9.43845L9.51493 9.37876C9.5819 9.11086 9.85336 8.94798 10.1213 9.01495ZM14.4851 9.37876C14.4181 9.11086 14.1467 8.94798 13.8788 9.01496C13.6109 9.08193 13.448 9.3534 13.515 9.6213L13.5299 9.68102C13.8648 11.0205 15.2221 11.8349 16.5616 11.5L16.6213 11.4851C16.8892 11.4181 17.0521 11.1467 16.9851 10.8788C16.9182 10.6109 16.6467 10.448 16.3788 10.515L16.319 10.5299C15.5154 10.7308 14.701 10.2422 14.5 9.43848L14.4851 9.37876Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef22 = React30.forwardRef(FrownOutline24Icon);
+var FrownOutline24Icon_default = ForwardRef22;
+var Box23 = restyle.createBox();
+var FrownOutline30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box23, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 4C8.92487 4 4 8.92487 4 15C4 21.0751 8.92487 26 15 26C21.0751 26 26 21.0751 26 15C26 8.92487 21.0751 4 15 4ZM3 15C3 8.37258 8.37258 3 15 3C21.6274 3 27 8.37258 27 15C27 21.6274 21.6274 27 15 27C8.37258 27 3 21.6274 3 15ZM15 18C13.6094 18 12.3128 18.7023 11.5531 19.8672L11.0438 20.6481C10.893 20.8794 10.5832 20.9447 10.3519 20.7938C10.1206 20.643 10.0553 20.3332 10.2062 20.1019L10.7155 19.3209C11.6598 17.873 13.2714 17 15 17C16.7286 17 18.3402 17.873 19.2845 19.3209L19.7938 20.1019C19.9446 20.3332 19.8794 20.643 19.6481 20.7938C19.4168 20.9447 19.107 20.8794 18.9562 20.6481L18.4469 19.8672C17.6872 18.7023 16.3906 18 15 18ZM16.118 19.5C15.4142 19.1481 14.5858 19.1481 13.882 19.5L13.7764 19.5528C13.5294 19.6763 13.4293 19.9766 13.5528 20.2236C13.6763 20.4706 13.9766 20.5707 14.2236 20.4472L14.3292 20.3944C14.7515 20.1833 15.2485 20.1833 15.6708 20.3944L15.7764 20.4472C16.0234 20.5707 16.3237 20.4706 16.4472 20.2236C16.5707 19.9766 16.4706 19.6763 16.2236 19.5528L16.118 19.5ZM12.6213 11.515C12.8892 11.5819 13.0521 11.8534 12.9851 12.1213L12.9664 12.1959C12.5646 13.8033 10.9358 14.7806 9.3284 14.3787L9.25377 14.3601C8.98587 14.2931 8.82299 14.0216 8.88997 13.7537C8.95694 13.4858 9.22841 13.323 9.4963 13.3899L9.57094 13.4086C10.6425 13.6765 11.7284 13.025 11.9963 11.9534L12.0149 11.8788C12.0819 11.6109 12.3534 11.448 12.6213 11.515ZM17.9851 12.1288C17.9181 11.8609 17.6467 11.698 17.3788 11.765C17.1109 11.8319 16.948 12.1034 17.015 12.3713L17.0336 12.4459C17.4355 14.0533 19.0643 15.0306 20.6716 14.6288L20.7463 14.6101C21.0142 14.5431 21.1771 14.2717 21.1101 14.0038C21.0432 13.7359 20.7717 13.573 20.5038 13.64L20.4291 13.6586C19.3575 13.9265 18.2717 13.275 18.0038 12.2034L17.9851 12.1288Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef23 = React30.forwardRef(FrownOutline30Icon);
+var FrownOutline30Icon_default = ForwardRef23;
+var Box24 = restyle.createBox();
+var FrownOutline60Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box24, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 60,
+    height: 60,
+    viewBox: "0 0 60 60",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M30 8C17.8497 8 8 17.8497 8 30C8 42.1503 17.8497 52 30 52C42.1503 52 52 42.1503 52 30C52 17.8497 42.1503 8 30 8ZM6 30C6 16.7452 16.7452 6 30 6C43.2548 6 54 16.7452 54 30C54 43.2548 43.2548 54 30 54C16.7452 54 6 43.2548 6 30ZM25.2425 23.0299C25.7783 23.1639 26.1041 23.7068 25.9701 24.2426L25.9328 24.3918C25.1291 27.6066 21.8715 29.5612 18.6567 28.7575L18.5075 28.7202C17.9717 28.5862 17.6459 28.0433 17.7799 27.5075C17.9138 26.9717 18.4568 26.6459 18.9925 26.7799L19.1418 26.8172C21.285 27.353 23.4567 26.0499 23.9925 23.9068L24.0298 23.7575C24.1638 23.2217 24.7067 22.896 25.2425 23.0299ZM34.7575 23.5299C35.2933 23.3959 35.8362 23.7217 35.9701 24.2575L36.0075 24.4068C36.5433 26.5499 38.715 27.853 40.8582 27.3172L41.0075 27.2799C41.5433 27.1459 42.0863 27.4717 42.2202 28.0075C42.3541 28.5433 42.0284 29.0862 41.4926 29.2201L41.3432 29.2575C38.1285 30.0612 34.8709 28.1066 34.0672 24.8918L34.0299 24.7425C33.8959 24.2067 34.2217 23.6638 34.7575 23.5299ZM30 36C27.2187 36 24.6256 37.4047 23.1063 39.7343L22.0876 41.2963C21.7859 41.7589 21.1663 41.8893 20.7037 41.5876C20.2411 41.2859 20.1107 40.6663 20.4124 40.2037L21.431 38.6418C23.3196 35.746 26.5429 34 30 34C33.4571 34 36.6804 35.746 38.569 38.6418L39.5876 40.2037C39.8893 40.6663 39.7589 41.2859 39.2963 41.5876C38.8337 41.8893 38.2141 41.7589 37.9124 41.2963L36.8937 39.7343C35.3744 37.4047 32.7813 36 30 36ZM28.6584 40.7889L28.4472 40.8944C27.9532 41.1414 27.3526 40.9412 27.1056 40.4472C26.8586 39.9532 27.0588 39.3526 27.5528 39.1056L27.7639 39C29.1716 38.2962 30.8284 38.2962 32.2361 39L32.4472 39.1056C32.9412 39.3526 33.1414 39.9532 32.8944 40.4472C32.6474 40.9412 32.0468 41.1414 31.5528 40.8944L31.3416 40.7889C30.4971 40.3666 29.5029 40.3666 28.6584 40.7889Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef24 = React30.forwardRef(FrownOutline60Icon);
+var FrownOutline60Icon_default = ForwardRef24;
+var Box25 = restyle.createBox();
+var InformationFill12Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box25, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 12,
+    height: 12,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    d: "M11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6Z",
+    fill: "white",
+    strokeWidth: 0
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1ZM6.5 4C6.5 4.27614 6.27614 4.5 6 4.5C5.72386 4.5 5.5 4.27614 5.5 4C5.5 3.72386 5.72386 3.5 6 3.5C6.27614 3.5 6.5 3.72386 6.5 4ZM6.5 5.5C6.5 5.22386 6.27614 5 6 5C5.72386 5 5.5 5.22386 5.5 5.5V8C5.5 8.27614 5.72386 8.5 6 8.5C6.27614 8.5 6.5 8.27614 6.5 8V5.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef25 = React30.forwardRef(InformationFill12Icon);
+var InformationFill12Icon_default = ForwardRef25;
+var Box26 = restyle.createBox();
+var InformationFill18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box26, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 9,
+    cy: 9,
+    r: 7.5,
+    fill: "white",
+    strokeWidth: 0
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5ZM9.625 5.625C9.625 5.97018 9.34518 6.25 9 6.25C8.65482 6.25 8.375 5.97018 8.375 5.625C8.375 5.27982 8.65482 5 9 5C9.34518 5 9.625 5.27982 9.625 5.625ZM9.5 8C9.5 7.72386 9.27614 7.5 9 7.5C8.72386 7.5 8.5 7.72386 8.5 8V12C8.5 12.2761 8.72386 12.5 9 12.5C9.27614 12.5 9.5 12.2761 9.5 12V8Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef26 = React30.forwardRef(InformationFill18Icon);
+var InformationFill18Icon_default = ForwardRef26;
+var Box27 = restyle.createBox();
+var InformationFill24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box27, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 12,
+    cy: 12,
+    r: 9,
+    fill: "white",
+    strokeWidth: 0
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM12.75 7.75C12.75 8.16421 12.4142 8.5 12 8.5C11.5858 8.5 11.25 8.16421 11.25 7.75C11.25 7.33579 11.5858 7 12 7C12.4142 7 12.75 7.33579 12.75 7.75ZM12.5 10.5C12.5 10.2239 12.2761 10 12 10C11.7239 10 11.5 10.2239 11.5 10.5V16C11.5 16.2761 11.7239 16.5 12 16.5C12.2761 16.5 12.5 16.2761 12.5 16V10.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef27 = React30.forwardRef(InformationFill24Icon);
+var InformationFill24Icon_default = ForwardRef27;
+var Box28 = restyle.createBox();
+var InformationFill30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box28, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 15,
+    cy: 15,
+    r: 12,
+    fill: "white",
+    strokeWidth: 0
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 3C8.37258 3 3 8.37258 3 15C3 21.6274 8.37258 27 15 27C21.6274 27 27 21.6274 27 15C27 8.37258 21.6274 3 15 3ZM15.75 9.75C15.75 10.1642 15.4142 10.5 15 10.5C14.5858 10.5 14.25 10.1642 14.25 9.75C14.25 9.33579 14.5858 9 15 9C15.4142 9 15.75 9.33579 15.75 9.75ZM15.5 12.5C15.5 12.2239 15.2761 12 15 12C14.7239 12 14.5 12.2239 14.5 12.5V20C14.5 20.2761 14.7239 20.5 15 20.5C15.2761 20.5 15.5 20.2761 15.5 20V12.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef28 = React30.forwardRef(InformationFill30Icon);
+var InformationFill30Icon_default = ForwardRef28;
+var Box29 = restyle.createBox();
+var InformationOutline12Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box29, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 12,
+    height: 12,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6 2C3.79086 2 2 3.79086 2 6C2 8.20914 3.79086 10 6 10C8.20914 10 10 8.20914 10 6C10 3.79086 8.20914 2 6 2ZM1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6ZM6.5 4C6.5 4.27614 6.27614 4.5 6 4.5C5.72386 4.5 5.5 4.27614 5.5 4C5.5 3.72386 5.72386 3.5 6 3.5C6.27614 3.5 6.5 3.72386 6.5 4ZM6.5 5.5C6.5 5.22386 6.27614 5 6 5C5.72386 5 5.5 5.22386 5.5 5.5V8C5.5 8.27614 5.72386 8.5 6 8.5C6.27614 8.5 6.5 8.27614 6.5 8V5.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef29 = React30.forwardRef(InformationOutline12Icon);
+var InformationOutline12Icon_default = ForwardRef29;
+var Box30 = restyle.createBox();
+var InformationOutline18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box30, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.G, {
+    clipPath: "url(#clip0_1271_3136)"
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9 2.5C5.41015 2.5 2.5 5.41015 2.5 9C2.5 12.5899 5.41015 15.5 9 15.5C12.5899 15.5 15.5 12.5899 15.5 9C15.5 5.41015 12.5899 2.5 9 2.5ZM1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9ZM9.625 5.625C9.625 5.97018 9.34518 6.25 9 6.25C8.65482 6.25 8.375 5.97018 8.375 5.625C8.375 5.27982 8.65482 5 9 5C9.34518 5 9.625 5.27982 9.625 5.625ZM9.5 8C9.5 7.72386 9.27614 7.5 9 7.5C8.72386 7.5 8.5 7.72386 8.5 8V12C8.5 12.2761 8.72386 12.5 9 12.5C9.27614 12.5 9.5 12.2761 9.5 12V8Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })), /* @__PURE__ */ React30__namespace.createElement(Svg.Defs, null, /* @__PURE__ */ React30__namespace.createElement(Svg.ClipPath, {
+    id: "clip0_1271_3136"
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Rect, {
+    width: 18,
+    height: 18,
+    fill: "white"
+  })))));
+};
+var ForwardRef30 = React30.forwardRef(InformationOutline18Icon);
+var InformationOutline18Icon_default = ForwardRef30;
+var Box31 = restyle.createBox();
+var InformationOutline24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box31, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM12.75 7.75C12.75 8.16421 12.4142 8.5 12 8.5C11.5858 8.5 11.25 8.16421 11.25 7.75C11.25 7.33579 11.5858 7 12 7C12.4142 7 12.75 7.33579 12.75 7.75ZM12.5 10.5C12.5 10.2239 12.2761 10 12 10C11.7239 10 11.5 10.2239 11.5 10.5V16C11.5 16.2761 11.7239 16.5 12 16.5C12.2761 16.5 12.5 16.2761 12.5 16V10.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef31 = React30.forwardRef(InformationOutline24Icon);
+var InformationOutline24Icon_default = ForwardRef31;
+var Box32 = restyle.createBox();
+var InformationOutline30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box32, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 4C8.92487 4 4 8.92487 4 15C4 21.0751 8.92487 26 15 26C21.0751 26 26 21.0751 26 15C26 8.92487 21.0751 4 15 4ZM3 15C3 8.37258 8.37258 3 15 3C21.6274 3 27 8.37258 27 15C27 21.6274 21.6274 27 15 27C8.37258 27 3 21.6274 3 15ZM15.75 9.75C15.75 10.1642 15.4142 10.5 15 10.5C14.5858 10.5 14.25 10.1642 14.25 9.75C14.25 9.33579 14.5858 9 15 9C15.4142 9 15.75 9.33579 15.75 9.75ZM15.5 12.5C15.5 12.2239 15.2761 12 15 12C14.7239 12 14.5 12.2239 14.5 12.5V20C14.5 20.2761 14.7239 20.5 15 20.5C15.2761 20.5 15.5 20.2761 15.5 20V12.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef32 = React30.forwardRef(InformationOutline30Icon);
+var InformationOutline30Icon_default = ForwardRef32;
+var Box33 = restyle.createBox();
+var NeutralFill18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box33, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    d: "M16 9C16 12.866 12.866 16 9 16C5.13401 16 2 12.866 2 9C2 5.13401 5.13401 2 9 2C12.866 2 16 5.13401 16 9Z",
+    fill: "#B2DFD7"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.5 9C2.5 5.41015 5.41015 2.5 9 2.5C12.5899 2.5 15.5 5.41015 15.5 9C15.5 12.5899 12.5899 15.5 9 15.5C5.41015 15.5 2.5 12.5899 2.5 9ZM9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5ZM6 10.5C5.72386 10.5 5.5 10.7239 5.5 11C5.5 11.2761 5.72386 11.5 6 11.5H12C12.2761 11.5 12.5 11.2761 12.5 11C12.5 10.7239 12.2761 10.5 12 10.5H6ZM5.0529 6.77638C5.17639 6.52939 5.47673 6.42928 5.72372 6.55277L6.0529 6.71736C6.33442 6.85813 6.6658 6.85813 6.94732 6.71736L7.2765 6.55277C7.52349 6.42928 7.82383 6.52939 7.94732 6.77638C8.07082 7.02337 7.97071 7.32371 7.72372 7.4472L7.39454 7.61179C6.83148 7.89332 6.16874 7.89332 5.60568 7.61179L5.2765 7.4472C5.02951 7.32371 4.9294 7.02337 5.0529 6.77638ZM10.7237 6.55277C10.4767 6.42928 10.1764 6.52939 10.0529 6.77638C9.9294 7.02337 10.0295 7.32371 10.2765 7.4472L10.6057 7.61179C11.1687 7.89332 11.8315 7.89332 12.3945 7.61179L12.7237 7.4472C12.9707 7.32371 13.0708 7.02337 12.9473 6.77638C12.8238 6.52939 12.5235 6.42928 12.2765 6.55277L11.9473 6.71736C11.6658 6.85813 11.3344 6.85813 11.0529 6.71736L10.7237 6.55277Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef33 = React30.forwardRef(NeutralFill18Icon);
+var NeutralFill18Icon_default = ForwardRef33;
+var Box34 = restyle.createBox();
+var NeutralFill24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box34, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    d: "M20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12Z",
+    fill: "#B2DFD7"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM8.5 14C8.22386 14 8 14.2239 8 14.5C8 14.7761 8.22386 15 8.5 15H15.5C15.7761 15 16 14.7761 16 14.5C16 14.2239 15.7761 14 15.5 14H8.5ZM7.14645 9.14645C7.34171 8.95118 7.65829 8.95118 7.85355 9.14645L7.93934 9.23223C8.52513 9.81802 9.47487 9.81802 10.0607 9.23223L10.1464 9.14645C10.3417 8.95118 10.6583 8.95118 10.8536 9.14645C11.0488 9.34171 11.0488 9.65829 10.8536 9.85355L10.7678 9.93934C9.79146 10.9156 8.20854 10.9157 7.23223 9.93934L7.14645 9.85355C6.95118 9.65829 6.95118 9.34171 7.14645 9.14645ZM13.8536 9.14645C13.6583 8.95118 13.3417 8.95118 13.1464 9.14645C12.9512 9.34171 12.9512 9.65829 13.1464 9.85355L13.2322 9.93934C14.2085 10.9157 15.7915 10.9156 16.7678 9.93934L16.8536 9.85355C17.0488 9.65829 17.0488 9.34171 16.8536 9.14645C16.6583 8.95118 16.3417 8.95118 16.1464 9.14645L16.0607 9.23223C15.4749 9.81802 14.5251 9.81802 13.9393 9.23223L13.8536 9.14645Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef34 = React30.forwardRef(NeutralFill24Icon);
+var NeutralFill24Icon_default = ForwardRef34;
+var Box35 = restyle.createBox();
+var NeutralFill30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box35, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    d: "M26.5 15.5C26.5 21.8513 21.3513 27 15 27C8.64873 27 3.5 21.8513 3.5 15.5C3.5 9.14873 8.64873 4 15 4C21.3513 4 26.5 9.14873 26.5 15.5Z",
+    fill: "#B2DFD7"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 15.5C4 9.42487 8.92487 4.5 15 4.5C21.0751 4.5 26 9.42487 26 15.5C26 21.5751 21.0751 26.5 15 26.5C8.92487 26.5 4 21.5751 4 15.5ZM15 3.5C8.37258 3.5 3 8.87258 3 15.5C3 22.1274 8.37258 27.5 15 27.5C21.6274 27.5 27 22.1274 27 15.5C27 8.87258 21.6274 3.5 15 3.5ZM10.5459 18.5C10.4825 18.8109 10.3593 19.1124 10.1764 19.3867L9.91604 19.7773C9.76286 20.0071 9.45243 20.0692 9.22266 19.916C8.9929 19.7628 8.93081 19.4524 9.08399 19.2226L9.34439 18.832C9.68029 18.3282 9.68029 17.6718 9.34439 17.1679L9.08399 16.7773C8.93081 16.5476 8.9929 16.2371 9.22266 16.084C9.45243 15.9308 9.76286 15.9929 9.91604 16.2226L10.1764 16.6132C10.3593 16.8876 10.4825 17.1891 10.5459 17.5H19.4541C19.5175 17.1891 19.6407 16.8876 19.8236 16.6132L20.084 16.2226C20.2371 15.9929 20.5476 15.9308 20.7773 16.084C21.0071 16.2371 21.0692 16.5476 20.916 16.7773L20.6556 17.1679C20.3197 17.6718 20.3197 18.3282 20.6556 18.832L20.916 19.2226C21.0692 19.4524 21.0071 19.7628 20.7773 19.916C20.5476 20.0692 20.2371 20.0071 20.084 19.7773L19.8236 19.3867C19.6407 19.1124 19.5175 18.8109 19.4541 18.5H10.5459ZM9.02145 11.5214C9.21671 11.3262 9.53329 11.3262 9.72855 11.5214L9.83579 11.6287C10.6168 12.4097 11.8832 12.4097 12.6642 11.6287L12.7714 11.5214C12.9667 11.3262 13.2833 11.3262 13.4786 11.5214C13.6738 11.7167 13.6738 12.0333 13.4786 12.2286L13.3713 12.3358C12.1997 13.5074 10.3003 13.5074 9.12868 12.3358L9.02145 12.2286C8.82618 12.0333 8.82618 11.7167 9.02145 11.5214ZM17.2286 11.5214C17.0333 11.3262 16.7167 11.3262 16.5214 11.5214C16.3262 11.7167 16.3262 12.0333 16.5214 12.2286L16.6287 12.3358C17.8003 13.5074 19.6997 13.5074 20.8713 12.3358L20.9786 12.2286C21.1738 12.0333 21.1738 11.7167 20.9786 11.5214C20.7833 11.3262 20.4667 11.3262 20.2714 11.5214L20.1642 11.6287C19.3832 12.4097 18.1168 12.4097 17.3358 11.6287L17.2286 11.5214Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef35 = React30.forwardRef(NeutralFill30Icon);
+var NeutralFill30Icon_default = ForwardRef35;
+var Box36 = restyle.createBox();
+var NeutralFill60Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box36, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 60,
+    height: 60,
+    viewBox: "0 0 60 60",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    d: "M53 30C53 42.7025 42.7025 53 30 53C17.2975 53 7 42.7025 7 30C7 17.2975 17.2975 7 30 7C42.7025 7 53 17.2975 53 30Z",
+    fill: "#B2DFD7"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 30C8 17.8497 17.8497 8 30 8C42.1503 8 52 17.8497 52 30C52 42.1503 42.1503 52 30 52C17.8497 52 8 42.1503 8 30ZM30 6C16.7452 6 6 16.7452 6 30C6 43.2548 16.7452 54 30 54C43.2548 54 54 43.2548 54 30C54 16.7452 43.2548 6 30 6ZM21.0314 37C20.8937 37.5342 20.6438 38.046 20.2816 38.4988L19.7809 39.1247C19.4359 39.5559 18.8066 39.6259 18.3753 39.2808C17.944 38.9358 17.8741 38.3065 18.2191 37.8753L18.7199 37.2494C19.3042 36.5189 19.3042 35.481 18.7199 34.7506L18.2191 34.1247C17.8741 33.6934 17.944 33.0641 18.3753 32.7191C18.8066 32.3741 19.4359 32.444 19.7809 32.8753L20.2816 33.5012C20.6438 33.9539 20.8937 34.4657 21.0314 35H38.9686C39.1063 34.4657 39.3562 33.9539 39.7184 33.5012L40.2191 32.8753C40.5641 32.444 41.1934 32.3741 41.6247 32.7191C42.056 33.0641 42.1259 33.6934 41.7809 34.1247L41.2801 34.7506C40.6958 35.481 40.6958 36.5189 41.2801 37.2494L41.7809 37.8753C42.1259 38.3065 42.056 38.9358 41.6247 39.2808C41.1934 39.6259 40.5641 39.5559 40.2191 39.1247L39.7184 38.4988C39.3562 38.046 39.1063 37.5342 38.9686 37H21.0314ZM18.0429 23.0429C18.4334 22.6524 19.0666 22.6524 19.4571 23.0429L19.6716 23.2574C21.2337 24.8195 23.7663 24.8195 25.3284 23.2574L25.5429 23.0429C25.9334 22.6524 26.5666 22.6524 26.9571 23.0429C27.3476 23.4334 27.3476 24.0666 26.9571 24.4571L26.7426 24.6716C24.3995 27.0147 20.6005 27.0147 18.2574 24.6716L18.0429 24.4571C17.6524 24.0666 17.6524 23.4334 18.0429 23.0429ZM34.4571 23.0429C34.0666 22.6524 33.4334 22.6524 33.0429 23.0429C32.6524 23.4334 32.6524 24.0666 33.0429 24.4571L33.2574 24.6716C35.6005 27.0147 39.3995 27.0147 41.7426 24.6716L41.9571 24.4571C42.3476 24.0666 42.3476 23.4334 41.9571 23.0429C41.5666 22.6524 40.9334 22.6524 40.5429 23.0429L40.3284 23.2574C38.7663 24.8195 36.2337 24.8195 34.6716 23.2574L34.4571 23.0429Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef36 = React30.forwardRef(NeutralFill60Icon);
+var NeutralFill60Icon_default = ForwardRef36;
+var Box37 = restyle.createBox();
+var NeutralOutline18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box37, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.5 9C2.5 5.41015 5.41015 2.5 9 2.5C12.5899 2.5 15.5 5.41015 15.5 9C15.5 12.5899 12.5899 15.5 9 15.5C5.41015 15.5 2.5 12.5899 2.5 9ZM9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5ZM6 10.5C5.72386 10.5 5.5 10.7239 5.5 11C5.5 11.2761 5.72386 11.5 6 11.5H12C12.2761 11.5 12.5 11.2761 12.5 11C12.5 10.7239 12.2761 10.5 12 10.5H6ZM5.0529 6.77638C5.17639 6.52939 5.47673 6.42928 5.72372 6.55277L6.0529 6.71736C6.33442 6.85813 6.6658 6.85813 6.94732 6.71736L7.2765 6.55277C7.52349 6.42928 7.82383 6.52939 7.94732 6.77638C8.07082 7.02337 7.97071 7.32371 7.72372 7.4472L7.39454 7.61179C6.83148 7.89332 6.16874 7.89332 5.60568 7.61179L5.2765 7.4472C5.02951 7.32371 4.9294 7.02337 5.0529 6.77638ZM10.7237 6.55277C10.4767 6.42928 10.1764 6.52939 10.0529 6.77638C9.9294 7.02337 10.0295 7.32371 10.2765 7.4472L10.6057 7.61179C11.1687 7.89332 11.8315 7.89332 12.3945 7.61179L12.7237 7.4472C12.9707 7.32371 13.0708 7.02337 12.9473 6.77638C12.8238 6.52939 12.5235 6.42928 12.2765 6.55277L11.9473 6.71736C11.6658 6.85813 11.3344 6.85813 11.0529 6.71736L10.7237 6.55277Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef37 = React30.forwardRef(NeutralOutline18Icon);
+var NeutralOutline18Icon_default = ForwardRef37;
+var Box38 = restyle.createBox();
+var NeutralOutline24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box38, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM8.5 14C8.22386 14 8 14.2239 8 14.5C8 14.7761 8.22386 15 8.5 15H15.5C15.7761 15 16 14.7761 16 14.5C16 14.2239 15.7761 14 15.5 14H8.5ZM7.14645 9.14645C7.34171 8.95118 7.65829 8.95118 7.85355 9.14645L7.93934 9.23223C8.52513 9.81802 9.47487 9.81802 10.0607 9.23223L10.1464 9.14645C10.3417 8.95118 10.6583 8.95118 10.8536 9.14645C11.0488 9.34171 11.0488 9.65829 10.8536 9.85355L10.7678 9.93934C9.79146 10.9156 8.20854 10.9157 7.23223 9.93934L7.14645 9.85355C6.95118 9.65829 6.95118 9.34171 7.14645 9.14645ZM13.8536 9.14645C13.6583 8.95118 13.3417 8.95118 13.1464 9.14645C12.9512 9.34171 12.9512 9.65829 13.1464 9.85355L13.2322 9.93934C14.2085 10.9157 15.7915 10.9156 16.7678 9.93934L16.8536 9.85355C17.0488 9.65829 17.0488 9.34171 16.8536 9.14645C16.6583 8.95118 16.3417 8.95118 16.1464 9.14645L16.0607 9.23223C15.4749 9.81802 14.5251 9.81802 13.9393 9.23223L13.8536 9.14645Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef38 = React30.forwardRef(NeutralOutline24Icon);
+var NeutralOutline24Icon_default = ForwardRef38;
+var Box39 = restyle.createBox();
+var NeutralOutline30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box39, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 15.5C4 9.42487 8.92487 4.5 15 4.5C21.0751 4.5 26 9.42487 26 15.5C26 21.5751 21.0751 26.5 15 26.5C8.92487 26.5 4 21.5751 4 15.5ZM15 3.5C8.37258 3.5 3 8.87258 3 15.5C3 22.1274 8.37258 27.5 15 27.5C21.6274 27.5 27 22.1274 27 15.5C27 8.87258 21.6274 3.5 15 3.5ZM10.5459 18.5C10.4825 18.8109 10.3593 19.1124 10.1764 19.3867L9.91604 19.7773C9.76286 20.0071 9.45243 20.0692 9.22266 19.916C8.9929 19.7628 8.93081 19.4524 9.08399 19.2226L9.34439 18.832C9.68029 18.3282 9.68029 17.6718 9.34439 17.1679L9.08399 16.7773C8.93081 16.5476 8.9929 16.2371 9.22266 16.084C9.45243 15.9308 9.76286 15.9929 9.91604 16.2226L10.1764 16.6132C10.3593 16.8876 10.4825 17.1891 10.5459 17.5H19.4541C19.5175 17.1891 19.6407 16.8876 19.8236 16.6132L20.084 16.2226C20.2371 15.9929 20.5476 15.9308 20.7773 16.084C21.0071 16.2371 21.0692 16.5476 20.916 16.7773L20.6556 17.1679C20.3197 17.6718 20.3197 18.3282 20.6556 18.832L20.916 19.2226C21.0692 19.4524 21.0071 19.7628 20.7773 19.916C20.5476 20.0692 20.2371 20.0071 20.084 19.7773L19.8236 19.3867C19.6407 19.1124 19.5175 18.8109 19.4541 18.5H10.5459ZM9.02145 11.5214C9.21671 11.3262 9.53329 11.3262 9.72855 11.5214L9.83579 11.6287C10.6168 12.4097 11.8832 12.4097 12.6642 11.6287L12.7714 11.5214C12.9667 11.3262 13.2833 11.3262 13.4786 11.5214C13.6738 11.7167 13.6738 12.0333 13.4786 12.2286L13.3713 12.3358C12.1997 13.5074 10.3003 13.5074 9.12868 12.3358L9.02145 12.2286C8.82618 12.0333 8.82618 11.7167 9.02145 11.5214ZM17.2286 11.5214C17.0333 11.3262 16.7167 11.3262 16.5214 11.5214C16.3262 11.7167 16.3262 12.0333 16.5214 12.2286L16.6287 12.3358C17.8003 13.5074 19.6997 13.5074 20.8713 12.3358L20.9786 12.2286C21.1738 12.0333 21.1738 11.7167 20.9786 11.5214C20.7833 11.3262 20.4667 11.3262 20.2714 11.5214L20.1642 11.6287C19.3832 12.4097 18.1168 12.4097 17.3358 11.6287L17.2286 11.5214Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef39 = React30.forwardRef(NeutralOutline30Icon);
+var NeutralOutline30Icon_default = ForwardRef39;
+var Box40 = restyle.createBox();
+var NeutralOutline60Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box40, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 60,
+    height: 60,
+    viewBox: "0 0 60 60",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 30C8 17.8497 17.8497 8 30 8C42.1503 8 52 17.8497 52 30C52 42.1503 42.1503 52 30 52C17.8497 52 8 42.1503 8 30ZM30 6C16.7452 6 6 16.7452 6 30C6 43.2548 16.7452 54 30 54C43.2548 54 54 43.2548 54 30C54 16.7452 43.2548 6 30 6ZM21.0314 37C20.8937 37.5342 20.6438 38.046 20.2816 38.4988L19.7809 39.1247C19.4359 39.5559 18.8066 39.6259 18.3753 39.2808C17.944 38.9358 17.8741 38.3065 18.2191 37.8753L18.7199 37.2494C19.3042 36.5189 19.3042 35.481 18.7199 34.7506L18.2191 34.1247C17.8741 33.6934 17.944 33.0641 18.3753 32.7191C18.8066 32.3741 19.4359 32.444 19.7809 32.8753L20.2816 33.5012C20.6438 33.9539 20.8937 34.4657 21.0314 35H38.9686C39.1063 34.4657 39.3562 33.9539 39.7184 33.5012L40.2191 32.8753C40.5641 32.444 41.1934 32.3741 41.6247 32.7191C42.056 33.0641 42.1259 33.6934 41.7809 34.1247L41.2801 34.7506C40.6958 35.481 40.6958 36.5189 41.2801 37.2494L41.7809 37.8753C42.1259 38.3065 42.056 38.9358 41.6247 39.2808C41.1934 39.6259 40.5641 39.5559 40.2191 39.1247L39.7184 38.4988C39.3562 38.046 39.1063 37.5342 38.9686 37H21.0314ZM18.0429 23.0429C18.4334 22.6524 19.0666 22.6524 19.4571 23.0429L19.6716 23.2574C21.2337 24.8195 23.7663 24.8195 25.3284 23.2574L25.5429 23.0429C25.9334 22.6524 26.5666 22.6524 26.9571 23.0429C27.3476 23.4334 27.3476 24.0666 26.9571 24.4571L26.7426 24.6716C24.3995 27.0147 20.6005 27.0147 18.2574 24.6716L18.0429 24.4571C17.6524 24.0666 17.6524 23.4334 18.0429 23.0429ZM34.4571 23.0429C34.0666 22.6524 33.4334 22.6524 33.0429 23.0429C32.6524 23.4334 32.6524 24.0666 33.0429 24.4571L33.2574 24.6716C35.6005 27.0147 39.3995 27.0147 41.7426 24.6716L41.9571 24.4571C42.3476 24.0666 42.3476 23.4334 41.9571 23.0429C41.5666 22.6524 40.9334 22.6524 40.5429 23.0429L40.3284 23.2574C38.7663 24.8195 36.2337 24.8195 34.6716 23.2574L34.4571 23.0429Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef40 = React30.forwardRef(NeutralOutline60Icon);
+var NeutralOutline60Icon_default = ForwardRef40;
+var Box41 = restyle.createBox();
+var QuestionFill12Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box41, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 12,
+    height: 12,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 6,
+    cy: 6,
+    r: 3,
+    fill: "white"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1ZM4.78503 4.12878C5.01388 3.79211 5.40943 3.5 6 3.5C6.9718 3.5 7.5 4.29118 7.5 5C7.5 5.6221 7.1486 5.95717 6.91019 6.17879L6.90661 6.18212C6.669 6.403 6.54186 6.52118 6.48777 6.76123C6.42707 7.03062 6.15948 7.1998 5.89009 7.1391C5.62071 7.0784 5.45153 6.81081 5.51223 6.54142C5.63586 5.99273 5.97122 5.68406 6.18851 5.48407L6.22934 5.44637C6.44442 5.24644 6.5 5.16867 6.5 5C6.5 4.87354 6.45245 4.74401 6.36932 4.65114C6.29367 4.56662 6.1786 4.5 6 4.5C5.78668 4.5 5.68223 4.58771 5.61205 4.69095C5.57163 4.75041 5.54197 4.81868 5.52281 4.88368C5.51343 4.91552 5.50739 4.94383 5.50384 4.96623C5.50058 4.98681 5.50009 4.9982 5.50001 4.99989L5.5 5C5.5 5.27614 5.27614 5.5 5 5.5C4.72386 5.5 4.5 5.27614 4.5 5C4.5 4.78806 4.57457 4.43839 4.78503 4.12878ZM5.5 5.0001L5.5 5C5.5 5.00009 5.5 5.00013 5.5 5.0001ZM6 8.51324C6.27614 8.51324 6.5 8.28939 6.5 8.01324C6.5 7.7371 6.27614 7.51324 6 7.51324C5.72386 7.51324 5.5 7.7371 5.5 8.01324C5.5 8.28939 5.72386 8.51324 6 8.51324Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef41 = React30.forwardRef(QuestionFill12Icon);
+var QuestionFill12Icon_default = ForwardRef41;
+var Box42 = restyle.createBox();
+var QuestionFill18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box42, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 9,
+    cy: 9,
+    r: 5,
+    fill: "white"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5ZM7.3843 5.83371C7.68791 5.38706 8.20846 5 9 5C10.2943 5 11 6.04807 11 7C11 7.41037 10.8453 7.76626 10.6646 8.04936C10.4843 8.33182 10.259 8.57123 10.0776 8.75263C9.97119 8.85902 9.81987 9.06423 9.69607 9.31374C9.57089 9.56603 9.5 9.8112 9.5 10C9.5 10.2761 9.27614 10.5 9 10.5C8.72386 10.5 8.5 10.2761 8.5 10C8.5 9.59714 8.63934 9.19363 8.80028 8.86927C8.9626 8.54213 9.1733 8.2427 9.37048 8.04552C9.53867 7.87733 9.70138 7.69972 9.82166 7.5113C9.94153 7.32352 10 7.15467 10 7C10 6.49327 9.64069 6 9 6C8.58571 6 8.35626 6.18266 8.21132 6.39588C8.048 6.63615 8 6.91148 8 7C8 7.27614 7.77614 7.5 7.5 7.5C7.22386 7.5 7 7.27614 7 7C7 6.72797 7.09908 6.2533 7.3843 5.83371ZM9 12.5C9.34518 12.5 9.625 12.2202 9.625 11.875C9.625 11.5298 9.34518 11.25 9 11.25C8.65482 11.25 8.375 11.5298 8.375 11.875C8.375 12.2202 8.65482 12.5 9 12.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef42 = React30.forwardRef(QuestionFill18Icon);
+var QuestionFill18Icon_default = ForwardRef42;
+var Box43 = restyle.createBox();
+var QuestionFill24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box43, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 12,
+    cy: 12,
+    r: 6,
+    fill: "white"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM10.0509 8.02643C10.4363 7.49429 11.0728 7 12 7C12.855 7 13.502 7.3089 13.9266 7.81331C14.3392 8.30335 14.5 8.92741 14.5 9.5C14.5 10.0877 14.3417 10.522 14.0909 10.8848C13.911 11.145 13.6744 11.3737 13.4709 11.5705L13.4709 11.5705L13.4708 11.5706L13.4704 11.5709C13.4171 11.6225 13.3661 11.6718 13.3189 11.719L13.2839 11.754C13.0857 11.9519 12.9076 12.1296 12.7642 12.3786C12.6191 12.6306 12.5 12.9764 12.5 13.5C12.5 13.7761 12.2761 14 12 14C11.7239 14 11.5 13.7761 11.5 13.5C11.5 12.8093 11.6612 12.2902 11.8976 11.8796C12.1099 11.5109 12.3757 11.2467 12.5666 11.0569L12.5666 11.0569L12.6118 11.0119C12.6876 10.9361 12.757 10.8688 12.8209 10.8067L12.821 10.8067C13.0087 10.6245 13.1499 10.4875 13.2683 10.3161C13.4035 10.1206 13.5 9.8847 13.5 9.5C13.5 9.10015 13.3863 8.72421 13.1616 8.45736C12.9491 8.20488 12.5961 8 12 8C11.4762 8 11.1126 8.26534 10.8608 8.61302C10.5929 8.98291 10.5 9.3824 10.5 9.5C10.5 9.77614 10.2761 10 10 10C9.72386 10 9.5 9.77614 9.5 9.5C9.5 9.13687 9.68158 8.53636 10.0509 8.02643ZM12 16.5C12.4142 16.5 12.75 16.1642 12.75 15.75C12.75 15.3358 12.4142 15 12 15C11.5858 15 11.25 15.3358 11.25 15.75C11.25 16.1642 11.5858 16.5 12 16.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef43 = React30.forwardRef(QuestionFill24Icon);
+var QuestionFill24Icon_default = ForwardRef43;
+var Box44 = restyle.createBox();
+var QuestionFill30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box44, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 15,
+    cy: 15,
+    r: 8,
+    fill: "white"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 3C8.37258 3 3 8.37258 3 15C3 21.6274 8.37258 27 15 27C21.6274 27 27 21.6274 27 15C27 8.37258 21.6274 3 15 3ZM12.584 10.2852C13.0318 9.61339 13.7999 9 15 9C16.1428 9 16.9221 9.43785 17.4 10.075C17.8597 10.6879 18 11.4302 18 12C18 12.9929 17.5424 13.6647 16.8536 14.3536C16.3461 14.861 15.5 15.7279 15.5 17C15.5 17.2761 15.2761 17.5 15 17.5C14.7239 17.5 14.5 17.2761 14.5 17C14.5 15.2921 15.6273 14.1653 16.1291 13.6638L16.1464 13.6464C16.7549 13.038 17 12.6071 17 12C17 11.5698 16.8903 11.0621 16.6 10.675C16.3279 10.3121 15.8572 10 15 10C14.2001 10 13.7182 10.3866 13.416 10.8398C13.0957 11.3204 13 11.8489 13 12C13 12.2761 12.7761 12.5 12.5 12.5C12.2239 12.5 12 12.2761 12 12C12 11.6511 12.1543 10.9296 12.584 10.2852ZM15 20.5C15.4142 20.5 15.75 20.1642 15.75 19.75C15.75 19.3358 15.4142 19 15 19C14.5858 19 14.25 19.3358 14.25 19.75C14.25 20.1642 14.5858 20.5 15 20.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef44 = React30.forwardRef(QuestionFill30Icon);
+var QuestionFill30Icon_default = ForwardRef44;
+var Box45 = restyle.createBox();
+var QuestionOutline12Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box45, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 12,
+    height: 12,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6 2C3.79086 2 2 3.79086 2 6C2 8.20914 3.79086 10 6 10C8.20914 10 10 8.20914 10 6C10 3.79086 8.20914 2 6 2ZM1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6ZM4.78503 4.12878C5.01388 3.79211 5.40943 3.5 6 3.5C6.9718 3.5 7.5 4.29118 7.5 5C7.5 5.6221 7.1486 5.95717 6.91019 6.17879L6.90661 6.18212C6.669 6.403 6.54186 6.52118 6.48777 6.76123C6.42707 7.03062 6.15948 7.1998 5.89009 7.1391C5.62071 7.0784 5.45153 6.81081 5.51223 6.54142C5.63586 5.99273 5.97122 5.68406 6.18851 5.48407L6.22934 5.44637C6.44442 5.24644 6.5 5.16867 6.5 5C6.5 4.87354 6.45245 4.74401 6.36932 4.65114C6.29367 4.56662 6.1786 4.5 6 4.5C5.78668 4.5 5.68223 4.58771 5.61205 4.69095C5.57163 4.75041 5.54197 4.81868 5.52281 4.88368C5.51343 4.91552 5.50739 4.94383 5.50384 4.96623C5.50058 4.98681 5.50009 4.9982 5.50001 4.99989L5.5 5C5.5 5.27614 5.27614 5.5 5 5.5C4.72386 5.5 4.5 5.27614 4.5 5C4.5 4.78806 4.57457 4.43839 4.78503 4.12878ZM5.5 5.0001L5.5 5C5.5 5.00009 5.5 5.00013 5.5 5.0001ZM6 8.51331C6.27614 8.51331 6.5 8.28945 6.5 8.01331C6.5 7.73716 6.27614 7.51331 6 7.51331C5.72386 7.51331 5.5 7.73716 5.5 8.01331C5.5 8.28945 5.72386 8.51331 6 8.51331Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef45 = React30.forwardRef(QuestionOutline12Icon);
+var QuestionOutline12Icon_default = ForwardRef45;
+var Box46 = restyle.createBox();
+var QuestionOutline18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box46, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9 2.5C5.41015 2.5 2.5 5.41015 2.5 9C2.5 12.5899 5.41015 15.5 9 15.5C12.5899 15.5 15.5 12.5899 15.5 9C15.5 5.41015 12.5899 2.5 9 2.5ZM1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9ZM7.3843 5.83371C7.68791 5.38706 8.20846 5 9 5C10.2943 5 11 6.04807 11 7C11 7.41037 10.8453 7.76626 10.6646 8.04936C10.4843 8.33182 10.259 8.57123 10.0776 8.75263C9.97119 8.85902 9.81987 9.06423 9.69607 9.31374C9.57089 9.56603 9.5 9.8112 9.5 10C9.5 10.2761 9.27614 10.5 9 10.5C8.72386 10.5 8.5 10.2761 8.5 10C8.5 9.59714 8.63934 9.19363 8.80028 8.86927C8.9626 8.54213 9.1733 8.2427 9.37048 8.04552C9.53867 7.87733 9.70138 7.69972 9.82166 7.5113C9.94153 7.32352 10 7.15467 10 7C10 6.49327 9.64069 6 9 6C8.58571 6 8.35626 6.18266 8.21132 6.39588C8.048 6.63615 8 6.91148 8 7C8 7.27614 7.77614 7.5 7.5 7.5C7.22386 7.5 7 7.27614 7 7C7 6.72797 7.09908 6.2533 7.3843 5.83371ZM9 12.5C9.34518 12.5 9.625 12.2202 9.625 11.875C9.625 11.5298 9.34518 11.25 9 11.25C8.65482 11.25 8.375 11.5298 8.375 11.875C8.375 12.2202 8.65482 12.5 9 12.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef46 = React30.forwardRef(QuestionOutline18Icon);
+var QuestionOutline18Icon_default = ForwardRef46;
+var Box47 = restyle.createBox();
+var QuestionOutline24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box47, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM10.0509 8.02643C10.4363 7.49429 11.0728 7 12 7C12.855 7 13.502 7.3089 13.9266 7.81331C14.3392 8.30335 14.5 8.92741 14.5 9.5C14.5 10.0877 14.3417 10.522 14.0909 10.8848C13.911 11.145 13.6744 11.3737 13.4709 11.5705L13.4709 11.5705L13.4708 11.5706L13.4704 11.5709C13.4171 11.6225 13.3661 11.6718 13.3189 11.719L13.2839 11.754C13.0857 11.9519 12.9076 12.1296 12.7642 12.3786C12.6191 12.6306 12.5 12.9764 12.5 13.5C12.5 13.7761 12.2761 14 12 14C11.7239 14 11.5 13.7761 11.5 13.5C11.5 12.8093 11.6612 12.2902 11.8976 11.8796C12.1099 11.5109 12.3756 11.2467 12.5666 11.0569L12.5666 11.0569L12.6118 11.0119C12.6876 10.9361 12.757 10.8688 12.8209 10.8067L12.821 10.8067C13.0087 10.6245 13.1499 10.4875 13.2683 10.3161C13.4035 10.1206 13.5 9.8847 13.5 9.5C13.5 9.10015 13.3863 8.72421 13.1616 8.45736C12.9491 8.20488 12.5961 8 12 8C11.4762 8 11.1126 8.26534 10.8608 8.61302C10.5929 8.98291 10.5 9.3824 10.5 9.5C10.5 9.77614 10.2761 10 10 10C9.72386 10 9.5 9.77614 9.5 9.5C9.5 9.13687 9.68158 8.53636 10.0509 8.02643ZM12 16.5C12.4142 16.5 12.75 16.1642 12.75 15.75C12.75 15.3358 12.4142 15 12 15C11.5858 15 11.25 15.3358 11.25 15.75C11.25 16.1642 11.5858 16.5 12 16.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef47 = React30.forwardRef(QuestionOutline24Icon);
+var QuestionOutline24Icon_default = ForwardRef47;
+var Box48 = restyle.createBox();
+var QuestionOutline30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box48, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 4C8.92487 4 4 8.92487 4 15C4 21.0751 8.92487 26 15 26C21.0751 26 26 21.0751 26 15C26 8.92487 21.0751 4 15 4ZM3 15C3 8.37258 8.37258 3 15 3C21.6274 3 27 8.37258 27 15C27 21.6274 21.6274 27 15 27C8.37258 27 3 21.6274 3 15ZM12.584 10.2851C13.0318 9.61339 13.7999 9 15 9C16.1428 9 16.9221 9.43785 17.4 10.075C17.8597 10.6879 18 11.4302 18 12C18 12.9929 17.5424 13.6647 16.8536 14.3536C16.3461 14.861 15.5 15.7279 15.5 17C15.5 17.2761 15.2761 17.5 15 17.5C14.7239 17.5 14.5 17.2761 14.5 17C14.5 15.2921 15.6273 14.1653 16.1291 13.6638L16.1464 13.6464C16.7549 13.038 17 12.6071 17 12C17 11.5698 16.8903 11.0621 16.6 10.675C16.3279 10.3121 15.8572 10 15 10C14.2001 10 13.7182 10.3866 13.416 10.8398C13.0957 11.3204 13 11.8489 13 12C13 12.2761 12.7761 12.5 12.5 12.5C12.2239 12.5 12 12.2761 12 12C12 11.6511 12.1543 10.9296 12.584 10.2851ZM15 20.5C15.4142 20.5 15.75 20.1642 15.75 19.75C15.75 19.3358 15.4142 19 15 19C14.5858 19 14.25 19.3358 14.25 19.75C14.25 20.1642 14.5858 20.5 15 20.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef48 = React30.forwardRef(QuestionOutline30Icon);
+var QuestionOutline30Icon_default = ForwardRef48;
+var Box49 = restyle.createBox();
+var RealtimeCancelled12Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box49, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 12,
+    height: 12,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 6,
+    cy: 6.00004,
+    r: 4.66667,
+    fill: "#FBCCCC"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 6,
+    cy: 6,
+    r: 2,
+    fill: "#ED0000"
+  })));
+};
+var ForwardRef49 = React30.forwardRef(RealtimeCancelled12Icon);
+var RealtimeCancelled12Icon_default = ForwardRef49;
+var Box50 = restyle.createBox();
+var RealtimeCancelled18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box50, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 9,
+    cy: 9,
+    r: 7,
+    fill: "#FBCCCC"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 9,
+    cy: 9,
+    r: 3,
+    fill: "#ED0000"
+  })));
+};
+var ForwardRef50 = React30.forwardRef(RealtimeCancelled18Icon);
+var RealtimeCancelled18Icon_default = ForwardRef50;
+var Box51 = restyle.createBox();
+var RealtimeDelay12Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box51, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 12,
+    height: 12,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    r: 4.66667,
+    transform: "matrix(1 0 0 -1 6 5.99996)",
+    fill: "#FDF3BA"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    r: 2,
+    transform: "matrix(1 0 0 -1 6 6)",
+    fill: "#F1C400"
+  })));
+};
+var ForwardRef51 = React30.forwardRef(RealtimeDelay12Icon);
+var RealtimeDelay12Icon_default = ForwardRef51;
+var Box52 = restyle.createBox();
+var RealtimeDelay18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box52, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    r: 7,
+    transform: "matrix(1 0 0 -1 9 9)",
+    fill: "#FDF3BA"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    r: 3,
+    transform: "matrix(1 0 0 -1 9 9)",
+    fill: "#F1C400"
+  })));
+};
+var ForwardRef52 = React30.forwardRef(RealtimeDelay18Icon);
+var RealtimeDelay18Icon_default = ForwardRef52;
+var Box53 = restyle.createBox();
+var RealtimeNotStarted12Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box53, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 12,
+    height: 12,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 6,
+    cy: 6.00004,
+    r: 4.66667,
+    fill: "#D7D8D9"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 6,
+    cy: 6,
+    r: 2,
+    fill: "#888B8E"
+  })));
+};
+var ForwardRef53 = React30.forwardRef(RealtimeNotStarted12Icon);
+var RealtimeNotStarted12Icon_default = ForwardRef53;
+var Box54 = restyle.createBox();
+var RealtimeNotStarted18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box54, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 9,
+    cy: 9,
+    r: 7,
+    fill: "#D7D8D9"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 9,
+    cy: 9,
+    r: 3,
+    fill: "#888B8E"
+  })));
+};
+var ForwardRef54 = React30.forwardRef(RealtimeNotStarted18Icon);
+var RealtimeNotStarted18Icon_default = ForwardRef54;
+var Box55 = restyle.createBox();
+var RealtimeOnRoute12Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box55, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 12,
+    height: 12,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 6,
+    cy: 6.00004,
+    r: 4.66667,
+    fill: "#B2DFD7"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 6,
+    cy: 6,
+    r: 2,
+    fill: "#00957A"
+  })));
+};
+var ForwardRef55 = React30.forwardRef(RealtimeOnRoute12Icon);
+var RealtimeOnRoute12Icon_default = ForwardRef55;
+var Box56 = restyle.createBox();
+var RealtimeOnRoute18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box56, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 9,
+    cy: 9,
+    r: 7,
+    fill: "#B2DFD7"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 9,
+    cy: 9,
+    r: 3,
+    fill: "#00957A"
+  })));
+};
+var ForwardRef56 = React30.forwardRef(RealtimeOnRoute18Icon);
+var RealtimeOnRoute18Icon_default = ForwardRef56;
+var Box57 = restyle.createBox();
+var SmileFill18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box57, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    d: "M16 9C16 12.866 12.866 16 9 16C5.13401 16 2 12.866 2 9C2 5.13401 5.13401 2 9 2C12.866 2 16 5.13401 16 9Z",
+    fill: "#B2DFD7"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    d: "M12.5 9H5.5V9.1C5.5 10.9778 7.02223 12.5 8.9 12.5H9.1C10.9778 12.5 12.5 10.9778 12.5 9.1V9Z",
+    fill: "white"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.5 9C2.5 5.41015 5.41015 2.5 9 2.5C12.5899 2.5 15.5 5.41015 15.5 9C15.5 12.5899 12.5899 15.5 9 15.5C5.41015 15.5 2.5 12.5899 2.5 9ZM9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5ZM5 9V9.1C5 11.2539 6.74609 13 8.9 13H9.1C11.2539 13 13 11.2539 13 9.1V9C13 8.72386 12.7761 8.5 12.5 8.5H5.5C5.22386 8.5 5 8.72386 5 9ZM8.9 12C7.43409 12 6.22221 10.9123 6.02736 9.5H11.9726C11.7778 10.9123 10.5659 12 9.1 12H8.9ZM6.99498 6.7021C6.72161 6.42873 6.27839 6.42873 6.00503 6.7021L5.85355 6.85357C5.65829 7.04883 5.34171 7.04883 5.14645 6.85357C4.95118 6.65831 4.95118 6.34172 5.14645 6.14646L5.29792 5.99499C5.96181 5.3311 7.03819 5.3311 7.70208 5.99499L7.85355 6.14646C8.04882 6.34172 8.04882 6.65831 7.85355 6.85357C7.65829 7.04883 7.34171 7.04883 7.14645 6.85357L6.99498 6.7021ZM11.005 6.7021C11.2784 6.42873 11.7216 6.42873 11.995 6.7021L12.1464 6.85357C12.3417 7.04883 12.6583 7.04883 12.8536 6.85357C13.0488 6.65831 13.0488 6.34172 12.8536 6.14646L12.7021 5.99499C12.0382 5.3311 10.9618 5.3311 10.2979 5.99499L10.1464 6.14646C9.95118 6.34172 9.95118 6.65831 10.1464 6.85357C10.3417 7.04883 10.6583 7.04883 10.8536 6.85357L11.005 6.7021Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef57 = React30.forwardRef(SmileFill18Icon);
+var SmileFill18Icon_default = ForwardRef57;
+var Box58 = restyle.createBox();
+var SmileFill24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box58, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    d: "M20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12Z",
+    fill: "#B2DFD7"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    d: "M16.5 11.5H7.5V12C7.5 14.4853 9.51472 16.5 12 16.5C14.4853 16.5 16.5 14.4853 16.5 12V11.5Z",
+    fill: "white"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM7.5 11C7.22386 11 7 11.2239 7 11.5V12C7 14.7614 9.23858 17 12 17C14.7614 17 17 14.7614 17 12V11.5C17 11.2239 16.7761 11 16.5 11H7.5ZM12 16C9.79086 16 8 14.2091 8 12H16C16 14.2091 14.2091 16 12 16ZM10.0607 8.76777C9.47487 8.18198 8.52513 8.18198 7.93934 8.76777L7.85355 8.85356C7.65829 9.04882 7.34171 9.04882 7.14645 8.85356C6.95118 8.65829 6.95118 8.34171 7.14645 8.14645L7.23223 8.06066C8.20854 7.08435 9.79146 7.08435 10.7678 8.06066L10.8536 8.14645C11.0488 8.34171 11.0488 8.65829 10.8536 8.85356C10.6583 9.04882 10.3417 9.04882 10.1464 8.85356L10.0607 8.76777ZM13.9393 8.76777C14.5251 8.18198 15.4749 8.18198 16.0607 8.76777L16.1464 8.85356C16.3417 9.04882 16.6583 9.04882 16.8536 8.85356C17.0488 8.65829 17.0488 8.34171 16.8536 8.14645L16.7678 8.06066C15.7915 7.08435 14.2085 7.08435 13.2322 8.06066L13.1464 8.14645C12.9512 8.34171 12.9512 8.65829 13.1464 8.85356C13.3417 9.04882 13.6583 9.04882 13.8536 8.85356L13.9393 8.76777Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef58 = React30.forwardRef(SmileFill24Icon);
+var SmileFill24Icon_default = ForwardRef58;
+var Box59 = restyle.createBox();
+var SmileFill30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box59, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    d: "M26.5 15C26.5 21.3513 21.3513 26.5 15 26.5C8.64873 26.5 3.5 21.3513 3.5 15C3.5 8.64873 8.64873 3.5 15 3.5C21.3513 3.5 26.5 8.64873 26.5 15Z",
+    fill: "#B2DFD7"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    d: "M9 17.5L8.5 14.5H21.5L21 17.5L19 20.5L16 21.5H13.5L11 20.5L9 17.5Z",
+    fill: "white"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 15C4 8.92487 8.92487 4 15 4C21.0751 4 26 8.92487 26 15C26 21.0751 21.0751 26 15 26C8.92487 26 4 21.0751 4 15ZM15 3C8.37258 3 3 8.37258 3 15C3 21.6274 8.37258 27 15 27C21.6274 27 27 21.6274 27 15C27 8.37258 21.6274 3 15 3ZM9.08579 10.6213C9.86684 9.84026 11.1332 9.84026 11.9142 10.6213L12.1464 10.8535C12.3417 11.0488 12.6583 11.0488 12.8536 10.8535C13.0488 10.6583 13.0488 10.3417 12.8536 10.1464L12.6213 9.9142C11.4497 8.74263 9.55025 8.74263 8.37868 9.9142L8.14645 10.1464C7.95118 10.3417 7.95118 10.6583 8.14645 10.8535C8.34171 11.0488 8.65829 11.0488 8.85355 10.8535L9.08579 10.6213ZM18.0858 10.6213C18.8668 9.84026 20.1332 9.84026 20.9142 10.6213L21.1464 10.8535C21.3417 11.0488 21.6583 11.0488 21.8536 10.8535C22.0488 10.6583 22.0488 10.3417 21.8536 10.1464L21.6213 9.9142C20.4497 8.74263 18.5503 8.74263 17.3787 9.9142L17.1464 10.1464C16.9512 10.3417 16.9512 10.6583 17.1464 10.8535C17.3417 11.0488 17.6583 11.0488 17.8536 10.8535L18.0858 10.6213ZM22 15.25V14.5C22 14.2239 21.7761 14 21.5 14H8.5C8.22386 14 8 14.2239 8 14.5V15.25C8 18.9779 11.0221 22 14.75 22H15.25C18.9779 22 22 18.9779 22 15.25ZM9 15.25V15H21V15.25C21 16.899 20.3059 18.3858 19.1939 19.4343C17.0253 16.806 12.9747 16.806 10.8061 19.4343C9.69411 18.3858 9 16.899 9 15.25ZM11.5906 20.055C12.4972 20.6524 13.583 21 14.75 21H15.25C16.417 21 17.5028 20.6524 18.4094 20.055C16.6404 17.9324 13.3596 17.9324 11.5906 20.055Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef59 = React30.forwardRef(SmileFill30Icon);
+var SmileFill30Icon_default = ForwardRef59;
+var Box60 = restyle.createBox();
+var SmileFill60Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box60, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 60,
+    height: 60,
+    viewBox: "0 0 60 60",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    d: "M53 30C53 42.7025 42.7025 53 30 53C17.2975 53 7 42.7025 7 30C7 17.2975 17.2975 7 30 7C42.7025 7 53 17.2975 53 30Z",
+    fill: "#B2DFD7"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    d: "M43 29H17V30.5C17 37.4036 22.5964 43 29.5 43H30.5C37.4036 43 43 37.4036 43 30.5V29Z",
+    fill: "white"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M30 8C17.8497 8 8 17.8497 8 30C8 42.1503 17.8497 52 30 52C42.1503 52 52 42.1503 52 30C52 17.8497 42.1503 8 30 8ZM6 30C6 16.7452 16.7452 6 30 6C43.2548 6 54 16.7452 54 30C54 43.2548 43.2548 54 30 54C16.7452 54 6 43.2548 6 30ZM16 29C16 28.4477 16.4477 28 17 28H43C43.5523 28 44 28.4477 44 29V30.5C44 37.9558 37.9558 44 30.5 44H29.5C22.0442 44 16 37.9558 16 30.5V29ZM18 30V30.5C18 33.5573 19.193 36.3359 21.1389 38.3958L22.2 37.6C26.8222 34.1333 33.1778 34.1333 37.8 37.6L38.8611 38.3958C40.807 36.3359 42 33.5573 42 30.5V30H18ZM37.3337 39.7503L36.6 39.2C32.6889 36.2667 27.3111 36.2667 23.4 39.2L22.6663 39.7503C24.5768 41.164 26.9408 42 29.5 42H30.5C33.0592 42 35.4232 41.164 37.3337 39.7503ZM18.1716 21.2426C19.7337 19.6805 22.2663 19.6805 23.8284 21.2426L24.2929 21.7071C24.6834 22.0976 25.3166 22.0976 25.7071 21.7071C26.0976 21.3166 26.0976 20.6834 25.7071 20.2929L25.2426 19.8284C22.8995 17.4853 19.1005 17.4853 16.7574 19.8284L16.2929 20.2929C15.9024 20.6834 15.9024 21.3166 16.2929 21.7071C16.6834 22.0976 17.3166 22.0976 17.7071 21.7071L18.1716 21.2426ZM41.8284 21.2426C40.2663 19.6805 37.7337 19.6805 36.1716 21.2426L35.7071 21.7071C35.3166 22.0976 34.6834 22.0976 34.2929 21.7071C33.9024 21.3166 33.9024 20.6834 34.2929 20.2929L34.7574 19.8284C37.1005 17.4853 40.8995 17.4853 43.2426 19.8284L43.7071 20.2929C44.0976 20.6834 44.0976 21.3166 43.7071 21.7071C43.3166 22.0976 42.6834 22.0976 42.2929 21.7071L41.8284 21.2426Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef60 = React30.forwardRef(SmileFill60Icon);
+var SmileFill60Icon_default = ForwardRef60;
+var Box61 = restyle.createBox();
+var SmileOutline18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box61, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.5 9C2.5 5.41015 5.41015 2.5 9 2.5C12.5899 2.5 15.5 5.41015 15.5 9C15.5 12.5899 12.5899 15.5 9 15.5C5.41015 15.5 2.5 12.5899 2.5 9ZM9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5ZM5 9V9.1C5 11.2539 6.74609 13 8.9 13H9.1C11.2539 13 13 11.2539 13 9.1V9C13 8.72386 12.7761 8.5 12.5 8.5H5.5C5.22386 8.5 5 8.72386 5 9ZM8.9 12C7.43409 12 6.22221 10.9123 6.02736 9.5H11.9726C11.7778 10.9123 10.5659 12 9.1 12H8.9ZM6.99498 6.7021C6.72161 6.42873 6.27839 6.42873 6.00503 6.7021L5.85355 6.85357C5.65829 7.04883 5.34171 7.04883 5.14645 6.85357C4.95118 6.65831 4.95118 6.34172 5.14645 6.14646L5.29792 5.99499C5.96181 5.3311 7.03819 5.3311 7.70208 5.99499L7.85355 6.14646C8.04882 6.34172 8.04882 6.65831 7.85355 6.85357C7.65829 7.04883 7.34171 7.04883 7.14645 6.85357L6.99498 6.7021ZM11.005 6.7021C11.2784 6.42873 11.7216 6.42873 11.995 6.7021L12.1464 6.85357C12.3417 7.04883 12.6583 7.04883 12.8536 6.85357C13.0488 6.65831 13.0488 6.34172 12.8536 6.14646L12.7021 5.99499C12.0382 5.3311 10.9618 5.3311 10.2979 5.99499L10.1464 6.14646C9.95118 6.34172 9.95118 6.65831 10.1464 6.85357C10.3417 7.04883 10.6583 7.04883 10.8536 6.85357L11.005 6.7021Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef61 = React30.forwardRef(SmileOutline18Icon);
+var SmileOutline18Icon_default = ForwardRef61;
+var Box62 = restyle.createBox();
+var SmileOutline24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box62, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM7.5 11C7.22386 11 7 11.2239 7 11.5V12C7 14.7614 9.23858 17 12 17C14.7614 17 17 14.7614 17 12V11.5C17 11.2239 16.7761 11 16.5 11H7.5ZM12 16C9.79086 16 8 14.2091 8 12H16C16 14.2091 14.2091 16 12 16ZM10.0607 8.76777C9.47487 8.18198 8.52513 8.18198 7.93934 8.76777L7.85355 8.85356C7.65829 9.04882 7.34171 9.04882 7.14645 8.85356C6.95118 8.65829 6.95118 8.34171 7.14645 8.14645L7.23223 8.06066C8.20854 7.08435 9.79146 7.08435 10.7678 8.06066L10.8536 8.14645C11.0488 8.34171 11.0488 8.65829 10.8536 8.85356C10.6583 9.04882 10.3417 9.04882 10.1464 8.85356L10.0607 8.76777ZM13.9393 8.76777C14.5251 8.18198 15.4749 8.18198 16.0607 8.76777L16.1464 8.85356C16.3417 9.04882 16.6583 9.04882 16.8536 8.85356C17.0488 8.65829 17.0488 8.34171 16.8536 8.14645L16.7678 8.06066C15.7915 7.08435 14.2085 7.08435 13.2322 8.06066L13.1464 8.14645C12.9512 8.34171 12.9512 8.65829 13.1464 8.85356C13.3417 9.04882 13.6583 9.04882 13.8536 8.85356L13.9393 8.76777Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef62 = React30.forwardRef(SmileOutline24Icon);
+var SmileOutline24Icon_default = ForwardRef62;
+var Box63 = restyle.createBox();
+var SmileOutline30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box63, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 4C8.92487 4 4 8.92487 4 15C4 21.0751 8.92487 26 15 26C21.0751 26 26 21.0751 26 15C26 8.92487 21.0751 4 15 4ZM3 15C3 8.37258 8.37258 3 15 3C21.6274 3 27 8.37258 27 15C27 21.6274 21.6274 27 15 27C8.37258 27 3 21.6274 3 15ZM8 14.5C8 14.2239 8.22386 14 8.5 14H21.5C21.7761 14 22 14.2239 22 14.5V15.25C22 18.9779 18.9779 22 15.25 22H14.75C11.0221 22 8 18.9779 8 15.25V14.5ZM9 15V15.25C9 16.899 9.69411 18.3858 10.8061 19.4343C12.9747 16.806 17.0253 16.806 19.1939 19.4343C20.3059 18.3858 21 16.899 21 15.25V15H9ZM18.4094 20.055C16.6404 17.9324 13.3596 17.9324 11.5906 20.055C12.4972 20.6524 13.583 21 14.75 21H15.25C16.417 21 17.5028 20.6524 18.4094 20.055ZM11.9142 10.6213C11.1332 9.84026 9.86684 9.84026 9.08579 10.6213L8.85355 10.8535C8.65829 11.0488 8.34171 11.0488 8.14645 10.8535C7.95118 10.6583 7.95118 10.3417 8.14645 10.1464L8.37868 9.9142C9.55025 8.74263 11.4497 8.74263 12.6213 9.9142L12.8536 10.1464C13.0488 10.3417 13.0488 10.6583 12.8536 10.8535C12.6583 11.0488 12.3417 11.0488 12.1464 10.8535L11.9142 10.6213ZM18.0858 10.6213C18.8668 9.84026 20.1332 9.84026 20.9142 10.6213L21.1464 10.8535C21.3417 11.0488 21.6583 11.0488 21.8536 10.8535C22.0488 10.6583 22.0488 10.3417 21.8536 10.1464L21.6213 9.9142C20.4497 8.74263 18.5503 8.74263 17.3787 9.9142L17.1464 10.1464C16.9512 10.3417 16.9512 10.6583 17.1464 10.8535C17.3417 11.0488 17.6583 11.0488 17.8536 10.8535L18.0858 10.6213Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef63 = React30.forwardRef(SmileOutline30Icon);
+var SmileOutline30Icon_default = ForwardRef63;
+var Box64 = restyle.createBox();
+var SmileOutline60Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box64, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 60,
+    height: 60,
+    viewBox: "0 0 60 60",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M30 8C17.8497 8 8 17.8497 8 30C8 42.1503 17.8497 52 30 52C42.1503 52 52 42.1503 52 30C52 17.8497 42.1503 8 30 8ZM6 30C6 16.7452 16.7452 6 30 6C43.2548 6 54 16.7452 54 30C54 43.2548 43.2548 54 30 54C16.7452 54 6 43.2548 6 30ZM16 29C16 28.4477 16.4477 28 17 28H43C43.5523 28 44 28.4477 44 29V30.5C44 37.9558 37.9558 44 30.5 44H29.5C22.0442 44 16 37.9558 16 30.5V29ZM18 30V30.5C18 33.5573 19.193 36.3359 21.1389 38.3958L22.2 37.6C26.8222 34.1333 33.1778 34.1333 37.8 37.6L38.861 38.3958C40.807 36.3359 42 33.5573 42 30.5V30H18ZM37.3337 39.7503L36.6 39.2C32.6889 36.2667 27.3111 36.2667 23.4 39.2L22.6663 39.7503C24.5768 41.164 26.9408 42 29.5 42H30.5C33.0592 42 35.4232 41.164 37.3337 39.7503ZM18.1716 21.2426C19.7337 19.6805 22.2663 19.6805 23.8284 21.2426L24.2929 21.7071C24.6834 22.0976 25.3166 22.0976 25.7071 21.7071C26.0976 21.3166 26.0976 20.6834 25.7071 20.2929L25.2426 19.8284C22.8995 17.4853 19.1005 17.4853 16.7574 19.8284L16.2929 20.2929C15.9024 20.6834 15.9024 21.3166 16.2929 21.7071C16.6834 22.0976 17.3166 22.0976 17.7071 21.7071L18.1716 21.2426ZM41.8284 21.2426C40.2663 19.6805 37.7337 19.6805 36.1716 21.2426L35.7071 21.7071C35.3166 22.0976 34.6834 22.0976 34.2929 21.7071C33.9024 21.3166 33.9024 20.6834 34.2929 20.2929L34.7574 19.8284C37.1005 17.4853 40.8995 17.4853 43.2426 19.8284L43.7071 20.2929C44.0976 20.6834 44.0976 21.3166 43.7071 21.7071C43.3166 22.0976 42.6834 22.0976 42.2929 21.7071L41.8284 21.2426Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef64 = React30.forwardRef(SmileOutline60Icon);
+var SmileOutline60Icon_default = ForwardRef64;
+var Box65 = restyle.createBox();
+var SubtractFill18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box65, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5ZM5.49998 9C5.49998 8.72386 5.72384 8.5 5.99998 8.5H12C12.2761 8.5 12.5 8.72386 12.5 9C12.5 9.27614 12.2761 9.5 12 9.5H5.99998C5.72384 9.5 5.49998 9.27614 5.49998 9Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef65 = React30.forwardRef(SubtractFill18Icon);
+var SubtractFill18Icon_default = ForwardRef65;
+var Box66 = restyle.createBox();
+var SubtractFill24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box66, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM7.5 12C7.5 11.7239 7.72386 11.5 8 11.5H16C16.2761 11.5 16.5 11.7239 16.5 12C16.5 12.2761 16.2761 12.5 16 12.5H8C7.72386 12.5 7.5 12.2761 7.5 12Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef66 = React30.forwardRef(SubtractFill24Icon);
+var SubtractFill24Icon_default = ForwardRef66;
+var Box67 = restyle.createBox();
+var SubtractFill30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box67, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 3C8.37258 3 3 8.37258 3 15C3 21.6274 8.37258 27 15 27C21.6274 27 27 21.6274 27 15C27 8.37258 21.6274 3 15 3ZM9 15C9 14.7239 9.22386 14.5 9.5 14.5H20.5C20.7761 14.5 21 14.7239 21 15C21 15.2761 20.7761 15.5 20.5 15.5H9.5C9.22386 15.5 9 15.2761 9 15Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef67 = React30.forwardRef(SubtractFill30Icon);
+var SubtractFill30Icon_default = ForwardRef67;
+var Box68 = restyle.createBox();
+var SubtractOutline18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box68, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.5 9C2.5 5.41015 5.41015 2.5 9 2.5C12.5899 2.5 15.5 5.41015 15.5 9C15.5 12.5899 12.5899 15.5 9 15.5C5.41015 15.5 2.5 12.5899 2.5 9ZM9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5ZM6 8.5C5.72386 8.5 5.5 8.72386 5.5 9C5.5 9.27614 5.72386 9.5 6 9.5H12C12.2761 9.5 12.5 9.27614 12.5 9C12.5 8.72386 12.2761 8.5 12 8.5H6Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef68 = React30.forwardRef(SubtractOutline18Icon);
+var SubtractOutline18Icon_default = ForwardRef68;
+var Box69 = restyle.createBox();
+var SubtractOutline24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box69, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM8 11.5C7.72386 11.5 7.5 11.7239 7.5 12C7.5 12.2761 7.72386 12.5 8 12.5H16C16.2761 12.5 16.5 12.2761 16.5 12C16.5 11.7239 16.2761 11.5 16 11.5H8Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef69 = React30.forwardRef(SubtractOutline24Icon);
+var SubtractOutline24Icon_default = ForwardRef69;
+var Box70 = restyle.createBox();
+var SubtractOutline30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box70, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 15C4 8.92487 8.92487 4 15 4C21.0751 4 26 8.92487 26 15C26 21.0751 21.0751 26 15 26C8.92487 26 4 21.0751 4 15ZM15 3C8.37258 3 3 8.37258 3 15C3 21.6274 8.37258 27 15 27C21.6274 27 27 21.6274 27 15C27 8.37258 21.6274 3 15 3ZM9.5 14.5C9.22386 14.5 9 14.7239 9 15C9 15.2761 9.22386 15.5 9.5 15.5H20.5C20.7761 15.5 21 15.2761 21 15C21 14.7239 20.7761 14.5 20.5 14.5H9.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef70 = React30.forwardRef(SubtractOutline30Icon);
+var SubtractOutline30Icon_default = ForwardRef70;
+var Box71 = restyle.createBox();
+var SuccessFill12Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box71, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 12,
+    height: 12,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 6,
+    cy: 6,
+    r: 5,
+    fill: "white",
+    strokeWidth: 0
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6ZM8.35355 5.35355C8.54882 5.15829 8.54882 4.84171 8.35355 4.64645C8.15829 4.45118 7.84171 4.45118 7.64645 4.64645L5.5 6.79289L4.35355 5.64646C4.15829 5.45119 3.84171 5.4512 3.64645 5.64646C3.45118 5.84172 3.45118 6.1583 3.64645 6.35356L5.14645 7.85355C5.34171 8.04882 5.65829 8.04881 5.85355 7.85355L8.35355 5.35355Z",
+    fill: "#037D67"
+  })));
+};
+var ForwardRef71 = React30.forwardRef(SuccessFill12Icon);
+var SuccessFill12Icon_default = ForwardRef71;
+var Box72 = restyle.createBox();
+var SuccessFill18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box72, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    d: "M14.5 9C14.5 12.0376 12.0376 14.5 9 14.5C5.96243 14.5 3.5 12.0376 3.5 9C3.5 5.96243 5.96243 3.5 9 3.5C12.0376 3.5 14.5 5.96243 14.5 9Z",
+    fill: "white",
+    strokeWidth: 0
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9ZM12.8536 6.85355C13.0488 6.65829 13.0488 6.34171 12.8536 6.14645C12.6583 5.95118 12.3417 5.95118 12.1464 6.14645L8 10.2929L6.35355 8.64645C6.15829 8.45118 5.84171 8.45118 5.64645 8.64645C5.45118 8.84171 5.45118 9.15829 5.64645 9.35355L7.64645 11.3536C7.84171 11.5488 8.15829 11.5488 8.35355 11.3536L12.8536 6.85355Z",
+    fill: "#037D67"
+  })));
+};
+var ForwardRef72 = React30.forwardRef(SuccessFill18Icon);
+var SuccessFill18Icon_default = ForwardRef72;
+var Box73 = restyle.createBox();
+var SuccessFill24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box73, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 12.5,
+    cy: 12.5,
+    r: 6.5,
+    fill: "white",
+    strokeWidth: 0
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM16.8536 9.35355C17.0488 9.15829 17.0488 8.84171 16.8536 8.64645C16.6583 8.45118 16.3417 8.45118 16.1464 8.64645L11 13.7929L8.85355 11.6464C8.65829 11.4512 8.34171 11.4512 8.14645 11.6464C7.95118 11.8417 7.95118 12.1583 8.14645 12.3536L10.6464 14.8536C10.8417 15.0488 11.1583 15.0488 11.3536 14.8536L16.8536 9.35355Z",
+    fill: "#037D67"
+  })));
+};
+var ForwardRef73 = React30.forwardRef(SuccessFill24Icon);
+var SuccessFill24Icon_default = ForwardRef73;
+var Box74 = restyle.createBox();
+var SuccessFill30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box74, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Circle, {
+    cx: 15,
+    cy: 15,
+    r: 9,
+    fill: "white",
+    strokeWidth: 0
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3 15C3 8.37258 8.37258 3 15 3C21.6274 3 27 8.37258 27 15C27 21.6274 21.6274 27 15 27C8.37258 27 3 21.6274 3 15ZM21.8536 10.8536C22.0488 10.6583 22.0488 10.3417 21.8536 10.1464C21.6583 9.95118 21.3417 9.95118 21.1464 10.1464L13.5 17.7929L9.85355 14.1464C9.65829 13.9512 9.34171 13.9512 9.14645 14.1464C8.95118 14.3417 8.95118 14.6583 9.14645 14.8536L13.1464 18.8536C13.3417 19.0488 13.6583 19.0488 13.8536 18.8536L21.8536 10.8536Z",
+    fill: "#037D67"
+  })));
+};
+var ForwardRef74 = React30.forwardRef(SuccessFill30Icon);
+var SuccessFill30Icon_default = ForwardRef74;
+var Box75 = restyle.createBox();
+var SuccessOutline12Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box75, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 12,
+    height: 12,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1ZM8.35355 5.35355C8.54882 5.15829 8.54882 4.84171 8.35355 4.64645C8.15829 4.45118 7.84171 4.45118 7.64645 4.64645L5.5 6.79289L4.35355 5.64646C4.15829 5.45119 3.84171 5.4512 3.64645 5.64646C3.45118 5.84172 3.45118 6.1583 3.64645 6.35356L5.14645 7.85355C5.34171 8.04882 5.65829 8.04881 5.85355 7.85355L8.35355 5.35355Z",
+    fill: "#037D67"
+  })));
+};
+var ForwardRef75 = React30.forwardRef(SuccessOutline12Icon);
+var SuccessOutline12Icon_default = ForwardRef75;
+var Box76 = restyle.createBox();
+var SuccessOutline18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box76, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.5 9C2.5 5.41015 5.41015 2.5 9 2.5C12.5899 2.5 15.5 5.41015 15.5 9C15.5 12.5899 12.5899 15.5 9 15.5C5.41015 15.5 2.5 12.5899 2.5 9ZM9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5ZM12.8536 6.85355C13.0488 6.65829 13.0488 6.34171 12.8536 6.14645C12.6583 5.95118 12.3417 5.95118 12.1464 6.14645L8 10.2929L6.35355 8.64645C6.15829 8.45118 5.84171 8.45118 5.64645 8.64645C5.45118 8.84171 5.45118 9.15829 5.64645 9.35355L7.64645 11.3536C7.84171 11.5488 8.15829 11.5488 8.35355 11.3536L12.8536 6.85355Z",
+    fill: "#037D67"
+  })));
+};
+var ForwardRef76 = React30.forwardRef(SuccessOutline18Icon);
+var SuccessOutline18Icon_default = ForwardRef76;
+var Box77 = restyle.createBox();
+var SuccessOutline24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box77, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z",
+    fill: "#037D67"
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16.8536 8.64645C17.0488 8.84171 17.0488 9.15829 16.8536 9.35355L11.3536 14.8536C11.1583 15.0488 10.8417 15.0488 10.6464 14.8536L8.14645 12.3536C7.95118 12.1583 7.95118 11.8417 8.14645 11.6464C8.34171 11.4512 8.65829 11.4512 8.85355 11.6464L11 13.7929L16.1464 8.64645C16.3417 8.45118 16.6583 8.45118 16.8536 8.64645Z",
+    fill: "#037D67"
+  })));
+};
+var ForwardRef77 = React30.forwardRef(SuccessOutline24Icon);
+var SuccessOutline24Icon_default = ForwardRef77;
+var Box78 = restyle.createBox();
+var SuccessOutline30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box78, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 15C4 8.92487 8.92487 4 15 4C21.0751 4 26 8.92487 26 15C26 21.0751 21.0751 26 15 26C8.92487 26 4 21.0751 4 15ZM15 3C8.37258 3 3 8.37258 3 15C3 21.6274 8.37258 27 15 27C21.6274 27 27 21.6274 27 15C27 8.37258 21.6274 3 15 3ZM21.8536 10.8536C22.0488 10.6583 22.0488 10.3417 21.8536 10.1464C21.6583 9.95118 21.3417 9.95118 21.1464 10.1464L13.5 17.7929L9.85355 14.1464C9.65829 13.9512 9.34171 13.9512 9.14645 14.1464C8.95118 14.3417 8.95118 14.6583 9.14645 14.8536L13.1464 18.8536C13.3417 19.0488 13.6583 19.0488 13.8536 18.8536L21.8536 10.8536Z",
+    fill: "#037D67"
+  })));
+};
+var ForwardRef78 = React30.forwardRef(SuccessOutline30Icon);
+var SuccessOutline30Icon_default = ForwardRef78;
+var Box79 = restyle.createBox();
+var WarningFill12Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box79, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 12,
+    height: 12,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.885 1.10774C6.51009 0.395404 5.49008 0.3954 5.11517 1.10774L0.943348 9.03419C0.592871 9.7001 1.07575 10.4999 1.82827 10.4999H10.1719C10.9244 10.4999 11.4073 9.7001 11.0568 9.03419L6.885 1.10774Z",
+    fill: theme.colors[color] ?? "#2B2B2C",
+    strokeWidth: 0
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.11517 1.10774C5.49008 0.3954 6.51009 0.395404 6.885 1.10774L11.0568 9.03419C11.4073 9.7001 10.9244 10.4999 10.1719 10.4999H1.82827C1.07575 10.4999 0.592871 9.7001 0.943348 9.03419L5.11517 1.10774ZM6 4C6.27614 4 6.5 4.22386 6.5 4.5V6.5C6.5 6.77614 6.27614 7 6 7C5.72386 7 5.5 6.77614 5.5 6.5V4.5C5.5 4.22386 5.72386 4 6 4ZM6.5 8C6.5 8.27614 6.27614 8.5 6 8.5C5.72386 8.5 5.5 8.27614 5.5 8C5.5 7.72386 5.72386 7.5 6 7.5C6.27614 7.5 6.5 7.72386 6.5 8Z",
+    fill: "#E5A80C"
+  })));
+};
+var ForwardRef79 = React30.forwardRef(WarningFill12Icon);
+var WarningFill12Icon_default = ForwardRef79;
+var Box80 = restyle.createBox();
+var WarningFill18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box80, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.103 1.50551C9.63237 0.623161 8.36766 0.623162 7.89708 1.50551L1.14708 14.1618C0.703006 14.9944 1.30637 16 2.25002 16H15.75C16.6937 16 17.297 14.9944 16.853 14.1618L10.103 1.50551Z",
+    fill: theme.colors[color] ?? "#2B2B2C",
+    strokeWidth: 0
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.89708 1.50551C8.36766 0.623162 9.63237 0.623161 10.103 1.50551L16.853 14.1618C17.297 14.9944 16.6937 16 15.75 16H2.25002C1.30637 16 0.703006 14.9944 1.14708 14.1618L7.89708 1.50551ZM9 6C9.27614 6 9.5 6.22386 9.5 6.5V10.5C9.5 10.7761 9.27614 11 9 11C8.72386 11 8.5 10.7761 8.5 10.5V6.5C8.5 6.22386 8.72386 6 9 6ZM9.625 12.375C9.625 12.7202 9.34518 13 9 13C8.65482 13 8.375 12.7202 8.375 12.375C8.375 12.0298 8.65482 11.75 9 11.75C9.34518 11.75 9.625 12.0298 9.625 12.375Z",
+    fill: "#E5A80C"
+  })));
+};
+var ForwardRef80 = React30.forwardRef(WarningFill18Icon);
+var WarningFill18Icon_default = ForwardRef80;
+var Box81 = restyle.createBox();
+var WarningFill24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box81, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.3129 2.84198C12.7422 1.80935 11.2578 1.80935 10.6872 2.84198L1.88234 18.7745C1.32985 19.7743 2.05296 21 3.1952 21H20.8049C21.9471 21 22.6702 19.7743 22.1177 18.7745L13.3129 2.84198Z",
+    fill: theme.colors[color] ?? "#2B2B2C",
+    strokeWidth: 0
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.6872 2.84198C11.2578 1.80935 12.7422 1.80935 13.3129 2.84198L22.1177 18.7745C22.6702 19.7743 21.9471 21 20.8049 21H3.1952C2.05296 21 1.32985 19.7743 1.88234 18.7745L10.6872 2.84198ZM12 8C12.2761 8 12.5 8.22386 12.5 8.5V14.5C12.5 14.7761 12.2761 15 12 15C11.7239 15 11.5 14.7761 11.5 14.5V8.5C11.5 8.22386 11.7239 8 12 8ZM12.75 16.75C12.75 17.1642 12.4142 17.5 12 17.5C11.5858 17.5 11.25 17.1642 11.25 16.75C11.25 16.3358 11.5858 16 12 16C12.4142 16 12.75 16.3358 12.75 16.75Z",
+    fill: "#E5A80C"
+  })));
+};
+var ForwardRef81 = React30.forwardRef(WarningFill24Icon);
+var WarningFill24Icon_default = ForwardRef81;
+var Box82 = restyle.createBox();
+var WarningFill30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box82, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16.7586 3.69685C16.0021 2.30027 13.9979 2.30027 13.2414 3.69685L2.75983 23.0475C2.03801 24.3801 3.00288 26 4.51842 26H25.4816C26.9971 26 27.962 24.3801 27.2402 23.0475L16.7586 3.69685Z",
+    fill: theme.colors[color] ?? "#2B2B2C",
+    strokeWidth: 0
+  }), /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.2414 3.69685C13.9979 2.30027 16.0021 2.30027 16.7586 3.69685L27.2402 23.0475C27.962 24.3801 26.9971 26 25.4816 26H4.51842C3.00288 26 2.03801 24.3801 2.75983 23.0475L13.2414 3.69685ZM15 9.5C15.2761 9.5 15.5 9.72386 15.5 10V18C15.5 18.2761 15.2761 18.5 15 18.5C14.7239 18.5 14.5 18.2761 14.5 18V10C14.5 9.72386 14.7239 9.5 15 9.5ZM15.875 20.875C15.875 21.3582 15.4832 21.75 15 21.75C14.5168 21.75 14.125 21.3582 14.125 20.875C14.125 20.3918 14.5168 20 15 20C15.4832 20 15.875 20.3918 15.875 20.875Z",
+    fill: "#E5A80C"
+  })));
+};
+var ForwardRef82 = React30.forwardRef(WarningFill30Icon);
+var WarningFill30Icon_default = ForwardRef82;
+var Box83 = restyle.createBox();
+var WarningOutline12Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box83, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 12,
+    height: 12,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.885 1.10774C6.51009 0.395404 5.49008 0.3954 5.11517 1.10774L0.943349 9.03419C0.592871 9.7001 1.07575 10.4999 1.82827 10.4999H10.1719C10.9244 10.4999 11.4073 9.7001 11.0568 9.03419L6.885 1.10774ZM1.82827 9.49994L6.00008 1.57349L10.1719 9.49994L1.82827 9.49994ZM6.50008 4.49994C6.50008 4.2238 6.27623 3.99994 6.00008 3.99994C5.72394 3.99994 5.50008 4.2238 5.50008 4.49994V6.49994C5.50008 6.77608 5.72394 6.99994 6.00008 6.99994C6.27623 6.99994 6.50008 6.77608 6.50008 6.49994V4.49994ZM6 8.5C6.27614 8.5 6.5 8.27614 6.5 8C6.5 7.72386 6.27614 7.5 6 7.5C5.72386 7.5 5.5 7.72386 5.5 8C5.5 8.27614 5.72386 8.5 6 8.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef83 = React30.forwardRef(WarningOutline12Icon);
+var WarningOutline12Icon_default = ForwardRef83;
+var Box84 = restyle.createBox();
+var WarningOutline18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box84, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.103 1.50551C9.63237 0.623161 8.36766 0.623162 7.89708 1.50551L1.14708 14.1618C0.703006 14.9944 1.30637 16 2.25002 16H15.75C16.6937 16 17.297 14.9944 16.853 14.1618L10.103 1.50551ZM8.77943 1.9761C8.87355 1.79963 9.12649 1.79963 9.2206 1.9761L15.9706 14.6324C16.0594 14.7989 15.9387 15 15.75 15H2.25002C2.06129 15 1.94061 14.7989 2.02943 14.6324L8.77943 1.9761ZM9.50002 6.5C9.50002 6.22386 9.27616 6 9.00002 6C8.72387 6 8.50002 6.22386 8.50002 6.5V10.5C8.50002 10.7761 8.72387 11 9.00002 11C9.27616 11 9.50002 10.7761 9.50002 10.5V6.5ZM9 13C9.34518 13 9.625 12.7202 9.625 12.375C9.625 12.0298 9.34518 11.75 9 11.75C8.65482 11.75 8.375 12.0298 8.375 12.375C8.375 12.7202 8.65482 13 9 13Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef84 = React30.forwardRef(WarningOutline18Icon);
+var WarningOutline18Icon_default = ForwardRef84;
+var Box85 = restyle.createBox();
+var WarningOutline24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box85, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.3129 2.84198C12.7422 1.80935 11.2578 1.80935 10.6872 2.84198L1.88234 18.7745C1.32985 19.7743 2.05296 21 3.1952 21H20.8049C21.9471 21 22.6702 19.7743 22.1177 18.7745L13.3129 2.84198ZM11.5624 3.32566C11.7526 2.98145 12.2474 2.98145 12.4376 3.32566L21.2425 19.2582C21.4266 19.5915 21.1856 20 20.8049 20H3.1952C2.81445 20 2.57342 19.5915 2.75758 19.2582L11.5624 3.32566ZM12.5 8.50005C12.5 8.22391 12.2762 8.00005 12 8.00005C11.7239 8.00005 11.5 8.22391 11.5 8.50005V14.5C11.5 14.7762 11.7239 15 12 15C12.2762 15 12.5 14.7762 12.5 14.5V8.50005ZM12 17.5C12.4142 17.5 12.75 17.1642 12.75 16.75C12.75 16.3358 12.4142 16 12 16C11.5858 16 11.25 16.3358 11.25 16.75C11.25 17.1642 11.5858 17.5 12 17.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef85 = React30.forwardRef(WarningOutline24Icon);
+var WarningOutline24Icon_default = ForwardRef85;
+var Box86 = restyle.createBox();
+var WarningOutline30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React30__namespace.createElement(Box86, {
+    ...props
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React30__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16.7586 3.69685C16.0021 2.30027 13.9979 2.30027 13.2414 3.69685L2.75983 23.0475C2.03801 24.3801 3.00288 26 4.51842 26H25.4816C26.9971 26 27.962 24.3801 27.2402 23.0475L16.7586 3.69685ZM14.1207 4.17313C14.4989 3.47484 15.501 3.47484 15.8793 4.17313L26.3609 23.5237C26.7218 24.19 26.2393 25 25.4816 25H4.51842C3.76065 25 3.27821 24.19 3.63912 23.5237L14.1207 4.17313ZM15 9.5C15.2761 9.5 15.5 9.72386 15.5 10V18C15.5 18.2761 15.2761 18.5 15 18.5C14.7239 18.5 14.5 18.2761 14.5 18V10C14.5 9.72386 14.7239 9.5 15 9.5ZM15.875 20.875C15.875 21.3582 15.4832 21.75 15 21.75C14.5168 21.75 14.125 21.3582 14.125 20.875C14.125 20.3918 14.5168 20 15 20C15.4832 20 15.875 20.3918 15.875 20.875Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef86 = React30.forwardRef(WarningOutline30Icon);
+var WarningOutline30Icon_default = ForwardRef86;
+
+exports.AddFill12Icon = AddFill12Icon_default;
+exports.AddFill18Icon = AddFill18Icon_default;
+exports.AddFill24Icon = AddFill24Icon_default;
+exports.AddFill30Icon = AddFill30Icon_default;
+exports.AddOutline12Icon = AddOutline12Icon_default;
+exports.AddOutline18Icon = AddOutline18Icon_default;
+exports.AddOutline24Icon = AddOutline24Icon_default;
+exports.AddOutline30Icon = AddOutline30Icon_default;
+exports.ErrorFill12Icon = ErrorFill12Icon_default;
+exports.ErrorFill18Icon = ErrorFill18Icon_default;
+exports.ErrorFill24Icon = ErrorFill24Icon_default;
+exports.ErrorFill30Icon = ErrorFill30Icon_default;
+exports.ErrorOutline12Icon = ErrorOutline12Icon_default;
+exports.ErrorOutline18Icon = ErrorOutline18Icon_default;
+exports.ErrorOutline24Icon = ErrorOutline24Icon_default;
+exports.ErrorOutline30Icon = ErrorOutline30Icon_default;
+exports.FrownFill18Icon = FrownFill18Icon_default;
+exports.FrownFill24Icon = FrownFill24Icon_default;
+exports.FrownFill30Icon = FrownFill30Icon_default;
+exports.FrownFill60Icon = FrownFill60Icon_default;
+exports.FrownOutline18Icon = FrownOutline18Icon_default;
+exports.FrownOutline24Icon = FrownOutline24Icon_default;
+exports.FrownOutline30Icon = FrownOutline30Icon_default;
+exports.FrownOutline60Icon = FrownOutline60Icon_default;
+exports.InformationFill12Icon = InformationFill12Icon_default;
+exports.InformationFill18Icon = InformationFill18Icon_default;
+exports.InformationFill24Icon = InformationFill24Icon_default;
+exports.InformationFill30Icon = InformationFill30Icon_default;
+exports.InformationOutline12Icon = InformationOutline12Icon_default;
+exports.InformationOutline18Icon = InformationOutline18Icon_default;
+exports.InformationOutline24Icon = InformationOutline24Icon_default;
+exports.InformationOutline30Icon = InformationOutline30Icon_default;
+exports.NeutralFill18Icon = NeutralFill18Icon_default;
+exports.NeutralFill24Icon = NeutralFill24Icon_default;
+exports.NeutralFill30Icon = NeutralFill30Icon_default;
+exports.NeutralFill60Icon = NeutralFill60Icon_default;
+exports.NeutralOutline18Icon = NeutralOutline18Icon_default;
+exports.NeutralOutline24Icon = NeutralOutline24Icon_default;
+exports.NeutralOutline30Icon = NeutralOutline30Icon_default;
+exports.NeutralOutline60Icon = NeutralOutline60Icon_default;
+exports.QuestionFill12Icon = QuestionFill12Icon_default;
+exports.QuestionFill18Icon = QuestionFill18Icon_default;
+exports.QuestionFill24Icon = QuestionFill24Icon_default;
+exports.QuestionFill30Icon = QuestionFill30Icon_default;
+exports.QuestionOutline12Icon = QuestionOutline12Icon_default;
+exports.QuestionOutline18Icon = QuestionOutline18Icon_default;
+exports.QuestionOutline24Icon = QuestionOutline24Icon_default;
+exports.QuestionOutline30Icon = QuestionOutline30Icon_default;
+exports.RealtimeCancelled12Icon = RealtimeCancelled12Icon_default;
+exports.RealtimeCancelled18Icon = RealtimeCancelled18Icon_default;
+exports.RealtimeDelay12Icon = RealtimeDelay12Icon_default;
+exports.RealtimeDelay18Icon = RealtimeDelay18Icon_default;
+exports.RealtimeNotStarted12Icon = RealtimeNotStarted12Icon_default;
+exports.RealtimeNotStarted18Icon = RealtimeNotStarted18Icon_default;
+exports.RealtimeOnRoute12Icon = RealtimeOnRoute12Icon_default;
+exports.RealtimeOnRoute18Icon = RealtimeOnRoute18Icon_default;
+exports.SmileFill18Icon = SmileFill18Icon_default;
+exports.SmileFill24Icon = SmileFill24Icon_default;
+exports.SmileFill30Icon = SmileFill30Icon_default;
+exports.SmileFill60Icon = SmileFill60Icon_default;
+exports.SmileOutline18Icon = SmileOutline18Icon_default;
+exports.SmileOutline24Icon = SmileOutline24Icon_default;
+exports.SmileOutline30Icon = SmileOutline30Icon_default;
+exports.SmileOutline60Icon = SmileOutline60Icon_default;
+exports.SubtractFill18Icon = SubtractFill18Icon_default;
+exports.SubtractFill24Icon = SubtractFill24Icon_default;
+exports.SubtractFill30Icon = SubtractFill30Icon_default;
+exports.SubtractOutline18Icon = SubtractOutline18Icon_default;
+exports.SubtractOutline24Icon = SubtractOutline24Icon_default;
+exports.SubtractOutline30Icon = SubtractOutline30Icon_default;
+exports.SuccessFill12Icon = SuccessFill12Icon_default;
+exports.SuccessFill18Icon = SuccessFill18Icon_default;
+exports.SuccessFill24Icon = SuccessFill24Icon_default;
+exports.SuccessFill30Icon = SuccessFill30Icon_default;
+exports.SuccessOutline12Icon = SuccessOutline12Icon_default;
+exports.SuccessOutline18Icon = SuccessOutline18Icon_default;
+exports.SuccessOutline24Icon = SuccessOutline24Icon_default;
+exports.SuccessOutline30Icon = SuccessOutline30Icon_default;
+exports.WarningFill12Icon = WarningFill12Icon_default;
+exports.WarningFill18Icon = WarningFill18Icon_default;
+exports.WarningFill24Icon = WarningFill24Icon_default;
+exports.WarningFill30Icon = WarningFill30Icon_default;
+exports.WarningOutline12Icon = WarningOutline12Icon_default;
+exports.WarningOutline18Icon = WarningOutline18Icon_default;
+exports.WarningOutline24Icon = WarningOutline24Icon_default;
+exports.WarningOutline30Icon = WarningOutline30Icon_default;