vcomply-design-system 1.0.0

package/css-build/images/example/menu-icon-m.svg

@@ -0,0 +1,56 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="213.75" height="140.25" viewBox="0 0 213.75 140.25">
+  <g id="Menu-icon-m" transform="translate(-170 80.25)">
+    <g id="Group_1173" data-name="Group 1173" transform="translate(112)">
+      <g id="Tooltip" transform="translate(68 -52)">
+        <rect id="Tooltip-BG" width="88" height="24" rx="2" transform="translate(52 64)" fill="#161b2f"/>
+        <g id="Polygon_8" data-name="Polygon 8" transform="translate(48 79) rotate(-90)" fill="#161b2f">
+          <path d="M 5 3.5 L 1 3.5 L 3 0.8333333134651184 L 5 3.5 Z" stroke="none"/>
+          <path d="M 3 1.666666746139526 L 2 3 L 4 3 L 3 1.666666746139526 M 3 0 L 6 4 L 0 4 L 3 0 Z" stroke="none" fill="#161b2f"/>
+        </g>
+        <text id="Organization" transform="translate(60 80)" fill="#fff" font-size="11" font-family="Poppins-Regular, Poppins"><tspan x="0" y="0">Organization</tspan></text>
+      </g>
+      <rect id="Rectangle_1" data-name="Rectangle 1" width="48" height="48" transform="translate(68)" fill="#161b2f"/>
+      <path id="ic_account_balance_24px" d="M3.669,7.868v5.342h2.5V7.868Zm5.008,0v5.342h2.5V7.868ZM2,17.026H17.86V14.737H2ZM13.686,7.868v5.342h2.5V7.868ZM9.93,1,2,4.816V6.342H17.86V4.816Z" transform="translate(82.141 15)" fill="#fff"/>
+      <path id="Path_1477" data-name="Path 1477" d="M0,0V68" transform="translate(126) rotate(90)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+      <path id="Path_1481" data-name="Path 1481" d="M0,0V68" transform="translate(126 16) rotate(90)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+      <path id="Path_1482" data-name="Path 1482" d="M0,0V68" transform="translate(126 32) rotate(90)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+      <path id="Path_1478" data-name="Path 1478" d="M0,0V68" transform="translate(126 48) rotate(90)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+      <path id="Path_1479" data-name="Path 1479" d="M0,0V70" transform="translate(68 -10)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+      <path id="Path_1483" data-name="Path 1483" d="M0,0V70" transform="translate(84 -10)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+      <path id="Path_1484" data-name="Path 1484" d="M0,0V70" transform="translate(100 -10)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+      <path id="Path_1480" data-name="Path 1480" d="M0,0V70" transform="translate(116 -10)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+      <path id="Path_1485" data-name="Path 1485" d="M0,0V70" transform="translate(120 -10)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+      <path id="Path_1486" data-name="Path 1486" d="M0,0V70" transform="translate(128 -10)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+      <path id="Path_1489" data-name="Path 1489" d="M0,0V70" transform="translate(208 -10)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+      <path id="Path_1490" data-name="Path 1490" d="M0,0V70" transform="translate(200 -10)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+      <path id="Path_1487" data-name="Path 1487" d="M0,0V94" transform="translate(210 12) rotate(90)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+      <path id="Path_1491" data-name="Path 1491" d="M0,0V94" transform="translate(210 16) rotate(90)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+      <path id="Path_1492" data-name="Path 1492" d="M0,0V94" transform="translate(210 32) rotate(90)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+      <path id="Path_1488" data-name="Path 1488" d="M0,0V92" transform="translate(208 36) rotate(90)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+    </g>
+    <g id="_4" data-name="4" transform="translate(352.25 48.25) rotate(-90)">
+      <line id="Line_14" data-name="Line 14" y2="23" transform="translate(0.5)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <line id="Line_15" data-name="Line 15" y2="23" transform="translate(48.5 0)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <line id="Line_16" data-name="Line 16" y2="48" transform="translate(48 11.5) rotate(90)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <text id="_48px" data-name="48px" transform="translate(24 27.5)" fill="#1f253a" font-size="11" font-family="Poppins-Medium, Poppins" font-weight="500"><tspan x="-13.541" y="0">48px</tspan></text>
+    </g>
+    <g id="_4-2" data-name="4" transform="translate(179.75 -80.25)">
+      <line id="Line_14-2" data-name="Line 14" y2="23" transform="translate(0.5 0)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <line id="Line_15-2" data-name="Line 15" y2="23" transform="translate(48.5 0)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <line id="Line_16-2" data-name="Line 16" y2="48" transform="translate(48 11.5) rotate(90)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <text id="_48px-2" data-name="48px" transform="translate(24 27.5)" fill="#1f253a" font-size="11" font-family="Poppins-Medium, Poppins" font-weight="500"><tspan x="-13.541" y="0">48px</tspan></text>
+    </g>
+    <g id="_4-3" data-name="4" transform="translate(196 -39.5)">
+      <line id="Line_14-3" data-name="Line 14" y2="7" transform="translate(0.5)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <line id="Line_15-3" data-name="Line 15" y2="7" transform="translate(16.5)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <line id="Line_16-3" data-name="Line 16" y2="16" transform="translate(16 3.5) rotate(90)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <text id="_16px" data-name="16px" transform="translate(8 19.5)" fill="#1f253a" font-size="11" font-family="Poppins-Medium, Poppins" font-weight="500"><tspan x="-11.93" y="0">16px</tspan></text>
+    </g>
+    <g id="_4-4" data-name="4" transform="translate(329.75 36.75) rotate(-90)">
+      <line id="Line_14-4" data-name="Line 14" y2="7" transform="translate(4.5)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <line id="Line_15-4" data-name="Line 15" y2="7" transform="translate(20.5)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <line id="Line_16-4" data-name="Line 16" y2="16" transform="translate(20 3.5) rotate(90)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <text id="_16px-2" data-name="16px" transform="translate(12 19.5)" fill="#1f253a" font-size="11" font-family="Poppins-Medium, Poppins" font-weight="500"><tspan x="-11.93" y="0">16px</tspan></text>
+    </g>
+  </g>
+</svg>

package/css-build/images/example/primary-menu.svg

