@availity/mui-empty-state 0.1.0

package/dist/index.js

@@ -0,0 +1,125 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  EmptyState: () => EmptyState,
+  EmptyStateImage: () => EmptyStateImage
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/lib/EmptyState.tsx
+var React = __toESM(require("react"));
+var import_material2 = require("@mui/material");
+var import_mui_layout2 = require("@availity/mui-layout");
+
+// src/lib/EmptyStateImage.tsx
+var import_react = require("react");
+var import_material = require("@mui/material");
+var import_mui_layout = require("@availity/mui-layout");
+
+// src/assets/404-Page-Not-Found_Gray.svg
+var Page_Not_Found_Gray_default = "./404-Page-Not-Found_Gray-COTPFMFP.svg";
+
+// src/assets/Content-Loading_Gray.svg
+var Content_Loading_Gray_default = "./Content-Loading_Gray-AGUNV3ID.svg";
+
+// src/assets/Error_Gray.svg
+var Error_Gray_default = "./Error_Gray-H3D5B6BV.svg";
+
+// src/assets/No-Data_Gray.svg
+var No_Data_Gray_default = "./No-Data_Gray-JVSMIDTK.svg";
+
+// src/assets/No-Search-Found_Gray.svg
+var No_Search_Found_Gray_default = "./No-Search-Found_Gray-4OSPRMF4.svg";
+
+// src/lib/EmptyStateImage.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var EmptyStateImages = {
+  PageNotFound: { src: Page_Not_Found_Gray_default, alt: "Page Not Found" },
+  ContentLoading: { src: Content_Loading_Gray_default, alt: "Content Loading" },
+  Error: { src: Error_Gray_default, alt: "Error" },
+  NoData: { src: No_Data_Gray_default, alt: "No Data" },
+  NoSearchFound: { src: No_Search_Found_Gray_default, alt: "No Search Found" }
+};
+var EmptyStateImageContainer = (0, import_material.styled)(import_mui_layout.Box, {
+  name: "AvEmptyState",
+  slot: "image",
+  overridesResolver: (props, styles) => styles.image
+})({ fontSize: "112px" });
+var EmptyStateImage = (0, import_react.forwardRef)((props, ref) => {
+  const { variant = "NoSearchFound", ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyStateImageContainer, {
+    ref,
+    "aria-hidden": true,
+    ...rest,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+      src: EmptyStateImages[variant].src,
+      alt: EmptyStateImages[variant].alt
+    })
+  });
+});
+
+// src/lib/EmptyState.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var EmptyStateContainer = (0, import_material2.styled)(import_mui_layout2.Stack, {
+  name: "AvEmptyState",
+  slot: "root",
+  overridesResolver: (props, styles) => styles.root
+})({});
+var EmptyState = React.forwardRef((props, ref) => {
+  const {
+    children,
+    variant,
+    spacing = 2,
+    alignItems = "center",
+    textAlign = "center",
+    maxWidth = "320px",
+    padding = "1rem",
+    ...containerProps
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(EmptyStateContainer, {
+    className: "AvEmptyState-root",
+    spacing,
+    alignItems,
+    textAlign,
+    maxWidth,
+    padding,
+    ...containerProps,
+    ref,
+    children: [
+      variant ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyStateImage, {
+        variant
+      }) : null,
+      children
+    ]
+  });
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EmptyState,
+  EmptyStateImage
+});

package/dist/index.mjs

