@mailstep/design-system 0.1.1 → 0.1.2

package/build/index.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React, { useState, useEffect, useRef, useCallback, memo, useMemo } from 'react';
 import ReactDom from 'react-dom';
-import styled, { useTheme, th, x, css, down, system, keyframes as keyframes$1 } from '@xstyled/styled-components';
+import styled, { useTheme, th, ThemeProvider, Preflight, x, css, down, system, keyframes as keyframes$1 } from '@xstyled/styled-components';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { library } from '@fortawesome/fontawesome-svg-core';
 import { faCoffee as faCoffee$2 } from '@fortawesome/pro-light-svg-icons/faCoffee';
@@ -107,7 +107,7 @@ import styled$1, { keyframes } from 'styled-components';
 import 'swiper/css';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { NavLink, Link as Link$1 } from 'react-router-dom';
-import 'react-image';
+import { Img } from 'react-image';
 
 var statusToColors = {
     info: { fontColor: 'gray1', backgroundColor: 'lightGray7', fill: 'gray1' },
@@ -367,12 +367,12 @@ var Container$4 = styled.div(templateObject_1$v || (templateObject_1$v = __makeT
     return ($mounted ? 1 : 0);
 });
 var Header = styled.div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n  margin-bottom: 15px;\n  color: typoPrimary;\n  font-size: 18px;\n  font-weight: bold;\n  display: flex;\n  align-items: center;\n"], ["\n  margin-bottom: 15px;\n  color: typoPrimary;\n  font-size: 18px;\n  font-weight: bold;\n  display: flex;\n  align-items: center;\n"])));
-var Wrapper$1 = styled.div(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n  font-size: 14px;\n  font-weight: 400;\n"], ["\n  font-size: 14px;\n  font-weight: 400;\n"])));
+var Wrapper$4 = styled.div(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n  font-size: 14px;\n  font-weight: 400;\n"], ["\n  font-size: 14px;\n  font-weight: 400;\n"])));
 var Status = styled.div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  padding: 6px 10px;\n  text-transform: uppercase;\n  border-radius: 12px 0 12px 0;\n  background-color: ", ";\n"], ["\n  position: absolute;\n  left: 0;\n  top: 0;\n  padding: 6px 10px;\n  text-transform: uppercase;\n  border-radius: 12px 0 12px 0;\n  background-color: ", ";\n"])), function (_a) {
     var background = _a.background;
     return th.color(background);
 });
-var CloseBtn = styled.div(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n  cursor: pointer;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n"], ["\n  cursor: pointer;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n"])));
+var CloseBtn$1 = styled.div(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n  cursor: pointer;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n"], ["\n  cursor: pointer;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n"])));
 var StatusText = styled.span(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n  display: inline-block;\n  margin-left: 6px;\n  font-size: 14px;\n  font-weight: 700;\n  color: ", ";\n"], ["\n  display: inline-block;\n  margin-left: 6px;\n  font-size: 14px;\n  font-weight: 700;\n  color: ", ";\n"])), function (_a) {
     var fontColor = _a.fontColor;
     return th.color(fontColor);
@@ -389,10 +389,10 @@ var CornerDialog = function (_a) {
     var _d = statusToColors[intent], fontColor = _d.fontColor, backgroundColor = _d.backgroundColor, fill = _d.fill;
     if (!isOpen)
         return null;
-    return (jsx(Portal, { children: jsxs(Container$4, { "$mounted": isMounted, children: [jsxs(Status, { background: backgroundColor, children: [jsx(Icon, { icon: statusToIcon[intent], fill: fill }), jsx(StatusText, { fontColor: fontColor, children: statusToTitle[intent]() })] }), jsx(Header, { children: title }), jsx(CloseBtn, { onClick: onClose, children: jsx(Icon, { icon: "close", size: "25px" }) }), jsx(Wrapper$1, { children: children })] }) }));
+    return (jsx(Portal, { children: jsxs(Container$4, { "$mounted": isMounted, children: [jsxs(Status, { background: backgroundColor, children: [jsx(Icon, { icon: statusToIcon[intent], fill: fill }), jsx(StatusText, { fontColor: fontColor, children: statusToTitle[intent]() })] }), jsx(Header, { children: title }), jsx(CloseBtn$1, { onClick: onClose, children: jsx(Icon, { icon: "close", size: "25px" }) }), jsx(Wrapper$4, { children: children })] }) }));
 };
 
-var StyledWrapper = styled.span(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
+var StyledWrapper$1 = styled.span(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
 var LoadingIconWrapper = styled.div(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n  & svg {\n    margin-right: ", ";\n  }\n"], ["\n  & svg {\n    margin-right: ", ";\n  }\n"])), function (_a) {
     var $addMargin = _a.$addMargin;
     return ($addMargin ? '0.5em' : '0');
@@ -443,7 +443,7 @@ var Svg = styled.svg(templateObject_3$i || (templateObject_3$i = __makeTemplateO
     var $variant = _a.$variant;
     return ($variant === 'sm' ? '16' : '40');
 }, KeyframesCircularRotate);
-var Circle = styled.circle(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n  animation: ", " 1.4s ease-in-out infinite;\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0px;\n  stroke: ", ";\n"], ["\n  animation: ", " 1.4s ease-in-out infinite;\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0px;\n  stroke: ", ";\n"])), KeyframesCircularDash, function (_a) {
+var Circle$1 = styled.circle(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n  animation: ", " 1.4s ease-in-out infinite;\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0px;\n  stroke: ", ";\n"], ["\n  animation: ", " 1.4s ease-in-out infinite;\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0px;\n  stroke: ", ";\n"])), KeyframesCircularDash, function (_a) {
     var color = _a.color;
     return (color ? th.color(color) : th.color('blue2'));
 });
@@ -462,12 +462,12 @@ var appearanceToFontColorMap = {
 var Spinner = function (_a) {
     var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, appearance = _a.appearance;
     var color = appearance ? appearanceToFontColorMap[appearance] : 'blue2';
-    return (jsx(Svg, { viewBox: "22 22 44 44", "$variant": variant, children: jsx(Circle, { cx: "44", cy: "44", r: "20.2", fill: "none", strokeWidth: "3.6", color: color }) }));
+    return (jsx(Svg, { viewBox: "22 22 44 44", "$variant": variant, children: jsx(Circle$1, { cx: "44", cy: "44", r: "20.2", fill: "none", strokeWidth: "3.6", color: color }) }));
 };
 
 var Button = function (_a) {
     var isLoading = _a.isLoading, loadingText = _a.loadingText, icon = _a.icon, _b = _a.appearance, appearance = _b === void 0 ? 'primary' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.sizing, sizing = _d === void 0 ? 'normal' : _d, buttonRef = _a.buttonRef, onClick = _a.onClick, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e, props = __rest(_a, ["isLoading", "loadingText", "icon", "appearance", "disabled", "sizing", "buttonRef", "onClick", "fullWidth"]);
-    return (jsx(StyledButton, __assign({}, props, { onClick: !disabled && !isLoading ? onClick : undefined, "data-appearance": appearance, "data-sizing": sizing, disabled: disabled, ref: buttonRef, fullWidth: fullWidth, children: jsxs(StyledWrapper, { children: [icon && (typeof icon === 'string' ? jsx(StyledIcon, { "$addMargin": !!props.children, icon: icon }) : icon), isLoading ? (jsxs(Fragment, { children: [jsx(LoadingIconWrapper, { "$addMargin": !!loadingText || !!props.children, children: jsx(Spinner, { variant: "sm" }) }), loadingText || loadingText === '' ? loadingText : 'Loading'] })) : (props.children)] }) })));
+    return (jsx(StyledButton, __assign({}, props, { onClick: !disabled && !isLoading ? onClick : undefined, "data-appearance": appearance, "data-sizing": sizing, disabled: disabled, ref: buttonRef, fullWidth: fullWidth, children: jsxs(StyledWrapper$1, { children: [icon && (typeof icon === 'string' ? jsx(StyledIcon, { "$addMargin": !!props.children, icon: icon }) : icon), isLoading ? (jsxs(Fragment, { children: [jsx(LoadingIconWrapper, { "$addMargin": !!loadingText || !!props.children, children: jsx(Spinner, { variant: "sm" }) }), loadingText || loadingText === '' ? loadingText : 'Loading'] })) : (props.children)] }) })));
 };
 
 var defaultTheme$1 = {
@@ -840,6 +840,11 @@ var themes = {
     mailwise: defaultTheme
 };
 
+var MailstepThemeProvider = function (_a) {
+    var children = _a.children, _b = _a.theme, theme = _b === void 0 ? 'default' : _b, _c = _a.preflight, preflight = _c === void 0 ? true : _c;
+    return (jsxs(ThemeProvider, { theme: themes[theme], children: [preflight && jsx(Preflight, {}), children] }));
+};
+
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 function getDefaultExportFromCjs (x) {
@@ -1845,17 +1850,17 @@ var _Symbol = Symbol$7;
 var Symbol$6 = _Symbol;
 
 /** Used for built-in method references. */
-var objectProto$h = Object.prototype;
+var objectProto$f = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$e = objectProto$h.hasOwnProperty;
+var hasOwnProperty$c = objectProto$f.hasOwnProperty;
 
 /**
  * Used to resolve the
  * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
  * of values.
  */
-var nativeObjectToString$1 = objectProto$h.toString;
+var nativeObjectToString$1 = objectProto$f.toString;
 
 /** Built-in value references. */
 var symToStringTag$1 = Symbol$6 ? Symbol$6.toStringTag : undefined;
@@ -1868,7 +1873,7 @@ var symToStringTag$1 = Symbol$6 ? Symbol$6.toStringTag : undefined;
  * @returns {string} Returns the raw `toStringTag`.
  */
 function getRawTag$1(value) {
-  var isOwn = hasOwnProperty$e.call(value, symToStringTag$1),
+  var isOwn = hasOwnProperty$c.call(value, symToStringTag$1),
       tag = value[symToStringTag$1];
 
   try {
@@ -1891,14 +1896,14 @@ var _getRawTag = getRawTag$1;
 
 /** Used for built-in method references. */
 
-var objectProto$g = Object.prototype;
+var objectProto$e = Object.prototype;
 
 /**
  * Used to resolve the
  * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
  * of values.
  */
-var nativeObjectToString = objectProto$g.toString;
+var nativeObjectToString = objectProto$e.toString;
 
 /**
  * Converts `value` to a string using `Object.prototype.toString`.
@@ -2085,17 +2090,17 @@ var reIsHostCtor = /^\[object .+?Constructor\]$/;
 
 /** Used for built-in method references. */
 var funcProto$1 = Function.prototype,
-    objectProto$f = Object.prototype;
+    objectProto$d = Object.prototype;
 
 /** Used to resolve the decompiled source of functions. */
 var funcToString$1 = funcProto$1.toString;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$d = objectProto$f.hasOwnProperty;
+var hasOwnProperty$b = objectProto$d.hasOwnProperty;
 
 /** Used to detect if a method is native. */
 var reIsNative = RegExp('^' +
-  funcToString$1.call(hasOwnProperty$d).replace(reRegExpChar, '\\$&')
+  funcToString$1.call(hasOwnProperty$b).replace(reRegExpChar, '\\$&')
   .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
 );
 
@@ -2143,18 +2148,18 @@ var baseIsNative = _baseIsNative,
  * @param {string} key The key of the method to get.
  * @returns {*} Returns the function if it's native, else `undefined`.
  */
-function getNative$7(object, key) {
+function getNative$6(object, key) {
   var value = getValue(object, key);
   return baseIsNative(value) ? value : undefined;
 }
 
-var _getNative = getNative$7;
+var _getNative = getNative$6;
 
-var getNative$6 = _getNative,
+var getNative$5 = _getNative,
     root$9 = _root;
 
 /* Built-in method references that are verified to be native. */
-var WeakMap$2 = getNative$6(root$9, 'WeakMap');
+var WeakMap$2 = getNative$5(root$9, 'WeakMap');
 
 var _WeakMap = WeakMap$2;
 
@@ -2496,10 +2501,10 @@ var _realNames = realNames$1;
 var realNames = _realNames;
 
 /** Used for built-in method references. */
-var objectProto$e = Object.prototype;
+var objectProto$c = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$c = objectProto$e.hasOwnProperty;
+var hasOwnProperty$a = objectProto$c.hasOwnProperty;
 
 /**
  * Gets the name of `func`.
@@ -2511,7 +2516,7 @@ var hasOwnProperty$c = objectProto$e.hasOwnProperty;
 function getFuncName$1(func) {
   var result = (func.name + ''),
       array = realNames[result],
-      length = hasOwnProperty$c.call(realNames, result) ? array.length : 0;
+      length = hasOwnProperty$a.call(realNames, result) ? array.length : 0;
 
   while (length--) {
     var data = array[length],
@@ -2661,10 +2666,10 @@ var LazyWrapper$1 = _LazyWrapper,
     wrapperClone = _wrapperClone;
 
 /** Used for built-in method references. */
-var objectProto$d = Object.prototype;
+var objectProto$b = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$b = objectProto$d.hasOwnProperty;
+var hasOwnProperty$9 = objectProto$b.hasOwnProperty;
 
 /**
  * Creates a `lodash` object which wraps `value` to enable implicit method
@@ -2788,7 +2793,7 @@ function lodash$1(value) {
     if (value instanceof LodashWrapper) {
       return value;
     }
-    if (hasOwnProperty$b.call(value, '__wrapped__')) {
+    if (hasOwnProperty$9.call(value, '__wrapped__')) {
       return wrapperClone(value);
     }
   }
@@ -2962,11 +2967,11 @@ function constant$1(value) {
 
 var constant_1 = constant$1;
 
-var getNative$5 = _getNative;
+var getNative$4 = _getNative;
 
 var defineProperty$2 = (function() {
   try {
-    var func = getNative$5(Object, 'defineProperty');
+    var func = getNative$4(Object, 'defineProperty');
     func({}, '', {});
     return func;
   } catch (e) {}
@@ -3872,7 +3877,7 @@ var baseSetData = _baseSetData,
     toInteger = toInteger_1;
 
 /** Error message constants. */
-var FUNC_ERROR_TEXT$1 = 'Expected a function';
+var FUNC_ERROR_TEXT = 'Expected a function';
 
 /** Used to compose bitmasks for function metadata. */
 var WRAP_BIND_FLAG = 1,
@@ -3913,7 +3918,7 @@ var nativeMax$1 = Math.max;
 function createWrap$3(func, bitmask, thisArg, partials, holders, argPos, ary, arity) {
   var isBindKey = bitmask & WRAP_BIND_KEY_FLAG;
   if (!isBindKey && typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT$1);
+    throw new TypeError(FUNC_ERROR_TEXT);
   }
   var length = partials ? partials.length : 0;
   if (!length) {
@@ -4066,10 +4071,10 @@ var baseAssignValue$1 = _baseAssignValue,
     eq$2 = eq_1;
 
 /** Used for built-in method references. */
-var objectProto$c = Object.prototype;
+var objectProto$a = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$a = objectProto$c.hasOwnProperty;
+var hasOwnProperty$8 = objectProto$a.hasOwnProperty;
 
 /**
  * Assigns `value` to `key` of `object` if the existing value is not equivalent
@@ -4083,7 +4088,7 @@ var hasOwnProperty$a = objectProto$c.hasOwnProperty;
  */
 function assignValue$2(object, key, value) {
   var objValue = object[key];
-  if (!(hasOwnProperty$a.call(object, key) && eq$2(objValue, value)) ||
+  if (!(hasOwnProperty$8.call(object, key) && eq$2(objValue, value)) ||
       (value === undefined && !(key in object))) {
     baseAssignValue$1(object, key, value);
   }
@@ -4177,13 +4182,13 @@ var baseIsArguments = _baseIsArguments,
     isObjectLike$7 = isObjectLike_1;
 
 /** Used for built-in method references. */
-var objectProto$b = Object.prototype;
+var objectProto$9 = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$9 = objectProto$b.hasOwnProperty;
+var hasOwnProperty$7 = objectProto$9.hasOwnProperty;
 
 /** Built-in value references. */
-var propertyIsEnumerable$1 = objectProto$b.propertyIsEnumerable;
+var propertyIsEnumerable$1 = objectProto$9.propertyIsEnumerable;
 
 /**
  * Checks if `value` is likely an `arguments` object.
@@ -4204,7 +4209,7 @@ var propertyIsEnumerable$1 = objectProto$b.propertyIsEnumerable;
  * // => false
  */
 var isArguments$3 = baseIsArguments(function() { return arguments; }()) ? baseIsArguments : function(value) {
-  return isObjectLike$7(value) && hasOwnProperty$9.call(value, 'callee') &&
+  return isObjectLike$7(value) && hasOwnProperty$7.call(value, 'callee') &&
     !propertyIsEnumerable$1.call(value, 'callee');
 };
 
@@ -4466,10 +4471,10 @@ var baseTimes = _baseTimes,
     isTypedArray$1 = isTypedArray_1;
 
 /** Used for built-in method references. */
-var objectProto$a = Object.prototype;
+var objectProto$8 = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$8 = objectProto$a.hasOwnProperty;
+var hasOwnProperty$6 = objectProto$8.hasOwnProperty;
 
 /**
  * Creates an array of the enumerable property names of the array-like `value`.
@@ -4489,7 +4494,7 @@ function arrayLikeKeys$2(value, inherited) {
       length = result.length;
 
   for (var key in value) {
-    if ((inherited || hasOwnProperty$8.call(value, key)) &&
+    if ((inherited || hasOwnProperty$6.call(value, key)) &&
         !(skipIndexes && (
            // Safari 9 has enumerable `arguments.length` in strict mode.
            key == 'length' ||
@@ -4510,7 +4515,7 @@ var _arrayLikeKeys = arrayLikeKeys$2;
 
 /** Used for built-in method references. */
 
-var objectProto$9 = Object.prototype;
+var objectProto$7 = Object.prototype;
 
 /**
  * Checks if `value` is likely a prototype object.
@@ -4521,7 +4526,7 @@ var objectProto$9 = Object.prototype;
  */
 function isPrototype$3(value) {
   var Ctor = value && value.constructor,
-      proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto$9;
+      proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto$7;
 
   return value === proto;
 }
@@ -4556,10 +4561,10 @@ var isPrototype$2 = _isPrototype,
     nativeKeys = _nativeKeys;
 
 /** Used for built-in method references. */
-var objectProto$8 = Object.prototype;
+var objectProto$6 = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$7 = objectProto$8.hasOwnProperty;
+var hasOwnProperty$5 = objectProto$6.hasOwnProperty;
 
 /**
  * The base implementation of `_.keys` which doesn't treat sparse arrays as dense.
@@ -4574,7 +4579,7 @@ function baseKeys$1(object) {
   }
   var result = [];
   for (var key in Object(object)) {
-    if (hasOwnProperty$7.call(object, key) && key != 'constructor') {
+    if (hasOwnProperty$5.call(object, key) && key != 'constructor') {
       result.push(key);
     }
   }
@@ -4823,7 +4828,7 @@ var listCacheClear = _listCacheClear,
  * @constructor
  * @param {Array} [entries] The key-value pairs to cache.
  */
-function ListCache$4(entries) {
+function ListCache$3(entries) {
   var index = -1,
       length = entries == null ? 0 : entries.length;
 
@@ -4835,15 +4840,15 @@ function ListCache$4(entries) {
 }
 
 // Add methods to `ListCache`.
-ListCache$4.prototype.clear = listCacheClear;
-ListCache$4.prototype['delete'] = listCacheDelete;
-ListCache$4.prototype.get = listCacheGet;
-ListCache$4.prototype.has = listCacheHas;
-ListCache$4.prototype.set = listCacheSet;
+ListCache$3.prototype.clear = listCacheClear;
+ListCache$3.prototype['delete'] = listCacheDelete;
+ListCache$3.prototype.get = listCacheGet;
+ListCache$3.prototype.has = listCacheHas;
+ListCache$3.prototype.set = listCacheSet;
 
-var _ListCache = ListCache$4;
+var _ListCache = ListCache$3;
 
-var ListCache$3 = _ListCache;
+var ListCache$2 = _ListCache;
 
 /**
  * Removes all key-value entries from the stack.
@@ -4853,7 +4858,7 @@ var ListCache$3 = _ListCache;
  * @memberOf Stack
  */
 function stackClear$1() {
-  this.__data__ = new ListCache$3;
+  this.__data__ = new ListCache$2;
   this.size = 0;
 }
 
@@ -4911,36 +4916,52 @@ function stackHas$1(key) {
 
 var _stackHas = stackHas$1;
 
-var getNative$4 = _getNative,
+var getNative$3 = _getNative,
     root$4 = _root;
 
 /* Built-in method references that are verified to be native. */
-var Map$3 = getNative$4(root$4, 'Map');
+var Map$2 = getNative$3(root$4, 'Map');
 
-var _Map = Map$3;
+var _Map = Map$2;
 
-var getNative$3 = _getNative;
+var _nativeCreate;
+var hasRequired_nativeCreate;
 
-/* Built-in method references that are verified to be native. */
-var nativeCreate$4 = getNative$3(Object, 'create');
-
-var _nativeCreate = nativeCreate$4;
+function require_nativeCreate () {
+	if (hasRequired_nativeCreate) return _nativeCreate;
+	hasRequired_nativeCreate = 1;
+	var getNative = _getNative;
 
-var nativeCreate$3 = _nativeCreate;
+	/* Built-in method references that are verified to be native. */
+	var nativeCreate = getNative(Object, 'create');
 
-/**
- * Removes all key-value entries from the hash.
- *
- * @private
- * @name clear
- * @memberOf Hash
- */
-function hashClear$1() {
-  this.__data__ = nativeCreate$3 ? nativeCreate$3(null) : {};
-  this.size = 0;
+	_nativeCreate = nativeCreate;
+	return _nativeCreate;
 }
 
-var _hashClear = hashClear$1;
+var _hashClear;
+var hasRequired_hashClear;
+
+function require_hashClear () {
+	if (hasRequired_hashClear) return _hashClear;
+	hasRequired_hashClear = 1;
+	var nativeCreate = require_nativeCreate();
+
+	/**
+	 * Removes all key-value entries from the hash.
+	 *
+	 * @private
+	 * @name clear
+	 * @memberOf Hash
+	 */
+	function hashClear() {
+	  this.__data__ = nativeCreate ? nativeCreate(null) : {};
+	  this.size = 0;
+	}
+
+	_hashClear = hashClear;
+	return _hashClear;
+}
 
 /**
  * Removes `key` and its value from the hash.
@@ -4953,148 +4974,196 @@ var _hashClear = hashClear$1;
  * @returns {boolean} Returns `true` if the entry was removed, else `false`.
  */
 
-function hashDelete$1(key) {
-  var result = this.has(key) && delete this.__data__[key];
-  this.size -= result ? 1 : 0;
-  return result;
+var _hashDelete;
+var hasRequired_hashDelete;
+
+function require_hashDelete () {
+	if (hasRequired_hashDelete) return _hashDelete;
+	hasRequired_hashDelete = 1;
+	function hashDelete(key) {
+	  var result = this.has(key) && delete this.__data__[key];
+	  this.size -= result ? 1 : 0;
+	  return result;
+	}
+
+	_hashDelete = hashDelete;
+	return _hashDelete;
 }
 
-var _hashDelete = hashDelete$1;
+var _hashGet;
+var hasRequired_hashGet;
 
-var nativeCreate$2 = _nativeCreate;
+function require_hashGet () {
+	if (hasRequired_hashGet) return _hashGet;
+	hasRequired_hashGet = 1;
+	var nativeCreate = require_nativeCreate();
 
-/** Used to stand-in for `undefined` hash values. */
-var HASH_UNDEFINED$2 = '__lodash_hash_undefined__';
+	/** Used to stand-in for `undefined` hash values. */
+	var HASH_UNDEFINED = '__lodash_hash_undefined__';
 
-/** Used for built-in method references. */
-var objectProto$7 = Object.prototype;
+	/** Used for built-in method references. */
+	var objectProto = Object.prototype;
 
-/** Used to check objects for own properties. */
-var hasOwnProperty$6 = objectProto$7.hasOwnProperty;
+	/** Used to check objects for own properties. */
+	var hasOwnProperty = objectProto.hasOwnProperty;
 
-/**
- * Gets the hash value for `key`.
- *
- * @private
- * @name get
- * @memberOf Hash
- * @param {string} key The key of the value to get.
- * @returns {*} Returns the entry value.
- */
-function hashGet$1(key) {
-  var data = this.__data__;
-  if (nativeCreate$2) {
-    var result = data[key];
-    return result === HASH_UNDEFINED$2 ? undefined : result;
-  }
-  return hasOwnProperty$6.call(data, key) ? data[key] : undefined;
+	/**
+	 * Gets the hash value for `key`.
+	 *
+	 * @private
+	 * @name get
+	 * @memberOf Hash
+	 * @param {string} key The key of the value to get.
+	 * @returns {*} Returns the entry value.
+	 */
+	function hashGet(key) {
+	  var data = this.__data__;
+	  if (nativeCreate) {
+	    var result = data[key];
+	    return result === HASH_UNDEFINED ? undefined : result;
+	  }
+	  return hasOwnProperty.call(data, key) ? data[key] : undefined;
+	}
+
+	_hashGet = hashGet;
+	return _hashGet;
 }
 
-var _hashGet = hashGet$1;
+var _hashHas;
+var hasRequired_hashHas;
 
-var nativeCreate$1 = _nativeCreate;
+function require_hashHas () {
+	if (hasRequired_hashHas) return _hashHas;
+	hasRequired_hashHas = 1;
+	var nativeCreate = require_nativeCreate();
 
-/** Used for built-in method references. */
-var objectProto$6 = Object.prototype;
+	/** Used for built-in method references. */
+	var objectProto = Object.prototype;
 
-/** Used to check objects for own properties. */
-var hasOwnProperty$5 = objectProto$6.hasOwnProperty;
+	/** Used to check objects for own properties. */
+	var hasOwnProperty = objectProto.hasOwnProperty;
 
-/**
- * Checks if a hash value for `key` exists.
- *
- * @private
- * @name has
- * @memberOf Hash
- * @param {string} key The key of the entry to check.
- * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
- */
-function hashHas$1(key) {
-  var data = this.__data__;
-  return nativeCreate$1 ? (data[key] !== undefined) : hasOwnProperty$5.call(data, key);
+	/**
+	 * Checks if a hash value for `key` exists.
+	 *
+	 * @private
+	 * @name has
+	 * @memberOf Hash
+	 * @param {string} key The key of the entry to check.
+	 * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+	 */
+	function hashHas(key) {
+	  var data = this.__data__;
+	  return nativeCreate ? (data[key] !== undefined) : hasOwnProperty.call(data, key);
+	}
+
+	_hashHas = hashHas;
+	return _hashHas;
 }
 
-var _hashHas = hashHas$1;
+var _hashSet;
+var hasRequired_hashSet;
 
-var nativeCreate = _nativeCreate;
+function require_hashSet () {
+	if (hasRequired_hashSet) return _hashSet;
+	hasRequired_hashSet = 1;
+	var nativeCreate = require_nativeCreate();
 
-/** Used to stand-in for `undefined` hash values. */
-var HASH_UNDEFINED$1 = '__lodash_hash_undefined__';
+	/** Used to stand-in for `undefined` hash values. */
+	var HASH_UNDEFINED = '__lodash_hash_undefined__';
 
-/**
- * Sets the hash `key` to `value`.
- *
- * @private
- * @name set
- * @memberOf Hash
- * @param {string} key The key of the value to set.
- * @param {*} value The value to set.
- * @returns {Object} Returns the hash instance.
- */
-function hashSet$1(key, value) {
-  var data = this.__data__;
-  this.size += this.has(key) ? 0 : 1;
-  data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED$1 : value;
-  return this;
+	/**
+	 * Sets the hash `key` to `value`.
+	 *
+	 * @private
+	 * @name set
+	 * @memberOf Hash
+	 * @param {string} key The key of the value to set.
+	 * @param {*} value The value to set.
+	 * @returns {Object} Returns the hash instance.
+	 */
+	function hashSet(key, value) {
+	  var data = this.__data__;
+	  this.size += this.has(key) ? 0 : 1;
+	  data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value;
+	  return this;
+	}
+
+	_hashSet = hashSet;
+	return _hashSet;
 }
 
-var _hashSet = hashSet$1;
+var _Hash;
+var hasRequired_Hash;
 
-var hashClear = _hashClear,
-    hashDelete = _hashDelete,
-    hashGet = _hashGet,
-    hashHas = _hashHas,
-    hashSet = _hashSet;
+function require_Hash () {
+	if (hasRequired_Hash) return _Hash;
+	hasRequired_Hash = 1;
+	var hashClear = require_hashClear(),
+	    hashDelete = require_hashDelete(),
+	    hashGet = require_hashGet(),
+	    hashHas = require_hashHas(),
+	    hashSet = require_hashSet();
 
-/**
- * Creates a hash object.
- *
- * @private
- * @constructor
- * @param {Array} [entries] The key-value pairs to cache.
- */
-function Hash$1(entries) {
-  var index = -1,
-      length = entries == null ? 0 : entries.length;
+	/**
+	 * Creates a hash object.
+	 *
+	 * @private
+	 * @constructor
+	 * @param {Array} [entries] The key-value pairs to cache.
+	 */
+	function Hash(entries) {
+	  var index = -1,
+	      length = entries == null ? 0 : entries.length;
+
+	  this.clear();
+	  while (++index < length) {
+	    var entry = entries[index];
+	    this.set(entry[0], entry[1]);
+	  }
+	}
 
-  this.clear();
-  while (++index < length) {
-    var entry = entries[index];
-    this.set(entry[0], entry[1]);
-  }
+	// Add methods to `Hash`.
+	Hash.prototype.clear = hashClear;
+	Hash.prototype['delete'] = hashDelete;
+	Hash.prototype.get = hashGet;
+	Hash.prototype.has = hashHas;
+	Hash.prototype.set = hashSet;
+
+	_Hash = Hash;
+	return _Hash;
 }
 
-// Add methods to `Hash`.
-Hash$1.prototype.clear = hashClear;
-Hash$1.prototype['delete'] = hashDelete;
-Hash$1.prototype.get = hashGet;
-Hash$1.prototype.has = hashHas;
-Hash$1.prototype.set = hashSet;
+var _mapCacheClear;
+var hasRequired_mapCacheClear;
 
-var _Hash = Hash$1;
+function require_mapCacheClear () {
+	if (hasRequired_mapCacheClear) return _mapCacheClear;
+	hasRequired_mapCacheClear = 1;
+	var Hash = require_Hash(),
+	    ListCache = _ListCache,
+	    Map = _Map;
 
-var Hash = _Hash,
-    ListCache$2 = _ListCache,
-    Map$2 = _Map;
+	/**
+	 * Removes all key-value entries from the map.
+	 *
+	 * @private
+	 * @name clear
+	 * @memberOf MapCache
+	 */
+	function mapCacheClear() {
+	  this.size = 0;
+	  this.__data__ = {
+	    'hash': new Hash,
+	    'map': new (Map || ListCache),
+	    'string': new Hash
+	  };
+	}
 
-/**
- * Removes all key-value entries from the map.
- *
- * @private
- * @name clear
- * @memberOf MapCache
- */
-function mapCacheClear$1() {
-  this.size = 0;
-  this.__data__ = {
-    'hash': new Hash,
-    'map': new (Map$2 || ListCache$2),
-    'string': new Hash
-  };
+	_mapCacheClear = mapCacheClear;
+	return _mapCacheClear;
 }
 
-var _mapCacheClear = mapCacheClear$1;
-
 /**
  * Checks if `value` is suitable for use as unique object key.
  *
@@ -5103,146 +5172,202 @@ var _mapCacheClear = mapCacheClear$1;
  * @returns {boolean} Returns `true` if `value` is suitable, else `false`.
  */
 
-function isKeyable$1(value) {
-  var type = typeof value;
-  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')
-    ? (value !== '__proto__')
-    : (value === null);
-}
-
-var _isKeyable = isKeyable$1;
+var _isKeyable;
+var hasRequired_isKeyable;
 
-var isKeyable = _isKeyable;
+function require_isKeyable () {
+	if (hasRequired_isKeyable) return _isKeyable;
+	hasRequired_isKeyable = 1;
+	function isKeyable(value) {
+	  var type = typeof value;
+	  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')
+	    ? (value !== '__proto__')
+	    : (value === null);
+	}
 
-/**
- * Gets the data for `map`.
- *
- * @private
- * @param {Object} map The map to query.
- * @param {string} key The reference key.
- * @returns {*} Returns the map data.
- */
-function getMapData$4(map, key) {
-  var data = map.__data__;
-  return isKeyable(key)
-    ? data[typeof key == 'string' ? 'string' : 'hash']
-    : data.map;
+	_isKeyable = isKeyable;
+	return _isKeyable;
 }
 
-var _getMapData = getMapData$4;
+var _getMapData;
+var hasRequired_getMapData;
 
-var getMapData$3 = _getMapData;
+function require_getMapData () {
+	if (hasRequired_getMapData) return _getMapData;
+	hasRequired_getMapData = 1;
+	var isKeyable = require_isKeyable();
 
-/**
- * Removes `key` and its value from the map.
- *
- * @private
- * @name delete
- * @memberOf MapCache
- * @param {string} key The key of the value to remove.
- * @returns {boolean} Returns `true` if the entry was removed, else `false`.
- */
-function mapCacheDelete$1(key) {
-  var result = getMapData$3(this, key)['delete'](key);
-  this.size -= result ? 1 : 0;
-  return result;
+	/**
+	 * Gets the data for `map`.
+	 *
+	 * @private
+	 * @param {Object} map The map to query.
+	 * @param {string} key The reference key.
+	 * @returns {*} Returns the map data.
+	 */
+	function getMapData(map, key) {
+	  var data = map.__data__;
+	  return isKeyable(key)
+	    ? data[typeof key == 'string' ? 'string' : 'hash']
+	    : data.map;
+	}
+
+	_getMapData = getMapData;
+	return _getMapData;
 }
 
-var _mapCacheDelete = mapCacheDelete$1;
+var _mapCacheDelete;
+var hasRequired_mapCacheDelete;
 
-var getMapData$2 = _getMapData;
+function require_mapCacheDelete () {
+	if (hasRequired_mapCacheDelete) return _mapCacheDelete;
+	hasRequired_mapCacheDelete = 1;
+	var getMapData = require_getMapData();
 
-/**
- * Gets the map value for `key`.
- *
- * @private
- * @name get
- * @memberOf MapCache
- * @param {string} key The key of the value to get.
- * @returns {*} Returns the entry value.
- */
-function mapCacheGet$1(key) {
-  return getMapData$2(this, key).get(key);
+	/**
+	 * Removes `key` and its value from the map.
+	 *
+	 * @private
+	 * @name delete
+	 * @memberOf MapCache
+	 * @param {string} key The key of the value to remove.
+	 * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+	 */
+	function mapCacheDelete(key) {
+	  var result = getMapData(this, key)['delete'](key);
+	  this.size -= result ? 1 : 0;
+	  return result;
+	}
+
+	_mapCacheDelete = mapCacheDelete;
+	return _mapCacheDelete;
 }
 
-var _mapCacheGet = mapCacheGet$1;
+var _mapCacheGet;
+var hasRequired_mapCacheGet;
 
-var getMapData$1 = _getMapData;
+function require_mapCacheGet () {
+	if (hasRequired_mapCacheGet) return _mapCacheGet;
+	hasRequired_mapCacheGet = 1;
+	var getMapData = require_getMapData();
 
-/**
- * Checks if a map value for `key` exists.
- *
- * @private
- * @name has
- * @memberOf MapCache
- * @param {string} key The key of the entry to check.
- * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
- */
-function mapCacheHas$1(key) {
-  return getMapData$1(this, key).has(key);
+	/**
+	 * Gets the map value for `key`.
+	 *
+	 * @private
+	 * @name get
+	 * @memberOf MapCache
+	 * @param {string} key The key of the value to get.
+	 * @returns {*} Returns the entry value.
+	 */
+	function mapCacheGet(key) {
+	  return getMapData(this, key).get(key);
+	}
+
+	_mapCacheGet = mapCacheGet;
+	return _mapCacheGet;
 }
 
-var _mapCacheHas = mapCacheHas$1;
+var _mapCacheHas;
+var hasRequired_mapCacheHas;
 
-var getMapData = _getMapData;
+function require_mapCacheHas () {
+	if (hasRequired_mapCacheHas) return _mapCacheHas;
+	hasRequired_mapCacheHas = 1;
+	var getMapData = require_getMapData();
 
-/**
- * Sets the map `key` to `value`.
- *
- * @private
- * @name set
- * @memberOf MapCache
- * @param {string} key The key of the value to set.
- * @param {*} value The value to set.
- * @returns {Object} Returns the map cache instance.
- */
-function mapCacheSet$1(key, value) {
-  var data = getMapData(this, key),
-      size = data.size;
+	/**
+	 * Checks if a map value for `key` exists.
+	 *
+	 * @private
+	 * @name has
+	 * @memberOf MapCache
+	 * @param {string} key The key of the entry to check.
+	 * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+	 */
+	function mapCacheHas(key) {
+	  return getMapData(this, key).has(key);
+	}
 
-  data.set(key, value);
-  this.size += data.size == size ? 0 : 1;
-  return this;
+	_mapCacheHas = mapCacheHas;
+	return _mapCacheHas;
 }
 
-var _mapCacheSet = mapCacheSet$1;
+var _mapCacheSet;
+var hasRequired_mapCacheSet;
 
-var mapCacheClear = _mapCacheClear,
-    mapCacheDelete = _mapCacheDelete,
-    mapCacheGet = _mapCacheGet,
-    mapCacheHas = _mapCacheHas,
-    mapCacheSet = _mapCacheSet;
+function require_mapCacheSet () {
+	if (hasRequired_mapCacheSet) return _mapCacheSet;
+	hasRequired_mapCacheSet = 1;
+	var getMapData = require_getMapData();
 
-/**
- * Creates a map cache object to store key-value pairs.
- *
- * @private
- * @constructor
- * @param {Array} [entries] The key-value pairs to cache.
- */
-function MapCache$3(entries) {
-  var index = -1,
-      length = entries == null ? 0 : entries.length;
+	/**
+	 * Sets the map `key` to `value`.
+	 *
+	 * @private
+	 * @name set
+	 * @memberOf MapCache
+	 * @param {string} key The key of the value to set.
+	 * @param {*} value The value to set.
+	 * @returns {Object} Returns the map cache instance.
+	 */
+	function mapCacheSet(key, value) {
+	  var data = getMapData(this, key),
+	      size = data.size;
 
-  this.clear();
-  while (++index < length) {
-    var entry = entries[index];
-    this.set(entry[0], entry[1]);
-  }
+	  data.set(key, value);
+	  this.size += data.size == size ? 0 : 1;
+	  return this;
+	}
+
+	_mapCacheSet = mapCacheSet;
+	return _mapCacheSet;
 }
 
-// Add methods to `MapCache`.
-MapCache$3.prototype.clear = mapCacheClear;
-MapCache$3.prototype['delete'] = mapCacheDelete;
-MapCache$3.prototype.get = mapCacheGet;
-MapCache$3.prototype.has = mapCacheHas;
-MapCache$3.prototype.set = mapCacheSet;
+var _MapCache;
+var hasRequired_MapCache;
 
-var _MapCache = MapCache$3;
+function require_MapCache () {
+	if (hasRequired_MapCache) return _MapCache;
+	hasRequired_MapCache = 1;
+	var mapCacheClear = require_mapCacheClear(),
+	    mapCacheDelete = require_mapCacheDelete(),
+	    mapCacheGet = require_mapCacheGet(),
+	    mapCacheHas = require_mapCacheHas(),
+	    mapCacheSet = require_mapCacheSet();
+
+	/**
+	 * Creates a map cache object to store key-value pairs.
+	 *
+	 * @private
+	 * @constructor
+	 * @param {Array} [entries] The key-value pairs to cache.
+	 */
+	function MapCache(entries) {
+	  var index = -1,
+	      length = entries == null ? 0 : entries.length;
+
+	  this.clear();
+	  while (++index < length) {
+	    var entry = entries[index];
+	    this.set(entry[0], entry[1]);
+	  }
+	}
+
+	// Add methods to `MapCache`.
+	MapCache.prototype.clear = mapCacheClear;
+	MapCache.prototype['delete'] = mapCacheDelete;
+	MapCache.prototype.get = mapCacheGet;
+	MapCache.prototype.has = mapCacheHas;
+	MapCache.prototype.set = mapCacheSet;
+
+	_MapCache = MapCache;
+	return _MapCache;
+}
 
 var ListCache$1 = _ListCache,
     Map$1 = _Map,
-    MapCache$2 = _MapCache;
+    MapCache$1 = require_MapCache();
 
 /** Used as the size to enable large array optimizations. */
 var LARGE_ARRAY_SIZE = 200;
@@ -5266,7 +5391,7 @@ function stackSet$1(key, value) {
       this.size = ++data.size;
       return this;
     }
-    data = this.__data__ = new MapCache$2(pairs);
+    data = this.__data__ = new MapCache$1(pairs);
   }
   data.set(key, value);
   this.size = data.size;
@@ -6508,7 +6633,7 @@ function setCacheHas$1(value) {
 
 var _setCacheHas = setCacheHas$1;
 
-var MapCache$1 = _MapCache,
+var MapCache = require_MapCache(),
     setCacheAdd = _setCacheAdd,
     setCacheHas = _setCacheHas;
 
@@ -6524,7 +6649,7 @@ function SetCache$1(values) {
   var index = -1,
       length = values == null ? 0 : values.length;
 
-  this.__data__ = new MapCache$1;
+  this.__data__ = new MapCache;
   while (++index < length) {
     this.add(values[index]);
   }
@@ -7205,134 +7330,158 @@ function require_isKey () {
 	return _isKey;
 }
 
-var MapCache = _MapCache;
+var memoize_1;
+var hasRequiredMemoize;
 
-/** Error message constants. */
-var FUNC_ERROR_TEXT = 'Expected a function';
+function requireMemoize () {
+	if (hasRequiredMemoize) return memoize_1;
+	hasRequiredMemoize = 1;
+	var MapCache = require_MapCache();
 
-/**
- * Creates a function that memoizes the result of `func`. If `resolver` is
- * provided, it determines the cache key for storing the result based on the
- * arguments provided to the memoized function. By default, the first argument
- * provided to the memoized function is used as the map cache key. The `func`
- * is invoked with the `this` binding of the memoized function.
- *
- * **Note:** The cache is exposed as the `cache` property on the memoized
- * function. Its creation may be customized by replacing the `_.memoize.Cache`
- * constructor with one whose instances implement the
- * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)
- * method interface of `clear`, `delete`, `get`, `has`, and `set`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Function
- * @param {Function} func The function to have its output memoized.
- * @param {Function} [resolver] The function to resolve the cache key.
- * @returns {Function} Returns the new memoized function.
- * @example
- *
- * var object = { 'a': 1, 'b': 2 };
- * var other = { 'c': 3, 'd': 4 };
- *
- * var values = _.memoize(_.values);
- * values(object);
- * // => [1, 2]
- *
- * values(other);
- * // => [3, 4]
- *
- * object.a = 2;
- * values(object);
- * // => [1, 2]
- *
- * // Modify the result cache.
- * values.cache.set(object, ['a', 'b']);
- * values(object);
- * // => ['a', 'b']
- *
- * // Replace `_.memoize.Cache`.
- * _.memoize.Cache = WeakMap;
- */
-function memoize$1(func, resolver) {
-  if (typeof func != 'function' || (resolver != null && typeof resolver != 'function')) {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  var memoized = function() {
-    var args = arguments,
-        key = resolver ? resolver.apply(this, args) : args[0],
-        cache = memoized.cache;
+	/** Error message constants. */
+	var FUNC_ERROR_TEXT = 'Expected a function';
 
-    if (cache.has(key)) {
-      return cache.get(key);
-    }
-    var result = func.apply(this, args);
-    memoized.cache = cache.set(key, result) || cache;
-    return result;
-  };
-  memoized.cache = new (memoize$1.Cache || MapCache);
-  return memoized;
+	/**
+	 * Creates a function that memoizes the result of `func`. If `resolver` is
+	 * provided, it determines the cache key for storing the result based on the
+	 * arguments provided to the memoized function. By default, the first argument
+	 * provided to the memoized function is used as the map cache key. The `func`
+	 * is invoked with the `this` binding of the memoized function.
+	 *
+	 * **Note:** The cache is exposed as the `cache` property on the memoized
+	 * function. Its creation may be customized by replacing the `_.memoize.Cache`
+	 * constructor with one whose instances implement the
+	 * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)
+	 * method interface of `clear`, `delete`, `get`, `has`, and `set`.
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 0.1.0
+	 * @category Function
+	 * @param {Function} func The function to have its output memoized.
+	 * @param {Function} [resolver] The function to resolve the cache key.
+	 * @returns {Function} Returns the new memoized function.
+	 * @example
+	 *
+	 * var object = { 'a': 1, 'b': 2 };
+	 * var other = { 'c': 3, 'd': 4 };
+	 *
+	 * var values = _.memoize(_.values);
+	 * values(object);
+	 * // => [1, 2]
+	 *
+	 * values(other);
+	 * // => [3, 4]
+	 *
+	 * object.a = 2;
+	 * values(object);
+	 * // => [1, 2]
+	 *
+	 * // Modify the result cache.
+	 * values.cache.set(object, ['a', 'b']);
+	 * values(object);
+	 * // => ['a', 'b']
+	 *
+	 * // Replace `_.memoize.Cache`.
+	 * _.memoize.Cache = WeakMap;
+	 */
+	function memoize(func, resolver) {
+	  if (typeof func != 'function' || (resolver != null && typeof resolver != 'function')) {
+	    throw new TypeError(FUNC_ERROR_TEXT);
+	  }
+	  var memoized = function() {
+	    var args = arguments,
+	        key = resolver ? resolver.apply(this, args) : args[0],
+	        cache = memoized.cache;
+
+	    if (cache.has(key)) {
+	      return cache.get(key);
+	    }
+	    var result = func.apply(this, args);
+	    memoized.cache = cache.set(key, result) || cache;
+	    return result;
+	  };
+	  memoized.cache = new (memoize.Cache || MapCache);
+	  return memoized;
+	}
+
+	// Expose `MapCache`.
+	memoize.Cache = MapCache;
+
+	memoize_1 = memoize;
+	return memoize_1;
 }
 
-// Expose `MapCache`.
-memoize$1.Cache = MapCache;
+var _memoizeCapped;
+var hasRequired_memoizeCapped;
 
-var memoize_1 = memoize$1;
+function require_memoizeCapped () {
+	if (hasRequired_memoizeCapped) return _memoizeCapped;
+	hasRequired_memoizeCapped = 1;
+	var memoize = requireMemoize();
 
-var memoize = memoize_1;
+	/** Used as the maximum memoize cache size. */
+	var MAX_MEMOIZE_SIZE = 500;
 
-/** Used as the maximum memoize cache size. */
-var MAX_MEMOIZE_SIZE = 500;
+	/**
+	 * A specialized version of `_.memoize` which clears the memoized function's
+	 * cache when it exceeds `MAX_MEMOIZE_SIZE`.
+	 *
+	 * @private
+	 * @param {Function} func The function to have its output memoized.
+	 * @returns {Function} Returns the new memoized function.
+	 */
+	function memoizeCapped(func) {
+	  var result = memoize(func, function(key) {
+	    if (cache.size === MAX_MEMOIZE_SIZE) {
+	      cache.clear();
+	    }
+	    return key;
+	  });
 
-/**
- * A specialized version of `_.memoize` which clears the memoized function's
- * cache when it exceeds `MAX_MEMOIZE_SIZE`.
- *
- * @private
- * @param {Function} func The function to have its output memoized.
- * @returns {Function} Returns the new memoized function.
- */
-function memoizeCapped$1(func) {
-  var result = memoize(func, function(key) {
-    if (cache.size === MAX_MEMOIZE_SIZE) {
-      cache.clear();
-    }
-    return key;
-  });
+	  var cache = result.cache;
+	  return result;
+	}
 
-  var cache = result.cache;
-  return result;
+	_memoizeCapped = memoizeCapped;
+	return _memoizeCapped;
 }
 
-var _memoizeCapped = memoizeCapped$1;
+var _stringToPath;
+var hasRequired_stringToPath;
 
-var memoizeCapped = _memoizeCapped;
+function require_stringToPath () {
+	if (hasRequired_stringToPath) return _stringToPath;
+	hasRequired_stringToPath = 1;
+	var memoizeCapped = require_memoizeCapped();
 
-/** Used to match property names within property paths. */
-var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
+	/** Used to match property names within property paths. */
+	var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
 
-/** Used to match backslashes in property paths. */
-var reEscapeChar = /\\(\\)?/g;
+	/** Used to match backslashes in property paths. */
+	var reEscapeChar = /\\(\\)?/g;
 
-/**
- * Converts `string` to a property path array.
- *
- * @private
- * @param {string} string The string to convert.
- * @returns {Array} Returns the property path array.
- */
-var stringToPath$1 = memoizeCapped(function(string) {
-  var result = [];
-  if (string.charCodeAt(0) === 46 /* . */) {
-    result.push('');
-  }
-  string.replace(rePropName, function(match, number, quote, subString) {
-    result.push(quote ? subString.replace(reEscapeChar, '$1') : (number || match));
-  });
-  return result;
-});
+	/**
+	 * Converts `string` to a property path array.
+	 *
+	 * @private
+	 * @param {string} string The string to convert.
+	 * @returns {Array} Returns the property path array.
+	 */
+	var stringToPath = memoizeCapped(function(string) {
+	  var result = [];
+	  if (string.charCodeAt(0) === 46 /* . */) {
+	    result.push('');
+	  }
+	  string.replace(rePropName, function(match, number, quote, subString) {
+	    result.push(quote ? subString.replace(reEscapeChar, '$1') : (number || match));
+	  });
+	  return result;
+	});
 
-var _stringToPath = stringToPath$1;
+	_stringToPath = stringToPath;
+	return _stringToPath;
+}
 
 /**
  * A specialized version of `_.map` for arrays without support for iteratee
@@ -7432,7 +7581,7 @@ function require_castPath () {
 	hasRequired_castPath = 1;
 	var isArray = isArray_1,
 	    isKey = require_isKey(),
-	    stringToPath = _stringToPath,
+	    stringToPath = require_stringToPath(),
 	    toString = toString_1;
 
 	/**
@@ -8010,7 +8159,7 @@ var arrayMap = _arrayMap,
     copyArray = _copyArray,
     isArray = isArray_1,
     isSymbol = isSymbol_1,
-    stringToPath = _stringToPath,
+    stringToPath = require_stringToPath(),
     toKey = require_toKey(),
     toString = toString_1;
 
@@ -8223,7 +8372,7 @@ var useModal = function (initialState) {
 };
 
 var Container$3 = styled.div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  position: relative;\n"], ["\n  width: 100%;\n  height: 100%;\n  position: relative;\n"])));
-var Image$1 = styled.img(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n"], ["\n  width: 100%;\n  height: 100%;\n"])));
+var Image$2 = styled.img(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n"], ["\n  width: 100%;\n  height: 100%;\n"])));
 var ButtonContainer = styled.div(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  bottom: -60px;\n"], ["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  bottom: -60px;\n"])));
 var templateObject_1$r, templateObject_2$j, templateObject_3$g;
 
@@ -8233,7 +8382,7 @@ var LightBox = function (_a) {
         return null;
     return (jsx(Modal, { isShown: isLightBoxOpen, onClose: onCloseLightBox, mobileFullscreen: true, miniCloseBtn: true, withCloseIcon: true, children: jsx(Swiper, { initialSlide: initialSlide, slidesPerView: 1, autoHeight: true, children: images.map(function (item) {
                 var _a;
-                return (jsx(SwiperSlide, { children: jsxs(Container$3, { children: [jsx(Image$1, { src: (_a = item.originalUrl) !== null && _a !== void 0 ? _a : item.url, loading: "lazy", alt: "" }), !!item.withLightBoxAction && lightBoxAction && lightBoxActionTitle && (jsx(ButtonContainer, { children: jsx(Button, { onClick: lightBoxAction(item.id), appearance: "primaryLight", children: lightBoxActionTitle }) }))] }) }, item.id));
+                return (jsx(SwiperSlide, { children: jsxs(Container$3, { children: [jsx(Image$2, { src: (_a = item.originalUrl) !== null && _a !== void 0 ? _a : item.url, loading: "lazy", alt: "" }), !!item.withLightBoxAction && lightBoxAction && lightBoxActionTitle && (jsx(ButtonContainer, { children: jsx(Button, { onClick: lightBoxAction(item.id), appearance: "primaryLight", children: lightBoxActionTitle }) }))] }) }, item.id));
             }) }) }));
 };
 
@@ -8254,7 +8403,7 @@ var useLightBox = function () {
 };
 
 var Container$2 = styled.div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n  position: relative;\n  flex-shrink: 0;\n  height: 85px !important;\n  width: 85px !important;\n  border-radius: ", ";\n  border: ", ";\n  border-color: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  margin-right: 15px;\n"], ["\n  position: relative;\n  flex-shrink: 0;\n  height: 85px !important;\n  width: 85px !important;\n  border-radius: ", ";\n  border: ", ";\n  border-color: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  margin-right: 15px;\n"])), th.radius('lg'), th.border('mediumSlim'), th.color('red1'));
-var HiddenInput = styled.input(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n"], ["\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n"])));
+var HiddenInput$1 = styled.input(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n"], ["\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n"])));
 var templateObject_1$q, templateObject_2$i;
 
 var AddPhoto = function (_a) {
@@ -8279,11 +8428,11 @@ var AddPhoto = function (_a) {
     }, [onImageUpload]);
     if (!onImageUpload)
         return null;
-    return (jsxs(Container$2, { children: [jsx(HiddenInput, { onChange: handleImageUpload, type: "file", accept: "image/*" }), jsxs("svg", { width: "36", height: "36", viewBox: "0 0 37 34", fill: "#DB2B19", xmlns: "http://www.w3.org/2000/svg", children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.82792 6.14124C10.7187 5.25044 11.9269 4.75 13.1867 4.75H19C19.8745 4.75 20.5833 5.45889 20.5833 6.33333C20.5833 7.20778 19.8745 7.91667 19 7.91667H13.1867C12.7668 7.91667 12.364 8.08349 12.0671 8.38041L10.7554 9.69209C9.86461 10.5829 8.65643 11.0833 7.39665 11.0833H4.75C3.87556 11.0833 3.16667 11.7922 3.16667 12.6667V28.5C3.16667 29.3745 3.87556 30.0833 4.75 30.0833H26.9167C27.7911 30.0833 28.5 29.3745 28.5 28.5V17.4167C28.5 16.5422 29.2089 15.8333 30.0833 15.8333C30.9578 15.8333 31.6667 16.5422 31.6667 17.4167V28.5C31.6667 31.1234 29.5401 33.25 26.9167 33.25H4.75C2.12665 33.25 0 31.1234 0 28.5V12.6667C0 10.0433 2.12665 7.91667 4.75 7.91667H7.39665C7.81658 7.91667 8.21931 7.74985 8.51624 7.45292L9.82792 6.14124Z" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.9165 20.5834C7.9165 16.2112 11.4609 12.6667 15.8332 12.6667C20.2054 12.6667 23.7498 16.2112 23.7498 20.5834C23.7498 24.9556 20.2054 28.5001 15.8332 28.5001C11.4609 28.5001 7.9165 24.9556 7.9165 20.5834ZM15.8332 15.8334C13.2098 15.8334 11.0832 17.96 11.0832 20.5834C11.0832 23.2068 13.2098 25.3334 15.8332 25.3334C18.4566 25.3334 20.5832 23.2068 20.5832 20.5834C20.5832 17.96 18.4566 15.8334 15.8332 15.8334Z" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23.75 6.33333C23.75 5.45889 24.4589 4.75 25.3333 4.75H34.8333C35.7078 4.75 36.4167 5.45889 36.4167 6.33333C36.4167 7.20778 35.7078 7.91667 34.8333 7.91667H25.3333C24.4589 7.91667 23.75 7.20778 23.75 6.33333Z" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M30.0833 0C30.9578 0 31.6667 0.70889 31.6667 1.58333V11.0833C31.6667 11.9578 30.9578 12.6667 30.0833 12.6667C29.2089 12.6667 28.5 11.9578 28.5 11.0833V1.58333C28.5 0.70889 29.2089 0 30.0833 0Z" })] })] }));
+    return (jsxs(Container$2, { children: [jsx(HiddenInput$1, { onChange: handleImageUpload, type: "file", accept: "image/*" }), jsxs("svg", { width: "36", height: "36", viewBox: "0 0 37 34", fill: "#DB2B19", xmlns: "http://www.w3.org/2000/svg", children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.82792 6.14124C10.7187 5.25044 11.9269 4.75 13.1867 4.75H19C19.8745 4.75 20.5833 5.45889 20.5833 6.33333C20.5833 7.20778 19.8745 7.91667 19 7.91667H13.1867C12.7668 7.91667 12.364 8.08349 12.0671 8.38041L10.7554 9.69209C9.86461 10.5829 8.65643 11.0833 7.39665 11.0833H4.75C3.87556 11.0833 3.16667 11.7922 3.16667 12.6667V28.5C3.16667 29.3745 3.87556 30.0833 4.75 30.0833H26.9167C27.7911 30.0833 28.5 29.3745 28.5 28.5V17.4167C28.5 16.5422 29.2089 15.8333 30.0833 15.8333C30.9578 15.8333 31.6667 16.5422 31.6667 17.4167V28.5C31.6667 31.1234 29.5401 33.25 26.9167 33.25H4.75C2.12665 33.25 0 31.1234 0 28.5V12.6667C0 10.0433 2.12665 7.91667 4.75 7.91667H7.39665C7.81658 7.91667 8.21931 7.74985 8.51624 7.45292L9.82792 6.14124Z" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.9165 20.5834C7.9165 16.2112 11.4609 12.6667 15.8332 12.6667C20.2054 12.6667 23.7498 16.2112 23.7498 20.5834C23.7498 24.9556 20.2054 28.5001 15.8332 28.5001C11.4609 28.5001 7.9165 24.9556 7.9165 20.5834ZM15.8332 15.8334C13.2098 15.8334 11.0832 17.96 11.0832 20.5834C11.0832 23.2068 13.2098 25.3334 15.8332 25.3334C18.4566 25.3334 20.5832 23.2068 20.5832 20.5834C20.5832 17.96 18.4566 15.8334 15.8332 15.8334Z" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23.75 6.33333C23.75 5.45889 24.4589 4.75 25.3333 4.75H34.8333C35.7078 4.75 36.4167 5.45889 36.4167 6.33333C36.4167 7.20778 35.7078 7.91667 34.8333 7.91667H25.3333C24.4589 7.91667 23.75 7.20778 23.75 6.33333Z" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M30.0833 0C30.9578 0 31.6667 0.70889 31.6667 1.58333V11.0833C31.6667 11.9578 30.9578 12.6667 30.0833 12.6667C29.2089 12.6667 28.5 11.9578 28.5 11.0833V1.58333C28.5 0.70889 29.2089 0 30.0833 0Z" })] })] }));
 };
 
 styled.div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject([""], [""])));
-var Image = styled.img(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n  border-radius: ", ";\n"], ["\n  border-radius: ", ";\n"])), th.radius('lg'));
+var Image$1 = styled.img(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n  border-radius: ", ";\n"], ["\n  border-radius: ", ";\n"])), th.radius('lg'));
 var templateObject_1$p, templateObject_2$h;
 
 var fontSizeMap = {
@@ -8373,7 +8522,7 @@ var ImageElement = function (_a) {
     var label = _a.label, onImageRemove = _a.onImageRemove, onOpenLightBox = _a.onOpenLightBox, imageUrl = _a.imageUrl;
     if (!imageUrl)
         return null;
-    return (jsxs(x.div, { position: "relative", pr: "15px", pt: "15px", w: "100px", children: [jsx(Image, { src: imageUrl, alt: "", width: "85px", height: "85px", onClick: onOpenLightBox }), onImageRemove && jsx(CloseButton, { onImageRemove: onImageRemove }), jsx(ImageTag, { label: label })] }));
+    return (jsxs(x.div, { position: "relative", pr: "15px", pt: "15px", w: "100px", children: [jsx(Image$1, { src: imageUrl, alt: "", width: "85px", height: "85px", onClick: onOpenLightBox }), onImageRemove && jsx(CloseButton, { onImageRemove: onImageRemove }), jsx(ImageTag, { label: label })] }));
 };
 
 var ImageListContainer = styled.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n  display: flex;\n  overflow-x: scroll;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  position: relative;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  display: flex;\n  overflow-x: scroll;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  position: relative;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])));
@@ -8402,7 +8551,7 @@ var Tab$1 = styled.div(templateObject_5$7 || (templateObject_5$7 = __makeTemplat
 var TabPanel = styled.div(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n  min-height: 3rem;\n  display: flex;\n  align-items: flex-end;\n  overflow: auto;\n  width: fit-content;\n  position: relative;\n  &:after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: ", ";\n    height: 2px;\n  }\n"], ["\n  min-height: 3rem;\n  display: flex;\n  align-items: flex-end;\n  overflow: auto;\n  width: fit-content;\n  position: relative;\n  &:after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: ", ";\n    height: 2px;\n  }\n"])), th.color('bgLightGray1'));
 var templateObject_1$k, templateObject_2$g, templateObject_3$f, templateObject_4$b, templateObject_5$7, templateObject_6$7;
 
-var Text$1 = function (props) { return jsx(x.div, __assign({ as: "span" }, props)); };
+var Text$3 = function (props) { return jsx(x.div, __assign({ as: "span" }, props)); };
 
 var Tab = function (_a) {
     var tabDefinition = _a.tabDefinition, value = _a.value, isActive = _a.isActive, onTabSwitch = _a.onTabSwitch;
@@ -8410,7 +8559,7 @@ var Tab = function (_a) {
     var handleOnClick = useCallback(function () {
         onTabSwitch(value);
     }, [onTabSwitch, value]);
-    return (jsx(StyledTabWrapper, { children: jsxs(Tab$1, { onClick: handleOnClick, active: isActive, children: [icon && (jsx(StyledImageBox, { children: jsx(Icon, { icon: icon }) })), jsx(Text$1, { children: label }), isActive && badgeCount && badgeCount > 0 && (jsx(RoundedWrap, { children: jsx(Text$1, { variant: "medium", children: badgeCount }) }))] }) }));
+    return (jsx(StyledTabWrapper, { children: jsxs(Tab$1, { onClick: handleOnClick, active: isActive, children: [icon && (jsx(StyledImageBox, { children: jsx(Icon, { icon: icon }) })), jsx(Text$3, { children: label }), isActive && badgeCount && badgeCount > 0 && (jsx(RoundedWrap, { children: jsx(Text$3, { variant: "medium", children: badgeCount }) }))] }) }));
 };
 var Tabs = function (_a) {
     var tabsDefinition = _a.tabsDefinition, activeTab = _a.activeTab, onTabSwitch = _a.onTabSwitch;
@@ -8429,7 +8578,7 @@ var useTabs = function (tabDefinitions) {
     return { activeTab: activeTab, onTabSwitch: onTabSwitch };
 };
 
-var StyledLink = styled(NavLink)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n  color: ", ";\n  cursor: pointer;\n  :visited {\n    color: ", ";\n  }\n  :hover {\n    color: ", ";\n  }\n  :active {\n    color: ", ";\n  }\n  :focus {\n    outline: none;\n  }\n  font-family: ", ";\n  font-size: ", ";\n\n  ", "\n"], ["\n  color: ", ";\n  cursor: pointer;\n  :visited {\n    color: ", ";\n  }\n  :hover {\n    color: ", ";\n  }\n  :active {\n    color: ", ";\n  }\n  :focus {\n    outline: none;\n  }\n  font-family: ", ";\n  font-size: ", ";\n\n  ", "\n"])), function (_a) {
+var StyledLink$1 = styled(NavLink)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n  color: ", ";\n  cursor: pointer;\n  :visited {\n    color: ", ";\n  }\n  :hover {\n    color: ", ";\n  }\n  :active {\n    color: ", ";\n  }\n  :focus {\n    outline: none;\n  }\n  font-family: ", ";\n  font-size: ", ";\n\n  ", "\n"], ["\n  color: ", ";\n  cursor: pointer;\n  :visited {\n    color: ", ";\n  }\n  :hover {\n    color: ", ";\n  }\n  :active {\n    color: ", ";\n  }\n  :focus {\n    outline: none;\n  }\n  font-family: ", ";\n  font-size: ", ";\n\n  ", "\n"])), function (_a) {
     var color = _a.color;
     return createRgba(color, 0.7);
 }, function (_a) {
@@ -8453,7 +8602,7 @@ var Link = function (props) {
     var theme = useTheme();
     var themeColor = props.color ? th.color(props.color)({ theme: theme }) : undefined;
     var themeFontSize = th.fontSize(props.size)({ theme: theme });
-    return (jsx(StyledLink, __assign({}, props, { color: themeColor, size: themeFontSize, children: props.children })));
+    return (jsx(StyledLink$1, __assign({}, props, { color: themeColor, size: themeFontSize, children: props.children })));
 };
 Link.defaultProps = {
     to: '',
@@ -8465,36 +8614,68 @@ Link.defaultProps = {
 };
 var templateObject_1$j, templateObject_2$f;
 
-styled$1(x.div)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: space-between;\n  border: ", ";\n  border-radius: 8px;\n  background-color: ", ";\n  color: ", ";\n  font-family: ", ";\n  padding: 6px 5px 6px 5px;\n  margin-bottom: 5px;\n  position: relative;\n"], ["\n  width: 100%;\n  display: flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: space-between;\n  border: ", ";\n  border-radius: 8px;\n  background-color: ", ";\n  color: ", ";\n  font-family: ", ";\n  padding: 6px 5px 6px 5px;\n  margin-bottom: 5px;\n  position: relative;\n"])), function (_a) {
+var StyledAlert = styled$1(x.div)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: space-between;\n  border: ", ";\n  border-radius: 8px;\n  background-color: ", ";\n  color: ", ";\n  font-family: ", ";\n  padding: 6px 5px 6px 5px;\n  margin-bottom: 5px;\n  position: relative;\n"], ["\n  width: 100%;\n  display: flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: space-between;\n  border: ", ";\n  border-radius: 8px;\n  background-color: ", ";\n  color: ", ";\n  font-family: ", ";\n  padding: 6px 5px 6px 5px;\n  margin-bottom: 5px;\n  position: relative;\n"])), function (_a) {
     var $inline = _a.$inline, $colorFill = _a.$colorFill;
     return ($inline ? "solid 1px ".concat($colorFill) : 'none');
 }, function (_a) {
     var $bgColor = _a.$bgColor;
     return $bgColor;
 }, th('colors.textPrimary'), th('fonts.primary'));
-styled$1(x.div)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n  width: 4px;\n  height: 36px;\n  border-radius: 94px;\n  background-color: ", ";\n"], ["\n  width: 4px;\n  height: 36px;\n  border-radius: 94px;\n  background-color: ", ";\n"])), function (_a) {
+var VerticalSeparator = styled$1(x.div)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n  width: 4px;\n  height: 36px;\n  border-radius: 94px;\n  background-color: ", ";\n"], ["\n  width: 4px;\n  height: 36px;\n  border-radius: 94px;\n  background-color: ", ";\n"])), function (_a) {
     var $colorFill = _a.$colorFill;
     return $colorFill;
 });
-styled$1(x.div)(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n  margin: 0 13px 0 9px;\n"], ["\n  margin: 0 13px 0 9px;\n"])));
-styled$1.span(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 600;\n"], ["\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 600;\n"])));
-styled$1.span(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 400;\n"], ["\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 400;\n"])));
-styled$1(Link)(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  margin-right: 10px;\n"], ["\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  margin-right: 10px;\n"])), function (_a) {
+var IconWrap = styled$1(x.div)(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n  margin: 0 13px 0 9px;\n"], ["\n  margin: 0 13px 0 9px;\n"])));
+var Title$1 = styled$1.span(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 600;\n"], ["\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 600;\n"])));
+var Text$2 = styled$1.span(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 400;\n"], ["\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 400;\n"])));
+var LinkWrapper = styled$1(Link)(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  margin-right: 10px;\n"], ["\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  margin-right: 10px;\n"])), function (_a) {
     var $colorFill = _a.$colorFill;
     return $colorFill;
 });
-styled$1.button(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n  margin-right: 10px;\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n"], ["\n  margin-right: 10px;\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n"])), function (_a) {
+var ActionButton = styled$1.button(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n  margin-right: 10px;\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n"], ["\n  margin-right: 10px;\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n"])), function (_a) {
     var $colorFill = _a.$colorFill;
     return $colorFill;
 });
-styled$1.button(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n  height: 30px;\n  width: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n  margin-right: 5px;\n  background-color: transparent;\n  & :hover {\n    cursor: pointer;\n  }\n"], ["\n  height: 30px;\n  width: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n  margin-right: 5px;\n  background-color: transparent;\n  & :hover {\n    cursor: pointer;\n  }\n"])));
-styled$1.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n  position: absolute;\n  top: 3px;\n  right: 8px;\n  color: ", ";\n  font-size: 10px;\n"], ["\n  position: absolute;\n  top: 3px;\n  right: 8px;\n  color: ", ";\n  font-size: 10px;\n"])), th('colors.gray'));
+var CloseBtn = styled$1.button(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n  height: 30px;\n  width: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n  margin-right: 5px;\n  background-color: transparent;\n  & :hover {\n    cursor: pointer;\n  }\n"], ["\n  height: 30px;\n  width: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n  margin-right: 5px;\n  background-color: transparent;\n  & :hover {\n    cursor: pointer;\n  }\n"])));
+var Description = styled$1.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n  position: absolute;\n  top: 3px;\n  right: 8px;\n  color: ", ";\n  font-size: 10px;\n"], ["\n  position: absolute;\n  top: 3px;\n  right: 8px;\n  color: ", ";\n  font-size: 10px;\n"])), th('colors.gray'));
 var templateObject_1$i, templateObject_2$e, templateObject_3$e, templateObject_4$a, templateObject_5$6, templateObject_6$6, templateObject_7$4, templateObject_8$1, templateObject_9$1;
 
-styled.div(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  overflow: hidden;\n  color: ", ";\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n  svg {\n    font-size: ", ";\n  }\n  :hover {\n    background-color: ", ";\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  overflow: hidden;\n  color: ", ";\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n  svg {\n    font-size: ", ";\n  }\n  :hover {\n    background-color: ", ";\n  }\n"])), function (props) { return props.$colorFront ? th.color(props.$colorFront) : 'auto'; }, function (props) { return props.$colorBack ? th.color(props.$colorBack) : 'auto'; }, function (props) { return "".concat(props.size, "px"); }, function (props) { return "".concat(props.size, "px"); }, function (props) { return "".concat(props.size / 2, "px"); }, function (props) { return props.$hoverColorBack ? th.color(props.$hoverColorBack) : 'auto'; });
+var alertBackgroundColor = {
+    success: 'green10',
+    info: 'blue10',
+    warning: 'yellow10',
+    danger: 'red10',
+};
+var alertColorFill = {
+    success: 'successColor',
+    info: 'blue60',
+    warning: 'yellow70',
+    danger: 'dangerColor',
+};
+var alertIconMap = {
+    success: 'circleCheck',
+    info: 'info',
+    warning: 'circleTriangle',
+    danger: 'circleTriangle',
+};
+var Alert = function (props) {
+    var intent = props.intent, inline = props.inline, onClick = props.onClick, onClose = props.onClose, title = props.title, text = props.text, href = props.href, actionLabel = props.actionLabel, actionType = props.actionType, desc = props.desc, _a = props.closeAnywhere, closeAnywhere = _a === void 0 ? false : _a;
+    var theme = useTheme();
+    var bgColor = th.color(intent ? alertBackgroundColor[intent] : 'transparent')({ theme: theme });
+    var colorFill = th.color(intent ? alertColorFill[intent] : 'transparent')({ theme: theme });
+    var icon = intent && alertIconMap[intent];
+    return (jsxs(StyledAlert, { "$bgColor": bgColor, "$colorFill": colorFill, "$inline": inline, onClick: closeAnywhere ? onClose : undefined, children: [jsxs(x.div, { display: "flex", alignItems: "center", children: [inline && jsx(VerticalSeparator, { "$colorFill": colorFill }), icon && (jsx(IconWrap, { children: jsx(Icon, { icon: icon, size: "20px", fill: colorFill }) })), jsxs("div", { children: [jsx(Title$1, { children: title }), jsxs(Text$2, { children: [" ", text] })] })] }), jsxs(x.div, { display: "flex", alignItems: "center", children: [href && actionType === 'link' && (jsx(LinkWrapper, { "$colorFill": colorFill, to: href, children: actionLabel !== null && actionLabel !== void 0 ? actionLabel : 'Link' })), onClick && actionType === 'button' && (jsx(ActionButton, { "$colorFill": colorFill, onClick: onClick, children: actionLabel !== null && actionLabel !== void 0 ? actionLabel : 'Submit' })), onClose && !closeAnywhere && (jsx(CloseBtn, { onClick: onClose, children: jsx(Icon, { icon: "close", size: "15px", fill: "gray" }) })), desc && jsx(Description, { children: desc })] })] }));
+};
+
+var defaultDimension = 100;
+var StyledAvatarWrap = styled.div(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  overflow: hidden;\n  color: ", ";\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n  svg {\n    font-size: ", ";\n  }\n  :hover {\n    background-color: ", ";\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  overflow: hidden;\n  color: ", ";\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n  svg {\n    font-size: ", ";\n  }\n  :hover {\n    background-color: ", ";\n  }\n"])), function (props) { return props.$colorFront ? th.color(props.$colorFront) : 'auto'; }, function (props) { return props.$colorBack ? th.color(props.$colorBack) : 'auto'; }, function (props) { return "".concat(props.size, "px"); }, function (props) { return "".concat(props.size, "px"); }, function (props) { return "".concat(props.size / 2, "px"); }, function (props) { return props.$hoverColorBack ? th.color(props.$hoverColorBack) : 'auto'; });
+var Avatar = function (_a) {
+    var src = _a.src, _b = _a.size, size = _b === void 0 ? defaultDimension : _b, colorFront = _a.colorFront, colorBack = _a.colorBack, className = _a.className, hoverColorBack = _a.hoverColorBack, rest = __rest(_a, ["src", "size", "colorFront", "colorBack", "className", "hoverColorBack"]);
+    return (jsx(Fragment, { children: jsx(StyledAvatarWrap, __assign({ size: size, className: className, "$colorBack": colorBack || 'red2', "$colorFront": colorFront || 'white', "$hoverColorBack": hoverColorBack }, rest, { children: src ? jsx("img", { src: src, width: size, height: size }) : jsx(Icon, { icon: "avatar" }) })) }));
+};
 var templateObject_1$h;
 
-styled.div(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px;\n  color: white;\n  background-color: ", ";\n  border-radius: 50%;\n  width: ", ";\n  height: ", ";\n\n  .label {\n    font-family: ", ";\n    font-weight: 600;\n    vertical-align: middle;\n    text-align: center;\n    font-size: ", ";\n  }\n\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(", ");\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px;\n  color: white;\n  background-color: ", ";\n  border-radius: 50%;\n  width: ", ";\n  height: ", ";\n\n  .label {\n    font-family: ", ";\n    font-weight: 600;\n    vertical-align: middle;\n    text-align: center;\n    font-size: ", ";\n  }\n\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(", ");\n"])), function (_a) {
+var Circle = styled.div(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px;\n  color: white;\n  background-color: ", ";\n  border-radius: 50%;\n  width: ", ";\n  height: ", ";\n\n  .label {\n    font-family: ", ";\n    font-weight: 600;\n    vertical-align: middle;\n    text-align: center;\n    font-size: ", ";\n  }\n\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(", ");\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px;\n  color: white;\n  background-color: ", ";\n  border-radius: 50%;\n  width: ", ";\n  height: ", ";\n\n  .label {\n    font-family: ", ";\n    font-weight: 600;\n    vertical-align: middle;\n    text-align: center;\n    font-size: ", ";\n  }\n\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(", ");\n"])), function (_a) {
     var color = _a.color;
     return color;
 }, function (_a) {
@@ -8510,14 +8691,28 @@ styled.div(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n
     var topPosition = _a.topPosition;
     return (topPosition ? '75%, -75%' : '50%, -50%');
 });
-styled.div(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n  position: relative;\n  ", ";\n"], ["\n  position: relative;\n  ", ";\n"])), function (_a) {
+var RelativeWrap = styled.div(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n  position: relative;\n  ", ";\n"], ["\n  position: relative;\n  ", ";\n"])), function (_a) {
     var width = _a.width;
     return width
         ? css(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n          width: ", ";\n        "], ["\n          width: ", ";\n        "])), width) : '';
 });
+var Badge = function (_a) {
+    var children = _a.children, _b = _a.color, color = _b === void 0 ? 'red2' : _b, _c = _a.size, size = _c === void 0 ? 6 : _c, _d = _a.fontSize, fontSize = _d === void 0 ? 10 : _d, label = _a.label, childWidth = _a.childWidth, topPosition = _a.topPosition;
+    var theme = useTheme();
+    var themeColor = th.color(color)({ theme: theme });
+    var themeSize = th.fontSize(size)({ theme: theme });
+    if (!label || (typeof label === 'number' && label <= 0)) {
+        return jsx(Fragment, { children: children });
+    }
+    return (jsxs(RelativeWrap, { width: childWidth, children: [jsx(Circle, { color: themeColor, size: themeSize, topPosition: topPosition, fontSize: fontSize, children: jsx("div", { className: "label", children: label }) }), children] }));
+};
 var templateObject_1$g, templateObject_2$d, templateObject_3$d;
 
-styled(x.div)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: column;\n  padding: 3;\n  border: slim;\n  border-color: lightGray3;\n  border-radius: md;\n"], ["\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: column;\n  padding: 3;\n  border: slim;\n  border-color: lightGray3;\n  border-radius: md;\n"])));
+var StyledBox = styled(x.div)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: column;\n  padding: 3;\n  border: slim;\n  border-color: lightGray3;\n  border-radius: md;\n"], ["\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: column;\n  padding: 3;\n  border: slim;\n  border-color: lightGray3;\n  border-radius: md;\n"])));
+var BorderedBox = function (_a) {
+    var children = _a.children, className = _a.className, id = _a.id, rest = __rest(_a, ["children", "className", "id"]);
+    return (jsx(StyledBox, __assign({ id: id, className: className }, rest, { children: children })));
+};
 var templateObject_1$f;
 
 var wrapper = css(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n  display: flex;\n  box-sizing: border-box;\n  font-family: ", ";\n  :after {\n    box-sizing: border-box;\n  }\n"], ["\n  display: flex;\n  box-sizing: border-box;\n  font-family: ", ";\n  :after {\n    box-sizing: border-box;\n  }\n"])), th('fonts.primary'));
@@ -8545,7 +8740,7 @@ var ImageWrapper = styled(x.div)(templateObject_5$5 || (templateObject_5$5 = __m
     var color = _a.color;
     return color;
 }, down('lg', css(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n      display: none;\n    "], ["\n      display: none;\n    "])))));
-var StyledImage = styled(x.div)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n  display: flex;\n  align-self: center;\n  justify-content: center;\n  object-fit: cover;\n"], ["\n  display: flex;\n  align-self: center;\n  justify-content: center;\n  object-fit: cover;\n"])));
+var StyledImage$1 = styled(x.div)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n  display: flex;\n  align-self: center;\n  justify-content: center;\n  object-fit: cover;\n"], ["\n  display: flex;\n  align-self: center;\n  justify-content: center;\n  object-fit: cover;\n"])));
 var StyledBody = styled(x.div)(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n  ", ";\n  justify-content: center;\n  flex-direction: column;\n"], ["\n  ", ";\n  justify-content: center;\n  flex-direction: column;\n"])), wrapper);
 var templateObject_1$e, templateObject_2$c, templateObject_3$c, templateObject_4$9, templateObject_5$5, templateObject_6$5, templateObject_7$3;
 
@@ -8561,7 +8756,7 @@ var CardImage = function (_a) {
     var children = _a.children, _b = _a.color, color = _b === void 0 ? 'white' : _b, rest = __rest(_a, ["children", "color"]);
     var theme = useTheme();
     var themeColor = th.color(color)({ theme: theme });
-    return (jsx(ImageWrapper, { color: themeColor, children: jsx(StyledImage, __assign({}, rest, { children: children })) }));
+    return (jsx(ImageWrapper, { color: themeColor, children: jsx(StyledImage$1, __assign({}, rest, { children: children })) }));
 };
 
 var ArrowInnerB = styled.div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject([""], [""])));
@@ -8570,7 +8765,7 @@ var Arrow = styled.div(templateObject_3$b || (templateObject_3$b = __makeTemplat
     var verticalShift = _a.verticalShift;
     return (verticalShift ? 'calc(50% + 70px)' : 'calc(50%)');
 }, ArrowInnerA, ArrowInnerB, th.color('white'));
-styled.div(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n  position: absolute;\n\n  ", "\n\n  width: fit-content;\n  height: fit-content;\n  display: block;\n  z-index: 1;\n\n  ", " {\n    display: ", ";\n  }\n"], ["\n  position: absolute;\n\n  ", "\n\n  width: fit-content;\n  height: fit-content;\n  display: block;\n  z-index: 1;\n\n  ", " {\n    display: ", ";\n  }\n"])), function (_a) {
+var StyledDropdownWrap = styled.div(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n  position: absolute;\n\n  ", "\n\n  width: fit-content;\n  height: fit-content;\n  display: block;\n  z-index: 1;\n\n  ", " {\n    display: ", ";\n  }\n"], ["\n  position: absolute;\n\n  ", "\n\n  width: fit-content;\n  height: fit-content;\n  display: block;\n  z-index: 1;\n\n  ", " {\n    display: ", ";\n  }\n"])), function (_a) {
     var customDropdownPosition = _a.customDropdownPosition, verticalShift = _a.verticalShift;
     return customDropdownPosition
         ? customDropdownPosition
@@ -8579,18 +8774,39 @@ styled.div(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n
     var showArrow = _a.showArrow;
     return (showArrow ? 'block' : 'none');
 });
+var Dropdown = function (_a) {
+    var show = _a.show, className = _a.className, wrapRef = _a.wrapRef, children = _a.children, showArrow = _a.showArrow, verticalShift = _a.verticalShift, customDropdownPosition = _a.customDropdownPosition;
+    return (jsx(Fragment, { children: show && (jsxs(StyledDropdownWrap, { ref: wrapRef, className: className, showArrow: showArrow, verticalShift: verticalShift, customDropdownPosition: customDropdownPosition, children: [jsx(Arrow, { verticalShift: verticalShift, children: jsx(ArrowInnerA, { children: jsx(ArrowInnerB, {}) }) }), children] })) }));
+};
 var templateObject_1$d, templateObject_2$b, templateObject_3$b, templateObject_4$8;
 
 var tooltip = css(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n  span {\n    display: none;\n    position: absolute;\n    width: 120px;\n    background-color: red1;\n    color: white;\n    text-align: center;\n    border-radius: md;\n    padding: 1;\n    z-index: 1;\n    transition: opacity 0.3s;\n    top: 0;\n    margin-top: -4px;\n    left: 100%;\n    margin-left: 2;\n    box-shadow: tooltipBoxShadow;\n\n    :after {\n      content: '';\n      position: absolute;\n      top: 3px;\n      right: 100%;\n      border: mediumThick;\n      border-color: transparent ", " transparent transparent;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n    span {\n      display: block;\n    }\n  }\n"], ["\n  span {\n    display: none;\n    position: absolute;\n    width: 120px;\n    background-color: red1;\n    color: white;\n    text-align: center;\n    border-radius: md;\n    padding: 1;\n    z-index: 1;\n    transition: opacity 0.3s;\n    top: 0;\n    margin-top: -4px;\n    left: 100%;\n    margin-left: 2;\n    box-shadow: tooltipBoxShadow;\n\n    :after {\n      content: '';\n      position: absolute;\n      top: 3px;\n      right: 100%;\n      border: mediumThick;\n      border-color: transparent ", " transparent transparent;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n    span {\n      display: block;\n    }\n  }\n"])), th.color('red1'));
-styled.div(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n  color: red1;\n  font-size: 1;\n  display: flex;\n  align-items: flex-start;\n\n  svg {\n    min-width: 13px;\n    width: 13px;\n    fill: red1;\n  }\n"], ["\n  color: red1;\n  font-size: 1;\n  display: flex;\n  align-items: flex-start;\n\n  svg {\n    min-width: 13px;\n    width: 13px;\n    fill: red1;\n  }\n"])));
-styled.div(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n  .inline {\n    margin-top: 1;\n    svg {\n      margin-right: 2;\n    }\n  }\n  .tooltip {\n    ", "\n    svg {\n      position: absolute;\n      top: 0;\n      right: 0;\n    }\n  }\n"], ["\n  .inline {\n    margin-top: 1;\n    svg {\n      margin-right: 2;\n    }\n  }\n  .tooltip {\n    ", "\n    svg {\n      position: absolute;\n      top: 0;\n      right: 0;\n    }\n  }\n"])), tooltip);
+var ErrorWrap = styled.div(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n  color: red1;\n  font-size: 1;\n  display: flex;\n  align-items: flex-start;\n\n  svg {\n    min-width: 13px;\n    width: 13px;\n    fill: red1;\n  }\n"], ["\n  color: red1;\n  font-size: 1;\n  display: flex;\n  align-items: flex-start;\n\n  svg {\n    min-width: 13px;\n    width: 13px;\n    fill: red1;\n  }\n"])));
+var StyledWrapper = styled.div(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n  .inline {\n    margin-top: 1;\n    svg {\n      margin-right: 2;\n    }\n  }\n  .tooltip {\n    ", "\n    svg {\n      position: absolute;\n      top: 0;\n      right: 0;\n    }\n  }\n"], ["\n  .inline {\n    margin-top: 1;\n    svg {\n      margin-right: 2;\n    }\n  }\n  .tooltip {\n    ", "\n    svg {\n      position: absolute;\n      top: 0;\n      right: 0;\n    }\n  }\n"])), tooltip);
+var ErrorMessage = function (_a) {
+    var children = _a.children, appearance = _a.appearance;
+    return (jsx(StyledWrapper, { children: jsxs(ErrorWrap, { className: appearance, children: [jsx(Icon, { icon: "danger" }), jsx("span", { children: children })] }) }));
+};
 var templateObject_1$c, templateObject_2$a, templateObject_3$a;
 
+var formatScrSet = function (srcSet, imageProps) {
+    return Object.entries(srcSet)
+        .map(function (_a) {
+        var width = _a[0], src = _a[1];
+        return "".concat(src, " ").concat(width);
+    })
+        .join(', ');
+};
+var Image = function (props) {
+    var srcSetString = props.srcSet ? formatScrSet(props.srcSet) : undefined;
+    return jsx(Img, __assign({}, props, { srcSet: srcSetString, src: props.src }));
+};
+
 var style = css(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n  color: ", ";\n  font-family: ", ";\n  font-weight: bold;\n  display: block;\n  margin-bottom: 6px;\n"], ["\n  color: ", ";\n  font-family: ", ";\n  font-weight: bold;\n  display: block;\n  margin-bottom: 6px;\n"])), function (_a) {
     var $isInvalid = _a.$isInvalid;
     return ($isInvalid ? th.color('red1') : th.color('typoPrimary'));
 }, th('fonts.primary'));
-var Label$1 = styled.label(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n  margin-left: 8px;\n  ", ";\n  ", "\n  ", ";\n"], ["\n  margin-left: 8px;\n  ", ";\n  ", "\n  ", ";\n"])), style, function (_a) {
+var Label$2 = styled.label(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n  margin-left: 8px;\n  ", ";\n  ", "\n  ", ";\n"], ["\n  margin-left: 8px;\n  ", ";\n  ", "\n  ", ";\n"])), style, function (_a) {
     var fontSize = _a.fontSize;
     return fontSize
         ? css(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n          font-size: ", ";\n        "], ["\n          font-size: ", ";\n        "])), fontSize) : null;
@@ -8604,31 +8820,87 @@ var gabs = {
     medium: '10px',
     large: '20px',
 };
-styled.div(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n  width: 100%;\n  border-bottom: 1px ", ";\n  border-bottom-color: lightGray3;\n  margin: ", ";\n"], ["\n  width: 100%;\n  border-bottom: 1px ", ";\n  border-bottom-color: lightGray3;\n  margin: ", ";\n"])), function (_a) {
+var LineComponent = styled.div(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n  width: 100%;\n  border-bottom: 1px ", ";\n  border-bottom-color: lightGray3;\n  margin: ", ";\n"], ["\n  width: 100%;\n  border-bottom: 1px ", ";\n  border-bottom-color: lightGray3;\n  margin: ", ";\n"])), function (_a) {
     var variant = _a.variant;
     return variant;
 }, function (_a) {
     var gab = _a.gab, gabTop = _a.gabTop, gabBottom = _a.gabBottom;
     return "".concat(gabs[gab] || gabs[gabTop], " 0 ").concat(gabs[gab] || gabs[gabBottom]);
 });
+var Line = function (_a) {
+    var _b = _a.gab, gab = _b === void 0 ? 'none' : _b, _c = _a.gabTop, gabTop = _c === void 0 ? 'none' : _c, _d = _a.gabBottom, gabBottom = _d === void 0 ? 'none' : _d, _e = _a.variant, variant = _e === void 0 ? 'solid' : _e;
+    return (jsx(LineComponent, { gab: gab, gabTop: gabTop, gabBottom: gabBottom, variant: variant }));
+};
 var templateObject_1$a;
 
+var logoWhiteImage = "ba2267d1dea00b65.png";
+
+var logoBlackImage = "2b1ddee3e1b3cc7f.png";
+
+var logoMImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPsAAAGCCAMAAAAR9kUpAAAMXGlDQ1BpY2MAAEiJlVcHVFPJGp5bUklogQhICb2JIjWAlBBaBAGpgqiEJJBQYkwIKnZ0UcG1iyhWdFVE0bUAshZE7C6K3bW8WFBZWRdXsaHyJiSgz33vvLP/OXPnyz//fH/JzL0zAOip+DJZPqoPQIG0UJ4QGcoal5bOIj0BODAGZGAKLPgChYwTHx8DoAz03wgCwNub6icA19zUXOCfiaFQpBBAmgyIs4QKQQHEzQDgJQKZvBAAYhjU204tlKmxGGIjOQwQ4plqnKPBy9U4S4O399skJXAhbgSATOPz5TkA6LZCPatIkAN5dJ9A7C4VSqQA6BlBHCQQ84UQJ0E8rKBgshrPhdgJ2ssg3gUxO+sbzpz/4M8a5OfzcwaxJq9+IYdJFLJ8/vR/WJr/LwX5ygEfDrDRxPKoBHX+sIa38yZHqzEN4i5pVmycutYQv5cINXUHAKWKlVHJGnvUXKDgwvoBJsTuQn5YNMTmEEdI82NjtPqsbEkED2K4WtBpkkJeknbuIpEiPFHLuUE+OSFuAGfLuRzt3Dq+vN+v2r5VmZfM0fLfFot4A/xvisVJqRBTAcCoRZKUWIh1ITZS5CVGa2wwm2IxN3bARq5MUMdvBzFbJI0M1fBjGdnyiAStvaxAMZAvViqW8GK1uLJQnBSlqQ+2W8Dvj98E4nqRlJM8wCNSjIsZyEUoCgvX5I61iaTJ2nyxB7LC0ATt3G5ZfrzWHieL8iPVehuIzRRFidq5+KhCuDg1/HiMrDA+SRMnnpnLHx2viQcvAjGAC8IACyhhywKTQS6QtHU1dMFfmpEIwAdykANEwE2rGZiR2j8ihc9EUAz+gEgEFIPzQvtHRaAI6j8PajVPN5DdP1rUPyMPPIW4AESDfPhb2T9LOugtBTyBGsnfvAtgrPmwqcf+ruNATYxWoxzgZekNWBLDiWHEKGIE0Rk3w4PwADwGPkNg88DZuN9AtF/tCU8J7YRHhBsEFeHOJEmJ/LtYxgAV5I/QZpz1bca4A+T0xkPxQMgOmXEmbgbccC/oh4MHQ8/eUMvVxq3OnfVf8hzM4Juaa+0o7hSUMoQSQnH6fqaui673IIu6ot/WRxNr1mBVuYMj3/vnflNnIeyjv7fEFmEHsbPYSew8dhRrACzsBNaIXcKOqfHgGnrSv4YGvCX0x5MHeSR/88fX+lRXUuFe697p/kk7BgpF0wrVG4w7WTZdLskRF7I48CsgYvGkguHDWB7uHu4AqL8pmtfUa2b/twJhXviqmw/3cqC0r6/v6Fdd9EcADlnDba76qnO8Cl8H8H18boVAKS/S6HD1gwDfBnpwR5kCS2ALnGBGHsAHBIAQEA5GgziQBNLARFhnMVzPcjAVzATzQCkoB8vBGrAebAbbwC6wFxwADeAoOAnOgIvgCrgB7sL10wFegG7wFvQiCEJC6AgDMUWsEHvEFfFA2EgQEo7EIAlIGpKJ5CBSRInMROYj5chKZD2yFalBfkaOICeR80g7cgd5iHQifyEfUQyloUaoBeqAjkDZKAeNRpPQCWgOOgUtRhegS9FKtBrdg9ajJ9GL6A1Uhb5AezCA6WBMzBpzw9gYF4vD0rFsTI7NxsqwCqwaq8Oa4D99DVNhXdgHnIgzcBbuBtdwFJ6MC/Ap+Gx8Cb4e34XX4634Nfwh3o1/IdAJ5gRXgj+BRxhHyCFMJZQSKgg7CIcJp+Fu6iC8JRKJTKIj0RfuxjRiLnEGcQlxI3EfsZnYTnxM7CGRSKYkV1IgKY7EJxWSSknrSHtIJ0hXSR2k92QdshXZgxxBTidLySXkCvJu8nHyVfIzci9Fn2JP8afEUYSU6ZRllO2UJsplSgell2pAdaQGUpOoudR51EpqHfU09R71tY6Ojo2On85YHYnOXJ1Knf0653Qe6nygGdJcaFxaBk1JW0rbSWum3aG9ptPpDvQQejq9kL6UXkM/RX9Af6/L0B2uy9MV6s7RrdKt172q+1KPomevx9GbqFesV6F3UO+yXpc+Rd9Bn6vP15+tX6V/RP+Wfo8Bw2CkQZxBgcESg90G5w2eG5IMHQzDDYWGCwy3GZ4yfMzAGLYMLkPAmM/YzjjN6DAiGjka8YxyjcqN9hq1GXUbGxp7GacYTzOuMj5mrGJiTAcmj5nPXMY8wLzJ/DjEYghniGjI4iF1Q64OeWcy1CTERGRSZrLP5IbJR1OWabhpnukK0wbT+2a4mYvZWLOpZpvMTpt1DTUaGjBUMLRs6IGhv5mj5i7mCeYzzLeZXzLvsbC0iLSQWayzOGXRZcm0DLHMtVxtedyy04phFWQlsVptdcLqd5Yxi8PKZ1WyWlnd1ubWUdZK663Wbda9No42yTYlNvts7ttSbdm22barbVtsu+2s7MbYzbSrtfvNnmLPthfbr7U/a//OwdEh1WGhQ4PDc0cTR55jsWOt4z0nulOw0xSnaqfrzkRntnOe80bnKy6oi7eL2KXK5bIr6urjKnHd6No+jDDMb5h0WPWwW240N45bkVut28PhzOExw0uGNwx/OcJuRPqIFSPOjvji7u2e777d/e5Iw5GjR5aMbBr5l4eLh8CjyuO6J90zwnOOZ6PnKy9XL5HXJq/b3gzvMd4LvVu8P/v4+sh96nw6fe18M303+N5iG7Hj2UvY5/wIfqF+c/yO+n3w9/Ev9D/g/2eAW0BewO6A56McR4lGbR/1ONAmkB+4NVAVxArKDNoSpAq2DuYHVwc/CrENEYbsCHnGcebkcvZwXoa6h8pDD4e+4/pzZ3Gbw7CwyLCysLZww/Dk8PXhDyJsInIiaiO6I70jZ0Q2RxGioqNWRN3iWfAEvBpe92jf0bNGt0bTohOj10c/inGJkcc0jUHHjB6zasy9WPtYaWxDHIjjxa2Kux/vGD8l/pexxLHxY6vGPk0YmTAz4WwiI3FS4u7Et0mhScuS7iY7JSuTW1L0UjJSalLepYalrkxVjRsxbta4i2lmaZK0xnRSekr6jvSe8eHj14zvyPDOKM24OcFxwrQJ5yeaTcyfeGyS3iT+pIOZhMzUzN2Zn/hx/Gp+TxYva0NWt4ArWCt4IQwRrhZ2igJFK0XPsgOzV2Y/zwnMWZXTKQ4WV4i7JFzJesmr3Kjczbnv8uLydub15afm7ysgF2QWHJEaSvOkrZMtJ0+b3C5zlZXKVFP8p6yZ0i2Plu9QIIoJisZCI3h4v6R0Uv6gfFgUVFRV9H5qytSD0wymSaddmu4yffH0Z8URxT/NwGcIZrTMtJ45b+bDWZxZW2cjs7Nmt8yxnbNgTsfcyLm75lHn5c37tcS9ZGXJm/mp85sWWCyYu+DxD5E/1JbqlspLby0MWLh5Eb5IsqhtsefidYu/lAnLLpS7l1eUf1oiWHLhx5E/Vv7YtzR7adsyn2WblhOXS5ffXBG8YtdKg5XFKx+vGrOqfjVrddnqN2smrTlf4VWxeS11rXKtqjKmsnGd3brl6z6tF6+/URVatW+D+YbFG95tFG68uilkU91mi83lmz9ukWy5vTVya321Q3XFNuK2om1Pt6dsP/sT+6eaHWY7ynd83indqdqVsKu1xremZrf57mW1aK2ytnNPxp4re8P2Nta51W3dx9xXvh/sV+7//efMn28eiD7QcpB9sO6Q/aENhxmHy+qR+un13Q3iBlVjWmP7kdFHWpoCmg7/MvyXnUetj1YdMz627Dj1+ILjfSeKT/Q0y5q7TuacfNwyqeXuqXGnrreObW07HX363JmIM6fOcs6eOBd47uh5//NHLrAvNFz0uVh/yfvS4V+9fz3c5tNWf9n3cuMVvytN7aPaj18NvnryWti1M9d51y/eiL3RfjP55u1bGbdUt4W3n9/Jv/Pqt6Lfeu/OvUe4V3Zf/37FA/MH1f9y/tc+lY/q2MOwh5ceJT66+1jw+MUTxZNPHQue0p9WPLN6VvPc4/nRzojOK7+P/73jhexFb1fpHwZ/bHjp9PLQnyF/Xuoe193xSv6q768lr01f73zj9aalJ77nwduCt73vyt6bvt/1gf3h7MfUj896p34ifar87Py56Uv0l3t9BX19Mr6c338UwGBDs7MB+GsnAPQ0ABhX4PlhvObO1y+I5p7aj8D/wpp7Yb/4AFAHO/VxndsMwH7YHOZCbtjUR/WkEIB6eg42rSiyPT00XDR44yG87+t7bQEAqQmAz/K+vt6NfX2f4R0VuwNA8xTNXVMtRHg32KK+64I7qybMBd+J5h76TY7f90AdgRf4vv83T8GJhC8/WW4AAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAlVQTFRF////AAAA2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy2zgy////DIn7MQAAAMV0Uk5TAAAQKUBEUFVgU0o1IAsTJjlLUllNOg4GYo643Pf437uXc0gVO2SHqs3q/fGneEMPBEGCwPbgaCEdntX+y4Y9Akaglgei7torNo3W5pIwcPAyk9AJG4DKXsbsg6b64e1ysNtP2BGauSe8bAH5x6WzFC/S6TMt3fRO8/WuQmnZPnk/KFR3V3YfXzHMCNTnlTzom+Jczw37Xag0THsMKm18ialqJUd+xDdmkH+fGZT8mMkjugoe3uTvsQXFWKzTVpxur9ckgYSUUjnrAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+QMCw42HMRzeQQAAA5jelRYdFJhdyBwcm9maWxlIHR5cGUgaWNjAABogaWZa5bjum6F/2sUGYJAgiA5HD7XyvwnkA+SXFWudt+Tk7iaLYviA8RjY0M+/nuM47/46Gl6nP7Z6zTJZz5tnEGuLpu2suaQgmYN4Uwl1dTCeealPKZJ4lq4Vto8TCzmmE+lP506zufz+/4vn2vXza7H68Y/M4b5Jdm//Bz/brgEU0s5Wrxv07OhhcPUu23eD55+LYEDnzlkvcfpfT1DzBnNna9+K88GeqDOS433gzxeDyz/7K/nV//b+KY/F1Isc4tq/d6hnAMjSA6Wr/s1XhKd2ZA/PxKt9fTH87DFqaut637L68FieGGx+36n10IDA03br/7nZGcox7PDfb/b8yQW+5uk+XO/+5HYhyNc/flD/0+rfX/KoRzMHdLQSq7n//nzL/3o/7EQqh05/T5KsOfLsJKDlhSehR5rySzWbWtP4TXw7l8D6wZdup/x93PZBYvrD4meB+Fs7JDYIb1tEGR4aGt8HPGUW6IQXfmiqv210L1zUGPnwc7jfQJ2Natq+pjjifOQkSir1qTvRwuluHE1pfguaR14+cZ/9u9+M3QUVV4LPTu35YHxrdTXBkNReE9J5f0E6JStter4tdDWjJbw3cfVz1sn8WxEQE2m6+m/r1EcO3qK3zq6F4oh+EKIuv5YKOSUwssI4ZY0EkrJloPxu45ius9sL/O/NsDzZ/7hS4+OWIejVY623s0fa8nqR9NXWN+6iK0R2vLDCPfz2O2SSFL6UyKslsqX+b+tg5j4y8u/7kscyxdKbPBLorkcRjV8He3ZeV8J4TurPOP1dB25SV86Cs8DaSCBYYX3nTWOK8fp1wb3CVSHb0zi0nerqQHD6KKll1ZvCTTz3KVxQPNE4OvldF+N/2wfjuCO7mOt0fMa98Ofk1gdmGOiT8C/zBeYv8a4Q/7cxR3xa9K6v7ulMput+fSxkLvC+4a+UPgx2QfZPWHPD9L9PJ4v/CXt8Ux8drHOzvYs6uJz7+n7ep6+N/ON3o/HQomJnp+uQfXT+d+P72hp+9lgv+Yd/7uBHvXXmPE+xqW8JT5eIvN4/7Go4SKe942QMfeNUN3XGLJo3f3o/q5A7d0ZaIVWfyv44wYJPaYpXGFgE39cLJRmTdtqCdcR/oNudN4w5Cd486100Zq/mlpJObek6RJM43ykv6VWosGP6cYBwI77SChTiczr3D7RB+tvpT/m/+xbx5/W+rbE9+RPHv/bsyvXSm+FPFbWrKH8g0ejqtDOFdMvh7ykeXnr3/zop3LDB6f1o/2e9A/S/Km7l2d77vaOK67+86KxFHA6ArGZJrTK/aDl+2ixbxqDhndOf/AZl75iMn8K2h8Rba9o/8PDP8Sk/Dzq8QOHInkQuRd23ON9Ik+d8pWHzV7TbYPXFU5QoYiQUXfap2zwvKgwXIthhRFIvPFq/vkqan58dryw/soQVy0iNtqngSXeKTtSKe3r08encdp3u7JI16e2auvjziHPu2Pd3GKU6jVVgg+8KODD2L5Ofnoecin2nbuuWmxd1Oy8PH4606CZm/qe6DlQXSInT87sU3WgeTy73JjthnA27zVKQerCAqV7TNFYoLJpZX5zz3a235jUmeT+g4OdOBuElcYkL5wAr3P2G48W31e/hKbko3XUDWMTDCaMFom0Stuk9kRjAMcQYEbAIbgIbVCj0Yf0bjBqAxrPMpgtiC3YRxBZKoMQVxp7NAZ3rp0rEgrhIMCrTK6L6+K6Gb8bfsnRwukFsdImXMJoG90WSJnQ+gl1oPGM3UOmj6wbCn1lQXcYh4lDI2WHzmR2DOgjoIvgRkIHYafTfTGe/XTHi7gINa/TvRPGTSM+4d2RbBs908a8iGo6Kh2sHnGm2Nsd4ZMJy8s3gnmTik7H6Xhleb2w2lMSUO2MTTG3IrKyoBbyFDpSLKlIqpRXymKKTtxLdOOxGCZBjxPGSLHhOfVMqZCOOHvCVxI+kpAqNVonV0HQ7pxFw8zXn3iSJCydnXrSxHoGLbIMPTaksDqhSftGECxjiyIDHXksZ1wis3smHWXEysCH17RUDwQ/z9o4cwdGPI4yu2YK1IJiC35U8J8CkBWUWfCTUrhH2tK479wzpxB4BWes4gkjeRZpZI99erlUqSFr4TtleEXhdfCdTSoTmsjZOFZDsoZLNI7UCJuGC7QGz27oos1xtu2G5g8+0UmQPcnZQUqvfzuDe/fo4YriOxYcMNtBWhq4wkj4EfUhuLDO0fI5PMzw3MGi0/9w0Kkeau2c6GUybuLxc/B88h11LNxhBSRamI/aH6zZoGwnHg26GM61FnFZz03cbbx8gwwbr97oandH433u5dGNloIdnvQxEwrIyFwJrs6DmX2mEMjXP9ENjE6RMkQa2hpVZBUOl4WwkqDp8PcvQuxIaFHCoK2IsLRAYxNqfACA1vDpkQCCRGRCxgk8akdRa6KlH7DzCTosNgUdJAi0nxrFhJwBWnRJfQqn8mjzNw1COSpmQ6xssR4QlD4wWzLYkFWEykEyYJzbEnxL8s5SwBECXag4pJQmpW0pk++73YijSap1qVUOqR3fndOZobTQpKGaljNwtATXkIZCu6j02KVzzM6CHUn6bOIAhAvIoKiRkbsM9DPGkIGCJ6g1ieKZHcOqYGqZLLbEhIwtC52sqrJwqLWqbKyx4zoE/iibB7tv2auFC0vRPYEHaSI2BqAB1mEq8K9w5hRAUERZgUmB6jVQoh4hFL63HcKcJJ0WAK4AWIVYNcQRAowQsNxBdQbNI2jrQWfDu4gwxiaj1XyEREmfNimclUnvwV92WKctiK7QtIaciTIWyHOQ3WYocYeCC5WGHFNh33aEyqpoPtQ6A2hC9CBgTIFqO7TageMNiITQo4HKNXTG4RHBoW3EGobBE1o4wpgZ0BxhopeZLUx2ngu/xGuWjoBgQHgOhEzggEB5C7tK2Jxkb4ArUofZOFAL4Ts7gYArK+ZDRdK57hBdtmAxhtrBfYX3zBjB5ph3hJjFiMkUWaE8R9S6os4Scf6YAOhUKLNHiGnP6K9oLKP7tqLBm/w1SPakUUfMM8cisPTkjBCJyiigT7qMVNmpdk6+gTuWaVkjJyWx7MiBKfNxy9ZiXwWD5gijioMTjRWPOLEw4RJxVKp1Mk/wl4c0MhJIgn0kbp5vPGOvQGaMepVM7cIeNIsTWjuIi4GbLuQhVSF76AmNIgrhjvxsd/FZVc2ksEZltYgwgCNRvYPJaS61EA41gx62rjBiRTuac8fvSHFkrKJdiWMtwCPBAi1Epa0qTAazZG1shBwk9nHo9dKGlTtiE4CKVXX0RlGFAyvXii3m0AUJWLYUV7hzpZIyeLan5/l8kIckgexAPVhBLgQOEpGZcIIUMnENqANrCTOSWFtCYclfemjZGLmnFEpK0JqEqSmPdzJSq7WaYL0JbaRMKGXnlLhgyTOV0VMFZKpV8M4zXk6NWa3RNgt11NYrbbFmpIFiY1qaIaeZS5qjJpCJ6nOk1WcC8sngkkgAdpXoCc9q7UCYAQDzqIGjCBZQqb/mgSahWpypZouklqtG9hd/q+I97FSJ8eXvjKcRgocR5UZet1xxYgYR2UZ6trKGVRaqtVkFnpsWTr6hCNk6G/fGdW/kzND0fcBdC/gNd+hwfnLKsm5r4A1ofMMUNpAOGyPRQ1sWpsHfpaYMRcC+RHNDDsgorkPQdKoM0ftt/sBMoA3MPaMcP1c2gN12yRkOlHskv5AnbOXC2BparqUeuS5gSy1j2Qz/ygB87gQSwJpHoXlSoVohhLLz1wUCLp4DDhAYzXslWFk+oBLFOUUhSRUZExA5QToAeCuQkAtRSvqcBVcvugh2xZStw45cuQG9UDTFfpRcN3WhlmIVNFilAtq1IuxehbgsbbRCqi+osPQ9yjAAg74Jck2mzL3LMjswzio7kjcrxNkrPoDnnKQW2Ke0UkkfgHarpHIPlgqWgDhQqkLQEScp7ZpGPa44xL4VClXRZkURteiopSMYTgW7q3UPnKDUNnFqsL63XcmClTIJLpbrND1IsqGS+OpqC3eZHLTXveF4Br2dpFXNpFYjX9CqNQCawKeRKZWgIsoJwHK01NgMroIGGk6Dm62GVK2QSMrQBsAyokJmRmskfTJK64RZX5WMPtqACU6K4zZJ5ovcsUj77sBI1L0YJCZhXa1DQ7pM8pWS8QdIH9F9W5yQMK1EssSeSjvgZwieawfY8LrSkYbYJr4n5QxptTIZlO6tJ1ZafHE3kz5qd8LTJ9SWAxzgOJhGtQqtI3QSpJkqZ8EoLMMcwPi0SXpkBIAkTmoBaD9wO5JS4Lo3KFX1iMcgNiAkOEico/QxyB9sViEoZaCMAVqM3m2w0uAgg4Q1wDMShw1AAd6ax+7loNwhUXdoWxwcBhoa96RamsD9JN+gx4ocAJGumSbaSmnaBMVZDzXMYmTFxULVIMTYHXPNtju6h/1ShYzSoF+w4Gpk8DFhPHPDDnajsiFdnp1updwZ8JsUDwzWkTIuwGuRRpbuQRiC8+dc/nsZeLFwAFIiNKAPOBauP7EnmNoWoAm49N2PBbQuiO+a/t6XshDDrk3q2wMinagnVtoCX5C94TKoROoGkraSQEg7O0HDyW3HNpvb3GgwzcKggtdBdYiBvEGW3WDyPeeNOQmUggLrnsTI0r7XHGDk9HcURz6vnwi/fmK9is/nBYSZXW8aNth19cx0/VJDbr9HcLzXT4m/f82S8zzlQ9/5T/3H7wdvv0l+C3lJ1p7e1wt75wXnFU7jXii8fm6d9/X1oj7dr47gpzF+uL59AH8OGePP1zNC6XXfp12utz0w7es+9+s10J7O+vwtUL0UDWY8OorzUiKGkbefT1+fxxbt1K9+uDz5p3wN+etPh28/uz6Keq4va77dHx8GfOklfsv11/vjfwA35oM/pNcZ9AAABaFJREFUeNrt3AlXVVUchnGPIoKikKhQYokjkCYpU1JeSXFIzSIrh0IiwlRU0sxUzKHSyMpIm81SKi0bLCsbLJvO94q0pSCc7b137wPH3uf5AO/6/zheYC3utV8/IiL63+dphl0z7Jph1wy7Ztg1w64Zds2wa4ZdM+yaYdcMu2bYNcOuGXbNsGuGXTPsmmHXDLtm2DXDrhl2zbBrhl0z7Jph1wy7Ztg1w64Zds2wa4ZdM+yaYdcMu2bYNcOuGXbNsGuGXTPsmmHXDLtm2DXD3gv1H5AyMHVQWnrq4JQhGUMdjQ7LzEq5IXV4WnbqiJGZo6JnzxmSe+NNo/P8Lo25+Zax+ePGJ7s5dMLESZMLCou6jt5aMGXqbdOiYi++ffqMEj+40sll5YluVuTeMbMoeLLyzrtmxRKwz65KvrsDp+ekz632r928SfPjhy9YeE8ck4sWL4nbfm8ce0EtDRi+7/544JeqKXsgnluXPTg67smHHi7uI3ts+PLEVlas7H+tS4eseiShyUfLcvrAHkubl/hO7WrjqfPrEp98LL3X7fUzk1t6fGTglQ1PVCY12Vjeq/Y1TyY9Vbkw4NFnFyY7WbJ2Xa/Z56xcb7HlN1X0cOKoDTaTGzf1kr35KZszO9q8pduFT2+1myxt7g37unyrh36xZ8ZddeC2Z20nt28L3z5th7W8o7ydXe5rKbKfLMoN2565ywW949vTc53O2+1msyVc+55qN2f6fvXey9dNdbXZEqZ9X2K/dBkb3fDfcc+723whPHuug5fllTZe+qE80eHk+llh2Vtcyjt68d/Reqdfz9r94dgPOKb761/yvC0l9juda305DPtwpw/oYgdz9r/ievPVEOyvOX5AF1t40P3mYOf28toQ6KF0qL9j+/YQHlBYve7Yfl01QdjeGtO1+2nC9rYcXbtfJmxvK9a1+28I2w8L2/0sYXuVsL3kiK7dPyBsbxS2v9mga/ffEra/LWxfEdO1++8I2/OF7TuE7YeE7f4yYfu7wvb3hO1zhe2twvZqYbv/vrD9qLB9oLA9W9j+gbD9mLD9Q8f2MR8dX1AxatOJ9o8/cX5r0/T2zPHT9n96ss7N+zdPObXnfTbsyl+6jn6e3Gc8AtrQ6SNfp7/40sHiVy7tX5/p+j6ePe7eHre5vet01iL7zSqH9m++9a7q7HeO6Fszuk1/HyX74SNet/b+4IRem9l9ujnPdtWdveSM10P7nNjbe5q2fu+yO/tqr8fOOaBX9bgcK4iKvS3gY21H7b/Z553uebo9Kva1XkD2D35xwPI6y3eyurKXBH6Mt97aviZoOj8a9ilB93k/LrWk/xQ4fTYa9p8DD/R+sbTnB0/XRMFe2RB84ElL+4Dg6VNRsJ8Pvs9rtqMXGqZ/jYL9N8OBxXYfkD1nmD4RBfsFw4HeeasLpxuWY1ZfVkf2gSb771b2bNP0HxGw/2k6cKyVPcs03RgBu/G/6PjLyp5hml7V9/Zq033ecSv7HNP04r637zLaB9kcuMI4fazv7TXGA7fZHFhqnLZ6obqxNxkPTLE58Lxx2url5MY+Izy7+Z9UWt/bG40HZtkcuDzq9jrjgUtsDpyBHTt27NixY8eOHTt27NixY8eOHTt27NixY8eOHTt27NixY8eOHTt27NixY8eOHTt27NixY8eOHTt27NixY8eOHTt27NixY8eOHTt27NixY8eOHTt27NixY8eOHTt27NixY8eOHTt27NixY8eOHTt27Nh17SPqkm+38cByi+W6v43TO22mL1y2e5ph1wy7Ztg1w64Zds2wa4ZdM+yaYdcMu2bYNcOuGXbNsGuGXTPsmmHXDLtm2DXDrhl2zbBrhl0z7Jph1wy7Ztg1w64Zds2wa4ZdM+yaYdcMu2bYNcOuGXbNsGuGXTPsmmHXDLtm8nYiIiIiIiK6bvoHsD7scn5RjiMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjAtMTItMTFUMTQ6NTM6MDYrMDA6MDCQh6gMAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIwLTEyLTExVDE0OjUzOjA2KzAwOjAw4doQsAAAACh0RVh0aWNjOmNvcHlyaWdodABDb3B5cmlnaHQgQXBwbGUgSW5jLiwgMjAyMAq63rAAAAAXdEVYdGljYzpkZXNjcmlwdGlvbgBEaXNwbGF5FxuVuAAAAABJRU5ErkJggg==";
+
+var logoSvg = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22239.398%22%20height%3D%2268.428%22%20viewBox%3D%220%200%20239.398%2068.428%22%3E%20%20%3Cg%20id%3D%22Group_7689%22%20data-name%3D%22Group%207689%22%20transform%3D%22translate%28-9808.002%2019883.955%29%22%3E%20%20%20%20%3Cpath%20id%3D%22Path_3997%22%20data-name%3D%22Path%203997%22%20d%3D%22M264.019%2C322.535V303.762c0-1.3-.145-3.624-1.957-3.624-2.611%2C0-2.9%2C3.407-2.9%2C5.293v17.1H246.62V303.907c0-1.522-.073-3.481-2.028-3.481-2.9%2C0-2.828%2C3.191-2.828%2C5.293v16.817h-12.54V288.683h12.54v1.741c0%2C1.3-.073%2C2.609-.145%2C3.914%2C1.957-3.7%2C4.133-6.38%2C8.625-6.38%2C4.787%2C0%2C7.251%2C2.973%2C8.989%2C7.032%2C1.45-4.131%2C3.7-7.032%2C8.409-7.032a8.921%2C8.921%2C0%2C0%2C1%2C5.945%2C2.247c2.682%2C2.466%2C2.972%2C5.728%2C2.972%2C9.134v23.2Z%22%20transform%3D%22translate%289578.778%20-20153.648%29%22%20fill%3D%22%23e4001b%22%2F%3E%20%20%20%20%3Cpath%20id%3D%22Path_3998%22%20data-name%3D%22Path%203998%22%20d%3D%22M279.461%2C322.535c.145-1.883.29-3.843.435-5.726-1.812%2C3.624-4.349%2C6.452-8.7%2C6.452-8.554%2C0-10.294-11.31-10.294-17.831%2C0-6.742%2C1.959-17.472%2C10.583-17.472%2C4.06%2C0%2C6.525%2C2.683%2C8.119%2C6.09-.145-1.812-.145-3.551-.362-5.365h12.83v33.852Zm-2.754-24.211c-3.262%2C0-3.191%2C6.235-3.191%2C8.48%2C0%2C1.886.145%2C6.091%2C2.827%2C6.091%2C3.336%2C0%2C2.973-6.525%2C2.973-8.773C279.316%2C302.312%2C279.243%2C298.324%2C276.707%2C298.324Z%22%20transform%3D%22translate%289599.282%20-20153.648%29%22%20fill%3D%22%23121415%22%2F%3E%20%20%20%20%3Cpath%20id%3D%22Path_3999%22%20data-name%3D%22Path%203999%22%20d%3D%22M290.049%2C292.215a7.409%2C7.409%2C0%2C0%2C1-7.322-7.393%2C7.322%2C7.322%2C0%2C1%2C1%2C7.322%2C7.393Zm-6.307%2C37.041V295.4h12.54v33.852Z%22%20transform%3D%22translate%289613.406%20-20160.371%29%22%20fill%3D%22%23121415%22%2F%3E%20%20%20%20%3Cpath%20id%3D%22Path_4000%22%20data-name%3D%22Path%204000%22%20d%3D%22M294.475%2C329.712V276.869h12.54v52.843Z%22%20transform%3D%22translate%289621.012%20-20160.824%29%22%20fill%3D%22%23121415%22%2F%3E%20%20%20%20%3Cpath%20id%3D%22Path_4001%22%20data-name%3D%22Path%204001%22%20d%3D%22M325.662%2C299.92c-1.3-1.3-3.187-2.973-5.146-2.973a1.748%2C1.748%2C0%2C0%2C0-1.957%2C1.6c0%2C4.059%2C11.961%2C2.609%2C11.961%2C12.83%2C0%2C7.683-6.523%2C11.888-13.628%2C11.888-4.711%2C0-7.974-1.377-12.033-3.553l4.566-9.351c1.522%2C1.595%2C3.988%2C3.552%2C6.307%2C3.552%2C1.087%2C0%2C2.464-.507%2C2.464-1.812%2C0-3.479-12.18-2.537-12.18-12.54%2C0-7.538%2C7.1-11.6%2C13.919-11.6a22.292%2C22.292%2C0%2C0%2C1%2C10.076%2C2.756Z%22%20transform%3D%22translate%289627.732%20-20153.648%29%22%20fill%3D%22%23121415%22%2F%3E%20%20%20%20%3Cpath%20id%3D%22Path_4002%22%20data-name%3D%22Path%204002%22%20d%3D%22M340.167%2C329.712v-17.9c0-1.45.073-4.133-1.958-4.133-2.464%2C0-2.68%2C3.191-2.68%2C5v17.034H322.986V276.869h12.542v18.92c0%2C2.174-.145%2C4.349-.29%2C6.523%2C1.665-3.914%2C4.349-7.177%2C8.915-7.177%2C6.525%2C0%2C8.625%2C5.945%2C8.625%2C11.526v23.051Z%22%20transform%3D%22translate%289639.464%20-20160.824%29%22%20fill%3D%22%23121415%22%2F%3E%20%20%20%20%3Cpath%20id%3D%22Path_4003%22%20data-name%3D%22Path%204003%22%20d%3D%22M351.3%2C292.215a7.409%2C7.409%2C0%2C0%2C1-7.32-7.393%2C7.321%2C7.321%2C0%2C1%2C1%2C7.32%2C7.393Zm-6.307%2C37.041V295.4h12.54v33.852Z%22%20transform%3D%22translate%289653.049%20-20160.371%29%22%20fill%3D%22%23121415%22%2F%3E%20%20%20%20%3Cpath%20id%3D%22Path_4004%22%20data-name%3D%22Path%204004%22%20d%3D%22M367.972%2C293.468c1.74-3.263%2C3.843-5.51%2C7.757-5.51%2C8.625%2C0%2C11.018%2C10.875%2C11.018%2C17.688%2C0%2C6.74-2.031%2C17.616-10.728%2C17.616-3.914%2C0-6.088-2.25-8.047-5.293.145%2C1.884.292%2C3.7.292%2C5.581v14.571H355.723V288.683h12.541Zm2.827%2C4.856c-2.682%2C0-2.9%2C5.22-2.9%2C7.106%2C0%2C1.81.218%2C7.246%2C2.828%2C7.246%2C2.827%2C0%2C3.044-5.582%2C3.044-7.538C373.772%2C303.254%2C373.482%2C298.324%2C370.8%2C298.324Z%22%20transform%3D%22translate%289660.653%20-20153.648%29%22%20fill%3D%22%23121415%22%2F%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var logoMailstepBlack = "data:image/svg+xml,%3Csvg%20width%3D%22138px%22%20height%3D%2239px%22%20viewBox%3D%220%200%20138%2039%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20class%3D%22Header-logo%22%3E%20%3Ctitle%3EGroup%209%3C%2Ftitle%3E%20%3Cdefs%3E%20%20%3Cpolygon%20id%3D%22path-1%22%20points%3D%226.359447e-05%200%20137.821904%200%20137.821904%2038.9675115%206.359447e-05%2038.9675115%22%3E%3C%2Fpolygon%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22HP%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%3Cg%20id%3D%22HP-1.2-%28tmav%C3%A1%29%22%20transform%3D%22translate%28-260.000000%2C%20-29.000000%29%22%3E%20%20%20%3Cg%20id%3D%22Group-9%22%20transform%3D%22translate%28260.000000%2C%2029.000000%29%22%3E%20%20%20%20%3Cg%20id%3D%22Clip-2%22%3E%3C%2Fg%3E%20%20%20%20%3Cpath%20%20fill%3D%22black%22%20d%3D%22M48.9009677%2C30.6111982%20L55.5624885%2C30.6111982%20L55.5624885%2C10.4867281%20L48.9009677%2C10.4867281%20L48.9009677%2C30.6111982%20Z%20M52.198341%2C0%20C49.7499539%2C0%2048.5575576%2C1.97142857%2048.5575576%2C3.98419355%20C48.5575576%2C5.9524424%2049.7499539%2C7.9683871%2052.198341%2C7.9683871%20C54.6721659%2C7.9683871%2055.8836406%2C5.9524424%2055.8836406%2C3.98419355%20C55.8836406%2C1.97142857%2054.6721659%2C0%2052.198341%2C0%20L52.198341%2C0%20Z%20M58.5164516%2C30.6111982%20L65.1557143%2C30.6111982%20L65.1557143%2C0.206682028%20L58.5164516%2C0.206682028%20L58.5164516%2C30.6111982%20Z%20M75.8491244%2C17.882765%20C74.4977419%2C17.583871%2074.0176037%2C17.3104147%2074.0176037%2C16.6903687%20C74.0176037%2C16.2102304%2074.313318%2C15.8223041%2075.6201843%2C15.8223041%20C76.739447%2C15.8223041%2078.1130876%2C16.3247005%2079.143318%2C16.7380645%20L80.4501843%2C11.6091705%20C79.143318%2C10.9000922%2077.8618894%2C10.2800461%2074.2465438%2C10.2800461%20C69.9411982%2C10.2800461%2067.8807373%2C13.6473733%2067.8807373%2C16.9415668%20C67.8807373%2C20.0576959%2069.184424%2C22.1849309%2072.1383871%2C23.0084793%20C73.6042396%2C23.4218433%2074.1066359%2C23.9496774%2074.1066359%2C24.5665438%20C74.1066359%2C25.1834101%2073.6042396%2C25.5268203%2072.7584332%2C25.5268203%20C71.4515668%2C25.5268203%2070.0334101%2C25.024424%2068.7742396%2C24.2676498%20L67.1239631%2C28.5284793%20C68.6375115%2C29.8321659%2070.4435945%2C31.1135945%2073.4198157%2C31.1135945%20C78.6631797%2C31.1135945%2081.2514747%2C27.9306912%2081.2514747%2C24.2453917%20C81.2514747%2C21.4058986%2079.46447%2C18.6141014%2075.8491244%2C17.882765%20L75.8491244%2C17.882765%20Z%20M91.1404147%2C10.4867281%20L91.1404147%2C4.69327189%20L84.478894%2C4.69327189%20L84.478894%2C10.4867281%20L82.8317972%2C10.4867281%20L82.8317972%2C16.7825806%20L84.478894%2C16.7825806%20L84.478894%2C30.6111982%20L91.1404147%2C30.6111982%20L91.1404147%2C16.7825806%20L93.4775115%2C16.7825806%20L93.4775115%2C10.4867281%20L91.1404147%2C10.4867281%20Z%22%20id%3D%22Fill-1%22%20class%3D%22Header-logoLetter%22%3E%3C%2Fpath%3E%20%20%20%20%3Cpath%20%20fill%3D%22black%22%20d%3D%22M122.069553%2C24.3598935%20L122.047295%2C24.3598935%20C120.629139%2C24.3598935%20119.894623%2C22.5506309%20119.894623%2C20.7445479%20C119.894623%2C18.9575433%20120.629139%2C17.1482806%20122.047295%2C17.1482806%20L122.069553%2C17.1482806%20C123.49089%2C17.1482806%20124.222226%2C18.9575433%20124.222226%2C20.7445479%20C124.222226%2C22.5506309%20123.49089%2C24.3598935%20122.069553%2C24.3598935%20M124.085498%2C10.1878659%20C123.239692%2C10.1878659%20122.597388%2C10.3722899%20122.047295%2C10.6711839%20C121.109277%2C11.1735802%20120.536927%2C12.0448244%20120.056788%2C12.9128889%20L120.056788%2C10.4867599%20L113.417526%2C10.4867599%20L113.417526%2C38.9675433%20L120.056788%2C38.9675433%20L120.056788%2C28.7097553%20C120.444715%2C29.4188336%20120.924853%2C30.2900779%20122.047295%2C30.7479581%20C122.575129%2C30.9768982%20123.214254%2C31.1136263%20124.085498%2C31.1136263%20C128.365406%2C31.1136263%20130.518079%2C25.8957%20130.518079%2C20.674594%20C130.518079%2C15.4089719%20128.365406%2C10.1878659%20124.085498%2C10.1878659%22%20id%3D%22Fill-5%22%20class%3D%22Header-logoLetter%22%3E%3C%2Fpath%3E%20%20%20%20%3Cpath%20%20fill%3D%22black%22%20d%3D%22M101.465009%2C17.882765%20C101.465009%2C17.3899078%20101.579479%2C16.7698618%20101.865654%2C16.2770046%20C102.151829%2C15.7809677%20102.609709%2C15.4089401%20103.296529%2C15.4089401%20C104.647912%2C15.4311982%20105.12805%2C16.8048387%20105.12805%2C17.882765%20L101.465009%2C17.882765%20Z%20M111.357129%2C21.7270507%20L111.357129%2C20.8589862%20C111.357129%2C15.4089401%20108.953258%2C10.3277419%20103.296529%2C10.1878341%20L103.067589%2C10.1878341%20C97.620723%2C10.1878341%2094.8957%2C15.5011521%2094.8957%2C20.7445161%20C94.8957%2C26.0101382%2097.620723%2C31.2757604%20103.023073%2C31.2757604%20L103.296529%2C31.2757604%20C108.196483%2C31.1612903%20110.256944%2C28.0928571%20111.2204%2C24.932212%20C111.287175%2C24.6110599%20111.334871%2C24.2676498%20111.334871%2C23.9242396%20L105.12805%2C23.9242396%20C104.991322%2C24.8654378%20104.695608%2C25.9401843%20103.344225%2C25.9401843%20C103.321967%2C25.9401843%20103.321967%2C25.9179263%20103.296529%2C25.9179263%20C102.037359%2C25.8956682%20101.375976%2C24.7032719%20101.375976%2C21.7270507%20L111.357129%2C21.7270507%20Z%22%20id%3D%22Fill-6%22%20class%3D%22Header-logoLetter%22%3E%3C%2Fpath%3E%20%20%20%20%3Cpath%20%20fill%3D%22black%22%20d%3D%22M36.8371286%2C24.1086954%20L36.8148705%2C24.1086954%20C35.256806%2C24.1086954%2034.5922438%2C22.2326585%2034.5922438%2C20.3089258%20C34.5922438%2C18.362935%2035.3013221%2C16.4837184%2036.8148705%2C16.4837184%20L36.8371286%2C16.4837184%20C38.3029811%2C16.4837184%2039.0565756%2C18.3851931%2039.0565756%2C20.3089258%20C39.0565756%2C22.2326585%2038.3029811%2C24.1086954%2036.8371286%2C24.1086954%20L36.8371286%2C24.1086954%20Z%20M39.1933037%2C10.4867599%20L39.1933037%2C12.6616908%20C38.7131654%2C11.6537184%2038.0263452%2C10.8746862%2036.8371286%2C10.509018%20C36.3569903%2C10.3500318%2035.8068982%2C10.2800779%2035.164594%2C10.2800779%20C30.7002622%2C10.2800779%2028.5030733%2C15.453488%2028.5030733%2C20.674594%20C28.5030733%2C25.8480041%2030.7002622%2C31.0214143%2035.164594%2C31.0214143%20C35.8291562%2C31.0214143%2036.3569903%2C30.932382%2036.8371286%2C30.7479581%20C38.1885111%2C30.2678198%2038.8276355%2C29.1676355%2039.1933037%2C28.321829%20L39.1933037%2C30.61123%20L45.7435341%2C30.61123%20L45.7435341%2C10.4867599%20L39.1933037%2C10.4867599%20Z%22%20id%3D%22Fill-7%22%20class%3D%22Header-logoLetter%22%3E%3C%2Fpath%3E%20%20%20%20%3Cpath%20%20d%3D%22M9.86738157%2C30.6104986%20L16.5295382%2C30.6104986%20L16.5295382%2C19.049024%20C16.5295382%2C17.9272175%2016.7584783%2C16.3246369%2018.2236949%2C16.3246369%20C19.6660175%2C16.3246369%2019.8033816%2C18.0187935%2019.8033816%2C19.049024%20L19.8033816%2C30.6104986%20L26.4655382%2C30.6104986%20L26.4655382%2C16.668047%20C26.4655382%2C13.3713097%2024.6798055%2C10.1661484%2021.0167641%2C10.1661484%20C17.9718608%2C10.1661484%2016.9874184%2C11.3337429%2016.0945521%2C12.3868673%20C15.3848378%2C11.2650608%2014.3546074%2C10.1661484%2011.5615382%2C10.1661484%20C9.06609124%2C10.1661484%207.4635106%2C11.4940009%206.59353825%2C12.5929134%20L6.59353825%2C10.4637705%20L6.359447e-05%2C10.4637705%20L6.359447e-05%2C30.6104986%20L6.57064424%2C30.6104986%20L6.57064424%2C19.049024%20C6.57064424%2C17.8585355%206.82247834%2C16.3246369%208.2190129%2C16.3246369%20C9.68422949%2C16.3246369%209.86738157%2C17.8585355%209.86738157%2C19.049024%20L9.86738157%2C30.6104986%20Z%22%20id%3D%22Fill-8%22%20fill%3D%22%23E20714%22%3E%3C%2Fpath%3E%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var logoMailstepWhite = "data:image/svg+xml,%3Csvg%20width%3D%22138px%22%20height%3D%2239px%22%20viewBox%3D%220%200%20138%2039%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20class%3D%22Header-logo%22%3E%20%3Ctitle%3EGroup%209%3C%2Ftitle%3E%20%3Cdefs%3E%20%20%3Cpolygon%20id%3D%22path-1%22%20points%3D%226.359447e-05%200%20137.821904%200%20137.821904%2038.9675115%206.359447e-05%2038.9675115%22%3E%3C%2Fpolygon%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22HP%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%3Cg%20id%3D%22HP-1.2-%28tmav%C3%A1%29%22%20transform%3D%22translate%28-260.000000%2C%20-29.000000%29%22%3E%20%20%20%3Cg%20id%3D%22Group-9%22%20transform%3D%22translate%28260.000000%2C%2029.000000%29%22%3E%20%20%20%20%3Cg%20id%3D%22Clip-2%22%3E%3C%2Fg%3E%20%20%20%20%3Cpath%20%20fill%3D%22white%22%20d%3D%22M48.9009677%2C30.6111982%20L55.5624885%2C30.6111982%20L55.5624885%2C10.4867281%20L48.9009677%2C10.4867281%20L48.9009677%2C30.6111982%20Z%20M52.198341%2C0%20C49.7499539%2C0%2048.5575576%2C1.97142857%2048.5575576%2C3.98419355%20C48.5575576%2C5.9524424%2049.7499539%2C7.9683871%2052.198341%2C7.9683871%20C54.6721659%2C7.9683871%2055.8836406%2C5.9524424%2055.8836406%2C3.98419355%20C55.8836406%2C1.97142857%2054.6721659%2C0%2052.198341%2C0%20L52.198341%2C0%20Z%20M58.5164516%2C30.6111982%20L65.1557143%2C30.6111982%20L65.1557143%2C0.206682028%20L58.5164516%2C0.206682028%20L58.5164516%2C30.6111982%20Z%20M75.8491244%2C17.882765%20C74.4977419%2C17.583871%2074.0176037%2C17.3104147%2074.0176037%2C16.6903687%20C74.0176037%2C16.2102304%2074.313318%2C15.8223041%2075.6201843%2C15.8223041%20C76.739447%2C15.8223041%2078.1130876%2C16.3247005%2079.143318%2C16.7380645%20L80.4501843%2C11.6091705%20C79.143318%2C10.9000922%2077.8618894%2C10.2800461%2074.2465438%2C10.2800461%20C69.9411982%2C10.2800461%2067.8807373%2C13.6473733%2067.8807373%2C16.9415668%20C67.8807373%2C20.0576959%2069.184424%2C22.1849309%2072.1383871%2C23.0084793%20C73.6042396%2C23.4218433%2074.1066359%2C23.9496774%2074.1066359%2C24.5665438%20C74.1066359%2C25.1834101%2073.6042396%2C25.5268203%2072.7584332%2C25.5268203%20C71.4515668%2C25.5268203%2070.0334101%2C25.024424%2068.7742396%2C24.2676498%20L67.1239631%2C28.5284793%20C68.6375115%2C29.8321659%2070.4435945%2C31.1135945%2073.4198157%2C31.1135945%20C78.6631797%2C31.1135945%2081.2514747%2C27.9306912%2081.2514747%2C24.2453917%20C81.2514747%2C21.4058986%2079.46447%2C18.6141014%2075.8491244%2C17.882765%20L75.8491244%2C17.882765%20Z%20M91.1404147%2C10.4867281%20L91.1404147%2C4.69327189%20L84.478894%2C4.69327189%20L84.478894%2C10.4867281%20L82.8317972%2C10.4867281%20L82.8317972%2C16.7825806%20L84.478894%2C16.7825806%20L84.478894%2C30.6111982%20L91.1404147%2C30.6111982%20L91.1404147%2C16.7825806%20L93.4775115%2C16.7825806%20L93.4775115%2C10.4867281%20L91.1404147%2C10.4867281%20Z%22%20id%3D%22Fill-1%22%20class%3D%22Header-logoLetter%22%3E%3C%2Fpath%3E%20%20%20%20%3Cpath%20%20fill%3D%22white%22%20d%3D%22M122.069553%2C24.3598935%20L122.047295%2C24.3598935%20C120.629139%2C24.3598935%20119.894623%2C22.5506309%20119.894623%2C20.7445479%20C119.894623%2C18.9575433%20120.629139%2C17.1482806%20122.047295%2C17.1482806%20L122.069553%2C17.1482806%20C123.49089%2C17.1482806%20124.222226%2C18.9575433%20124.222226%2C20.7445479%20C124.222226%2C22.5506309%20123.49089%2C24.3598935%20122.069553%2C24.3598935%20M124.085498%2C10.1878659%20C123.239692%2C10.1878659%20122.597388%2C10.3722899%20122.047295%2C10.6711839%20C121.109277%2C11.1735802%20120.536927%2C12.0448244%20120.056788%2C12.9128889%20L120.056788%2C10.4867599%20L113.417526%2C10.4867599%20L113.417526%2C38.9675433%20L120.056788%2C38.9675433%20L120.056788%2C28.7097553%20C120.444715%2C29.4188336%20120.924853%2C30.2900779%20122.047295%2C30.7479581%20C122.575129%2C30.9768982%20123.214254%2C31.1136263%20124.085498%2C31.1136263%20C128.365406%2C31.1136263%20130.518079%2C25.8957%20130.518079%2C20.674594%20C130.518079%2C15.4089719%20128.365406%2C10.1878659%20124.085498%2C10.1878659%22%20id%3D%22Fill-5%22%20class%3D%22Header-logoLetter%22%3E%3C%2Fpath%3E%20%20%20%20%3Cpath%20%20fill%3D%22white%22%20d%3D%22M101.465009%2C17.882765%20C101.465009%2C17.3899078%20101.579479%2C16.7698618%20101.865654%2C16.2770046%20C102.151829%2C15.7809677%20102.609709%2C15.4089401%20103.296529%2C15.4089401%20C104.647912%2C15.4311982%20105.12805%2C16.8048387%20105.12805%2C17.882765%20L101.465009%2C17.882765%20Z%20M111.357129%2C21.7270507%20L111.357129%2C20.8589862%20C111.357129%2C15.4089401%20108.953258%2C10.3277419%20103.296529%2C10.1878341%20L103.067589%2C10.1878341%20C97.620723%2C10.1878341%2094.8957%2C15.5011521%2094.8957%2C20.7445161%20C94.8957%2C26.0101382%2097.620723%2C31.2757604%20103.023073%2C31.2757604%20L103.296529%2C31.2757604%20C108.196483%2C31.1612903%20110.256944%2C28.0928571%20111.2204%2C24.932212%20C111.287175%2C24.6110599%20111.334871%2C24.2676498%20111.334871%2C23.9242396%20L105.12805%2C23.9242396%20C104.991322%2C24.8654378%20104.695608%2C25.9401843%20103.344225%2C25.9401843%20C103.321967%2C25.9401843%20103.321967%2C25.9179263%20103.296529%2C25.9179263%20C102.037359%2C25.8956682%20101.375976%2C24.7032719%20101.375976%2C21.7270507%20L111.357129%2C21.7270507%20Z%22%20id%3D%22Fill-6%22%20class%3D%22Header-logoLetter%22%3E%3C%2Fpath%3E%20%20%20%20%3Cpath%20%20fill%3D%22white%22%20d%3D%22M36.8371286%2C24.1086954%20L36.8148705%2C24.1086954%20C35.256806%2C24.1086954%2034.5922438%2C22.2326585%2034.5922438%2C20.3089258%20C34.5922438%2C18.362935%2035.3013221%2C16.4837184%2036.8148705%2C16.4837184%20L36.8371286%2C16.4837184%20C38.3029811%2C16.4837184%2039.0565756%2C18.3851931%2039.0565756%2C20.3089258%20C39.0565756%2C22.2326585%2038.3029811%2C24.1086954%2036.8371286%2C24.1086954%20L36.8371286%2C24.1086954%20Z%20M39.1933037%2C10.4867599%20L39.1933037%2C12.6616908%20C38.7131654%2C11.6537184%2038.0263452%2C10.8746862%2036.8371286%2C10.509018%20C36.3569903%2C10.3500318%2035.8068982%2C10.2800779%2035.164594%2C10.2800779%20C30.7002622%2C10.2800779%2028.5030733%2C15.453488%2028.5030733%2C20.674594%20C28.5030733%2C25.8480041%2030.7002622%2C31.0214143%2035.164594%2C31.0214143%20C35.8291562%2C31.0214143%2036.3569903%2C30.932382%2036.8371286%2C30.7479581%20C38.1885111%2C30.2678198%2038.8276355%2C29.1676355%2039.1933037%2C28.321829%20L39.1933037%2C30.61123%20L45.7435341%2C30.61123%20L45.7435341%2C10.4867599%20L39.1933037%2C10.4867599%20Z%22%20id%3D%22Fill-7%22%20class%3D%22Header-logoLetter%22%3E%3C%2Fpath%3E%20%20%20%20%3Cpath%20%20d%3D%22M9.86738157%2C30.6104986%20L16.5295382%2C30.6104986%20L16.5295382%2C19.049024%20C16.5295382%2C17.9272175%2016.7584783%2C16.3246369%2018.2236949%2C16.3246369%20C19.6660175%2C16.3246369%2019.8033816%2C18.0187935%2019.8033816%2C19.049024%20L19.8033816%2C30.6104986%20L26.4655382%2C30.6104986%20L26.4655382%2C16.668047%20C26.4655382%2C13.3713097%2024.6798055%2C10.1661484%2021.0167641%2C10.1661484%20C17.9718608%2C10.1661484%2016.9874184%2C11.3337429%2016.0945521%2C12.3868673%20C15.3848378%2C11.2650608%2014.3546074%2C10.1661484%2011.5615382%2C10.1661484%20C9.06609124%2C10.1661484%207.4635106%2C11.4940009%206.59353825%2C12.5929134%20L6.59353825%2C10.4637705%20L6.359447e-05%2C10.4637705%20L6.359447e-05%2C30.6104986%20L6.57064424%2C30.6104986%20L6.57064424%2C19.049024%20C6.57064424%2C17.8585355%206.82247834%2C16.3246369%208.2190129%2C16.3246369%20C9.68422949%2C16.3246369%209.86738157%2C17.8585355%209.86738157%2C19.049024%20L9.86738157%2C30.6104986%20Z%22%20id%3D%22Fill-8%22%20fill%3D%22%23E20714%22%3E%3C%2Fpath%3E%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var logoMailwise = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20viewBox%3D%22143.525%20169.971%20204.219%2043.361%22%20width%3D%22204.219%22%20height%3D%2243.361%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%20%3Cdefs%3E%20%20%20%20%3CclipPath%20clipPathUnits%3D%22userSpaceOnUse%22%20id%3D%22clipPath18%22%3E%20%20%20%20%20%20%3Cpath%20d%3D%22M%200%2C595.28%20H%20595.28%20V%200%20H%200%20Z%22%20id%3D%22path16%22%20%2F%3E%20%20%20%20%3C%2FclipPath%3E%20%20%3C%2Fdefs%3E%20%20%3Cg%20id%3D%22g10%22%20transform%3D%22matrix%281.333333%2C%200%2C%200%2C%20-1.333333%2C%20-151.218994%2C%20588.503967%29%22%3E%20%20%20%20%3Cg%20id%3D%22g12%22%3E%20%20%20%20%20%20%3Cg%20id%3D%22g14%22%20clip-path%3D%22url%28%23clipPath18%29%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22g20%22%20transform%3D%22translate%28242.1812%2C281.8203%29%22%3E%20%20%20%20%20%20%20%20%20%20%3Cpath%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%200%2C0%20v%2011.396%20c%200%2C0.793%20-0.088%2C2.202%20-1.188%2C2.202%20-1.584%2C0%20-1.76%2C-2.069%20-1.76%2C-3.213%20V%200%20h%20-7.614%20v%2011.309%20c%200%2C0.924%20-0.043%2C2.113%20-1.232%2C2.113%20-1.76%2C0%20-1.716%2C-1.937%20-1.716%2C-3.213%20V%200%20h%20-7.613%20v%2020.551%20h%207.613%20v%20-1.057%20c%200%2C-0.792%20-0.044%2C-1.584%20-0.088%2C-2.376%201.188%2C2.244%202.508%2C3.872%205.237%2C3.872%202.904%2C0%204.401%2C-1.803%205.457%2C-4.268%200.88%2C2.508%202.244%2C4.268%205.104%2C4.268%201.321%2C0%202.641%2C-0.484%203.609%2C-1.363%20C%207.437%2C18.13%207.613%2C16.15%207.613%2C14.082%20V%200%20Z%22%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23ec2227%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20id%3D%22path22%22%20%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22g24%22%20transform%3D%22translate%28262.3306%2C296.5176%29%22%3E%20%20%20%20%20%20%20%20%20%20%3Cpath%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%200%2C0%20c%20-1.98%2C0%20-1.936%2C-3.784%20-1.936%2C-5.148%200%2C-1.145%200.088%2C-3.697%201.716%2C-3.697%202.025%2C0%201.804%2C3.96%201.804%2C5.325%20C%201.584%2C-2.42%201.541%2C0%200%2C0%20m%201.672%2C-14.697%20c%200.089%2C1.143%200.177%2C2.332%200.265%2C3.476%20-1.101%2C-2.201%20-2.64%2C-3.917%20-5.281%2C-3.917%20-5.193%2C0%20-6.25%2C6.865%20-6.25%2C10.826%200%2C4.092%201.19%2C10.605%206.426%2C10.605%202.465%2C0%203.961%2C-1.628%204.929%2C-3.696%20-0.089%2C1.1%20-0.089%2C2.156%20-0.22%2C3.257%20H%209.33%20v%20-20.551%20z%22%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20id%3D%22path26%22%20%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3Cpath%20%20%20%20%20%20%20%20%20%20d%3D%22m%20275.177%2C302.371%20h%207.613%20V%20281.82%20h%20-7.613%20z%20m%203.829%2C1.936%20c%20-2.464%2C0%20-4.445%2C2.068%20-4.445%2C4.489%200%2C2.42%202.024%2C4.4%204.445%2C4.4%202.42%2C0%204.445%2C-1.98%204.445%2C-4.4%200%2C-2.464%20-1.981%2C-4.489%20-4.445%2C-4.489%22%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20id%3D%22path28%22%20%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22m%20286.309%2C313.9%20h%207.613%20v%20-32.08%20h%20-7.613%20z%22%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20id%3D%22path30%22%20%2F%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22g32%22%20transform%3D%22translate%28319.707%2C281.8203%29%22%3E%20%20%20%20%20%20%20%20%20%20%3Cpath%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M%200%2C0%20H%20-7.525%20L%20-9.109%2C12.321%20-11.441%2C0%20h%20-7.481%20l%20-5.105%2C20.551%20h%207.48%20c%200.748%2C-4.137%201.629%2C-8.23%201.938%2C-12.41%200.396%2C4.18%201.408%2C8.317%202.332%2C12.41%20h%206.513%20c%200.703%2C-4.137%201.452%2C-8.23%201.803%2C-12.41%200.617%2C4.18%201.453%2C8.273%202.334%2C12.41%20h%207.611%20z%22%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20id%3D%22path34%22%20%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3Cpath%20%20%20%20%20%20%20%20%20%20d%3D%22m%20327.447%2C302.371%20h%207.613%20V%20281.82%20h%20-7.613%20z%20m%203.83%2C1.936%20c%20-2.465%2C0%20-4.445%2C2.068%20-4.445%2C4.489%200%2C2.42%202.023%2C4.4%204.445%2C4.4%202.42%2C0%204.444%2C-1.98%204.444%2C-4.4%200%2C-2.464%20-1.981%2C-4.489%20-4.444%2C-4.489%22%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20id%3D%22path36%22%20%2F%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22g38%22%20transform%3D%22translate%28350.4609%2C295.5498%29%22%3E%20%20%20%20%20%20%20%20%20%20%3Cpath%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%200%2C0%20c%20-0.791%2C0.792%20-1.936%2C1.804%20-3.123%2C1.804%20-0.572%2C0%20-1.189%2C-0.308%20-1.189%2C-0.968%200%2C-2.464%207.261%2C-1.584%207.261%2C-7.789%200%2C-4.665%20-3.961%2C-7.217%20-8.273%2C-7.217%20-2.86%2C0%20-4.84%2C0.836%20-7.305%2C2.156%20l%202.772%2C5.677%20c%200.923%2C-0.969%202.421%2C-2.156%203.83%2C-2.156%200.66%2C0%201.496%2C0.308%201.496%2C1.099%200%2C2.114%20-7.395%2C1.541%20-7.395%2C7.614%200%2C4.577%204.313%2C7.041%208.449%2C7.041%202.202%2C0%204.182%2C-0.703%206.118%2C-1.672%20z%22%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20id%3D%22path40%22%20%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22g42%22%20transform%3D%22translate%28366.6523%2C294.582%29%22%3E%20%20%20%20%20%20%20%20%20%20%3Cpath%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M%200%2C0%20C%20-0.043%2C1.1%20-0.439%2C2.596%20-1.805%2C2.596%20-3.168%2C2.596%20-3.52%2C1.1%20-3.564%2C0%20Z%20m%207.262%2C-5.854%20c%20-1.057%2C-4.796%20-4.358%2C-7.348%20-9.155%2C-7.348%20-6.293%2C0%20-9.373%2C4.4%20-9.373%2C10.341%200%2C5.809%203.346%2C11.046%209.594%2C11.046%206.293%2C0%209.242%2C-5.149%209.242%2C-10.87%200%2C-0.484%20-0.045%2C-0.924%20-0.045%2C-1.408%20H%20-3.652%20c%200%2C-1.144%200.175%2C-3.169%201.759%2C-3.169%200.881%2C0%201.541%2C0.616%201.717%2C1.453%20z%22%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20id%3D%22path44%22%20%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var logoMailwiseSmall = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20viewBox%3D%22143.525%20169.971%2084.219%2043.361%22%20width%3D%2284.219%22%20height%3D%2243.361%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%20%3Cdefs%3E%20%20%20%20%3CclipPath%20clipPathUnits%3D%22userSpaceOnUse%22%20id%3D%22clipPath18%22%3E%20%20%20%20%20%20%3Cpath%20d%3D%22M%200%2C595.28%20H%20595.28%20V%200%20H%200%20Z%22%20id%3D%22path16%22%2F%3E%20%20%20%20%3C%2FclipPath%3E%20%20%3C%2Fdefs%3E%20%20%3Cg%20id%3D%22g10%22%20transform%3D%22matrix%281.333333%2C%200%2C%200%2C%20-1.333333%2C%20-151.218994%2C%20588.503967%29%22%3E%20%20%20%20%3Cg%20id%3D%22g12%22%3E%20%20%20%20%20%20%3Cg%20id%3D%22g14%22%20clip-path%3D%22url%28%23clipPath18%29%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22g20%22%20transform%3D%22translate%28242.1812%2C281.8203%29%22%3E%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22m%200%2C0%20v%2011.396%20c%200%2C0.793%20-0.088%2C2.202%20-1.188%2C2.202%20-1.584%2C0%20-1.76%2C-2.069%20-1.76%2C-3.213%20V%200%20h%20-7.614%20v%2011.309%20c%200%2C0.924%20-0.043%2C2.113%20-1.232%2C2.113%20-1.76%2C0%20-1.716%2C-1.937%20-1.716%2C-3.213%20V%200%20h%20-7.613%20v%2020.551%20h%207.613%20v%20-1.057%20c%200%2C-0.792%20-0.044%2C-1.584%20-0.088%2C-2.376%201.188%2C2.244%202.508%2C3.872%205.237%2C3.872%202.904%2C0%204.401%2C-1.803%205.457%2C-4.268%200.88%2C2.508%202.244%2C4.268%205.104%2C4.268%201.321%2C0%202.641%2C-0.484%203.609%2C-1.363%20C%207.437%2C18.13%207.613%2C16.15%207.613%2C14.082%20V%200%20Z%22%20style%3D%22fill%3A%23ec2227%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20id%3D%22path22%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22g32%22%20transform%3D%22translate%28275.707%2C281.8203%29%22%3E%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%200%2C0%20H%20-7.525%20L%20-9.109%2C12.321%20-11.441%2C0%20h%20-7.481%20l%20-5.105%2C20.551%20h%207.48%20c%200.748%2C-4.137%201.629%2C-8.23%201.938%2C-12.41%200.396%2C4.18%201.408%2C8.317%202.332%2C12.41%20h%206.513%20c%200.703%2C-4.137%201.452%2C-8.23%201.803%2C-12.41%200.617%2C4.18%201.453%2C8.273%202.334%2C12.41%20h%207.611%20z%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20id%3D%22path34%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var logoMailwrap = "data:image/svg+xml,%3Csvg%20version%3D%221.2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20259%2053%22%20width%3D%22259%22%20height%3D%2253%22%3E%3Cdefs%3E%3CclipPath%20clipPathUnits%3D%22userSpaceOnUse%22%20id%3D%22cp1%22%3E%3Cpath%20d%3D%22m-294.22-374.2h793.71v793.7h-793.71z%22%20%2F%3E%3C%2FclipPath%3E%3Cimage%20%20width%3D%2210%22%20height%3D%224%22%20id%3D%22img1%22%20href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAAoAAAAEAQMAAACN9jyOAAAAAXNSR0IB2cksfwAAAAZQTFRF%2F%2F%2F%2F%2F%2F%2F%2FVXz1bAAAAAJ0Uk5T%2F8%2FubO9rAAAADUlEQVR4nGNgcGCAAQACjABB8%2FvblwAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3Cimage%20%20width%3D%2210%22%20height%3D%224%22%20id%3D%22img2%22%20href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAAoAAAAEAQMAAACN9jyOAAAAAXNSR0IB2cksfwAAAAZQTFRF%2F%2F%2F%2F%2F%2F%2F%2FVXz1bAAAAAJ0Uk5T%2F8%2FubO9rAAAADUlEQVR4nGNgcGCAAQACjABB8%2FvblwAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3Cimage%20%20width%3D%2225%22%20height%3D%2229%22%20id%3D%22img3%22%20href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABkAAAAdCAMAAABopjdHAAAAAXNSR0IB2cksfwAAAMNQTFRF%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FWcU9VgAAAEF0Uk5TgH8gAK%2FP%2F0CQvxAwYMDv33Cgb58%2FXz706%2Fz%2B9vD3GHVCWIt%2BUTUvTa0GDzgB8y7k8h%2F49SMI%2FS0dFgQSERkUCQJ4fsqRAAAAxElEQVR4nHXSZxOCMAwG4EqgLMWFCxX3QHGLe%2F3%2FXyXeSZv2ru%2BnJM%2BXNFdCclk0AE03qKGb8AuhLCZY%2F8p2RHHzrNQl4SUlghSQeBoWIZZSikqhLhadGLwpIbEBHI91ZSSV9BFVvikSP5UaX0ESn7eS1BvNFqVBu9MNJAl7%2FcFwNJ5MZ3NJIsiyQLJM%2B5gJusFqDUK4bEKVbHcq2SvlcETjOIm4nM5sLP%2BdCxoLElxVQpObYgMK94dK4PnC1xEf8f6w8gsBxRaZ5mJdeAAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3C%2Fdefs%3E%3Cstyle%3E.s0%7Bfill%3A%23ec2227%7D.s1%7Bfill%3A%23ffffff%7D%3C%2Fstyle%3E%3Cg%20clip-path%3D%22url%28%23cp1%29%22%3E%3Cpath%20class%3D%22s0%22%20d%3D%22m28.7%2043.7v-15.2c0-1-0.1-2.9-1.6-2.9c-2.1%200-2.3%202.8-2.3%204.3v13.8h-10.2v-15c0-1.3-0.1-2.9-1.6-2.9c-2.4%200-2.3%202.6-2.3%204.3v13.6h-10.2v-27.4h10.2v1.5q0%201.5-0.1%203.1c1.5-3%203.3-5.1%206.9-5.1c3.9%200%205.9%202.4%207.3%205.6c1.2-3.3%203-5.6%206.8-5.6c1.8%200%203.5%200.6%204.8%201.8c2.2%202%202.4%204.6%202.4%207.4v18.7z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20class%3D%22s1%22%20d%3D%22m57.8%2043.7c0.1-1.5%200.2-3.1%200.3-4.6c-1.4%202.9-3.5%205.2-7%205.2c-6.9%200-8.3-9.1-8.3-14.4c0-5.5%201.5-14.1%208.5-14.1c3.3%200%205.3%202.1%206.6%204.9c-0.1-1.5-0.1-2.9-0.3-4.4h10.4v27.4zm-2.2-19.6c-2.7%200-2.6%205.1-2.6%206.9c0%201.5%200.1%204.9%202.3%204.9c2.7%200%202.4-5.2%202.4-7.1c0-1.4-0.1-4.7-2.1-4.7z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20class%3D%22s1%22%20d%3D%22m203%2043v-27.4h10.3c-0.2%201.5-0.2%202.9-0.3%204.3c1.3-2.7%203.3-4.9%206.5-4.9c6.9%200%208.5%208.7%208.5%2014.1c0%205.3-1.4%2014.5-8.3%2014.5c-3.4%200-5.5-2.3-6.9-5.2c0.1%201.5%200.2%203.1%200.3%204.6zm10.3-14.9c0%201.8-0.3%207.1%202.3%207.1c2.2%200%202.3-3.4%202.3-4.9c0-1.9%200.1-6.9-2.6-6.9c-2%200-2%203.2-2%204.7z%22%20%2F%3E%3Cuse%20%20href%3D%22%23img1%22%20x%3D%22203%22%20y%3D%2243%22%20%2F%3E%3Cuse%20%20href%3D%22%23img2%22%20x%3D%22203%22%20y%3D%2247%22%20%2F%3E%3Cuse%20%20href%3D%22%23img3%22%20x%3D%22143%22%20y%3D%2215%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20class%3D%22s1%22%20d%3D%22m186.8%2042.7c0.1-1.5%200.2-3.1%200.3-4.6c-1.4%202.9-3.5%205.2-7%205.2c-6.9%200-8.3-9.1-8.3-14.4c0-5.5%201.5-14.1%208.5-14.1c3.3%200%205.3%202.1%206.6%204.9c-0.1-1.5-0.1-2.9-0.3-4.4h10.4v27.4zm-2.2-19.6c-2.7%200-2.6%205.1-2.6%206.9c0%201.5%200.1%204.9%202.3%204.9c2.7%200%202.4-5.2%202.4-7.1c0-1.4-0.1-4.7-2.1-4.7z%22%20%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22m72.7%2016.3h10.1v27.4h-10.1zm5.1-2.5c-3.3%200-5.9-2.8-5.9-6c0-3.2%202.7-5.9%205.9-5.9c3.2%200%205.9%202.7%205.9%205.9c0%203.3-2.6%206-5.9%206z%22%20%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22m87.5%201h10.2v42.7h-10.2z%22%20%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22m132.1%2043.7h-10.1l-2.1-16.4l-3.1%2016.4h-10l-6.8-27.4h10c1%205.6%202.2%2011%202.6%2016.6c0.5-5.6%201.9-11.1%203.1-16.6h8.7c0.9%205.6%201.9%2011%202.4%2016.6c0.8-5.6%201.9-11%203.1-16.6h10.1z%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var logoMailstock = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%22413pt%22%20height%3D%2288pt%22%20viewBox%3D%220%200%20413%2088%22%3E%3Cpath%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C171.06104%2C86.17261%29%22%20d%3D%22M0%20.000092V84.17261H19.958207V.000092H0Z%22%20fill%3D%22%23111d27%22%2F%3E%3Cpath%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C140.26087%2C86.173099%29%22%20d%3D%22M11.652962%2059.00191C5.190824%2059.00191%200%2064.42806%200%2070.77764%200%2077.12744%205.306221%2082.325199%2011.652962%2082.325199%2017.997326%2082.325199%2023.30333%2077.12744%2023.30333%2070.77764%2023.30333%2064.31278%2018.112614%2059.00191%2011.652962%2059.00191ZM1.615021-.000031V53.92225H21.573128V-.000031H1.615021Z%22%20fill%3D%22%23111d27%22%2F%3E%3Cpath%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C83.04443%2C87.33032%29%22%20d%3D%22M29.534775%201.157085C29.76557%204.15609%2029.996148%207.278378%2030.226943%2010.277489%2027.343092%204.504959%2023.30592-.000038%2016.382302-.000038%202.768454-.000038%200%2018.015187%200%2028.402909%200%2039.14231%203.117238%2056.233888%2016.843674%2056.233888%2023.30592%2056.233888%2027.227696%2051.959669%2029.76557%2046.533624%2029.534775%2049.419839%2029.534777%2052.19055%2029.1888%2055.079359H49.608278V1.157085H29.534775ZM25.151627%2039.722169C19.960698%2039.722169%2020.0735%2029.790808%2020.0735%2026.214648%2020.0735%2023.210343%2020.304295%2016.51168%2024.572047%2016.51168%2029.88075%2016.51168%2029.304198%2026.904704%2029.304198%2030.486163%2029.304198%2033.369779%2029.1888%2039.722169%2025.151627%2039.722169Z%22%20fill%3D%22%23111d27%22%2F%3E%3Cpath%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C0%2C86.17334%29%22%20d%3D%22M55.37576%20.000092V29.903843C55.37576%2031.981799%2055.145074%2035.676378%2052.26133%2035.676378%2048.106164%2035.676378%2047.644685%2030.250224%2047.644685%2027.24592V.000092H27.686583V29.672959C27.686583%2032.097406%2027.571187%2035.2172%2024.45946%2035.2172%2019.842814%2035.2172%2019.95821%2030.134837%2019.95821%2026.786747V.000092H0V53.922376H19.95821V51.148958C19.95821%2049.070894%2019.842812%2046.99283%2019.727416%2044.914766%2022.841843%2050.802686%2026.305058%2055.076906%2033.454069%2055.076906%2041.072446%2055.076906%2044.99433%2050.34081%2047.760084%2043.875734%2050.067056%2050.456304%2053.642965%2055.076906%2061.14324%2055.076906%2064.60375%2055.076906%2068.06427%2053.806989%2070.60463%2051.49804%2074.87249%2047.569986%2075.33386%2042.374826%2075.33386%2036.948778V.000092H55.37576Z%22%20fill%3D%22%23e4001b%22%2F%3E%3Cpath%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C199%2C57.5%29%22%20d%3D%22M0-23%206.5-12.053574C8.381761-13.232147%2010.84161-14.428574%2012.234113-15%2013.626616-15.535713%2014.546954-15%2015.676011-15%2016.842703-15%2017.747296-14.714287%2018.5-14%2019.29034-13.285713%2018.895546-13.125%2018.895546-12.053574%2018.895546-10.196434%2018.263522-9.214287%2014.5-7%2013.521484-6.42857%2012.526893-5.32143%2012-5%207.82234-3.392857%205.467773-1.17857%204%201%202.532227%203.214287%201%207%201%2010%201%2014.928574%203.263371%2020.142857%206.5%2023%209.736629%2025.892857%2015.005259%2027.5%2020.5%2027.5%2023.247372%2027.5%2025.669886%2025.607144%2028.15381%2024.857144%2030.67537%2024.142857%2033.102846%2023.017857%2035.436227%2021.482144L29%2010C27.532227%2011.17857%2025.279599%2012.42857%2024%2013%2022.758038%2013.57143%2021.591422%2013.714287%2020.5%2013.714287%2019.258038%2013.714287%2019.064906%2014.25%2018.274565%2013.607143%2017.52186%2012.964287%2017.145508%2012.125%2017.145508%2011.089287%2017.145508%209.553574%2018.895546%207.767857%2022.395623%205.732143%2023.487044%205.089287%2024.333836%204.571426%2024.935999%204.17857%2028.850062%201.60714%2031.578616-.839283%2033.12166-3.160713%2034.664705-5.446426%2035.436227-8.160713%2035.436227-11.303574%2035.436227-16.410714%2033.66737-20.553574%2030.129658-23.732148%2026.591948-26.91072%2022.720555-29%2017-29%2014.214994-29%2010.52156-28.89286%208-28%205.47844-27.10714%202.333383-24.85714%200-23Z%22%20fill%3D%22%23111d27%22%2F%3E%3Cpath%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C199%2C70%29%22%20d%3D%22M45.5-15.5V26.107144H39.5V38L45.5%2038.5V53L62%2053.5%2062.5%2038.5%2067.81079%2037.517858V26.214287L62.5%2025.5V-15.5H45.5Z%22%20fill%3D%22%23111d27%22%2F%3E%3Cpath%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C199%2C57.5%29%22%20d%3D%22M95.89494-15.803574C98.604679-15.803574%20100.03223-14.035713%20101.5-11.5%20103.00541-8.928574%20103-5.785717%20103-1.07143%20103%203.60714%20103.00541%206.464287%20101.5%209%20100.03223%2011.57143%2098.70973%2013%2096%2013%2093.29027%2013%2091.09645%2012.339283%2089.62868%209.80357%2088.160907%207.267857%2087.42702%203.642857%2087.42702-1.07143%2087.42702-5.82143%2088.160907-9.464287%2089.62868-12%2091.09645-14.535713%2093.18521-15.803574%2095.89494-15.803574ZM118.984149-1.178574C118.984149-9.535721%20116.87657-16.178574%20112.66143-21.107148%20108.48392-26.03572%20102.895099-29.5%2095.89494-29.5%2088.857158-29.5%2083.177509-26.89286%2079-22%2074.86012-17.071427%2072-9.89286%2072-1.5%2072%206.821426%2073.36012%2013.607143%2077.5%2018.5%2081.677509%2023.392857%2088.46221%2027%2095.5%2027%20102.53779%2027%20108.540378%2023.51786%20112.71788%2018.589287%20116.895389%2013.69643%20118.984149%207.10714%20118.984149-1.178574Z%22%20fill%3D%22%23111d27%22%2F%3E%3Cpath%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C199%2C56.5%29%22%20d%3D%22M158%207.892857C156.79567%208.75%20154.62906%209.107143%20153.5%209.5%20152.37094%209.892857%20151.62906%2011%20150.5%2011%20147.56446%2011%20145.243%2010.321426%20143.51178%207.892857%20141.78057%205.5%20140.91495%202.25%20140.91495-1.857143%20140.91495-6.178574%20141.78057-9.51786%20143.51178-11.875%20145.28064-14.196426%20147.76456-15.357147%20150.96355-15.357147%20152.16788-15.357147%20153.29694-15.14286%20154.35073-14.714287%20155.40451-14.25%20156.42066-13.553574%20157.39917-12.625L158-27C156.41933-28.035714%20154.03083-29%20152.26197-29.5%20150.53075-30%20148.81835-30%20146.89894-30%20140.42569-30%20135.33879-27.89286%20131.5-23%20127.698848-18.10714%20125-10.607147%20125-2.178574%20125%206.142853%20126.16121%2012.69643%20130%2017.589287%20133.83879%2022.482144%20140.06438%2025.5%20146.5%2025.5%20148.34413%2025.5%20151.26879%2025.357144%20153%2025%20154.73122%2024.678572%20155.70558%2023.624999%20157.39917%2022.946427L158%207.892857Z%22%20fill%3D%22%23111d27%22%2F%3E%3Cpath%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C199%2C86.5%29%22%20d%3D%22M182%2033.5C182.37636%2034.464288%20182.86768%2035.17857%20184.1849%2037.785715%20184.486%2038.357145%20184.03437%2039.214288%20184.1849%2039.5L192%2054.5%20211%2054.017858%20197%2032%20212%20.5H193.5L183%2025%20182%200%20165.5%20.5V85L182.5%2085.5%20182%2033.5Z%22%20fill%3D%22%23111d27%22%2F%3E%3Cpath%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C197%2C88%29%22%20d%3D%22M0%206.873573%208.112396%2020.575928%209.812165%2019.509476C11.637133%2018.364464%2013.170879%2017.548417%2014.425851%2017.030571%2015.657531%2016.558014%2016.668778%2016.363198%2017.486027%2016.363198%2018.20603%2016.363198%2018.668665%2016.566102%2019.031836%2016.911339L19.048197%2016.926888%2019.064949%2016.942055C19.467207%2017.306237%2019.665062%2017.725029%2019.665062%2018.327004%2019.665062%2018.659142%2019.49702%2019.229493%2018.720646%2020.070862%2017.949364%2020.906716%2016.707556%2021.864708%2014.903319%2022.928307%2013.919963%2023.503579%2013.153638%2023.958786%2012.610038%2024.290989L12.591011%2024.30262%2012.572281%2024.314675C8.848638%2026.711419%206.063878%2029.135544%204.394174%2031.618195L4.386657%2031.629372C2.697623%2034.182024%201.887312%2037.14496%201.887312%2040.447767%201.887312%2045.802679%203.660206%2050.22622%207.356931%2053.497579%2011.033004%2056.786909%2015.916603%2058.344194%2021.788922%2058.344194%2024.723053%2058.344194%2027.535742%2057.94338%2030.21791%2057.13389%2032.947526%2056.357404%2035.556734%2055.141206%2038.043607%2053.50159L39.49536%2052.544439%2030.939042%2038.822935%2029.225722%2040.201097C27.83841%2041.317018%2026.600428%2042.095617%2025.510382%2042.583253L25.500412%2042.587717%2025.490504%2042.59228C24.436635%2043.078023%2023.550316%2043.27272%2022.808028%2043.27272%2021.937138%2043.27272%2021.387413%2043.05854%2021.003188%2042.752408%2020.692214%2042.47995%2020.515757%2042.141866%2020.515757%2041.578023%2020.515757%2041.466154%2020.5897%2041.054368%2021.324118%2040.30366%2022.03605%2039.575937%2023.190606%2038.715246%2024.875256%2037.733694L24.88438%2037.72837C25.98838%2037.076929%2026.866574%2036.53954%2027.506445%2036.12135L27.511538%2036.118017C31.5257%2033.476179%2034.49765%2030.85572%2036.242128%2028.22924%2038.01233%2025.600045%2038.859678%2022.525086%2038.859678%2019.080513%2038.859678%2013.511452%2036.913003%208.855713%2032.944799%205.284073%2028.983857%201.718979%2023.84463%200%2017.712494%200%2014.700911%200%2011.814631%20.484459%209.066181%201.459366%206.310124%202.436974%203.690784%203.930916%201.206608%205.91156L0%206.873573ZM34.640989%2027.261425C33.093458%2029.593705%2030.356968%2032.051565%2026.431519%2034.63501%2025.827605%2035.029706%2024.978348%2035.54998%2023.88375%2036.195844%2020.373496%2038.24107%2018.618367%2040.035135%2018.618367%2041.578023%2018.618367%2042.61858%2018.995814%2043.461786%2019.750708%2044.107648%2020.543347%2044.75351%2021.562453%2045.07644%2022.808028%2045.07644%2023.902625%2045.07644%2025.072709%2044.789388%2026.318284%2044.21529%2027.154704%2043.841115%2028.031208%2043.337377%2028.9478%2042.704084%2029.437533%2042.365716%2029.938708%2041.990365%2030.451327%2041.578023L36.962285%2052.019449C34.622114%2053.56234%2032.187585%2054.6926%2029.65869%2055.41022%2027.16754%2056.163728%2024.544283%2056.54048%2021.788922%2056.54048%2016.278197%2056.54048%2011.899811%2055.08729%208.653768%2052.180917%205.407724%2049.31042%203.784703%2045.39937%203.784703%2040.447767%203.784703%2037.433748%204.520725%2034.81442%205.992768%2032.589784%207.464811%2030.401032%2010.012576%2028.140519%2013.636066%2025.808239%2014.164492%2025.48531%2014.919387%2025.036789%2015.900748%2024.462693%2019.675217%2022.238053%2021.562453%2020.192826%2021.562453%2018.327004%2021.562453%2017.250565%2021.166134%2016.353547%2020.373496%2015.635918%2019.6186%2014.918289%2018.65611%2014.559479%2017.486027%2014.559479%2016.353686%2014.559479%2015.089238%2014.82859%2013.692684%2015.366806%2012.707684%2015.771721%2011.600636%2016.328362%2010.371542%2017.03672%209.858002%2017.332688%209.323154%2017.655137%208.767002%2018.004075L2.425894%207.293541C4.766065%205.427719%207.200597%204.046288%209.729491%203.149261%2012.258386%202.252235%2014.919387%201.803719%2017.712494%201.803719%2023.449688%201.803719%2028.092286%203.400429%2031.640286%206.593857%2035.188287%209.787285%2036.962285%2013.949501%2036.962285%2019.080513%2036.962285%2022.238053%2036.18852%2024.96503%2034.640989%2027.261425ZM46.18901%20.968788V42.41157H40.130987V57.375406H46.18901V72.606967H65.270389V57.375406H71.328418V42.41157H65.270389V.968788H46.18901ZM63.372999%2044.21529H69.43102V55.571687H63.372999V70.80325H48.0864V55.571687H42.028379V44.21529H48.0864V2.772507H63.372999V44.21529ZM102.21833%2019.249222%20102.22272%2019.256806C103.508708%2021.45726%20104.24864%2024.764687%20104.24864%2029.360478%20104.24864%2033.920057%20103.5087%2037.18657%20102.22826%2039.34713L102.22051%2039.360208%20102.21299%2039.3734C101.01726%2041.47191%2099.5092%2042.30393%2097.59686%2042.30393%2095.67087%2042.30393%2094.16482%2041.47637%2092.975399%2039.41791%2091.724979%2037.253904%2091.0017%2033.963617%2091.0017%2029.360478%2091.0017%2024.71867%2091.725849%2021.411736%2092.975399%2019.249222%2094.16482%2017.190758%2095.67087%2016.363198%2097.59686%2016.363198%2099.52286%2016.363198%20101.02891%2017.190758%20102.21833%2019.249222ZM79.24599%208.047409%2079.24127%208.053024C74.744419%2013.416008%2072.59972%2020.547867%2072.59972%2029.25283%2072.59972%2037.889425%2074.74618%2044.96915%2079.245479%2050.29617L79.25073%2050.302389C83.82503%2055.66937%2090.00617%2058.344194%2097.59686%2058.344194%20105.191738%2058.344194%20111.37317%2055.648229%20115.9454%2050.245714%20120.48314%2044.919977%20122.65062%2037.85766%20122.65062%2029.25283%20122.65062%2020.576378%20120.46432%2013.459595%20115.887989%208.097565%20111.31804%202.698265%20105.15724%200%2097.59686%200%2090.00617%200%2083.82503%202.674835%2079.25075%208.041832L79.24599%208.047409ZM114.41212%209.231125C118.63952%2014.182732%20120.75323%2020.856629%20120.75323%2029.25283%20120.75323%2037.577264%20118.658397%2044.197347%20114.468738%2049.11307%20110.279079%2054.064676%20104.65512%2056.54048%2097.59686%2056.54048%2090.538608%2056.54048%2084.91464%2054.082616%2080.72498%2049.166894%2076.57307%2044.251169%2074.49711%2037.61315%2074.49711%2029.25283%2074.49711%2020.820755%2076.57307%2014.128906%2080.72498%209.177299%2084.91464%204.261574%2090.538608%201.803719%2097.59686%201.803719%20104.61738%201.803719%20110.22246%204.279518%20114.41212%209.231125ZM161.17739%2036.94798%20158.14156%2039.112436C157.04624%2039.89337%20156.03787%2040.424566%20155.11655%2040.745706%20154.17974%2041.07225%20153.26805%2041.227495%20152.37271%2041.227495%20150.0969%2041.227495%20148.32921%2040.335695%20146.92378%2038.360689L146.91646%2038.350389C145.47014%2036.34789%20144.64522%2033.48318%20144.64522%2029.575764%20144.64522%2025.43708%20145.47676%2022.503678%20146.89933%2020.555413%20148.2914%2018.732468%20150.18962%2017.816384%20152.82566%2017.816384%20153.77951%2017.816384%20154.64783%2017.983292%20155.4495%2018.305985%20156.26198%2018.668633%20157.0939%2019.230278%20157.93833%2020.033005L161.17739%2023.11213V3.925072L160.35808%203.387283C158.61699%202.244461%20156.75911%201.38884%20154.78826%20.830139%20152.86394%20.273964%20150.84812%200%20148.74922%200%20141.66255%200%20135.92522%202.723465%20131.71425%208.100143L131.70891%208.106964C127.57903%2013.432335%20125.620449%2020.545189%20125.620449%2029.25283%20125.620449%2037.862154%20127.60222%2044.921403%20131.77088%2050.24405%20135.97939%2055.61757%20141.69614%2058.344194%20148.74922%2058.344194%20150.72191%2058.344194%20152.6437%2058.153398%20154.51161%2057.76879%20156.37467%2057.42092%20158.21051%2056.882417%20160.01802%2056.15692L161.17739%2055.69158V36.94798ZM154.12784%2056.002264C152.39157%2056.361078%20150.59873%2056.54048%20148.74922%2056.54048%20142.29488%2056.54048%20137.14273%2054.082616%20133.29277%2049.166894%20129.44281%2044.251169%20127.51784%2037.61315%20127.51784%2029.25283%20127.51784%2020.784867%20129.42395%2014.093025%20133.23616%209.177299%20137.08612%204.261574%20142.25713%201.803719%20148.74922%201.803719%20150.6742%201.803719%20152.5048%202.054878%20154.24108%202.55722%20156.01508%203.059563%20157.69472%203.831001%20159.28%204.871559V18.757576C158.66249%2018.170548%20158.03002%2017.675866%20157.3826%2017.273522%20157.00115%2017.036469%20156.6145%2016.831475%20156.22267%2016.658532%20155.16582%2016.227959%20154.03348%2016.012665%20152.82566%2016.012665%20149.61736%2016.012665%20147.1262%2017.178803%20145.3522%2019.511086%20143.61594%2021.879242%20142.74782%2025.234143%20142.74782%2029.575764%20142.74782%2033.7021%20143.61594%2036.967294%20145.3522%2039.37133%20147.08847%2041.811254%20149.42862%2043.03121%20152.37271%2043.03121%20153.50505%2043.03121%20154.6374%2042.833868%20155.76975%2042.43917%20156.29912%2042.254648%20156.83673%2042.019155%20157.3826%2041.73269%20158.00437%2041.406396%20158.63683%2041.013975%20159.28%2040.55541V54.49525C157.58148%2055.176996%20155.8641%2055.679334%20154.12784%2056.002264ZM195.995%202.772507%20183.59587%2031.56717V2.772507H168.25266V86.19629H183.59587V33.881509C183.90724%2034.680719%20186.54645%2034.577524%20187.5%2036.5%20187.70235%2036.90793%20187.76876%2038.041498%20188%2038.5L186.82305%2040.55541%20194.69281%2055.571687H211.961L198.08983%2033.612398%20213.03673%202.772507H195.995ZM200.2328%2033.50122%20216%20.968788H194.72148L185.49326%2022.39962V.968788H166.35526V88H185.49326V42.062925L193.51828%2057.375406H215.31357L200.2328%2033.50122ZM103.881359%2018.380829C102.40931%2015.83326%20100.31448%2014.559479%2097.59686%2014.559479%2094.87924%2014.559479%2092.78442%2015.83326%2091.31237%2018.380829%2089.840328%2020.928399%2089.10431%2024.58828%2089.10431%2029.360478%2089.10431%2034.096796%2089.840328%2037.73873%2091.31237%2040.2863%2092.78442%2042.83387%2094.87924%2044.107648%2097.59686%2044.107648%20100.31448%2044.107648%20102.40931%2042.815927%20103.881359%2040.23248%20105.39114%2037.684915%20106.146038%2034.060918%20106.146038%2029.360478%20106.146038%2024.62416%20105.39114%2020.964272%20103.881359%2018.380829Z%22%20fill%3D%22%23111d27%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E";
+
 var defaultSizes = {
     small: '31px',
     medium: '46px',
     big: '61px', // cca 200px width on full logo
 };
-styled.img(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n  width: ", ";\n  height: ", ";\n"], ["\n  width: ", ";\n  height: ", ";\n"])), function (_a) {
+var variantMap = {
+    mailship: {
+        white: logoWhiteImage,
+        black: logoBlackImage,
+        m: logoMImage,
+        s: logoSvg,
+    },
+    mailwise: {
+        black: logoMailwise,
+        s: logoMailwiseSmall,
+    },
+    mailstock: {
+        black: logoMailstock,
+    },
+    mailstep: {
+        black: logoMailstepBlack,
+        white: logoMailstepWhite,
+    },
+    mailwrap: {
+        black: logoMailwrap,
+    },
+};
+var StyledImage = styled.img(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n  width: ", ";\n  height: ", ";\n"], ["\n  width: ", ";\n  height: ", ";\n"])), function (_a) {
     var width = _a.width;
     return width || 'auto';
 }, function (_a) {
     var height = _a.height, width = _a.width, size = _a.size;
     return height || (width ? 'auto' : size ? defaultSizes[size] : defaultSizes['medium']);
 });
+var Logo = function (_a) {
+    var _b = _a.brand, brand = _b === void 0 ? 'mailship' : _b, variant = _a.variant, size = _a.size, width = _a.width, height = _a.height, rest = __rest(_a, ["brand", "variant", "size", "width", "height"]);
+    var variants = variantMap[brand];
+    var logo = variants[variant];
+    if (!logo) {
+        console.warn('No variant for this logo exists.');
+        return null;
+    }
+    return jsx(StyledImage, __assign({ src: logo, size: size, width: width, height: height }, rest));
+};
 var templateObject_1$9;
 
-styled(x.div)(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n\n  & > *:not(:last-child) {\n    margin-right: 4px;\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n\n  & > *:not(:last-child) {\n    margin-right: 4px;\n  }\n"])));
-styled.button(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n  background-color: transparent;\n  border: none;\n  cursor: ", ";\n  opacity: ", ";\n"], ["\n  background-color: transparent;\n  border: none;\n  cursor: ", ";\n  opacity: ", ";\n"])), function (_a) {
+var Wrapper$3 = styled(x.div)(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n\n  & > *:not(:last-child) {\n    margin-right: 4px;\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n\n  & > *:not(:last-child) {\n    margin-right: 4px;\n  }\n"])));
+var Btn = styled.button(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n  background-color: transparent;\n  border: none;\n  cursor: ", ";\n  opacity: ", ";\n"], ["\n  background-color: transparent;\n  border: none;\n  cursor: ", ";\n  opacity: ", ";\n"])), function (_a) {
     var disabled = _a.disabled;
     return (disabled ? 'default' : 'pointer');
 }, function (_a) {
@@ -8636,9 +8908,9 @@ styled.button(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject([
     return (disabled ? 0 : 1);
 });
 var ArrowIcon = styled(Icon)(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n  border-radius: 50%;\n  aspect-ratio: 1 / 1;\n  width: 16px;\n  display: flex;\n  align-items: center;\n  color: gray1;\n\n  &:hover {\n    color: blue2;\n  }\n"], ["\n  border-radius: 50%;\n  aspect-ratio: 1 / 1;\n  width: 16px;\n  display: flex;\n  align-items: center;\n  color: gray1;\n\n  &:hover {\n    color: blue2;\n  }\n"])));
-styled(ArrowIcon)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n  margin: 0 8px;\n  font-size: 11px;\n  & > svg {\n    width: 10px;\n  }\n"], ["\n  margin: 0 8px;\n  font-size: 11px;\n  & > svg {\n    width: 10px;\n  }\n"])));
-styled.div(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n  color: gray1;\n"], ["\n  color: gray1;\n"])));
-styled.span(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n  height: 18px;\n  min-width: 18px;\n  display: flex;\n  border-radius: 50%;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  margin: 0 4px;\n  color: ", ";\n  font-size: 14px;\n  font-weight: ", ";\n  font-family: ", ";\n  line-height: 1em;\n\n  &:hover {\n    color: blue2;\n  }\n"], ["\n  height: 18px;\n  min-width: 18px;\n  display: flex;\n  border-radius: 50%;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  margin: 0 4px;\n  color: ", ";\n  font-size: 14px;\n  font-weight: ", ";\n  font-family: ", ";\n  line-height: 1em;\n\n  &:hover {\n    color: blue2;\n  }\n"])), function (_a) {
+var GoIcon = styled(ArrowIcon)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n  margin: 0 8px;\n  font-size: 11px;\n  & > svg {\n    width: 10px;\n  }\n"], ["\n  margin: 0 8px;\n  font-size: 11px;\n  & > svg {\n    width: 10px;\n  }\n"])));
+var DotsWrapper = styled.div(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n  color: gray1;\n"], ["\n  color: gray1;\n"])));
+var PageBtn = styled.span(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n  height: 18px;\n  min-width: 18px;\n  display: flex;\n  border-radius: 50%;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  margin: 0 4px;\n  color: ", ";\n  font-size: 14px;\n  font-weight: ", ";\n  font-family: ", ";\n  line-height: 1em;\n\n  &:hover {\n    color: blue2;\n  }\n"], ["\n  height: 18px;\n  min-width: 18px;\n  display: flex;\n  border-radius: 50%;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  margin: 0 4px;\n  color: ", ";\n  font-size: 14px;\n  font-weight: ", ";\n  font-family: ", ";\n  line-height: 1em;\n\n  &:hover {\n    color: blue2;\n  }\n"])), function (_a) {
     var isCurrent = _a.isCurrent;
     return (isCurrent ? th.color('red1') : th.color('gray1'));
 }, function (_a) {
@@ -8647,20 +8919,61 @@ styled.span(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\
 }, th('fonts.primary'));
 var templateObject_1$8, templateObject_2$8, templateObject_3$8, templateObject_4$6, templateObject_5$4, templateObject_6$4;
 
-styled.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-width: 250px;\n  height: ", ";\n  color: ", ";\n  background-color: ", ";\n  justify-content: center;\n  border: slim;\n  border-color: ", ";\n  border-radius: md;\n  overflow: hidden;\n"], ["\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-width: 250px;\n  height: ", ";\n  color: ", ";\n  background-color: ", ";\n  justify-content: center;\n  border: slim;\n  border-color: ", ";\n  border-radius: md;\n  overflow: hidden;\n"])), function (props) { return (props.variant === 'thin' ? "12px" : "35px"); }, th('colors.white'), function (props) {
+var Pagination = function (_a) {
+    var onPageChange = _a.onPageChange, itemPerPage = _a.itemPerPage, itemCount = _a.itemCount, page = _a.page;
+    var setPage = useCallback(function (number) { return function () {
+        if (onPageChange) {
+            onPageChange(number);
+        }
+    }; }, [onPageChange]);
+    var pageX = page !== null && page !== void 0 ? page : 1;
+    var pageCount = Math.max(Math.ceil((itemCount !== null && itemCount !== void 0 ? itemCount : 0) / (itemPerPage !== null && itemPerPage !== void 0 ? itemPerPage : 3)), 1);
+    var arrayOfPages = useMemo(function () {
+        var pageNumbers = Array.from({ length: pageCount }, function (_, i) { return i + 1; });
+        // first and last page are still visible
+        // if number of pages is less than 6 (display all pages without dots and duplication of first and last char)
+        if (pageCount < 6) {
+            return pageNumbers.slice(1, pageCount - 1);
+            // if current page is less than 5 (display first 5 pages)
+        }
+        else if (pageX < 5) {
+            return pageNumbers.slice(1, 5);
+            // display last 5 pages
+        }
+        else if (pageX > pageCount - 4) {
+            return pageNumbers.slice(pageCount - 5, pageCount - 1);
+        }
+        else {
+            // display dispersion of 2 chars from current page (part between dots)
+            return pageNumbers.slice(pageX - 3, pageX + 2);
+        }
+    }, [pageCount, pageX]);
+    return (jsxs(Wrapper$3, { children: [jsx(Btn, { disabled: pageX <= 1, onClick: setPage(pageX - 1), children: jsx(GoIcon, { icon: "goLeft", isActive: pageX > 1 }) }), jsx(PageBtn, { isCurrent: pageX === 1, onClick: setPage(1), children: 1 }), pageX >= 5 && pageCount > 6 && jsx(DotsWrapper, { children: "..." }), arrayOfPages === null || arrayOfPages === void 0 ? void 0 : arrayOfPages.map(function (number) { return (jsx(PageBtn, { isCurrent: pageX === number, onClick: setPage(number !== null && number !== void 0 ? number : 1), children: number }, number)); }), pageX < pageCount - 3 && pageCount > 6 && jsx(DotsWrapper, { children: "..." }), pageCount !== 1 && (jsx(PageBtn, { isCurrent: pageX === pageCount, onClick: setPage(pageCount), children: pageCount })), jsx(Btn, { disabled: pageX >= pageCount, onClick: setPage(pageX + 1), children: jsx(GoIcon, { icon: "goRight", isActive: pageX < pageCount }) })] }));
+};
+
+var Paragraph = function () { return jsx("p", { children: "paragraph" }); };
+
+var StyledProgressBar = styled.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-width: 250px;\n  height: ", ";\n  color: ", ";\n  background-color: ", ";\n  justify-content: center;\n  border: slim;\n  border-color: ", ";\n  border-radius: md;\n  overflow: hidden;\n"], ["\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-width: 250px;\n  height: ", ";\n  color: ", ";\n  background-color: ", ";\n  justify-content: center;\n  border: slim;\n  border-color: ", ";\n  border-radius: md;\n  overflow: hidden;\n"])), function (props) { return (props.variant === 'thin' ? "12px" : "35px"); }, th('colors.white'), function (props) {
     return props.status === 'finished' ? createRgba(props.theme.colors.success, 0.4) : "".concat(th('colors.red1'));
 }, function (props) { return (props.status === 'finished' ? "".concat(th('colors.success')) : "".concat(th('colors.red1'))); });
 var slide = keyframes$1(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n0%{\n  background-position-x: 0%;\n}\n100% {\n  background-position-x: 500px;\n}\n"], ["\n0%{\n  background-position-x: 0%;\n}\n100% {\n  background-position-x: 500px;\n}\n"])));
 var StyledStatusFinished = css(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"], ["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"])), function (props) { return createRgba(props.theme.colors.success, 0.4); }, function (props) { return createRgba(props.theme.colors.success, 0.4); }, th('colors.success'), th('colors.success'));
 var StyledStatusLoading = css(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"], ["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"])), th('colors.red1'), th('colors.red1'), th('colors.red1'), th('colors.red1'));
 var StyledStatusError = css(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"], ["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"])), th('colors.red1'), th('colors.red1'), th('colors.red1'), th('colors.red1'));
-styled.div(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: ", ";\n  height: 35px;\n  animation: ", " 20s linear infinite;\n  transition: width 500ms;\n  ", "\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: ", ";\n  height: 35px;\n  animation: ", " 20s linear infinite;\n  transition: width 500ms;\n  ", "\n"])), function (props) { return "".concat(props.progress, "%"); }, slide, function (props) {
+var Progress = styled.div(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: ", ";\n  height: 35px;\n  animation: ", " 20s linear infinite;\n  transition: width 500ms;\n  ", "\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: ", ";\n  height: 35px;\n  animation: ", " 20s linear infinite;\n  transition: width 500ms;\n  ", "\n"])), function (props) { return "".concat(props.progress, "%"); }, slide, function (props) {
     return props.status === 'finished' ? StyledStatusFinished : props.status === 'error' ? StyledStatusError : StyledStatusLoading;
 });
-styled.span(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n  position: relative;\n  align-self: center;\n"], ["\n  position: relative;\n  align-self: center;\n"])));
+var ProgressDescription = styled.span(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n  position: relative;\n  align-self: center;\n"], ["\n  position: relative;\n  align-self: center;\n"])));
 var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4$5, templateObject_5$3, templateObject_6$3, templateObject_7$2;
 
-styled(Link$1)(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n  color: inherit;\n  cursor: pointer;\n\n  :visited {\n    color: inherit;\n  }\n  :hover {\n    color: inherit;\n  }\n  :active {\n    color: inherit;\n  }\n  :focus {\n    outline: none;\n  }\n\n  ", "\n\n  ", "\n"], ["\n  color: inherit;\n  cursor: pointer;\n\n  :visited {\n    color: inherit;\n  }\n  :hover {\n    color: inherit;\n  }\n  :active {\n    color: inherit;\n  }\n  :focus {\n    outline: none;\n  }\n\n  ", "\n\n  ", "\n"])), function (_a) {
+var ProgressBar = function (_a) {
+    var _b = _a.progress, progress = _b === void 0 ? 0 : _b, status = _a.status, errorMessage = _a.errorMessage, noText = _a.noText, variant = _a.variant;
+    if (progress > 100 || progress < 0)
+        console.warn('Progress value should be number between 0 and 100.');
+    return (jsxs(StyledProgressBar, { status: status, variant: variant, children: [jsx(Progress, { progress: progress, status: status }), !noText && jsx(ProgressDescription, { children: status === 'error' && errorMessage ? errorMessage : "".concat(progress, "%") })] }));
+};
+
+var StyledLink = styled(Link$1)(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n  color: inherit;\n  cursor: pointer;\n\n  :visited {\n    color: inherit;\n  }\n  :hover {\n    color: inherit;\n  }\n  :active {\n    color: inherit;\n  }\n  :focus {\n    outline: none;\n  }\n\n  ", "\n\n  ", "\n"], ["\n  color: inherit;\n  cursor: pointer;\n\n  :visited {\n    color: inherit;\n  }\n  :hover {\n    color: inherit;\n  }\n  :active {\n    color: inherit;\n  }\n  :focus {\n    outline: none;\n  }\n\n  ", "\n\n  ", "\n"])), function (_a) {
     var disabled = _a.disabled;
     return disabled
         ? css(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n          pointer-events: none;\n          opacity: 0.5;\n        "], ["\n          pointer-events: none;\n          opacity: 0.5;\n        "]))) : null;
@@ -8671,7 +8984,7 @@ styled(Link$1)(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(
 });
 var templateObject_1$6, templateObject_2$6, templateObject_3$6;
 
-var Wrapper = styled(x.div)(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n  width: ", ";\n  position: relative;\n  box-sizing: border-box;\n  ", ";\n  ", ";\n"], ["\n  width: ", ";\n  position: relative;\n  box-sizing: border-box;\n  ", ";\n  ", ";\n"])), function (_a) {
+var Wrapper$2 = styled(x.div)(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n  width: ", ";\n  position: relative;\n  box-sizing: border-box;\n  ", ";\n  ", ";\n"], ["\n  width: ", ";\n  position: relative;\n  box-sizing: border-box;\n  ", ";\n  ", ";\n"])), function (_a) {
     var $marginLeft = _a.$marginLeft, $marginRight = _a.$marginRight;
     return "calc(100% - ".concat($marginLeft || '0px', " - ").concat($marginRight || '0px', ")");
 }, function (_a) {
@@ -8692,35 +9005,49 @@ var SpaceAroundWrap = function (_a) {
     var theme = useTheme();
     var themeMarginLeft = typeof spaceAround !== 'boolean' && (spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginLeft) ? th.space(spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginLeft)({ theme: theme }) : 0;
     var themeMarginRight = typeof spaceAround !== 'boolean' && (spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginRight) ? th.space(spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginRight)({ theme: theme }) : 0;
-    return (jsx(Wrapper, __assign({ "$spaceAround": spaceAround, "$spaceBetween": spaceBetween, "$marginRight": themeMarginRight, "$marginLeft": themeMarginLeft }, rest, { children: children })));
+    return (jsx(Wrapper$2, __assign({ "$spaceAround": spaceAround, "$spaceBetween": spaceBetween, "$marginRight": themeMarginRight, "$marginLeft": themeMarginLeft }, rest, { children: children })));
 };
 var templateObject_1$5, templateObject_2$5, templateObject_3$5;
 
-styled.span(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n  display: block;\n  margin-bottom: 5px;\n  line-height: 18px;\n  font-weight: 700;\n  color: ", ";\n"], ["\n  display: block;\n  margin-bottom: 5px;\n  line-height: 18px;\n  font-weight: 700;\n  color: ", ";\n"])), th('colors.blue2'));
-styled.span(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n  display: block;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: ", ";\n"], ["\n  display: block;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: ", ";\n"])), th('colors.gray1'));
-styled.div(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  justify-content: space-between;\n"])));
-styled.span(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: 15px;\n\n  svg {\n    cursor: pointer;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  margin-left: 15px;\n\n  svg {\n    cursor: pointer;\n  }\n"])));
+var toastTitleMap = {
+    info: 'Info',
+    success: 'Success',
+    error: 'Error',
+    warning: 'Warning',
+};
+var Title = styled.span(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n  display: block;\n  margin-bottom: 5px;\n  line-height: 18px;\n  font-weight: 700;\n  color: ", ";\n"], ["\n  display: block;\n  margin-bottom: 5px;\n  line-height: 18px;\n  font-weight: 700;\n  color: ", ";\n"])), th('colors.blue2'));
+var Text$1 = styled.span(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n  display: block;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: ", ";\n"], ["\n  display: block;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: ", ";\n"])), th('colors.gray1'));
+var ContentWrapper = styled.div(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  justify-content: space-between;\n"])));
+var CloseWrapper = styled.span(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: 15px;\n\n  svg {\n    cursor: pointer;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  margin-left: 15px;\n\n  svg {\n    cursor: pointer;\n  }\n"])));
+var Toast = function (_a) {
+    var closeToast = _a.closeToast, title = _a.title, text = _a.text, type = _a.type;
+    return (jsxs(ContentWrapper, { children: [jsxs("div", { children: [jsx(Title, { children: title || toastTitleMap[type] }), text && jsx(Text$1, { children: text })] }), jsx(CloseWrapper, { children: jsx("div", { onClick: closeToast, children: jsx(Icon, { icon: "close" }) }) })] }));
+};
 var templateObject_1$4, templateObject_2$4, templateObject_3$4, templateObject_4$4;
 
-styled(SpaceAroundWrap)(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+var StyledSpaceAroundWrap = styled(SpaceAroundWrap)(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
     var $labelPosition = _a.$labelPosition;
     return ($labelPosition === 'left' ? 'display: flex; align-items: center; margin-top: 1rem' : '');
 });
-styled(FieldLabel)(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+var StyledFieldLabel = styled(FieldLabel)(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
     var labelPosition = _a.labelPosition;
     return (labelPosition === 'left' ? 'margin-bottom: 0; margin-right: 1rem;' : '');
 });
 var disabledStyles = css(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n  opacity: 0.4;\n"], ["\n  opacity: 0.4;\n"])));
-styled.div(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n  aspect-ratio: 1 / 1;\n  width: 100%;\n  height: 100%;\n  border-radius: 7px;\n  background-color: lightGray5;\n  border: 3px solid;\n  border-color: lightGray5;\n  position: relative;\n  transition: all 100ms ease-out;\n\n  ", "\n\n  input:checked + & {\n    background-color: red1;\n    border-color: red1;\n\n    & > span {\n      transform: translate(75%, -50%);\n      background-color: white;\n    }\n  }\n"], ["\n  aspect-ratio: 1 / 1;\n  width: 100%;\n  height: 100%;\n  border-radius: 7px;\n  background-color: lightGray5;\n  border: 3px solid;\n  border-color: lightGray5;\n  position: relative;\n  transition: all 100ms ease-out;\n\n  ", "\n\n  input:checked + & {\n    background-color: red1;\n    border-color: red1;\n\n    & > span {\n      transform: translate(75%, -50%);\n      background-color: white;\n    }\n  }\n"])), function (props) { return (props.disabled ? disabledStyles : ''); });
+var StyledToggle = styled.div(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n  aspect-ratio: 1 / 1;\n  width: 100%;\n  height: 100%;\n  border-radius: 7px;\n  background-color: lightGray5;\n  border: 3px solid;\n  border-color: lightGray5;\n  position: relative;\n  transition: all 100ms ease-out;\n\n  ", "\n\n  input:checked + & {\n    background-color: red1;\n    border-color: red1;\n\n    & > span {\n      transform: translate(75%, -50%);\n      background-color: white;\n    }\n  }\n"], ["\n  aspect-ratio: 1 / 1;\n  width: 100%;\n  height: 100%;\n  border-radius: 7px;\n  background-color: lightGray5;\n  border: 3px solid;\n  border-color: lightGray5;\n  position: relative;\n  transition: all 100ms ease-out;\n\n  ", "\n\n  input:checked + & {\n    background-color: red1;\n    border-color: red1;\n\n    & > span {\n      transform: translate(75%, -50%);\n      background-color: white;\n    }\n  }\n"])), function (props) { return (props.disabled ? disabledStyles : ''); });
 var StyledDot = styled.span(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n  aspect-ratio: 1 / 1;\n  background-color: white;\n  border-radius: 50%;\n  position: absolute;\n  top: 50%;\n  left: 10%;\n  transform: translate(-20%, -50%);\n  transition: all 100ms ease-out;\n"], ["\n  aspect-ratio: 1 / 1;\n  background-color: white;\n  border-radius: 50%;\n  position: absolute;\n  top: 50%;\n  left: 10%;\n  transform: translate(-20%, -50%);\n  transition: all 100ms ease-out;\n"])));
-styled.input(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  border-radius: 7px;\n  z-index: 1;\n  margin: 0;\n\n  ", "\n"], ["\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  border-radius: 7px;\n  z-index: 1;\n  margin: 0;\n\n  ", "\n"])), function (_a) {
+var HiddenInput = styled.input(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  border-radius: 7px;\n  z-index: 1;\n  margin: 0;\n\n  ", "\n"], ["\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  border-radius: 7px;\n  z-index: 1;\n  margin: 0;\n\n  ", "\n"])), function (_a) {
     var $enabled = _a.$enabled;
     return ($enabled ? 'cursor: pointer;' : '');
 });
-styled.div(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n  position: relative;\n  border-radius: 8px;\n  overflow: hidden;\n  flex-shrink: 0;\n  &[data-appearance='primary'] {\n    width: 24px;\n    height: 14px;\n    ", " {\n      height: 10px;\n    }\n  }\n  &[data-appearance='grid'] {\n    width: 28px;\n    height: 16px;\n    ", " {\n      height: 12px;\n    }\n  }\n"], ["\n  position: relative;\n  border-radius: 8px;\n  overflow: hidden;\n  flex-shrink: 0;\n  &[data-appearance='primary'] {\n    width: 24px;\n    height: 14px;\n    ", " {\n      height: 10px;\n    }\n  }\n  &[data-appearance='grid'] {\n    width: 28px;\n    height: 16px;\n    ", " {\n      height: 12px;\n    }\n  }\n"])), StyledDot, StyledDot);
+var Wrapper$1 = styled.div(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n  position: relative;\n  border-radius: 8px;\n  overflow: hidden;\n  flex-shrink: 0;\n  &[data-appearance='primary'] {\n    width: 24px;\n    height: 14px;\n    ", " {\n      height: 10px;\n    }\n  }\n  &[data-appearance='grid'] {\n    width: 28px;\n    height: 16px;\n    ", " {\n      height: 12px;\n    }\n  }\n"], ["\n  position: relative;\n  border-radius: 8px;\n  overflow: hidden;\n  flex-shrink: 0;\n  &[data-appearance='primary'] {\n    width: 24px;\n    height: 14px;\n    ", " {\n      height: 10px;\n    }\n  }\n  &[data-appearance='grid'] {\n    width: 28px;\n    height: 16px;\n    ", " {\n      height: 12px;\n    }\n  }\n"])), StyledDot, StyledDot);
+var Toggle = function (_a) {
+    var onChange = _a.onChange, label = _a.label, name = _a.name, checked = _a.checked, defaultChecked = _a.defaultChecked, _b = _a.spaceAround, spaceAround = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.labelPosition, labelPosition = _d === void 0 ? 'default' : _d, _e = _a.variant, variant = _e === void 0 ? 'primary' : _e, _f = _a.spaceBetween, spaceBetween = _f === void 0 ? false : _f, rest = __rest(_a, ["onChange", "label", "name", "checked", "defaultChecked", "spaceAround", "disabled", "labelPosition", "variant", "spaceBetween"]);
+    return (jsxs(StyledSpaceAroundWrap, { spaceBetween: spaceBetween, spaceAround: spaceAround, "$labelPosition": labelPosition, children: [label && (jsx(StyledFieldLabel, { htmlFor: name, labelPosition: labelPosition, children: label })), jsxs(Wrapper$1, { "data-appearance": variant, children: [jsx(HiddenInput, { name: name, type: "checkbox", checked: checked, "$enabled": !disabled, defaultChecked: defaultChecked, onChange: !disabled ? onChange : undefined, disabled: disabled, "data-cy": "".concat(name, "Switch") }), jsx(StyledToggle, __assign({ active: !!checked, disabled: disabled }, rest, { children: jsx(StyledDot, {}) }))] })] }));
+};
 var templateObject_1$3, templateObject_2$3, templateObject_3$3, templateObject_4$3, templateObject_5$2, templateObject_6$2, templateObject_7$1;
 
-var Text = function (props) { return jsx(Text$1, __assign({}, props, { fontWeight: props.variant })); };
+var Text = function (props) { return jsx(Text$3, __assign({}, props, { fontWeight: props.variant })); };
 Text.defaultProps = { fontFamily: 'primary' };
 // Paragraphs
 var Paragraph1 = function (props) { return jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
@@ -8767,16 +9094,16 @@ var CheckboxWrap = styled.div(templateObject_3$2 || (templateObject_3$2 = __make
     var size = _a.size;
     return size;
 });
-var Label = styled.span(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  margin: 0;\n  margin-left: 8px;\n  font-size: 14px;\n"], ["\n  margin: 0;\n  margin-left: 8px;\n  font-size: 14px;\n"])));
+var Label$1 = styled.span(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  margin: 0;\n  margin-left: 8px;\n  font-size: 14px;\n"], ["\n  margin: 0;\n  margin-left: 8px;\n  font-size: 14px;\n"])));
 var templateObject_1$2, templateObject_2$2, templateObject_3$2, templateObject_4$2;
 
 var Checkbox = function (_a) {
     var name = _a.name, label = _a.label, onChange = _a.onChange, checked = _a.checked, defaultChecked = _a.defaultChecked, _b = _a.size, size = _b === void 0 ? 4 : _b, className = _a.className, disabled = _a.disabled, inputRef = _a.inputRef, readOnly = _a.readOnly, _c = _a.minusIcon, minusIcon = _c === void 0 ? false : _c;
     var theme = useTheme();
     var themeSize = th.fontSize(size)({ theme: theme });
-    return (jsxs(CheckboxWrap, { size: themeSize, className: className, children: [jsx("input", { type: "checkbox", ref: inputRef, name: name, checked: checked, defaultChecked: defaultChecked, disabled: disabled, onChange: onChange, value: "", readOnly: readOnly, "data-cy": name && "".concat(name, "Checkbox") }), jsx(FakeInput, { size: themeSize, children: jsx(CheckIcon, { icon: minusIcon ? 'minus' : 'check', size: themeSize }) }), label && jsx(Label, { children: label })] }));
+    return (jsxs(CheckboxWrap, { size: themeSize, className: className, children: [jsx("input", { type: "checkbox", ref: inputRef, name: name, checked: checked, defaultChecked: defaultChecked, disabled: disabled, onChange: onChange, value: "", readOnly: readOnly, "data-cy": name && "".concat(name, "Checkbox") }), jsx(FakeInput, { size: themeSize, children: jsx(CheckIcon, { icon: minusIcon ? 'minus' : 'check', size: themeSize }) }), label && jsx(Label$1, { children: label })] }));
 };
-memo(Checkbox);
+var Checkbox$1 = memo(Checkbox);
 
 var resolvePaddingRight = function (props) {
     var $icon = props.$icon, $iconPlacement = props.$iconPlacement, $isClearable = props.$isClearable, $hasSuffix = props.$hasSuffix;
@@ -8796,9 +9123,9 @@ var InputIcon = styled.div(templateObject_1$1 || (templateObject_1$1 = __makeTem
     var right = _a.right;
     return (right ? '0.5em' : 'auto');
 });
-styled.div(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n  position: absolute;\n  top: 0.2em;\n  right: 0.5em;\n"], ["\n  position: absolute;\n  top: 0.2em;\n  right: 0.5em;\n"])));
-styled.div(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  display: flex;\n  svg {\n    :hover {\n      cursor: pointer;\n      color: blue2;\n    }\n  }\n"], ["\n  display: flex;\n  svg {\n    :hover {\n      cursor: pointer;\n      color: blue2;\n    }\n  }\n"])));
-styled.input(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n  ", ";\n  border: slim;\n  border-color: ", ";\n  box-sizing: border-box;\n  background-clip: padding-box;\n  padding-top: 0.5em;\n  padding-bottom: 0.5em;\n  padding-right: ", "em;\n  display: block;\n  width: 100%;\n  font-family: ", ";\n  font-size: 14px;\n  font-weight: medium;\n  transition: inputTransition;\n\n  ~ ", " {\n    svg {\n      stroke: lightGray3;\n    }\n  }\n\n  ::placeholder {\n    color: lightGray3;\n    opacity: 1;\n  }\n\n  :focus {\n    background-color: white;\n    border-color: blue2;\n    color: typoPrimary;\n    outline: 0;\n\n    ~ ", " {\n      svg {\n        stroke: blue2;\n      }\n    }\n  }\n  ", ";\n  :disabled,\n  :disabled:hover {\n    background-color: lightGray1;\n    border-color: lightGray3;\n    color: gray;\n  }\n\n  text-overflow: ellipsis;\n\n  -moz-appearance: textfield;\n  appearance: textfield;\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n"], ["\n  ", ";\n  border: slim;\n  border-color: ", ";\n  box-sizing: border-box;\n  background-clip: padding-box;\n  padding-top: 0.5em;\n  padding-bottom: 0.5em;\n  padding-right: ", "em;\n  display: block;\n  width: 100%;\n  font-family: ", ";\n  font-size: 14px;\n  font-weight: medium;\n  transition: inputTransition;\n\n  ~ ", " {\n    svg {\n      stroke: lightGray3;\n    }\n  }\n\n  ::placeholder {\n    color: lightGray3;\n    opacity: 1;\n  }\n\n  :focus {\n    background-color: white;\n    border-color: blue2;\n    color: typoPrimary;\n    outline: 0;\n\n    ~ ", " {\n      svg {\n        stroke: blue2;\n      }\n    }\n  }\n  ", ";\n  :disabled,\n  :disabled:hover {\n    background-color: lightGray1;\n    border-color: lightGray3;\n    color: gray;\n  }\n\n  text-overflow: ellipsis;\n\n  -moz-appearance: textfield;\n  appearance: textfield;\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n"])), system, function (_a) {
+var IconsController = styled.div(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n  position: absolute;\n  top: 0.2em;\n  right: 0.5em;\n"], ["\n  position: absolute;\n  top: 0.2em;\n  right: 0.5em;\n"])));
+var IconWrapper = styled.div(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  display: flex;\n  svg {\n    :hover {\n      cursor: pointer;\n      color: blue2;\n    }\n  }\n"], ["\n  display: flex;\n  svg {\n    :hover {\n      cursor: pointer;\n      color: blue2;\n    }\n  }\n"])));
+var StyledInput = styled.input(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n  ", ";\n  border: slim;\n  border-color: ", ";\n  box-sizing: border-box;\n  background-clip: padding-box;\n  padding-top: 0.5em;\n  padding-bottom: 0.5em;\n  padding-right: ", "em;\n  display: block;\n  width: 100%;\n  font-family: ", ";\n  font-size: 14px;\n  font-weight: medium;\n  transition: inputTransition;\n\n  ~ ", " {\n    svg {\n      stroke: lightGray3;\n    }\n  }\n\n  ::placeholder {\n    color: lightGray3;\n    opacity: 1;\n  }\n\n  :focus {\n    background-color: white;\n    border-color: blue2;\n    color: typoPrimary;\n    outline: 0;\n\n    ~ ", " {\n      svg {\n        stroke: blue2;\n      }\n    }\n  }\n  ", ";\n  :disabled,\n  :disabled:hover {\n    background-color: lightGray1;\n    border-color: lightGray3;\n    color: gray;\n  }\n\n  text-overflow: ellipsis;\n\n  -moz-appearance: textfield;\n  appearance: textfield;\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n"], ["\n  ", ";\n  border: slim;\n  border-color: ", ";\n  box-sizing: border-box;\n  background-clip: padding-box;\n  padding-top: 0.5em;\n  padding-bottom: 0.5em;\n  padding-right: ", "em;\n  display: block;\n  width: 100%;\n  font-family: ", ";\n  font-size: 14px;\n  font-weight: medium;\n  transition: inputTransition;\n\n  ~ ", " {\n    svg {\n      stroke: lightGray3;\n    }\n  }\n\n  ::placeholder {\n    color: lightGray3;\n    opacity: 1;\n  }\n\n  :focus {\n    background-color: white;\n    border-color: blue2;\n    color: typoPrimary;\n    outline: 0;\n\n    ~ ", " {\n      svg {\n        stroke: blue2;\n      }\n    }\n  }\n  ", ";\n  :disabled,\n  :disabled:hover {\n    background-color: lightGray1;\n    border-color: lightGray3;\n    color: gray;\n  }\n\n  text-overflow: ellipsis;\n\n  -moz-appearance: textfield;\n  appearance: textfield;\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n"])), system, function (_a) {
     var $isInvalid = _a.$isInvalid;
     return ($isInvalid ? th.color('red1') : th.color('lightGray6'));
 }, function (props) { return resolvePaddingRight(props); }, th('fonts.primary'), InputIcon, InputIcon, function (_a) {
@@ -8806,13 +9133,13 @@ styled.input(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["
     return big
         ? css(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n          font-size: 30px;\n          color: gray;\n          font-weight: semiBold;\n          padding: 0 0.5rem 0 1.25rem;\n        "], ["\n          font-size: 30px;\n          color: gray;\n          font-weight: semiBold;\n          padding: 0 0.5rem 0 1.25rem;\n        "]))) : '';
 });
-styled.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
-styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 0;\n  font-size: 14px;\n  font-weight: 700;\n  height: 100%;\n  width: 40px;\n  padding: 2;\n  color: typoPrimary;\n  font-family: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  border: slim;\n  border-top-right-radius: lg;\n  border-bottom-right-radius: lg;\n  border-left: none;\n\n  ", ";\n\n  input:focus ~ & {\n    border-color: blue2;\n  }\n"], ["\n  position: absolute;\n  right: 0;\n  top: 0;\n  font-size: 14px;\n  font-weight: 700;\n  height: 100%;\n  width: 40px;\n  padding: 2;\n  color: typoPrimary;\n  font-family: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  border: slim;\n  border-top-right-radius: lg;\n  border-bottom-right-radius: lg;\n  border-left: none;\n\n  ", ";\n\n  input:focus ~ & {\n    border-color: blue2;\n  }\n"])), th('fonts.primary'), function (_a) {
+var InputWrap = styled.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var Suffix = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 0;\n  font-size: 14px;\n  font-weight: 700;\n  height: 100%;\n  width: 40px;\n  padding: 2;\n  color: typoPrimary;\n  font-family: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  border: slim;\n  border-top-right-radius: lg;\n  border-bottom-right-radius: lg;\n  border-left: none;\n\n  ", ";\n\n  input:focus ~ & {\n    border-color: blue2;\n  }\n"], ["\n  position: absolute;\n  right: 0;\n  top: 0;\n  font-size: 14px;\n  font-weight: 700;\n  height: 100%;\n  width: 40px;\n  padding: 2;\n  color: typoPrimary;\n  font-family: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  border: slim;\n  border-top-right-radius: lg;\n  border-bottom-right-radius: lg;\n  border-left: none;\n\n  ", ";\n\n  input:focus ~ & {\n    border-color: blue2;\n  }\n"])), th('fonts.primary'), function (_a) {
     var $isPointer = _a.$isPointer;
     return $isPointer
         ? css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n          cursor: pointer;\n        "], ["\n          cursor: pointer;\n        "]))) : '';
 });
-styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  position: relative;\n  color: ", ";\n  & > * {\n    border-color: ", ";\n    color: ", ";\n  }\n  :hover > * {\n    border-color: ", ";\n  }\n  &:focus-within {\n    color: typoPrimary;\n  }\n  .primary {\n    line-height: 0;\n    height: 38px;\n    border-radius: lg;\n    ~ ", " {\n      top: 10px;\n    }\n  }\n  .grid {\n    line-height: 1.2px;\n    border-radius: md;\n    ~ ", " {\n      top: 7px;\n    }\n  }\n  .left {\n    padding-left: ", ";\n  }\n  .right {\n    padding-right: 1.4em;\n    padding-left: 1em;\n  }\n"], ["\n  position: relative;\n  color: ", ";\n  & > * {\n    border-color: ", ";\n    color: ", ";\n  }\n  :hover > * {\n    border-color: ", ";\n  }\n  &:focus-within {\n    color: typoPrimary;\n  }\n  .primary {\n    line-height: 0;\n    height: 38px;\n    border-radius: lg;\n    ~ ", " {\n      top: 10px;\n    }\n  }\n  .grid {\n    line-height: 1.2px;\n    border-radius: md;\n    ~ ", " {\n      top: 7px;\n    }\n  }\n  .left {\n    padding-left: ", ";\n  }\n  .right {\n    padding-right: 1.4em;\n    padding-left: 1em;\n  }\n"])), function (_a) {
+var InputRow = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  position: relative;\n  color: ", ";\n  & > * {\n    border-color: ", ";\n    color: ", ";\n  }\n  :hover > * {\n    border-color: ", ";\n  }\n  &:focus-within {\n    color: typoPrimary;\n  }\n  .primary {\n    line-height: 0;\n    height: 38px;\n    border-radius: lg;\n    ~ ", " {\n      top: 10px;\n    }\n  }\n  .grid {\n    line-height: 1.2px;\n    border-radius: md;\n    ~ ", " {\n      top: 7px;\n    }\n  }\n  .left {\n    padding-left: ", ";\n  }\n  .right {\n    padding-right: 1.4em;\n    padding-left: 1em;\n  }\n"], ["\n  position: relative;\n  color: ", ";\n  & > * {\n    border-color: ", ";\n    color: ", ";\n  }\n  :hover > * {\n    border-color: ", ";\n  }\n  &:focus-within {\n    color: typoPrimary;\n  }\n  .primary {\n    line-height: 0;\n    height: 38px;\n    border-radius: lg;\n    ~ ", " {\n      top: 10px;\n    }\n  }\n  .grid {\n    line-height: 1.2px;\n    border-radius: md;\n    ~ ", " {\n      top: 7px;\n    }\n  }\n  .left {\n    padding-left: ", ";\n  }\n  .right {\n    padding-right: 1.4em;\n    padding-left: 1em;\n  }\n"])), function (_a) {
     var $isInvalid = _a.$isInvalid;
     return ($isInvalid ? th.color('red1') : th.color('gray'));
 }, function (_a) {
@@ -8828,19 +9155,55 @@ styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  po
     var $icon = _a.$icon;
     return ($icon ? '3em' : '1em');
 });
-styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  span {\n    display: none;\n    position: absolute;\n    width: 120px;\n    background-color: white;\n    color: red1;\n    border-color: red1;\n    border: 1px solid;\n    text-align: center;\n    border-radius: lg;\n    padding: 1 3;\n    margin: 1;\n    z-index: 1;\n    transition: opacity 0.3s;\n    top: 0;\n    left: 100%;\n    margin-left: 2;\n    box-shadow: tooltipBoxShadow;\n\n    :after {\n      content: '';\n      position: absolute;\n      top: 0px;\n      right: 100%;\n      border: mediumThick;\n      border-color: transparent ", " transparent transparent;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n    span {\n      display: block;\n    }\n  }\n"], ["\n  span {\n    display: none;\n    position: absolute;\n    width: 120px;\n    background-color: white;\n    color: red1;\n    border-color: red1;\n    border: 1px solid;\n    text-align: center;\n    border-radius: lg;\n    padding: 1 3;\n    margin: 1;\n    z-index: 1;\n    transition: opacity 0.3s;\n    top: 0;\n    left: 100%;\n    margin-left: 2;\n    box-shadow: tooltipBoxShadow;\n\n    :after {\n      content: '';\n      position: absolute;\n      top: 0px;\n      right: 100%;\n      border: mediumThick;\n      border-color: transparent ", " transparent transparent;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n    span {\n      display: block;\n    }\n  }\n"])), th.color('red1'));
+var Tooltip = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  span {\n    display: none;\n    position: absolute;\n    width: 120px;\n    background-color: white;\n    color: red1;\n    border-color: red1;\n    border: 1px solid;\n    text-align: center;\n    border-radius: lg;\n    padding: 1 3;\n    margin: 1;\n    z-index: 1;\n    transition: opacity 0.3s;\n    top: 0;\n    left: 100%;\n    margin-left: 2;\n    box-shadow: tooltipBoxShadow;\n\n    :after {\n      content: '';\n      position: absolute;\n      top: 0px;\n      right: 100%;\n      border: mediumThick;\n      border-color: transparent ", " transparent transparent;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n    span {\n      display: block;\n    }\n  }\n"], ["\n  span {\n    display: none;\n    position: absolute;\n    width: 120px;\n    background-color: white;\n    color: red1;\n    border-color: red1;\n    border: 1px solid;\n    text-align: center;\n    border-radius: lg;\n    padding: 1 3;\n    margin: 1;\n    z-index: 1;\n    transition: opacity 0.3s;\n    top: 0;\n    left: 100%;\n    margin-left: 2;\n    box-shadow: tooltipBoxShadow;\n\n    :after {\n      content: '';\n      position: absolute;\n      top: 0px;\n      right: 100%;\n      border: mediumThick;\n      border-color: transparent ", " transparent transparent;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n    span {\n      display: block;\n    }\n  }\n"])), th.color('red1'));
 var templateObject_1$1, templateObject_2$1, templateObject_3$1, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
 
-styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: auto;\n  width: auto;\n  box-sizing: border-box;\n"], ["\n  display: flex;\n  align-items: center;\n  height: auto;\n  width: auto;\n  box-sizing: border-box;\n"])));
-styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  position: relative;\n  width: 18px;\n  height: 18px;\n  & > span > span {\n    width: 10px;\n    height: 10px;\n  }\n  & > * {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n  }\n"], ["\n  display: flex;\n  position: relative;\n  width: 18px;\n  height: 18px;\n  & > span > span {\n    width: 10px;\n    height: 10px;\n  }\n  & > * {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n  }\n"])));
-styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border-radius: 50%;\n  background-color: white;\n  border: 1.5px solid;\n  border-color: lightGray5;\n  pointer-events: none;\n  cursor: pointer;\n  position: relative;\n\n  & span {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    box-sizing: border-box;\n    border-radius: 50%;\n    transition: opacity 100ms ease-out;\n    background-color: white;\n  }\n\n  input[type='radio']:checked + & {\n    border-color: red1;\n  }\n\n  input[type='radio']:disabled + & {\n    border-color: gray1;\n  }\n\n  input[type='radio']:not(:disabled):not(:checked):hover + & {\n    border-color: gray1;\n  }\n\n  input[type='radio']:hover:not(:disabled):not(:checked) + & > span,\n  input[type='radio']:checked:disabled + & > span {\n    background-color: gray1;\n  }\n\n  input[type='radio']:checked + & > span {\n    background-color: red1;\n  }\n"], ["\n  border-radius: 50%;\n  background-color: white;\n  border: 1.5px solid;\n  border-color: lightGray5;\n  pointer-events: none;\n  cursor: pointer;\n  position: relative;\n\n  & span {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    box-sizing: border-box;\n    border-radius: 50%;\n    transition: opacity 100ms ease-out;\n    background-color: white;\n  }\n\n  input[type='radio']:checked + & {\n    border-color: red1;\n  }\n\n  input[type='radio']:disabled + & {\n    border-color: gray1;\n  }\n\n  input[type='radio']:not(:disabled):not(:checked):hover + & {\n    border-color: gray1;\n  }\n\n  input[type='radio']:hover:not(:disabled):not(:checked) + & > span,\n  input[type='radio']:checked:disabled + & > span {\n    background-color: gray1;\n  }\n\n  input[type='radio']:checked + & > span {\n    background-color: red1;\n  }\n"])));
-styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 10px;\n  height: 10px;\n"], ["\n  width: 10px;\n  height: 10px;\n"])));
-styled.input(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  opacity: 0;\n  border-radius: 50%;\n  width: 18px;\n  height: 18px;\n  cursor: ", ";\n  margin: 0;\n"], ["\n  opacity: 0;\n  border-radius: 50%;\n  width: 18px;\n  height: 18px;\n  cursor: ", ";\n  margin: 0;\n"])), function (_a) {
+var Input = function (_a) {
+    var _b = _a.appearance, appearance = _b === void 0 ? 'primary' : _b, type = _a.type, name = _a.name, label = _a.label, value = _a.value, icon = _a.icon, disabled = _a.disabled, error = _a.error, _c = _a.isInvalid, isInvalid = _c === void 0 ? undefined : _c, _d = _a.spaceAround, spaceAround = _d === void 0 ? false : _d, inputRef = _a.inputRef, autoComplete = _a.autoComplete, isLoading = _a.isLoading, className = _a.className, suffix = _a.suffix, suffixOnClick = _a.suffixOnClick, errorAppearance = _a.errorAppearance, _e = _a.iconPlacement, iconPlacement = _e === void 0 ? 'left' : _e, iconOnClick = _a.iconOnClick, iconTooltip = _a.iconTooltip, big = _a.big, _f = _a.showArrowsController, showArrowsController = _f === void 0 ? false : _f, onClear = _a.onClear, alwaysShowClear = _a.alwaysShowClear, setNumber = _a.setNumber, onEnter = _a.onEnter, _g = _a.forceFocus, forceFocus = _g === void 0 ? false : _g, _h = _a.autoFocus, autoFocus = _h === void 0 ? false : _h, onBlur = _a.onBlur, rest = __rest(_a, ["appearance", "type", "name", "label", "value", "icon", "disabled", "error", "isInvalid", "spaceAround", "inputRef", "autoComplete", "isLoading", "className", "suffix", "suffixOnClick", "errorAppearance", "iconPlacement", "iconOnClick", "iconTooltip", "big", "showArrowsController", "onClear", "alwaysShowClear", "setNumber", "onEnter", "forceFocus", "autoFocus", "onBlur"]);
+    var $isInvalid = isInvalid !== undefined ? isInvalid : !!error;
+    var $isClearable = !!onClear && (!!value || alwaysShowClear) && !disabled && !isLoading;
+    var $hasSuffix = !!suffix;
+    var checkIconPlacement = showArrowsController ? 'left' : iconPlacement;
+    var onAddItem = useCallback(function () { return setNumber && setNumber(function (base) { return base + 1; }); }, [setNumber]);
+    var onRemoveItem = useCallback(function () {
+        setNumber && setNumber(function (base) { return (base > 1 ? base - 1 : 1); });
+    }, [setNumber]);
+    var internalRef = useRef();
+    var ref = (inputRef || internalRef);
+    useEffect(function () {
+        var _a;
+        forceFocus && !disabled && !isLoading && ((_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.focus());
+    }, [disabled, forceFocus, isLoading]);
+    var handleBlur = useCallback(function (event) {
+        var _a, _b, _c, _d, _e;
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+        if (forceFocus && ((_b = (_a = event.relatedTarget) === null || _a === void 0 ? void 0 : _a.tagName) === null || _b === void 0 ? void 0 : _b.toLowerCase()) !== 'input' || ((_d = (_c = event.relatedTarget) === null || _c === void 0 ? void 0 : _c.type) === null || _d === void 0 ? void 0 : _d.toLowerCase()) !== 'text') {
+            (_e = event.target) === null || _e === void 0 ? void 0 : _e.focus();
+        }
+    }, [forceFocus, onBlur]);
+    var handleKeyDown = useCallback(function (event) {
+        if (event.key === 'Enter') {
+            onEnter === null || onEnter === void 0 ? void 0 : onEnter();
+        }
+    }, [onEnter]);
+    return (jsxs(SpaceAroundWrap, { spaceAround: spaceAround, className: className, children: [jsxs(InputWrap, { children: [label && (jsx(FieldLabel, { htmlFor: name, "$isInvalid": $isInvalid, children: label })), jsxs(InputRow, { hasValue: !!value, "$isInvalid": $isInvalid, disabled: !!disabled, "$icon": icon, children: [jsx(StyledInput, __assign({ autoFocus: autoFocus, className: "".concat(appearance, " ").concat(checkIconPlacement), type: type, name: name, "data-cy": "".concat(name, "Inp"), value: value, "$isInvalid": $isInvalid, "$isClearable": $isClearable, "$hasSuffix": $hasSuffix, disabled: disabled || isLoading, ref: ref, autoComplete: autoComplete, onKeyDown: handleKeyDown, big: big, onBlur: handleBlur }, rest)), icon && (jsx(InputIcon, { right: showArrowsController ? false : iconPlacement === 'right', onClick: iconOnClick, children: jsxs(Tooltip, { children: [jsx(Icon, { icon: icon }), iconTooltip && jsx("span", { children: iconTooltip })] }) })), showArrowsController && (jsxs(IconsController, { children: [jsx(IconWrapper, { onClick: onAddItem, children: jsx(Icon, { icon: "goUp", fill: "gray1" }) }), jsx(IconWrapper, { onClick: onRemoveItem, children: jsx(Icon, { icon: "goDown", fill: "gray1" }) })] })), $isClearable && (jsx(InputIcon, { right: true, onClick: onClear, children: jsx(Icon, { icon: "deleteX", size: "16px", fill: "lightGray3" }) })), suffix && (jsx(Suffix, { onClick: suffixOnClick, "$isPointer": !!suffixOnClick, "$isInvalid": $isInvalid, children: suffix })), isLoading && (jsx(InputIcon, { right: true, children: jsx(Spinner, { variant: "sm" }) }))] })] }), error && jsx(ErrorMessage, { appearance: errorAppearance, children: error })] }));
+};
+
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: auto;\n  width: auto;\n  box-sizing: border-box;\n"], ["\n  display: flex;\n  align-items: center;\n  height: auto;\n  width: auto;\n  box-sizing: border-box;\n"])));
+var Item = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  position: relative;\n  width: 18px;\n  height: 18px;\n  & > span > span {\n    width: 10px;\n    height: 10px;\n  }\n  & > * {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n  }\n"], ["\n  display: flex;\n  position: relative;\n  width: 18px;\n  height: 18px;\n  & > span > span {\n    width: 10px;\n    height: 10px;\n  }\n  & > * {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n  }\n"])));
+var PaintoverLayer = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border-radius: 50%;\n  background-color: white;\n  border: 1.5px solid;\n  border-color: lightGray5;\n  pointer-events: none;\n  cursor: pointer;\n  position: relative;\n\n  & span {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    box-sizing: border-box;\n    border-radius: 50%;\n    transition: opacity 100ms ease-out;\n    background-color: white;\n  }\n\n  input[type='radio']:checked + & {\n    border-color: red1;\n  }\n\n  input[type='radio']:disabled + & {\n    border-color: gray1;\n  }\n\n  input[type='radio']:not(:disabled):not(:checked):hover + & {\n    border-color: gray1;\n  }\n\n  input[type='radio']:hover:not(:disabled):not(:checked) + & > span,\n  input[type='radio']:checked:disabled + & > span {\n    background-color: gray1;\n  }\n\n  input[type='radio']:checked + & > span {\n    background-color: red1;\n  }\n"], ["\n  border-radius: 50%;\n  background-color: white;\n  border: 1.5px solid;\n  border-color: lightGray5;\n  pointer-events: none;\n  cursor: pointer;\n  position: relative;\n\n  & span {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    box-sizing: border-box;\n    border-radius: 50%;\n    transition: opacity 100ms ease-out;\n    background-color: white;\n  }\n\n  input[type='radio']:checked + & {\n    border-color: red1;\n  }\n\n  input[type='radio']:disabled + & {\n    border-color: gray1;\n  }\n\n  input[type='radio']:not(:disabled):not(:checked):hover + & {\n    border-color: gray1;\n  }\n\n  input[type='radio']:hover:not(:disabled):not(:checked) + & > span,\n  input[type='radio']:checked:disabled + & > span {\n    background-color: gray1;\n  }\n\n  input[type='radio']:checked + & > span {\n    background-color: red1;\n  }\n"])));
+var CenterDot = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 10px;\n  height: 10px;\n"], ["\n  width: 10px;\n  height: 10px;\n"])));
+var StyledRadio = styled.input(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  opacity: 0;\n  border-radius: 50%;\n  width: 18px;\n  height: 18px;\n  cursor: ", ";\n  margin: 0;\n"], ["\n  opacity: 0;\n  border-radius: 50%;\n  width: 18px;\n  height: 18px;\n  cursor: ", ";\n  margin: 0;\n"])), function (_a) {
     var disabled = _a.disabled;
     return (disabled ? 'default' : 'pointer');
 });
-styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  margin: 0;\n  margin-left: 8px;\n  font-size: 14px;\n"], ["\n  margin: 0;\n  margin-left: 8px;\n  font-size: 14px;\n"])));
+var Label = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  margin: 0;\n  margin-left: 8px;\n  font-size: 14px;\n"], ["\n  margin: 0;\n  margin-left: 8px;\n  font-size: 14px;\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 
-export { Card, CardBody, CardImage, CornerDialog, FieldLabel, FlagCZ, FlagUSA, H1, H2, H3, H4, H5, H6, H7, ImageList, Label$1 as Label, LightBox, Modal, Paragraph1, Paragraph2, Paragraph3, Paragraph4, Paragraph5, Spinner, Tabs, Text, iconDictionary, palletes, themes, useClickOutside, useLightBox, useModal, useTabs };
+var RadioButton = function (_a) {
+    var label = _a.label, id = _a.id, name = _a.name, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onChange = _a.onChange, rest = __rest(_a, ["label", "id", "name", "disabled", "onChange"]);
+    return (jsxs(Wrapper, { children: [jsxs(Item, { children: [jsx(StyledRadio, __assign({ type: "radio", id: id, name: name, disabled: disabled, onChange: onChange }, rest)), jsx(PaintoverLayer, { disabled: disabled, children: jsx(CenterDot, {}) })] }), label && jsx(Label, { children: label })] }));
+};
+
+export { Alert, Avatar, Badge, BorderedBox, Button, Card, CardBody, CardImage, Checkbox$1 as Checkbox, CornerDialog, Dropdown, ErrorMessage, FieldLabel, FlagCZ, FlagUSA, H1, H2, H3, H4, H5, H6, H7, Icon, Image, ImageList, Input, Label$2 as Label, LightBox, Line, Link, Logo, Modal, Pagination, Paragraph, Paragraph1, Paragraph2, Paragraph3, Paragraph4, Paragraph5, Portal, ProgressBar, RadioButton, StyledLink as SimpleLink, SpaceAroundWrap, Spinner, Tabs, Tag, Text, MailstepThemeProvider as ThemeProvider, Toast, Toggle, iconDictionary, palletes, themes, useClickOutside, useLightBox, useModal, useTabs };
 //# sourceMappingURL=index.es.js.map