@thecb/components 10.6.10-beta.0 → 10.7.0-beta.0

package/dist/index.cjs.js

@@ -236,58 +236,6 @@ function __rest(s, e) {
                 t[p[i]] = s[p[i]];
         }
     return t;
-}
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics$1 = function(d, b) {
-    extendStatics$1 = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-    return extendStatics$1(d, b);
-};
-
-function __extends$1(d, b) {
-    extendStatics$1(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-var __assign$1 = function() {
-    __assign$1 = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$1.apply(this, arguments);
-};
-
-function __rest$1(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
 }
 
 function __spreadArrays() {
@@ -298,32 +246,6 @@ function __spreadArrays() {
     return r;
 }
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign$2 = function() {
-    __assign$2 = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$2.apply(this, arguments);
-};
-
 var clamp = function (min, max) { return function (v) {
     return Math.max(Math.min(v, max), min);
 }; };
@@ -337,8 +259,8 @@ var number = {
     parse: parseFloat,
     transform: function (v) { return v; }
 };
-var alpha = __assign$2(__assign$2({}, number), { transform: clamp(0, 1) });
-var scale = __assign$2(__assign$2({}, number), { default: 1 });
+var alpha = __assign(__assign({}, number), { transform: clamp(0, 1) });
+var scale = __assign(__assign({}, number), { default: 1 });
 
 var createUnitType = function (unit) { return ({
     test: function (v) {
@@ -352,7 +274,7 @@ var percent = createUnitType('%');
 var px = createUnitType('px');
 var vh = createUnitType('vh');
 var vw = createUnitType('vw');
-var progressPercentage = __assign$2(__assign$2({}, percent), { parse: function (v) { return percent.parse(v) / 100; }, transform: function (v) { return percent.transform(v * 100); } });
+var progressPercentage = __assign(__assign({}, percent), { parse: function (v) { return percent.parse(v) / 100; }, transform: function (v) { return percent.transform(v * 100); } });
 
 var getValueFromFunctionString = function (value) {
     return value.substring(value.indexOf('(') + 1, value.lastIndexOf(')'));
@@ -386,7 +308,7 @@ var hslaTemplate = function (_a) {
     var hue = _a.hue, saturation = _a.saturation, lightness = _a.lightness, _b = _a.alpha, alpha = _b === void 0 ? 1 : _b;
     return "hsla(" + hue + ", " + saturation + ", " + lightness + ", " + alpha + ")";
 };
-var rgbUnit = __assign$2(__assign$2({}, number), { transform: function (v) { return Math.round(clampRgbUnit(v)); } });
+var rgbUnit = __assign(__assign({}, number), { transform: function (v) { return Math.round(clampRgbUnit(v)); } });
 function isColorString(color, colorType) {
     return color.startsWith(colorType) && singleColorRegex.test(color);
 }
@@ -416,7 +338,7 @@ var hsla = {
         });
     }
 };
-var hex = __assign$2(__assign$2({}, rgba), { test: function (v) { return typeof v === 'string' && isColorString(v, '#'); }, parse: function (v) {
+var hex = __assign(__assign({}, rgba), { test: function (v) { return typeof v === 'string' && isColorString(v, '#'); }, parse: function (v) {
         var r = '';
         var g = '';
         var b = '';
@@ -952,15 +874,15 @@ See the Apache Version 2.0 License for specific language governing permissions
 and limitations under the License.
 ***************************************************************************** */
 
-var __assign$3 = function() {
-    __assign$3 = Object.assign || function __assign(t) {
+var __assign$1 = function() {
+    __assign$1 = Object.assign || function __assign(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
             s = arguments[i];
             for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
         }
         return t;
     };
-    return __assign$3.apply(this, arguments);
+    return __assign$1.apply(this, arguments);
 };
 
 var mixLinearColor = function (from, to, v) {
@@ -983,7 +905,7 @@ var mixColor = (function (from, to) {
     invariant(fromColorType.transform === toColorType.transform, 'Both colors must be hex/RGBA, OR both must be HSLA.');
     var fromColor = fromColorType.parse(from);
     var toColor = toColorType.parse(to);
-    var blended = __assign$3({}, fromColor);
+    var blended = __assign$1({}, fromColor);
     var mixFunc = fromColorType === hsla ? mix : mixLinearColor;
     return function (v) {
         for (var key in blended) {
@@ -1028,7 +950,7 @@ var mixArray = function (from, to) {
     };
 };
 var mixObject = function (origin, target) {
-    var output = __assign$3({}, origin, target);
+    var output = __assign$1({}, origin, target);
     var blendValue = {};
     for (var key in output) {
         if (origin[key] !== undefined && target[key] !== undefined) {
@@ -1240,44 +1162,6 @@ var wrap$1 = curryRange(wrap);
 
 var clampProgress = clamp$1$1(0, 1);
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign$4 = function() {
-    __assign$4 = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$4.apply(this, arguments);
-};
-
-function __rest$2(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
 var createStyler = function (_a) {
     var onRead = _a.onRead,
         onRender = _a.onRender,
@@ -1289,7 +1173,7 @@ var createStyler = function (_a) {
         if (_a === void 0) {
             _a = {};
         }
-        var props = __rest$2(_a, []);
+        var props = __rest(_a, []);
         var state = {};
         var changedValues = [];
         var hasChanged = false;
@@ -1409,7 +1293,7 @@ function isTransformOriginProp(key) {
     return transformOriginProps.has(key);
 }
 
-var int = /*#__PURE__*/__assign$4( /*#__PURE__*/__assign$4({}, number), { transform: Math.round });
+var int = /*#__PURE__*/__assign( /*#__PURE__*/__assign({}, number), { transform: Math.round });
 var valueTypes = {
     color: color,
     backgroundColor: color,
@@ -1641,8 +1525,8 @@ function createCssStyler(element, _a) {
     }
     var enableHardwareAcceleration = _a.enableHardwareAcceleration,
         allowTransformNone = _a.allowTransformNone,
-        props = __rest$2(_a, ["enableHardwareAcceleration", "allowTransformNone"]);
-    return cssStyler(__assign$4({ element: element, buildStyles: createStyleBuilder({
+        props = __rest(_a, ["enableHardwareAcceleration", "allowTransformNone"]);
+    return cssStyler(__assign({ element: element, buildStyles: createStyleBuilder({
             enableHardwareAcceleration: enableHardwareAcceleration,
             allowTransformNone: allowTransformNone
         }), preparseOutput: true }, props));
@@ -1692,7 +1576,7 @@ function buildSVGAttrs(_a, dimensions, totalPathLength, cssBuilder, attrs, isDas
         pathSpacing = _b === void 0 ? 1 : _b,
         _c = _a.pathOffset,
         pathOffset = _c === void 0 ? 0 : _c,
-        state = __rest$2(_a, ["attrX", "attrY", "originX", "originY", "pathLength", "pathSpacing", "pathOffset"]);
+        state = __rest(_a, ["attrX", "attrY", "originX", "originY", "pathLength", "pathSpacing", "pathOffset"]);
     var style = cssBuilder(state);
     for (var key in style) {
         if (key === 'transform') {
@@ -1821,7 +1705,7 @@ var Chainable = /*#__PURE__*/function () {
         this.props = props;
     }
     Chainable.prototype.applyMiddleware = function (middleware) {
-        return this.create(__assign$1(__assign$1({}, this.props), { middleware: this.props.middleware ? __spreadArrays([middleware], this.props.middleware) : [middleware] }));
+        return this.create(__assign(__assign({}, this.props), { middleware: this.props.middleware ? __spreadArrays([middleware], this.props.middleware) : [middleware] }));
     };
     Chainable.prototype.pipe = function () {
         var funcs = [];
@@ -1893,7 +1777,7 @@ var createObserver = function (observerCandidate, _a, onComplete) {
 };
 
 var Action = /*#__PURE__*/function (_super) {
-    __extends$1(Action, _super);
+    __extends(Action, _super);
     function Action() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
@@ -1912,13 +1796,13 @@ var Action = /*#__PURE__*/function (_super) {
         };
         var _a = this.props,
             init = _a.init,
-            observerProps = __rest$1(_a, ["init"]);
+            observerProps = __rest(_a, ["init"]);
         var observer = createObserver(observerCandidate, observerProps, function () {
             isComplete = true;
             subscription.stop();
         });
         var api = init(observer);
-        subscription = api ? __assign$1(__assign$1({}, subscription), api) : subscription;
+        subscription = api ? __assign(__assign({}, subscription), api) : subscription;
         if (observerCandidate.registerParent) {
             observerCandidate.registerParent(subscription);
         }
@@ -1932,7 +1816,7 @@ var action = function (init) {
 };
 
 var BaseMulticast = /*#__PURE__*/function (_super) {
-    __extends$1(BaseMulticast, _super);
+    __extends(BaseMulticast, _super);
     function BaseMulticast() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.subscribers = [];
@@ -1992,7 +1876,7 @@ var isSingleValue = function (v) {
     return typeOfV === 'string' || typeOfV === 'number';
 };
 var ValueReaction = /*#__PURE__*/function (_super) {
-    __extends$1(ValueReaction, _super);
+    __extends(ValueReaction, _super);
     function ValueReaction(props) {
         var _this = _super.call(this, props) || this;
         _this.scheduleVelocityCheck = function () {
@@ -2242,7 +2126,7 @@ var reduceArrayValue = function (i) {
 var createArrayAction = function (action, props, vectorKeys) {
     var firstVectorKey = vectorKeys[0];
     var actionList = props[firstVectorKey].map(function (v, i) {
-        var childActionProps = vectorKeys.reduce(reduceArrayValue(i), __assign$1({}, props));
+        var childActionProps = vectorKeys.reduce(reduceArrayValue(i), __assign({}, props));
         return getActionCreator(v)(action, childActionProps);
     });
     return parallel$1.apply(void 0, actionList);
@@ -2256,7 +2140,7 @@ var reduceObjectValue = function (key) {
 var createObjectAction = function (action, props, vectorKeys) {
     var firstVectorKey = vectorKeys[0];
     var actionMap = Object.keys(props[firstVectorKey]).reduce(function (map, key) {
-        var childActionProps = vectorKeys.reduce(reduceObjectValue(key), __assign$1({}, props));
+        var childActionProps = vectorKeys.reduce(reduceObjectValue(key), __assign({}, props));
         map[key] = getActionCreator(props[firstVectorKey][key])(action, childActionProps);
         return map;
     }, {});
@@ -2265,18 +2149,18 @@ var createObjectAction = function (action, props, vectorKeys) {
 var createUnitAction = function (action, _a) {
     var from = _a.from,
         to = _a.to,
-        props = __rest$1(_a, ["from", "to"]);
+        props = __rest(_a, ["from", "to"]);
     var unitType = findUnitType(from) || findUnitType(to);
     var transform = unitType.transform,
         parse = unitType.parse;
-    return action(__assign$1(__assign$1({}, props), { from: typeof from === 'string' ? parse(from) : from, to: typeof to === 'string' ? parse(to) : to })).pipe(transform);
+    return action(__assign(__assign({}, props), { from: typeof from === 'string' ? parse(from) : from, to: typeof to === 'string' ? parse(to) : to })).pipe(transform);
 };
 var createMixerAction = function (mixer) {
     return function (action, _a) {
         var from = _a.from,
             to = _a.to,
-            props = __rest$1(_a, ["from", "to"]);
-        return action(__assign$1(__assign$1({}, props), { from: 0, to: 1 })).pipe(mixer(from, to));
+            props = __rest(_a, ["from", "to"]);
+        return action(__assign(__assign({}, props), { from: 0, to: 1 })).pipe(mixer(from, to));
     };
 };
 var createColorAction = /*#__PURE__*/createMixerAction(mixColor);
@@ -2622,7 +2506,7 @@ var keyframes = function (_a) {
         ease = _b === void 0 ? linear : _b,
         times = _a.times,
         values = _a.values,
-        tweenProps = __rest$1(_a, ["easings", "ease", "times", "values"]);
+        tweenProps = __rest(_a, ["easings", "ease", "times", "values"]);
     easings = Array.isArray(easings) ? easings : defaultEasings(values, easings);
     times = times || defaultTimings(values);
     var scrubbers = easings.map(function (easing, i) {
@@ -2632,7 +2516,7 @@ var keyframes = function (_a) {
             ease: easing
         });
     });
-    return tween(__assign$1(__assign$1({}, tweenProps), { ease: ease })).applyMiddleware(function (update) {
+    return tween(__assign(__assign({}, tweenProps), { ease: ease })).applyMiddleware(function (update) {
         return interpolateScrubbers(times, scrubbers, update);
     });
 };
@@ -2876,7 +2760,7 @@ var index$1 = function (_a) {
     }
     var x = _a.x,
         y = _a.y,
-        props = __rest$1(_a, ["x", "y"]);
+        props = __rest(_a, ["x", "y"]);
     if (x !== undefined || y !== undefined) {
         var applyXOffset_1 = applyOffset(x || 0);
         var applyYOffset_1 = applyOffset(y || 0);
@@ -2950,7 +2834,7 @@ var steps$1 = function (st, min, max) {
 };
 var transformMap = function (childTransformers) {
     return function (v) {
-        var output = __assign$1({}, v);
+        var output = __assign({}, v);
         for (var key in childTransformers) {
             if (childTransformers.hasOwnProperty(key)) {
                 var childTransformer = childTransformers[key];
@@ -2981,52 +2865,6 @@ var transformers = /*#__PURE__*/Object.freeze({
     transformMap: transformMap
 });
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign$5 = function() {
-    __assign$5 = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$5.apply(this, arguments);
-};
-
-function __rest$3(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __spreadArrays$1() {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-}
-
 var getPoseValues = function (_a) {
     var transition = _a.transition,
         flip = _a.flip,
@@ -3039,7 +2877,7 @@ var getPoseValues = function (_a) {
         preTransition = _a.preTransition,
         applyAtStart = _a.applyAtStart,
         applyAtEnd = _a.applyAtEnd,
-        props = __rest$3(_a, ["transition", "flip", "delay", "delayChildren", "staggerChildren", "staggerDirection", "afterChildren", "beforeChildren", "preTransition", "applyAtStart", "applyAtEnd"]);
+        props = __rest(_a, ["transition", "flip", "delay", "delayChildren", "staggerChildren", "staggerDirection", "afterChildren", "beforeChildren", "preTransition", "applyAtStart", "applyAtEnd"]);
     return props;
 };
 var selectPoses = function (_a) {
@@ -3051,7 +2889,7 @@ var selectPoses = function (_a) {
         onChange = _a.onChange,
         passive = _a.passive,
         initialPose = _a.initialPose,
-        poses = __rest$3(_a, ["label", "props", "values", "parentValues", "ancestorValues", "onChange", "passive", "initialPose"]);
+        poses = __rest(_a, ["label", "props", "values", "parentValues", "ancestorValues", "onChange", "passive", "initialPose"]);
     return poses;
 };
 var selectAllValues = function (values, selectValue) {
@@ -3151,7 +2989,7 @@ var createPoseSetter = function (setterProps) {
         var _a = nextProps.delay,
             delay = _a === void 0 ? 0 : _a;
         var hasChildren = children.size;
-        var baseTransitionProps = __assign$5(__assign$5({}, props), nextProps);
+        var baseTransitionProps = __assign(__assign({}, props), nextProps);
         var nextPose = poses[next];
         var getChildAnimations = function () {
             return hasChildren && propagate ? startChildAnimations(children, next, nextPose, baseTransitionProps) : [];
@@ -3177,11 +3015,11 @@ var createPoseSetter = function (setterProps) {
                 valuePoses.splice(insertionIndex, 0, next);
                 return insertionIndex === 0 ? new Promise(function (complete) {
                     var value = values.get(key);
-                    var transitionProps = __assign$5(__assign$5({}, baseTransitionProps), { key: key,
+                    var transitionProps = __assign(__assign({}, baseTransitionProps), { key: key,
                         value: value });
                     var target = resolveTarget(value, resolveProp(nextPose[key], transitionProps));
                     if (activeActions.has(key)) stopAction(activeActions.get(key));
-                    var resolveTransitionProps = __assign$5(__assign$5({ to: target }, transitionProps), getTransitionProps(value, target, transitionProps));
+                    var resolveTransitionProps = __assign(__assign({ to: target }, transitionProps), getTransitionProps(value, target, transitionProps));
                     var transition = resolveTransition(getTransition, key, value, resolveTransitionProps, convertTransitionDefinition, getInstantTransition);
                     var poseDelay = delay || resolveProp(nextPose.delay, transitionProps);
                     if (poseDelay) {
@@ -3205,7 +3043,7 @@ var createPoseSetter = function (setterProps) {
                 });
             }
         }
-        return Promise.all(__spreadArrays$1(getParentAnimations(), getChildAnimations()));
+        return Promise.all(__spreadArrays(getParentAnimations(), getChildAnimations()));
     };
 };
 
@@ -3331,7 +3169,7 @@ var createValueMap = function (props) {
 };
 
 var applyDefaultTransition = function (pose, key, defaultTransitions) {
-    return __assign$5(__assign$5({}, pose), { transition: defaultTransitions.has(key) ? defaultTransitions.get(key) : defaultTransitions.get('default') });
+    return __assign(__assign({}, pose), { transition: defaultTransitions.has(key) ? defaultTransitions.get(key) : defaultTransitions.get('default') });
 };
 var generateTransitions = function (poses, defaultTransitions) {
     Object.keys(poses).forEach(function (key) {
@@ -3385,7 +3223,7 @@ var poseFactory = function (_a) {
         var poses = generateTransitions(selectPoses(config), defaultTransitions);
         var _b = config.props,
             props = _b === void 0 ? {} : _b;
-        if (getDefaultProps) props = __assign$5(__assign$5({}, getDefaultProps(config)), props);
+        if (getDefaultProps) props = __assign(__assign({}, getDefaultProps(config)), props);
         var passive = config.passive,
             userSetValues = config.values,
             _c = config.initialPose,
@@ -3460,10 +3298,10 @@ var poseFactory = function (_a) {
             },
             has: has,
             setProps: function (newProps) {
-                return state.props = __assign$5(__assign$5({}, state.props), newProps);
+                return state.props = __assign(__assign({}, state.props), newProps);
             },
             _addChild: function (childConfig, factory) {
-                var child = factory(__assign$5(__assign$5({ initialPose: initialPose }, childConfig), { ancestorValues: __spreadArrays$1([{ label: config.label, values: values }], ancestorValues) }));
+                var child = factory(__assign(__assign({ initialPose: initialPose }, childConfig), { ancestorValues: __spreadArrays([{ label: config.label, values: values }], ancestorValues) }));
                 children.add(child);
                 return child;
             },
@@ -3502,18 +3340,18 @@ See the Apache Version 2.0 License for specific language governing permissions
 and limitations under the License.
 ***************************************************************************** */
 
-var __assign$6 = function () {
-    __assign$6 = Object.assign || function __assign(t) {
+var __assign$2 = function () {
+    __assign$2 = Object.assign || function __assign(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
             s = arguments[i];
             for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
         }
         return t;
     };
-    return __assign$6.apply(this, arguments);
+    return __assign$2.apply(this, arguments);
 };
 
-function __rest$4(s, e) {
+function __rest$1(s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -3630,12 +3468,12 @@ var intelligentTransition = {
     opacity: linearTween,
     default: tween
 };
-var dragAction = /*#__PURE__*/__assign$6( /*#__PURE__*/__assign$6({}, intelligentTransition), { x: /*#__PURE__*/createPointer(pointerX, 'left', 'right', BoundingBoxDimension.width), y: /*#__PURE__*/createPointer(pointerY, 'top', 'bottom', BoundingBoxDimension.height) });
+var dragAction = /*#__PURE__*/__assign$2( /*#__PURE__*/__assign$2({}, intelligentTransition), { x: /*#__PURE__*/createPointer(pointerX, 'left', 'right', BoundingBoxDimension.width), y: /*#__PURE__*/createPointer(pointerY, 'top', 'bottom', BoundingBoxDimension.height) });
 var justAxis = function (_a) {
     var from = _a.from;
     return just(from);
 };
-var intelligentDragEnd = /*#__PURE__*/__assign$6( /*#__PURE__*/__assign$6({}, intelligentTransition), { x: justAxis, y: justAxis });
+var intelligentDragEnd = /*#__PURE__*/__assign$2( /*#__PURE__*/__assign$2({}, intelligentTransition), { x: justAxis, y: justAxis });
 var defaultTransitions = /*#__PURE__*/new Map([['default', intelligentTransition], ['drag', dragAction], ['dragEnd', intelligentDragEnd]]);
 
 var animationLookup = {
@@ -3705,7 +3543,7 @@ var getAction = function (v, _a, _b) {
     var _c = _a.type,
         type = _c === void 0 ? 'tween' : _c,
         definedEase = _a.ease,
-        def = __rest$4(_a, ["type", "ease"]);
+        def = __rest$1(_a, ["type", "ease"]);
     invariant(animationLookup[type] !== undefined, "Invalid transition type '" + type + "'. Valid transition types are: tween, spring, decay, physics and keyframes.");
     var ease;
     if (type === 'tween') {
@@ -3730,7 +3568,7 @@ var getAction = function (v, _a, _b) {
         velocity: velocity,
         ease: ease
     } : { ease: ease };
-    return animationLookup[type](__assign$6(__assign$6({}, baseProps), def));
+    return animationLookup[type](__assign$2(__assign$2({}, baseProps), def));
 };
 var isAction = function (action$$1) {
     return typeof action$$1.start !== 'undefined';
@@ -3815,7 +3653,7 @@ var pose = function (_a) {
                 min = def.min,
                 max = def.max,
                 round = def.round,
-                remainingDef = __rest$4(def, ["delay", "min", "max", "round"]);
+                remainingDef = __rest$1(def, ["delay", "min", "max", "round"]);
             var action$$1 = getAction(val, remainingDef, props);
             var outputPipe = [];
             if (delay$$1) action$$1 = addActionDelay(delay$$1, action$$1);
@@ -3997,7 +3835,7 @@ var explicitlyFlipPose = function (state, nextPose) {
         bottom = nextPose.bottom,
         right = nextPose.right,
         position = nextPose.position,
-        remainingPose = __rest$4(nextPose, ["width", "height", "top", "left", "bottom", "right", "position"]);
+        remainingPose = __rest$1(nextPose, ["width", "height", "top", "left", "bottom", "right", "position"]);
     var propsToSet = positionalProps.concat('position').reduce(function (acc, key) {
         if (nextPose[key] !== undefined) {
             acc[key] = resolveProp$1(nextPose[key], state.props);
@@ -4109,7 +3947,7 @@ var convertPositionalUnits = function (state, nextPose) {
             changedPositionalKeys.push(key);
             if (!applyAtEndHasBeenCopied) {
                 applyAtEndHasBeenCopied = true;
-                nextPose.applyAtEnd = nextPose.applyAtEnd ? __assign$6({}, nextPose.applyAtEnd) : {};
+                nextPose.applyAtEnd = nextPose.applyAtEnd ? __assign$2({}, nextPose.applyAtEnd) : {};
             }
             nextPose.applyAtEnd[key] = nextPose.applyAtEnd[key] || nextPose[key];
             setValue(state, key, to);
@@ -4165,8 +4003,8 @@ var createPoseConfig = function (element, _a) {
         focusable = _a.focusable,
         pressable = _a.pressable,
         dragBounds = _a.dragBounds,
-        config = __rest$4(_a, ["onDragStart", "onDragEnd", "onPressStart", "onPressEnd", "draggable", "hoverable", "focusable", "pressable", "dragBounds"]);
-    var poseConfig = __assign$6(__assign$6({ flip: {} }, config), { props: __assign$6(__assign$6({}, config.props), { onDragStart: onDragStart,
+        config = __rest$1(_a, ["onDragStart", "onDragEnd", "onPressStart", "onPressEnd", "draggable", "hoverable", "focusable", "pressable", "dragBounds"]);
+    var poseConfig = __assign$2(__assign$2({ flip: {} }, config), { props: __assign$2(__assign$2({}, config.props), { onDragStart: onDragStart,
             onDragEnd: onDragEnd,
             onPressStart: onPressStart,
             onPressEnd: onPressEnd,
@@ -4180,8 +4018,8 @@ var createPoseConfig = function (element, _a) {
         var _b = dragPoses(draggable),
             drag = _b.drag,
             dragEnd = _b.dragEnd;
-        poseConfig.drag = __assign$6(__assign$6({}, drag), poseConfig.drag);
-        poseConfig.dragEnd = __assign$6(__assign$6({}, dragEnd), poseConfig.dragEnd);
+        poseConfig.drag = __assign$2(__assign$2({}, drag), poseConfig.drag);
+        poseConfig.dragEnd = __assign$2(__assign$2({}, dragEnd), poseConfig.dragEnd);
     }
     return poseConfig;
 };
@@ -4189,7 +4027,7 @@ var domPose = /*#__PURE__*/pose({
     posePriority: ['drag', 'press', 'focus', 'hover'],
     transformPose: function (_a, name, state) {
         var flip = _a.flip,
-            pose$$1 = __rest$4(_a, ["flip"]);
+            pose$$1 = __rest$1(_a, ["flip"]);
         if (isFlipPose(flip, name, state)) {
             return flipPose(state, pose$$1);
         } else if (isPositional(pose$$1)) {
@@ -4227,7 +4065,7 @@ var domPose = /*#__PURE__*/pose({
         var props = _a.props,
             activeActions = _a.activeActions;
         var measure = props.dimensions.measure;
-        var poserApi = __assign$6(__assign$6({}, api), { addChild: function (element, childConfig) {
+        var poserApi = __assign$2(__assign$2({}, api), { addChild: function (element, childConfig) {
                 return api._addChild(createPoseConfig(element, childConfig), domPose);
             }, measure: measure, flip: function (op) {
                 if (op) {
@@ -6304,9 +6142,9 @@ var displayCardBrand = function displayCardBrand(number) {
     return "Mastercard";
   } else if (/^4/.test(number)) {
     return "Visa";
-  } else if (/^3[4,7]/.test(number)) {
+  } else if (/^3[4,7]\d{13}$/.test(number)) {
     return "American Express";
-  } else return "Unknown Card";
+  } else return "Unknown";
 };
 var checkDeniedCards = function checkDeniedCards(name) {
   switch (name) {
@@ -7240,104 +7078,6 @@ var Imposter = function Imposter(_ref) {
   }, rest), safeChildren(children, /*#__PURE__*/React__default.createElement(React.Fragment, null)));
 };
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics$2 = function(d, b) {
-    extendStatics$2 = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-    return extendStatics$2(d, b);
-};
-
-function __extends$2(d, b) {
-    extendStatics$2(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-var __assign$7 = function() {
-    __assign$7 = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$7.apply(this, arguments);
-};
-
-function __rest$5(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __spreadArrays$2() {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-}
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign$8 = function() {
-    __assign$8 = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$8.apply(this, arguments);
-};
-
-function __rest$6(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
 var Observer$1 = /*#__PURE__*/function () {
     function Observer(_a, observer) {
         var _this = this;
@@ -7400,18 +7140,18 @@ var Action$1 = /*#__PURE__*/function () {
         };
         var _a = this.props,
             init = _a.init,
-            observerProps = __rest$6(_a, ["init"]);
+            observerProps = __rest(_a, ["init"]);
         var observer = createObserver$1(observerCandidate, observerProps, function () {
             isComplete = true;
             subscription.stop();
         });
         var api = init(observer);
-        subscription = api ? __assign$8({}, subscription, api) : subscription;
+        subscription = api ? __assign({}, subscription, api) : subscription;
         if (isComplete) subscription.stop();
         return subscription;
     };
     Action.prototype.applyMiddleware = function (middleware) {
-        return this.create(__assign$8({}, this.props, { middleware: this.props.middleware ? [middleware].concat(this.props.middleware) : [middleware] }));
+        return this.create(__assign({}, this.props, { middleware: this.props.middleware ? [middleware].concat(this.props.middleware) : [middleware] }));
     };
     Action.prototype.pipe = function () {
         var funcs = [];
@@ -7464,18 +7204,18 @@ var createAction$1 = function (action, props) {
 var createUnitAction$1 = function (action, _a) {
     var from = _a.from,
         to = _a.to,
-        props = __rest$6(_a, ["from", "to"]);
+        props = __rest(_a, ["from", "to"]);
     var unitType = findUnitType$1(from) || findUnitType$1(to);
     var transform = unitType.transform,
         parse = unitType.parse;
-    return action(__assign$8({}, props, { from: typeof from === 'string' ? parse(from) : from, to: typeof to === 'string' ? parse(to) : to })).pipe(transform);
+    return action(__assign({}, props, { from: typeof from === 'string' ? parse(from) : from, to: typeof to === 'string' ? parse(to) : to })).pipe(transform);
 };
 var createMixerAction$1 = function (mixer) {
     return function (action, _a) {
         var from = _a.from,
             to = _a.to,
-            props = __rest$6(_a, ["from", "to"]);
-        return action(__assign$8({}, props, { from: 0, to: 1 })).pipe(mixer(from, to));
+            props = __rest(_a, ["from", "to"]);
+        return action(__assign({}, props, { from: 0, to: 1 })).pipe(mixer(from, to));
     };
 };
 var createColorAction$1 = /*#__PURE__*/createMixerAction$1(mixColor);
@@ -7688,7 +7428,7 @@ var inertia = function (_a) {
         };
         var startSpring = function (props) {
             isSpring = true;
-            startAnimation(vectorSpring$1(__assign$8({}, props, { to: isLessThanMin(props.from) ? min : max, stiffness: bounceStiffness, damping: bounceDamping, restDelta: restDelta })));
+            startAnimation(vectorSpring$1(__assign({}, props, { to: isLessThanMin(props.from) ? min : max, stiffness: bounceStiffness, damping: bounceDamping, restDelta: restDelta })));
         };
         if (isOutOfBounds(from)) {
             startSpring({ from: from, velocity: velocity });
@@ -7920,7 +7660,7 @@ var keyframes$1 = function (_a) {
         ease = _b === void 0 ? linear : _b,
         times = _a.times,
         values = _a.values,
-        tweenProps = __rest$6(_a, ["easings", "ease", "times", "values"]);
+        tweenProps = __rest(_a, ["easings", "ease", "times", "values"]);
     easings = Array.isArray(easings) ? easings : defaultEasings$1(values, easings);
     times = times || defaultTimings$1(values);
     var scrubbers = easings.map(function (easing, i) {
@@ -7930,7 +7670,7 @@ var keyframes$1 = function (_a) {
             ease: easing
         });
     });
-    return tween$1(__assign$8({}, tweenProps, { ease: ease })).applyMiddleware(function (update) {
+    return tween$1(__assign({}, tweenProps, { ease: ease })).applyMiddleware(function (update) {
         return interpolateScrubbers$1(times, scrubbers, update);
     });
 };
@@ -8132,7 +7872,7 @@ var MotionValue = /** @class */ (function () {
      */
     MotionValue.prototype.addChild = function (config) {
         if (config === void 0) { config = {}; }
-        var child = new MotionValue(this.current, __assign$7({ parent: this }, config));
+        var child = new MotionValue(this.current, __assign({ parent: this }, config));
         if (!this.children)
             this.children = new Set();
         this.children.add(child);
@@ -8574,7 +8314,7 @@ var buildStyleAttr = function (values, styleProp, isStatic) {
             ? transformTemplate({}, styleProp.transform)
             : transformTemplate;
     }
-    return buildStyleProperty(__assign$7(__assign$7({}, styleProp), motionValueStyles), !isStatic);
+    return buildStyleProperty(__assign(__assign({}, styleProp), motionValueStyles), !isStatic);
 };
 var useMotionStyles = function (values, styleProp, isStatic, transformValues) {
     if (styleProp === void 0) { styleProp = {}; }
@@ -8628,7 +8368,7 @@ var auto$1 = {
     parse: function (v) { return v; },
 };
 var dimensionTypes = [number, px, percent, degrees, vw, vh, auto$1];
-var valueTypes$1 = __spreadArrays$2(dimensionTypes, [color, complex]);
+var valueTypes$1 = __spreadArrays(dimensionTypes, [color, complex]);
 var testValueType$1 = function (v) { return function (type) { return type.test(v); }; };
 var getDimensionValueType = function (v) {
     return dimensionTypes.find(testValueType$1(v));
@@ -8681,7 +8421,7 @@ var getDefaultTransition = function (valueKey, to) {
         transitionFactory =
             defaultTransitions$1[valueKey] || defaultTransitions$1.default;
     }
-    return __assign$7({ to: to }, transitionFactory(to));
+    return __assign({ to: to }, transitionFactory(to));
 };
 
 /**
@@ -8777,9 +8517,9 @@ var transitionOptionParser = {
         return opts;
     },
     keyframes: function (_a) {
-        var from = _a.from, to = _a.to, velocity = _a.velocity, opts = __rest$5(_a, ["from", "to", "velocity"]);
+        var from = _a.from, to = _a.to, velocity = _a.velocity, opts = __rest(_a, ["from", "to", "velocity"]);
         if (opts.values && opts.values[0] === null) {
-            var values = __spreadArrays$2(opts.values);
+            var values = __spreadArrays(opts.values);
             values[0] = from;
             opts.values = values;
         }
@@ -8793,7 +8533,7 @@ var transitionOptionParser = {
     },
 };
 var isTransitionDefined = function (_a) {
-    var when = _a.when, delay = _a.delay, delayChildren = _a.delayChildren, staggerChildren = _a.staggerChildren, staggerDirection = _a.staggerDirection, transition = __rest$5(_a, ["when", "delay", "delayChildren", "staggerChildren", "staggerDirection"]);
+    var when = _a.when, delay = _a.delay, delayChildren = _a.delayChildren, staggerChildren = _a.staggerChildren, staggerDirection = _a.staggerDirection, transition = __rest(_a, ["when", "delay", "delayChildren", "staggerChildren", "staggerDirection"]);
     return Object.keys(transition).length;
 };
 var getTransitionDefinition = function (key, to, transitionDefinition) {
@@ -8803,7 +8543,7 @@ var getTransitionDefinition = function (key, to, transitionDefinition) {
     // and see if there's any props remaining
     if (transitionDefinition === undefined ||
         !isTransitionDefined(transitionDefinition)) {
-        return __assign$7({ delay: delay }, getDefaultTransition(key, to));
+        return __assign({ delay: delay }, getDefaultTransition(key, to));
     }
     var valueTransitionDefinition = transitionDefinition[key] ||
         transitionDefinition.default ||
@@ -8820,12 +8560,12 @@ var getTransitionDefinition = function (key, to, transitionDefinition) {
         };
     }
     else if (isKeyframesTarget(to)) {
-        return __assign$7(__assign$7({ values: to, duration: 0.8, delay: delay, ease: "linear" }, valueTransitionDefinition), { 
+        return __assign(__assign({ values: to, duration: 0.8, delay: delay, ease: "linear" }, valueTransitionDefinition), { 
             // This animation must be keyframes if we're animating through an array
             type: "keyframes" });
     }
     else {
-        return __assign$7({ type: "tween", to: to,
+        return __assign({ type: "tween", to: to,
             delay: delay }, valueTransitionDefinition);
     }
 };
@@ -8842,12 +8582,12 @@ var getAnimation = function (key, value, target, transition) {
     // for instance 100 to #fff. This might live better in Popmotion.
     warning(isOriginAnimatable === isTargetAnimatable, "You are trying to animate " + key + " from \"" + origin + "\" to " + target + ". \"" + origin + "\" is not an animatable value - to enable this animation set " + origin + " to a value animatable to " + target + " via the `style` property.");
     // Parse the `transition` prop and return options for the Popmotion animation
-    var _a = getTransitionDefinition(key, target, transition), _b = _a.type, type = _b === void 0 ? "tween" : _b, transitionDefinition = __rest$5(_a, ["type"]);
+    var _a = getTransitionDefinition(key, target, transition), _b = _a.type, type = _b === void 0 ? "tween" : _b, transitionDefinition = __rest(_a, ["type"]);
     // If this is an animatable pair of values, return an animation, otherwise use `just`
     var actionFactory = isOriginAnimatable && isTargetAnimatable
         ? transitions[type]
         : just$1;
-    var opts = preprocessOptions(type, __assign$7({ from: origin, velocity: value.getVelocity() }, transitionDefinition));
+    var opts = preprocessOptions(type, __assign({ from: origin, velocity: value.getVelocity() }, transitionDefinition));
     // Convert duration from Framer Motion's seconds into Popmotion's milliseconds
     if (isDurationAnimation(opts)) {
         if (opts.duration) {
@@ -8865,10 +8605,10 @@ var getAnimation = function (key, value, target, transition) {
  * @internal
  */
 function startAnimation(key, value, target, _a) {
-    var _b = _a.delay, delay$1$1 = _b === void 0 ? 0 : _b, transition = __rest$5(_a, ["delay"]);
+    var _b = _a.delay, delay$1$1 = _b === void 0 ? 0 : _b, transition = __rest(_a, ["delay"]);
     return value.start(function (complete) {
         var activeAnimation;
-        var _a = getAnimation(key, value, target, transition), animationFactory = _a[0], _b = _a[1], valueDelay = _b.delay, options = __rest$5(_b, ["delay"]);
+        var _a = getAnimation(key, value, target, transition), animationFactory = _a[0], _b = _a[1], valueDelay = _b.delay, options = __rest(_b, ["delay"]);
         if (valueDelay !== undefined) {
             delay$1$1 = valueDelay;
         }
@@ -9014,7 +8754,7 @@ var ValueAnimationControls = /** @class */ (function () {
         var _this = this;
         var _b = _a === void 0 ? {} : _a, _c = _b.isActive, isActive = _c === void 0 ? new Set() : _c, priority = _b.priority;
         var _d = this.resolveVariant(definition), target = _d.target, transitionEnd = _d.transitionEnd;
-        target = this.transformValues(__assign$7(__assign$7({}, target), transitionEnd));
+        target = this.transformValues(__assign(__assign({}, target), transitionEnd));
         return Object.keys(target).forEach(function (key) {
             if (isActive.has(key))
                 return;
@@ -9104,7 +8844,7 @@ var ValueAnimationControls = /** @class */ (function () {
             // resolve current and velocity
             variant = variant(this.props.custom, getCurrent$1(this.values), getVelocity(this.values));
         }
-        var _a = variant.transition, transition = _a === void 0 ? this.defaultTransition : _a, transitionEnd = variant.transitionEnd, target = __rest$5(variant, ["transition", "transitionEnd"]);
+        var _a = variant.transition, transition = _a === void 0 ? this.defaultTransition : _a, transitionEnd = variant.transitionEnd, target = __rest(variant, ["transition", "transitionEnd"]);
         return { transition: transition, transitionEnd: transitionEnd, target: target };
     };
     /**
@@ -9195,7 +8935,7 @@ var ValueAnimationControls = /** @class */ (function () {
     ValueAnimationControls.prototype.applyVariantLabels = function (variantLabelList) {
         var _this = this;
         var isActive = new Set();
-        var reversedList = __spreadArrays$2(variantLabelList).reverse();
+        var reversedList = __spreadArrays(variantLabelList).reverse();
         reversedList.forEach(function (key) {
             var _a = _this.resolveVariant(_this.variants[key]), target = _a.target, transitionEnd = _a.transitionEnd;
             if (transitionEnd) {
@@ -9266,7 +9006,7 @@ var ValueAnimationControls = /** @class */ (function () {
             if (this.isAnimating.has(key))
                 continue;
             this.isAnimating.add(key);
-            animations.push(startAnimation(key, value, valueTarget, __assign$7({ delay: delay }, transition)));
+            animations.push(startAnimation(key, value, valueTarget, __assign({ delay: delay }, transition)));
         }
         var allAnimations = Promise.all(animations);
         return transitionEnd
@@ -9277,7 +9017,7 @@ var ValueAnimationControls = /** @class */ (function () {
     };
     ValueAnimationControls.prototype.animateVariantLabels = function (variantLabels, opts) {
         var _this = this;
-        var animations = __spreadArrays$2(variantLabels).reverse()
+        var animations = __spreadArrays(variantLabels).reverse()
             .map(function (label) { return _this.animateVariant(label, opts); });
         return Promise.all(animations);
     };
@@ -9721,7 +9461,7 @@ function useValueAnimationControls(config, props, subscribeToParentControls) {
             // Remove reference to onAnimationComplete from controls. All the MotionValues
             // are unsubscribed from this component separately. We let animations run out
             // as they might be animating other components.
-            var onAnimationComplete = props.onAnimationComplete, unmountProps = __rest$5(props, ["onAnimationComplete"]);
+            var onAnimationComplete = props.onAnimationComplete, unmountProps = __rest(props, ["onAnimationComplete"]);
             controls.setProps(unmountProps);
             parentControls && parentControls.removeChild(controls);
         };
@@ -10206,7 +9946,7 @@ var PanSession = /** @class */ (function () {
                 return;
             var point = info.point;
             var timestamp = getFrameData().timestamp;
-            _this.history.push(__assign$7(__assign$7({}, point), { timestamp: timestamp }));
+            _this.history.push(__assign(__assign({}, point), { timestamp: timestamp }));
             var _a = _this.handlers, onStart = _a.onStart, onMove = _a.onMove;
             if (!isPanStarted) {
                 onStart && onStart(_this.lastMoveEvent, info);
@@ -10223,7 +9963,7 @@ var PanSession = /** @class */ (function () {
         var initialInfo = transformPoint(info, this.transformPagePoint);
         var point = initialInfo.point;
         var timestamp = getFrameData().timestamp;
-        this.history = [__assign$7(__assign$7({}, point), { timestamp: timestamp })];
+        this.history = [__assign(__assign({}, point), { timestamp: timestamp })];
         var onSessionStart = handlers.onSessionStart;
         onSessionStart &&
             onSessionStart(event, getPanInfo(initialInfo, this.history));
@@ -10551,7 +10291,7 @@ var Gestures = {
         return gestureProps.some(function (key) { return props.hasOwnProperty(key); });
     },
     Component: makeRenderlessComponent(function (_a) {
-        var innerRef = _a.innerRef, props = __rest$5(_a, ["innerRef"]);
+        var innerRef = _a.innerRef, props = __rest(_a, ["innerRef"]);
         useGestures(props, innerRef);
     }),
 };
@@ -10791,8 +10531,8 @@ var ComponentDragControls = /** @class */ (function () {
     };
     ComponentDragControls.prototype.updateProps = function (_a) {
         var _this = this;
-        var _b = _a.drag, drag = _b === void 0 ? false : _b, _c = _a.dragDirectionLock, dragDirectionLock = _c === void 0 ? false : _c, _d = _a.dragPropagation, dragPropagation = _d === void 0 ? false : _d, _e = _a.dragConstraints, dragConstraints = _e === void 0 ? false : _e, _f = _a.dragElastic, dragElastic = _f === void 0 ? true : _f, _g = _a.dragMomentum, dragMomentum = _g === void 0 ? true : _g, remainingProps = __rest$5(_a, ["drag", "dragDirectionLock", "dragPropagation", "dragConstraints", "dragElastic", "dragMomentum"]);
-        this.props = __assign$7({ drag: drag,
+        var _b = _a.drag, drag = _b === void 0 ? false : _b, _c = _a.dragDirectionLock, dragDirectionLock = _c === void 0 ? false : _c, _d = _a.dragPropagation, dragPropagation = _d === void 0 ? false : _d, _e = _a.dragConstraints, dragConstraints = _e === void 0 ? false : _e, _f = _a.dragElastic, dragElastic = _f === void 0 ? true : _f, _g = _a.dragMomentum, dragMomentum = _g === void 0 ? true : _g, remainingProps = __rest(_a, ["drag", "dragDirectionLock", "dragPropagation", "dragConstraints", "dragElastic", "dragMomentum"]);
+        this.props = __assign({ drag: drag,
             dragDirectionLock: dragDirectionLock,
             dragPropagation: dragPropagation,
             dragConstraints: dragConstraints,
@@ -10848,7 +10588,7 @@ var ComponentDragControls = /** @class */ (function () {
             var bounceStiffness = dragElastic ? 200 : 1000000;
             var bounceDamping = dragElastic ? 40 : 10000000;
             var animationControls = _dragTransitionControls || _this.controls;
-            var inertia = __assign$7(__assign$7({ type: "inertia", velocity: dragMomentum ? velocity[axis] : 0, bounceStiffness: bounceStiffness,
+            var inertia = __assign(__assign({ type: "inertia", velocity: dragMomentum ? velocity[axis] : 0, bounceStiffness: bounceStiffness,
                 bounceDamping: bounceDamping, timeConstant: 750, restDelta: 1 }, dragTransition), transition);
             var externalAxisMotionValue = axis === "x" ? _dragValueX : _dragValueY;
             // If we're not animating on an externally-provided `MotionValue` we can use the
@@ -10929,7 +10669,7 @@ function bothAxis(handler) {
     return [handler("x"), handler("y")];
 }
 function convertPanToDrag(info, point) {
-    return __assign$7(__assign$7({}, info), { point: {
+    return __assign(__assign({}, info), { point: {
             x: point.x ? point.x.get() : 0,
             y: point.y ? point.y.get() : 0,
         } });
@@ -11040,7 +10780,7 @@ function useDrag(props, ref, values, controls) {
     var groupDragControls = props.dragControls;
     var transformPagePoint = React.useContext(MotionPluginContext).transformPagePoint;
     var dragControls = useConstant(function () { return new ComponentDragControls({ ref: ref, values: values, controls: controls }); });
-    dragControls.updateProps(__assign$7(__assign$7({}, props), { transformPagePoint: transformPagePoint }));
+    dragControls.updateProps(__assign(__assign({}, props), { transformPagePoint: transformPagePoint }));
     React.useEffect(function () { return groupDragControls && groupDragControls.subscribe(dragControls); }, [dragControls]);
     React.useEffect(function () { return dragControls.mount(ref.current); }, []);
 }
@@ -11049,7 +10789,7 @@ var Drag = {
     key: "drag",
     shouldRender: function (props) { return !!props.drag; },
     Component: makeRenderlessComponent(function (_a) {
-        var innerRef = _a.innerRef, values = _a.values, controls = _a.controls, props = __rest$5(_a, ["innerRef", "values", "controls"]);
+        var innerRef = _a.innerRef, values = _a.values, controls = _a.controls, props = __rest(_a, ["innerRef", "values", "controls"]);
         return useDrag(props, innerRef, values, controls);
     }),
 };
@@ -11101,14 +10841,14 @@ function getVariableValue(current, element, depth) {
  * @internal
  */
 function resolveCSSVariables(values, ref, _a, transitionEnd) {
-    var target = __rest$5(_a, []);
+    var target = __rest(_a, []);
     var element = ref.current;
     if (!(element instanceof HTMLElement))
         return { target: target, transitionEnd: transitionEnd };
     // If `transitionEnd` isn't `undefined`, clone it. We could clone `target` and `transitionEnd`
     // only if they change but I think this reads clearer and this isn't a performance-critical path.
     if (transitionEnd) {
-        transitionEnd = __assign$7({}, transitionEnd);
+        transitionEnd = __assign({}, transitionEnd);
     }
     // Go through existing `MotionValue`s and ensure any existing CSS variables are resolved
     values.forEach(function (value) {
@@ -11265,8 +11005,8 @@ var convertChangedValueTypes = function (target, values, element, elementStyler,
 };
 var checkAndConvertChangedValueTypes = function (values, ref, target, transitionEnd) {
     if (transitionEnd === void 0) { transitionEnd = {}; }
-    target = __assign$7({}, target);
-    transitionEnd = __assign$7({}, transitionEnd);
+    target = __assign({}, target);
+    transitionEnd = __assign({}, transitionEnd);
     var element = ref.current;
     var elementStyler = index(element);
     var targetPositionalKeys = Object.keys(target).filter(isPositionalKey$1);
@@ -11494,7 +11234,7 @@ function calcAxisDelta(prev, next, names) {
     return delta;
 }
 function calcDelta(prev, next) {
-    var delta = __assign$7(__assign$7({}, calcAxisDelta(prev, next, axisLabels.x)), calcAxisDelta(prev, next, axisLabels.y));
+    var delta = __assign(__assign({}, calcAxisDelta(prev, next, axisLabels.x)), calcAxisDelta(prev, next, axisLabels.y));
     return delta;
 }
 var offset = {
@@ -11538,7 +11278,7 @@ function getTransition(_a) {
     return layoutTransition || positionTransition;
 }
 var LayoutAnimation = /** @class */ (function (_super) {
-    __extends$2(LayoutAnimation, _super);
+    __extends(LayoutAnimation, _super);
     function LayoutAnimation() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
@@ -11605,11 +11345,11 @@ var LayoutAnimation = /** @class */ (function (_super) {
                 if (!delta[deltaKey])
                     return;
                 var baseTransition = typeof transitionDefinition === "boolean"
-                    ? __assign$7({}, getDefaultLayoutTransition(isPositionOnly)) : transitionDefinition;
+                    ? __assign({}, getDefaultLayoutTransition(isPositionOnly)) : transitionDefinition;
                 var value = values.get(transformKey, targetValue);
                 var velocity = value.getVelocity();
                 transition[transformKey] = baseTransition[transformKey]
-                    ? __assign$7({}, baseTransition[transformKey]) : __assign$7({}, baseTransition);
+                    ? __assign({}, baseTransition[transformKey]) : __assign({}, baseTransition);
                 if (transition[transformKey].velocity === undefined) {
                     transition[transformKey].velocity = velocity || 0;
                 }
@@ -11750,9 +11490,9 @@ var hasUpdated = function (prev, next) {
 };
 function targetWithoutTransition(_a, mergeTransitionEnd) {
     if (mergeTransitionEnd === void 0) { mergeTransitionEnd = false; }
-    var transition = _a.transition, transitionEnd = _a.transitionEnd, target = __rest$5(_a, ["transition", "transitionEnd"]);
+    var transition = _a.transition, transitionEnd = _a.transitionEnd, target = __rest(_a, ["transition", "transitionEnd"]);
     return mergeTransitionEnd
-        ? __assign$7(__assign$7({}, target), transitionEnd)
+        ? __assign(__assign({}, target), transitionEnd)
         : target;
 }
 /**
@@ -11804,9 +11544,9 @@ function useAnimateProp(targetAndTransition, controls, values, defaultTransition
             }
         }
         isInitialRender.current = false;
-        prevValues.current = __assign$7(__assign$7({}, prevValues.current), finalTarget);
+        prevValues.current = __assign(__assign({}, prevValues.current), finalTarget);
         if (Object.keys(targetToAnimate).length) {
-            controls.start(__assign$7(__assign$7({}, targetToAnimate), { transition: targetAndTransition.transition || defaultTransition, transitionEnd: targetAndTransition.transitionEnd }));
+            controls.start(__assign(__assign({}, targetToAnimate), { transition: targetAndTransition.transition || defaultTransition, transitionEnd: targetAndTransition.transitionEnd }));
         }
     }, [targetAndTransition]);
 }
@@ -11980,7 +11720,7 @@ var Exit = {
         React.useEffect(function () {
             if (!isPresent) {
                 if (!isPlayingExitAnimation.current && exit) {
-                    controls.setProps(__assign$7(__assign$7({}, props), { custom: custom }));
+                    controls.setProps(__assign(__assign({}, props), { custom: custom }));
                     controls.start(exit).then(onExitComplete);
                 }
                 isPlayingExitAnimation.current = true;
@@ -12051,7 +11791,7 @@ var buildHTMLProps = function (values, style, isStatic, isDrag) {
 var buildSVGProps = function (values, style) {
     var motionValueStyles = resolveCurrent(values);
     var props = buildSVGAttrs(motionValueStyles, undefined, undefined, undefined, undefined, false);
-    props.style = __assign$7(__assign$7({}, style), props.style);
+    props.style = __assign(__assign({}, style), props.style);
     return props;
 };
 var functionalityComponents = [Layout, Drag, Gestures, Exit];
@@ -12070,7 +11810,7 @@ function createDomMotionConfig(Component) {
             var staticVisualStyles = isSVG
                 ? buildSVGProps(values, style)
                 : buildHTMLProps(values, style, isStatic, !!props.drag);
-            return React.createElement(Component, __assign$7(__assign$7(__assign$7({}, forwardedProps), { ref: ref }), staticVisualStyles));
+            return React.createElement(Component, __assign(__assign(__assign({}, forwardedProps), { ref: ref }), staticVisualStyles));
         },
         /**
          * loadFunctionalityComponents gets used by the `motion` component
@@ -12101,7 +11841,7 @@ function createDomMotionConfig(Component) {
             for (var i = 0; i < numFunctionalityComponents; i++) {
                 var _a = functionalityComponents[i], shouldRender = _a.shouldRender, key = _a.key, Component_1 = _a.Component;
                 if (shouldRender(props, context)) {
-                    activeComponents.push(React.createElement(Component_1, __assign$7({ key: key }, props, { parentContext: context, values: values, controls: controls, innerRef: ref })));
+                    activeComponents.push(React.createElement(Component_1, __assign({ key: key }, props, { parentContext: context, values: values, controls: controls, innerRef: ref })));
                 }
             }
             return activeComponents;
@@ -12153,7 +11893,7 @@ var svgMotionComponents = svgElements.reduce(function (acc, Component) {
  *
  * @public
  */
-var motion = __assign$7(__assign$7({ 
+var motion = __assign(__assign({ 
     /**
      * Convert a custom React component into a `motion` component.
      *
@@ -12205,7 +11945,7 @@ var PresenceChild = function (_a) {
             return function () { return numPresenceChildren.current--; };
         };
     }, [isPresent]);
-    return (React.createElement(PresenceContext.Provider, { value: __assign$7(__assign$7({}, context), { register: register }) }, children));
+    return (React.createElement(PresenceContext.Provider, { value: __assign(__assign({}, context), { register: register }) }, children));
 };
 
 function getChildKey(child) {
@@ -12321,7 +12061,7 @@ var AnimatePresence = function (_a) {
         return (React.createElement(React.Fragment, null, filteredChildren.map(function (child) { return (React.createElement(PresenceChild, { key: getChildKey(child), isPresent: true, initial: initial ? undefined : false }, child)); })));
     }
     // If this is a subsequent render, deal with entering and exiting children
-    var childrenToRender = __spreadArrays$2(filteredChildren);
+    var childrenToRender = __spreadArrays(filteredChildren);
     // Diff the keys of the currently-present and target children to update our
     // exiting list.
     var presentKeys = presentChildren.current.map(getChildKey);
@@ -13093,12 +12833,12 @@ var accentColor = {
   error: "".concat(BRIGHT_GREY)
 };
 var subIconColor = {
-  info: "".concat(MATISSE_BLUE),
+  info: "".concat(ROYAL_BLUE_VIVID),
   success: "".concat(SEA_GREEN),
   error: "".concat(BLUSH_RED)
 };
 var singleIconColor = {
-  primary: "".concat(MATISSE_BLUE),
+  primary: "".concat(ROYAL_BLUE_VIVID),
   secondary: "".concat(BRIGHT_GREY),
   darkMode: "".concat(WHITE)
 };
@@ -18419,42 +18159,26 @@ var CloseIcon = function CloseIcon(_ref) {
   var _ref$iconFill = _ref.iconFill,
     iconFill = _ref$iconFill === void 0 ? "#3B414D" : _ref$iconFill,
     _ref$iconWidth = _ref.iconWidth,
-    iconWidth = _ref$iconWidth === void 0 ? "24" : _ref$iconWidth,
+    iconWidth = _ref$iconWidth === void 0 ? "24px" : _ref$iconWidth,
     _ref$iconHeight = _ref.iconHeight,
-    iconHeight = _ref$iconHeight === void 0 ? "24" : _ref$iconHeight,
+    iconHeight = _ref$iconHeight === void 0 ? "24px" : _ref$iconHeight,
     rest = _objectWithoutProperties(_ref, _excluded$k);
   return /*#__PURE__*/React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    width: iconWidth,
-    height: iconHeight,
-    viewBox: "0 0 24 24",
-    fill: "none"
-  }, rest), /*#__PURE__*/React__default.createElement("title", null, "Close Icon"), /*#__PURE__*/React__default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M17.3033 5.98982C17.108 5.79456 16.7915 5.79456 16.5962 5.98982L12 10.586L7.40381 5.98982C7.20854 5.79456 6.89196 5.79456 6.6967 5.98982L5.98959 6.69693C5.79433 6.89219 5.79433 7.20878 5.98959 7.40404L10.5858 12.0002L5.98959 16.5964C5.79433 16.7917 5.79433 17.1083 5.98959 17.3035L6.6967 18.0106C6.89196 18.2059 7.20854 18.2059 7.40381 18.0106L12 13.4144L16.5962 18.0106C16.7915 18.2059 17.108 18.2059 17.3033 18.0106L18.0104 17.3035C18.2057 17.1083 18.2057 16.7917 18.0104 16.5964L13.4142 12.0002L18.0104 7.40404C18.2057 7.20878 18.2057 6.89219 18.0104 6.69693L17.3033 5.98982Z",
-    fill: iconFill
-  }), /*#__PURE__*/React__default.createElement("mask", {
-    id: "mask0_3727_16765",
+    width: "24",
+    height: "25",
+    viewBox: "0 0 24 25",
+    fill: "none",
     style: {
-      maskType: "luminance"
-    },
-    maskUnits: "userSpaceOnUse",
-    x: "5",
-    y: "5",
-    width: "14",
-    height: "14"
-  }, /*#__PURE__*/React__default.createElement("path", {
+      width: iconWidth,
+      height: iconHeight
+    }
+  }, rest), /*#__PURE__*/React__default.createElement("title", null, "Close Icon"), /*#__PURE__*/React__default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M17.3033 5.98982C17.108 5.79456 16.7915 5.79456 16.5962 5.98982L12 10.586L7.40381 5.98982C7.20854 5.79456 6.89196 5.79456 6.6967 5.98982L5.98959 6.69693C5.79433 6.89219 5.79433 7.20878 5.98959 7.40404L10.5858 12.0002L5.98959 16.5964C5.79433 16.7917 5.79433 17.1083 5.98959 17.3035L6.6967 18.0106C6.89196 18.2059 7.20854 18.2059 7.40381 18.0106L12 13.4144L16.5962 18.0106C16.7915 18.2059 17.108 18.2059 17.3033 18.0106L18.0104 17.3035C18.2057 17.1083 18.2057 16.7917 18.0104 16.5964L13.4142 12.0002L18.0104 7.40404C18.2057 7.20878 18.2057 6.89219 18.0104 6.69693L17.3033 5.98982Z",
-    fill: "none"
-  })), /*#__PURE__*/React__default.createElement("g", {
-    mask: "url(#mask0_3727_16765)"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 0H24V24H0V0Z",
+    d: "M17.3033 6.48982C17.108 6.29456 16.7915 6.29456 16.5962 6.48982L12 11.086L7.40381 6.48982C7.20854 6.29456 6.89196 6.29456 6.6967 6.48982L5.98959 7.19693C5.79433 7.39219 5.79433 7.70878 5.98959 7.90404L10.5858 12.5002L5.98959 17.0964C5.79433 17.2917 5.79433 17.6083 5.98959 17.8035L6.6967 18.5106C6.89196 18.7059 7.20854 18.7059 7.40381 18.5106L12 13.9144L16.5962 18.5106C16.7915 18.7059 17.108 18.7059 17.3033 18.5106L18.0104 17.8035C18.2057 17.6083 18.2057 17.2917 18.0104 17.0964L13.4142 12.5002L18.0104 7.90404C18.2057 7.70878 18.2057 7.39219 18.0104 7.19693L17.3033 6.48982Z",
     fill: iconFill
-  })));
+  }));
 };
 
 var TrashIconV2 = function TrashIconV2(_ref) {
@@ -25092,7 +24816,7 @@ var Dropdown = function Dropdown(_ref13) {
         setInputChangedByAutofill(true);
       }
     },
-    padding: "12px",
+    padding: "12px 25px 12px 12px",
     placeholder: getSelection(),
     required: options.required || isRequired,
     role: "combobox",
@@ -41753,1434 +41477,300 @@ var HighlightTabRow = function HighlightTabRow(_ref) {
 };
 var HighlightTabRow$1 = themeComponent(HighlightTabRow, "HighlightTabRow", fallbackValues$I);
 
-var AccountBillIcon = function AccountBillIcon() {
+var AccountBillIcon = function AccountBillIcon(_ref) {
+  var color = _ref.color;
   return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "account-bill-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "account-bill-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "AccountBill",
-    stroke: "none",
-    strokeWidth: "1",
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
     fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "AccountBillIcon",
-    transform: "translate(7.000000, 5.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#account-bill-filter-2)",
-    xlinkHref: "#account-bill-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
     fillRule: "evenodd",
-    xlinkHref: "#account-bill-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M45.9999428,26.0000477 L45.9999428,25.6250486 C45.9999428,25.2083826 45.8541101,24.8542174 45.5624438,24.5625511 L45.5624438,24.5625511 L39.4374584,18.4375657 C39.1457921,18.1458994 38.791627,18.0000668 38.374961,18.0000668 L38.374961,18.0000668 L37.9999619,18.0000668 L37.9999619,26.0000477 L45.9999428,26.0000477 Z M44.4999464,49.9999905 C44.9166123,49.9999905 45.2707775,49.8541578 45.5624438,49.5624915 C45.8541101,49.2708252 45.9999428,48.91666 45.9999428,48.499994 L45.9999428,48.499994 L45.9999428,28.0000429 L37.499963,28.0000429 C37.0832971,28.0000429 36.7291319,27.8542102 36.4374656,27.562544 C36.1457993,27.2708777 35.9999666,26.9167125 35.9999666,26.5000465 L35.9999666,26.5000465 L35.9999666,18.0000668 L23.5,18.0000668 C23.0833304,18.0000668 22.7291652,18.1458994 22.437499,18.4375657 C22.1458327,18.729232 22,19.0833972 22,19.5000668 L22,19.5000668 L22,48.499994 C22,48.91666 22.1458327,49.2708252 22.437499,49.5624915 C22.7291652,49.8541578 23.0833304,49.9999905 23.5,49.9999905 L23.5,49.9999905 L44.4999464,49.9999905 Z M31.4999774,24.0000572 L26.4999905,24.0000572 C26.3749896,24.0000572 26.2604068,23.9479696 26.1562401,23.8438028 C26.0520734,23.7396361 25.9999905,23.6250533 25.9999905,23.5000572 L25.9999905,23.5000572 L25.9999905,22.5000572 C25.9999905,22.3750563 26.0520734,22.2604736 26.1562401,22.1563068 C26.2604068,22.0521401 26.3749896,22.0000572 26.4999905,22.0000572 L26.4999905,22.0000572 L31.4999774,22.0000572 C31.6249771,22.0000572 31.7395598,22.0521401 31.8437265,22.1563068 C31.9478933,22.2604736 31.9999762,22.3750563 31.9999762,22.5000572 L31.9999762,22.5000572 L31.9999762,23.5000572 C31.9999762,23.6250533 31.9478933,23.7396361 31.8437265,23.8438028 C31.7395598,23.9479696 31.6249771,24.0000572 31.4999774,24.0000572 L31.4999774,24.0000572 Z M31.4999774,28.0000477 L26.4999905,28.0000477 C26.3749896,28.0000477 26.2604068,27.94796 26.1562401,27.8437933 C26.0520734,27.7396266 25.9999905,27.6250438 25.9999905,27.5000477 L25.9999905,27.5000477 L25.9999905,26.5000477 C25.9999905,26.3750468 26.0520734,26.260464 26.1562401,26.1562973 C26.2604068,26.0521306 26.3749896,26.0000477 26.4999905,26.0000477 L26.4999905,26.0000477 L31.4999774,26.0000477 C31.6249771,26.0000477 31.7395598,26.0521306 31.8437265,26.1562973 C31.9478933,26.260464 31.9999762,26.3750468 31.9999762,26.5000477 L31.9999762,26.5000477 L31.9999762,27.5000477 C31.9999762,27.6250438 31.9478933,27.7396266 31.8437265,27.8437933 C31.7395598,27.94796 31.6249771,28.0000477 31.4999774,28.0000477 L31.4999774,28.0000477 Z M34.4999702,46 L33.4999726,46 C33.3749729,46 33.2603901,45.9479171 33.1562234,45.8437504 C33.0520567,45.7395836 32.9999738,45.6250009 32.9999738,45.5000012 L32.9999738,45.5000012 L32.9999738,44.0000048 C32.2916424,43.9583379 31.64581,43.7083385 31.0624784,43.2500066 C30.9374787,43.1666737 30.8645619,43.05209 30.8437289,42.9062574 C30.8228959,42.7604247 30.8749788,42.625008 30.9999785,42.5000083 L30.9999785,42.5000083 L31.7499768,41.81251 C31.9166433,41.6458434 32.1249759,41.6354274 32.3749753,41.7812601 C32.6249747,41.9270927 32.895807,42.0000095 33.1874733,42.0000095 L33.1874733,42.0000095 L34.9374692,42.0000095 C35.1458017,42.0000095 35.3228852,41.9166767 35.4687179,41.7500101 C35.6145506,41.5833435 35.6874674,41.395844 35.6874674,41.1875115 C35.6874674,40.979179 35.6353845,40.8020954 35.5312177,40.6562627 C35.427051,40.5104301 35.2916353,40.4166803 35.1249687,40.3750134 L35.1249687,40.3750134 L32.3124802,39.5625153 C31.7291438,39.3541828 31.2499779,39.0000167 30.8749788,38.5000179 C30.4999797,38.0000191 30.3124802,37.4375204 30.3124802,36.8125219 C30.3124802,36.0625237 30.5728965,35.4166922 31.0937283,34.8750265 C31.6145601,34.3333608 32.2499756,34.0416955 32.9999738,34.0000334 L32.9999738,34.0000334 L32.9999738,32.5000334 C32.9999738,32.3750325 33.0520567,32.2604497 33.1562234,32.156283 C33.2603901,32.0521163 33.3749729,32.0000334 33.4999726,32.0000334 L33.4999726,32.0000334 L34.4999702,32.0000334 C34.6249699,32.0000334 34.7395526,32.0521163 34.8437194,32.156283 C34.9478861,32.2604497 34.999969,32.3750325 34.999969,32.5000334 L34.999969,32.5000334 L34.999969,34.0000334 C35.7083003,34.0416955 36.3541328,34.2916949 36.9374644,34.7500268 C37.0624641,34.8333596 37.1353809,34.9479433 37.1562139,35.093776 C37.1770468,35.2396087 37.1249639,35.3750253 36.9999642,35.5000334 L36.9999642,35.5000334 L36.249966,36.1875234 C36.0832994,36.35419 35.8749669,36.364606 35.6249675,36.2187733 C35.3749681,36.0729407 35.1041357,36.0000334 34.8124695,36.0000334 L34.8124695,36.0000334 L33.0624736,36.0000334 C32.8541411,36.0000334 32.6770576,36.0833567 32.5312249,36.2500232 C32.3853922,36.4166898 32.3124802,36.6041894 32.3124802,36.8125219 C32.3124802,37.0208544 32.3645583,37.197938 32.468725,37.3437706 C32.5728918,37.4896033 32.7083075,37.5833531 32.8749741,37.62502 L32.8749741,37.62502 L35.6874674,38.437518 C36.270799,38.6458505 36.7499648,39.0000167 37.1249639,39.5000155 C37.499963,40.0000143 37.6874626,40.562513 37.6874626,41.1875115 C37.6874626,41.9375097 37.4270462,42.5833412 36.9062145,43.1250069 C36.3853827,43.6666725 35.7499672,43.9583379 34.999969,44.0000048 L34.999969,44.0000048 L34.999969,45.5000012 C34.999969,45.6250009 34.9478861,45.7395836 34.8437194,45.8437504 C34.7395526,45.9479171 34.6249699,46 34.4999702,46 L34.4999702,46 Z",
-    id: "f",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))));
+    clipRule: "evenodd",
+    d: "M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4062 32.8906 17.1406 32.6719 16.9219L28.0781 12.3281C27.8594 12.1094 27.5937 12 27.2812 12H27V18H33ZM18.375 16.5H22.125C22.2187 16.5 22.3047 16.4609 22.3828 16.3828C22.4609 16.3047 22.5 16.2188 22.5 16.125V15.375C22.5 15.2813 22.4609 15.1953 22.3828 15.1172C22.3047 15.0391 22.2187 15 22.125 15H18.375C18.2812 15 18.1953 15.0391 18.1172 15.1172C18.0391 15.1953 18 15.2813 18 15.375V16.125C18 16.2188 18.0391 16.3047 18.1172 16.3828C18.1953 16.4609 18.2812 16.5 18.375 16.5ZM22.125 19.5H18.375C18.2812 19.5 18.1953 19.4609 18.1172 19.3828C18.0391 19.3047 18 19.2188 18 19.125V18.375C18 18.2813 18.0391 18.1953 18.1172 18.1172C18.1953 18.0391 18.2812 18 18.375 18H22.125C22.2187 18 22.3047 18.0391 22.3828 18.1172C22.4609 18.1953 22.5 18.2813 22.5 18.375V19.125C22.5 19.2188 22.4609 19.3047 22.3828 19.3828C22.3047 19.4609 22.2187 19.5 22.125 19.5ZM23.625 33H24.375C24.4687 33 24.5547 32.9609 24.6328 32.8828C24.7109 32.8047 24.75 32.7188 24.75 32.625V31.5C25.3125 31.4688 25.7891 31.25 26.1797 30.8438C26.5703 30.4375 26.7656 29.9531 26.7656 29.3906C26.7656 28.9219 26.625 28.5 26.3437 28.125C26.0625 27.75 25.7031 27.4844 25.2656 27.3281L23.1562 26.7188C23.0312 26.6875 22.9297 26.6172 22.8516 26.5078C22.7734 26.3984 22.7344 26.2656 22.7344 26.1094C22.7344 25.9531 22.7891 25.8125 22.8984 25.6875C23.0078 25.5625 23.1406 25.5 23.2969 25.5H24.6094C24.8281 25.5 25.0312 25.5547 25.2187 25.6641C25.4062 25.7734 25.5625 25.7656 25.6875 25.6406L26.25 25.125C26.3437 25.0313 26.3828 24.9297 26.3672 24.8203C26.3516 24.7109 26.2969 24.625 26.2031 24.5625C25.7656 24.2188 25.2812 24.0313 24.75 24V22.875C24.75 22.7813 24.7109 22.6953 24.6328 22.6172C24.5547 22.5391 24.4687 22.5 24.375 22.5H23.625C23.5312 22.5 23.4453 22.5391 23.3672 22.6172C23.2891 22.6953 23.25 22.7813 23.25 22.875V24C22.6875 24.0313 22.2109 24.25 21.8203 24.6563C21.4297 25.0625 21.2344 25.5469 21.2344 26.1094C21.2344 26.5781 21.375 27 21.6562 27.375C21.9375 27.75 22.2969 28.0156 22.7344 28.1719L24.8437 28.7812C24.9687 28.8125 25.0703 28.8828 25.1484 28.9922C25.2266 29.1016 25.2656 29.2344 25.2656 29.3906C25.2656 29.5469 25.2109 29.6875 25.1016 29.8125C24.9922 29.9375 24.8594 30 24.7031 30H23.3906C23.1719 30 22.9687 29.9453 22.7812 29.8359C22.5937 29.7266 22.4375 29.7344 22.3125 29.8594L21.75 30.375C21.6562 30.4688 21.6172 30.5703 21.6328 30.6797C21.6484 30.7891 21.7031 30.875 21.7969 30.9375C22.2344 31.2812 22.7187 31.4688 23.25 31.5V32.625C23.25 32.7188 23.2891 32.8047 23.3672 32.8828C23.4453 32.9609 23.5312 33 23.625 33Z",
+    fill: "#FEFEFE"
+  }));
 };
 
-var AccountGenericIcon = function AccountGenericIcon() {
+var AccountGenericIcon = function AccountGenericIcon(_ref) {
+  var color = _ref.color;
   return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "account-generic-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "account-generic-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "AccountGeneric",
-    stroke: "none",
-    strokeWidth: "1",
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
     fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "AccountGenericIcon",
-    transform: "translate(7.000000, 5.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#account-generic-filter-2)",
-    xlinkHref: "#account-generic-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
     fillRule: "evenodd",
-    xlinkHref: "#account-generic-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M45.9999428,26.0000477 L45.9999428,25.6250486 C45.9999428,25.2083826 45.8541101,24.8542174 45.5624438,24.5625511 L45.5624438,24.5625511 L39.4374584,18.4375657 C39.1457921,18.1458994 38.791627,18.0000668 38.374961,18.0000668 L38.374961,18.0000668 L37.9999619,18.0000668 L37.9999619,26.0000477 L45.9999428,26.0000477 Z M44.4999464,49.9999905 C44.9166123,49.9999905 45.2707775,49.8541578 45.5624438,49.5624915 C45.8541101,49.2708252 45.9999428,48.91666 45.9999428,48.499994 L45.9999428,48.499994 L45.9999428,28.0000429 L37.499963,28.0000429 C37.0832971,28.0000429 36.7291319,27.8542102 36.4374656,27.562544 C36.1457993,27.2708777 35.9999666,26.9167125 35.9999666,26.5000465 L35.9999666,26.5000465 L35.9999666,18.0000668 L23.5,18.0000668 C23.0833304,18.0000668 22.7291652,18.1458994 22.437499,18.4375657 C22.1458327,18.729232 22,19.0833972 22,19.5000668 L22,19.5000668 L22,48.499994 C22,48.91666 22.1458327,49.2708252 22.437499,49.5624915 C22.7291652,49.8541578 23.0833304,49.9999905 23.5,49.9999905 L23.5,49.9999905 L44.4999464,49.9999905 Z M31.4999774,24.0000572 L26.4999905,24.0000572 C26.3749896,24.0000572 26.2604068,23.9479696 26.1562401,23.8438028 C26.0520734,23.7396361 25.9999905,23.6250533 25.9999905,23.5000572 L25.9999905,23.5000572 L25.9999905,22.5000572 C25.9999905,22.3750563 26.0520734,22.2604736 26.1562401,22.1563068 C26.2604068,22.0521401 26.3749896,22.0000572 26.4999905,22.0000572 L26.4999905,22.0000572 L31.4999774,22.0000572 C31.6249771,22.0000572 31.7395598,22.0521401 31.8437265,22.1563068 C31.9478933,22.2604736 31.9999762,22.3750563 31.9999762,22.5000572 L31.9999762,22.5000572 L31.9999762,23.5000572 C31.9999762,23.6250533 31.9478933,23.7396361 31.8437265,23.8438028 C31.7395598,23.9479696 31.6249771,24.0000572 31.4999774,24.0000572 L31.4999774,24.0000572 Z M31.4999774,28.0000477 L26.4999905,28.0000477 C26.3749896,28.0000477 26.2604068,27.94796 26.1562401,27.8437933 C26.0520734,27.7396266 25.9999905,27.6250438 25.9999905,27.5000477 L25.9999905,27.5000477 L25.9999905,26.5000477 C25.9999905,26.3750468 26.0520734,26.260464 26.1562401,26.1562973 C26.2604068,26.0521306 26.3749896,26.0000477 26.4999905,26.0000477 L26.4999905,26.0000477 L31.4999774,26.0000477 C31.6249771,26.0000477 31.7395598,26.0521306 31.8437265,26.1562973 C31.9478933,26.260464 31.9999762,26.3750468 31.9999762,26.5000477 L31.9999762,26.5000477 L31.9999762,27.5000477 C31.9999762,27.6250438 31.9478933,27.7396266 31.8437265,27.8437933 C31.7395598,27.94796 31.6249771,28.0000477 31.4999774,28.0000477 L31.4999774,28.0000477 Z M40.9999547,40.0000143 L26.9999905,40.0000143 C26.7083218,40.0000143 26.4687393,39.9062645 26.2812398,39.718765 C26.0937402,39.5312654 25.9999905,39.291683 25.9999905,39.0000167 L25.9999905,39.0000167 L25.9999905,33.0000334 C25.9999905,32.7083647 26.0937402,32.4687823 26.2812398,32.2812827 C26.4687393,32.0937832 26.7083218,32.0000334 26.9999905,32.0000334 L26.9999905,32.0000334 L40.9999547,32.0000334 C41.291621,32.0000334 41.5312034,32.0937832 41.718703,32.2812827 C41.9062025,32.4687823 41.9999523,32.7083647 41.9999523,33.0000334 L41.9999523,33.0000334 L41.9999523,39.0000167 C41.9999523,39.291683 41.9062025,39.5312654 41.718703,39.718765 C41.5312034,39.9062645 41.291621,40.0000143 40.9999547,40.0000143 L40.9999547,40.0000143 Z M39.9999571,38.0000286 L39.9999571,34.0000286 L27.9999857,34.0000286 L27.9999857,38.0000286 L39.9999571,38.0000286 Z M41.4999535,46.0000048 L36.4999666,46.0000048 C36.3749657,46.0000048 36.260383,45.9479171 36.1562162,45.8437504 C36.0520495,45.7395836 35.9999666,45.6250009 35.9999666,45.5000048 L35.9999666,45.5000048 L35.9999666,44.5000048 C35.9999666,44.3750039 36.0520495,44.2604211 36.1562162,44.1562544 C36.260383,44.0520877 36.3749657,44.0000048 36.4999666,44.0000048 L36.4999666,44.0000048 L41.4999535,44.0000048 C41.6249532,44.0000048 41.739536,44.0520877 41.8437027,44.1562544 C41.9478694,44.2604211 41.9999523,44.3750039 41.9999523,44.5000048 L41.9999523,44.5000048 L41.9999523,45.5000048 C41.9999523,45.6250009 41.9478694,45.7395836 41.8437027,45.8437504 C41.739536,45.9479171 41.6249532,46.0000048 41.4999535,46.0000048 L41.4999535,46.0000048 Z",
-    id: "f",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))));
+    clipRule: "evenodd",
+    d: "M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4062 32.8906 17.1406 32.6719 16.9219L28.0781 12.3281C27.8594 12.1094 27.5937 12 27.2812 12H27V18H33ZM18.375 16.5H22.125C22.2187 16.5 22.3047 16.4609 22.3828 16.3828C22.4609 16.3047 22.5 16.2187 22.5 16.125V15.375C22.5 15.2812 22.4609 15.1953 22.3828 15.1172C22.3047 15.0391 22.2187 15 22.125 15H18.375C18.2812 15 18.1953 15.0391 18.1172 15.1172C18.0391 15.1953 18 15.2812 18 15.375V16.125C18 16.2187 18.0391 16.3047 18.1172 16.3828C18.1953 16.4609 18.2812 16.5 18.375 16.5ZM22.125 19.5H18.375C18.2812 19.5 18.1953 19.4609 18.1172 19.3828C18.0391 19.3047 18 19.2187 18 19.125V18.375C18 18.2812 18.0391 18.1953 18.1172 18.1172C18.1953 18.0391 18.2812 18 18.375 18H22.125C22.2187 18 22.3047 18.0391 22.3828 18.1172C22.4609 18.1953 22.5 18.2812 22.5 18.375V19.125C22.5 19.2187 22.4609 19.3047 22.3828 19.3828C22.3047 19.4609 22.2187 19.5 22.125 19.5ZM18.75 28.5H29.25C29.4687 28.5 29.6484 28.4297 29.7891 28.2891C29.9297 28.1484 30 27.9688 30 27.75V23.25C30 23.0313 29.9297 22.8516 29.7891 22.7109C29.6484 22.5703 29.4687 22.5 29.25 22.5H18.75C18.5312 22.5 18.3516 22.5703 18.2109 22.7109C18.0703 22.8516 18 23.0313 18 23.25V27.75C18 27.9688 18.0703 28.1484 18.2109 28.2891C18.3516 28.4297 18.5312 28.5 18.75 28.5ZM28.5 27V24H19.5V27H28.5ZM25.875 33H29.625C29.7188 33 29.8047 32.9609 29.8828 32.8828C29.9609 32.8047 30 32.7187 30 32.625V31.875C30 31.7813 29.9609 31.6953 29.8828 31.6172C29.8047 31.5391 29.7188 31.5 29.625 31.5H25.875C25.7812 31.5 25.6953 31.5391 25.6172 31.6172C25.5391 31.6953 25.5 31.7813 25.5 31.875V32.625C25.5 32.7187 25.5391 32.8047 25.6172 32.8828C25.6953 32.9609 25.7812 33 25.875 33Z",
+    fill: "#FEFEFE"
+  }));
 };
 
-var AccountConstructionIcon = function AccountConstructionIcon() {
+var AccountConstructionIcon = function AccountConstructionIcon(_ref) {
+  var color = _ref.color;
   return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "account-construction-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "account-construction-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "account-construction-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
     fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(-91.000000, -681.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "account-construction-Profile-Obligation-Icon-/-Account---Construction",
-    transform: "translate(98.000000, 686.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#account-construction-filter-2)",
-    xlinkHref: "#account-construction-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
     fillRule: "evenodd",
-    xlinkHref: "#account-construction-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M45.34368,37.5000203 C45.6145124,37.5000203 45.8540958,37.3958535 46.0624283,37.187521 L46.0624283,37.187521 L51.6874149,31.5625344 C51.8957474,31.3542019 51.9999142,31.1146185 51.9999142,30.8437861 C51.9999142,30.5729538 51.8957474,30.3333704 51.6874149,30.1250378 L51.6874149,30.1250378 L50.3124182,28.6875413 C50.1040857,28.5208747 49.8645023,28.4375419 49.5936699,28.4375419 C49.3228375,28.4375419 49.0832541,28.5208747 48.8749216,28.6875413 L48.8749216,28.6875413 L48.1874233,29.4375395 L46.3749276,27.6250438 C46.5415942,26.9167125 46.5415942,26.2187972 46.3749276,25.5312988 C46.208261,24.8438004 45.8540958,24.2500519 45.3124301,23.750053 L45.3124301,23.750053 L42.246743,20.6849214 C41.0502644,19.5325165 39.6450828,18.7521483 38.0311975,18.3438159 C36.3020346,17.906317 34.5832887,17.906317 32.8749598,18.3438159 C31.1666308,18.7813149 29.6666344,19.6458958 28.3749705,20.9375598 L28.3749705,20.9375598 L33.9999571,23.750053 L33.9999571,24.9375502 C33.9999571,26.0208806 34.3957892,26.9583784 35.1874543,27.7500435 L35.1874543,27.7500435 L38.249947,30.8125362 C38.7916126,31.3542019 39.4061942,31.7083671 40.0936926,31.8750337 C40.7811909,32.0417003 41.4582723,32.0417003 42.1249377,31.8750337 L42.1249377,31.8750337 L43.9374334,33.6250295 L43.249935,34.3750277 C43.0416025,34.5416943 42.9374358,34.7708598 42.9374358,35.0625261 C42.9374358,35.3541924 43.0416025,35.5833579 43.249935,35.7500244 L43.249935,35.7500244 L44.6249318,37.187521 C44.8332643,37.3958535 45.0728477,37.5000203 45.34368,37.5000203 Z M19.9374906,49.9999905 C21.020821,49.9999905 21.9374858,49.5833245 22.6874841,48.7499934 L22.6874841,48.7499934 L37.5624486,32.8125314 C37.2707823,32.6041989 37.0416168,32.4166994 36.8749502,32.2500328 L36.8749502,32.2500328 L33.8124575,29.1875401 C33.604125,28.9792076 33.3957915,28.7292082 33.187459,28.4375419 L33.187459,28.4375419 L17.249997,43.3125064 C16.416666,44.0625046 16,44.9791694 16,46.0624999 C16,47.1458303 16.3854161,48.072912 17.1562472,48.8437432 C17.9270784,49.6145744 18.8541602,49.9999905 19.9374906,49.9999905 Z",
-    id: "account-construction-h",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  })))));
+    clipRule: "evenodd",
+    d: "M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4062 32.8906 17.1406 32.6719 16.9219L28.0781 12.3281C27.8594 12.1094 27.5937 12 27.2812 12H27V18H33ZM18.375 16.5H22.125C22.2187 16.5 22.3047 16.4609 22.3828 16.3828C22.4609 16.3047 22.5 16.2188 22.5 16.125V15.375C22.5 15.2813 22.4609 15.1953 22.3828 15.1172C22.3047 15.0391 22.2187 15 22.125 15H18.375C18.2812 15 18.1953 15.0391 18.1172 15.1172C18.0391 15.1953 18 15.2813 18 15.375V16.125C18 16.2188 18.0391 16.3047 18.1172 16.3828C18.1953 16.4609 18.2812 16.5 18.375 16.5ZM22.125 19.5H18.375C18.2812 19.5 18.1953 19.4609 18.1172 19.3828C18.0391 19.3047 18 19.2188 18 19.125V18.375C18 18.2813 18.0391 18.1953 18.1172 18.1172C18.1953 18.0391 18.2812 18 18.375 18H22.125C22.2187 18 22.3047 18.0391 22.3828 18.1172C22.4609 18.1953 22.5 18.2813 22.5 18.375V19.125C22.5 19.2188 22.4609 19.3047 22.3828 19.3828C22.3047 19.4609 22.2187 19.5 22.125 19.5ZM23.625 33H24.375C24.4687 33 24.5547 32.9609 24.6328 32.8828C24.7109 32.8047 24.75 32.7188 24.75 32.625V31.5C25.3125 31.4688 25.7891 31.25 26.1797 30.8438C26.5703 30.4375 26.7656 29.9531 26.7656 29.3906C26.7656 28.9219 26.625 28.5 26.3437 28.125C26.0625 27.75 25.7031 27.4844 25.2656 27.3281L23.1562 26.7188C23.0312 26.6875 22.9297 26.6172 22.8516 26.5078C22.7734 26.3984 22.7344 26.2656 22.7344 26.1094C22.7344 25.9531 22.7891 25.8125 22.8984 25.6875C23.0078 25.5625 23.1406 25.5 23.2969 25.5H24.6094C24.8281 25.5 25.0312 25.5547 25.2187 25.6641C25.4062 25.7734 25.5625 25.7656 25.6875 25.6406L26.25 25.125C26.3437 25.0313 26.3828 24.9297 26.3672 24.8203C26.3516 24.7109 26.2969 24.625 26.2031 24.5625C25.7656 24.2188 25.2812 24.0313 24.75 24V22.875C24.75 22.7813 24.7109 22.6953 24.6328 22.6172C24.5547 22.5391 24.4687 22.5 24.375 22.5H23.625C23.5312 22.5 23.4453 22.5391 23.3672 22.6172C23.2891 22.6953 23.25 22.7813 23.25 22.875V24C22.6875 24.0313 22.2109 24.25 21.8203 24.6563C21.4297 25.0625 21.2344 25.5469 21.2344 26.1094C21.2344 26.5781 21.375 27 21.6562 27.375C21.9375 27.75 22.2969 28.0156 22.7344 28.1719L24.8437 28.7812C24.9687 28.8125 25.0703 28.8828 25.1484 28.9922C25.2266 29.1016 25.2656 29.2344 25.2656 29.3906C25.2656 29.5469 25.2109 29.6875 25.1016 29.8125C24.9922 29.9375 24.8594 30 24.7031 30H23.3906C23.1719 30 22.9687 29.9453 22.7812 29.8359C22.5937 29.7266 22.4375 29.7344 22.3125 29.8594L21.75 30.375C21.6562 30.4688 21.6172 30.5703 21.6328 30.6797C21.6484 30.7891 21.7031 30.875 21.7969 30.9375C22.2344 31.2812 22.7187 31.4688 23.25 31.5V32.625C23.25 32.7188 23.2891 32.8047 23.3672 32.8828C23.4453 32.9609 23.5312 33 23.625 33Z",
+    fill: "#FEFEFE"
+  }));
 };
 
-var AccountDentalIcon = function AccountDentalIcon() {
+var AccountDentalIcon = function AccountDentalIcon(_ref) {
+  var color = _ref.color;
   return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "account-dental-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "account-dental-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "account-dental-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
     fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(-91.000000, -801.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "account-dental-Profile-Obligation-Icon-/-Account---Dental",
-    transform: "translate(98.000000, 806.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#account-dental-filter-2)",
-    xlinkHref: "#account-dental-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#account-dental-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M40.4687012,49.9999905 C40.9062002,49.9999905 41.3020322,49.8645738 41.6561984,49.5937414 C42.0103645,49.3229091 42.229114,48.958326 42.3124468,48.499994 L42.3124468,48.499994 L42.8124456,46.3749991 C43.3541113,44.0000048 43.7916103,41.0833447 44.1249425,37.62502 C44.3749419,34.8333596 45.1249401,32.6041989 46.3749371,30.9375359 C47.0832684,29.9792052 47.5624343,28.9062908 47.8124337,27.7187936 C48.0624331,26.5312964 48.0416001,25.2917164 47.7499338,24.0000525 C47.4166016,22.5833888 46.7291033,21.3438088 45.6874388,20.2813113 C44.6457743,19.2188139 43.4166112,18.5208985 41.9999475,18.1875663 C40.2916186,17.7292344 38.437456,18.2292332 36.4374608,19.6875627 C36.3124611,19.7708956 36.1457945,19.8542293 35.937462,19.9375621 L35.937462,19.9375621 L35.7499624,20.000062 L37.5624581,21.1875592 C37.7707906,21.3125589 37.9062073,21.5104754 37.9687072,21.7813077 C38.031207,22.0521401 37.9895401,22.3021395 37.8437075,22.531306 C37.6978748,22.7604724 37.4895413,22.9063051 37.2187089,22.9688049 C36.9478766,23.0313048 36.6874602,22.9792219 36.4374608,22.8125553 L36.4374608,22.8125553 L30.1874757,18.8125648 C28.7291462,18.0208997 27.3333155,17.8125672 25.9999857,18.1875663 C24.5833221,18.5208985 23.354159,19.2188139 22.3124945,20.2813113 C21.27083,21.3438088 20.5833316,22.5833888 20.2499994,24.0000525 C19.9583331,25.2917164 19.9375001,26.5312964 20.1874996,27.7187936 C20.437499,28.9062908 20.9166648,29.9792052 21.6249961,30.9375359 C22.8749931,32.6041989 23.6249914,34.8333596 23.8749908,37.62502 C24.208323,41.0833447 24.6458219,44.0000048 25.1874876,46.3749991 L25.1874876,46.3749991 L25.6874864,48.499994 C25.7708193,48.958326 25.9895687,49.3229091 26.3437349,49.5937414 C26.697901,49.8645738 27.0937331,49.9999905 27.531232,49.9999905 C27.968731,49.9999905 28.3541471,49.8645738 28.6874793,49.5937414 C29.0208115,49.3229091 29.2499779,48.9791599 29.3749776,48.5624939 L29.3749776,48.5624939 L31.4999726,39.8750146 C31.6666392,39.3333489 31.9791384,38.875017 32.4374703,38.5000179 C32.8958023,38.1250188 33.416635,37.9375192 33.9999666,37.9375192 C34.5832982,37.9375192 35.104131,38.1250188 35.5624629,38.5000179 C36.0207948,38.875017 36.3332941,39.3333489 36.4999607,39.8750146 L36.4999607,39.8750146 L38.6249556,48.5624939 C38.7499553,48.9791599 38.9791217,49.3229091 39.312454,49.5937414 C39.6457862,49.8645738 40.0312022,49.9999905 40.4687012,49.9999905 Z",
-    id: "t",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  })))));
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M28.1548 35.14C28.4576 35.14 28.7315 35.0463 28.9766 34.8589C29.2217 34.6714 29.373 34.4191 29.4307 34.102L29.7767 32.6314C30.1516 30.9879 30.4543 28.9695 30.685 26.5763C30.858 24.6444 31.377 23.1017 32.242 21.9484C32.7322 21.2852 33.0638 20.5427 33.2368 19.7209C33.4098 18.8992 33.3954 18.0413 33.1936 17.1475C32.9629 16.1671 32.4871 15.3093 31.7663 14.574C31.0454 13.8388 30.1948 13.3558 29.2145 13.1251C28.0323 12.8079 26.7491 13.154 25.3651 14.1631C25.2786 14.2208 25.1633 14.2785 25.0191 14.3362L24.8893 14.3794L26.1436 15.2012C26.2878 15.2877 26.3815 15.4246 26.4248 15.6121C26.468 15.7995 26.4392 15.9725 26.3382 16.1311C26.2373 16.2897 26.0932 16.3906 25.9057 16.4338C25.7183 16.4771 25.5381 16.441 25.3651 16.3257L21.04 13.5576C20.0308 13.0098 19.0648 12.8656 18.1421 13.1251C17.1618 13.3558 16.3112 13.8388 15.5903 14.574C14.8695 15.3093 14.3937 16.1671 14.163 17.1475C13.9612 18.0413 13.9468 18.8992 14.1198 19.7209C14.2928 20.5427 14.6244 21.2852 15.1146 21.9484C15.9796 23.1017 16.4986 24.6444 16.6716 26.5763C16.9023 28.9695 17.205 30.9879 17.5799 32.6314L17.9259 34.102C17.9835 34.4191 18.1349 34.6714 18.38 34.8589C18.6251 35.0463 18.899 35.14 19.2018 35.14C19.5046 35.14 19.7713 35.0463 20.0019 34.8589C20.2326 34.6714 20.3912 34.4336 20.4777 34.1452L21.9482 28.1333C22.0636 27.7585 22.2798 27.4413 22.597 27.1818C22.9142 26.9223 23.2746 26.7925 23.6783 26.7925C24.082 26.7925 24.4424 26.9223 24.7596 27.1818C25.0768 27.4413 25.293 27.7585 25.4083 28.1333L26.8789 34.1452C26.9654 34.4336 27.124 34.6714 27.3547 34.8589C27.5853 35.0463 27.852 35.14 28.1548 35.14Z",
+    fill: "#FEFEFE"
+  }));
 };
 
-var AccountElectricIcon = function AccountElectricIcon() {
+var AccountElectricIcon = function AccountElectricIcon(_ref) {
+  var color = _ref.color;
   return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "account-electric-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "account-electric-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "account-electric-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
     fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(-91.000000, -225.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "account-electric-Profile-Obligation-Icon-/-Account---Electric",
-    transform: "translate(98.000000, 230.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#account-electric-filter-2)",
-    xlinkHref: "#account-electric-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#account-electric-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M41.9999619,27.0000453 L41.9999619,20.0000668 C41.9999619,19.4583963 41.8020358,18.9896474 41.4062037,18.5938153 C41.0103717,18.1979833 40.5416228,18.0000668 39.9999619,18.0000668 C39.4582914,18.0000668 38.9895425,18.1979833 38.5937104,18.5938153 C38.1978784,18.9896474 37.9999619,19.4583963 37.9999619,20.0000668 L37.9999619,20.0000668 L37.9999619,27.0000453 L41.9999619,27.0000453 Z M29.9999905,27.0000453 L29.9999905,20.0000668 C29.9999905,19.4583963 29.8020644,18.9896474 29.4062323,18.5938153 C29.0104003,18.1979833 28.5416514,18.0000668 27.9999905,18.0000668 C27.45832,18.0000668 26.9895711,18.1979833 26.593739,18.5938153 C26.197907,18.9896474 25.9999905,19.4583963 25.9999905,20.0000668 L25.9999905,20.0000668 L25.9999905,27.0000453 L29.9999905,27.0000453 Z M35.9999666,49.9999905 L35.9999666,43.8125052 C38.2916281,43.3541733 40.1978736,42.2083421 41.718703,40.3750134 C43.2395324,38.5416848 43.9999475,36.4166898 43.9999475,34.0000286 L43.9999475,34.0000286 L43.9999475,32.0000429 L44.9999452,32.0000429 C45.2916115,32.0000429 45.5311939,31.9062836 45.7186935,31.718784 C45.906193,31.5312845 45.9999428,31.2917021 45.9999428,31.0000429 L45.9999428,31.0000429 L45.9999428,29.0000429 C45.9999428,28.7083742 45.906193,28.4687918 45.7186935,28.2812922 C45.5311939,28.0937927 45.2916115,28.0000429 44.9999452,28.0000429 L44.9999452,28.0000429 L23,28.0000429 C22.7083313,28.0000429 22.4687489,28.0937927 22.2812493,28.2812922 C22.0937498,28.4687918 22,28.7083742 22,29.0000429 L22,29.0000429 L22,31.0000429 C22,31.2917021 22.0937498,31.5312845 22.2812493,31.718784 C22.4687489,31.9062836 22.7083313,32.0000429 23,32.0000429 L23,32.0000429 L24,32.0000429 L24,34.0000286 C24,36.4166898 24.7604104,38.5416848 26.2812398,40.3750134 C27.8020692,42.2083421 29.7083146,43.3541733 31.9999762,43.8125052 L31.9999762,43.8125052 L31.9999762,49.9999905 L35.9999666,49.9999905 Z",
-    id: "p",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  })))));
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M29.8438 19.2297V14.3844C29.8438 14.0094 29.7068 13.685 29.4328 13.411C29.1588 13.137 28.8343 13 28.4594 13C28.0844 13 27.76 13.137 27.486 13.411C27.212 13.685 27.075 14.0094 27.075 14.3844V19.2297H29.8438ZM21.5375 19.2297V14.3844C21.5375 14.0094 21.4005 13.685 21.1265 13.411C20.8525 13.137 20.5281 13 20.1531 13C19.7782 13 19.4537 13.137 19.1797 13.411C18.9057 13.685 18.7687 14.0094 18.7687 14.3844V19.2297H21.5375ZM25.6906 35.15V30.8671C27.2769 30.5498 28.5964 29.7567 29.6491 28.4877C30.7018 27.2187 31.2281 25.7478 31.2281 24.075V22.6906H31.9203C32.1222 22.6906 32.288 22.6257 32.4178 22.4959C32.5476 22.3662 32.6125 22.2003 32.6125 21.9984V20.6141C32.6125 20.4122 32.5476 20.2463 32.4178 20.1166C32.288 19.9868 32.1222 19.9219 31.9203 19.9219H16.6922C16.4903 19.9219 16.3245 19.9868 16.1947 20.1166C16.0649 20.2463 16 20.4122 16 20.6141V21.9984C16 22.2003 16.0649 22.3662 16.1947 22.4959C16.3245 22.6257 16.4903 22.6906 16.6922 22.6906H17.3844V24.075C17.3844 25.7478 17.9107 27.2187 18.9634 28.4877C20.0161 29.7567 21.3356 30.5498 22.9219 30.8671V35.15H25.6906Z",
+    fill: "#FEFEFE"
+  }));
 };
 
-var AccountGarbageIcon = function AccountGarbageIcon() {
+var AccountGarbageIcon = function AccountGarbageIcon(_ref) {
+  var color = _ref.color;
   return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "account-garbage-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "account-garbage-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "account-garbage-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
     fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(-91.000000, -453.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "account-garbage-Profile-Obligation-Icon-/-Account---Trash-pickup",
-    transform: "translate(98.000000, 458.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#account-garbage-filter-2)",
-    xlinkHref: "#account-garbage-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
     fillRule: "evenodd",
-    xlinkHref: "#account-garbage-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M47.249935,24.0000525 C47.4582675,24.0000525 47.6353511,23.9271356 47.7811838,23.781303 C47.9270164,23.6354703 47.9999332,23.4583868 47.9999332,23.2500542 L47.9999332,21.5000668 C47.9999332,21.0833924 47.8541006,20.7292272 47.5624343,20.4375609 C47.270768,20.1458947 46.9166028,20.0000668 46.4999368,20.0000668 L39.4999535,20.0000668 L38.9374548,18.8125648 C38.8124551,18.5625654 38.6249556,18.3646489 38.3749562,18.2188162 C38.1249568,18.0729836 37.8541244,18.0000668 37.5624581,18.0000668 L30.4374751,18.0000668 C30.1458088,18.0000668 29.8749765,18.0729836 29.6249771,18.2188162 C29.3749776,18.3646489 29.1874781,18.5625654 29.0624784,18.8125648 L28.4999797,20.0000668 L21.5,20.0000668 C21.0833304,20.0000668 20.7291652,20.1458947 20.437499,20.4375609 C20.1458327,20.7292272 20,21.0833924 20,21.5000668 L20,23.2500542 C20,23.4583868 20.0729168,23.6354703 20.2187495,23.781303 C20.3645821,23.9271356 20.5416657,24.0000525 20.7499982,24.0000525 L47.249935,24.0000525 Z M42.9999452,49.9999905 C43.8332762,49.9999905 44.5416085,49.7083242 45.1249401,49.1249925 C45.7082717,48.5416609 45.999938,47.8333286 45.999938,46.9999976 L45.999938,26.7500459 C45.999938,26.5417134 45.9270212,26.3646298 45.7811885,26.2187972 C45.6353559,26.0729645 45.4582723,26.0000477 45.2499398,26.0000477 L22.7499934,26.0000477 C22.5416609,26.0000477 22.3645774,26.0729645 22.2187447,26.2187972 C22.072912,26.3646298 21.9999952,26.5417134 21.9999952,26.7500459 L21.9999952,46.9999976 C21.9999952,47.8333286 22.2916615,48.5416609 22.8749931,49.1249925 C23.4583248,49.7083242 24.1666571,49.9999905 24.9999952,49.9999905 L42.9999452,49.9999905 Z M27.9999833,46 C27.7083146,46 27.4687322,45.9062502 27.2812326,45.7187507 C27.0937331,45.5312511 26.9999833,45.2916687 26.9999833,45.0000024 L26.9999833,31.0000381 C26.9999833,30.7083695 27.0937331,30.468787 27.2812326,30.2812875 C27.4687322,30.0937879 27.7083146,30.0000381 27.9999833,30.0000381 C28.2916472,30.0000381 28.5312297,30.0937879 28.7187292,30.2812875 C28.9062288,30.468787 28.9999833,30.7083695 28.9999833,31.0000381 L28.9999833,45.0000024 C28.9999833,45.2916687 28.9062288,45.5312511 28.7187292,45.7187507 C28.5312297,45.9062502 28.2916472,46 27.9999833,46 Z M33.999969,46 C33.7083003,46 33.4687179,45.9062502 33.2812183,45.7187507 C33.0937188,45.5312511 32.999969,45.2916687 32.999969,45.0000024 L32.999969,31.0000381 C32.999969,30.7083695 33.0937188,30.468787 33.2812183,30.2812875 C33.4687179,30.0937879 33.7083003,30.0000381 33.999969,30.0000381 C34.2916329,30.0000381 34.5312154,30.0937879 34.7187149,30.2812875 C34.9062145,30.468787 34.999969,30.7083695 34.999969,31.0000381 L34.999969,45.0000024 C34.999969,45.2916687 34.9062145,45.5312511 34.7187149,45.7187507 C34.5312154,45.9062502 34.2916329,46 33.999969,46 Z M39.9999547,46 C39.708286,46 39.4687036,45.9062502 39.281204,45.7187507 C39.0937045,45.5312511 38.9999547,45.2916687 38.9999547,45.0000024 L38.9999547,31.0000381 C38.9999547,30.7083695 39.0937045,30.468787 39.281204,30.2812875 C39.4687036,30.0937879 39.708286,30.0000381 39.9999547,30.0000381 C40.2916186,30.0000381 40.531201,30.0937879 40.7187006,30.2812875 C40.9062002,30.468787 40.9999547,30.7083695 40.9999547,31.0000381 L40.9999547,45.0000024 C40.9999547,45.2916687 40.9062002,45.5312511 40.7187006,45.7187507 C40.531201,45.9062502 40.2916186,46 39.9999547,46 Z",
-    id: "t",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  })))));
+    clipRule: "evenodd",
+    d: "M33.4179 16.7612C33.5671 16.7612 33.694 16.7089 33.7985 16.6045C33.9029 16.5 33.9552 16.3731 33.9552 16.2239V14.9701C33.9552 14.6716 33.8507 14.4179 33.6417 14.2089C33.4328 14 33.1791 13.8955 32.8806 13.8955H27.8656L27.4627 13.0448C27.3731 12.8657 27.2388 12.7239 27.0597 12.6194C26.8806 12.5149 26.6865 12.4627 26.4776 12.4627H21.3731C21.1642 12.4627 20.9701 12.5149 20.791 12.6194C20.6119 12.7239 20.4776 12.8657 20.388 13.0448L19.9851 13.8955H14.9701C14.6716 13.8955 14.4179 14 14.209 14.2089C14 14.4179 13.8955 14.6716 13.8955 14.9701V16.2239C13.8955 16.3731 13.9478 16.5 14.0522 16.6045C14.1567 16.7089 14.2836 16.7612 14.4328 16.7612H33.4179ZM30.3731 35.388C30.9701 35.388 31.4776 35.179 31.8955 34.7611C32.3134 34.3432 32.5223 33.8358 32.5223 33.2388V18.7313C32.5223 18.5821 32.4701 18.4552 32.3656 18.3507C32.2611 18.2463 32.1343 18.194 31.985 18.194H15.8657C15.7164 18.194 15.5895 18.2463 15.4851 18.3507C15.3806 18.4552 15.3284 18.5821 15.3284 18.7313V33.2388C15.3284 33.8358 15.5373 34.3432 15.9552 34.7611C16.3731 35.179 16.8806 35.388 17.4776 35.388H30.3731ZM19.1119 32.3208C19.2463 32.4552 19.4179 32.5223 19.6269 32.5223C19.8358 32.5223 20.0074 32.4552 20.1418 32.3208C20.2761 32.1865 20.3433 32.0149 20.3433 31.8059V21.7761C20.3433 21.5671 20.2761 21.3955 20.1418 21.2612C20.0074 21.1268 19.8358 21.0597 19.6269 21.0597C19.4179 21.0597 19.2463 21.1268 19.1119 21.2612C18.9776 21.3955 18.9104 21.5671 18.9104 21.7761V31.8059C18.9104 32.0149 18.9776 32.1865 19.1119 32.3208ZM23.9254 32.5223C23.7164 32.5223 23.5448 32.4552 23.4104 32.3208C23.2761 32.1865 23.2089 32.0149 23.2089 31.8059V21.7761C23.2089 21.5671 23.2761 21.3955 23.4104 21.2612C23.5448 21.1268 23.7164 21.0597 23.9254 21.0597C24.1343 21.0597 24.3059 21.1268 24.4403 21.2612C24.5746 21.3955 24.6418 21.5671 24.6418 21.7761V31.8059C24.6418 32.0149 24.5746 32.1865 24.4403 32.3208C24.3059 32.4552 24.1343 32.5223 23.9254 32.5223ZM27.7089 32.3208C27.8433 32.4552 28.0149 32.5223 28.2238 32.5223C28.4328 32.5223 28.6044 32.4552 28.7388 32.3208C28.8731 32.1865 28.9403 32.0149 28.9403 31.8059V21.7761C28.9403 21.5671 28.8731 21.3955 28.7388 21.2612C28.6044 21.1268 28.4328 21.0597 28.2238 21.0597C28.0149 21.0597 27.8433 21.1268 27.7089 21.2612C27.5746 21.3955 27.5074 21.5671 27.5074 21.7761V31.8059C27.5074 32.0149 27.5746 32.1865 27.7089 32.3208Z",
+    fill: "#FEFEFE"
+  }));
 };
 
-var AccountGasIcon = function AccountGasIcon() {
+var AccountGasIcon = function AccountGasIcon(_ref) {
+  var color = _ref.color;
   return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "account-gas-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "account-gas-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "account-gas-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
     fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(-91.000000, -339.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "account-gas-Profile-Obligation-Icon-/-Account---Gas",
-    transform: "translate(98.000000, 344.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#account-gas-filter-2)",
-    xlinkHref: "#account-gas-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#account-gas-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M33.9999714,49.9999905 C36.1666332,49.9999905 38.1666284,49.4583248 39.9999571,48.3749943 C41.8332857,47.2916639 43.2916162,45.8333334 44.3749467,44.0000048 C45.4582771,42.1666761 45.9999428,40.1666809 45.9999428,38.0000191 C45.9999428,36.1666904 45.6874435,34.4583605 45.062445,32.8750313 C44.5207793,31.6250343 43.7291152,30.3958702 42.6874507,29.1875401 C42.0624522,28.4792088 41.0832875,27.5000441 39.7499577,26.2500471 C38.2916281,24.9167173 37.3124635,23.8750528 36.8124647,23.1250545 C35.9374668,21.9583903 35.4999678,20.7500602 35.4999678,19.5000632 C35.4999678,19.0000644 35.3333012,18.6146483 34.999969,18.3438159 C34.6666368,18.0729836 34.2708038,17.9583999 33.8124718,18.0000668 C33.3541399,18.0417336 32.9999738,18.2708991 32.7499744,18.6875651 C31.1666451,20.9375598 30.2708133,22.937555 30.0624808,24.6875508 C29.8541483,26.1042144 30.1041477,27.3958774 30.812479,28.5625416 C31.229145,29.2708729 32.041643,30.2083707 33.2499732,31.3750349 C34.166638,32.2916997 34.7916365,33.000031 35.1249687,33.5000298 C35.7083003,34.2916949 35.9999666,35.1250259 35.9999666,36.0000238 C35.9999666,37.1250212 35.6041345,38.0729359 34.8124695,38.8437671 C34.0208044,39.6145982 33.0728906,40.0000143 31.9687262,40.0000143 C30.8645619,40.0000143 29.9270641,39.6041822 29.1562329,38.8125171 C28.3854018,38.020852 27.9999857,37.0625213 27.9999857,35.937524 L27.9999857,35.937524 L27.9999857,30.6250367 C27.9999857,30.1667047 27.854153,29.8021216 27.5624867,29.5312893 C27.2708204,29.2604569 26.9166553,29.1146233 26.4999893,29.0937903 C26.0833233,29.0729573 25.7291581,29.229207 25.4374918,29.5625392 C24.4791611,30.5625368 23.687496,31.729201 23.0624975,33.0625308 C22.3541661,34.6458601 22,36.2916901 22,38.0000191 C22,40.1666809 22.5416657,42.1666761 23.6249961,44.0000048 C24.7083266,45.8333334 26.1666571,47.2916639 27.9999857,48.3749943 C29.8333143,49.4583248 31.8333096,49.9999905 33.9999714,49.9999905 Z",
-    id: "f",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  })))));
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M23.9253 35.394C25.4776 35.394 26.9104 35.0059 28.2238 34.2298C29.5373 33.4537 30.5821 32.4089 31.3582 31.0955C32.1343 29.7821 32.5223 28.3492 32.5223 26.797C32.5223 25.4836 32.2985 24.2597 31.8507 23.1254C31.4626 22.2298 30.8955 21.3493 30.1492 20.4836C29.7015 19.9761 29 19.2746 28.0447 18.3791C27 17.4239 26.2985 16.6776 25.9403 16.1403C25.3134 15.3045 25 14.4388 25 13.5433C25 13.1851 24.8806 12.909 24.6418 12.7149C24.403 12.5209 24.1194 12.4388 23.791 12.4687C23.4627 12.4985 23.2089 12.6627 23.0298 12.9612C21.8955 14.5732 21.2537 16.006 21.1045 17.2597C20.9552 18.2746 21.1343 19.2 21.6418 20.0358C21.9403 20.5433 22.5224 21.2149 23.388 22.0507C24.0448 22.7075 24.4925 23.2149 24.7313 23.5731C25.1492 24.1403 25.3582 24.7373 25.3582 25.3642C25.3582 26.1701 25.0746 26.8492 24.5074 27.4015C23.9403 27.9537 23.2612 28.2298 22.4701 28.2298C21.6791 28.2298 21.0074 27.9463 20.4552 27.3791C19.903 26.8119 19.6269 26.1254 19.6269 25.3194V25.3194V21.5134C19.6269 21.1851 19.5224 20.9239 19.3134 20.7299C19.1045 20.5358 18.8507 20.4313 18.5522 20.4164C18.2537 20.4015 18 20.5134 17.791 20.7522C17.1045 21.4687 16.5373 22.3045 16.0895 23.2597C15.5821 24.394 15.3284 25.5731 15.3284 26.797C15.3284 28.3492 15.7164 29.7821 16.4925 31.0955C17.2686 32.4089 18.3134 33.4537 19.6269 34.2298C20.9403 35.0059 22.3731 35.394 23.9253 35.394Z",
+    fill: "#FEFEFE"
+  }));
 };
 
-var AccountMedicalIcon = function AccountMedicalIcon() {
+var AccountMedicalIcon = function AccountMedicalIcon(_ref) {
+  var color = _ref.color;
   return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "account-medical-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "account-medical-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "account-medical-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
     fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(-91.000000, -110.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "account-medical-Profile-Obligation-Icon-/-Account---Medical",
-    transform: "translate(98.000000, 115.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#account-medical-filter-2)",
-    xlinkHref: "#account-medical-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
     fillRule: "evenodd",
-    xlinkHref: "#account-medical-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M45.9999428,26.0000477 L45.9999428,25.6250486 C45.9999428,25.2083826 45.8541101,24.8542174 45.5624438,24.5625511 L45.5624438,24.5625511 L39.4374584,18.4375657 C39.1457921,18.1458994 38.791627,18.0000668 38.374961,18.0000668 L38.374961,18.0000668 L37.9999619,18.0000668 L37.9999619,26.0000477 L45.9999428,26.0000477 Z M44.4999464,49.9999905 C44.9166123,49.9999905 45.2707775,49.8541578 45.5624438,49.5624915 C45.8541101,49.2708252 45.9999428,48.91666 45.9999428,48.499994 L45.9999428,48.499994 L45.9999428,28.0000429 L37.499963,28.0000429 C37.0832971,28.0000429 36.7291319,27.8542102 36.4374656,27.562544 C36.1457993,27.2708777 35.9999666,26.9167125 35.9999666,26.5000465 L35.9999666,26.5000465 L35.9999666,18.0000668 L23.5,18.0000668 C23.0833304,18.0000668 22.7291652,18.1458994 22.437499,18.4375657 C22.1458327,18.729232 22,19.0833972 22,19.5000668 L22,19.5000668 L22,48.499994 C22,48.91666 22.1458327,49.2708252 22.437499,49.5624915 C22.7291652,49.8541578 23.0833304,49.9999905 23.5,49.9999905 L23.5,49.9999905 L44.4999464,49.9999905 Z M35.4999678,44.0000048 L32.499975,44.0000048 C32.3749753,44.0000048 32.2603925,43.9479219 32.1562258,43.8437551 C32.052059,43.7395884 31.9999857,43.6250057 31.9999857,43.500006 L31.9999857,43.500006 L31.9999857,40.0000143 L28.4999857,40.0000143 C28.3749848,40.0000143 28.2604021,39.9479314 28.1562353,39.8437647 C28.0520686,39.7395979 27.9999857,39.6250152 27.9999857,39.5000155 L27.9999857,39.5000155 L27.9999857,36.5000226 C27.9999857,36.3750229 28.0520686,36.2604402 28.1562353,36.1562735 C28.2604021,36.0521067 28.3749848,36.0000334 28.4999857,36.0000334 L28.4999857,36.0000334 L31.9999857,36.0000334 L31.9999857,32.5000334 C31.9999857,32.3750325 32.052059,32.2604497 32.1562258,32.156283 C32.2603925,32.0521163 32.3749753,32.0000334 32.499975,32.0000334 L32.499975,32.0000334 L35.4999678,32.0000334 C35.6249675,32.0000334 35.7395503,32.0521163 35.843717,32.156283 C35.9478837,32.2604497 35.9999666,32.3750325 35.9999666,32.5000334 L35.9999666,32.5000334 L35.9999666,36.0000334 L39.4999583,36.0000334 C39.624958,36.0000334 39.7395407,36.0521067 39.8437075,36.1562735 C39.9478742,36.2604402 39.9999571,36.3750229 39.9999571,36.5000226 L39.9999571,36.5000226 L39.9999571,39.5000155 C39.9999571,39.6250152 39.9478742,39.7395979 39.8437075,39.8437647 C39.7395407,39.9479314 39.624958,40.0000143 39.4999583,40.0000143 L39.4999583,40.0000143 L35.9999666,40.0000143 L35.9999666,43.500006 C35.9999666,43.6250057 35.9478837,43.7395884 35.843717,43.8437551 C35.7395503,43.9479219 35.6249675,44.0000048 35.4999678,44.0000048 L35.4999678,44.0000048 Z",
-    id: "f",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  })))));
+    clipRule: "evenodd",
+    d: "M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4063 32.8906 17.1406 32.6718 16.9219L28.0781 12.3281C27.8593 12.1094 27.5937 12 27.2812 12H27V18H33ZM22.875 31.5H25.125C25.2187 31.5 25.3047 31.4609 25.3828 31.3828C25.4609 31.3047 25.5 31.2188 25.5 31.125V28.5H28.125C28.2187 28.5 28.3047 28.4609 28.3828 28.3828C28.4609 28.3047 28.5 28.2188 28.5 28.125V25.875C28.5 25.7812 28.4609 25.6953 28.3828 25.6172C28.3047 25.5391 28.2187 25.5 28.125 25.5H25.5V22.875C25.5 22.7812 25.4609 22.6953 25.3828 22.6172C25.3047 22.5391 25.2187 22.5 25.125 22.5H22.875C22.7812 22.5 22.6953 22.5391 22.6172 22.6172C22.539 22.6953 22.5 22.7812 22.5 22.875V25.5H19.875C19.7812 25.5 19.6953 25.5391 19.6172 25.6172C19.539 25.6953 19.5 25.7812 19.5 25.875V28.125C19.5 28.2188 19.539 28.3047 19.6172 28.3828C19.6953 28.4609 19.7812 28.5 19.875 28.5H22.5V31.125C22.5 31.2188 22.539 31.3047 22.6172 31.3828C22.6953 31.4609 22.7812 31.5 22.875 31.5Z",
+    fill: "#FEFEFE"
+  }));
 };
 
-var AccountWaterIcon = function AccountWaterIcon() {
+var AccountWaterIcon = function AccountWaterIcon(_ref) {
+  var color = _ref.color;
   return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "account-water-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "account-water-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "account-water-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
     fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(-91.000000, -567.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "account-water-Profile-Obligation-Icon-/-Account---Water",
-    transform: "translate(98.000000, 572.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#account-water-filter-2)",
-    xlinkHref: "#account-water-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
     fillRule: "evenodd",
-    xlinkHref: "#account-water-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M33.9999738,49.9999905 C35.999969,49.9999905 37.8437146,49.4999917 39.5312106,48.499994 C41.2187066,47.4999964 42.5520364,46.1458327 43.531201,44.4375037 C44.5103657,42.7291748 44.9999475,40.8750122 44.9999475,38.875017 C44.9999475,37.208354 44.6249484,35.6041918 43.8749502,34.0625285 C43.4166183,33.1041977 42.5416204,31.6979511 41.2499565,29.8437885 C39.9582926,27.989626 38.9999619,26.5000465 38.3749633,25.3750492 C37.2916329,23.4583868 36.437468,21.4583915 35.8124695,19.3750635 C35.6458029,18.7917319 35.3020537,18.3854828 34.7812219,18.1563164 C34.2603901,17.9271499 33.7395574,17.9271499 33.2187256,18.1563164 C32.6978939,18.3854828 32.3541447,18.7917319 32.1874781,19.3750635 C31.5624796,21.4583915 30.7291486,23.4375538 29.6874841,25.3125493 C29.0208187,26.4375466 28.041655,27.9375431 26.7499911,29.8125386 C25.4583272,31.6875341 24.5833292,33.1041977 24.1249973,34.0625285 C23.3749991,35.6458577 23,37.2500209 23,38.875017 C23,40.8750122 23.4895818,42.7291748 24.4687465,44.4375037 C25.4479111,46.1458327 26.781241,47.4999964 28.468737,48.499994 C30.1562329,49.4999917 31.9999785,49.9999905 33.9999738,49.9999905 Z M33.9999738,46 C32.7499768,46 31.5833126,45.6875007 30.4999905,45.0625022 C29.4166517,44.4375037 28.5624867,43.5833388 27.9374882,42.5000083 C27.3124897,41.4166779 26.9999905,40.2500137 26.9999905,39.0000191 C26.9999905,38.7083504 27.0937402,38.468768 27.2812398,38.2812684 C27.4687393,38.0937688 27.7083218,38.0000191 27.9999905,38.0000191 C28.2916544,38.0000191 28.5312368,38.0937688 28.7187364,38.2812684 C28.9062359,38.468768 28.9999905,38.7083504 28.9999905,39.0000191 C28.9999905,40.3750134 29.4895675,41.5520936 30.4687322,42.5312583 C31.4478968,43.5104229 32.6249771,44.0000048 33.9999738,44.0000048 C34.2916401,44.0000048 34.5312225,44.0937545 34.7187221,44.2812541 C34.9062216,44.4687537 34.9999714,44.7083361 34.9999714,45.0000024 C34.9999714,45.2916687 34.9062216,45.5312511 34.7187221,45.7187507 C34.5312225,45.9062502 34.2916401,46 33.9999738,46 Z",
-    id: "t",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  })))));
+    clipRule: "evenodd",
+    d: "M27.9627 35.3015C26.7537 36.0805 25.4328 36.47 24 36.47C22.5672 36.47 21.2463 36.0805 20.0373 35.3015C18.8284 34.5225 17.8731 33.4676 17.1717 32.1368C16.4702 30.8061 16.1194 29.3617 16.1194 27.8037C16.1194 26.5378 16.3881 25.2882 16.9254 24.0548C17.2537 23.3082 17.8806 22.2047 18.806 20.744C19.7313 19.2834 20.4328 18.1149 20.9104 17.2386C21.6567 15.778 22.2537 14.2362 22.7015 12.6133C22.8209 12.1589 23.0672 11.8424 23.4403 11.6639C23.8134 11.4854 24.1866 11.4854 24.5597 11.6639C24.9328 11.8424 25.1791 12.1589 25.2985 12.6133C25.7463 14.2362 26.3582 15.7942 27.1343 17.2873C27.5821 18.1636 28.2686 19.324 29.194 20.7684C30.1194 22.2128 30.7462 23.3082 31.0746 24.0548C31.6119 25.2557 31.8806 26.5054 31.8806 27.8037C31.8806 29.3617 31.5298 30.8061 30.8283 32.1368C30.1268 33.4676 29.1716 34.5225 27.9627 35.3015ZM21.4925 32.6237C22.2686 33.1106 23.1045 33.354 24 33.354C24.2089 33.354 24.3806 33.281 24.5149 33.1349C24.6492 32.9889 24.7164 32.8022 24.7164 32.575C24.7164 32.3478 24.6492 32.1612 24.5149 32.0151C24.3806 31.8691 24.2089 31.796 24 31.796C23.0149 31.796 22.1716 31.4146 21.4701 30.6519C20.7687 29.8891 20.4179 28.9722 20.4179 27.9011C20.4179 27.6739 20.3507 27.4872 20.2164 27.3412C20.0821 27.1951 19.9104 27.1221 19.7015 27.1221C19.4925 27.1221 19.3209 27.1951 19.1866 27.3412C19.0522 27.4872 18.9851 27.6739 18.9851 27.9011C18.9851 28.8748 19.209 29.7836 19.6567 30.6275C20.1045 31.4715 20.7164 32.1368 21.4925 32.6237Z",
+    fill: "#FEFEFE"
+  }));
 };
 
-var PropertyApartmentIcon = function PropertyApartmentIcon() {
+var PropertyApartmentIcon = function PropertyApartmentIcon(_ref) {
+  var color = _ref.color;
   return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "apt-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "apt-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "apt-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
     fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(7.000000, -456.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Potentail-future-property",
-    transform: "translate(0.000000, 231.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "apt-Profile-Obligation-Icon-/-Property---02-Apt-or-Condo",
-    transform: "translate(0.000000, 230.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#apt-filter-2)",
-    xlinkHref: "#apt-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#apt-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M47.9999332,49.9999905 L47.9999332,48.7499934 C47.9999332,48.5416609 47.9270164,48.3645774 47.7811838,48.2187447 C47.6353511,48.072912 47.4582675,47.9999952 47.249935,47.9999952 L47.249935,47.9999952 L45.999938,47.9999952 L45.999938,19.5000668 C45.999938,19.0833972 45.8541053,18.729232 45.5624391,18.4375657 C45.2707728,18.1458994 44.9166076,18.0000668 44.4999416,18.0000668 L44.4999416,18.0000668 L23.5,18.0000668 C23.0833257,18.0000668 22.7291605,18.1458994 22.4374942,18.4375657 C22.1458279,18.729232 22,19.0833972 22,19.5000668 L22,19.5000668 L22,47.9999952 L20.7499982,47.9999952 C20.5416657,47.9999952 20.3645821,48.072912 20.2187495,48.2187447 C20.0729168,48.3645774 20,48.5416609 20,48.7499934 L20,48.7499934 L20,49.9999905 L47.9999332,49.9999905 Z M31.2499732,26.0000572 L28.7499791,26.0000572 C28.5416466,26.0000572 28.3645631,25.9271309 28.2187304,25.7812982 C28.0728977,25.6354655 27.9999809,25.458382 27.9999809,25.2500495 L27.9999809,25.2500495 L27.9999809,22.7500554 C27.9999809,22.5417229 28.0728977,22.3646394 28.2187304,22.2188067 C28.3645631,22.072974 28.5416466,22.0000572 28.7499791,22.0000572 L28.7499791,22.0000572 L31.2499732,22.0000572 C31.4583057,22.0000572 31.6353892,22.072974 31.7812219,22.2188067 C31.9270546,22.3646394 31.9999809,22.5417229 31.9999809,22.7500554 L31.9999809,22.7500554 L31.9999809,25.2500495 C31.9999809,25.458382 31.9270546,25.6354655 31.7812219,25.7812982 C31.6353892,25.9271309 31.4583057,26.0000572 31.2499732,26.0000572 L31.2499732,26.0000572 Z M39.2499541,26.0000572 L36.7499601,26.0000572 C36.5416275,26.0000572 36.364544,25.9271309 36.2187113,25.7812982 C36.0728787,25.6354655 35.9999619,25.458382 35.9999619,25.2500495 L35.9999619,25.2500495 L35.9999619,22.7500554 C35.9999619,22.5417229 36.0728787,22.3646394 36.2187113,22.2188067 C36.364544,22.072974 36.5416275,22.0000572 36.7499601,22.0000572 L36.7499601,22.0000572 L39.2499541,22.0000572 C39.4582866,22.0000572 39.6353702,22.072974 39.7812028,22.2188067 C39.9270355,22.3646394 39.9999619,22.5417229 39.9999619,22.7500554 L39.9999619,22.7500554 L39.9999619,25.2500495 C39.9999619,25.458382 39.9270355,25.6354655 39.7812028,25.7812982 C39.6353702,25.9271309 39.4582866,26.0000572 39.2499541,26.0000572 L39.2499541,26.0000572 Z M31.2499732,32.0000429 L28.7499791,32.0000429 C28.5416466,32.0000429 28.3645631,31.9271166 28.2187304,31.7812839 C28.0728977,31.6354512 27.9999809,31.4583677 27.9999809,31.2500352 L27.9999809,31.2500352 L27.9999809,28.7500411 C27.9999809,28.5417086 28.0728977,28.3646251 28.2187304,28.2187924 C28.3645631,28.0729597 28.5416466,28.0000429 28.7499791,28.0000429 L28.7499791,28.0000429 L31.2499732,28.0000429 C31.4583057,28.0000429 31.6353892,28.0729597 31.7812219,28.2187924 C31.9270546,28.3646251 31.9999809,28.5417086 31.9999809,28.7500411 L31.9999809,28.7500411 L31.9999809,31.2500352 C31.9999809,31.4583677 31.9270546,31.6354512 31.7812219,31.7812839 C31.6353892,31.9271166 31.4583057,32.0000429 31.2499732,32.0000429 L31.2499732,32.0000429 Z M39.2499541,32.0000429 L36.7499601,32.0000429 C36.5416275,32.0000429 36.364544,31.9271166 36.2187113,31.7812839 C36.0728787,31.6354512 35.9999619,31.4583677 35.9999619,31.2500352 L35.9999619,31.2500352 L35.9999619,28.7500411 C35.9999619,28.5417086 36.0728787,28.3646251 36.2187113,28.2187924 C36.364544,28.0729597 36.5416275,28.0000429 36.7499601,28.0000429 L36.7499601,28.0000429 L39.2499541,28.0000429 C39.4582866,28.0000429 39.6353702,28.0729597 39.7812028,28.2187924 C39.9270355,28.3646251 39.9999619,28.5417086 39.9999619,28.7500411 L39.9999619,28.7500411 L39.9999619,31.2500352 C39.9999619,31.4583677 39.9270355,31.6354512 39.7812028,31.7812839 C39.6353702,31.9271166 39.4582866,32.0000429 39.2499541,32.0000429 L39.2499541,32.0000429 Z M31.2499732,38.0000286 L28.7499791,38.0000286 C28.5416466,38.0000286 28.3645631,37.9271023 28.2187304,37.7812696 C28.0728977,37.6354369 27.9999809,37.4583534 27.9999809,37.2500209 L27.9999809,37.2500209 L27.9999809,34.7500268 C27.9999809,34.5416943 28.0728977,34.3646108 28.2187304,34.2187781 C28.3645631,34.0729454 28.5416466,34.0000286 28.7499791,34.0000286 L28.7499791,34.0000286 L31.2499732,34.0000286 C31.4583057,34.0000286 31.6353892,34.0729454 31.7812219,34.2187781 C31.9270546,34.3646108 31.9999809,34.5416943 31.9999809,34.7500268 L31.9999809,34.7500268 L31.9999809,37.2500209 C31.9999809,37.4583534 31.9270546,37.6354369 31.7812219,37.7812696 C31.6353892,37.9271023 31.4583057,38.0000286 31.2499732,38.0000286 L31.2499732,38.0000286 Z M39.2499541,38.0000286 L36.7499601,38.0000286 C36.5416275,38.0000286 36.364544,37.9271023 36.2187113,37.7812696 C36.0728787,37.6354369 35.9999619,37.4583534 35.9999619,37.2500209 L35.9999619,37.2500209 L35.9999619,34.7500268 C35.9999619,34.5416943 36.0728787,34.3646108 36.2187113,34.2187781 C36.364544,34.0729454 36.5416275,34.0000286 36.7499601,34.0000286 L36.7499601,34.0000286 L39.2499541,34.0000286 C39.4582866,34.0000286 39.6353702,34.0729454 39.7812028,34.2187781 C39.9270355,34.3646108 39.9999619,34.5416943 39.9999619,34.7500268 L39.9999619,34.7500268 L39.9999619,37.2500209 C39.9999619,37.4583534 39.9270355,37.6354369 39.7812028,37.7812696 C39.6353702,37.9271023 39.4582866,38.0000286 39.2499541,38.0000286 L39.2499541,38.0000286 Z M35.9999714,47.9999952 L31.9999714,47.9999952 L31.9999714,42.7500077 C31.9999714,42.5416752 32.0728882,42.3645917 32.2187209,42.218759 C32.3645535,42.0729263 32.5416371,42.0000095 32.7499696,42.0000095 L32.7499696,42.0000095 L35.2499636,42.0000095 C35.4582962,42.0000095 35.6353797,42.0729263 35.7812124,42.218759 C35.927045,42.3645917 35.9999714,42.5416752 35.9999714,42.7500077 L35.9999714,42.7500077 L35.9999714,47.9999952 Z",
-    id: "b",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))))));
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M33.3812 35.15V34.2848C33.3812 34.1406 33.3308 34.018 33.2298 33.917C33.1289 33.8161 33.0063 33.7656 32.8621 33.7656H31.9969V14.0383C31.9969 13.7499 31.8959 13.5047 31.694 13.3028C31.4922 13.1009 31.247 13 30.9586 13H16.4227C16.1342 13 15.8891 13.1009 15.6872 13.3028C15.4853 13.5047 15.3844 13.7499 15.3844 14.0383V33.7656H14.5191C14.3749 33.7656 14.2524 33.8161 14.1514 33.917C14.0505 34.018 14 34.1406 14 34.2848V35.15H33.3812ZM21.7871 18.5375H20.0566C19.9124 18.5375 19.7899 18.487 19.6889 18.3861C19.588 18.2851 19.5375 18.1626 19.5375 18.0184V16.2879C19.5375 16.1437 19.588 16.0211 19.6889 15.9202C19.7899 15.8192 19.9124 15.7687 20.0566 15.7687H21.7871C21.9313 15.7687 22.0539 15.8192 22.1548 15.9202C22.2558 16.0211 22.3063 16.1437 22.3063 16.2879V18.0184C22.3063 18.1626 22.2558 18.2851 22.1548 18.3861C22.0539 18.487 21.9313 18.5375 21.7871 18.5375ZM27.3246 18.5375H25.5941C25.4499 18.5375 25.3274 18.487 25.2264 18.3861C25.1255 18.2851 25.075 18.1626 25.075 18.0184V16.2879C25.075 16.1437 25.1255 16.0211 25.2264 15.9202C25.3274 15.8192 25.4499 15.7687 25.5941 15.7687H27.3246C27.4688 15.7687 27.5914 15.8192 27.6923 15.9202C27.7933 16.0211 27.8438 16.1437 27.8438 16.2879V18.0184C27.8438 18.1626 27.7933 18.2851 27.6923 18.3861C27.5914 18.487 27.4688 18.5375 27.3246 18.5375ZM21.7871 22.6906H20.0566C19.9124 22.6906 19.7899 22.6402 19.6889 22.5392C19.588 22.4383 19.5375 22.3157 19.5375 22.1715V20.441C19.5375 20.2968 19.588 20.1742 19.6889 20.0733C19.7899 19.9723 19.9124 19.9219 20.0566 19.9219H21.7871C21.9313 19.9219 22.0539 19.9723 22.1548 20.0733C22.2558 20.1742 22.3063 20.2968 22.3063 20.441V22.1715C22.3063 22.3157 22.2558 22.4383 22.1548 22.5392C22.0539 22.6402 21.9313 22.6906 21.7871 22.6906ZM27.3246 22.6906H25.5941C25.4499 22.6906 25.3274 22.6402 25.2264 22.5392C25.1255 22.4383 25.075 22.3157 25.075 22.1715V20.441C25.075 20.2968 25.1255 20.1742 25.2264 20.0733C25.3274 19.9723 25.4499 19.9219 25.5941 19.9219H27.3246C27.4688 19.9219 27.5914 19.9723 27.6923 20.0733C27.7933 20.1742 27.8438 20.2968 27.8438 20.441V22.1715C27.8438 22.3157 27.7933 22.4383 27.6923 22.5392C27.5914 22.6402 27.4688 22.6906 27.3246 22.6906ZM21.7871 26.8438H20.0566C19.9124 26.8438 19.7899 26.7933 19.6889 26.6923C19.588 26.5914 19.5375 26.4688 19.5375 26.3246V24.5941C19.5375 24.4499 19.588 24.3274 19.6889 24.2264C19.7899 24.1255 19.9124 24.075 20.0566 24.075H21.7871C21.9313 24.075 22.0539 24.1255 22.1548 24.2264C22.2558 24.3274 22.3063 24.4499 22.3063 24.5941V26.3246C22.3063 26.4688 22.2558 26.5914 22.1548 26.6923C22.0539 26.7933 21.9313 26.8438 21.7871 26.8438ZM27.3246 26.8438H25.5941C25.4499 26.8438 25.3274 26.7933 25.2264 26.6923C25.1255 26.5914 25.075 26.4688 25.075 26.3246V24.5941C25.075 24.4499 25.1255 24.3274 25.2264 24.2264C25.3274 24.1255 25.4499 24.075 25.5941 24.075H27.3246C27.4688 24.075 27.5914 24.1255 27.6923 24.2264C27.7933 24.3274 27.8438 24.4499 27.8438 24.5941V26.3246C27.8438 26.4688 27.7933 26.5914 27.6923 26.6923C27.5914 26.7933 27.4688 26.8438 27.3246 26.8438ZM25.075 33.7656H22.3063V30.1316C22.3063 29.9874 22.3567 29.8649 22.4577 29.7639C22.5586 29.663 22.6812 29.6125 22.8254 29.6125H24.5559C24.7001 29.6125 24.8226 29.663 24.9236 29.7639C25.0245 29.8649 25.075 29.9874 25.075 30.1316V33.7656Z",
+    fill: "#FEFEFE"
+  }));
 };
 
 var PropertyBusinessIcon = function PropertyBusinessIcon() {
   return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "property-business-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "property-business-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "PropertyBusiness",
-    stroke: "none",
-    strokeWidth: "1",
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
     fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "PropertyBusinessIcon",
-    transform: "translate(7.000000, 5.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-5"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#property-business-filter-2)",
-    xlinkHref: "#property-business-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: "#3B5BDB"
+  }), /*#__PURE__*/React__default.createElement("path", {
     fillRule: "evenodd",
-    xlinkHref: "#property-business-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M48.4999273,47.9999952 C48.9165933,47.9999952 49.2707585,47.8541626 49.5624247,47.5624963 C49.854091,47.27083 49.9999237,46.9166648 49.9999237,46.4999988 L49.9999237,46.4999988 L49.9999237,29.5000393 C49.9999237,28.9167077 49.7395073,28.4792088 49.2186756,28.1875425 C48.6978438,27.8958762 48.187428,27.9167101 47.6874292,28.2500423 L47.6874292,28.2500423 L38.9999499,33.7500292 L38.9999499,29.5000393 C38.9999499,28.9167077 38.7395336,28.4792088 38.2187018,28.1875425 C37.69787,27.8958762 37.1874543,27.9167101 36.6874554,28.2500423 L36.6874554,28.2500423 L27.9999762,33.7500292 L27.9999762,21.500062 C27.9999762,21.0833924 27.8541435,20.7292272 27.5624772,20.4375609 C27.2708109,20.1458947 26.9166457,20.000062 26.4999797,20.000062 L26.4999797,20.000062 L19.5,20.000062 C19.0833304,20.000062 18.7291652,20.1458947 18.437499,20.4375609 C18.1458327,20.7292272 18,21.0833924 18,21.500062 L18,21.500062 L18,46.4999988 C18,46.9166648 18.1458327,47.27083 18.437499,47.5624963 C18.7291652,47.8541626 19.0833304,47.9999952 19.5,47.9999952 L19.5,47.9999952 L48.4999273,47.9999952 Z",
-    id: "i",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))));
+    clipRule: "evenodd",
+    d: "M16.3134 14.209V16H14.0746V14.209H16.3134ZM16.3134 14.209H18.5522C18.8507 14.209 19.1045 14.3134 19.3134 14.5224C19.5224 14.7313 19.6269 14.9851 19.6269 15.2836V24.0597L25.8507 20.1194C26.2089 19.8806 26.5746 19.8657 26.9477 20.0746C27.3209 20.2836 27.5074 20.597 27.5074 21.0149V24.0597L33.7313 20.1194C34.0895 19.8806 34.4552 19.8657 34.8283 20.0746C35.2014 20.2836 35.388 20.597 35.388 21.0149V33.194C35.388 33.4925 35.2835 33.7462 35.0746 33.9552C34.8656 34.1641 34.6119 34.2686 34.3134 34.2686H13.5373C13.2388 34.2686 12.9851 34.1641 12.7761 33.9552C12.5672 33.7462 12.4627 33.4925 12.4627 33.194V15.2836C12.4627 14.9851 12.5672 14.7313 12.7761 14.5224C12.9851 14.3134 13.2388 14.209 13.5373 14.209H14.0746V13.8955H16.3134V14.209Z",
+    fill: "#FEFEFE"
+  }));
 };
 
 var PropertyCarIcon = function PropertyCarIcon() {
   return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "car-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "car-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "car-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
     fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(7.000000, -686.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Potentail-future-property",
-    transform: "translate(0.000000, 231.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "car-Profile-Obligation-Icon-/-Property---Private-Car",
-    transform: "translate(0.000000, 460.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#car-filter-2)",
-    xlinkHref: "#car-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#car-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M23.9999857,46 C24.5416514,46 25.0104003,45.8020835 25.4062323,45.4062514 C25.8020644,45.0104193 25.9999809,44.5416705 25.9999809,44.0000048 L25.9999809,44.0000048 L25.9999809,42.0000095 L41.9999428,42.0000095 L41.9999428,44.0000048 C41.9999428,44.5416705 42.1978593,45.0104193 42.5936914,45.4062514 C42.9895234,45.8020835 43.4582723,46 43.999938,46 L43.999938,46 L45.9999332,46 C46.5415989,46 47.0103478,45.8020835 47.4061799,45.4062514 C47.802012,45.0104193 47.9999285,44.5416705 47.9999285,44.0000048 L47.9999285,44.0000048 L47.9999285,40.6250128 C48.6665939,39.8750146 48.9999261,39.0000167 48.9999261,38.0000191 L48.9999261,38.0000191 L48.9999261,35.0000262 C48.9999261,33.7916961 48.5415942,32.7916985 47.6249294,32.0000334 L47.6249294,32.0000334 L48.8749264,32.0000334 C49.041593,32.0000334 49.1978426,31.9479505 49.3436753,31.8437838 C49.4895079,31.739617 49.5832577,31.6042013 49.6249246,31.4375347 L49.6249246,31.4375347 L49.9999237,29.9375383 C50.0415906,29.6875389 49.9895067,29.4687894 49.8436741,29.2812899 C49.6978414,29.0937903 49.4999249,29.0000405 49.2499255,29.0000405 L49.2499255,29.0000405 L45.4999344,29.0000405 L44.437437,26.3750468 C43.9374382,25.041717 43.0936902,23.9792195 41.906193,23.1875544 C40.7186958,22.3958893 39.395782,22.0000572 37.9374525,22.0000572 L37.9374525,22.0000572 L30.0624712,22.0000572 C28.6041417,22.0000572 27.2812279,22.3958893 26.0937307,23.1875544 C24.9062335,23.9792195 24.0624855,25.041717 23.5624867,26.3750468 L23.5624867,26.3750468 L22.4999893,29.0000405 L18.7499982,29.0000405 C18.4999988,29.0000405 18.3020823,29.0937903 18.1562496,29.2812899 C18.010417,29.4687894 17.9583331,29.6875389 18,29.9375383 L18,29.9375383 L18.3749991,31.4375347 C18.416666,31.6042013 18.5104158,31.739617 18.6562484,31.8437838 C18.8020811,31.9479505 18.9583307,32.0000334 19.1249973,32.0000334 L19.1249973,32.0000334 L20.3749943,32.0000334 C19.4583295,32.7916985 18.9999976,33.7916961 18.9999976,35.0000262 L18.9999976,35.0000262 L18.9999976,38.0000191 C18.9999976,39.0000167 19.3333298,39.8750146 19.9999952,40.6250128 L19.9999952,40.6250128 L19.9999952,44.0000048 C19.9999952,44.5416705 20.1979117,45.0104193 20.5937438,45.4062514 C20.9895759,45.8020835 21.4583248,46 21.9999905,46 L21.9999905,46 L23.9999857,46 Z M41.9999428,31.0000358 L25.9999809,31.0000358 L27.2499779,27.8750432 C27.4583105,27.3333775 27.8228936,26.8854626 28.3437253,26.5312964 C28.8645571,26.1771303 29.4374727,26.0000477 30.0624712,26.0000477 L30.0624712,26.0000477 L37.9999523,26.0000477 C38.5832839,26.0000477 39.1353666,26.1771303 39.6561984,26.5312964 C40.1770301,26.8854626 40.5416132,27.3333775 40.7499458,27.8750432 L40.7499458,27.8750432 L41.9999428,31.0000358 Z M24.4374847,38.0000286 L23.9999905,38.0000286 C23.4166541,38.0000286 22.9374882,37.8125195 22.5624891,37.4375204 C22.18749,37.0625213 21.9999905,36.5833555 21.9999905,36.0000286 C21.9999905,35.4166922 22.18749,34.9375264 22.5624891,34.5625273 C22.9374882,34.1875282 23.4166541,34.0000286 23.9999905,34.0000286 C24.5833173,34.0000286 25.2291497,34.3437778 25.9374811,35.0312762 C26.6458124,35.7187745 26.9999785,36.3750229 26.9999785,37.0000286 C26.9999785,37.4583534 26.7291462,37.7500197 26.1874805,37.8750194 C25.8541483,37.9583522 25.2708157,38.0000286 24.4374847,38.0000286 L24.4374847,38.0000286 Z M43.9999452,38.0000286 L43.5624391,38.0000286 C42.729108,38.0000286 42.1457754,37.9583522 41.8124432,37.8750194 C41.2707775,37.7500197 40.9999452,37.4583534 40.9999452,37.0000286 C40.9999452,36.3750229 41.3541113,35.7187745 42.0624426,35.0312762 C42.770774,34.3437778 43.4166064,34.0000286 43.9999452,34.0000286 C44.5832696,34.0000286 45.0624355,34.1875282 45.4374346,34.5625273 C45.8124337,34.9375264 45.9999332,35.4166922 45.9999332,36.0000286 C45.9999332,36.5833555 45.8124337,37.0625213 45.4374346,37.4375204 C45.0624355,37.8125195 44.5832696,38.0000286 43.9999452,38.0000286 L43.9999452,38.0000286 Z",
-    id: "c",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))))));
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: "#3B5BDB"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M36.8919 19.7729H33.7284L32.8492 17.5748C31.9457 15.3149 29.7893 13.855 27.3551 13.855H20.6446C18.2108 13.855 16.054 15.3149 15.1499 17.5748L14.2707 19.7729H11.1077C10.6951 19.7729 10.3923 20.1607 10.4927 20.5607L10.8097 21.8288C10.88 22.111 11.1336 22.3091 11.4248 22.3091H12.4852C11.7756 22.9289 11.3186 23.8298 11.3186 24.8454V27.3816C11.3186 28.2334 11.6441 29.0022 12.164 29.5972V32.4541C12.164 33.3878 12.9212 34.145 13.8548 34.145H15.5457C16.4793 34.145 17.2365 33.3878 17.2365 32.4541V30.7633H30.7631V32.4541C30.7631 33.3878 31.5203 34.145 32.454 34.145H34.1448C35.0785 34.145 35.8356 33.3878 35.8356 32.4541V29.5972C36.3556 29.0027 36.6811 28.2339 36.6811 27.3816V24.8454C36.6811 23.8298 36.224 22.9289 35.5149 22.3091H36.5754C36.8665 22.3091 37.1202 22.111 37.1904 21.8288L37.5075 20.5607C37.6073 20.1607 37.3046 19.7729 36.8919 19.7729ZM18.2896 18.8308C18.6747 17.8681 19.6073 17.2366 20.6446 17.2366H27.3551C28.3923 17.2366 29.3249 17.8681 29.7101 18.8308L30.7631 21.4637H17.2365L18.2896 18.8308ZM15.5457 27.3711C14.5312 27.3711 13.8548 26.6969 13.8548 25.6855C13.8548 24.6742 14.5312 24 15.5457 24C16.5601 24 18.0819 25.517 18.0819 26.5283C18.0819 27.5396 16.5601 27.3711 15.5457 27.3711ZM32.454 27.3711C31.4395 27.3711 29.9177 27.5396 29.9177 26.5283C29.9177 25.517 31.4395 24 32.454 24C33.4685 24 34.1448 24.6742 34.1448 25.6855C34.1448 26.6969 33.4685 27.3711 32.454 27.3711Z",
+    fill: "#FEFEFE"
+  }));
 };
 
 var PropertyCommercialVehicleIcon = function PropertyCommercialVehicleIcon() {
   return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("title", null, "Profile Obligation Icon / Property - Commercial Vehicle"), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "comm-vehicle-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "comm-vehicle-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "comm-vehicle-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
     fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(7.000000, -916.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "comm-vehicle-Potentail-future-property",
-    transform: "translate(0.000000, 231.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "comm-vehicle-Profile-Obligation-Icon-/-Property---Commercial-Vehicle",
-    transform: "translate(0.000000, 690.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#comm-vehicle-filter-2)",
-    xlinkHref: "#comm-vehicle-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#comm-vehicle-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M43.9999285,49.9999905 C45.6665915,49.9999905 47.0832541,49.4166588 48.2499183,48.2499946 C49.4165825,47.0833304 49.9999142,45.6666678 49.9999142,44.0000048 L49.9999142,44.0000048 L52.999907,44.0000048 C53.2915733,44.0000048 53.5311558,43.906255 53.7186553,43.7187554 C53.9061549,43.5312559 53.9999046,43.2916734 53.9999046,43.0000072 L53.9999046,43.0000072 L53.9999046,41.0000119 C53.9999046,40.7083456 53.9061549,40.4687632 53.7186553,40.2812636 C53.5311558,40.0937641 53.2915733,40.0000143 52.999907,40.0000143 L52.999907,40.0000143 L51.9999094,40.0000143 L51.9999094,33.2500304 C51.9999094,32.4166994 51.7082431,31.7083671 51.1249115,31.1250355 L51.1249115,31.1250355 L44.8749264,24.8750504 C44.2915948,24.2917187 43.5832625,24.0000525 42.7499315,24.0000525 L42.7499315,24.0000525 L39.999938,24.0000525 L39.999938,21.0000668 C39.999938,20.1667286 39.7082717,19.4583963 39.1249401,18.8750647 C38.5416085,18.291733 37.8332762,18.0000668 36.9999452,18.0000668 L36.9999452,18.0000668 L17,18.0000668 C16.1666618,18.0000668 15.4583295,18.291733 14.8749979,18.8750647 C14.2916663,19.4583963 14,20.1667286 14,21.0000668 L14,21.0000668 L14,41.0000119 C14,41.8333429 14.2916663,42.5416752 14.8749979,43.1250069 C15.4583295,43.7083385 16.1666618,44.0000048 17,44.0000048 L17,44.0000048 L18,44.0000048 C18,45.6666678 18.5833221,47.0833304 19.7499863,48.2499946 C20.9166505,49.4166588 22.3333131,49.9999905 23.9999762,49.9999905 C25.6666392,49.9999905 27.0833018,49.4166588 28.249966,48.2499946 C29.4166302,47.0833304 29.9999619,45.6666678 29.9999619,44.0000048 L29.9999619,44.0000048 L37.9999428,44.0000048 C37.9999428,45.6666678 38.5832744,47.0833304 39.7499386,48.2499946 C40.9166028,49.4166588 42.3332655,49.9999905 43.9999285,49.9999905 Z M48.9999166,34.0000286 L39.999938,34.0000286 L39.999938,27.0000453 L42.7499315,27.0000453 L48.9999166,33.2500304 L48.9999166,34.0000286 Z M23.9999833,46.9999976 C23.1666451,46.9999976 22.4583128,46.7083313 21.8749812,46.1249997 C21.2916496,45.5416681 20.9999833,44.8333358 20.9999833,44.0000119 C20.9999833,43.1666737 21.2916496,42.4583415 21.8749812,41.8750098 C22.4583128,41.2916782 23.1666451,41.0000119 23.9999833,41.0000119 C24.8333072,41.0000119 25.5416395,41.2916782 26.1249711,41.8750098 C26.7083027,42.4583415 26.999969,43.1666737 26.999969,44.0000119 C26.999969,44.8333358 26.7083027,45.5416681 26.1249711,46.1249997 C25.5416395,46.7083313 24.8333072,46.9999976 23.9999833,46.9999976 Z M43.9999356,46.9999976 C43.1665974,46.9999976 42.4582652,46.7083313 41.8749335,46.1249997 C41.2916019,45.5416681 40.9999356,44.8333358 40.9999356,44.0000119 C40.9999356,43.1666737 41.2916019,42.4583415 41.8749335,41.8750098 C42.4582652,41.2916782 43.1665974,41.0000119 43.9999356,41.0000119 C44.8332595,41.0000119 45.5415918,41.2916782 46.1249234,41.8750098 C46.708255,42.4583415 46.9999213,43.1666737 46.9999213,44.0000119 C46.9999213,44.8333358 46.708255,45.5416681 46.1249234,46.1249997 C45.5415918,46.7083313 44.8332595,46.9999976 43.9999356,46.9999976 Z",
-    id: "t",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))))));
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: "#3B5BDB"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M30.7656 35.15C31.9193 35.15 32.8999 34.7462 33.7074 33.9387C34.515 33.1311 34.9188 32.1505 34.9188 30.9969H36.9953C37.1972 30.9969 37.363 30.932 37.4928 30.8022C37.6226 30.6724 37.6875 30.5066 37.6875 30.3047V28.9203C37.6875 28.7184 37.6226 28.5526 37.4928 28.4228C37.363 28.293 37.1972 28.2281 36.9953 28.2281H36.3031V23.5559C36.3031 22.979 36.1012 22.4887 35.6975 22.085L31.3713 17.7588C30.9675 17.355 30.4772 17.1531 29.9004 17.1531H27.9969V15.0766C27.9969 14.4997 27.795 14.0094 27.3912 13.6057C26.9874 13.2019 26.4971 13 25.9203 13H12.0766C11.4997 13 11.0094 13.2019 10.6057 13.6057C10.2019 14.0094 10 14.4997 10 15.0766V28.9203C10 29.4971 10.2019 29.9874 10.6057 30.3912C11.0094 30.795 11.4997 30.9969 12.0766 30.9969H12.7688C12.7688 32.1505 13.1725 33.1311 13.9801 33.9387C14.7876 34.7462 15.7682 35.15 16.9219 35.15C18.0755 35.15 19.0561 34.7462 19.8637 33.9387C20.6712 33.1311 21.075 32.1505 21.075 30.9969H26.6125C26.6125 32.1505 27.0163 33.1311 27.8238 33.9387C28.6314 34.7462 29.612 35.15 30.7656 35.15ZM34.2266 24.075H27.9969V19.2297H29.9004L34.2266 23.5559V24.075ZM16.9219 33.0734C16.3451 33.0734 15.8548 32.8715 15.451 32.4678C15.0472 32.064 14.8453 31.5737 14.8453 30.9969C14.8453 30.4201 15.0472 29.9298 15.451 29.526C15.8548 29.1222 16.3451 28.9203 16.9219 28.9203C17.4987 28.9203 17.989 29.1222 18.3928 29.526C18.7965 29.9298 18.9984 30.4201 18.9984 30.9969C18.9984 31.5737 18.7965 32.064 18.3928 32.4678C17.989 32.8715 17.4987 33.0734 16.9219 33.0734ZM30.7656 33.0734C30.1888 33.0734 29.6985 32.8715 29.2947 32.4678C28.891 32.064 28.6891 31.5737 28.6891 30.9969C28.6891 30.4201 28.891 29.9298 29.2947 29.526C29.6985 29.1222 30.1888 28.9203 30.7656 28.9203C31.3424 28.9203 31.8327 29.1222 32.2365 29.526C32.6403 29.9298 32.8422 30.4201 32.8422 30.9969C32.8422 31.5737 32.6403 32.064 32.2365 32.4678C31.8327 32.8715 31.3424 33.0734 30.7656 33.0734Z",
+    fill: "#FEFEFE"
+  }));
 };
 
 var PropertyGarageIcon = function PropertyGarageIcon() {
   return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "garage-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "garage-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "garage-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
     fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(7.000000, -226.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "garage-Potentail-future-property",
-    transform: "translate(0.000000, 231.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Profile-Obligation-Icon-/-Property---Garage"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-3"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#garage-filter-2)",
-    xlinkHref: "#garage-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#garage-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M19.4999869,49.9999905 C19.6249866,49.9999905 19.7395693,49.9479076 19.8437361,49.8437408 C19.9479028,49.7395741 19.9999857,49.6249914 19.9999857,49.4999917 L19.9999857,49.4999917 L19.9999857,34.0000286 C19.9999857,33.4583629 20.1979022,32.989614 20.5937343,32.593782 C20.9895664,32.1979499 21.4791492,32.0000334 22.0624808,32.0000334 L22.0624808,32.0000334 L45.9374239,32.0000334 C46.5207555,32.0000334 47.0103383,32.1979499 47.4061704,32.593782 C47.8020024,32.989614 47.9999189,33.4583629 47.9999189,34.0000286 L47.9999189,34.0000286 L47.9999189,49.4999917 C47.9999189,49.6249914 48.0520018,49.7395741 48.1561686,49.8437408 C48.2603353,49.9479076 48.374918,49.9999905 48.4999177,49.9999905 L48.4999177,49.9999905 L53.4999058,49.9999905 C53.6249055,49.9999905 53.7394883,49.9479076 53.843655,49.8437408 C53.9478217,49.7395741 53.9999046,49.6249914 53.9999046,49.4999917 L53.9999046,49.4999917 L53.9999046,28.0625428 C53.9999046,27.4792111 53.833238,26.9375454 53.4999058,26.4375466 C53.1665736,25.9375478 52.7082407,25.5625487 52.1249091,25.3125493 L52.1249091,25.3125493 L52.187409,25.3125493 L35.1249496,18.2500662 C34.3749514,17.9167339 33.6249532,17.9167339 32.874955,18.2500662 L32.874955,18.2500662 L15.8749955,25.3125493 C15.2916639,25.5625487 14.833331,25.9375478 14.5,26.4375466 C14.1666666,26.9375454 14,27.4792111 14,28.0625428 L14,28.0625428 L14,49.4999917 C14,49.6249914 14.0520829,49.7395741 14.1562496,49.8437408 C14.2604164,49.9479076 14.3749991,49.9999905 14.5,49.9999905 L14.5,49.9999905 L19.4999869,49.9999905 Z M45.4999249,38.0000286 C45.6249246,38.0000286 45.7395073,37.9479362 45.8436741,37.8437694 C45.9478408,37.7396027 45.9999237,37.62502 45.9999237,37.5000286 L45.9999237,37.5000286 L45.9999237,34.5000286 C45.9999237,34.3750277 45.9478408,34.260445 45.8436741,34.1562782 C45.7395073,34.0521115 45.6249246,34.0000286 45.4999249,34.0000286 L45.4999249,34.0000286 L22.5624808,34.0000286 C22.395813,34.0000286 22.2708133,34.0521115 22.1874805,34.1562782 C22.1041477,34.260445 22.0624808,34.3750277 22.0624808,34.5000286 L22.0624808,34.5000286 L22.0624808,37.5000286 C22.0624808,37.62502 22.1041477,37.7396027 22.1874805,37.8437694 C22.2708133,37.9479362 22.395813,38.0000286 22.5624808,38.0000286 L22.5624808,38.0000286 L45.4999249,38.0000286 Z M45.4999249,44.0000143 C45.6249246,44.0000143 45.7395073,43.9479219 45.8436741,43.8437551 C45.9478408,43.7395884 45.9999237,43.6250057 45.9999237,43.5000143 L45.9999237,43.5000143 L45.9999237,40.5000143 C45.9999237,40.3750134 45.9478408,40.2604307 45.8436741,40.1562639 C45.7395073,40.0520972 45.6249246,40.0000143 45.4999249,40.0000143 L45.4999249,40.0000143 L22.4999809,40.0000143 C22.37498,40.0000143 22.2603973,40.0520972 22.1562306,40.1562639 C22.0520638,40.2604307 21.9999809,40.3750134 21.9999809,40.5000143 L21.9999809,40.5000143 L21.9999809,43.5000143 C21.9999809,43.6250057 22.0520638,43.7395884 22.1562306,43.8437551 C22.2603973,43.9479219 22.37498,44.0000143 22.4999809,44.0000143 L22.4999809,44.0000143 L45.4999249,44.0000143 Z M45.4999249,50 C45.6249246,50 45.7395073,49.9479076 45.8436741,49.8437408 C45.9478408,49.7395741 45.9999237,49.6249914 45.9999237,49.5 L45.9999237,49.5 L45.9999237,46.5 C45.9999237,46.3749991 45.9478408,46.2604164 45.8436741,46.1562496 C45.7395073,46.0520829 45.6249246,46 45.4999249,46 L45.4999249,46 L22.4999809,46 C22.37498,46 22.2603973,46.0520829 22.1562306,46.1562496 C22.0520638,46.2604164 21.9999809,46.3749991 21.9999809,46.5 L21.9999809,46.5 L21.9999809,49.5 C21.9999809,49.6249914 22.0520638,49.7395741 22.1562306,49.8437408 C22.2603973,49.9479076 22.37498,50 22.4999809,50 L22.4999809,50 L45.4999249,50 Z",
-    id: "w",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))))));
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: "#3B5BDB"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M14.463 34.1481C14.5417 34.1481 14.6138 34.1153 14.6794 34.0497C14.745 33.9841 14.7778 33.912 14.7778 33.8333V24.074C14.7778 23.733 14.9024 23.4379 15.1516 23.1886C15.4008 22.9394 15.7091 22.8148 16.0764 22.8148H31.1087C31.476 22.8148 31.7843 22.9394 32.0335 23.1886C32.2827 23.4379 32.4074 23.733 32.4074 24.074V33.8333C32.4074 33.912 32.4401 33.9841 32.5057 34.0497C32.5713 34.1153 32.6435 34.1481 32.7222 34.1481H35.8703C35.949 34.1481 36.0212 34.1153 36.0867 34.0497C36.1523 33.9841 36.1851 33.912 36.1851 33.8333V20.3356C36.1851 19.9683 36.0802 19.6273 35.8703 19.3125C35.6604 18.9977 35.3719 18.7616 35.0046 18.6042H35.0439L24.3009 14.1574C23.8287 13.9475 23.3565 13.9475 22.8842 14.1574L12.1806 18.6042C11.8133 18.7616 11.5247 18.9977 11.3148 19.3125C11.1049 19.6273 11 19.9683 11 20.3356V33.8333C11 33.912 11.0328 33.9841 11.0984 34.0497C11.164 34.1153 11.2361 34.1481 11.3148 34.1481H14.463ZM30.8333 26.5926C30.912 26.5926 30.9841 26.5598 31.0497 26.4942C31.1153 26.4286 31.1481 26.3565 31.1481 26.2778V24.3889C31.1481 24.3102 31.1153 24.238 31.0497 24.1724C30.9841 24.1068 30.912 24.074 30.8333 24.074H16.3912C16.2863 24.074 16.2075 24.1068 16.1551 24.1724C16.1026 24.238 16.0764 24.3102 16.0764 24.3889V26.2778C16.0764 26.3565 16.1026 26.4286 16.1551 26.4942C16.2075 26.5598 16.2863 26.5926 16.3912 26.5926H30.8333ZM30.8333 30.3703C30.912 30.3703 30.9841 30.3375 31.0497 30.272C31.1153 30.2064 31.1481 30.1342 31.1481 30.0555V28.1666C31.1481 28.0879 31.1153 28.0158 31.0497 27.9502C30.9841 27.8846 30.912 27.8518 30.8333 27.8518H16.3518C16.2731 27.8518 16.201 27.8846 16.1354 27.9502C16.0698 28.0158 16.037 28.0879 16.037 28.1666V30.0555C16.037 30.1342 16.0698 30.2064 16.1354 30.272C16.201 30.3375 16.2731 30.3703 16.3518 30.3703H30.8333ZM30.8333 34.1481C30.912 34.1481 30.9841 34.1153 31.0497 34.0497C31.1153 33.9841 31.1481 33.912 31.1481 33.8333V31.9444C31.1481 31.8657 31.1153 31.7936 31.0497 31.728C30.9841 31.6624 30.912 31.6296 30.8333 31.6296H16.3518C16.2731 31.6296 16.201 31.6624 16.1354 31.728C16.0698 31.7936 16.037 31.8657 16.037 31.9444V33.8333C16.037 33.912 16.0698 33.9841 16.1354 34.0497C16.201 34.1153 16.2731 34.1481 16.3518 34.1481H30.8333Z",
+    fill: "#FEFEFE"
+  }));
 };
 
 var PropertyLandIcon = function PropertyLandIcon() {
   return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "land-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "land-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "land-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
     fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(7.000000, -571.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "land-Potentail-future-property",
-    transform: "translate(0.000000, 231.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Profile-Obligation-Icon-/-Property---Land",
-    transform: "translate(0.000000, 345.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#land-filter-2)",
-    xlinkHref: "#land-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#land-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M36.9999642,49.9999905 C37.3749633,49.9999905 37.6562127,49.8437408 37.8437122,49.5312416 C38.0312118,49.2187423 38.0416287,48.8958261 37.8749622,48.5624939 L37.8749622,48.5624939 L35.9999666,45.5000012 L35.9999666,44.0000048 L44.5624462,44.0000048 C44.8541125,44.0000048 45.1145279,43.927088 45.3436943,43.7812553 C45.5728608,43.6354226 45.7499434,43.4375061 45.8749431,43.1875067 C45.9999428,42.9375073 46.0416097,42.6770909 45.9999428,42.4062586 C45.9582759,42.1354262 45.8332762,41.8750098 45.6249437,41.6250104 L45.6249437,41.6250104 L40.6249556,36.0000238 L42.562451,36.0000238 C43.1874495,36.0000238 43.6249484,35.7291915 43.8749478,35.1875258 C44.1249472,34.6458601 44.0624474,34.1458613 43.6874483,33.6875294 L43.6874483,33.6875294 L38.7499601,28.0000429 L40.5624557,28.0000429 C40.854122,28.0000429 41.1249544,27.9271261 41.3749538,27.7812934 C41.6249532,27.6354608 41.8020358,27.4271273 41.9062025,27.1562949 C42.0103693,26.8854626 42.0416192,26.6146292 41.9999523,26.3437969 C41.9582854,26.0729645 41.8332857,25.8333811 41.6249532,25.6250486 L41.6249532,25.6250486 L34.7499696,18.312566 C34.5416371,18.1042335 34.2916377,18.0000668 33.9999714,18.0000668 C33.7083051,18.0000668 33.4583057,18.1042335 33.2499732,18.312566 L33.2499732,18.312566 L26.3749896,25.6250486 C26.1666571,25.8333811 26.0416573,26.0729645 25.9999905,26.3437969 C25.9583236,26.6146292 25.9895735,26.8854626 26.0937402,27.1562949 C26.197907,27.4271273 26.3749896,27.6354608 26.624989,27.7812934 C26.8749884,27.9271261 27.1458207,28.0000429 27.437487,28.0000429 L27.437487,28.0000429 L29.2499827,28.0000429 L24.3124945,33.6875294 C23.9374954,34.1458613 23.8749955,34.6458601 24.1249949,35.1875258 C24.3749943,35.7291915 24.8124933,36.0000238 25.4374918,36.0000238 L25.4374918,36.0000238 L27.3749872,36.0000238 L22.3749991,41.6250104 C22.1666666,41.8750098 22.0416669,42.1354262 22,42.4062586 C21.9583331,42.6770909 22,42.9375073 22.1249997,43.1875067 C22.2499994,43.4375061 22.427082,43.6354226 22.6562484,43.7812553 C22.8854149,43.927088 23.1458303,44.0000048 23.4374966,44.0000048 L23.4374966,44.0000048 L31.9999762,44.0000048 L31.9999762,45.5000012 L30.1249806,48.5624939 C29.958314,48.8958261 29.968731,49.2187423 30.1562306,49.5312416 C30.3437301,49.8437408 30.6249794,49.9999905 30.9999785,49.9999905 L30.9999785,49.9999905 L36.9999642,49.9999905 Z",
-    id: "t",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))))));
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: "#3B5BDB"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M25.8629 35.15C26.1342 35.15 26.3376 35.037 26.4733 34.8109C26.6089 34.5848 26.6164 34.3512 26.4959 34.1101L25.1394 31.8945V30.8094H31.3339C31.5449 30.8094 31.7333 30.7566 31.899 30.6511C32.0648 30.5456 32.1929 30.4024 32.2834 30.2216C32.3738 30.0407 32.4039 29.8523 32.3738 29.6564C32.3437 29.4605 32.2532 29.2721 32.1025 29.0912L28.4853 25.0219H29.887C30.3391 25.0219 30.6556 24.8259 30.8365 24.4341C31.0174 24.0422 30.9721 23.6805 30.7009 23.3489L27.1289 19.2344H28.4401C28.6511 19.2344 28.847 19.1816 29.0279 19.0761C29.2088 18.9706 29.3369 18.8199 29.4122 18.624C29.4876 18.428 29.5102 18.2321 29.4801 18.0362C29.4499 17.8403 29.3595 17.6669 29.2088 17.5162L24.2351 12.2261C24.0844 12.0754 23.9036 12 23.6926 12C23.4816 12 23.3007 12.0754 23.15 12.2261L18.1763 17.5162C18.0256 17.6669 17.9352 17.8403 17.9051 18.0362C17.8749 18.2321 17.8975 18.428 17.9729 18.624C18.0482 18.8199 18.1763 18.9706 18.3572 19.0761C18.5381 19.1816 18.734 19.2344 18.945 19.2344H20.2562L16.6843 23.3489C16.413 23.6805 16.3677 24.0422 16.5486 24.4341C16.7295 24.8259 17.046 25.0219 17.4981 25.0219H18.8998L15.2826 29.0912C15.1319 29.2721 15.0414 29.4605 15.0113 29.6564C14.9812 29.8523 15.0113 30.0407 15.1017 30.2216C15.1922 30.4024 15.3203 30.5456 15.4861 30.6511C15.6518 30.7566 15.8402 30.8094 16.0512 30.8094H22.2457V31.8945L20.8892 34.1101C20.7687 34.3512 20.7762 34.5848 20.9118 34.8109C21.0475 35.037 21.251 35.15 21.5222 35.15H25.8629Z",
+    fill: "#FEFEFE"
+  }));
 };
 
 var PropertyMotorcycleIcon = function PropertyMotorcycleIcon() {
   return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "motorcycle-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "motorcycle-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "motorcycle-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
     fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(7.000000, -801.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Potentail-future-property",
-    transform: "translate(0.000000, 231.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "motorcycle-Profile-Obligation-Icon-/-Property---Motorcycle",
-    transform: "translate(0.000000, 575.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-6"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#motorcycle-filter-2)",
-    xlinkHref: "#motorcycle-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#motorcycle-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M45.9686738,46 C47.4061704,46 48.7499171,45.6458339 49.9999142,44.9375025 C51.2499112,44.2291712 52.2290758,43.2500066 52.9374072,42.0000095 C53.6457385,40.7500125 53.9999046,39.4062657 53.9999046,37.9687691 C53.9999046,36.5312726 53.6353225,35.2083587 52.9061572,34.0000286 C52.176992,32.7916985 51.2082443,31.8229508 49.9999142,31.0937855 C48.791584,30.3646203 47.4790872,30.0000381 46.0624236,30.0000381 C45.1457588,30.0000381 44.2707608,30.1458708 43.4374298,30.4375371 L43.4374298,30.4375371 L41.3749347,27.0000453 L46.4999225,27.0000453 C46.9165885,27.0000453 47.2707537,26.8542126 47.56242,26.5625463 C47.8540863,26.2708801 47.9999189,25.9167149 47.9999189,25.5000572 L47.9999189,25.5000572 L47.9999189,23.5000572 C47.9999189,23.0833877 47.8540863,22.7292225 47.56242,22.4375562 C47.2707537,22.1458899 46.9165885,22.0000572 46.4999225,22.0000572 L46.4999225,22.0000572 L43.6874292,22.0000572 C43.2290973,22.0000572 42.8540982,22.1667238 42.5624319,22.5000572 L42.5624319,22.5000572 L40.1874376,25.1250498 L38.8124408,22.7500554 C38.5207746,22.2500566 38.0832756,22.0000572 37.499944,22.0000572 L37.499944,22.0000572 L32.4999559,22.0000572 C32.2082896,22.0000572 31.9687072,22.093807 31.7812076,22.2813065 C31.5937081,22.4688061 31.4999583,22.7083885 31.4999583,23.0000572 L31.4999583,23.0000572 L31.4999583,24.0000572 C31.4999583,24.2917187 31.5937081,24.5313012 31.7812076,24.7188007 C31.9687072,24.9063003 32.2082896,25.0000572 32.4999559,25.0000572 L32.4999559,25.0000572 L36.6249461,25.0000572 L37.8749431,27.0000453 L28.249966,27.0000453 C27.6249675,26.2083802 26.8749693,25.6042156 25.9999714,25.1875496 C24.9583069,24.7292177 23.6249771,24.5000572 21.9999809,24.5000572 L21.9999809,24.5000572 L18.5624891,24.5000572 C18.1041572,24.5000572 17.7291581,24.6458839 17.4374918,24.9375502 C17.1458255,25.2292165 16.9999928,25.5833817 16.9999928,26.0000572 C16.9999928,26.4167137 17.1458255,26.7708789 17.4374918,27.0625452 C17.7291581,27.3542114 18.0833233,27.5000441 18.4999893,27.5000441 L18.4999893,27.5000441 L21.9999809,27.5000441 C23.3333108,27.5000441 24.3333084,28.0208759 24.9999738,29.0625404 L24.9999738,29.0625404 L24.2499756,30.3125374 C23.4166445,30.062538 22.5624796,29.9583713 21.6874817,30.0000381 C20.3124849,30.041705 19.041655,30.4167041 17.8749908,31.1250355 C16.7083266,31.8333668 15.7812458,32.7812815 15.0937474,33.9687787 C14.406249,35.1562759 14.0416669,36.4375228 14,37.8125195 C13.9583331,39.2708491 14.2916663,40.6354298 14.9999976,41.9062598 C15.7083289,43.1770897 16.6874936,44.1770874 17.9374906,44.9062526 C19.1874876,45.6354179 20.5416514,46 21.9999809,46 C23.8333096,46 25.4687227,45.4375013 26.9062192,44.312504 C28.3437158,43.1875067 29.2916305,41.7500101 29.7499624,40.0000143 L29.7499624,40.0000143 L34.9999499,40.0000143 C35.4166159,40.0000143 35.7811981,39.8437647 36.0936973,39.5312654 C36.4061966,39.2187662 36.5416132,38.854184 36.4999464,38.437518 C36.4582795,36.9375216 36.7395288,35.500025 37.3436943,34.1250283 C37.9478599,32.7500316 38.8332738,31.5833674 39.999938,30.6250367 L39.999938,30.6250367 L40.8124361,31.9375335 C39.9374382,32.6875317 39.2499398,33.5937796 38.749941,34.656277 C38.2499422,35.7187745 37.9999428,36.8541888 37.9999428,38.0625189 C37.9999428,39.4791825 38.3541089,40.7916794 39.0624402,42.0000095 C39.7707716,43.2083397 40.7395193,44.1770874 41.9686833,44.9062526 C43.1978474,45.6354179 44.5311772,46 45.9686738,46 Z M21.9999809,43.0000072 C20.6249842,43.0000072 19.447904,42.5104253 18.4687393,41.5312607 C17.4895747,40.552096 16.9999928,39.3750158 16.9999928,38.0000191 C16.9999928,36.6250224 17.4895747,35.4479421 18.4687393,34.4687775 C19.447904,33.4896128 20.6249842,33.000031 21.9999809,33.000031 C22.2499803,33.000031 22.4999797,33.020864 22.7499791,33.0625308 L22.7499791,33.0625308 L20.1874852,37.7500197 C19.895819,38.2500185 19.895819,38.7500173 20.1874852,39.2500161 C20.4791515,39.7500149 20.9166505,40.0000143 21.4999821,40.0000143 L21.4999821,40.0000143 L26.56247,40.0000143 C26.1874709,40.9166791 25.5833054,41.6458434 24.7499744,42.1875091 C23.9166433,42.7291748 22.9999785,43.0000072 21.9999809,43.0000072 Z M46.2499231,43.0000072 C44.8332595,43.08334 43.6040964,42.625008 42.5624319,41.6250104 C41.5207674,40.6250128 40.9999356,39.4166827 40.9999356,38.0000191 C40.9999356,36.6666892 41.4582675,35.520858 42.3749323,34.5625273 L42.3749323,34.5625273 L45.4999249,39.6875151 C45.6249246,39.9375145 45.8228411,40.0937641 46.0936735,40.1562639 C46.3645059,40.2187638 46.6040893,40.1875139 46.8124218,40.0625142 L46.8124218,40.0625142 L47.6874197,39.5000155 C47.9374191,39.3750158 48.0936687,39.1770993 48.1561686,38.9062669 C48.2186684,38.6354345 48.1874185,38.3958511 48.0624188,38.1875186 L48.0624188,38.1875186 L44.9999356,33.1250307 C45.3332583,33.0416979 45.6665915,33.000031 45.9999237,33.000031 C47.4165873,33.000031 48.6249174,33.5208628 49.6249151,34.5625273 C50.6249127,35.6041918 51.0832446,36.8333549 50.9999118,38.2500185 C50.916579,39.5416824 50.4269962,40.6354298 49.5311653,41.5312607 C48.6353344,42.4270915 47.541587,42.9166743 46.2499231,43.0000072 Z",
-    id: "m",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))))));
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: "#3B5BDB"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M32.7935 32.11C33.8183 32.11 34.7763 31.8575 35.6675 31.3525C36.5586 30.8475 37.2567 30.1495 37.7617 29.2583C38.2666 28.3672 38.5191 27.4092 38.5191 26.3844C38.5191 25.3596 38.2592 24.4164 37.7394 23.555C37.2196 22.6936 36.5289 22.0029 35.6675 21.4831C34.806 20.9633 33.8703 20.7033 32.8604 20.7033C32.2069 20.7033 31.5831 20.8073 30.989 21.0152L29.5186 18.5646H33.1723C33.4693 18.5646 33.7218 18.4606 33.9297 18.2527C34.1377 18.0447 34.2416 17.7923 34.2416 17.4952V16.0694C34.2416 15.7723 34.1377 15.5198 33.9297 15.3119C33.7218 15.104 33.4693 15 33.1723 15H31.1672C30.8404 15 30.5731 15.1188 30.3652 15.3565L28.672 17.2279L27.6917 15.5347C27.4838 15.1782 27.1719 15 26.756 15H23.1914C22.9835 15 22.8127 15.0668 22.679 15.2005C22.5454 15.3342 22.4785 15.505 22.4785 15.7129V16.4258C22.4785 16.6338 22.5454 16.8046 22.679 16.9382C22.8127 17.0719 22.9835 17.1388 23.1914 17.1388H26.1322L27.0234 18.5646H20.1615C19.716 18.0002 19.1813 17.5695 18.5575 17.2724C17.8149 16.9457 16.8643 16.7823 15.7058 16.7823H13.2552C12.9284 16.7823 12.6611 16.8863 12.4531 17.0942C12.2452 17.3021 12.1412 17.5546 12.1412 17.8517C12.1412 18.1487 12.2452 18.4012 12.4531 18.6091C12.6611 18.8171 12.9136 18.921 13.2106 18.921H15.7058C16.6564 18.921 17.3693 19.2924 17.8446 20.035L17.3099 20.9261C16.7158 20.7479 16.1068 20.6736 15.483 20.7033C14.5028 20.733 13.5968 21.0004 12.765 21.5054C11.9333 22.0103 11.2724 22.6861 10.7822 23.5327C10.2921 24.3793 10.0322 25.2927 10.0025 26.273C9.97277 27.3127 10.2104 28.2855 10.7154 29.1915C11.2204 30.0975 11.9184 30.8104 12.8096 31.3302C13.7007 31.8501 14.6661 32.11 15.7058 32.11C17.0128 32.11 18.1787 31.709 19.2036 30.907C20.2284 30.1049 20.9042 29.0801 21.2309 27.8325H24.9737C25.2708 27.8325 25.5307 27.7211 25.7535 27.4983C25.9763 27.2755 26.0728 27.0156 26.0431 26.7186C26.0134 25.6492 26.2139 24.6244 26.6446 23.6441C27.0753 22.6639 27.7066 21.8321 28.5383 21.1489L29.1176 22.0846C28.4937 22.6193 28.0036 23.2654 27.6472 24.0229C27.2907 24.7803 27.1125 25.5898 27.1125 26.4512C27.1125 27.4612 27.365 28.3969 27.8699 29.2583C28.3749 30.1198 29.0656 30.8104 29.9419 31.3302C30.8182 31.8501 31.7687 32.11 32.7935 32.11ZM15.7058 29.9713C14.7255 29.9713 13.8864 29.6222 13.1883 28.9242C12.4903 28.2261 12.1412 27.3869 12.1412 26.4067C12.1412 25.4264 12.4903 24.5872 13.1883 23.8892C13.8864 23.1911 14.7255 22.8421 15.7058 22.8421C15.884 22.8421 16.0623 22.8569 16.2405 22.8866L14.4136 26.2284C14.2057 26.5849 14.2057 26.9414 14.4136 27.2978C14.6216 27.6543 14.9335 27.8325 15.3494 27.8325H18.9585C18.6911 28.486 18.2604 29.0058 17.6663 29.392C17.0722 29.7782 16.4187 29.9713 15.7058 29.9713ZM32.994 29.9713C31.9841 30.0307 31.1078 29.7039 30.3652 28.991C29.6225 28.2781 29.2512 27.4166 29.2512 26.4067C29.2512 25.4561 29.578 24.6392 30.2315 23.956L32.4593 27.6097C32.5485 27.7879 32.6896 27.8993 32.8826 27.9439C33.0757 27.9885 33.2465 27.9662 33.3951 27.8771L34.0189 27.476C34.1971 27.3869 34.3085 27.2458 34.353 27.0527C34.3976 26.8597 34.3753 26.6889 34.2862 26.5403L32.1029 22.9312C32.3405 22.8718 32.5782 22.8421 32.8158 22.8421C33.8258 22.8421 34.6872 23.2134 35.4001 23.956C36.113 24.6986 36.4398 25.5749 36.3804 26.5849C36.321 27.5057 35.9719 28.2855 35.3333 28.9242C34.6946 29.5628 33.9149 29.9118 32.994 29.9713Z",
+    fill: "#FEFEFE"
+  }));
 };
 
 var PropertyStorefrontIcon = function PropertyStorefrontIcon() {
   return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("title", null, "Profile Obligation Icon / Property - Storefront"), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "storefront-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "storefront-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "storefront-Profile-/-Icons",
-    stroke: "none",
-    strokeWidth: "1",
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
     fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Outlined",
-    transform: "translate(7.000000, -341.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Potentail-future-property",
-    transform: "translate(0.000000, 231.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "storefront-Profile-Obligation-Icon-/-Property---Storefront",
-    transform: "translate(0.000000, 115.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval-Copy-4"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#storefront-filter-2)",
-    xlinkHref: "#storefront-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#storefront-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M51.9999094,30.0000381 C52.4999082,30.0000381 52.9374072,29.8333716 53.3124063,29.5000393 C53.6874054,29.1667071 53.9061549,28.7604581 53.9686547,28.2812922 C54.0311546,27.8021264 53.9374048,27.3333775 53.6874054,26.8750456 L53.6874054,26.8750456 L48.3124182,18.8750647 C47.9374191,18.291733 47.3957534,18.0000668 46.6874221,18.0000668 L46.6874221,18.0000668 L21.3124826,18.0000668 C20.6041512,18.0000668 20.0624855,18.291733 19.6874864,18.8750647 L19.6874864,18.8750647 L14.3749991,26.8750456 C14.0833328,27.3333775 13.9687501,27.8021264 14.0312499,28.2812922 C14.0937498,28.7604581 14.3124993,29.1667071 14.6874984,29.5000393 C15.0624975,29.8333716 15.4999964,30.0000381 15.9999952,30.0000381 L15.9999952,30.0000381 L51.9999094,30.0000381 Z M35.9999475,49.9999905 C36.5416132,49.9999905 37.0103621,49.802074 37.4061942,49.4062419 C37.8020263,49.0104098 37.9999428,48.5416609 37.9999428,47.9999952 L37.9999428,47.9999952 L37.9999428,32.0000334 L33.9999523,32.0000334 L33.9999523,42.0000095 L21.9999905,42.0000095 L21.9999905,32.0000334 L17.9999905,32.0000334 L17.9999905,47.9999952 C17.9999905,48.5416609 18.197907,49.0104098 18.593739,49.4062419 C18.9895711,49.802074 19.45832,49.9999905 19.9999905,49.9999905 L19.9999905,49.9999905 L35.9999475,49.9999905 Z M48.9999237,49.9999905 C49.2915828,49.9999905 49.5311653,49.9062407 49.7186648,49.7187411 C49.9061644,49.5312416 49.9999237,49.2916591 49.9999237,48.9999928 L49.9999237,48.9999928 L49.9999237,32.0000334 L45.9999237,32.0000334 L45.9999237,48.9999928 C45.9999237,49.2916591 46.0936735,49.5312416 46.281173,49.7187411 C46.4686726,49.9062407 46.708255,49.9999905 46.9999237,49.9999905 L46.9999237,49.9999905 L48.9999237,49.9999905 Z",
-    id: "s",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))))));
-};
-
-var PropertyPersonalIcon = function PropertyPersonalIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "51px",
-    height: "51px",
-    viewBox: "0 0 81 81",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("circle", {
-    id: "property-personal-path-1",
-    cx: "33.5",
-    cy: "33.5",
-    r: "33.5"
-  }), /*#__PURE__*/React__default.createElement("filter", {
-    x: "-17.2%",
-    y: "-14.2%",
-    width: "134.3%",
-    height: "134.3%",
-    filterUnits: "objectBoundingBox",
-    id: "property-personal-filter-2"
-  }, /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "-4",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0",
-    type: "matrix",
-    "in": "shadowOffsetOuter1",
-    result: "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "0",
-    dy: "2",
-    "in": "SourceAlpha",
-    result: "shadowOffsetOuter2"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "3.5",
-    "in": "shadowOffsetOuter2",
-    result: "shadowBlurOuter2"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    values: "0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0",
-    type: "matrix",
-    "in": "shadowBlurOuter2",
-    result: "shadowMatrixOuter2"
-  }), /*#__PURE__*/React__default.createElement("feMerge", null, /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter1"
-  }), /*#__PURE__*/React__default.createElement("feMergeNode", {
-    "in": "shadowMatrixOuter2"
-  })))), /*#__PURE__*/React__default.createElement("g", {
-    id: "PropertyPersonal",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "PropertyPersonalIcon",
-    transform: "translate(7.000000, 5.000000)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Oval"
-  }, /*#__PURE__*/React__default.createElement("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#property-personal-filter-2)",
-    xlinkHref: "#property-personal-path-1"
-  }), /*#__PURE__*/React__default.createElement("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#property-personal-path-1"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    d: "M49.7499195,37.0000215 C49.9582521,37.0000215 50.1249186,36.9166886 50.2499183,36.7500221 L50.2499183,36.7500221 L51.8124146,34.8125267 C51.9374143,34.6458601 51.9894972,34.4583605 51.9686642,34.250028 C51.9478313,34.0416955 51.8749145,33.8750289 51.7499148,33.7500292 L51.7499148,33.7500292 L46.4999273,29.4375395 L46.4999273,20.7500602 C46.4999273,20.5417277 46.4270105,20.3646441 46.2811778,20.2188115 C46.1353451,20.0729788 45.9582616,20.000062 45.7499291,20.000062 L45.7499291,20.000062 L42.2499374,20.000062 C42.0416049,20.000062 41.8645213,20.0729788 41.7186887,20.2188115 C41.572856,20.3646441 41.4999392,20.5417277 41.4999392,20.7500602 L41.4999392,20.7500602 L41.4999392,25.3125493 L35.9374525,20.6875603 C35.3541208,20.2292284 34.7082884,20.000062 33.9999571,20.000062 C33.2916258,20.000062 32.6666272,20.2292284 32.1249616,20.6875603 L32.1249616,20.6875603 L16.2499994,33.7500292 C16.1249997,33.8750289 16.0520829,34.0416955 16.0312499,34.250028 C16.010417,34.4583605 16.0624999,34.6458601 16.1874996,34.8125267 L16.1874996,34.8125267 L17.7499958,36.7500221 C17.8749955,36.9166886 18.0416621,37.0000215 18.2499946,37.0000215 C18.4583272,37.0000215 18.6458267,36.9375216 18.8124933,36.8125219 L18.8124933,36.8125219 L33.4999583,24.7500507 C33.6666249,24.625051 33.8332905,24.5625511 33.9999571,24.5625511 C34.1666237,24.5625511 34.3332893,24.625051 34.4999559,24.7500507 L34.4999559,24.7500507 L49.1874209,36.8125219 C49.3540875,36.9375216 49.541587,37.0000215 49.7499195,37.0000215 Z M30.249966,47.9999952 C30.4582985,47.9999952 30.6353821,47.9270784 30.7812148,47.7812458 C30.9270474,47.6354131 30.9999642,47.4583295 30.9999642,47.249997 L30.9999642,47.249997 L30.9999642,40.2500137 C30.9999642,40.0416812 31.072881,39.8645976 31.2187137,39.718765 C31.3645464,39.5729323 31.5416299,39.5000155 31.7499624,39.5000155 L31.7499624,39.5000155 L36.2499517,39.5000155 C36.4582842,39.5000155 36.6353678,39.5729323 36.7812005,39.718765 C36.9270331,39.8645976 36.9999499,40.0416812 36.9999499,40.2500137 L36.9999499,40.2500137 L36.9999499,47.249997 C36.9999499,47.4583295 37.0728667,47.6354131 37.2186994,47.7812458 C37.3645321,47.9270784 37.5416156,47.9999952 37.7499481,47.9999952 L37.7499481,47.9999952 L44.9999309,47.9999952 C45.4165968,47.9999952 45.770762,47.8541626 46.0624283,47.5624963 C46.3540946,47.27083 46.4999273,46.9166648 46.4999273,46.4999988 L46.4999273,46.4999988 L46.4999273,37.5625201 C46.4999273,37.3125207 46.4165945,37.1041882 46.2499279,36.9375216 L46.2499279,36.9375216 L34.4999559,27.3125446 C34.3332893,27.1875449 34.1666237,27.125045 33.9999571,27.125045 C33.8332905,27.125045 33.6666249,27.1875449 33.4999583,27.3125446 L33.4999583,27.3125446 L21.7499863,36.9375216 C21.5833197,37.1041882 21.4999869,37.3125207 21.4999869,37.5625201 L21.4999869,37.5625201 L21.4999869,46.4999988 C21.4999869,46.9166648 21.6458196,47.27083 21.9374858,47.5624963 C22.2291521,47.8541626 22.5833173,47.9999952 22.9999869,47.9999952 L22.9999869,47.9999952 L30.249966,47.9999952 Z",
-    id: "h",
-    fill: "#292A33",
-    fillRule: "nonzero"
-  }))));
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: "#3B5BDB"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M36.5244 20.7878C36.8705 20.7878 37.1734 20.6724 37.4329 20.4417C37.6925 20.2109 37.8439 19.9297 37.8872 19.5981C37.9305 19.2664 37.8656 18.9419 37.6925 18.6247L33.972 13.0872C33.7124 12.6834 33.3375 12.4815 32.8472 12.4815H15.2829C14.7926 12.4815 14.4177 12.6834 14.1581 13.0872L10.4809 18.6247C10.279 18.9419 10.1997 19.2664 10.243 19.5981C10.2862 19.9297 10.4376 20.2109 10.6972 20.4417C10.9568 20.6724 11.2596 20.7878 11.6057 20.7878H36.5244ZM25.4495 34.6315C25.8244 34.6315 26.1488 34.4945 26.4228 34.2205C26.6968 33.9465 26.8338 33.6221 26.8338 33.2471V22.1721H24.0651V29.094H15.7588V22.1721H12.9901V33.2471C12.9901 33.6221 13.1271 33.9465 13.4011 34.2205C13.6751 34.4945 13.9995 34.6315 14.3745 34.6315H25.4495ZM34.4479 34.6315C34.6498 34.6315 34.8156 34.5666 34.9454 34.4368C35.0752 34.307 35.1401 34.1412 35.1401 33.9393V22.1721H32.3713V33.9393C32.3713 34.1412 32.4362 34.307 32.566 34.4368C32.6958 34.5666 32.8616 34.6315 33.0635 34.6315H34.4479Z",
+    fill: "#FEFEFE"
+  }));
 };
 
 var _iconsMap;
@@ -43202,7 +41792,97 @@ var PROPERTIES_CAR_ICON = "PROPERTIES_CAR";
 var PROPERTIES_MOTORCYCLE_ICON = "PROPERTIES_MOTORCYCLE";
 var PROPERTIES_COMMERCIAL_AUTO_ICON = "PROPERTIES_COMMERCIAL_AUTO";
 var MISC_BILL_ICON = "MISC_SINGLE_BILL";
-var iconsMap = (_iconsMap = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_iconsMap, ACCOUNTS_GENERIC_ICON, AccountGenericIcon), ACCOUNTS_CONSTRUCTION_ICON, AccountConstructionIcon), ACCOUNTS_HEALTH_ICON, AccountMedicalIcon), ACCOUNTS_DENTAL_ICON, AccountDentalIcon), ACCOUNTS_UTILITY_ELECTRIC_ICON, AccountElectricIcon), ACCOUNTS_UTILITY_GARBAGE_ICON, AccountGarbageIcon), ACCOUNTS_UTILITY_GAS_ICON, AccountGasIcon), ACCOUNTS_UTILITY_WATER_ICON, AccountWaterIcon), PROPERTIES_PERSONAL_ICON, PropertyPersonalIcon), PROPERTIES_GARAGE_ICON, PropertyGarageIcon), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_iconsMap, PROPERTIES_BUSINESS_ICON, PropertyBusinessIcon), PROPERTIES_STOREFRONT_ICON, PropertyStorefrontIcon), PROPERTIES_APARTMENT_ICON, PropertyApartmentIcon), PROPERTIES_LAND_ICON, PropertyLandIcon), PROPERTIES_CAR_ICON, PropertyCarIcon), PROPERTIES_MOTORCYCLE_ICON, PropertyMotorcycleIcon), PROPERTIES_COMMERCIAL_AUTO_ICON, PropertyCommercialVehicleIcon), MISC_BILL_ICON, AccountBillIcon));
+var iconsMap = (_iconsMap = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_iconsMap, ACCOUNTS_GENERIC_ICON, function (_ref) {
+  var color = _ref.color;
+  return /*#__PURE__*/React__default.createElement(AccountGenericIcon, {
+    color: color
+  });
+}), ACCOUNTS_CONSTRUCTION_ICON, function (_ref2) {
+  var color = _ref2.color;
+  return /*#__PURE__*/React__default.createElement(AccountConstructionIcon, {
+    color: color
+  });
+}), ACCOUNTS_HEALTH_ICON, function (_ref3) {
+  var color = _ref3.color;
+  return /*#__PURE__*/React__default.createElement(AccountMedicalIcon, {
+    color: color
+  });
+}), ACCOUNTS_DENTAL_ICON, function (_ref4) {
+  var color = _ref4.color;
+  return /*#__PURE__*/React__default.createElement(AccountDentalIcon, {
+    color: color
+  });
+}), ACCOUNTS_UTILITY_ELECTRIC_ICON, function (_ref5) {
+  var color = _ref5.color;
+  return /*#__PURE__*/React__default.createElement(AccountElectricIcon, {
+    color: color
+  });
+}), ACCOUNTS_UTILITY_GARBAGE_ICON, function (_ref6) {
+  var color = _ref6.color;
+  return /*#__PURE__*/React__default.createElement(AccountGarbageIcon, {
+    color: color
+  });
+}), ACCOUNTS_UTILITY_GAS_ICON, function (_ref7) {
+  var color = _ref7.color;
+  return /*#__PURE__*/React__default.createElement(AccountGasIcon, {
+    color: color
+  });
+}), ACCOUNTS_UTILITY_WATER_ICON, function (_ref8) {
+  var color = _ref8.color;
+  return /*#__PURE__*/React__default.createElement(AccountWaterIcon, {
+    color: color
+  });
+}), PROPERTIES_PERSONAL_ICON, function (_ref9) {
+  var color = _ref9.color;
+  return /*#__PURE__*/React__default.createElement(PropertyPersonalIcon, {
+    color: color
+  });
+}), PROPERTIES_GARAGE_ICON, function (_ref10) {
+  var color = _ref10.color;
+  return /*#__PURE__*/React__default.createElement(PropertyGarageIcon, {
+    color: color
+  });
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_iconsMap, PROPERTIES_BUSINESS_ICON, function (_ref11) {
+  var color = _ref11.color;
+  return /*#__PURE__*/React__default.createElement(PropertyBusinessIcon, {
+    color: color
+  });
+}), PROPERTIES_STOREFRONT_ICON, function (_ref12) {
+  var color = _ref12.color;
+  return /*#__PURE__*/React__default.createElement(PropertyStorefrontIcon, {
+    color: color
+  });
+}), PROPERTIES_APARTMENT_ICON, function (_ref13) {
+  var color = _ref13.color;
+  return /*#__PURE__*/React__default.createElement(PropertyApartmentIcon, {
+    color: color
+  });
+}), PROPERTIES_LAND_ICON, function (_ref14) {
+  var color = _ref14.color;
+  return /*#__PURE__*/React__default.createElement(PropertyLandIcon, {
+    color: color
+  });
+}), PROPERTIES_CAR_ICON, function (_ref15) {
+  var color = _ref15.color;
+  return /*#__PURE__*/React__default.createElement(PropertyCarIcon, {
+    color: color
+  });
+}), PROPERTIES_MOTORCYCLE_ICON, function (_ref16) {
+  var color = _ref16.color;
+  return /*#__PURE__*/React__default.createElement(PropertyMotorcycleIcon, {
+    color: color
+  });
+}), PROPERTIES_COMMERCIAL_AUTO_ICON, function (_ref17) {
+  var color = _ref17.color;
+  return /*#__PURE__*/React__default.createElement(PropertyCommercialVehicleIcon, {
+    color: color
+  });
+}), MISC_BILL_ICON, function (_ref18) {
+  var color = _ref18.color;
+  return /*#__PURE__*/React__default.createElement(AccountBillIcon, {
+    color: color
+  });
+}));
 
 var disabledBackgroundColor$1 = TRANSPARENT;
 var disabledBorderColor$1 = GHOST_GREY;