@@ -0,0 +1,91 @@
+// src/lib/EmptyState.tsx
+import * as React from "react";
+import { styled as styled2 } from "@mui/material";
+import { Stack } from "@availity/mui-layout";
+
+// src/lib/EmptyStateImage.tsx
+import { forwardRef } from "react";
+import { styled } from "@mui/material";
+import { Box } from "@availity/mui-layout";
+
+// src/assets/404-Page-Not-Found_Gray.svg
+var Page_Not_Found_Gray_default = "./404-Page-Not-Found_Gray-COTPFMFP.svg";
+
+// src/assets/Content-Loading_Gray.svg
+var Content_Loading_Gray_default = "./Content-Loading_Gray-AGUNV3ID.svg";
+
+// src/assets/Error_Gray.svg
+var Error_Gray_default = "./Error_Gray-H3D5B6BV.svg";
+
+// src/assets/No-Data_Gray.svg
+var No_Data_Gray_default = "./No-Data_Gray-JVSMIDTK.svg";
+
+// src/assets/No-Search-Found_Gray.svg
+var No_Search_Found_Gray_default = "./No-Search-Found_Gray-4OSPRMF4.svg";
+
+// src/lib/EmptyStateImage.tsx
+import { jsx } from "react/jsx-runtime";
+var EmptyStateImages = {
+  PageNotFound: { src: Page_Not_Found_Gray_default, alt: "Page Not Found" },
+  ContentLoading: { src: Content_Loading_Gray_default, alt: "Content Loading" },
+  Error: { src: Error_Gray_default, alt: "Error" },
+  NoData: { src: No_Data_Gray_default, alt: "No Data" },
+  NoSearchFound: { src: No_Search_Found_Gray_default, alt: "No Search Found" }
+};
+var EmptyStateImageContainer = styled(Box, {
+  name: "AvEmptyState",
+  slot: "image",
+  overridesResolver: (props, styles) => styles.image
+})({ fontSize: "112px" });
+var EmptyStateImage = forwardRef((props, ref) => {
+  const { variant = "NoSearchFound", ...rest } = props;
+  return /* @__PURE__ */ jsx(EmptyStateImageContainer, {
+    ref,
+    "aria-hidden": true,
+    ...rest,
+    children: /* @__PURE__ */ jsx("img", {
+      src: EmptyStateImages[variant].src,
+      alt: EmptyStateImages[variant].alt
+    })
+  });
+});
+
+// src/lib/EmptyState.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var EmptyStateContainer = styled2(Stack, {
+  name: "AvEmptyState",
+  slot: "root",
+  overridesResolver: (props, styles) => styles.root
+})({});
+var EmptyState = React.forwardRef((props, ref) => {
+  const {
+    children,
+    variant,
+    spacing = 2,
+    alignItems = "center",
+    textAlign = "center",
+    maxWidth = "320px",
+    padding = "1rem",
+    ...containerProps
+  } = props;
+  return /* @__PURE__ */ jsxs(EmptyStateContainer, {
+    className: "AvEmptyState-root",
+    spacing,
+    alignItems,
+    textAlign,
+    maxWidth,
+    padding,
+    ...containerProps,
+    ref,
+    children: [
+      variant ? /* @__PURE__ */ jsx2(EmptyStateImage, {
+        variant
+      }) : null,
+      children
+    ]
+  });
+});
+export {
+  EmptyState,
+  EmptyStateImage
+};

package/introduction.mdx

@@ -0,0 +1,7 @@
+import { Markdown } from '@storybook/blocks';
+import { Meta } from '@storybook/addon-docs';
+import ReadMe from './README.md?raw';
+
+<Meta title="Components/EmptyState/Introduction" />
+
+<Markdown>{ReadMe}</Markdown>

package/jest.config.js