@@ -0,0 +1,66 @@
+<svg id="Primary-Menu" xmlns="http://www.w3.org/2000/svg" width="159.001" height="540" viewBox="0 0 159.001 540">
+  <rect id="Rectangle_1" data-name="Rectangle 1" width="48" height="540" fill="#161b2f"/>
+  <rect id="Rectangle_13" data-name="Rectangle 13" width="48" height="48" fill="#1f253a"/>
+  <g id="icon" transform="translate(12 12.333)">
+    <path id="Path_2" data-name="Path 2" d="M8.691,44.329a3.567,3.567,0,0,0,3.128.357,4.935,4.935,0,0,0,2.519-1.974,2.182,2.182,0,0,1-.84-1.869V35.553c-.4-4.43-6.3-5.753-6.3-5.753V42.439A3.7,3.7,0,0,0,8.691,44.329Z" transform="translate(-7.198 -25.378)" fill="#9c1d22"/>
+    <path id="Path_3" data-name="Path 3" d="M22.329,12.553c-3.044,4.892-8,13.521-8,13.521h0a4.826,4.826,0,0,1-2.519,1.974,3.567,3.567,0,0,1-3.128-.357,3.773,3.773,0,0,1-1.491-1.869,7.057,7.057,0,0,0,1.071,3.8,6.3,6.3,0,0,0,8.356,1.932,9.2,9.2,0,0,0,2.75-2.645C20,28.026,31.189,8.92,31.189,8.92S25.457,7.514,22.329,12.553Z" transform="translate(-7.189 -8.74)" fill="#d83a3e"/>
+  </g>
+  <path id="ic_account_balance_24px" d="M3.669,7.868v5.342h2.5V7.868Zm5.008,0v5.342h2.5V7.868ZM2,17.026H17.86V14.737H2ZM13.686,7.868v5.342h2.5V7.868ZM9.93,1,2,4.816V6.342H17.86V4.816Z" transform="translate(14.14 63)" fill="#fff"/>
+  <g id="compliance" transform="translate(16 112)">
+    <g id="Group_5" data-name="Group 5">
+      <path id="Path_5" data-name="Path 5" d="M9,17a.727.727,0,0,1,0-1.455,6.256,6.256,0,0,0,4.582-1.891,6.206,6.206,0,0,0,1.891-4.582,6.376,6.376,0,0,0-1.891-4.582A5.871,5.871,0,0,0,9,2.455,6.051,6.051,0,0,0,4.418,4.418,6.051,6.051,0,0,0,2.455,9a.687.687,0,0,1-.727.727A.687.687,0,0,1,1,9,7.977,7.977,0,0,1,3.327,3.327,7.573,7.573,0,0,1,9,1a7.977,7.977,0,0,1,5.673,2.327A7.573,7.573,0,0,1,17,9a7.946,7.946,0,0,1-8,8Z" transform="translate(-1 -1)" fill="#fff"/>
+    </g>
+    <g id="Group_6" data-name="Group 6" transform="translate(0.727 8.023)">
+      <path id="Path_6" data-name="Path 6" d="M4.909,17.827a.66.66,0,0,1-.509-.218L2.218,15.427a.72.72,0,0,1,1.018-1.018l1.745,1.745,6.036-4a.736.736,0,1,1,.8,1.236L5.273,17.754A3.151,3.151,0,0,1,4.909,17.827Z" transform="translate(-2 -12.031)" fill="#fff"/>
+    </g>
+    <g id="Group_7" data-name="Group 7" transform="translate(1.818 14.545)">
+      <path id="Path_7" data-name="Path 7" d="M6.409,22.455H4.227a.727.727,0,1,1,0-1.455H6.409a.727.727,0,1,1,0,1.455Z" transform="translate(-3.5 -21)" fill="#fff"/>
+    </g>
+  </g>
+  <path id="ic_info_outline_24px" d="M9.2,14h1.6V9.2H9.2ZM10,2a8,8,0,1,0,8,8A8,8,0,0,0,10,2Zm0,14.4A6.4,6.4,0,1,1,16.4,10,6.408,6.408,0,0,1,10,16.4ZM9.2,7.6h1.6V6H9.2Z" transform="translate(14 158)" fill="#fff"/>
+  <path id="contract" d="M16.659,2.717,15.414,3.94,12.786,1.359,14.1.2a.677.677,0,0,1,.968,0l1.591,1.562a.612.612,0,0,1,.207.476A.612.612,0,0,1,16.659,2.717ZM6.492,7.676l5.6-5.5,2.628,2.581L9.12,10.19H6.492Zm-3.735,7.54a2.28,2.28,0,0,1-.415-.815A5.141,5.141,0,0,1,3.1,10.19a2.7,2.7,0,0,1,.968-1.019,8.024,8.024,0,0,1,.761,3.4,3.25,3.25,0,0,0,.069.815c.069,1.7.138,2.378.83,2.581s1.107-.476,1.522-1.359a3.586,3.586,0,0,1,.415-.679v.136c.138.747.277,1.63,1.107,1.834.9.2,1.452-.679,2.144-1.562a11.647,11.647,0,0,1,.761-.951v.068a2.852,2.852,0,0,0,.761,1.291c1.66,1.427,2.421.34,4.081.2l-.069-1.359c-1.176.068-2.006,1.291-2.974.2a2.28,2.28,0,0,1-.415-.815,1.319,1.319,0,0,0-.968-1.019c-.968-.2-1.591.747-2.282,1.7a3.663,3.663,0,0,1-.622.815c-.069-.2-.069-.408-.138-.543-.138-.747-.277-1.562-1.037-1.7s-1.245.543-1.66,1.359V13.45a3.25,3.25,0,0,0-.069-.815c-.138-2.853-.761-4.415-1.8-4.619-.415-.068-1.037,0-1.867.883A6.8,6.8,0,0,0,1.1,15.013a3.573,3.573,0,0,0,.553.951Z" transform="translate(15.133 208)" fill="#fff"/>
+  <g id="assurance" transform="translate(16.007 256)">
+    <g id="Group_8" data-name="Group 8" transform="translate(0 0)">
+      <path id="Path_8" data-name="Path 8" d="M10.19,16.522a.383.383,0,0,1-.265-.07l-1.987-.905-1.987.905a.6.6,0,0,1-.795-.279l-1.126-1.95-2.119-.487a.751.751,0,0,1-.53-.766l.2-2.3L.124,9a.762.762,0,0,1,0-.905L1.581,6.355l-.2-2.3a.751.751,0,0,1,.53-.766L4.031,2.8,5.091.855A.7.7,0,0,1,5.952.576l1.987.905L9.925.576a.7.7,0,0,1,.861.279L11.912,2.8l2.119.487a.751.751,0,0,1,.53.766l-.2,2.3,1.457,1.671a.762.762,0,0,1,0,.905L14.362,10.6l.2,2.3a.751.751,0,0,1-.53.766l-2.119.487-1.126,2.019A.689.689,0,0,1,10.19,16.522ZM2.773,12.483l1.854.418a.52.52,0,0,1,.4.348l.927,1.671,1.722-.766a.7.7,0,0,1,.53,0l1.722.766.927-1.671a.987.987,0,0,1,.4-.348l1.854-.418-.2-1.95a1.045,1.045,0,0,1,.132-.487L14.3,8.584,13.037,7.121a.477.477,0,0,1-.132-.487l.2-1.95-1.854-.418a.52.52,0,0,1-.4-.348l-.927-1.81L8.2,2.874a.7.7,0,0,1-.53,0L5.952,2.108,5.024,3.779c-.132.209-.265.348-.464.348l-1.788.418.132,1.95a1.045,1.045,0,0,1-.132.487L1.515,8.514,2.773,9.976a.477.477,0,0,1,.132.487Z" transform="translate(0.025 -0.522)" fill="#fff"/>
+    </g>
+    <path id="Path_9" data-name="Path 9" d="M10.288,6.209c-.066-.073-.066-.146-.2-.219a.333.333,0,0,0-.464.219L8.566,8.543l-2.318.365c-.066,0-.132.073-.2.146a.478.478,0,0,0,0,.584L7.7,11.461l-.4,2.553a.286.286,0,0,0,.066.219c.132.219.331.292.53.146l2.053-1.24,2.053,1.24a.229.229,0,0,0,.2.073.389.389,0,0,0,.265-.511l-.4-2.553,1.656-1.824c.066-.073.132-.146.132-.219a.358.358,0,0,0-.265-.438l-2.318-.365Z" transform="translate(-1.993 -2.359)" fill="#fff"/>
+  </g>
+  <path id="policy-out-line" d="M9.14,16.9H9a8.86,8.86,0,0,1-5-3.475A11.625,11.625,0,0,1,2,6.764V4.158L9.14.9l7.14,3.258V6.764a12.984,12.984,0,0,1-.857,4.634.74.74,0,0,1-.928.434.756.756,0,0,1-.428-.941,11.754,11.754,0,0,0,.785-4.127V5.1L9.14,2.493,3.428,5.1V6.764a10.312,10.312,0,0,0,1.714,5.792,7.5,7.5,0,0,0,4,2.9,6.572,6.572,0,0,0,2.784-1.52.687.687,0,0,1,1,.072.711.711,0,0,1-.071,1.014A7.783,7.783,0,0,1,9.282,16.9Zm2.784-7.964a2.856,2.856,0,1,0-2.856,2.9A2.885,2.885,0,0,0,11.924,8.936Zm-1.428,0A1.428,1.428,0,1,1,9.068,7.488,1.4,1.4,0,0,1,10.5,8.936Zm4.712,5.285a.706.706,0,0,0-.071-1.014L11.21,9.878a.683.683,0,0,0-1,.072.706.706,0,0,0,.071,1.014l3.927,3.33a.52.52,0,0,0,.428.145A.8.8,0,0,0,15.208,14.222Z" transform="translate(15 307.1)" fill="#fff"/>
+  <path id="survey" d="M8.89,8.89H2V2H8.89ZM3.531,7.359H7.359V3.531H3.531ZM4.3,4.3h2.3v2.3H4.3ZM8.89,17.311H2v-6.89H8.89ZM3.531,15.78H7.359V11.952H3.531ZM18,2H9.579V3.531H18Zm0,8.421H9.579v1.531H18ZM14.249,4.3H9.579V5.828h4.67Zm0,8.421H9.579v1.531h4.67Z" transform="translate(14 354)" fill="#fff"/>
+  <path id="settings" d="M10.667,8a2.668,2.668,0,1,0-.781,1.885A2.659,2.659,0,0,0,10.667,8ZM9.333,8a1.334,1.334,0,1,1-.391-.943A1.326,1.326,0,0,1,9.333,8Zm4.21,2.269a.458.458,0,0,1,.128-.171.425.425,0,0,1,.269-.1H14a2,2,0,0,0,0-4h-.106a.456.456,0,0,1-.205-.051.426.426,0,0,1-.195-.208.58.58,0,0,1,0-.059.447.447,0,0,1-.036-.219.417.417,0,0,1,.116-.258l.041-.041a2,2,0,0,0-2.831-2.828l-.031.031a.459.459,0,0,1-.192.111.426.426,0,0,1-.291-.022.453.453,0,0,1-.169-.127A.421.421,0,0,1,10,2.06V2A2,2,0,0,0,6,2v.106a.456.456,0,0,1-.051.205.426.426,0,0,1-.208.195.58.58,0,0,1-.059,0,.447.447,0,0,1-.219.036A.422.422,0,0,1,5.2,2.429l-.041-.041A2,2,0,0,0,2.335,5.218l.032.031a.459.459,0,0,1,.111.192.427.427,0,0,1-.021.289c0,.011-.009.023-.014.035a.455.455,0,0,1-.127.183.416.416,0,0,1-.255.1H2a2,2,0,0,0,0,4h.106a.456.456,0,0,1,.205.051.428.428,0,0,1,.2.214.447.447,0,0,1,.036.219.417.417,0,0,1-.116.258l-.041.041a2,2,0,0,0,2.831,2.828l.031-.032a.459.459,0,0,1,.192-.111.427.427,0,0,1,.289.021l.035.014a.455.455,0,0,1,.183.127.416.416,0,0,1,.1.255V14a2,2,0,0,0,4,0v-.106a.456.456,0,0,1,.051-.205.428.428,0,0,1,.214-.2.447.447,0,0,1,.219-.036.417.417,0,0,1,.258.116l.041.041a2,2,0,0,0,2.828-2.831l-.032-.031a.459.459,0,0,1-.111-.192.427.427,0,0,1,.021-.289Zm-1.22-.539a1.756,1.756,0,0,0-.085,1.188,1.792,1.792,0,0,0,.435.758l.048.049a.667.667,0,0,1-.943.945l-.041-.041a1.76,1.76,0,0,0-1.087-.5,1.79,1.79,0,0,0-.862.141,1.759,1.759,0,0,0-.867.8,1.794,1.794,0,0,0-.2.807V14a.667.667,0,0,1-1.333,0v-.06a1.769,1.769,0,0,0-.429-1.128,1.789,1.789,0,0,0-.705-.5,1.76,1.76,0,0,0-1.171-.077,1.792,1.792,0,0,0-.758.435l-.049.048a.667.667,0,0,1-.945-.943l.041-.041a1.76,1.76,0,0,0,.5-1.087,1.79,1.79,0,0,0-.141-.862,1.759,1.759,0,0,0-.8-.867,1.794,1.794,0,0,0-.807-.2H2A.667.667,0,0,1,2,7.387h.06a1.769,1.769,0,0,0,1.128-.429,1.789,1.789,0,0,0,.5-.705,1.76,1.76,0,0,0,.077-1.171,1.786,1.786,0,0,0-.435-.757l-.049-.049a.667.667,0,0,1,.943-.945l.041.041a1.76,1.76,0,0,0,1.087.5,1.778,1.778,0,0,0,.734-.091.647.647,0,0,0,.179-.049,1.755,1.755,0,0,0,.869-.805,1.783,1.783,0,0,0,.2-.807V2A.667.667,0,0,1,8.667,2v.06a1.762,1.762,0,0,0,.4,1.117,1.787,1.787,0,0,0,.664.5,1.759,1.759,0,0,0,1.185.084,1.792,1.792,0,0,0,.758-.435l.049-.048a.667.667,0,0,1,.945.943l-.041.041a1.76,1.76,0,0,0-.5,1.087,1.778,1.778,0,0,0,.091.734.647.647,0,0,0,.049.179,1.755,1.755,0,0,0,.805.869,1.794,1.794,0,0,0,.807.2H14a.667.667,0,0,1,0,1.333h-.06a1.762,1.762,0,0,0-1.117.4,1.787,1.787,0,0,0-.5.662Z" transform="translate(16 508)" fill="#fff"/>
+  <path id="help_outline" d="M10.015,5.208A3.206,3.206,0,0,1,13.208,8.4a2.937,2.937,0,0,1-1.2,2.085,2.875,2.875,0,0,0-1.2,1.934H9.227A2.81,2.81,0,0,1,9.6,10.936a2.651,2.651,0,0,1,.826-.9,3.923,3.923,0,0,0,.826-.695A1.358,1.358,0,0,0,11.63,8.4a1.488,1.488,0,0,0-.488-1.108,1.586,1.586,0,0,0-2.253,0A1.488,1.488,0,0,0,8.4,8.4H6.824a3.206,3.206,0,0,1,3.193-3.193Zm0,11.23a6.177,6.177,0,0,0,4.525-1.9,6.177,6.177,0,0,0,1.9-4.525,6.177,6.177,0,0,0-1.9-4.525,6.177,6.177,0,0,0-4.525-1.9,6.177,6.177,0,0,0-4.525,1.9,6.177,6.177,0,0,0-1.9,4.525,6.177,6.177,0,0,0,1.9,4.525,6.177,6.177,0,0,0,4.525,1.9Zm0-14.422a7.705,7.705,0,0,1,5.652,2.348,7.705,7.705,0,0,1,2.348,5.652,7.705,7.705,0,0,1-2.348,5.652,7.705,7.705,0,0,1-5.652,2.348,7.705,7.705,0,0,1-5.652-2.348,7.705,7.705,0,0,1-2.348-5.652A7.705,7.705,0,0,1,4.363,4.364a7.705,7.705,0,0,1,5.652-2.348ZM9.227,14.822V13.207H10.8v1.615Z" transform="translate(13.985 457.984)" fill="#fff"/>
+  <g id="Tooltip" transform="translate(0 240)">
+    <rect id="Tooltip-BG" width="48" height="24" rx="2" transform="translate(52 64)" fill="#161b2f"/>
+    <g id="Polygon_8" data-name="Polygon 8" transform="translate(48 79) rotate(-90)" fill="#161b2f">
+      <path d="M 5 3.5 L 1 3.5 L 3 0.8333333134651184 L 5 3.5 Z" stroke="none"/>
+      <path d="M 3 1.666666746139526 L 2 3 L 4 3 L 3 1.666666746139526 M 3 0 L 6 4 L 0 4 L 3 0 Z" stroke="none" fill="#161b2f"/>
+    </g>
+    <text id="Policy" transform="translate(60 80)" fill="#fff" font-size="11" font-family="Poppins-Regular, Poppins"><tspan x="0" y="0">Policy</tspan></text>
+  </g>
+  <g id="Group_1182" data-name="Group 1182" transform="translate(59 35)">
+    <g id="compliance-2" data-name="compliance" transform="translate(84 64)">
+      <g id="Group_5-2" data-name="Group 5">
+        <path id="Path_5-2" data-name="Path 5" d="M9,17a.727.727,0,0,1,0-1.455,6.256,6.256,0,0,0,4.582-1.891,6.206,6.206,0,0,0,1.891-4.582,6.376,6.376,0,0,0-1.891-4.582A5.871,5.871,0,0,0,9,2.455,6.051,6.051,0,0,0,4.418,4.418,6.051,6.051,0,0,0,2.455,9a.687.687,0,0,1-.727.727A.687.687,0,0,1,1,9,7.977,7.977,0,0,1,3.327,3.327,7.573,7.573,0,0,1,9,1a7.977,7.977,0,0,1,5.673,2.327A7.573,7.573,0,0,1,17,9a7.946,7.946,0,0,1-8,8Z" transform="translate(-1 -1)" fill="#1f253a"/>
+      </g>
+      <g id="Group_6-2" data-name="Group 6" transform="translate(0.727 8.023)">
+        <path id="Path_6-2" data-name="Path 6" d="M4.909,17.827a.66.66,0,0,1-.509-.218L2.218,15.427a.72.72,0,0,1,1.018-1.018l1.745,1.745,6.036-4a.736.736,0,1,1,.8,1.236L5.273,17.754A3.151,3.151,0,0,1,4.909,17.827Z" transform="translate(-2 -12.031)" fill="#1f253a"/>
+      </g>
+      <g id="Group_7-2" data-name="Group 7" transform="translate(1.818 14.545)">
+        <path id="Path_7-2" data-name="Path 7" d="M6.409,22.455H4.227a.727.727,0,1,1,0-1.455H6.409a.727.727,0,1,1,0,1.455Z" transform="translate(-3.5 -21)" fill="#1f253a"/>
+      </g>
+    </g>
+    <path id="ic_info_outline_24px-2" data-name="ic_info_outline_24px" d="M9.2,14h1.6V9.2H9.2ZM10,2a8,8,0,1,0,8,8A8,8,0,0,0,10,2Zm0,14.4A6.4,6.4,0,1,1,16.4,10,6.408,6.408,0,0,1,10,16.4ZM9.2,7.6h1.6V6H9.2Z" transform="translate(82 110)" fill="#1f253a"/>
+    <path id="contract-2" data-name="contract" d="M16.659,2.717,15.414,3.94,12.786,1.359,14.1.2a.677.677,0,0,1,.968,0l1.591,1.562a.612.612,0,0,1,.207.476A.612.612,0,0,1,16.659,2.717ZM6.492,7.676l5.6-5.5,2.628,2.581L9.12,10.19H6.492Zm-3.735,7.54a2.28,2.28,0,0,1-.415-.815A5.141,5.141,0,0,1,3.1,10.19a2.7,2.7,0,0,1,.968-1.019,8.024,8.024,0,0,1,.761,3.4,3.25,3.25,0,0,0,.069.815c.069,1.7.138,2.378.83,2.581s1.107-.476,1.522-1.359a3.586,3.586,0,0,1,.415-.679v.136c.138.747.277,1.63,1.107,1.834.9.2,1.452-.679,2.144-1.562a11.647,11.647,0,0,1,.761-.951v.068a2.852,2.852,0,0,0,.761,1.291c1.66,1.427,2.421.34,4.081.2l-.069-1.359c-1.176.068-2.006,1.291-2.974.2a2.28,2.28,0,0,1-.415-.815,1.319,1.319,0,0,0-.968-1.019c-.968-.2-1.591.747-2.282,1.7a3.663,3.663,0,0,1-.622.815c-.069-.2-.069-.408-.138-.543-.138-.747-.277-1.562-1.037-1.7s-1.245.543-1.66,1.359V13.45a3.25,3.25,0,0,0-.069-.815c-.138-2.853-.761-4.415-1.8-4.619-.415-.068-1.037,0-1.867.883A6.8,6.8,0,0,0,1.1,15.013a3.573,3.573,0,0,0,.553.951Z" transform="translate(83.133 160)" fill="#1f253a"/>
+    <g id="assurance-2" data-name="assurance" transform="translate(84.008 208)">
+      <g id="Group_8-2" data-name="Group 8" transform="translate(0 0)">
+        <path id="Path_8-2" data-name="Path 8" d="M10.19,16.522a.383.383,0,0,1-.265-.07l-1.987-.905-1.987.905a.6.6,0,0,1-.795-.279l-1.126-1.95-2.119-.487a.751.751,0,0,1-.53-.766l.2-2.3L.124,9a.762.762,0,0,1,0-.905L1.581,6.355l-.2-2.3a.751.751,0,0,1,.53-.766L4.031,2.8,5.091.855A.7.7,0,0,1,5.952.576l1.987.905L9.925.576a.7.7,0,0,1,.861.279L11.912,2.8l2.119.487a.751.751,0,0,1,.53.766l-.2,2.3,1.457,1.671a.762.762,0,0,1,0,.905L14.362,10.6l.2,2.3a.751.751,0,0,1-.53.766l-2.119.487-1.126,2.019A.689.689,0,0,1,10.19,16.522ZM2.773,12.483l1.854.418a.52.52,0,0,1,.4.348l.927,1.671,1.722-.766a.7.7,0,0,1,.53,0l1.722.766.927-1.671a.987.987,0,0,1,.4-.348l1.854-.418-.2-1.95a1.045,1.045,0,0,1,.132-.487L14.3,8.584,13.037,7.121a.477.477,0,0,1-.132-.487l.2-1.95-1.854-.418a.52.52,0,0,1-.4-.348l-.927-1.81L8.2,2.874a.7.7,0,0,1-.53,0L5.952,2.108,5.024,3.779c-.132.209-.265.348-.464.348l-1.788.418.132,1.95a1.045,1.045,0,0,1-.132.487L1.515,8.514,2.773,9.976a.477.477,0,0,1,.132.487Z" transform="translate(0.025 -0.522)" fill="#1f253a"/>
+      </g>
+      <path id="Path_9-2" data-name="Path 9" d="M10.288,6.209c-.066-.073-.066-.146-.2-.219a.333.333,0,0,0-.464.219L8.566,8.543l-2.318.365c-.066,0-.132.073-.2.146a.478.478,0,0,0,0,.584L7.7,11.461l-.4,2.553a.286.286,0,0,0,.066.219c.132.219.331.292.53.146l2.053-1.24,2.053,1.24a.229.229,0,0,0,.2.073.389.389,0,0,0,.265-.511l-.4-2.553,1.656-1.824c.066-.073.132-.146.132-.219a.358.358,0,0,0-.265-.438l-2.318-.365Z" transform="translate(-1.993 -2.359)" fill="#1f253a"/>
+    </g>
+    <path id="policy-out-line-2" data-name="policy-out-line" d="M9.14,16.9H9a8.86,8.86,0,0,1-5-3.475A11.625,11.625,0,0,1,2,6.764V4.158L9.14.9l7.14,3.258V6.764a12.984,12.984,0,0,1-.857,4.634.74.74,0,0,1-.928.434.756.756,0,0,1-.428-.941,11.754,11.754,0,0,0,.785-4.127V5.1L9.14,2.493,3.428,5.1V6.764a10.312,10.312,0,0,0,1.714,5.792,7.5,7.5,0,0,0,4,2.9,6.572,6.572,0,0,0,2.784-1.52.687.687,0,0,1,1,.072.711.711,0,0,1-.071,1.014A7.783,7.783,0,0,1,9.282,16.9Zm2.784-7.964a2.856,2.856,0,1,0-2.856,2.9A2.885,2.885,0,0,0,11.924,8.936Zm-1.428,0A1.428,1.428,0,1,1,9.068,7.488,1.4,1.4,0,0,1,10.5,8.936Zm4.712,5.285a.706.706,0,0,0-.071-1.014L11.21,9.878a.683.683,0,0,0-1,.072.706.706,0,0,0,.071,1.014l3.927,3.33a.52.52,0,0,0,.428.145A.8.8,0,0,0,15.208,14.222Z" transform="translate(83 259.1)" fill="#1f253a"/>
+    <path id="survey-2" data-name="survey" d="M8.89,8.89H2V2H8.89ZM3.531,7.359H7.359V3.531H3.531ZM4.3,4.3h2.3v2.3H4.3ZM8.89,17.311H2v-6.89H8.89ZM3.531,15.78H7.359V11.952H3.531ZM18,2H9.579V3.531H18Zm0,8.421H9.579v1.531H18ZM14.249,4.3H9.579V5.828h4.67Zm0,8.421H9.579v1.531h4.67Z" transform="translate(82 306)" fill="#1f253a"/>
+    <path id="settings-2" data-name="settings" d="M10.667,8a2.668,2.668,0,1,0-.781,1.885A2.659,2.659,0,0,0,10.667,8ZM9.333,8a1.334,1.334,0,1,1-.391-.943A1.326,1.326,0,0,1,9.333,8Zm4.21,2.269a.458.458,0,0,1,.128-.171.425.425,0,0,1,.269-.1H14a2,2,0,0,0,0-4h-.106a.456.456,0,0,1-.205-.051.426.426,0,0,1-.195-.208.58.58,0,0,1,0-.059.447.447,0,0,1-.036-.219.417.417,0,0,1,.116-.258l.041-.041a2,2,0,0,0-2.831-2.828l-.031.031a.459.459,0,0,1-.192.111.426.426,0,0,1-.291-.022.453.453,0,0,1-.169-.127A.421.421,0,0,1,10,2.06V2A2,2,0,0,0,6,2v.106a.456.456,0,0,1-.051.205.426.426,0,0,1-.208.195.58.58,0,0,1-.059,0,.447.447,0,0,1-.219.036A.422.422,0,0,1,5.2,2.429l-.041-.041A2,2,0,0,0,2.335,5.218l.032.031a.459.459,0,0,1,.111.192.427.427,0,0,1-.021.289c0,.011-.009.023-.014.035a.455.455,0,0,1-.127.183.416.416,0,0,1-.255.1H2a2,2,0,0,0,0,4h.106a.456.456,0,0,1,.205.051.428.428,0,0,1,.2.214.447.447,0,0,1,.036.219.417.417,0,0,1-.116.258l-.041.041a2,2,0,0,0,2.831,2.828l.031-.032a.459.459,0,0,1,.192-.111.427.427,0,0,1,.289.021l.035.014a.455.455,0,0,1,.183.127.416.416,0,0,1,.1.255V14a2,2,0,0,0,4,0v-.106a.456.456,0,0,1,.051-.205.428.428,0,0,1,.214-.2.447.447,0,0,1,.219-.036.417.417,0,0,1,.258.116l.041.041a2,2,0,0,0,2.828-2.831l-.032-.031a.459.459,0,0,1-.111-.192.427.427,0,0,1,.021-.289Zm-1.22-.539a1.756,1.756,0,0,0-.085,1.188,1.792,1.792,0,0,0,.435.758l.048.049a.667.667,0,0,1-.943.945l-.041-.041a1.76,1.76,0,0,0-1.087-.5,1.79,1.79,0,0,0-.862.141,1.759,1.759,0,0,0-.867.8,1.794,1.794,0,0,0-.2.807V14a.667.667,0,0,1-1.333,0v-.06a1.769,1.769,0,0,0-.429-1.128,1.789,1.789,0,0,0-.705-.5,1.76,1.76,0,0,0-1.171-.077,1.792,1.792,0,0,0-.758.435l-.049.048a.667.667,0,0,1-.945-.943l.041-.041a1.76,1.76,0,0,0,.5-1.087,1.79,1.79,0,0,0-.141-.862,1.759,1.759,0,0,0-.8-.867,1.794,1.794,0,0,0-.807-.2H2A.667.667,0,0,1,2,7.387h.06a1.769,1.769,0,0,0,1.128-.429,1.789,1.789,0,0,0,.5-.705,1.76,1.76,0,0,0,.077-1.171,1.786,1.786,0,0,0-.435-.757l-.049-.049a.667.667,0,0,1,.943-.945l.041.041a1.76,1.76,0,0,0,1.087.5,1.778,1.778,0,0,0,.734-.091.647.647,0,0,0,.179-.049,1.755,1.755,0,0,0,.869-.805,1.783,1.783,0,0,0,.2-.807V2A.667.667,0,0,1,8.667,2v.06a1.762,1.762,0,0,0,.4,1.117,1.787,1.787,0,0,0,.664.5,1.759,1.759,0,0,0,1.185.084,1.792,1.792,0,0,0,.758-.435l.049-.048a.667.667,0,0,1,.945.943l-.041.041a1.76,1.76,0,0,0-.5,1.087,1.778,1.778,0,0,0,.091.734.647.647,0,0,0,.049.179,1.755,1.755,0,0,0,.805.869,1.794,1.794,0,0,0,.807.2H14a.667.667,0,0,1,0,1.333h-.06a1.762,1.762,0,0,0-1.117.4,1.787,1.787,0,0,0-.5.662Z" transform="translate(84 410)" fill="#1f253a"/>
+    <path id="help_outline-2" data-name="help_outline" d="M10.015,5.208A3.206,3.206,0,0,1,13.208,8.4a2.937,2.937,0,0,1-1.2,2.085,2.875,2.875,0,0,0-1.2,1.934H9.227A2.81,2.81,0,0,1,9.6,10.936a2.651,2.651,0,0,1,.826-.9,3.923,3.923,0,0,0,.826-.695A1.358,1.358,0,0,0,11.63,8.4a1.488,1.488,0,0,0-.488-1.108,1.586,1.586,0,0,0-2.253,0A1.488,1.488,0,0,0,8.4,8.4H6.824a3.206,3.206,0,0,1,3.193-3.193Zm0,11.23a6.177,6.177,0,0,0,4.525-1.9,6.177,6.177,0,0,0,1.9-4.525,6.177,6.177,0,0,0-1.9-4.525,6.177,6.177,0,0,0-4.525-1.9,6.177,6.177,0,0,0-4.525,1.9,6.177,6.177,0,0,0-1.9,4.525,6.177,6.177,0,0,0,1.9,4.525,6.177,6.177,0,0,0,4.525,1.9Zm0-14.422a7.705,7.705,0,0,1,5.652,2.348,7.705,7.705,0,0,1,2.348,5.652,7.705,7.705,0,0,1-2.348,5.652,7.705,7.705,0,0,1-5.652,2.348,7.705,7.705,0,0,1-5.652-2.348,7.705,7.705,0,0,1-2.348-5.652A7.705,7.705,0,0,1,4.363,4.364a7.705,7.705,0,0,1,5.652-2.348ZM9.227,14.822V13.207H10.8v1.615Z" transform="translate(81.984 359.984)" fill="#1f253a"/>
+    <path id="ic_account_balance_24px-2" data-name="ic_account_balance_24px" d="M3.669,7.868v5.342h2.5V7.868Zm5.008,0v5.342h2.5V7.868ZM2,17.026H17.86V14.737H2ZM13.686,7.868v5.342h2.5V7.868ZM9.93,1,2,4.816V6.342H17.86V4.816Z" transform="translate(82 31)" fill="#1f253a"/>
+  </g>
+</svg>