@@ -47065,9 +45745,9 @@ var CloseIconButton = function CloseIconButton(_ref) {
     _ref$hideModal = _ref.hideModal,
     hideModal = _ref$hideModal === void 0 ? noop : _ref$hideModal,
     _ref$iconWidth = _ref.iconWidth,
-    iconWidth = _ref$iconWidth === void 0 ? "24" : _ref$iconWidth,
+    iconWidth = _ref$iconWidth === void 0 ? "24px" : _ref$iconWidth,
     _ref$iconHeight = _ref.iconHeight,
-    iconHeight = _ref$iconHeight === void 0 ? "24" : _ref$iconHeight,
+    iconHeight = _ref$iconHeight === void 0 ? "24px" : _ref$iconHeight,
     _ref$ariaLabel = _ref.ariaLabel,
     ariaLabel = _ref$ariaLabel === void 0 ? "Close Modal" : _ref$ariaLabel;
   return /*#__PURE__*/React__default.createElement(ButtonWithAction, {
@@ -47267,7 +45947,9 @@ var Modal$2 = function Modal(_ref) {
     weight: FONT_WEIGHT_SEMIBOLD,
     fontSize: isMobile ? FONT_SIZE.MD : FONT_SIZE.LG
   }, modalHeaderText), showCloseIconButton && /*#__PURE__*/React__default.createElement(CloseIconButton, {
-    hideModal: hideModal
+    hideModal: hideModal,
+    iconHeight: isMobile ? "20px" : "24px",
+    iconWidth: isMobile ? "20px" : "24px"
   }))), /*#__PURE__*/React__default.createElement(Box, {
     background: modalBodyBg || ATHENS_GREY,
     padding: "0"
@@ -47437,7 +46119,8 @@ var IconsModule = function IconsModule(_ref) {
     iconDefault = _ref.iconDefault,
     configIconMap = _ref.configIconMap,
     iconValue = _ref.iconValue,
-    customAttributes = _ref.customAttributes;
+    customAttributes = _ref.customAttributes,
+    iconColor = _ref.iconColor;
   var Icon;
   if (_typeof(icon) === "object") {
     var _configIconMap$iconID;
@@ -47452,7 +46135,9 @@ var IconsModule = function IconsModule(_ref) {
   }, /*#__PURE__*/React__default.createElement(Cluster, {
     justify: "center",
     align: "center"
-  }, /*#__PURE__*/React__default.createElement(Icon, null)));
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    color: iconColor
+  })));
 };
 
 var TitleModule = function TitleModule(_ref) {
@@ -47478,22 +46163,7 @@ var TitleModule = function TitleModule(_ref) {
   }, subtitle)));
 };
 