@@ -0,0 +1,12 @@
+const global = require('../../jest.config.global');
+
+module.exports = {
+  ...global,
+  displayName: 'empty-state',
+  coverageDirectory: '../../coverage/empty-state',
+  moduleNameMapper: {
+    ...global.moduleNameMapper,
+    '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
+      '<rootDir>/__mocks__/fileMock.js',
+  },
+};

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@availity/mui-empty-state",
+  "version": "0.1.0",
+  "description": "Availity MUI EmptyState Component - part of the @availity/element design system",
+  "keywords": [
+    "react",
+    "typescript",
+    "availity",
+    "mui"
+  ],
+  "homepage": "https://availity.github.io/element/?path=/docs/components-empty-state-introduction--docs",
+  "bugs": {
+    "url": "https://github.com/Availity/element/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Availity/element.git",
+    "directory": "packages/empty-state"
+  },
+  "license": "MIT",
+  "author": "Availity Developers <AVOSS@availity.com>",
+  "browser": "./dist/index.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts",
+    "dev": "tsup src/index.ts --format esm,cjs --watch --dts",
+    "clean": "rm -rf dist",
+    "clean:nm": "rm -rf node_modules",
+    "publish": "yarn npm publish --tolerate-republish --access public",
+    "publish:canary": "yarn npm publish --access public --tag canary"
+  },
+  "dependencies": {
+    "@availity/mui-layout": "0.1.3"
+  },
+  "devDependencies": {
+    "@mui/material": "^5.11.9",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "tsup": "^5.12.7",
+    "typescript": "^4.6.4"
+  },
+  "peerDependencies": {
+    "@mui/material": "^5.11.9",
+    "react": ">=16.3.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/project.json

@@ -0,0 +1,42 @@
+{
+  "name": "mui-empty-state",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/empty-state/src",
+  "projectType": "library",
+  "tags": [],
+  "targets": {
+    "lint": {
+      "executor": "@nrwl/linter:eslint",
+      "options": {
+        "eslintConfig": ".eslintrc.json",
+        "lintFilePatterns": ["packages/empty-state/**/*.{js,ts}"],
+        "silent": false,
+        "fix": false,
+        "cache": true,
+        "cacheLocation": "./node_modules/.cache/empty-state/.eslintcache",
+        "maxWarnings": -1,
+        "quiet": false,
+        "noEslintrc": false,
+        "hasTypeAwareRules": true,
+        "cacheStrategy": "metadata"
+      }
+    },
+    "test": {
+      "executor": "@nrwl/jest:jest",
+      "outputs": ["coverage/empty-state"],
+      "options": {
+        "jestConfig": "packages/empty-state/jest.config.js",
+        "passWithNoTests": true
+      }
+    },
+    "version": {
+      "executor": "@jscutlery/semver:version",
+      "options": {
+        "preset": "conventional",
+        "commitMessageFormat": "chore(${projectName}): release version ${version} [skip ci]",
+        "tagPrefix": "@availity/${projectName}@",
+        "trackDeps": true
+      }
+    }
+  }
+}

package/src/assets/404-Page-Not-Found_Gray.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 144">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+        stroke: #d7dae0;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+        stroke-width: 4px;
+      }
+
+      .cls-2 {
+        fill: #d7dae0;
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  <circle class="cls-1" cx="72" cy="72" r="65.36"/>
+  <g>
+    <path class="cls-2" d="m41.45,81.06h-15.96v-5.15l16.54-22.52h7.28v21.63h5.1v6.03h-5.1v6.97h-7.85v-6.97Zm-4.37-6.03h4.47v-11.39h-.1l-8.16,11.54c.73-.1,2.08-.16,3.8-.16Z"/>
+    <path class="cls-2" d="m57.62,70.71c0-9.2,3.85-17.94,14.3-17.94s14.46,8.79,14.46,17.94-4.11,17.94-14.4,17.94-14.35-8.79-14.35-17.94Zm20.23,0c0-7.59-1.66-11.7-5.88-11.7s-5.88,4.11-5.88,11.7,1.61,11.7,5.82,11.7,5.93-4.11,5.93-11.7Z"/>
+    <path class="cls-2" d="m105.25,81.06h-15.96v-5.15l16.54-22.52h7.28v21.63h5.1v6.03h-5.1v6.97h-7.85v-6.97Zm-4.37-6.03h4.47v-11.39h-.1l-8.16,11.54c.73-.1,2.08-.16,3.8-.16Z"/>
+  </g>
+</svg>

package/src/assets/Content-Loading_Gray.svg

@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 144 144" style="enable-background:new 0 0 144 144;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;stroke:#BBD6EB;stroke-miterlimit:10;}
+	.st1{fill:#FFFFFF;stroke:#BBD6EB;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st2{fill:#FFFFFF;}
+	.st3{fill:#BBD6EB;}
+	.st4{fill:#EEEFF2;}
+	.st5{fill:#5E616E;stroke:#5E616E;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st6{fill:#F3F5F7;}
+	.st7{fill:url(#SVGID_1_);stroke:url(#SVGID_00000176006543863496528330000000462417252228913081_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st8{fill:url(#SVGID_00000015319362321215657120000016772862876214577086_);stroke:url(#SVGID_00000152244241508843639740000001401911986524829082_);stroke-miterlimit:10;}
+	.st9{clip-path:url(#SVGID_00000049900885975040311480000014641288987660230562_);}
+	.st10{fill:url(#SVGID_00000117642988714045540050000010885684402881936041_);}
+	.st11{fill:#FFFFFF;stroke:#FFFFFF;stroke-miterlimit:10;}
+	.st12{fill:url(#SVGID_00000125604309478716627940000018438234177356556952_);}
+	.st13{fill:url(#SVGID_00000132069462677027178960000008382514955351358372_);}
+	.st14{fill:#FFFFFF;stroke:url(#SVGID_00000062162616124260765010000008526522228635748258_);stroke-miterlimit:10;}
+	.st15{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-miterlimit:10;}
+	.st16{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-miterlimit:10;stroke-dasharray:5.6708,0.5671,1.7012,5.6708;}
+	.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-miterlimit:10;stroke-dasharray:0.5671,1.7012,5.6708,0.5671,1.7012,5.6708;}
+	.st18{fill:url(#SVGID_00000009588382626512182630000000417519188469437843_);stroke:url(#SVGID_00000177477496586111945870000014100075475962833048_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st19{opacity:0.25;fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-miterlimit:10;}
+	.st20{fill:#838795;}
+	.st21{fill:url(#SVGID_00000174597297320001511960000013670959614116761004_);stroke:url(#SVGID_00000129897832550043709990000008027305424274603908_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st22{fill:url(#SVGID_00000116205277842798810240000009364400178635883163_);stroke:url(#SVGID_00000129892993543544801990000014396413855114576553_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st23{fill:url(#SVGID_00000001655279822551144730000000584856484495896194_);stroke:url(#SVGID_00000176759401495530291270000008812844235826319793_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st24{fill:url(#SVGID_00000112612076613591032760000007552966830535813506_);stroke:url(#SVGID_00000173150333541769424900000012311132872344659600_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st25{fill:url(#SVGID_00000167377518250360958600000012024494647277307549_);stroke:url(#SVGID_00000090996303758899480520000013700931798889907845_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st26{fill:url(#SVGID_00000113313898878532870900000009697633909400558239_);stroke:url(#SVGID_00000016054001392529010580000017933611116152550037_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st27{fill:url(#SVGID_00000182501328966094517510000009557348055514095285_);stroke:url(#SVGID_00000097499898606210172760000007265246509046394272_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st28{fill:url(#SVGID_00000093163986554319382470000004512425758303507857_);stroke:url(#SVGID_00000160156627061281780260000003073387267248993668_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st29{fill:url(#SVGID_00000039852445104329141810000017113637726105273514_);}
+	.st30{fill:url(#SVGID_00000145768861874340769480000010417490475065406911_);}
+	.st31{fill:url(#SVGID_00000021826105673988720180000005850849167490308257_);}
+	.st32{fill:url(#SVGID_00000113328152725663388370000008623716012898754729_);}
+	.st33{fill:url(#SVGID_00000049936574387004280930000008737136302325751473_);}
+	.st34{fill:url(#SVGID_00000078012326262918990240000017969369491322853013_);}
+	.st35{fill:url(#SVGID_00000043439220213444529320000017110188194410216598_);}
+	.st36{fill:url(#SVGID_00000085959914259548507610000014528726628465756551_);}
+	.st37{fill:url(#SVGID_00000054235207827654170530000000636417226058331053_);}
+	.st38{fill:url(#SVGID_00000119090649786998115210000016229875856120458910_);}
+	.st39{fill:url(#SVGID_00000180344741544846243260000000406405291685112501_);}
+	.st40{fill:url(#SVGID_00000160876487737500528740000004641259659555639953_);}
+	.st41{fill:url(#SVGID_00000183216786247456001250000006062446311022170247_);}
+	.st42{fill:#FFFFFF;stroke:url(#SVGID_00000096770547822523386280000004746499526238330758_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st43{fill:#FFFFFF;stroke:url(#SVGID_00000023239991958481634540000016184330221425931140_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st44{fill:url(#SVGID_00000029739142259141600010000016570484130670398361_);stroke:url(#SVGID_00000029020370880654741350000007090455394063577530_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st45{fill:#D7DAE0;stroke:#5E616E;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st46{fill:#5E616E;stroke:#5E616E;stroke-width:1.5;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st47{fill:#FFFFFF;stroke:#5E616E;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st48{fill:none;stroke:#D7DAE0;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:2.0076,4.0153;}
+	.st49{fill:#838795;stroke:#5E616E;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st50{fill:#838795;stroke:#5E616E;stroke-width:1.5;stroke-miterlimit:10;}
+	.st51{fill:#D7DAE0;}
+	.st52{fill:none;stroke:#5E616E;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st53{fill:none;stroke:#D7DAE0;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:2.0038,4.0077;}
+	.st54{clip-path:url(#SVGID_00000026133832652177936590000006036523222373779113_);}
+	.st55{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-linecap:round;stroke-miterlimit:10;}
+	.st56{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-linecap:round;stroke-miterlimit:10;stroke-dasharray:6.6455,0.6645,1.9936,6.6455;}
+	.st57{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-linecap:round;stroke-miterlimit:10;stroke-dasharray:0.6645,1.9936,6.6455,0.6645,1.9936,6.6455;}
+	.st58{fill:none;stroke:#5E616E;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:1,3,10,5;}
+	.st59{fill:#FFFFFF;stroke:#5E616E;stroke-width:1.5;stroke-miterlimit:10;}
+	.st60{fill:none;stroke:#D7DAE0;stroke-linecap:round;stroke-linejoin:round;}
+	.st61{fill:none;stroke:#D7DAE0;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.0238,0.7024,2.1072,7.0238;}
+	.st62{fill:none;stroke:#D7DAE0;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0.7024,2.1072,7.0238,0.7024,2.1072,7.0238;}
+	.st63{fill:none;stroke:#D7DAE0;stroke-linecap:round;stroke-miterlimit:10;}
+	.st64{fill:none;stroke:#D7DAE0;stroke-linecap:round;stroke-miterlimit:10;stroke-dasharray:5.7263,0.5726,1.7179,5.7263;}
+	.st65{fill:none;stroke:#5E616E;stroke-width:1.5;stroke-miterlimit:10;}
+	.st66{fill:none;stroke:#D7DAE0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:1,3,10,5;}
+	.st67{fill:none;stroke:#5E616E;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st68{fill:none;stroke:#838795;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:1,3,10,5;}
+	.st69{fill:#5E616E;}
+	.st70{clip-path:url(#SVGID_00000069382423800612514740000015580195284870920623_);}
+	.st71{fill:#FFFFFF;stroke:#D7DAE0;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st72{fill:none;stroke:#D7DAE0;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st73{fill:#FFFFFF;stroke:#1A74CC;stroke-miterlimit:10;}
+	.st74{fill:#E5E5E5;}
+	.st75{fill:#BBD6EB;stroke:#BBD6EB;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st76{fill:#FFFFFF;stroke:#EEEFF2;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:8,5;}
+</style>
+<g>
+	<path class="st4" d="M118.7,52c0.5-2.3,0.8-4.7,0.8-7.1c0-17.6-14.3-31.9-31.9-31.9c-13,0-24.2,7.8-29.1,18.9
+		c-3.7-2.1-7.9-3.3-12.4-3.3c-13.8,0-24.9,11.2-24.9,24.9c0,0,0,0.1,0,0.1C11.3,56.7,4,65.9,4,76.8C4,90.2,14.9,101,28.2,101h87.1
+		c13.6,0,24.6-11,24.6-24.6C140,64,130.7,53.7,118.7,52z"/>
+	<g>
+		<circle class="st71" cx="72" cy="101" r="30"/>
+	</g>
+	<path class="st51" d="M86.9,100.3c-1.4-1.4-3.7-1.4-5.1,0l-6.2,6.2V81.7h-7.2v24.8l-6.2-6.2c-1.4-1.4-3.7-1.4-5.1,0
+		c-1.4,1.4-1.4,3.7,0,5.1l15,15l15-15C88.3,104,88.3,101.7,86.9,100.3z"/>
+</g>
+</svg>