package/css-build/images/example/vcomply-icon-m.svg

@@ -0,0 +1,43 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="145.25" height="140.25" viewBox="0 0 145.25 140.25">
+  <g id="vcomply-icon-m" transform="translate(14 80.25)">
+    <g id="Group_1171" data-name="Group 1171">
+      <rect id="Rectangle_13" data-name="Rectangle 13" width="48" height="48" fill="#1f253a"/>
+      <g id="icon" transform="translate(12 12.334)">
+        <path id="Path_2" data-name="Path 2" d="M8.691,44.329a3.567,3.567,0,0,0,3.128.357,4.935,4.935,0,0,0,2.519-1.974,2.182,2.182,0,0,1-.84-1.869V35.553c-.4-4.43-6.3-5.753-6.3-5.753V42.439A3.7,3.7,0,0,0,8.691,44.329Z" transform="translate(-7.198 -25.378)" fill="#9c1d22"/>
+        <path id="Path_3" data-name="Path 3" d="M22.329,12.553c-3.044,4.892-8,13.521-8,13.521h0a4.826,4.826,0,0,1-2.519,1.974,3.567,3.567,0,0,1-3.128-.357,3.773,3.773,0,0,1-1.491-1.869,7.057,7.057,0,0,0,1.071,3.8,6.3,6.3,0,0,0,8.356,1.932,9.2,9.2,0,0,0,2.75-2.645C20,28.026,31.189,8.92,31.189,8.92S25.457,7.514,22.329,12.553Z" transform="translate(-7.189 -8.74)" fill="#d83a3e"/>
+      </g>
+    </g>
+    <path id="Path_1471" data-name="Path 1471" d="M0,0V72" transform="translate(58 0) rotate(90)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+    <path id="Path_1474" data-name="Path 1474" d="M0,0V72" transform="translate(58 48) rotate(90)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+    <path id="Path_1475" data-name="Path 1475" d="M0,0V70" transform="translate(0 -10)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+    <path id="Path_1476" data-name="Path 1476" d="M0,0V70" transform="translate(48 -10)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+    <g id="_4" data-name="4" transform="translate(99.75 48.25) rotate(-90)">
+      <line id="Line_14" data-name="Line 14" y2="23" transform="translate(0.5)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <line id="Line_15" data-name="Line 15" y2="23" transform="translate(48.5 0)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <line id="Line_16" data-name="Line 16" y2="48" transform="translate(48 11.5) rotate(90)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <text id="_48px" data-name="48px" transform="translate(24 27.5)" fill="#1f253a" font-size="11" font-family="Poppins-Medium, Poppins" font-weight="500"><tspan x="-13.541" y="0">48px</tspan></text>
+    </g>
+    <g id="_4-2" data-name="4" transform="translate(-0.25 -80.25)">
+      <line id="Line_14-2" data-name="Line 14" y2="23" transform="translate(0.5 0)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <line id="Line_15-2" data-name="Line 15" y2="23" transform="translate(48.5 0)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <line id="Line_16-2" data-name="Line 16" y2="48" transform="translate(48 11.5) rotate(90)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <text id="_48px-2" data-name="48px" transform="translate(24 27.5)" fill="#1f253a" font-size="11" font-family="Poppins-Medium, Poppins" font-weight="500"><tspan x="-13.541" y="0">48px</tspan></text>
+    </g>
+    <line id="Line_38" data-name="Line 38" y2="35" transform="translate(12.5 5.5)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+    <line id="Line_39" data-name="Line 39" y2="35" transform="translate(36.5 5.5)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+    <line id="Line_40" data-name="Line 40" y2="35" transform="translate(41 12) rotate(90)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+    <line id="Line_41" data-name="Line 41" y2="35" transform="translate(41 36) rotate(90)" fill="none" stroke="#1e5dd3" stroke-width="1" stroke-dasharray="4 4"/>
+    <g id="_4-3" data-name="4" transform="translate(55.75 37.25) rotate(-90)">
+      <line id="Line_14-3" data-name="Line 14" y2="23" transform="translate(1.5)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <line id="Line_15-3" data-name="Line 15" y2="23" transform="translate(25.5)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <line id="Line_16-3" data-name="Line 16" y2="24" transform="translate(25 11.5) rotate(90)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <text id="_24px" data-name="24px" transform="translate(13 32.5)" fill="#1f253a" font-size="11" font-family="Poppins-Medium, Poppins" font-weight="500"><tspan x="-13.206" y="0">24px</tspan></text>
+    </g>
+    <g id="_4-4" data-name="4" transform="translate(12 -38.5)">
+      <line id="Line_14-4" data-name="Line 14" y2="23" transform="translate(0.5 0)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <line id="Line_15-4" data-name="Line 15" y2="23" transform="translate(24.5 0)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <line id="Line_16-4" data-name="Line 16" y2="24" transform="translate(24 11.5) rotate(90)" fill="none" stroke="#1e5dd3" stroke-width="1"/>
+      <text id="_24px-2" data-name="24px" transform="translate(12 32.5)" fill="#1f253a" font-size="11" font-family="Poppins-Medium, Poppins" font-weight="500"><tspan x="-13.206" y="0">24px</tspan></text>
+    </g>
+  </g>
+</svg>