-var color$c = "#15749D";
-var hoverColor$5 = "#116285";
-var activeColor$8 = "#0E506D";
-var linkColor$4 = "#3176AA";
-var fontWeight$6 = FONT_WEIGHT_REGULAR;
-var modalLinkHoverFocus = "outline: none;\n  cursor: pointer;\n  text-decoration: underline;\n  text-decoration-color: #317D4F;";
-var fallbackValues$L = {
-  color: color$c,
-  hoverColor: hoverColor$5,
-  activeColor: activeColor$8,
-  linkColor: linkColor$4,
-  fontWeight: fontWeight$6,
-  modalLinkHoverFocus: modalLinkHoverFocus
-};
-
-var AutopayModal = function AutopayModal(_ref) {
+var AutopayModalModule = function AutopayModalModule(_ref) {
   var autoPayActive = _ref.autoPayActive,
     autoPaySchedule = _ref.autoPaySchedule,
     paymentPlanSchedule = _ref.paymentPlanSchedule,
@@ -47504,7 +46174,6 @@ var AutopayModal = function AutopayModal(_ref) {
     _ref$controlType = _ref.controlType,
     controlType = _ref$controlType === void 0 ? "tertiary" : _ref$controlType,
     isMobile = _ref.isMobile,
-    themeValues = _ref.themeValues,
     isPaymentPlan = _ref.isPaymentPlan,
     nextAutopayDate = _ref.nextAutopayDate,
     dueDate = _ref.dueDate,
@@ -47538,6 +46207,7 @@ var AutopayModal = function AutopayModal(_ref) {
       toggleModal(false);
     } : navigateToSettings
   };
+  var modalLinkHoverFocus = "\n    outline: none;\n    cursor: pointer;\n    text-decoration: underline;\n    text-decoration-color: #317D4F;\n  ";
   var hoverStyles = "text-decoration: underline;";
   var activeStyles = "text-decoration: underline;";
   var renderAutoPayControl = function renderAutoPayControl() {
@@ -47592,8 +46262,8 @@ var AutopayModal = function AutopayModal(_ref) {
             tabIndex: "0",
             dataQa: "".concat(shortPlan, " On"),
             color: SEA_GREEN,
-            weight: themeValues.fontWeight,
-            hoverStyles: themeValues.modalLinkHoverFocus,
+            weight: FONT_WEIGHT_REGULAR,
+            hoverStyles: modalLinkHoverFocus,
             extraStyles: "padding-left: 0.25rem;",
             disabled: disableActions
           }, "".concat(shortPlan, " ").concat(nextAutopayDate))));
@@ -47610,7 +46280,6 @@ var AutopayModal = function AutopayModal(_ref) {
     modalOpen: modalOpen
   }, modalExtraProps), renderAutoPayControl());
 };
-var AutopayModalModule = themeComponent(AutopayModal, "AutopayModal", fallbackValues$L);
 
 var AmountModule = function AmountModule(_ref) {
   var totalAmountDue = _ref.totalAmountDue,
@@ -47969,6 +46638,11 @@ var InactiveTitleModule = function InactiveTitleModule(_ref) {
   }, "This may mean that the balance has been paid, or there was an error loading it.".concat(autoPayEnabled ? " You may disable autopay for this account by pressing the 'Turn off Autopay' button." : ""))));
 };
 
+var iconColor = ROYAL_BLUE_VIVID;
+var fallbackValues$L = {
+  iconColor: iconColor
+};
+
 var Obligation = function Obligation(_ref) {
   var _obligations$, _firstObligation$cust;
   var config = _ref.config,
@@ -47996,7 +46670,8 @@ var Obligation = function Obligation(_ref) {
     _ref$inactiveLookupVa = _ref.inactiveLookupValue,
     inactiveLookupValue = _ref$inactiveLookupVa === void 0 ? "" : _ref$inactiveLookupVa,
     _ref$isInCustomerMana = _ref.isInCustomerManagement,
-    isInCustomerManagement = _ref$isInCustomerMana === void 0 ? false : _ref$isInCustomerMana;
+    isInCustomerManagement = _ref$isInCustomerMana === void 0 ? false : _ref$isInCustomerMana,
+    themeValues = _ref.themeValues;
   /*
     The value of obligations is always an array. It can contain:
       - A single obligation
@@ -48026,7 +46701,7 @@ var Obligation = function Obligation(_ref) {
     background: WHITE,
     padding: isMobile ? "16px" : "24px 16px"
   }, /*#__PURE__*/React__default.createElement(Stack, {
-    childGap: "14px"
+    childGap: "24px"
   }, /*#__PURE__*/React__default.createElement(Box, {
     key: "".concat(firstObligation === null || firstObligation === void 0 ? void 0 : firstObligation.id, "-top"),
     padding: "0 8px",
@@ -48138,7 +46813,8 @@ var Obligation = function Obligation(_ref) {
     iconDefault: config.iconDefault,
     configIconMap: config.iconMap,
     iconValue: config.iconValue,
-    customAttributes: customAttributes
+    customAttributes: customAttributes,
+    iconColor: themeValues.iconColor
   }), /*#__PURE__*/React__default.createElement(InactiveTitleModule, {
     title: inactiveLookupTitle,
     subtitle: "".concat(inactiveLookupInput, ": ").concat(inactiveLookupValue),
@@ -48184,6 +46860,7 @@ var Obligation = function Obligation(_ref) {
   }))));
   return inactive ? inactiveObligation : activeObligation;
 };
+var Obligation$1 = themeComponent(Obligation, "Obligation", fallbackValues$L);
 
 var PartialAmountField = function PartialAmountField(_ref) {
   var lineItem = _ref.lineItem,
@@ -48320,9 +46997,9 @@ var arrowColor = WHITE;
 var numberColor = MATISSE_BLUE;
 var hoverBackgroundColor$2 = ALABASTER_WHITE;
 var activeBackgroundColor$2 = WHITE;
-var activeColor$9 = MATISSE_BLUE;
+var activeColor$8 = MATISSE_BLUE;
 var fallbackValues$M = {
-  activeColor: activeColor$9,
+  activeColor: activeColor$8,
   activeBackgroundColor: activeBackgroundColor$2,
   arrowColor: arrowColor,
   hoverBackgroundColor: hoverBackgroundColor$2,
@@ -48985,7 +47662,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
 };
 var PaymentDetails$1 = themeComponent(PaymentDetails, "PaymentDetails", fallbackValues$N, "default");
 
-var linkColor$5 = {
+var linkColor$4 = {
   "default": "#3176AA"
 };
 var fontSize$a = {
@@ -48994,21 +47671,21 @@ var fontSize$a = {
 var lineHeight$4 = {
   "default": "1.5rem"
 };
-var fontWeight$7 = {
+var fontWeight$6 = {
   "default": FONT_WEIGHT_REGULAR
 };
-var modalLinkHoverFocus$1 = {
+var modalLinkHoverFocus = {
   "default": "outline: none; text-decoration: underline;"
 };
 var linkTextDecoration = {
   "default": LINK_TEXT_DECORATION
 };
 var fallbackValues$O = {
-  linkColor: linkColor$5,
+  linkColor: linkColor$4,
   fontSize: fontSize$a,
   lineHeight: lineHeight$4,
-  fontWeight: fontWeight$7,
-  modalLinkHoverFocus: modalLinkHoverFocus$1,
+  fontWeight: fontWeight$6,
+  modalLinkHoverFocus: modalLinkHoverFocus,
   linkTextDecoration: linkTextDecoration
 };
 
@@ -49073,7 +47750,7 @@ var backgroundColor$d = {
   "default": "#ffffff",
   footer: "#ffffff"
 };
-var linkColor$6 = {
+var linkColor$5 = {
   "default": "#3176AA",
   footer: "#ffffff"
 };
@@ -49089,12 +47766,12 @@ var lineHeight$5 = {
   "default": "1.5rem",
   footer: "1.25rem"
 };
-var fontWeight$8 = {
+var fontWeight$7 = {
   "default": FONT_WEIGHT_REGULAR,
   footer: FONT_WEIGHT_SEMIBOLD
 };
 var standardInteractionStyles = "\n    &:hover {\n      outline: none; \n      text-decoration: underline;\n    }\n    &:focus {\n      outline: 3px solid #3181E3;\n      outline-offset: 2px;\n    }\n";
-var modalLinkHoverFocus$2 = {
+var modalLinkHoverFocus$1 = {
   "default": standardInteractionStyles,
   footer: standardInteractionStyles
 };
@@ -49104,12 +47781,12 @@ var modalLinkTextDecoration = {
 };
 var fallbackValues$P = {
   backgroundColor: backgroundColor$d,
-  linkColor: linkColor$6,
+  linkColor: linkColor$5,
   border: border$3,
   fontSize: fontSize$b,
   lineHeight: lineHeight$5,
-  fontWeight: fontWeight$8,
-  modalLinkHoverFocus: modalLinkHoverFocus$2,
+  fontWeight: fontWeight$7,
+  modalLinkHoverFocus: modalLinkHoverFocus$1,
   modalLinkTextDecoration: modalLinkTextDecoration
 };
 
@@ -49549,7 +48226,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     }
   }, []);
   var nameOnCardErrors = _defineProperty({}, required.error, "Name is required");
-  var creditCardNumberErrors = _defineProperty(_defineProperty(_defineProperty({}, required.error, "Credit card number is required"), hasLength.error, "Credit card number is invalid"), matchesRegex.error, "".concat(displayCardBrand(fields.creditCardNumber.rawValue), " is not accepted"));
+  var creditCardNumberErrors = _defineProperty(_defineProperty(_defineProperty({}, required.error, "Credit card number is required"), hasLength.error, "Credit card number is invalid"), matchesRegex.error, "".concat(displayCardBrand(fields.creditCardNumber.rawValue), " cards are not available for payment"));
   var expirationDateErrors = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, required.error, "Expiration date is required"), hasLength.error, "Expiration date is invalid"), isValidMonth.error, "Expiration month is invalid"), dateAfterToday.error, "Expiration date is invalid");
   var cvvErrors = _defineProperty(_defineProperty({}, required.error, "CVV is required"), hasLength.error, "CVV is invalid");
   var zipCodeErrors = _defineProperty(_defineProperty({}, required.error, "Zip code is required"), hasLength.error, "Zip code is invalid");
@@ -50685,6 +49362,7 @@ var Timeout = function Timeout(_ref) {
 };
 var Timeout$1 = withWindowSize(Timeout);
 
+var _excluded$F = ["variant", "message", "toastOpen", "closeToastNotification", "extraStyles", "minWidth", "maxWidth", "height", "childGap", "backgroundColor", "role", "ariaLive"];
 var VARIANTS = {
   SUCCESS: "success",
   ERROR: "error"
@@ -50707,9 +49385,15 @@ var ToastNotification = function ToastNotification(_ref) {
     childGap = _ref$childGap === void 0 ? "1rem" : _ref$childGap,
     backgroundColor = _ref.backgroundColor,
     _ref$role = _ref.role,
-    role = _ref$role === void 0 ? "alert" : _ref$role;
-  return /*#__PURE__*/React__default.createElement(Box, {
+    role = _ref$role === void 0 ? "alert" : _ref$role,
+    _ref$ariaLive = _ref.ariaLive,
+    ariaLive = _ref$ariaLive === void 0 ? "polite" : _ref$ariaLive,
+    rest = _objectWithoutProperties(_ref, _excluded$F);
+  return /*#__PURE__*/React__default.createElement(Box, _extends({
     onClick: closeToastNotification,
+    onKeyDown: function onKeyDown(e) {
+      return e.key === "Enter" && closeToastNotification();
+    },
     background: backgroundColor ? backgroundColor : variant === VARIANTS.SUCCESS ? HINT_GREEN : variant === VARIANTS.ERROR ? ERROR_BACKGROUND_COLOR : WHITE,
     minWidth: minWidth,
     minHeight: height && parseInt(height) < 100 ? height : "100px",
@@ -50719,8 +49403,9 @@ var ToastNotification = function ToastNotification(_ref) {
     borderRadius: "4px",
     boxShadow: generateShadows().standard.base,
     extraStyles: "\n      display: ".concat(toastOpen ? "block" : "none", ";\n      position: fixed; bottom: 4rem; left: 4rem;\n      ").concat(extraStyles, ";\n      cursor: pointer;\n    "),
-    role: role
-  }, /*#__PURE__*/React__default.createElement(Cluster, {
+    role: role,
+    "aria-live": ariaLive
+  }, rest), /*#__PURE__*/React__default.createElement(Cluster, {
     align: "center",
     childGap: childGap,
     justify: "space-between"
@@ -50736,13 +49421,13 @@ var ToastNotification = function ToastNotification(_ref) {
   }, message))), /*#__PURE__*/React__default.createElement(IconQuitLarge, null)));
 };
 
-var fontWeight$9 = "600";
+var fontWeight$8 = "600";
 var fontColor$1 = WHITE;
 var textAlign$1 = "left";
 var headerBackgroundColor$1 = BRIGHT_GREY;
 var imageBackgroundColor$1 = MATISSE_BLUE;
 var fallbackValues$T = {
-  fontWeight: fontWeight$9,
+  fontWeight: fontWeight$8,
   fontColor: fontColor$1,
   textAlign: textAlign$1,
   headerBackgroundColor: headerBackgroundColor$1,
@@ -50868,7 +49553,7 @@ var PopupMenuItemContainer = styled__default(ButtonWithAction).withConfig({
   return "\n    background-color: ".concat(isDeleteAction ? theme.menuItemHoverBackgroundColorDelete : theme.menuItemHoverBackgroundColor, ";\n  ");
 });
 
-var _excluded$F = ["id", "closeMenuCallback", "action", "themeValues", "text", "hasIcon", "isDeleteAction", "icon", "textExtraStyles", "hoverStyles", "activeStyles", "extraStyles"];
+var _excluded$G = ["id", "closeMenuCallback", "action", "themeValues", "text", "hasIcon", "isDeleteAction", "icon", "textExtraStyles", "hoverStyles", "activeStyles", "extraStyles"];
 var PopupMenuItem = function PopupMenuItem(_ref) {
   var id = _ref.id,
     closeMenuCallback = _ref.closeMenuCallback,
@@ -50884,7 +49569,7 @@ var PopupMenuItem = function PopupMenuItem(_ref) {
     hoverStyles = _ref.hoverStyles,
     activeStyles = _ref.activeStyles,
     extraStyles = _ref.extraStyles,
-    rest = _objectWithoutProperties(_ref, _excluded$F);
+    rest = _objectWithoutProperties(_ref, _excluded$G);
   return /*#__PURE__*/React__default.createElement(PopupMenuItemContainer, _extends({
     id: id,
     role: "menuItem",
@@ -50915,13 +49600,13 @@ var PopupMenuItem = function PopupMenuItem(_ref) {
 };
 var PopupMenuItem$1 = themeComponent(PopupMenuItem, "PopupMenuItem", fallbackValues$U);
 
-var hoverColor$6 = "#116285";
-var activeColor$a = "#0E506D";
+var hoverColor$5 = "#116285";
+var activeColor$9 = "#0E506D";
 var menuTriggerColor = "#15749D";
 var backgroundColor$e = "white";
 var fallbackValues$V = {
-  hoverColor: hoverColor$6,
-  activeColor: activeColor$a,
+  hoverColor: hoverColor$5,
+  activeColor: activeColor$9,
   menuTriggerColor: menuTriggerColor,
   backgroundColor: backgroundColor$e
 };
@@ -51472,7 +50157,7 @@ exports.NavTabs = NavTabs;
 exports.NoCustomerResultsIcon = NoCustomerResultsIcon;
 exports.NoPaymentResultsIcon = NoPaymentResultsIcon;
 exports.NotFoundIcon = NotFoundIcon;
-exports.Obligation = Obligation;
+exports.Obligation = Obligation$1;
 exports.ObligationIcons = iconsMap;
 exports.Pagination = Pagination$1;
 exports.Paragraph = Paragraph$1;