package/css-build/images/no-data.svg

@@ -0,0 +1,268 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.3, 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 256 192" style="enable-background:new 0 0 256 192;" xml:space="preserve">
+<style type="text/css">
+	.st0{display:none;}
+	.st1{display:inline;}
+	.st2{fill:#FFFFFF;}
+	.st3{fill:#BDBDBD;}
+	.st4{display:inline;fill:#F1F1F1;}
+	.st5{display:inline;fill:#BDBDBD;}
+	.st6{fill:#EDF6FF;}
+	.st7{fill:#1E5DD3;}
+	.st8{fill:#F1F1F1;}
+	.st9{fill:#66BF72;}
+	.st10{fill:#E4B700;}
+	.st11{fill:#C7381B;}
+	.st12{fill:#161B2F;stroke:#161B2F;stroke-miterlimit:10;}
+	.st13{fill:none;stroke:#1E5DD3;stroke-width:1.5;stroke-linecap:round;stroke-miterlimit:10;}
+	.st14{fill:#747576;}
+	.st15{fill:#BCBCBC;stroke:#FFFFFF;stroke-miterlimit:10;}
+	.st16{fill:#BCBCBC;}
+	.st17{fill:#FFFFFF;stroke:#DCDCDC;stroke-width:0.5;stroke-miterlimit:10;}
+	.st18{fill:none;stroke:#DCDCDC;stroke-width:0.5;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#BCBCBC;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}
+	.st20{fill-rule:evenodd;clip-rule:evenodd;fill:#66BF72;}
+	.st21{fill:#57A4FF;}
+	.st22{fill:#033187;}
+	.st23{fill:#004FAC;}
+	.st24{fill:none;stroke:#747576;stroke-width:0.5;stroke-miterlimit:10;}
+	.st25{fill:none;stroke:#F1F1F1;stroke-width:0.25;stroke-linecap:round;stroke-miterlimit:10;}
+	.st26{fill:#D3A111;}
+</style>
+<g id="Layer_1_1_">
+	<g class="st0">
+		<g class="st1">
+			<path class="st2" d="M26.4,170.9c-2.6,0-4.8-2.1-4.8-4.8v-122c0-2.6,2.1-4.8,4.8-4.8h185c2.6,0,4.8,2.1,4.8,4.8v122
+				c0,2.6-2.1,4.8-4.8,4.8H26.4z"/>
+			<path class="st3" d="M211.4,40.1c2.2,0,4,1.8,4,4v122c0,2.2-1.8,4-4,4h-185c-2.2,0-4-1.8-4-4v-122c0-2.2,1.8-4,4-4L211.4,40.1
+				 M211.4,38.6h-185c-3,0-5.5,2.5-5.5,5.5v122c0,3,2.5,5.5,5.5,5.5h185c3,0,5.5-2.5,5.5-5.5v-122C216.9,41.1,214.4,38.6,211.4,38.6
+				L211.4,38.6z"/>
+		</g>
+		<path class="st4" d="M211.4,170.1h-185c-2.2,0-4-1.8-4-4V166h193v0.1C215.4,168.3,213.6,170.1,211.4,170.1z"/>
+		<path class="st5" d="M22.4,51.1v-7c0-2.2,1.8-4,4-4h185c2.2,0,4,1.8,4,4v7H22.4z"/>
+	</g>
+	<g>
+		<path class="st6" d="M247,99c23.5,20.5-28.9,57.6-56,73c-62.8,35.7-169,7-180-52C-1.5,53.1,76,10,125.5,10C194,10,216,72,247,99z"
+			/>
+	</g>
+	<g>
+		<path class="st2" d="M39.4,167.9c-2.6,0-4.8-2.1-4.8-4.8v-122c0-2.6,2.1-4.8,4.8-4.8h185c2.6,0,4.8,2.1,4.8,4.8v122
+			c0,2.6-2.1,4.8-4.8,4.8H39.4z"/>
+		<path class="st7" d="M224.4,37.1c2.2,0,4,1.8,4,4v122c0,2.2-1.8,4-4,4h-185c-2.2,0-4-1.8-4-4v-122c0-2.2,1.8-4,4-4L224.4,37.1
+			 M224.4,35.6h-185c-3,0-5.5,2.5-5.5,5.5v122c0,3,2.5,5.5,5.5,5.5h185c3,0,5.5-2.5,5.5-5.5v-122C229.9,38.1,227.4,35.6,224.4,35.6
+			L224.4,35.6z"/>
+	</g>
+	<g>
+		<path class="st2" d="M39.4,162.9c-2.6,0-4.8-2.1-4.8-4.8v-122c0-2.6,2.1-4.8,4.8-4.8h185c2.6,0,4.8,2.1,4.8,4.8v122
+			c0,2.6-2.1,4.8-4.8,4.8H39.4z"/>
+		<path class="st7" d="M224.4,32.1c2.2,0,4,1.8,4,4v122c0,2.2-1.8,4-4,4h-185c-2.2,0-4-1.8-4-4v-122c0-2.2,1.8-4,4-4L224.4,32.1
+			 M224.4,30.6h-185c-3,0-5.5,2.5-5.5,5.5v122c0,3,2.5,5.5,5.5,5.5h185c3,0,5.5-2.5,5.5-5.5v-122C229.9,33.1,227.4,30.6,224.4,30.6
+			L224.4,30.6z"/>
+	</g>
+	<path class="st8" d="M224.4,162.1h-185c-2.2,0-4-1.8-4-4V158h193v0.1C228.4,160.3,226.6,162.1,224.4,162.1z"/>
+	<path class="st8" d="M35.4,43.1v-7c0-2.2,1.8-4,4-4h185c2.2,0,4,1.8,4,4v7H35.4z"/>
+	<circle class="st9" cx="45.7" cy="37.8" r="1.8"/>
+	<circle class="st10" cx="51.7" cy="37.8" r="1.8"/>
+	<circle class="st11" cx="57.7" cy="37.8" r="1.8"/>
+	<path class="st12" d="M35.4,55.1v-19c0-2.2,1.8-4,4-4h185c2.2,0,4,1.8,4,4v19H35.4z"/>
+	<circle class="st9" cx="45.7" cy="37.8" r="1.8"/>
+	<circle class="st10" cx="51.7" cy="37.8" r="1.8"/>
+	<circle class="st11" cx="57.7" cy="37.8" r="1.8"/>
+</g>
+<g id="Layer_3">
+	<line class="st13" x1="251.3" y1="168" x2="253" y2="168"/>
+	<line class="st13" x1="30.7" y1="168" x2="247" y2="168"/>
+	<line class="st13" x1="7" y1="168" x2="18.3" y2="168"/>
+	<line class="st13" x1="21" y1="168" x2="22.3" y2="168"/>
+	<g>
+		<g>
+			<rect x="44.2" y="50.5" class="st2" width="115.3" height="23.6"/>
+			<g>
+				<path class="st14" d="M159.4,50.6V74h-115V50.6H159.4 M159.6,50.3h-0.3h-115H44v0.3V74v0.3h0.3h115h0.3V74V50.6V50.3L159.6,50.3
+					z"/>
+			</g>
+		</g>
+		<circle class="st15" cx="52" cy="57.4" r="3.7"/>
+		<circle class="st15" cx="57.5" cy="57.4" r="3.7"/>
+	</g>
+	<g>
+		<g>
+			<rect x="44.1" y="131.4" class="st2" width="115.3" height="22.6"/>
+			<g>
+				<path class="st14" d="M159.3,131.5v22.4h-115v-22.4H159.3 M159.5,131.2h-0.3h-115H44v0.3v22.4v0.3h0.3h115h0.3v-0.3v-22.4v-0.3
+					H159.5z"/>
+			</g>
+		</g>
+		<g>
+			<path class="st2" d="M50,143.9c-0.6,0-1.1-0.5-1.1-1.1v-7.1c0-0.6,0.5-1.1,1.1-1.1h103.8c0.6,0,1.1,0.5,1.1,1.1v7.1
+				c0,0.6-0.5,1.1-1.1,1.1H50z"/>
+			<g>
+				<path class="st14" d="M153.9,134.6c0.6,0,1,0.4,1,1v7.1c0,0.6-0.4,1-1,1H50c-0.6,0-1-0.4-1-1v-7.1c0-0.6,0.4-1,1-1H153.9
+					 M153.9,134.4H50c-0.7,0-1.3,0.6-1.3,1.3v7.1c0,0.7,0.6,1.3,1.3,1.3h103.8c0.7,0,1.3-0.6,1.3-1.3v-7.1
+					C155.1,134.9,154.6,134.4,153.9,134.4L153.9,134.4z"/>
+			</g>
+		</g>
+		<circle class="st16" cx="52.8" cy="149.1" r="3"/>
+		<circle class="st16" cx="60.4" cy="149.1" r="3"/>
+		<circle class="st16" cx="68.1" cy="149.1" r="3"/>
+	</g>
+	<rect x="44.3" y="75.7" class="st17" width="115.3" height="7.2"/>
+	<line class="st18" x1="48.7" y1="85" x2="48.7" y2="89.9"/>
+	<line class="st18" x1="48.7" y1="98.3" x2="48.7" y2="121.9"/>
+	<g>
+		<path class="st8" d="M127.2,100.9H55.9c-0.8,0-1.5-0.7-1.5-1.5v-8.2c0-0.8,0.7-1.5,1.5-1.5h71.2c0.8,0,1.5,0.7,1.5,1.5v8.2
+			C128.7,100.2,128,100.9,127.2,100.9z"/>
+		<g>
+			<path class="st16" d="M122.9,94.6H59.8c-0.6,0-1-0.5-1-1v0.1c0-0.6,0.5-1,1-1h63.1c0.6,0,1,0.5,1,1v-0.1
+				C123.9,94.1,123.5,94.6,122.9,94.6z"/>
+		</g>
+		<g>
+			<path class="st16" d="M107.6,98.2H59.8c-0.6,0-1-0.5-1-1v0.1c0-0.6,0.5-1,1-1h47.8c0.6,0,1,0.5,1,1v-0.1
+				C108.7,97.7,108.2,98.2,107.6,98.2z"/>
+		</g>
+		<circle class="st7" cx="48.7" cy="93.8" r="3.3"/>
+	</g>
+	<g>
+		<path class="st8" d="M117.2,117.1H66.1c-0.8,0-1.5-0.7-1.5-1.5v-8.2c0-0.8,0.7-1.5,1.5-1.5h51.1c0.8,0,1.5,0.7,1.5,1.5v8.2
+			C118.7,116.5,118,117.1,117.2,117.1z"/>
+		<g>
+			<path class="st16" d="M112.9,110.8H70c-0.6,0-1-0.5-1-1v0.1c0-0.6,0.5-1,1-1h42.9c0.6,0,1,0.5,1,1v-0.1
+				C113.9,110.3,113.5,110.8,112.9,110.8z"/>
+		</g>
+		<g>
+			<path class="st16" d="M98.2,114.4H70c-0.6,0-1-0.5-1-1v0.1c0-0.6,0.5-1,1-1h28.1c0.6,0,1,0.5,1,1v-0.1
+				C99.2,113.9,98.7,114.4,98.2,114.4z"/>
+		</g>
+		<circle class="st9" cx="58.9" cy="110" r="3.3"/>
+	</g>
+	<g>
+		<path class="st8" d="M124.2,130H55.9c-0.8,0-1.5-0.7-1.5-1.5v-4.9c0-0.8,0.7-1.5,1.5-1.5h68.2c0.8,0,1.5,0.7,1.5,1.5v4.9
+			C125.7,129.4,125,130,124.2,130z"/>
+		<g>
+			<path class="st16" d="M119.9,127H59.8c-0.6,0-1-0.5-1-1v0.1c0-0.6,0.5-1,1-1h60.1c0.6,0,1,0.5,1,1V126
+				C120.9,126.6,120.5,127,119.9,127z"/>
+		</g>
+		<circle class="st7" cx="48.7" cy="126.2" r="3.3"/>
+	</g>
+	<g>
+		<line class="st19" x1="67" y1="57.4" x2="127" y2="57.4"/>
+	</g>
+	<g>
+		<line class="st19" x1="48.9" y1="66.2" x2="62.9" y2="66.2"/>
+	</g>
+	<g>
+		<line class="st19" x1="48.9" y1="68.8" x2="58.9" y2="68.8"/>
+	</g>
+	<g>
+		<line class="st19" x1="77.9" y1="66.2" x2="91.9" y2="66.2"/>
+	</g>
+	<g>
+		<line class="st19" x1="77.9" y1="68.8" x2="87.9" y2="68.8"/>
+	</g>
+	<g>
+		<line class="st19" x1="108.9" y1="66.2" x2="122.9" y2="66.2"/>
+	</g>
+	<g>
+		<line class="st19" x1="108.9" y1="68.8" x2="118.9" y2="68.8"/>
+	</g>
+	<g>
+		<line class="st19" x1="138.9" y1="66.2" x2="152.9" y2="66.2"/>
+	</g>
+	<g>
+		<line class="st19" x1="138.9" y1="68.8" x2="148.9" y2="68.8"/>
+	</g>
+</g>
+<g id="Layer_4">
+	<g>
+		<g>
+			<rect x="164" y="50.3" class="st8" width="55" height="28.9"/>
+		</g>
+		<g>
+			<line class="st19" x1="169.9" y1="55.6" x2="209.9" y2="55.6"/>
+		</g>
+		<g>
+			<line class="st19" x1="169.9" y1="59.6" x2="202.9" y2="59.6"/>
+		</g>
+		<g>
+			<line class="st19" x1="169.9" y1="68" x2="188.9" y2="68"/>
+		</g>
+		<g>
+			<line class="st19" x1="169.9" y1="72" x2="194.9" y2="72"/>
+		</g>
+	</g>
+	<circle class="st20" cx="21.3" cy="152.6" r="3.9"/>
+	<path class="st21" d="M21,126.8v9.9h-1.7v3l-3-3H5v-9.9H21z"/>
+	<path class="st22" d="M23.5,150.9h-4.3c-0.1,0-0.1,0.1-0.1,0.1v2.6c0,0.1,0.1,0.1,0.1,0.1h2.9l0.8,0.8c0,0,0.1,0,0.2,0v-0.1v-0.7
+		h0.3c0.1,0,0.1-0.1,0.1-0.1V151C23.6,150.9,23.5,150.9,23.5,150.9L23.5,150.9z M23.3,153.5H23c-0.1,0-0.1,0.1-0.1,0.1v0.5l-0.6-0.6
+		h-0.1h-2.9v-2.4h4V153.5z"/>
+	<path class="st23" d="M8.5,130.2h8.7c0.2,0,0.4-0.2,0.4-0.4s-0.2-0.4-0.4-0.4H8.5c-0.2,0-0.4,0.2-0.4,0.4S8.3,130.2,8.5,130.2z"/>
+	<path class="st23" d="M8.5,132h8.7c0.2,0,0.4-0.2,0.4-0.4s-0.2-0.4-0.4-0.4H8.5c-0.2,0-0.4,0.2-0.4,0.4S8.3,132,8.5,132z"/>
+	<path class="st23" d="M8.5,133.7h4.3c0.2,0,0.4-0.2,0.4-0.4s-0.2-0.4-0.4-0.4H8.5c-0.2,0-0.4,0.2-0.4,0.4S8.3,133.7,8.5,133.7z"/>
+	<path class="st23" d="M14.6,132.8h-0.4c-0.2,0-0.4,0.2-0.4,0.4s0.2,0.4,0.4,0.4h0.4c0.2,0,0.4-0.2,0.4-0.4S14.8,132.8,14.6,132.8z"
+		/>
+	<path class="st24" d="M235.8,12.3h16c0.2,0,0.4,0.2,0.4,0.4v9.9c0,0.2-0.2,0.4-0.4,0.4h-11.1l-2.9,2.9c-0.2,0.2-0.4,0.2-0.6,0
+		c-0.1-0.1-0.1-0.2-0.1-0.3V23h-1.3c-0.2,0-0.4-0.2-0.4-0.4v-9.9C235.4,12.5,235.5,12.3,235.8,12.3L235.8,12.3z"/>
+	<circle class="st24" cx="239.4" cy="17.9" r="1.4"/>
+	<circle class="st24" cx="243.9" cy="17.9" r="1.4"/>
+	<circle class="st24" cx="248.3" cy="17.9" r="1.4"/>
+	<g>
+		<g>
+			<path class="st16" d="M191.3,94.8h-15c-0.5,0-0.9-0.4-0.9-0.9V94c0-0.5,0.4-0.9,0.9-0.9h15c0.5,0,0.9,0.4,0.9,0.9v-0.1
+				C192.2,94.4,191.8,94.8,191.3,94.8z"/>
+		</g>
+		<g>
+			<path class="st16" d="M211.4,94.8h-2c-0.5,0-0.9-0.4-0.9-0.9V94c0-0.5,0.4-0.9,0.9-0.9h2c0.5,0,0.9,0.4,0.9,0.9v-0.1
+				C212.4,94.4,211.9,94.8,211.4,94.8z"/>
+		</g>
+		<g>
+			<path class="st16" d="M217.8,94.8h-2c-0.5,0-0.9-0.4-0.9-0.9V94c0-0.5,0.4-0.9,0.9-0.9h2c0.5,0,0.9,0.4,0.9,0.9v-0.1
+				C218.8,94.4,218.4,94.8,217.8,94.8z"/>
+		</g>
+		<line class="st25" x1="165" y1="88.7" x2="219" y2="88.7"/>
+		<line class="st25" x1="165" y1="98.7" x2="219" y2="98.7"/>
+		<path class="st10" d="M172.1,96.7H166c-0.1,0-0.2-0.1-0.2-0.2v-3.4h6.6v3.4C172.3,96.6,172.2,96.7,172.1,96.7z"/>
+		<path class="st26" d="M168.7,92.1v-0.7c0-0.1-0.1-0.2-0.2-0.2H166c-0.1,0-0.2,0.1-0.2,0.2V92v0.8h6.6v-0.5c0-0.1-0.1-0.2-0.2-0.2
+			C172.2,92.1,168.7,92.1,168.7,92.1z"/>
+	</g>
+	<g>
+		<g>
+			<path class="st16" d="M191.3,104.8h-15c-0.5,0-0.9-0.4-0.9-0.9v0.1c0-0.5,0.4-0.9,0.9-0.9h15c0.5,0,0.9,0.4,0.9,0.9v-0.1
+				C192.2,104.4,191.8,104.8,191.3,104.8z"/>
+		</g>
+		<g>
+			<path class="st16" d="M211.4,104.8h-2c-0.5,0-0.9-0.4-0.9-0.9v0.1c0-0.5,0.4-0.9,0.9-0.9h2c0.5,0,0.9,0.4,0.9,0.9v-0.1
+				C212.4,104.4,211.9,104.8,211.4,104.8z"/>
+		</g>
+		<g>
+			<path class="st16" d="M217.8,104.8h-2c-0.5,0-0.9-0.4-0.9-0.9v0.1c0-0.5,0.4-0.9,0.9-0.9h2c0.5,0,0.9,0.4,0.9,0.9v-0.1
+				C218.8,104.4,218.4,104.8,217.8,104.8z"/>
+		</g>
+		<line class="st25" x1="165" y1="98.7" x2="219" y2="98.7"/>
+		<line class="st25" x1="165" y1="108.7" x2="219" y2="108.7"/>
+		<path class="st10" d="M172.1,106.6H166c-0.1,0-0.2-0.1-0.2-0.2V103h6.6v3.4C172.3,106.5,172.2,106.6,172.1,106.6z"/>
+		<path class="st26" d="M168.7,102.1v-0.7c0-0.1-0.1-0.2-0.2-0.2H166c-0.1,0-0.2,0.1-0.2,0.2v0.6v0.8h6.6v-0.5
+			c0-0.1-0.1-0.2-0.2-0.2C172.2,102.1,168.7,102.1,168.7,102.1z"/>
+	</g>
+	<g>
+		<g>
+			<path class="st16" d="M191.3,114.8h-15c-0.5,0-0.9-0.4-0.9-0.9v0.1c0-0.5,0.4-0.9,0.9-0.9h15c0.5,0,0.9,0.4,0.9,0.9v-0.1
+				C192.2,114.4,191.8,114.8,191.3,114.8z"/>
+		</g>
+		<g>
+			<path class="st16" d="M211.4,114.8h-2c-0.5,0-0.9-0.4-0.9-0.9v0.1c0-0.5,0.4-0.9,0.9-0.9h2c0.5,0,0.9,0.4,0.9,0.9v-0.1
+				C212.4,114.4,211.9,114.8,211.4,114.8z"/>
+		</g>
+		<g>
+			<path class="st16" d="M217.8,114.8h-2c-0.5,0-0.9-0.4-0.9-0.9v0.1c0-0.5,0.4-0.9,0.9-0.9h2c0.5,0,0.9,0.4,0.9,0.9v-0.1
+				C218.8,114.4,218.4,114.8,217.8,114.8z"/>
+		</g>
+		<line class="st25" x1="165" y1="108.7" x2="219" y2="108.7"/>
+		<line class="st25" x1="165" y1="118.7" x2="219" y2="118.7"/>
+		<path class="st10" d="M172.1,116.6H166c-0.1,0-0.2-0.1-0.2-0.2V113h6.6v3.4C172.3,116.5,172.2,116.6,172.1,116.6z"/>
+		<path class="st26" d="M168.7,112.1v-0.7c0-0.1-0.1-0.2-0.2-0.2H166c-0.1,0-0.2,0.1-0.2,0.2v0.6v0.8h6.6v-0.5
+			c0-0.1-0.1-0.2-0.2-0.2L168.7,112.1L168.7,112.1z"/>
+	</g>
+</g>
+</svg>

package/css-build/images/open-arrow-left.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="60" viewBox="0 0 24 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 0C12 17.55 0 22.8 0 30C0 37.2 12 42.3 12 60V0Z" fill="white"/>
+</svg>

package/css-build/images/plus-create-icon.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.1, 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 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+	<style type="text/css">
+		.entrust0 {
+		fill: #1E5DD3;
+		}
+		
+		.entrust1 {
+		fill: #34AA44;
+		}
+	</style>
+	<path class="entrust0" d="M29,14.96c0-7.27-5.91-13.18-13.18-13.18S2.63,7.69,2.63,14.96c0,4.26,2.07,8.27,5.54,10.75l1.25-1.75
+                                                c-2.9-2.07-4.64-5.43-4.64-8.99c0-6.08,4.95-11.03,11.03-11.03c6.08,0,11.03,4.95,11.03,11.03c0,6.08-4.95,11.03-11.03,11.03v0.1
+                                                l-0.75-0.84l0.75-0.78v0.2c5.36,0,9.73-4.36,9.73-9.72c0-5.36-4.36-9.73-9.73-9.73S6.09,9.6,6.09,14.96h2.15
+                                                c0-4.18,3.4-7.57,7.57-7.57c4.18,0,7.57,3.39,7.57,7.57c0,3.73-2.73,6.83-6.28,7.44v-2.34l-5,5.12l4.98,5.56v-2.67
+                                                C23.76,27.43,29,21.8,29,14.96z" />
+	<g>
+		<path class="entrust1" d="M12.22,20.95L12.22,20.95c-0.33,0-0.65-0.13-0.88-0.37l-2.16-2.16c-0.49-0.49-0.49-1.28,0-1.77
+                                                    s1.28-0.49,1.77,0l1.28,1.28l4.88-4.88c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-5.77,5.77
+                                                    C12.87,20.82,12.55,20.95,12.22,20.95z" />
+	</g>
+</svg>

package/css-build/images/plus-incident-icon.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.1, 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 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+	<style type="text/css">
+		.incidenet0 {
+		fill: #F2BF19;
+		}
+		
+		.incidenet1 {
+		fill: #EB2424;
+		}
+		
+		.incidenet2 {
+		fill: #F2F2F2;
+		}
+		
+		.incidenet3 {
+		fill: #34AA44;
+		}
+	</style>
+	<path class="incidenet0" d="M15.33,3.89c6.62,0,12,5.38,12,12s-5.38,12-12,12s-12-5.38-12-12S8.71,3.89,15.33,3.89 M15.33,1.89
+                                                c-7.73,0-14,6.27-14,14s6.27,14,14,14s14-6.27,14-14S23.06,1.89,15.33,1.89L15.33,1.89z" />
+	<g>
+		<path class="incidenet1" d="M15.33,24.4L15.33,24.4c0,0-6.04-2.71-6.04-6.04V9.4c0,0,1.28,0.74,2.93,0.04c1.74-0.88,3.09-2.07,3.09-2.07
+                                                    s1.36,1.21,2.95,1.98c1.59,0.78,3.12,0.04,3.12,0.04v8.95C21.37,21.69,15.33,24.4,15.33,24.4z" />
+	</g>
+	<g>
+		<path class="incidenet2" d="M15.36,17.67c-0.55,0-1-0.45-1-1v-4c0-0.55,0.45-1,1-1s1,0.45,1,1v4C16.36,17.22,15.91,17.67,15.36,17.67z" />
+	</g>
+	<g>
+		<path class="incidenet2" d="M15.36,20.67c-0.14,0-0.27-0.03-0.39-0.08c-0.12-0.05-0.23-0.12-0.32-0.21c-0.19-0.19-0.29-0.44-0.29-0.71
+                                                    c0-0.13,0.02-0.26,0.07-0.38c0.05-0.13,0.13-0.23,0.22-0.33c0.37-0.37,1.04-0.37,1.41,0c0.19,0.19,0.3,0.45,0.3,0.71
+                                                    c0,0.27-0.11,0.52-0.3,0.71c-0.09,0.09-0.2,0.16-0.32,0.21S15.49,20.67,15.36,20.67z" />
+	</g>
+	<g>
+		<g>
+			<circle class="incidenet3" cx="23.99" cy="24.32" r="6.31" />
+		</g>
+		<path class="incidenet2" d="M26.18,23.78l-1.66,0.01l-0.01-1.66c0-0.29-0.24-0.53-0.53-0.53c0,0,0,0,0,0c-0.29,0-0.53,0.24-0.53,0.53
+                                                    l0.01,1.66L21.8,23.8c-0.29,0-0.53,0.24-0.53,0.53c0,0.29,0.24,0.53,0.53,0.53c0,0,0,0,0,0l1.66-0.01l0.01,1.66
+                                                    c0,0.29,0.24,0.53,0.53,0.53c0,0,0,0,0,0c0.29,0,0.53-0.24,0.53-0.53l-0.01-1.66l1.66-0.01c0.29,0,0.53-0.24,0.53-0.53
+                                                    C26.71,24.01,26.43,23.76,26.18,23.78z" />
+	</g>
+</svg>

package/css-build/images/plus-risk-icon.svg

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.1, 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 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+	<style type="text/css">
+		.risk0 {
+		fill: #EB2424;
+		}
+		
+		.risk1 {
+		fill: #F2BF19;
+		}
+		
+		.risk2 {
+		fill: #34AA44;
+		}
+		
+		.risk3 {
+		fill: #747576;
+		}
+	</style>
+	<g>
+		<g>
+			<g>
+				<path class="risk0" d="M16.13,30C8.4,30,2.11,23.71,2.11,15.98S8.4,1.97,16.13,1.97s14.02,6.29,14.02,14.02S23.86,30,16.13,30z
+                                                            M16.13,3.9C9.46,3.9,4.04,9.32,4.04,15.98s5.42,12.08,12.08,12.08s12.08-5.42,12.08-12.08S22.79,3.9,16.13,3.9z" />
+			</g>
+		</g>
+	</g>
+	<g>
+		<path class="risk0" d="M21.73,14.52c-0.81-3.09-3.98-4.95-7.07-4.15c-2,0.52-3.58,2.09-4.13,4.08L6.8,13.44
+                                                    c0.91-3.33,3.55-5.94,6.89-6.81c5.16-1.34,10.44,1.76,11.79,6.91L21.73,14.52z" />
+	</g>
+	<g>
+		<path class="risk1" d="M16.13,25.65c-4.29,0-8.22-2.89-9.35-7.23l3.74-0.98c0.81,3.09,3.98,4.95,7.07,4.15
+                                                    c1.5-0.39,2.75-1.34,3.54-2.68c0.78-1.33,1-2.89,0.61-4.39l3.74-0.98c1.34,5.16-1.76,10.44-6.91,11.79
+                                                    C17.75,25.55,16.93,25.65,16.13,25.65z" />
+	</g>
+	<g>
+		<path class="risk2" d="M16.13,25.65c-4.29,0-8.22-2.89-9.35-7.23l3.74-0.98c0.81,3.09,3.98,4.95,7.07,4.15l0.98,3.74
+                                                    C17.75,25.55,16.93,25.65,16.13,25.65z" />
+	</g>
+	<path class="risk3" d="M16.13,13.65c-1.12,0-2.05,0.79-2.28,1.84h-9.3v0.97h9.3c0.22,1.05,1.16,1.84,2.28,1.84
+                                                c1.29,0,2.33-1.04,2.33-2.33C18.45,14.7,17.41,13.65,16.13,13.65z M16.13,17.34c-0.58,0-1.07-0.37-1.27-0.88h1.27V15.5h-1.27
+                                                c0.2-0.51,0.69-0.88,1.27-0.88c0.75,0,1.36,0.61,1.36,1.36C17.49,16.73,16.88,17.34,16.13,17.34z" />
+</svg>

package/css-build/images/v-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="22.806" height="22.5" viewBox="0 0 22.806 22.5"><defs><style>.a{fill:#9c1d22;}.b{fill:#d83a3e;}</style></defs><g transform="translate(-7.189 -8.74)"><path class="a" d="M8.617,43.606a3.389,3.389,0,0,0,2.973.339,4.69,4.69,0,0,0,2.394-1.875,2.073,2.073,0,0,1-.8-1.776V35.266C12.806,31.057,7.2,29.8,7.2,29.8V41.81A3.514,3.514,0,0,0,8.617,43.606Z" transform="translate(-0.009 -16.858)"/><path class="b" d="M21.575,12.363c-2.893,4.649-7.6,12.848-7.6,12.848h0a4.586,4.586,0,0,1-2.394,1.875,3.389,3.389,0,0,1-2.973-.339,3.585,3.585,0,0,1-1.417-1.776,6.706,6.706,0,0,0,1.017,3.611,5.985,5.985,0,0,0,7.94,1.835A8.738,8.738,0,0,0,18.762,27.9c.6-.838,11.232-18.993,11.232-18.993S24.548,7.575,21.575,12.363Z"/></g></svg>