npm - @taikai/rocket-kit - Versions diffs - 3.0.0-beta.5 → 3.0.1 - Mend

@taikai/rocket-kit 3.0.0-beta.5 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (108) hide show

package/dist/rocket-kit.esm.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import React, { useState, useRef, useEffect, useMemo } from 'react';
 import Avatar from 'boring-avatars';
 import _styled, { css, keyframes } from 'styled-components';
-import { darken, lighten, rem, transparentize, rgba, timingFunctions } from 'polished';
+import { rem, rgba, transparentize, timingFunctions } from 'polished';
 import Select$1, { components } from 'react-select';
 import { Carousel } from 'react-responsive-carousel';
 import ReactPlayer from 'react-player';
@@ -13,10 +13,8 @@ import ReactDOM from 'react-dom';
 import Tabs from 'react-responsive-tabs';
 const colors = {
-  // NEUTRALS
   black: '#000000',
   white: '#ffffff',
-  // GREY
   grey50: '#F1F1F3',
   grey100: '#E3E3E8',
   grey150: '#D5D6DC',
@@ -30,7 +28,6 @@ const colors = {
   grey850: '#23232A',
   grey900: '#17171C',
   grey950: '#0C0C0E',
-  // BLUE
   blue50: '#ECEDFC',
   blue100: '#D9DCFA',
   blue150: '#C6CAF7',
@@ -44,7 +41,6 @@ const colors = {
   blue850: '#141844',
   blue900: '#0D102E',
   blue950: '#070817',
-  // PURPLE
   purple50: '#ECEAF6',
   purple100: '#D9D4ED',
   purple150: '#C7BFE4',
@@ -58,7 +54,6 @@ const colors = {
   purple850: '#140C32',
   purple900: '#0D0821',
   purple950: '#070411',
-  // RED
   red50: '#FDEEEE',
   red100: '#FBDDDD',
   red150: '#F9CDCD',
@@ -72,7 +67,6 @@ const colors = {
   red850: '#471A1A',
   red900: '#2F1111',
   red950: '#180909',
-  // ORACLE
   oracle50: '#F4F0FD',
   oracle100: '#EAE1FB',
   oracle150: '#DFD2FA',
@@ -86,7 +80,6 @@ const colors = {
   oracle850: '#2D2047',
   oracle900: '#1E152F',
   oracle950: '#0F0B18',
-  // GREEN
   green50: '#EBFCF7',
   green100: '#D7F9EF',
   green150: '#C2F6E6',
@@ -100,7 +93,6 @@ const colors = {
   green850: '#104334',
   green900: '#0B2D23',
   green950: '#051611',
-  // ORANGE
   orange50: '#FFF0EA',
   orange100: '#FFE1D5',
   orange150: '#FFD2C0',
@@ -114,7 +106,6 @@ const colors = {
   orange850: '#4D200D',
   orange900: '#331509',
   orange950: '#1A0B04',
-  // YELLOW
   yellow50: '#FFFBEC',
   yellow100: '#FFF7DA',
   yellow150: '#FFF3C7',
@@ -128,7 +119,6 @@ const colors = {
   yellow850: '#4D4015',
   yellow900: '#332B0E',
   yellow950: '#1A1507',
-  // PALE BLUE
   paleBlue50: '#F3F9FD',
   paleBlue100: '#E7F4FB',
   paleBlue150: '#DBEEF9',
@@ -142,7 +132,6 @@ const colors = {
   paleBlue850: '#293C47',
   paleBlue900: '#1B282F',
   paleBlue950: '#0E1418',
-  // PALE ORANGE
   paleOrange50: '#FDF4EC',
   paleOrange100: '#FCE9D9',
   paleOrange150: '#FADEC6',
@@ -155,32 +144,17 @@ const colors = {
   paleOrange800: '#5F3A1A',
   paleOrange850: '#472C13',
   paleOrange900: '#301D0D',
-  paleOrange950: '#180F06',
-  // OLD
-  normal: '#000000',
-  light: '#ffffff',
-  blue: '#4250e4',
-  darkBlue: '#1825AD',
-  orange: '#ff6a2c',
-  darkOrange: /*#__PURE__*/darken(0.2, '#ff6a2c'),
-  red: '#ef5766',
-  lightRed: /*#__PURE__*/lighten(0.25, '#ef5766'),
-  darkRed: /*#__PURE__*/darken(0.19, '#ef5766'),
-  lightPurple: /*#__PURE__*/lighten(0.4, '#4329a6'),
-  darkPurple: /*#__PURE__*/darken(0.15, '#4329a6'),
-  green: '#56cad7',
-  lightGreen: /*#__PURE__*/lighten(0.3, '#56cad7'),
-  darkGreen: /*#__PURE__*/darken(0.15, '#56cad7'),
-  grey: '#939393',
-  lightGrey: '#c4c7d3',
-  darkGrey: /*#__PURE__*/darken(0.1, '#939393')
+  paleOrange950: '#180F06'
 };
 const colorHues = [50, 100, 150, 200, 300, 400, 500, 600, 700, 800, 850, 900, 950];
 const typography = {
   defaultFont: `"Space Grotesk", Verdana, Arial, Helvetica, sans-serif`,
   defaultSize: '16px',
+  fontSizeSm: /*#__PURE__*/rem('14px'),
+  fontSizeXs: /*#__PURE__*/rem('12px'),
   regular: 400,
   medium: 500,
+  semiBold: 600,
   bold: 700
 };
 const button = {
@@ -194,14 +168,30 @@ const button = {
 const misc = {
   transitionDuration: '0.3s'
 };
+const field = {
+  borderWidth: /*#__PURE__*/rem('1px'),
+  borderRadius: /*#__PURE__*/rem('8px'),
+  borderColor: colors.purple100,
+  hoverBorderColor: colors.purple150,
+  backgroundColor: colors.white,
+  boxShadow: /*#__PURE__*/rgba(colors.black, 0.15),
+  color: colors.black,
+  activeBorderColor: colors.purple500,
+  activeColor: colors.purple500,
+  successBackgroundColor: colors.green500,
+  successBorderColor: colors.green600,
+  errorBorderColor: colors.red500,
+  errorBackgroundColor: colors.red300,
+  disabledBackgroundColor: colors.grey100,
+  disabledColor: colors.grey300,
+  height: /*#__PURE__*/rem('50px'),
+  placeholderColor: colors.grey200
+};
-const {
-  grey
-} = colors;
 const Wrapper = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__Wrapper",
   componentId: "sc-1oawilb-0"
-})(["position:relative;border:", " solid ", ";border-radius:", ";width:", "px;height:", "px;overflow:hidden;z-index:0;> *{width:100%;height:100%;}img{object-fit:cover;}"], /*#__PURE__*/rem('2px'), grey, props => props.square ? 0 : '999px', props => props.size, props => props.size);
+})(["position:relative;border:", " solid ", ";border-radius:", ";width:", "px;height:", "px;overflow:hidden;z-index:0;> *{width:100%;height:100%;}img{object-fit:cover;}"], /*#__PURE__*/rem('2px'), colors.grey200, props => props.square ? 0 : '999px', props => props.size, props => props.size);
 const AvatarImage = props => {
   const {
@@ -255,7 +245,7 @@ const useColor = value => {
 const ButtonWrapper = /*#__PURE__*/_styled.button.withConfig({
   displayName: "styles__ButtonWrapper",
   componentId: "sc-baestp-0"
-})(["--bg:", ";--txt:", ";--hover:", ";margin:0;border-width:", ";border-style:solid;border-color:var(--bg);border-radius:", ";background-color:", ";width:min-content;min-width:", ";height:", ";display:flex;justify-content:center;align-items:center;padding:", ";white-space:nowrap;text-decoration:none;transition-duration:", ";cursor:pointer;&:hover{border-color:", ";background-color:", ";span{color:", ";}svg{fill:", ";}}&:disabled{cursor:inherit;opacity:0.5;&:hover{background-color:", ";pointer-events:none;}}> *:not(:last-child){margin-left:", ";margin-right:", ";}.spinner{border-top-color:", ";}span{position:relative;font-size:", ";font-weight:", ";line-height:", ";color:", ";pointer-events:none;transition-duration:", ";order:", ";}svg{order:", ";width:", ";height:", ";fill:", ";transition:", ";}"], props => {
+})(["--bg:", ";--txt:", ";--hover:", ";margin:0;border-width:", ";border-style:solid;border-color:var(--bg);border-radius:", ";background-color:", ";width:min-content;min-width:", ";height:", ";display:flex;justify-content:center;align-items:center;padding:", ";white-space:nowrap;text-decoration:none;transition-duration:", ";cursor:pointer;outline:none;&:hover{border-color:", ";background-color:", ";span{color:", ";}svg{fill:", ";}}&:disabled{cursor:inherit;opacity:0.5;&:hover{background-color:", ";pointer-events:none;}}> *:not(:last-child){margin-left:", ";margin-right:", ";}.spinner{order:", ";border-top-color:", ";}span{position:relative;font-size:", ";font-weight:", ";line-height:", ";color:", ";pointer-events:none;transition-duration:", ";order:", ";}svg{order:", ";width:", ";height:", ";fill:", ";transition:", ";}"], props => {
   var _props$color;
   return useColor((_props$color = props.color) != null ? _props$color : 'black').color;
 }, props => {
@@ -264,7 +254,7 @@ const ButtonWrapper = /*#__PURE__*/_styled.button.withConfig({
 }, props => {
   var _props$color3;
   return props.color === 'white' ? colors.grey100 : props.color === 'black' ? colors.grey900 : useColor((_props$color3 = props.color) != null ? _props$color3 : 'black').hover;
-}, props => props.variant === 'outline' ? button.borderWidth : 0, props => props.variant === 'text' ? 0 : props.rounded ? '999px' : button.borderRadius, props => props.variant === 'solid' ? 'var(--bg)' : 'transparent', props => props.value ? rem('80px') : rem('42px'), button.height, props => props.value ? `0 ${button.padding}` : 0, misc.transitionDuration, props => props.variant === 'solid' ? '' : 'var(--hover)', props => props.variant === 'solid' ? 'var(--hover)' : 'transparent', props => props.variant === 'solid' ? '' : 'var(--hover)', props => props.variant === 'solid' ? '' : 'var(--hover)', props => props.variant === 'solid' ? 'var(--bg)' : 'transparent', props => props.iconPosition === 'right' ? button.iconSpacing : 0, props => props.iconPosition === 'left' ? button.iconSpacing : 0, props => props.variant === 'solid' ? '' : 'var(--button)', /*#__PURE__*/rem(typography.defaultSize), typography.medium, /*#__PURE__*/rem(typography.defaultSize), props => props.variant === 'solid' || props.variant === 'outline' ? 'var(--txt)' : 'var(--bg)', misc.transitionDuration, props => props.iconPosition === 'left' ? 2 : 1, props => props.iconPosition === 'left' ? 1 : 2, button.iconSize, button.iconSize, props => props.variant === 'solid' || props.variant === 'outline' ? 'var(--txt)' : 'var(--bg)', misc.transitionDuration);
+}, props => props.variant === 'outline' ? button.borderWidth : 0, props => props.variant === 'text' ? 0 : props.rounded ? '999px' : button.borderRadius, props => props.variant === 'solid' ? 'var(--bg)' : 'transparent', props => props.value ? rem('80px') : rem('42px'), button.height, props => props.value ? `0 ${button.padding}` : 0, misc.transitionDuration, props => props.variant === 'solid' ? '' : 'var(--hover)', props => props.variant === 'solid' ? 'var(--hover)' : 'transparent', props => props.variant === 'solid' ? '' : 'var(--hover)', props => props.variant === 'solid' ? '' : 'var(--hover)', props => props.variant === 'solid' ? 'var(--bg)' : 'transparent', props => props.iconPosition === 'right' ? button.iconSpacing : 0, props => props.iconPosition === 'left' ? button.iconSpacing : 0, props => props.iconPosition === 'left' ? 1 : 2, props => props.variant === 'solid' ? '' : 'var(--button)', /*#__PURE__*/rem(typography.defaultSize), typography.medium, /*#__PURE__*/rem(typography.defaultSize), props => props.variant === 'solid' || props.variant === 'outline' ? 'var(--txt)' : 'var(--bg)', misc.transitionDuration, props => props.iconPosition === 'left' ? 2 : 1, props => props.iconPosition === 'left' ? 1 : 2, button.iconSize, button.iconSize, props => props.variant === 'solid' || props.variant === 'outline' ? 'var(--txt)' : 'var(--bg)', misc.transitionDuration);
 const Button = props => {
   const {
@@ -307,15 +297,10 @@ const Button = props => {
   }) : null, value && /*#__PURE__*/React.createElement("span", null, value));
 };
-const {
-  normal,
-  light,
-  lightGrey
-} = colors;
 const ActionsMenuStyle = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__ActionsMenuStyle",
   componentId: "sc-1j5ogfi-0"
-})(["position:relative;ul{position:absolute;opacity:0;top:0;margin:0;border:", " solid ", ";border-radius:", ";background-color:", ";min-width:", ";max-width:", ";height:0;max-height:none;padding:0;-moz-box-shadow:0 0 ", " 0 ", ";-webkit-box-shadow:0 0 ", " 0 ", ";box-shadow:0 0 ", " 0 ", ";overflow-y:hidden;z-index:1;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;transition-duration:0.25s;&.isOpen{opacity:1;height:calc(", " * ", " + 2px);max-height:", ";}li{list-style:none;min-height:", ";display:flex;transition-duration:0.3s;&:hover{background-color:", ";cursor:pointer;}&:first-child{border-radius:", " ", " 0 0;}&:last-child{border-radius:0 0 ", " ", ";}a{width:100%;display:flex;align-items:center;padding:0 ", ";color:", ";text-decoration:none;white-space:nowrap;span{display:table-cell;overflow:hidden;text-overflow:ellipsis;}}}}"], /*#__PURE__*/rem('1px'), lightGrey, /*#__PURE__*/rem('4px'), light, /*#__PURE__*/rem('200px'), /*#__PURE__*/rem('250px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/lighten(0.7, normal), /*#__PURE__*/rem('15px'), /*#__PURE__*/lighten(0.7, normal), /*#__PURE__*/rem('15px'), /*#__PURE__*/lighten(0.7, normal), /*#__PURE__*/rem('45px'), props => props.visibleActions, /*#__PURE__*/rem('1280px'), /*#__PURE__*/rem('45px'), lightGrey, /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('20px'), normal);
+})(["position:relative;ul{position:absolute;opacity:0;top:0;margin:0;border:", " solid ", ";border-radius:", ";background-color:", ";min-width:", ";max-width:", ";height:0;max-height:none;padding:0;-moz-box-shadow:0 0 ", " 0 ", ";-webkit-box-shadow:0 0 ", " 0 ", ";box-shadow:0 0 ", " 0 ", ";overflow-y:hidden;z-index:1;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;transition-duration:", ";&.isOpen{opacity:1;height:calc(", " * ", " + ", ");max-height:", ";}li{list-style:none;min-height:", ";display:flex;transition-duration:0.3s;&:hover{background-color:", ";cursor:pointer;}&:first-child{border-radius:", " ", " 0 0;}&:last-child{border-radius:0 0 ", " ", ";}a{width:100%;display:flex;align-items:center;padding:0 ", ";color:", ";text-decoration:none;white-space:nowrap;span{display:table-cell;overflow:hidden;text-overflow:ellipsis;}}}}"], /*#__PURE__*/rem('1px'), field.borderColor, field.borderRadius, field.backgroundColor, /*#__PURE__*/rem('200px'), /*#__PURE__*/rem('250px'), /*#__PURE__*/rem('15px'), field.boxShadow, /*#__PURE__*/rem('15px'), field.boxShadow, /*#__PURE__*/rem('15px'), field.boxShadow, misc.transitionDuration, /*#__PURE__*/rem('45px'), props => props.visibleActions, /*#__PURE__*/rem('2px'), /*#__PURE__*/rem('1280px'), /*#__PURE__*/rem('45px'), field.borderColor, /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('20px'), field.color);
 function useVisible(initialIsVisible) {
   const [isVisible, setIsVisible] = useState(initialIsVisible);
@@ -470,20 +455,10 @@ const ButtonLink = props => {
   }), value && /*#__PURE__*/React.createElement("span", null, value));
 };
-const {
-  normal: normal$1,
-  light: light$1,
-  green,
-  darkGreen,
-  red,
-  darkRed,
-  grey: grey$1,
-  lightGrey: lightGrey$1
-} = colors;
 const CheckboxWrapper = /*#__PURE__*/_styled.label.withConfig({
   displayName: "styles__CheckboxWrapper",
   componentId: "sc-w5t014-0"
-})(["display:flex;position:relative;padding-left:0;cursor:", ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;&:hover input:not(:disabled) ~ span{border-color:", ";}span{color:", ";border-color:", ";}"], props => props.disabled ? 'auto' : 'pointer', props => props.error ? darkRed : normal$1, props => props.disabled ? grey$1 : props.error ? red : null, props => props.error ? red : null);
+})(["display:flex;position:relative;padding-left:0;cursor:", ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;&:hover input:not(:disabled) ~ span{border-color:", ";}span{color:", ";border-color:", ";}"], props => props.disabled ? 'auto' : 'pointer', props => props.error ? field.errorBorderColor : field.hoverBorderColor, props => props.disabled ? field.disabledColor : props.error ? field.errorBorderColor : null, props => props.error ? field.errorBorderColor : null);
 const CheckboxLabel = /*#__PURE__*/_styled.span.withConfig({
   displayName: "styles__CheckboxLabel",
   componentId: "sc-w5t014-1"
@@ -491,11 +466,11 @@ const CheckboxLabel = /*#__PURE__*/_styled.span.withConfig({
 const CheckboxInput = /*#__PURE__*/_styled.input.withConfig({
   displayName: "styles__CheckboxInput",
   componentId: "sc-w5t014-2"
-})(["position:absolute;left:0;opacity:0;cursor:pointer;&:checked:not(:disabled)[aria-checked='true'] ~ span{background-color:", ";border-color:", ";&:after{display:block;}}&:checked:disabled[aria-checked='true'] ~ span{border-color:transparent;background-color:", ";color:", ";&:after{display:block;}}&:not(:checked):disabled ~ span{border-color:", ";background-color:", ";}&:hover:not(:disabled){border-color:", ";&:checked ~ span{border-color:", ";}}"], props => props.error ? red : green, props => props.error ? darkRed : darkGreen, lightGrey$1, grey$1, lightGrey$1, light$1, props => props.error ? darkRed : darkGreen, props => props.error ? darkRed : darkGreen);
+})(["position:absolute;left:0;opacity:0;cursor:pointer;&:checked:not(:disabled)[aria-checked='true'] ~ span{background-color:", ";border-color:", ";&:after{display:block;}}&:checked:disabled[aria-checked='true'] ~ span{border-color:transparent;background-color:", ";color:", ";&:after{display:block;}}&:not(:checked):disabled ~ span{border-color:", ";background-color:", ";}&:hover:not(:disabled){border-color:", ";&:checked ~ span{border-color:", ";}}"], props => props.error ? field.errorBackgroundColor : field.successBackgroundColor, props => props.error ? field.errorBorderColor : field.successBorderColor, field.disabledBackgroundColor, field.disabledColor, field.disabledBackgroundColor, field.backgroundColor, props => props.error ? field.errorBorderColor : field.activeBorderColor, props => props.error ? field.errorBorderColor : field.successBorderColor);
 const Checkmark = /*#__PURE__*/_styled.span.withConfig({
   displayName: "styles__Checkmark",
   componentId: "sc-w5t014-3"
-})(["position:absolute;top:0;left:0;border:", " solid ", ";border-radius:100%;width:", ";height:", ";transition-duration:0.3s;&:after{display:block;content:'';position:absolute;display:none;top:", ";left:", ";width:", ";height:", ";border:solid ", ";border-width:0 ", " ", " 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}&.checked.not-disabled{background-color:", ";border-color:", ";&:after{display:block;}}&.checked.disabled{color:", ";border-color:transparent;background-color:", ";&:after{display:block;}}&.not-checked.disabled{border-color:", ";background-color:", ";}&.not-disabled:hover{border-color:", ";&:checked ~ span{border-color:", ";}}"], /*#__PURE__*/rem('2px'), props => props.error ? red : grey$1, /*#__PURE__*/rem('24px'), /*#__PURE__*/rem('24px'), /*#__PURE__*/rem('3px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('9px'), light$1, /*#__PURE__*/rem('3px'), /*#__PURE__*/rem('3px'), props => props.error ? red : green, props => props.error ? darkRed : darkGreen, grey$1, lightGrey$1, lightGrey$1, light$1, props => props.error ? darkRed : darkGreen, props => props.error ? darkRed : darkGreen);
+})(["position:absolute;top:0;left:0;border:", " solid ", ";border-radius:100%;width:", ";height:", ";transition-duration:", ";&:after{display:block;content:'';position:absolute;display:none;top:", ";left:", ";width:", ";height:", ";border:solid ", ";border-width:0 ", " ", " 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}&.checked.not-disabled{background-color:", ";border-color:", ";&:after{display:block;}}&.checked.disabled{color:", ";border-color:transparent;background-color:", ";&:after{display:block;}}&.not-checked.disabled{border-color:", ";background-color:", ";}&.not-disabled:hover{border-color:", ";&:checked ~ span{border-color:", ";}}"], /*#__PURE__*/rem('2px'), props => props.error ? field.errorBorderColor : field.borderColor, /*#__PURE__*/rem('24px'), /*#__PURE__*/rem('24px'), misc.transitionDuration, /*#__PURE__*/rem('3px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('9px'), colors.white, /*#__PURE__*/rem('3px'), /*#__PURE__*/rem('3px'), props => props.error ? field.errorBackgroundColor : field.successBackgroundColor, props => props.error ? field.errorBorderColor : field.successBorderColor, field.disabledColor, field.disabledBackgroundColor, field.disabledBackgroundColor, colors.white, props => props.error ? field.errorBorderColor : field.successBorderColor, props => props.error ? field.errorBorderColor : field.successBorderColor);
 const Checkbox = ({
   label,
@@ -550,17 +525,10 @@ const Checkbox = ({
   }));
 };
-const {
-  light: light$2,
-  green: green$1,
-  darkGreen: darkGreen$1,
-  grey: grey$2,
-  lightGrey: lightGrey$2
-} = colors;
 const CheckboxWrapper$1 = /*#__PURE__*/_styled.label.withConfig({
   displayName: "styles__CheckboxWrapper",
   componentId: "sc-itly0z-0"
-})(["border:", " solid ", ";border-radius:", ";background-color:", ";height:", ";display:flex;align-items:center;position:relative;cursor:", ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-duration:0.3s;&:hover input:not(:disabled) ~ span{border-color:", ";}&:hover{background-color:", ";}span{color:", ";transition-duration:0.3s;}"], /*#__PURE__*/rem('3px'), props => props.disabled ? grey$2 : props.checked ? darkGreen$1 : grey$2, /*#__PURE__*/rem('6px'), props => props.disabled ? lightGrey$2 : props.checked ? green$1 : light$2, /*#__PURE__*/rem('50px'), props => props.disabled ? 'auto' : 'pointer', grey$2, props => props.disabled ? lightGrey$2 : props.checked ? green$1 : lightGrey$2, props => props.disabled ? grey$2 : props.checked ? light$2 : null);
+})(["border:", " solid ", ";border-radius:", ";background-color:", ";height:", ";display:flex;align-items:center;position:relative;cursor:", ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-duration:", ";&:hover input:not(:disabled) ~ span{border-color:", ";}&:hover{background-color:", ";}span{color:", ";transition-duration:", ";}"], field.borderWidth, props => props.disabled ? field.borderColor : props.checked ? field.successBorderColor : field.borderColor, field.borderRadius, props => props.disabled ? field.disabledBackgroundColor : props.checked ? field.successBackgroundColor : field.backgroundColor, field.height, props => props.disabled ? 'auto' : 'pointer', misc.transitionDuration, field.hoverBorderColor, props => props.disabled ? field.disabledBackgroundColor : props.checked ? field.successBackgroundColor : field.borderColor, props => props.disabled ? field.disabledColor : props.checked ? colors.white : null, misc.transitionDuration);
 const CheckboxLabel$1 = /*#__PURE__*/_styled.span.withConfig({
   displayName: "styles__CheckboxLabel",
   componentId: "sc-itly0z-1"
@@ -568,11 +536,11 @@ const CheckboxLabel$1 = /*#__PURE__*/_styled.span.withConfig({
 const CheckboxInput$1 = /*#__PURE__*/_styled.input.withConfig({
   displayName: "styles__CheckboxInput",
   componentId: "sc-itly0z-2"
-})(["position:absolute;left:0;opacity:0;cursor:pointer;&:checked:not(:disabled) ~ span{background-color:", ";border-color:", ";&:after{display:block;}}&:checked:disabled ~ span{border-color:transparent;background-color:", ";color:", ";&:after{display:block;}}&:not(:checked):disabled ~ span{border-color:", ";background-color:", ";}&:hover:not(:disabled){&:checked ~ span{border-color:", ";}}"], light$2, light$2, grey$2, grey$2, grey$2, lightGrey$2, light$2);
+})(["position:absolute;left:0;opacity:0;cursor:pointer;&:checked:not(:disabled) ~ span{background-color:", ";border-color:", ";&:after{display:block;}}&:checked:disabled ~ span{background-color:", ";color:", ";&:after{display:block;border-color:", ";}}&:not(:checked):disabled ~ span{border-color:", ";background-color:", ";}&:hover:not(:disabled){&:checked ~ span{border-color:", ";}}"], colors.white, field.successBorderColor, field.disabledBackgroundColor, field.disabledColor, field.disabledColor, field.disabledBackgroundColor, field.backgroundColor, field.successBorderColor);
 const Checkmark$1 = /*#__PURE__*/_styled.span.withConfig({
   displayName: "styles__Checkmark",
   componentId: "sc-itly0z-3"
-})(["position:absolute;left:", ";border:", " solid ", ";border-radius:999px;background-color:", ";width:", ";height:", ";transition-duration:0.3s;&:after{content:'';position:absolute;display:none;top:", ";left:", ";width:", ";height:", ";border:solid ", ";border-width:0 ", " ", " 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}"], /*#__PURE__*/rem('10px'), /*#__PURE__*/rem('2px'), grey$2, light$2, /*#__PURE__*/rem('24px'), /*#__PURE__*/rem('24px'), /*#__PURE__*/rem('3px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('9px'), props => props.disabled ? light$2 : green$1, /*#__PURE__*/rem('3px'), /*#__PURE__*/rem('3px'));
+})(["position:absolute;left:", ";border:", " solid ", ";border-radius:999px;background-color:", ";width:", ";height:", ";transition-duration:", ";&:after{content:'';position:absolute;display:none;top:", ";left:", ";width:", ";height:", ";border:solid ", ";border-width:0 ", " ", " 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}"], /*#__PURE__*/rem('10px'), /*#__PURE__*/rem('2px'), field.borderColor, colors.white, /*#__PURE__*/rem('24px'), /*#__PURE__*/rem('24px'), misc.transitionDuration, /*#__PURE__*/rem('3px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('9px'), props => props.disabled ? colors.white : field.successBorderColor, /*#__PURE__*/rem('3px'), /*#__PURE__*/rem('3px'));
 const CheckboxButton = props => {
   const {
@@ -631,12 +599,12 @@ const icons = {
   google: 'M16 0c8.837 0 16 7.163 16 16s-7.163 16-16 16c-8.836 0-16-7.163-16-16s7.163-16 16-16zM16 6.095c-5.471-0.001-9.906 4.434-9.905 9.905-0.002 1.639 0.404 3.252 1.181 4.694 1.673 3.103 4.952 5.212 8.724 5.212 2.256 0.003 4.444-0.767 6.2-2.181h0c1.779-1.427 3.011-3.425 3.488-5.656 0.142-0.667 0.216-1.36 0.216-2.068 0-0.633-0.059-1.251-0.173-1.851h-9.514v3.918h5.296c-0.477 1.266-1.373 2.33-2.541 3.014-1.821 1.064-4.072 1.073-5.902 0.024s-2.959-2.997-2.96-5.107c-0.001-0.651 0.107-1.297 0.318-1.913 0.584-1.696 1.909-3.034 3.599-3.634s3.562-0.398 5.085 0.55l3.209-2.627c-1.716-1.424-3.919-2.28-6.322-2.28z',
   dribbble: 'M16 32c-8.835-0.006-15.994-7.169-15.994-16.004 0-6.586 3.978-12.243 9.663-14.699l0.104-0.040c1.838-0.798 3.979-1.262 6.228-1.262 8.839 0 16.004 7.165 16.004 16.004 0 6.59-3.983 12.249-9.672 14.703l-0.104 0.040c-1.829 0.795-3.959 1.257-6.197 1.257-0.011 0-0.022 0-0.033-0h0.002zM16 7.467c-0.608 0-1.202 0.063-1.774 0.183l0.056-0.010c-0.611 0.126-1.148 0.297-1.658 0.517l0.055-0.021c-0.557 0.238-1.033 0.501-1.48 0.806l0.029-0.019c-0.915 0.622-1.681 1.386-2.285 2.271l-0.019 0.029c-0.596 0.869-1.042 1.892-1.275 2.993l-0.010 0.056c-0.11 0.516-0.173 1.108-0.173 1.715s0.063 1.2 0.183 1.771l-0.010-0.056c0.243 1.157 0.689 2.179 1.304 3.078l-0.019-0.029c0.928 1.36 2.202 2.421 3.698 3.067l0.055 0.021c0.981 0.423 2.122 0.67 3.322 0.67s2.341-0.246 3.377-0.691l-0.056 0.021c0.557-0.238 1.033-0.501 1.479-0.805l-0.030 0.019c0.472-0.322 0.885-0.664 1.264-1.040l-0 0c0.377-0.378 0.719-0.79 1.022-1.232l0.019-0.030c0.287-0.416 0.55-0.892 0.766-1.393l0.021-0.054c0.425-0.979 0.672-2.119 0.672-3.317s-0.247-2.338-0.694-3.372l0.021 0.055c-0.236-0.555-0.5-1.031-0.805-1.476l0.018 0.028c-0.321-0.471-0.664-0.884-1.041-1.261l0 0c-0.378-0.376-0.791-0.717-1.232-1.019l-0.030-0.019c-0.87-0.597-1.895-1.043-2.998-1.274l-0.055-0.010c-0.517-0.11-1.11-0.174-1.718-0.174h-0z M16 23.265c-0.004 0-0.009 0-0.014 0-1.692 0-3.248-0.58-4.481-1.552l0.015 0.012c0.36-0.678 0.792-1.26 1.297-1.769l-0.001 0.001c1.201-1.234 2.684-2.187 4.346-2.754l0.078-0.023c0.016-0.006 0.032-0.011 0.048-0.016 0.63 1.567 1.169 3.421 1.528 5.338l0.029 0.187c-0.835 0.365-1.809 0.577-2.832 0.577-0.005 0-0.010 0-0.015 0h0.001zM20.072 22.024v0c-0.373-1.997-0.864-3.741-1.491-5.418l0.073 0.221c0.448-0.075 0.965-0.118 1.491-0.118 0.009 0 0.019 0 0.028 0h-0.001c0.009-0 0.019-0 0.029-0 1.067 0 2.098 0.159 3.069 0.453l-0.075-0.020c-0.341 2.042-1.488 3.766-3.097 4.864l-0.025 0.016zM10.58 20.851v0c-1.158-1.281-1.867-2.987-1.867-4.859 0-0.001 0-0.003 0-0.004v0c0-0.051 0-0.106 0.004-0.172l0.002-0.060c0.026 0 0.12 0.003 0.263 0.003 2.578-0.019 5.061-0.397 7.409-1.087l-0.19 0.048c0.219 0.428 0.416 0.844 0.591 1.236l-0.027 0.008c-0.076 0.022-0.17 0.049-0.26 0.079-1.753 0.607-3.243 1.591-4.43 2.862l-0.006 0.006c-0.554 0.569-1.046 1.204-1.461 1.891l-0.026 0.047zM23.284 15.914v0l-0.007-0.002c-1.017-0.209-2.187-0.331-3.385-0.334h-0.003c-0.011-0-0.024-0-0.037-0-0.579 0-1.149 0.036-1.709 0.106l0.067-0.007c-0.049-0.12-0.096-0.228-0.158-0.377-0.143-0.334-0.301-0.68-0.484-1.056 2.853-1.164 4.012-2.81 4.060-2.88 1.016 1.228 1.638 2.813 1.657 4.543l0 0.004zM8.991 14.489h-0.122c0.495-2.263 1.986-4.102 3.979-5.064l0.044-0.019 0.005 0.006c0.879 1.19 1.772 2.557 2.588 3.974l0.113 0.213c-1.975 0.539-4.247 0.862-6.59 0.889l-0.016 0zM17.007 13.16v0c-0.904-1.631-1.802-3.013-2.784-4.328l0.071 0.099-0.011-0.014c0.516-0.129 1.108-0.204 1.717-0.204h0c0.001 0 0.003 0 0.004 0 1.847 0 3.533 0.688 4.816 1.822l-0.008-0.007c-0.112 0.166-1.168 1.646-3.805 2.634z',
   microsoft: 'M4.8 4.8h10.73v10.73h-10.73zM16.47 4.8h10.73v10.73h-10.73zM4.8 16.47h10.73v10.73h-10.73zM16.47 16.47h10.73v10.73h-10.73z',
-  "twitter-n": "M26.169 10.782c0.016 0.227 0.016 0.455 0.016 0.682 0 6.936-5.28 14.928-14.928 14.928-0.011 0-0.025 0-0.039 0-2.979 0-5.752-0.878-8.076-2.39l0.057 0.035c0.356 0.041 0.769 0.065 1.187 0.065 0.028 0 0.056-0 0.085-0l-0.004 0c0.008 0 0.018 0 0.028 0 2.457 0 4.718-0.844 6.507-2.257l-0.022 0.017c-2.286-0.043-4.212-1.539-4.895-3.601l-0.011-0.037c0.297 0.049 0.64 0.078 0.989 0.080h0.002c0.491-0.001 0.967-0.066 1.42-0.187l-0.039 0.009c-2.417-0.502-4.207-2.613-4.207-5.143 0-0.003 0-0.005 0-0.008v0-0.065c0.683 0.388 1.495 0.631 2.361 0.665l0.010 0c-1.418-0.956-2.339-2.556-2.339-4.371 0-0.975 0.266-1.888 0.728-2.671l-0.013 0.024c2.6 3.182 6.445 5.262 10.782 5.489l0.037 0.002c-0.080-0.36-0.127-0.774-0.13-1.198v-0.002c0.004-2.898 2.354-5.246 5.252-5.246 1.508 0 2.868 0.636 3.826 1.654l0.003 0.003c1.255-0.247 2.371-0.687 3.376-1.293l-0.046 0.026c-0.406 1.233-1.222 2.239-2.283 2.878l-0.024 0.013c1.12-0.131 2.141-0.418 3.088-0.84l-0.067 0.027c-0.732 1.057-1.603 1.954-2.6 2.691l-0.031 0.022z",
-  "facebook-n": "M21.613 17.6l0.711-4.633h-4.446v-3.006c0-1.267 0.621-2.503 2.612-2.503h2.021v-3.945c-1.066-0.181-2.306-0.295-3.569-0.313l-0.018-0c-3.661 0-6.054 2.219-6.054 6.236v3.531h-4.070v4.633h4.070v11.2h5.009v-11.2z",
-  "instagram-n": "M16.003 9.437c-3.623 0-6.56 2.937-6.56 6.56s2.937 6.56 6.56 6.56c3.623 0 6.56-2.937 6.56-6.56v0c0-0.002 0-0.005 0-0.008 0-3.619-2.933-6.552-6.552-6.552-0.003 0-0.006 0-0.008 0h0zM16.003 20.267c-0 0-0.001 0-0.001 0-2.357 0-4.267-1.91-4.267-4.267s1.911-4.267 4.267-4.267c2.357 0 4.267 1.911 4.267 4.267v0c-0.004 2.355-1.912 4.263-4.266 4.267h-0zM24.364 9.168c-0 0.845-0.685 1.53-1.53 1.53s-1.53-0.685-1.53-1.53 0.685-1.53 1.53-1.53v0c0.001 0 0.002 0 0.003 0 0.843 0 1.527 0.684 1.527 1.527 0 0.001 0 0.003 0 0.004v-0zM28.71 10.722c0.001-0.047 0.002-0.102 0.002-0.157 0-2.016-0.788-3.849-2.072-5.206l0.003 0.004c-1.361-1.282-3.199-2.069-5.222-2.069-0.049 0-0.097 0-0.145 0.001l0.007-0c-2.113-0.12-8.446-0.12-10.56 0-0.044-0.001-0.096-0.001-0.148-0.001-2.018 0-3.853 0.785-5.215 2.067l0.004-0.004c-1.281 1.357-2.069 3.193-2.069 5.212 0 0.052 0.001 0.104 0.002 0.156l-0-0.008c-0.12 2.114-0.12 8.449 0 10.56-0.001 0.047-0.002 0.102-0.002 0.157 0 2.016 0.788 3.849 2.072 5.206l-0.003-0.004c1.362 1.282 3.202 2.069 5.226 2.069 0.047 0 0.095-0 0.142-0.001l-0.007 0c2.113 0.12 8.446 0.12 10.56 0 0.047 0.001 0.102 0.002 0.158 0.002 2.016 0 3.849-0.788 5.206-2.073l-0.003 0.003c1.281-1.361 2.068-3.2 2.068-5.223 0-0.048-0-0.097-0.001-0.145l0 0.007c0.119-2.111 0.119-8.441 0-10.554zM25.98 23.546c-0.449 1.116-1.316 1.985-2.404 2.423l-0.029 0.010c-1.685 0.668-5.68 0.514-7.544 0.514s-5.863 0.148-7.543-0.514c-1.116-0.449-1.984-1.317-2.422-2.405l-0.010-0.029c-0.668-1.685-0.514-5.68-0.514-7.546s-0.149-5.866 0.514-7.546c0.449-1.116 1.317-1.984 2.404-2.422l0.029-0.010c1.685-0.668 5.68-0.514 7.544-0.514s5.866-0.149 7.544 0.514c1.116 0.449 1.983 1.317 2.422 2.404l0.010 0.029c0.668 1.685 0.514 5.68 0.514 7.546s0.154 5.866-0.514 7.546z",
-  "linkedin-n": "M8.93 25.599h-5.307v-17.091h5.307zM6.274 6.177c-0.004 0-0.009 0-0.014 0-1.705 0-3.088-1.383-3.088-3.088s1.383-3.088 3.088-3.088c1.7 0 3.079 1.374 3.088 3.072v0.001c0 0.001 0 0.002 0 0.003 0 1.703-1.373 3.085-3.072 3.1h-0.001zM28.794 25.599h-5.296v-8.32c0-1.983-0.040-4.526-2.759-4.526-2.759 0-3.182 2.154-3.182 4.383v8.462h-5.302v-17.091h5.090v2.331h0.074c0.985-1.665 2.772-2.764 4.815-2.764 0.073 0 0.145 0.001 0.217 0.004l-0.010-0c5.371 0 6.359 3.537 6.359 8.131v9.389z",
-  "medium-n": "M6.233 9.744c0.003-0.030 0.005-0.064 0.005-0.099 0-0.292-0.125-0.554-0.324-0.737l-0.001-0.001-2.387-2.88v-0.428h7.42l5.734 12.58 5.044-12.58h7.076v0.429l-2.043 1.958c-0.143 0.11-0.235 0.281-0.235 0.474 0 0.034 0.003 0.068 0.008 0.1l-0-0.004v14.396c-0.005 0.029-0.008 0.063-0.008 0.097 0 0.193 0.092 0.364 0.234 0.473l0.001 0.001 1.995 1.958v0.429h-10.039v-0.429l2.070-2.006c0.201-0.201 0.201-0.265 0.201-0.571v-11.634l-5.754 14.602h-0.778l-6.692-14.602v9.786c-0.008 0.055-0.013 0.12-0.013 0.185 0 0.364 0.146 0.695 0.383 0.935l-0-0 2.691 3.261v0.429h-7.622v-0.423l2.689-3.266c0.225-0.232 0.363-0.548 0.363-0.897 0-0.079-0.007-0.156-0.021-0.231l0.001 0.008z",
-  "reddit-n": "M25.945 13.259c-0.8 0.001-1.524 0.329-2.044 0.857l-0 0c-2.085-1.39-4.638-2.236-7.386-2.282l-0.012-0 1.494-6.734 4.761 1.068c0.002 1.167 0.948 2.113 2.115 2.115h0c0.004 0 0.009 0 0.013 0 1.183 0 2.142-0.959 2.142-2.142s-0.959-2.142-2.142-2.142c-0.835 0-1.559 0.478-1.912 1.176l-0.006 0.012-5.255-1.166c-0.031-0.007-0.066-0.011-0.102-0.011-0.239 0-0.439 0.167-0.491 0.39l-0.001 0.003-1.642 7.424c-2.747 0.074-5.28 0.926-7.406 2.342l0.051-0.032c-0.519-0.543-1.249-0.881-2.059-0.881-1.572 0-2.846 1.274-2.846 2.846 0 1.117 0.644 2.084 1.58 2.55l0.017 0.007c-0.089 0.389-0.14 0.835-0.14 1.294 0 0.014 0 0.028 0 0.041v-0.002c0 4.522 5.094 8.186 11.347 8.186 6.28 0 11.374-3.664 11.374-8.186 0-0.014 0-0.031 0-0.048 0-0.464-0.061-0.914-0.176-1.341l0.008 0.036c0.938-0.477 1.569-1.435 1.569-2.54 0-1.569-1.272-2.841-2.841-2.841-0.004 0-0.009 0-0.013 0h0.001zM9.17 18.946c-0-0.004-0-0.009-0-0.014 0-1.176 0.953-2.129 2.129-2.129s2.129 0.953 2.129 2.129c0 1.171-0.945 2.121-2.114 2.129h-0.001c-0.003 0-0.006 0-0.009 0-1.172 0-2.123-0.945-2.133-2.114v-0.001zM20.734 23.991c-1.964 1.964-7.506 1.964-9.47 0-0.1-0.092-0.162-0.224-0.162-0.37s0.062-0.277 0.162-0.369l0-0c0.093-0.088 0.218-0.142 0.356-0.142s0.263 0.054 0.356 0.142l-0-0c1.5 1.538 6.475 1.565 8.039 0 0.093-0.088 0.218-0.142 0.356-0.142s0.263 0.054 0.356 0.142l-0-0c0.103 0.092 0.167 0.224 0.167 0.372 0 0.145-0.062 0.276-0.161 0.367l-0 0zM20.69 21.066c-1.17-0.008-2.115-0.958-2.115-2.129 0-1.176 0.953-2.129 2.129-2.129s2.129 0.953 2.129 2.129c0 0.005-0 0.010-0 0.014v-0.001c-0.002 1.169-0.95 2.115-2.118 2.115-0.009 0-0.017-0-0.026-0h0.001z",
+  'twitter-n': 'M26.169 10.782c0.016 0.227 0.016 0.455 0.016 0.682 0 6.936-5.28 14.928-14.928 14.928-0.011 0-0.025 0-0.039 0-2.979 0-5.752-0.878-8.076-2.39l0.057 0.035c0.356 0.041 0.769 0.065 1.187 0.065 0.028 0 0.056-0 0.085-0l-0.004 0c0.008 0 0.018 0 0.028 0 2.457 0 4.718-0.844 6.507-2.257l-0.022 0.017c-2.286-0.043-4.212-1.539-4.895-3.601l-0.011-0.037c0.297 0.049 0.64 0.078 0.989 0.080h0.002c0.491-0.001 0.967-0.066 1.42-0.187l-0.039 0.009c-2.417-0.502-4.207-2.613-4.207-5.143 0-0.003 0-0.005 0-0.008v0-0.065c0.683 0.388 1.495 0.631 2.361 0.665l0.010 0c-1.418-0.956-2.339-2.556-2.339-4.371 0-0.975 0.266-1.888 0.728-2.671l-0.013 0.024c2.6 3.182 6.445 5.262 10.782 5.489l0.037 0.002c-0.080-0.36-0.127-0.774-0.13-1.198v-0.002c0.004-2.898 2.354-5.246 5.252-5.246 1.508 0 2.868 0.636 3.826 1.654l0.003 0.003c1.255-0.247 2.371-0.687 3.376-1.293l-0.046 0.026c-0.406 1.233-1.222 2.239-2.283 2.878l-0.024 0.013c1.12-0.131 2.141-0.418 3.088-0.84l-0.067 0.027c-0.732 1.057-1.603 1.954-2.6 2.691l-0.031 0.022z',
+  'facebook-n': 'M21.613 17.6l0.711-4.633h-4.446v-3.006c0-1.267 0.621-2.503 2.612-2.503h2.021v-3.945c-1.066-0.181-2.306-0.295-3.569-0.313l-0.018-0c-3.661 0-6.054 2.219-6.054 6.236v3.531h-4.070v4.633h4.070v11.2h5.009v-11.2z',
+  'instagram-n': 'M16.003 9.437c-3.623 0-6.56 2.937-6.56 6.56s2.937 6.56 6.56 6.56c3.623 0 6.56-2.937 6.56-6.56v0c0-0.002 0-0.005 0-0.008 0-3.619-2.933-6.552-6.552-6.552-0.003 0-0.006 0-0.008 0h0zM16.003 20.267c-0 0-0.001 0-0.001 0-2.357 0-4.267-1.91-4.267-4.267s1.911-4.267 4.267-4.267c2.357 0 4.267 1.911 4.267 4.267v0c-0.004 2.355-1.912 4.263-4.266 4.267h-0zM24.364 9.168c-0 0.845-0.685 1.53-1.53 1.53s-1.53-0.685-1.53-1.53 0.685-1.53 1.53-1.53v0c0.001 0 0.002 0 0.003 0 0.843 0 1.527 0.684 1.527 1.527 0 0.001 0 0.003 0 0.004v-0zM28.71 10.722c0.001-0.047 0.002-0.102 0.002-0.157 0-2.016-0.788-3.849-2.072-5.206l0.003 0.004c-1.361-1.282-3.199-2.069-5.222-2.069-0.049 0-0.097 0-0.145 0.001l0.007-0c-2.113-0.12-8.446-0.12-10.56 0-0.044-0.001-0.096-0.001-0.148-0.001-2.018 0-3.853 0.785-5.215 2.067l0.004-0.004c-1.281 1.357-2.069 3.193-2.069 5.212 0 0.052 0.001 0.104 0.002 0.156l-0-0.008c-0.12 2.114-0.12 8.449 0 10.56-0.001 0.047-0.002 0.102-0.002 0.157 0 2.016 0.788 3.849 2.072 5.206l-0.003-0.004c1.362 1.282 3.202 2.069 5.226 2.069 0.047 0 0.095-0 0.142-0.001l-0.007 0c2.113 0.12 8.446 0.12 10.56 0 0.047 0.001 0.102 0.002 0.158 0.002 2.016 0 3.849-0.788 5.206-2.073l-0.003 0.003c1.281-1.361 2.068-3.2 2.068-5.223 0-0.048-0-0.097-0.001-0.145l0 0.007c0.119-2.111 0.119-8.441 0-10.554zM25.98 23.546c-0.449 1.116-1.316 1.985-2.404 2.423l-0.029 0.010c-1.685 0.668-5.68 0.514-7.544 0.514s-5.863 0.148-7.543-0.514c-1.116-0.449-1.984-1.317-2.422-2.405l-0.010-0.029c-0.668-1.685-0.514-5.68-0.514-7.546s-0.149-5.866 0.514-7.546c0.449-1.116 1.317-1.984 2.404-2.422l0.029-0.010c1.685-0.668 5.68-0.514 7.544-0.514s5.866-0.149 7.544 0.514c1.116 0.449 1.983 1.317 2.422 2.404l0.010 0.029c0.668 1.685 0.514 5.68 0.514 7.546s0.154 5.866-0.514 7.546z',
+  'linkedin-n': 'M8.93 25.599h-5.307v-17.091h5.307zM6.274 6.177c-0.004 0-0.009 0-0.014 0-1.705 0-3.088-1.383-3.088-3.088s1.383-3.088 3.088-3.088c1.7 0 3.079 1.374 3.088 3.072v0.001c0 0.001 0 0.002 0 0.003 0 1.703-1.373 3.085-3.072 3.1h-0.001zM28.794 25.599h-5.296v-8.32c0-1.983-0.040-4.526-2.759-4.526-2.759 0-3.182 2.154-3.182 4.383v8.462h-5.302v-17.091h5.090v2.331h0.074c0.985-1.665 2.772-2.764 4.815-2.764 0.073 0 0.145 0.001 0.217 0.004l-0.010-0c5.371 0 6.359 3.537 6.359 8.131v9.389z',
+  'medium-n': 'M6.233 9.744c0.003-0.030 0.005-0.064 0.005-0.099 0-0.292-0.125-0.554-0.324-0.737l-0.001-0.001-2.387-2.88v-0.428h7.42l5.734 12.58 5.044-12.58h7.076v0.429l-2.043 1.958c-0.143 0.11-0.235 0.281-0.235 0.474 0 0.034 0.003 0.068 0.008 0.1l-0-0.004v14.396c-0.005 0.029-0.008 0.063-0.008 0.097 0 0.193 0.092 0.364 0.234 0.473l0.001 0.001 1.995 1.958v0.429h-10.039v-0.429l2.070-2.006c0.201-0.201 0.201-0.265 0.201-0.571v-11.634l-5.754 14.602h-0.778l-6.692-14.602v9.786c-0.008 0.055-0.013 0.12-0.013 0.185 0 0.364 0.146 0.695 0.383 0.935l-0-0 2.691 3.261v0.429h-7.622v-0.423l2.689-3.266c0.225-0.232 0.363-0.548 0.363-0.897 0-0.079-0.007-0.156-0.021-0.231l0.001 0.008z',
+  'reddit-n': 'M25.945 13.259c-0.8 0.001-1.524 0.329-2.044 0.857l-0 0c-2.085-1.39-4.638-2.236-7.386-2.282l-0.012-0 1.494-6.734 4.761 1.068c0.002 1.167 0.948 2.113 2.115 2.115h0c0.004 0 0.009 0 0.013 0 1.183 0 2.142-0.959 2.142-2.142s-0.959-2.142-2.142-2.142c-0.835 0-1.559 0.478-1.912 1.176l-0.006 0.012-5.255-1.166c-0.031-0.007-0.066-0.011-0.102-0.011-0.239 0-0.439 0.167-0.491 0.39l-0.001 0.003-1.642 7.424c-2.747 0.074-5.28 0.926-7.406 2.342l0.051-0.032c-0.519-0.543-1.249-0.881-2.059-0.881-1.572 0-2.846 1.274-2.846 2.846 0 1.117 0.644 2.084 1.58 2.55l0.017 0.007c-0.089 0.389-0.14 0.835-0.14 1.294 0 0.014 0 0.028 0 0.041v-0.002c0 4.522 5.094 8.186 11.347 8.186 6.28 0 11.374-3.664 11.374-8.186 0-0.014 0-0.031 0-0.048 0-0.464-0.061-0.914-0.176-1.341l0.008 0.036c0.938-0.477 1.569-1.435 1.569-2.54 0-1.569-1.272-2.841-2.841-2.841-0.004 0-0.009 0-0.013 0h0.001zM9.17 18.946c-0-0.004-0-0.009-0-0.014 0-1.176 0.953-2.129 2.129-2.129s2.129 0.953 2.129 2.129c0 1.171-0.945 2.121-2.114 2.129h-0.001c-0.003 0-0.006 0-0.009 0-1.172 0-2.123-0.945-2.133-2.114v-0.001zM20.734 23.991c-1.964 1.964-7.506 1.964-9.47 0-0.1-0.092-0.162-0.224-0.162-0.37s0.062-0.277 0.162-0.369l0-0c0.093-0.088 0.218-0.142 0.356-0.142s0.263 0.054 0.356 0.142l-0-0c1.5 1.538 6.475 1.565 8.039 0 0.093-0.088 0.218-0.142 0.356-0.142s0.263 0.054 0.356 0.142l-0-0c0.103 0.092 0.167 0.224 0.167 0.372 0 0.145-0.062 0.276-0.161 0.367l-0 0zM20.69 21.066c-1.17-0.008-2.115-0.958-2.115-2.129 0-1.176 0.953-2.129 2.129-2.129s2.129 0.953 2.129 2.129c0 0.005-0 0.010-0 0.014v-0.001c-0.002 1.169-0.95 2.115-2.118 2.115-0.009 0-0.017-0-0.026-0h0.001z',
   link: 'M15.999 6.572l-2.828 2.828c-0.521 0.521-0.521 1.365 0 1.886s1.365 0.521 1.886 0v0l2.828-2.828c1.562-1.562 4.095-1.562 5.657 0s1.562 4.095 0 5.657v0l-2.828 2.828c-0.521 0.521-0.521 1.365 0 1.886s1.365 0.521 1.886 0v0l2.828-2.828c2.604-2.604 2.604-6.825 0-9.428s-6.825-2.603-9.428 0v0zM12.228 19.771c0.521 0.521 1.365 0.521 1.886 0v0l5.657-5.657c0.521-0.521 0.521-1.365 0-1.886s-1.365-0.521-1.886 0v0l-5.657 5.657c-0.521 0.521-0.521 1.365 0 1.886v0zM16.942 20.714l-2.828 2.828c-1.562 1.562-4.095 1.562-5.657 0s-1.562-4.095 0-5.657v0l2.828-2.828c0.521-0.521 0.521-1.365 0-1.886s-1.365-0.521-1.886 0v0l-2.828 2.828c-2.603 2.604-2.603 6.825 0 9.428s6.825 2.604 9.428 0v0l2.828-2.828c0.521-0.521 0.521-1.365 0-1.886s-1.365-0.521-1.886 0v0z',
   'link-o': 'M16 32c-0.013 0-0.028 0-0.043 0-4.405 0-8.391-1.792-11.27-4.686l-0.001-0.001c-2.895-2.879-4.686-6.865-4.686-11.27 0-0.015 0-0.031 0-0.046v0.002c-0-0.013-0-0.028-0-0.043 0-4.405 1.792-8.391 4.686-11.269l0.001-0.001c2.88-2.895 6.866-4.687 11.271-4.687 0.015 0 0.030 0 0.045 0h-0.002c0.013-0 0.028-0 0.043-0 4.405 0 8.391 1.792 11.27 4.686l0.001 0.001c2.895 2.879 4.686 6.866 4.686 11.27 0 0.015-0 0.030-0 0.045v-0.002c0 0.013 0 0.028 0 0.044 0 4.404-1.792 8.39-4.686 11.269l-0.001 0.001c-2.879 2.895-6.865 4.687-11.27 4.687-0.015 0-0.031-0-0.046-0h0.002zM12.371 14.144c-0.001 0-0.002 0-0.004 0-0.267 0-0.508 0.108-0.682 0.283l-2.057 2.057c-0.877 0.872-1.42 2.080-1.42 3.414 0 0.005 0 0.010 0 0.015v-0.001c0 0.004-0 0.009-0 0.014 0 1.335 0.543 2.543 1.42 3.415l0 0c0.873 0.877 2.080 1.419 3.415 1.419 0.005 0 0.009 0 0.014-0h-0.001c0.004 0 0.008 0 0.013 0 1.335 0 2.543-0.543 3.416-1.419l2.057-2.058c0.175-0.176 0.283-0.418 0.283-0.685s-0.108-0.51-0.283-0.685l0 0c-0.174-0.175-0.415-0.284-0.681-0.284-0.001 0-0.003 0-0.004 0h0c-0.001 0-0.003 0-0.004 0-0.266 0-0.508 0.109-0.681 0.284l-2.057 2.056c-0.523 0.524-1.246 0.848-2.045 0.848-0.004 0-0.009 0-0.013-0h0.001c-0.004 0-0.008 0-0.012 0-0.799 0-1.522-0.324-2.044-0.848l-0-0c-0.524-0.523-0.849-1.246-0.849-2.045 0-0.004 0-0.009 0-0.013v0.001c-0-0.004-0-0.008-0-0.012 0-0.799 0.324-1.522 0.849-2.045l2.057-2.058c0.175-0.174 0.283-0.415 0.283-0.681 0-0.002 0-0.003 0-0.005v0c0-0.001 0-0.003 0-0.005 0-0.266-0.108-0.506-0.283-0.68l-0-0c-0.175-0.175-0.416-0.283-0.682-0.283-0.001 0-0.003 0-0.004 0h0zM18.542 13.458c-0.001 0-0.002 0-0.003 0-0.267 0-0.508 0.109-0.682 0.284l-4.114 4.114c-0.175 0.174-0.283 0.415-0.283 0.681 0 0.001 0 0.003 0 0.004v-0c0 0.001 0 0.003 0 0.005 0 0.266 0.108 0.508 0.283 0.682l0 0c0.174 0.175 0.415 0.284 0.682 0.284 0.001 0 0.002 0 0.004 0h-0c0.001 0 0.002 0 0.003 0 0.267 0 0.508-0.108 0.682-0.284l4.114-4.114c0.175-0.174 0.283-0.415 0.283-0.681 0-0.001 0-0.003 0-0.004v0c0-0.001 0-0.003 0-0.005 0-0.266-0.108-0.508-0.283-0.682l-0-0c-0.174-0.175-0.414-0.283-0.68-0.283-0.002 0-0.004 0-0.006 0h0zM19.913 10.15c0.004-0 0.008-0 0.013-0 0.799 0 1.521 0.324 2.044 0.848l0 0c0.524 0.523 0.848 1.246 0.848 2.044 0 0.004 0 0.009-0 0.013v-0.001c0 0.004 0 0.008 0 0.013 0 0.799-0.324 1.521-0.848 2.044l-2.058 2.058c-0.175 0.174-0.283 0.415-0.283 0.682 0 0.001 0 0.003 0 0.004v-0c0 0.002 0 0.003 0 0.005 0 0.266 0.108 0.506 0.283 0.68l0 0c0.175 0.175 0.416 0.283 0.682 0.283 0.001 0 0.003 0 0.004 0h-0c0.001 0 0.003 0 0.004 0 0.266 0 0.508-0.108 0.682-0.283l2.057-2.057c0.876-0.878 1.418-2.090 1.418-3.429s-0.542-2.551-1.418-3.429l0 0c-0.873-0.877-2.080-1.419-3.415-1.419-0.005 0-0.009 0-0.014 0h0.001c-0.004 0-0.009-0-0.013-0-1.334 0-2.542 0.543-3.415 1.419l-2.057 2.057c-0.175 0.176-0.283 0.418-0.283 0.686s0.108 0.51 0.283 0.686l-0-0c0.174 0.175 0.415 0.284 0.681 0.284 0.001 0 0.003 0 0.004 0h-0c0.001 0 0.003 0 0.004 0 0.266 0 0.508-0.109 0.681-0.284l2.058-2.056c0.522-0.524 1.245-0.847 2.043-0.847 0.005 0 0.010 0 0.015 0h-0.001z',
   instagram: 'M16 32c-8.835-0.006-15.994-7.169-15.994-16.004 0-6.586 3.978-12.243 9.663-14.699l0.104-0.040c1.838-0.798 3.979-1.262 6.228-1.262 8.839 0 16.004 7.165 16.004 16.004 0 6.59-3.983 12.249-9.672 14.703l-0.104 0.040c-1.829 0.795-3.959 1.257-6.197 1.257-0.011 0-0.022 0-0.033-0h0.002zM16 7.467h-0.37c-1.959 0-2.269 0.011-3.148 0.050-0.748 0.016-1.458 0.16-2.115 0.411l0.043-0.014c-1.15 0.453-2.043 1.346-2.486 2.466l-0.010 0.030c-0.237 0.613-0.381 1.323-0.397 2.064l-0 0.007c-0.042 0.931-0.052 1.238-0.052 3.52s0.010 2.587 0.052 3.518c0.017 0.748 0.161 1.458 0.411 2.115l-0.015-0.043c0.454 1.15 1.346 2.042 2.466 2.486l0.030 0.010c0.613 0.236 1.322 0.38 2.062 0.397l0.007 0c0.918 0.042 1.223 0.052 3.52 0.052s2.6-0.010 3.518-0.052c0.748-0.016 1.458-0.16 2.116-0.411l-0.043 0.015c1.149-0.454 2.042-1.347 2.486-2.466l0.010-0.030c0.235-0.614 0.379-1.323 0.396-2.064l0-0.007c0.042-0.931 0.052-1.238 0.052-3.518s-0.010-2.587-0.052-3.52c-0.017-0.748-0.161-1.457-0.411-2.114l0.015 0.044c-0.453-1.15-1.346-2.043-2.466-2.486l-0.030-0.010c-0.614-0.236-1.324-0.38-2.066-0.396l-0.007-0c-0.918-0.041-1.222-0.051-3.517-0.051z M16.001 22.992c-2.263 0-2.535-0.009-3.448-0.050-0.571-0.008-1.114-0.115-1.617-0.306l0.033 0.011c-0.385-0.145-0.713-0.363-0.98-0.639l-0.001-0.001c-0.277-0.268-0.495-0.596-0.634-0.962l-0.006-0.018c-0.18-0.47-0.287-1.013-0.294-1.581l-0-0.003c-0.039-0.89-0.047-1.158-0.047-3.447s0.009-2.556 0.049-3.447c0.007-0.571 0.114-1.114 0.305-1.617l-0.011 0.032c0.144-0.385 0.363-0.713 0.639-0.98l0.001-0.001c0.269-0.277 0.597-0.495 0.963-0.634l0.018-0.006c0.47-0.179 1.013-0.285 1.58-0.293l0.003-0c0.792-0.036 1.091-0.046 2.683-0.048 0.073 0.003 0.152 0.003 0.222 0.003h0.544c2.299 0 2.566 0.009 3.448 0.049 0.571 0.007 1.114 0.115 1.617 0.305l-0.033-0.011c0.385 0.145 0.712 0.363 0.98 0.639l0.001 0.001c0.277 0.269 0.495 0.597 0.634 0.963l0.006 0.018c0.179 0.47 0.287 1.013 0.294 1.581l0 0.003c0.041 0.892 0.049 1.16 0.049 3.448s-0.009 2.556-0.049 3.447c-0.008 0.571-0.115 1.114-0.305 1.617l0.011-0.033c-0.294 0.746-0.874 1.325-1.6 1.612l-0.019 0.007c-0.47 0.181-1.014 0.288-1.582 0.295l-0.003 0c-0.915 0.039-1.187 0.048-3.45 0.048zM16.001 11.618c-2.42 0-4.382 1.962-4.382 4.382s1.962 4.382 4.382 4.382c2.419 0 4.38-1.96 4.382-4.379v-0c-0.002-2.42-1.962-4.381-4.381-4.384h-0zM20.557 10.421h-0.002c-0.416 0.001-0.753 0.338-0.753 0.754s0.338 0.754 0.754 0.754 0.754-0.338 0.754-0.754c0-0.416-0.337-0.753-0.753-0.754h-0z M16.001 13.156c1.571 0 2.844 1.274 2.844 2.844s-1.274 2.844-2.844 2.844c-1.571 0-2.844-1.274-2.844-2.844v0c0-1.571 1.274-2.844 2.844-2.844v0z',
@@ -660,7 +628,8 @@ const icons = {
   arrowBack: 'M25.333 14.667h-14.893l6.507-6.507c0.52-0.52 0.52-1.373 0-1.893s-1.36-0.52-1.88 0l-8.787 8.787c-0.52 0.52-0.52 1.36 0 1.88l8.787 8.787c0.52 0.52 1.36 0.52 1.88 0s0.52-1.36 0-1.88l-6.507-6.507h14.893c0.733 0 1.333-0.6 1.333-1.333s-0.6-1.333-1.333-1.333z',
   arrowForward: 'M6.667 17.333h14.893l-6.507 6.507c-0.52 0.52-0.52 1.373 0 1.893s1.36 0.52 1.88 0l8.787-8.787c0.52-0.52 0.52-1.36 0-1.88l-8.773-8.8c-0.52-0.52-1.36-0.52-1.88 0s-0.52 1.36 0 1.88l6.493 6.52h-14.893c-0.733 0-1.333 0.6-1.333 1.333s0.6 1.333 1.333 1.333z',
   keyboardDown: 'M10.827 12.387l5.173 5.173 5.173-5.173c0.52-0.52 1.36-0.52 1.88 0s0.52 1.36 0 1.88l-6.12 6.12c-0.52 0.52-1.36 0.52-1.88 0l-6.12-6.12c-0.52-0.52-0.52-1.36 0-1.88 0.52-0.507 1.373-0.52 1.893 0z',
-  kai: 'M9.451 5.76c0.973 0.012 1.76 0.798 1.771 1.77v7.755l10.043-9.085c0.127-0.102 0.272-0.191 0.427-0.261l0.013-0.005c0.217-0.105 0.473-0.166 0.742-0.166 0.001 0 0.002 0 0.003 0h-0c0.492 0.012 0.934 0.214 1.258 0.536l-0-0 0.002-0.002c0.037 0.033 0.071 0.067 0.103 0.102l0.001 0.001c0.255 0.305 0.41 0.701 0.41 1.134 0 0.346-0.099 0.669-0.271 0.942l0.004-0.007c-0.053 0.076-0.107 0.143-0.166 0.205l0.001-0.001c-0.068 0.080-0.141 0.151-0.221 0.215l-0.003 0.002-7.656 6.915 1.961 1.947 1.782-1.605c0.314-0.277 0.729-0.446 1.183-0.446 0.521 0 0.989 0.222 1.317 0.576l0.001 0.001c0.273 0.296 0.44 0.693 0.44 1.129 0 0.052-0.002 0.103-0.007 0.153l0-0.006c-0.029 0.48-0.248 0.904-0.583 1.201l-0.002 0.002-1.635 1.472 3.283 3.26 0.069 0.1 0.036 0.036c0.279 0.299 0.45 0.701 0.45 1.143 0 0.026-0.001 0.052-0.002 0.077l0-0.004c-0.012 0.472-0.21 0.895-0.524 1.201l-0 0c-0.284 0.291-0.671 0.48-1.102 0.508l-0.005 0c-0.041 0.003-0.089 0.005-0.137 0.005-0.37 0-0.713-0.112-0.998-0.305l0.006 0.004-0.061-0.048-0.028-0.026c-0.032-0.022-0.010-0.007-0.066-0.047-0.028-0.022-0.055-0.047-0.102-0.092l-3.453-3.443-1.782 1.605c-0.309 0.284-0.722 0.458-1.176 0.458-0.028 0-0.057-0.001-0.085-0.002l0.004 0c-0.487-0.008-0.922-0.224-1.222-0.562l-0.002-0.002c-0.277-0.314-0.446-0.729-0.446-1.184 0-0.52 0.222-0.989 0.576-1.316l0.001-0.001 1.64-1.477-1.952-1.946-2.070 1.876v4.73c0 0.003 0 0.006 0 0.010 0 0.974-0.789 1.763-1.763 1.763-0.491 0-0.935-0.201-1.255-0.524l-0-0c-0.324-0.313-0.525-0.752-0.525-1.237 0-0.004 0-0.008 0-0.011v0.001-17.254c0.012-0.973 0.798-1.76 1.77-1.771h0.001z',
+  tkai: 'M10.47 7c.807.01 1.46.663 1.469 1.469v6.43l8.328-7.533c.106-.085.226-.159.355-.217l.01-.004a1.42 1.42 0 01.616-.138h.002c.408.01.775.178 1.044.445l.001-.002c.03.028.059.056.085.085h.001c.212.254.34.582.34.941 0 .287-.082.555-.224.781l.003-.005a1.437 1.437 0 01-.138.17l.001-.001a1.33 1.33 0 01-.183.178l-.003.002-6.349 5.734 1.627 1.615 1.477-1.331a1.484 1.484 0 012.073.108h.001a1.377 1.377 0 01.36 1.064v-.005c-.024.398-.206.75-.484.996l-.002.001-1.355 1.22 2.722 2.704.057.083.03.03a1.385 1.385 0 01.372 1.012v-.003c-.01.391-.174.742-.435.996a1.402 1.402 0 01-.914.42h-.004a1.47 1.47 0 01-.941-.249l.005.004-.05-.04-.024-.021-.055-.039a1.107 1.107 0 01-.084-.076l-2.864-2.856-1.478 1.331a1.437 1.437 0 01-1.045.379h.003a1.382 1.382 0 01-1.014-.466l-.001-.002a1.482 1.482 0 01.108-2.073v-.001l1.36-1.225-1.618-1.614-1.717 1.556v3.931a1.462 1.462 0 01-2.503 1.027A1.422 1.422 0 019 22.785v-.009.001V8.47c.01-.807.662-1.46 1.468-1.469h.002z',
+  vkai: 'M19.755 7a1.49 1.49 0 011.47 1.468v6.428l8.322-7.534c.111-.09.234-.163.364-.22.194-.092.405-.139.618-.138.392.009.765.168 1.043.444.032.027.06.056.088.087a1.472 1.472 0 01.12 1.717c-.094.129-.202.246-.322.35l-6.35 5.733 1.626 1.614 1.478-1.33a1.49 1.49 0 012.074.108 1.39 1.39 0 01.359 1.059 1.44 1.44 0 01-.485.996l-1.355 1.222 2.725 2.702.06.084.028.029a1.401 1.401 0 01.372 1.008c-.01.376-.167.734-.438.996-.243.25-.57.399-.917.42-.33.026-.66-.06-.936-.244l-.051-.04-.024-.021a1.043 1.043 0 01-.141-.115L26.62 20.97l-1.478 1.33a1.448 1.448 0 01-1.038.37 1.388 1.388 0 01-1.015-.467 1.49 1.49 0 01.108-2.074l1.36-1.227-1.619-1.613-1.713 1.561v3.923a1.47 1.47 0 01-2.938 0V8.468A1.49 1.49 0 0119.755 7zM.165 9.493A1.752 1.752 0 013.34 8.012l6.4 13.722a1.752 1.752 0 01-3.177 1.481L.165 9.493z M12.987 8.012a1.752 1.752 0 113.176 1.481L9.764 23.215a1.752 1.752 0 01-3.175-1.48l6.398-13.723z',
   trophy: 'M27.185 5.789c-0.516-0.724-1.344-1.197-2.283-1.224l-0.004-0h-1.139c-0.031-0.112-0.061-0.224-0.096-0.335-0.098-0.321-0.346-0.568-0.66-0.665l-0.007-0.002c-2.109-0.641-4.534-1.009-7.044-1.009s-4.935 0.369-7.222 1.055l0.178-0.046c-0.321 0.098-0.569 0.346-0.665 0.66l-0.002 0.007c-0.033 0.111-0.064 0.223-0.096 0.335h-1.139c-0.943 0.027-1.77 0.5-2.281 1.215l-0.006 0.009c-0.549 0.778-0.877 1.746-0.877 2.79 0 0.506 0.077 0.994 0.22 1.452l-0.009-0.035 0.021 0.071c0.838 3.063 3.117 5.458 6.045 6.441l0.386 0.113c0.8 0.938 1.792 1.687 2.917 2.192l0.052 0.021c-0.175 1.834-0.697 3.511-1.501 5.015l0.035-0.071-0.479 0.62h-2.332c-0 0-0.001 0-0.001 0-0.548 0-0.992 0.444-0.992 0.992 0 0 0 0 0 0v0 3.375c0 0 0 0.001 0 0.001 0 0.548 0.444 0.992 0.992 0.992 0 0 0.001 0 0.001 0h13.5c0 0 0 0 0 0 0.548 0 0.992-0.444 0.992-0.992 0-0 0-0.001 0-0.001v0-3.375c-0.001-0.548-0.444-0.991-0.992-0.992h-2.133l-0.479-0.62c-0.778-1.458-1.303-3.165-1.469-4.975l-0.004-0.053c1.098-0.528 2.025-1.246 2.773-2.122l0.010-0.011 0.321-0.093c2.992-1.001 5.27-3.394 6.094-6.389l0.015-0.066 0.023-0.076c0.134-0.424 0.211-0.912 0.211-1.418 0-1.043-0.327-2.009-0.885-2.802l0.010 0.016zM5.965 9.492l-0.019-0.060c-0.080-0.254-0.126-0.546-0.126-0.848 0-0.594 0.178-1.146 0.482-1.606l-0.007 0.011c0.152-0.242 0.406-0.407 0.7-0.436l0.004-0h0.737c-0.079 0.578-0.125 1.245-0.125 1.923v0.001c0 0.007-0 0.016-0 0.025 0 1.801 0.36 3.518 1.011 5.083l-0.032-0.088c-1.234-1.022-2.152-2.386-2.611-3.947l-0.014-0.057zM13.959 24.4c0.699-1.477 1.207-3.191 1.434-4.993l0.009-0.084c0.181 0.016 0.365 0.028 0.549 0.028 0.263-0.001 0.522-0.018 0.775-0.051l-0.031 0.003c0.236 1.893 0.744 3.614 1.49 5.202l-0.044-0.105zM25.952 9.431l-0.019 0.063c-0.474 1.616-1.391 2.979-2.611 3.989l-0.013 0.011c0.619-1.477 0.979-3.194 0.979-4.995 0-0.009 0-0.017-0-0.026v0.001c-0-0.679-0.046-1.347-0.134-2.001l0.008 0.077h0.737c0.298 0.029 0.552 0.194 0.702 0.432l0.002 0.004c0.295 0.448 0.471 0.997 0.471 1.587 0 0.306-0.047 0.601-0.135 0.879l0.006-0.021z',
   edit: 'M4 23.28v4.053c0 0.373 0.293 0.667 0.667 0.667h4.053c0.173 0 0.347-0.067 0.467-0.2l14.56-14.547-5-5-14.547 14.547c-0.133 0.133-0.2 0.293-0.2 0.48zM27.613 9.387c0.52-0.52 0.52-1.36 0-1.88l-3.12-3.12c-0.52-0.52-1.36-0.52-1.88 0l-2.44 2.44 5 5 2.44-2.44z',
   projects: 'M26.333 5.613c-0.241-0.24-0.573-0.388-0.94-0.388s-0.699 0.148-0.94 0.388l-0.52 0.52c-0.238 0.239-0.385 0.569-0.385 0.933s0.147 0.694 0.385 0.933l0.013 0.013c0.241 0.24 0.573 0.388 0.94 0.388s0.699-0.148 0.94-0.388l0.52-0.52c0.236-0.24 0.381-0.57 0.381-0.933 0-0.37-0.151-0.705-0.394-0.947l-0-0zM16.013 1.333h-0.013c-0.002 0-0.003 0-0.005 0-0.726 0-1.315 0.589-1.315 1.315 0 0.002 0 0.004 0 0.006v-0 1.28c0 0.002 0 0.003 0 0.005 0 0.726 0.589 1.315 1.315 1.315 0.002 0 0.004 0 0.006 0h0.013c0.002 0 0.003 0 0.005 0 0.726 0 1.315-0.589 1.315-1.315 0-0.002 0-0.004 0-0.006v0-1.28c0-0.002 0-0.003 0-0.005 0-0.726-0.589-1.315-1.315-1.315-0.002 0-0.004 0-0.006 0h0zM27.987 17.267h1.36c0.002 0 0.003 0 0.005 0 0.726 0 1.315-0.589 1.315-1.315 0-0.002 0-0.004 0-0.006v0-0.013c0-0.002 0-0.003 0-0.005 0-0.726-0.589-1.315-1.315-1.315-0.002 0-0.004 0-0.006 0h-1.346c-0.002 0-0.003 0-0.005 0-0.726 0-1.315 0.589-1.315 1.315 0 0.002 0 0.004 0 0.006v-0 0.013c-0 0.008-0 0.016-0 0.025 0 0.715 0.58 1.295 1.295 1.295 0.004 0 0.009-0 0.013-0h-0.001zM12 22.853v5.080c0 0.736 0.597 1.333 1.333 1.333v0h5.333c0.736 0 1.333-0.597 1.333-1.333v0-5.080c2.408-1.409 4-3.983 4-6.928 0-4.418-3.582-8-8-8s-8 3.582-8 8c0 2.946 1.592 5.519 3.962 6.908l0.038 0.020zM5.333 15.947v-0.013c0-0.002 0-0.003 0-0.005 0-0.726-0.589-1.315-1.315-1.315-0.002 0-0.004 0-0.006 0h-1.346c-0.002 0-0.003 0-0.005 0-0.726 0-1.315 0.589-1.315 1.315 0 0.002 0 0.004 0 0.006v-0 0.013c0 0.002 0 0.003 0 0.005 0 0.726 0.589 1.315 1.315 1.315 0.002 0 0.004 0 0.006 0h1.346c0.002 0 0.003 0 0.005 0 0.726 0 1.315-0.589 1.315-1.315 0-0.002 0-0.004 0-0.006v0zM8.080 6.12l-0.52-0.52c-0.232-0.199-0.535-0.321-0.867-0.321-0.736 0-1.333 0.597-1.333 1.333 0 0.332 0.121 0.636 0.322 0.869l-0.001-0.002 0.52 0.52c0.232 0.199 0.535 0.321 0.867 0.321 0.736 0 1.333-0.597 1.333-1.333 0-0.332-0.121-0.636-0.322-0.869l0.001 0.002z',
@@ -762,85 +731,74 @@ const icons = {
   visibility: 'M16 5.333c-6.667 0-12.36 4.147-14.667 10 2.307 5.853 8 10 14.667 10s12.36-4.147 14.667-10c-2.307-5.853-8-10-14.667-10zM16 22c-3.68 0-6.667-2.987-6.667-6.667s2.987-6.667 6.667-6.667 6.667 2.987 6.667 6.667-2.987 6.667-6.667 6.667zM16 11.333c-2.213 0-4 1.787-4 4s1.787 4 4 4 4-1.787 4-4-1.787-4-4-4z',
   event: 'M21.333 17.333h-4c-0.733 0-1.333 0.6-1.333 1.333v4c0 0.733 0.6 1.333 1.333 1.333h4c0.733 0 1.333-0.6 1.333-1.333v-4c0-0.733-0.6-1.333-1.333-1.333zM21.333 4v1.333h-10.667v-1.333c0-0.733-0.6-1.333-1.333-1.333s-1.333 0.6-1.333 1.333v1.333h-1.333c-1.48 0-2.653 1.2-2.653 2.667l-0.013 18.667c0 1.467 1.187 2.667 2.667 2.667h18.667c1.467 0 2.667-1.2 2.667-2.667v-18.667c0-1.467-1.2-2.667-2.667-2.667h-1.333v-1.333c0-0.733-0.6-1.333-1.333-1.333s-1.333 0.6-1.333 1.333zM24 26.667h-16c-0.733 0-1.333-0.6-1.333-1.333v-13.333h18.667v13.333c0 0.733-0.6 1.333-1.333 1.333z',
   info: 'M16 2.667c-7.36 0-13.333 5.973-13.333 13.333s5.973 13.333 13.333 13.333 13.333-5.973 13.333-13.333-5.973-13.333-13.333-13.333zM16 22.667c-0.733 0-1.333-0.6-1.333-1.333v-5.333c0-0.733 0.6-1.333 1.333-1.333s1.333 0.6 1.333 1.333v5.333c0 0.733-0.6 1.333-1.333 1.333zM17.333 12h-2.667v-2.667h2.667v2.667z',
-  "drag-handle": "M25.333 12h-18.667c-0.733 0-1.333 0.6-1.333 1.333s0.6 1.333 1.333 1.333h18.667c0.733 0 1.333-0.6 1.333-1.333s-0.6-1.333-1.333-1.333zM6.667 20h18.667c0.733 0 1.333-0.6 1.333-1.333s-0.6-1.333-1.333-1.333h-18.667c-0.733 0-1.333 0.6-1.333 1.333s0.6 1.333 1.333 1.333z",
+  'drag-handle': 'M25.333 12h-18.667c-0.733 0-1.333 0.6-1.333 1.333s0.6 1.333 1.333 1.333h18.667c0.733 0 1.333-0.6 1.333-1.333s-0.6-1.333-1.333-1.333zM6.667 20h18.667c0.733 0 1.333-0.6 1.333-1.333s-0.6-1.333-1.333-1.333h-18.667c-0.733 0-1.333 0.6-1.333 1.333s0.6 1.333 1.333 1.333z',
   'thumb-up': 'M17.493 2.747l-7.387 7.387c-0.493 0.493-0.773 1.173-0.773 1.88v13.32c0 1.467 1.2 2.667 2.667 2.667h12c1.067 0 2.027-0.64 2.453-1.613l4.347-10.147c1.12-2.64-0.813-5.573-3.68-5.573h-7.533l1.267-6.107c0.133-0.667-0.067-1.347-0.547-1.827-0.787-0.773-2.040-0.773-2.813 0.013zM4 28c1.467 0 2.667-1.2 2.667-2.667v-10.667c0-1.467-1.2-2.667-2.667-2.667s-2.667 1.2-2.667 2.667v10.667c0 1.467 1.2 2.667 2.667 2.667z',
   'thumb-down': 'M14.507 29.253l7.373-7.387c0.493-0.493 0.773-1.173 0.773-1.88v-13.32c0-1.467-1.2-2.667-2.667-2.667h-11.987c-1.067 0-2.027 0.64-2.44 1.613l-4.347 10.147c-1.133 2.64 0.8 5.573 3.667 5.573h7.533l-1.267 6.107c-0.133 0.667 0.067 1.347 0.547 1.827 0.787 0.773 2.040 0.773 2.813-0.013zM28 4c-1.467 0-2.667 1.2-2.667 2.667v10.667c0 1.467 1.2 2.667 2.667 2.667s2.667-1.2 2.667-2.667v-10.667c0-1.467-1.2-2.667-2.667-2.667z',
   send: 'M4.533 27.2l23.267-9.973c1.080-0.467 1.080-1.987 0-2.453l-23.267-9.973c-0.88-0.387-1.853 0.267-1.853 1.213l-0.013 6.147c0 0.667 0.493 1.24 1.16 1.32l18.84 2.52-18.84 2.507c-0.667 0.093-1.16 0.667-1.16 1.333l0.013 6.147c0 0.947 0.973 1.6 1.853 1.213z',
-  "caret-left": 'M22.6986 26.027C22.0701 26.7812 20.9491 26.8832 20.1948 26.2546L9.52814 17.3657C9.12282 17.0279 8.88847 16.5276 8.88847 16C8.88847 15.4724 9.12282 14.972 9.52814 14.6342L20.1948 5.74536C20.9491 5.1168 22.0701 5.21871 22.6986 5.97298C23.3272 6.72725 23.2253 7.84826 22.471 8.47682L13.4432 16L22.471 23.5231C23.2253 24.1517 23.3272 25.2727 22.6986 26.027Z',
-  "caret-right": 'M9.30048 5.97303C9.92904 5.21876 11.05 5.11685 11.8043 5.74541L22.471 14.6343C22.8763 14.9721 23.1106 15.4724 23.1106 16C23.1106 16.5276 22.8763 17.028 22.471 17.3658L11.8043 26.2546C11.05 26.8832 9.92904 26.7813 9.30048 26.027C8.67192 25.2727 8.77383 24.1517 9.5281 23.5232L18.5559 16L9.5281 8.47686C8.77383 7.8483 8.67192 6.7273 9.30048 5.97303Z',
-  "wallet-connect": 'M8.32274 11.1135C12.5628 6.96216 19.4372 6.96216 23.6773 11.1135L24.1876 11.6131C24.3996 11.8207 24.3996 12.1572 24.1876 12.3648L22.442 14.0739C22.336 14.1777 22.1641 14.1777 22.0581 14.0739L21.3559 13.3864C18.3979 10.4903 13.6021 10.4903 10.6442 13.3864L9.89213 14.1227C9.78613 14.2265 9.61426 14.2265 9.50826 14.1227L7.76264 12.4136C7.55064 12.206 7.55064 11.8695 7.76264 11.6619L8.32274 11.1135ZM27.2874 14.6481L28.841 16.1692C29.053 16.3768 29.053 16.7133 28.841 16.9209L21.8357 23.7798C21.6237 23.9874 21.28 23.9874 21.068 23.7798C21.068 23.7798 21.068 23.7798 21.068 23.7798L16.096 18.9119C16.043 18.86 15.9571 18.86 15.9041 18.9119C15.9041 18.9118 15.9041 18.9119 15.9041 18.9119L10.9322 23.7798C10.7202 23.9874 10.3765 23.9874 10.1645 23.7798C10.1645 23.7798 10.1645 23.7798 10.1645 23.7798L3.159 16.9208C2.947 16.7133 2.947 16.3767 3.159 16.1692L4.71261 14.648C4.92461 14.4405 5.26833 14.4405 5.48034 14.648L10.4524 19.5161C10.5054 19.568 10.5913 19.568 10.6443 19.5161C10.6443 19.5161 10.6443 19.5161 10.6443 19.5161L15.6161 14.648C15.8281 14.4405 16.1718 14.4405 16.3838 14.648C16.3838 14.648 16.3838 14.648 16.3838 14.648L21.3558 19.5161C21.4088 19.568 21.4947 19.568 21.5477 19.5161L26.5197 14.6481C26.7317 14.4406 27.0754 14.4406 27.2874 14.6481Z',
-  "bepro-mark": 'M16.0801 5C22.205 5 27.1603 9.91944 27.1603 16C27.1603 22.0806 22.205 27 16.0801 27C9.95528 27 5 22.0806 5 16C5 14.3347 5.36934 12.7458 6.04646 11.3403C6.10801 11.7069 6.20035 12.0736 6.35424 12.4097C6.60046 12.9903 6.93902 13.4944 7.38531 13.9375C7.8162 14.3653 8.33943 14.7167 8.92422 14.9611C9.47822 15.1903 10.0938 15.3125 10.7247 15.3125H11.6789H11.9251V15.0681V13.2194V12.975H11.6789H10.7247C10.4016 12.975 10.0938 12.9139 9.83217 12.7917C9.53978 12.6694 9.27816 12.5014 9.06272 12.2875C8.84727 12.0736 8.6626 11.8139 8.53949 11.5236C8.43177 11.2486 8.35482 10.9583 8.35482 10.6528V10.6375V10.6222C8.35482 10.3167 8.41638 10.0111 8.53949 9.75139C8.6626 9.46111 8.83188 9.20139 9.04733 8.9875C9.26278 8.77361 9.52439 8.59028 9.81678 8.48333C10.0938 8.37639 10.4016 8.3 10.7093 8.3C11.0325 8.3 11.3249 8.36111 11.6019 8.48333C11.8943 8.60556 12.1559 8.77361 12.3714 8.9875C12.5868 9.20139 12.7715 9.46111 12.8792 9.75139C12.9869 10.0264 13.0639 10.3319 13.0639 10.6375V14.1514V17.6653C13.0639 18.2917 13.187 18.9028 13.4178 19.4528C13.6641 20.0333 14.0026 20.5375 14.4489 20.9806C14.8798 21.4083 15.403 21.7597 15.9878 22.0042C16.5418 22.2333 17.1574 22.3556 17.7883 22.3556C18.4193 22.3556 19.0348 22.2333 19.5889 22.0042C20.1582 21.7597 20.6815 21.4236 21.1278 20.9806C21.5587 20.5528 21.9126 20.0333 22.1588 19.4528C22.3589 18.9792 22.482 18.4597 22.5128 17.9097H22.5282V17.6653V17.5736V17.5125C22.5128 16.9319 22.3897 16.3972 22.1742 15.8778C21.928 15.3125 21.5894 14.7931 21.1431 14.35C20.7123 13.9222 20.189 13.5708 19.6042 13.3264C19.0502 13.0972 18.4347 12.975 17.8037 12.975H16.8496H16.6034V13.2194V15.0681V15.3125H16.8496H17.8037C18.1269 15.3125 18.4347 15.3736 18.6963 15.4958C18.9887 15.6181 19.2503 15.7861 19.4657 16.0153C19.6812 16.2292 19.8659 16.4889 19.989 16.7792C20.0967 17.0542 20.1736 17.3444 20.1736 17.65V17.6653V17.6806C20.1736 17.9861 20.1121 18.2917 19.989 18.5514C19.8659 18.8417 19.6966 19.1014 19.4811 19.3153C19.2657 19.5292 19.0041 19.7125 18.7117 19.8194C18.4347 19.9264 18.1269 20.0028 17.8191 20.0028C17.5113 20.0028 17.2035 19.9417 16.9265 19.8194C16.6341 19.6972 16.3725 19.5292 16.1571 19.3153C15.9416 19.1014 15.757 18.8417 15.6492 18.5514C15.5415 18.2764 15.4646 17.9708 15.4646 17.6653V14.1514V10.6375C15.4646 10.0111 15.3415 9.4 15.1106 8.85C14.8644 8.26944 14.5258 7.76528 14.0796 7.32222C13.6487 6.89444 13.1254 6.54306 12.5407 6.29861C12.2175 6.16111 11.8635 6.06944 11.5096 6.00833C12.8792 5.35139 14.4335 5 16.0801 5Z',
-  "kucoin": 'M12.3502 16.0022L18.8661 22.5192L22.979 18.4063C23.7144 17.7441 24.8396 17.7735 25.5393 18.4733C26.2391 19.1731 26.2686 20.2982 25.6064 21.0337L20.1788 26.4623C19.4497 27.1792 18.2805 27.1792 17.5514 26.4623L9.72078 18.6296V23.2851C9.72078 24.3126 8.88786 25.1455 7.86039 25.1455C6.83293 25.1455 6 24.3126 6 23.2851V8.71325C6 7.68578 6.83293 6.85286 7.86039 6.85286C8.88786 6.85286 9.72078 7.68578 9.72078 8.71325V13.3688L17.5504 5.53815C18.2792 4.82062 19.449 4.82062 20.1778 5.53815L25.6094 10.9657C26.2716 11.7012 26.2421 12.8263 25.5424 13.5261C24.8426 14.2259 23.7174 14.2553 22.982 13.5931L18.8691 9.48024L12.3502 16.0022ZM18.8691 14.1398C18.1158 14.1394 17.4364 14.5929 17.1478 15.2888C16.8592 15.9847 17.0183 16.7859 17.5508 17.3188C18.0834 17.8516 18.8846 18.0112 19.5806 17.723C20.2767 17.4348 20.7305 16.7556 20.7305 16.0022C20.7308 15.5083 20.5349 15.0345 20.1858 14.685C19.8367 14.3355 19.3631 14.1391 18.8691 14.1388V14.1398Z',
-  "bitmark": 'M21.566 7.608c-1.387-1.142-3.295-1.714-5.724-1.714-3.248 0-4.688 0-6.052 0v0.846c0 0 3.285 0 5.941 0 2.065 0 3.935 0.426 5.077 1.412 1.142 0.987 2.007 2.455 2.007 4.268 0 1.749-0.749 3.046-1.936 4.027s-3.305 1.413-5.424 1.413c-2.53 0-6.825 0-6.825 0v0.846c0 0 5.811-0.001 6.872-0.001 2.557 0 4.554-0.556 5.992-1.665 1.438-1.111 2.156-2.672 2.156-4.686 0-2.020-0.693-3.601-2.081-4.743z M21.053 8.833c-0.863-0.655-1.855-1.182-4.661-1.182-3.026 0.001-3.396 0-4.668 0v0.825c0 0 2.089-0.027 4.564 0 2.392 0.025 3.27 0.295 4.075 0.89 1.030 0.761 1.669 1.701 1.669 3.016 0 1.268-0.649 2.166-1.684 2.927-1.059 0.78-2.677 0.789-3.336 0.804-0.249 0.006-3.466 0-3.466 0v0.825c0 0 1.601 0.022 2.59-0.001 2.271-0.051 3.618-0.186 4.872-1.118 1.177-0.873 1.8-2.026 1.8-3.486 0-1.925-0.963-2.896-1.757-3.499z M20.636 9.922c-0.648-0.406-1.216-0.68-3.897-0.68-2.724 0-2.21 0-3.355 0v0.542c0 0 1.035 0 3.263 0 2.375 0 3.275 0.422 3.547 0.589 0.534 0.327 1.237 0.859 1.237 1.944 0 0.693-0.41 1.564-1.015 1.906-0.552 0.311-1.561 0.589-3.339 0.589-0.224 0-10.96 0-10.96 0v0.542c0 0 10.11 0 11.001 0 2.143 0 2.879-0.238 3.634-0.655 0.758-0.417 1.263-1.275 1.263-2.377 0-1.231-0.687-1.969-1.378-2.401z M22.77 15.905c-1.387-1.143-3.296-1.714-5.724-1.714-3.249 0-2.683-0.001-4.049-0.001v0.846c0 0 1.28 0 3.936 0 2.065 0 3.936 0.426 5.078 1.412 1.142 0.987 2.006 2.455 2.006 4.269 0 1.748-0.748 3.045-1.935 4.025s-3.306 1.413-5.426 1.413c-2.528 0-6.824 0-6.824 0v0.846c0 0 5.81-0.001 6.872-0.001 2.557 0 4.553-0.555 5.99-1.665 1.438-1.109 2.157-2.672 2.157-4.685 0-2.021-0.693-3.602-2.081-4.744z M22.257 17.129c-0.863-0.654-1.855-1.182-4.661-1.182-3.027 0.001-5.074 0-6.346 0v0.825c0 0 3.765-0.027 6.242 0 2.392 0.025 3.269 0.295 4.074 0.89 1.031 0.763 1.67 1.701 1.67 3.016 0 1.268-0.649 2.166-1.684 2.928-1.059 0.779-2.677 0.789-3.337 0.803-0.249 0.005-3.466 0-3.466 0v0.823c0 0 1.601 0.022 2.591 0 2.27-0.052 3.618-0.187 4.872-1.118 1.176-0.874 1.799-2.027 1.799-3.487 0-1.924-0.962-2.896-1.756-3.499z M12.609 19.927h5.947v-0.461h-5.947v0.461z M15.062 21.538h3.46v-0.396h-3.46v0.396z M9.832 19.927h1.762v-0.461h-1.762v0.461z M8.733 21.571h5.351v-0.461h-5.351v0.461z M10.052 9.748h2.085v-0.38h-2.085v0.38z M8.6 12.832h4.776v-0.442h-4.776v0.442z M8.733 25.176h5.036v-0.552h-5.036v0.552z M7.478 26.967h1.259v-0.8h-1.259v0.8z M10.625 11.482h7.907v-0.442h-7.907v0.442z M14.579 12.832h3.804v-0.442h-3.804v0.442z M21.84 18.3c-0.649-0.392-1.217-0.656-3.896-0.656-2.724 0-3.131 0-4.276 0v0.524c0 0 1.954 0 4.181 0 2.375 0 3.276 0.407 3.549 0.57 0.532 0.316 1.237 0.828 1.237 1.876 0 0.67-0.41 1.509-1.017 1.839-0.552 0.301-1.561 0.57-3.339 0.57-0.224 0-10.959 0-10.959 0v0.524c0 0 10.11-0.001 11-0.001 2.145 0 2.88-0.229 3.635-0.631 0.756-0.404 1.262-1.232 1.262-2.296 0-1.188-0.686-1.899-1.377-2.317z',
-  "coinbase": 'M16.0031 21.5C12.9658 21.5 10.5031 19.0403 10.5031 16C10.5031 12.9597 12.9658 10.5 16.0031 10.5C18.7256 10.5 20.9867 12.4861 21.4206 15.0833H26.9603C26.4928 9.43667 21.7658 5 16 5C9.92556 5 5 9.92556 5 16C5 22.0744 9.92556 27 16 27C21.7658 27 26.4928 22.5633 26.9603 16.9167H21.4175C20.9806 19.5139 18.7256 21.5 16.0031 21.5Z',
-  "moonpay": 'M23.6174 11.7653C24.2864 11.7653 24.9404 11.5669 25.4967 11.1953C26.0529 10.8236 26.4865 10.2953 26.7425 9.67716C26.9986 9.05906 27.0656 8.37891 26.935 7.72274C26.8045 7.06657 26.4823 6.46384 26.0093 5.99076C25.5362 5.51769 24.9335 5.19552 24.2773 5.065C23.6211 4.93448 22.941 5.00147 22.3229 5.25749C21.7048 5.51352 21.1765 5.94708 20.8048 6.50336C20.4331 7.05964 20.2347 7.71364 20.2347 8.38267C20.2347 8.82689 20.3221 9.26677 20.4921 9.67719C20.6621 10.0876 20.9113 10.4605 21.2254 10.7746C21.5395 11.0887 21.9124 11.3379 22.3228 11.5079C22.7333 11.6779 23.1731 11.7654 23.6174 11.7653ZM13.2453 27C11.6145 27 10.0204 26.5164 8.66444 25.6104C7.30852 24.7044 6.2517 23.4167 5.62764 21.9101C5.00357 20.4034 4.84029 18.7456 5.15844 17.1462C5.47658 15.5467 6.26187 14.0776 7.41499 12.9245C8.56811 11.7713 10.0373 10.9861 11.6367 10.6679C13.2361 10.3498 14.894 10.5131 16.4006 11.1371C17.9072 11.7612 19.1949 12.818 20.1009 14.1739C21.0069 15.5299 21.4905 17.124 21.4905 18.7548C21.4905 19.8376 21.2773 20.9098 20.8629 21.9101C20.4486 22.9105 19.8412 23.8195 19.0756 24.5851C18.3099 25.3507 17.401 25.9581 16.4006 26.3724C15.4002 26.7868 14.3281 27 13.2453 27Z',
-  "ledger": 'M3 21.0526V27.4139H12.6806V26.0048H4.4172V21.0526H3ZM3 5.00808V11.3532H4.4172V6.40912H12.6887V5L3 5.00808Z M29 21.0526V27.4139H19.3167V26.0048H27.5882V21.0526H29ZM29 5.00808V11.3532H27.5882V6.40912H19.3167V5L29 5.00808Z M14.1841 11.3612H12.7749V21.0445H19.1362V19.7728H14.1841V11.3612Z',
-  "moonbeam": 'M21.142 5.645c2.964 1.257 4.94 4.356 4.715 7.499-5.299 0-10.598 0.045-15.896-0.045 0-2.111 0.718-4.266 2.245-5.748 2.245-2.29 5.972-3.009 8.936-1.706z M20.917 25.852c0.314 0 0.584 0.18 0.584 0.404s-0.27 0.404-0.584 0.404h-8.532c-0.314 0-0.584-0.18-0.584-0.404s0.269-0.404 0.584-0.404h8.532z M10.544 26.661c0.322 0 0.584-0.261 0.584-0.584s-0.261-0.584-0.584-0.584c-0.322 0-0.584 0.261-0.584 0.584s0.261 0.584 0.584 0.584z M15.663 24.505c0.322 0 0.584-0.261 0.584-0.584s-0.261-0.584-0.584-0.584c-0.322 0-0.584 0.261-0.584 0.584s0.261 0.584 0.584 0.584z M25.677 23.338c0.314 0 0.584 0.269 0.584 0.584s-0.269 0.584-0.584 0.584h-8.352c-0.314 0-0.584-0.269-0.584-0.584s0.27-0.584 0.584-0.584h8.352z M4.706 22.35c0.322 0 0.584-0.261 0.584-0.584s-0.261-0.584-0.584-0.584c-0.322 0-0.584 0.261-0.584 0.584s0.261 0.584 0.584 0.584z M13.014 21.182c0.314 0 0.584 0.27 0.584 0.584s-0.27 0.584-0.584 0.584h-6.87c-0.314 0-0.584-0.27-0.584-0.584s0.269-0.584 0.584-0.584h6.87z M28.416 21.182c0.314 0 0.584 0.27 0.584 0.584s-0.269 0.584-0.584 0.584h-13.651c-0.314 0-0.584-0.27-0.584-0.584s0.269-0.584 0.584-0.584h13.651z M25.857 19.027c0.314 0 0.584 0.27 0.584 0.584s-0.269 0.584-0.584 0.584h-16.75c-0.314 0-0.584-0.27-0.584-0.584s0.269-0.584 0.584-0.584h16.75z M7.266 20.195c0.322 0 0.584-0.261 0.584-0.584s-0.261-0.584-0.584-0.584c-0.322 0-0.584 0.261-0.584 0.584s0.261 0.584 0.584 0.584z M22.354 16.916c0.314 0 0.584 0.269 0.584 0.584s-0.269 0.584-0.584 0.584h-16.75c-0.314 0-0.584-0.269-0.584-0.584s0.269-0.584 0.584-0.584h16.75z M3.584 18.084c0.322 0 0.584-0.261 0.584-0.584s-0.261-0.584-0.584-0.584c-0.322 0-0.584 0.261-0.584 0.584s0.261 0.584 0.584 0.584z M7.266 15.929c0.322 0 0.584-0.261 0.584-0.584s-0.261-0.584-0.584-0.584c-0.322 0-0.584 0.261-0.584 0.584s0.261 0.584 0.584 0.584z M27.473 14.761c0.314 0 0.584 0.27 0.584 0.584s-0.269 0.584-0.584 0.584h-18.231c-0.314 0-0.584-0.27-0.584-0.584s0.269-0.584 0.584-0.584h18.231z',
-  "solidity": 'M20.535 3l4.177 7.429h-8.357l-4.177 7.427-4.177-7.427 4.177-7.429h8.357zM16.398 21.571l4.177-7.427 4.18 7.427-4.18 7.429h-8.357l-4.177-7.429h8.357z',
-  "metamask": 'M27.043 16.037l1.128-1.32c0.006-0.012 0.008-0.025 0.008-0.038s-0.003-0.026-0.008-0.038c-0.001-0.013-0.005-0.025-0.012-0.036s-0.016-0.020-0.027-0.026l-0.415-0.299 0.722-0.66c0.005-0.012 0.008-0.025 0.008-0.038s-0.003-0.026-0.008-0.038c-0.001-0.014-0.005-0.027-0.012-0.039s-0.016-0.022-0.027-0.030l-0.514-0.399 0.706-0.537c0.011-0.009 0.021-0.021 0.027-0.034s0.010-0.028 0.011-0.042c0.002-0.015-0.001-0.031-0.008-0.044s-0.018-0.025-0.031-0.033l-0.484-0.376 0.837-4.053v-0.046l-1.274-3.838c-0.011-0.020-0.029-0.035-0.050-0.043s-0.044-0.009-0.066-0.003v0l-8.183 3.071h-6.778l-8.168-3.071h-0.077c-0.022 0.015-0.038 0.037-0.046 0.061l-1.274 3.838c-0.004 0.015-0.004 0.031 0 0.046l0.852 4.053-0.507 0.376c-0.012 0.009-0.022 0.020-0.029 0.034s-0.010 0.028-0.010 0.043c0.001 0.015 0.005 0.029 0.011 0.043s0.016 0.025 0.027 0.034l0.722 0.537-0.514 0.407c-0.011 0.008-0.020 0.018-0.027 0.030s-0.011 0.025-0.011 0.039c-0.007 0.025-0.007 0.052 0 0.077l0.714 0.66-0.415 0.299c-0.017 0.018-0.030 0.038-0.038 0.062-0.008 0.025-0.008 0.052 0 0.077l1.136 1.32-1.75 5.42c-0.004 0.009-0.005 0.018-0.005 0.027s0.002 0.018 0.005 0.027l1.635 5.588c0.003 0.012 0.008 0.024 0.015 0.034s0.017 0.019 0.027 0.025c0.011 0.006 0.023 0.011 0.035 0.012s0.025 0.001 0.037-0.003l5.688-1.535 1.090 0.89 2.303 1.535h4l2.303-1.574 1.067-0.875 5.696 1.535c0.025 0.007 0.053 0.004 0.076-0.009s0.040-0.035 0.047-0.060l1.643-5.588v-0.054l-1.812-5.42zM11.060 19.314c-0.018-0.008-0.034-0.020-0.045-0.037s-0.017-0.036-0.017-0.055c0-0.020 0.006-0.039 0.017-0.055s0.027-0.029 0.045-0.037l2.011-0.921c0.023-0.009 0.047-0.009 0.070 0s0.041 0.025 0.053 0.046l0.837 1.75c0.010 0.013 0.015 0.029 0.015 0.046s-0.005 0.033-0.015 0.046c-0.007 0.014-0.018 0.026-0.032 0.034s-0.029 0.012-0.045 0.012l-2.894-0.829zM18.222 26.146c-0.016 0.009-0.035 0.015-0.054 0.015s-0.037-0.005-0.054-0.015l-0.238-0.192h-3.746l-0.223 0.192c-0.020 0.008-0.042 0.008-0.061 0h-0.046c-0.017-0.011-0.031-0.025-0.040-0.043s-0.014-0.037-0.014-0.057l0.276-2.226c0.008-0.025 0.025-0.046 0.046-0.061l0.476-0.338c0.008-0.004 0.018-0.005 0.027-0.005s0.018 0.002 0.027 0.005h2.863l0.484 0.33c0.010 0.027 0.010 0.057 0 0.084v0l0.276 2.211c0.007 0.016 0.010 0.034 0.008 0.051s-0.007 0.034-0.016 0.049h0.008zM20.971 19.307l-2.863 0.844h-0.061c-0.009-0.025-0.009-0.052 0-0.077-0.003-0.018-0.003-0.036 0-0.054l0.837-1.758c0.014-0.021 0.034-0.037 0.058-0.045s0.049-0.009 0.073-0.001l2.019 0.921c0.019 0.008 0.034 0.023 0.044 0.041s0.013 0.039 0.010 0.059c-0.007 0.025-0.024 0.047-0.047 0.060s-0.050 0.016-0.076 0.009h0.008z',
-  "launch": 'M19.1153 6C18.4467 6 17.9048 6.54196 17.9048 7.2105C17.9048 7.87905 18.4467 8.42101 19.1153 8.42101H21.8671L13.4974 16.7907C13.0247 17.2634 13.0247 18.0299 13.4974 18.5026C13.9701 18.9753 14.7366 18.9753 15.2093 18.5026L23.579 10.1329V12.8847C23.579 13.5533 24.121 14.0952 24.7895 14.0952C25.458 14.0952 26 13.5533 26 12.8847V7.2105C26 6.54196 25.458 6 24.7895 6H19.1153Z M9.14146 8.16167C8.8816 8.16167 8.63239 8.26489 8.44864 8.44864C8.26489 8.63239 8.16167 8.8816 8.16167 9.14146V22.8585C8.16167 23.1184 8.26489 23.3676 8.44864 23.5514C8.63239 23.7351 8.8816 23.8383 9.14146 23.8383H22.8585C23.1184 23.8383 23.3676 23.7351 23.5514 23.5514C23.7351 23.3676 23.8383 23.1184 23.8383 22.8585V19.055C23.8383 18.5139 24.277 18.0752 24.8181 18.0752C25.3592 18.0752 25.7979 18.5139 25.7979 19.055V22.8585C25.7979 23.6381 25.4882 24.3858 24.937 24.937C24.3858 25.4882 23.6381 25.7979 22.8585 25.7979H9.14146C8.36189 25.7979 7.61424 25.4882 7.06301 24.937C6.51177 24.3858 6.20208 23.6381 6.20208 22.8585V9.14146C6.20208 8.36189 6.51177 7.61425 7.06301 7.06301C7.61425 6.51177 8.36189 6.20208 9.14146 6.20208H12.945C13.4861 6.20208 13.9248 6.64075 13.9248 7.18187C13.9248 7.723 13.4861 8.16167 12.945 8.16167H9.14146Z M6.92011 6.92011C7.50925 6.33097 8.30829 6 9.14146 6H12.945C13.5977 6 14.1268 6.52914 14.1268 7.18187C14.1268 7.83461 13.5977 8.36375 12.945 8.36375H9.14146C8.9352 8.36375 8.73738 8.44569 8.59153 8.59153C8.44568 8.73738 8.36375 8.9352 8.36375 9.14146V22.8585C8.36375 23.0648 8.44568 23.2626 8.59153 23.4085C8.73738 23.5543 8.9352 23.6363 9.14146 23.6363H22.8585C23.0648 23.6363 23.2626 23.5543 23.4085 23.4085C23.5543 23.2626 23.6363 23.0648 23.6363 22.8585V19.055C23.6363 18.4023 24.1654 17.8732 24.8181 17.8732C25.4709 17.8732 26 18.4023 26 19.055V22.8585C26 23.6917 25.669 24.4908 25.0799 25.0799C24.4908 25.669 23.6917 26 22.8585 26H9.14146C8.30829 26 7.50925 25.669 6.92011 25.0799C6.33097 24.4907 6 23.6917 6 22.8585V9.14146C6 8.30829 6.33097 7.50925 6.92011 6.92011ZM9.14146 6.40416C8.41548 6.40416 7.71924 6.69256 7.2059 7.2059C6.69256 7.71924 6.40416 8.41548 6.40416 9.14146V22.8585C6.40416 23.5845 6.69256 24.2808 7.2059 24.7941C7.71924 25.3074 8.41548 25.5958 9.14146 25.5958H22.8585C23.5845 25.5958 24.2808 25.3074 24.7941 24.7941C25.3074 24.2808 25.5958 23.5845 25.5958 22.8585V19.055C25.5958 18.6255 25.2476 18.2773 24.8181 18.2773C24.3886 18.2773 24.0404 18.6255 24.0404 19.055V22.8585C24.0404 23.172 23.9159 23.4726 23.6943 23.6943C23.4726 23.9159 23.172 24.0404 22.8585 24.0404H9.14146C8.82801 24.0404 8.52739 23.9159 8.30575 23.6943C8.0841 23.4726 7.95958 23.172 7.95958 22.8585V9.14146C7.95958 8.828 8.0841 8.52739 8.30575 8.30575C8.52739 8.0841 8.828 7.95958 9.14146 7.95958H12.945C13.3745 7.95958 13.7227 7.61139 13.7227 7.18187C13.7227 6.75236 13.3745 6.40416 12.945 6.40416H9.14146Z',
-  "arrow-external": "M6 6v5.663h9.542L6.666 21.796v4.183h4.628l9.222-10.917V26H26V6H6z"
+  'caret-left': 'M22.6986 26.027C22.0701 26.7812 20.9491 26.8832 20.1948 26.2546L9.52814 17.3657C9.12282 17.0279 8.88847 16.5276 8.88847 16C8.88847 15.4724 9.12282 14.972 9.52814 14.6342L20.1948 5.74536C20.9491 5.1168 22.0701 5.21871 22.6986 5.97298C23.3272 6.72725 23.2253 7.84826 22.471 8.47682L13.4432 16L22.471 23.5231C23.2253 24.1517 23.3272 25.2727 22.6986 26.027Z',
+  'caret-right': 'M9.30048 5.97303C9.92904 5.21876 11.05 5.11685 11.8043 5.74541L22.471 14.6343C22.8763 14.9721 23.1106 15.4724 23.1106 16C23.1106 16.5276 22.8763 17.028 22.471 17.3658L11.8043 26.2546C11.05 26.8832 9.92904 26.7813 9.30048 26.027C8.67192 25.2727 8.77383 24.1517 9.5281 23.5232L18.5559 16L9.5281 8.47686C8.77383 7.8483 8.67192 6.7273 9.30048 5.97303Z',
+  'wallet-connect': 'M8.32274 11.1135C12.5628 6.96216 19.4372 6.96216 23.6773 11.1135L24.1876 11.6131C24.3996 11.8207 24.3996 12.1572 24.1876 12.3648L22.442 14.0739C22.336 14.1777 22.1641 14.1777 22.0581 14.0739L21.3559 13.3864C18.3979 10.4903 13.6021 10.4903 10.6442 13.3864L9.89213 14.1227C9.78613 14.2265 9.61426 14.2265 9.50826 14.1227L7.76264 12.4136C7.55064 12.206 7.55064 11.8695 7.76264 11.6619L8.32274 11.1135ZM27.2874 14.6481L28.841 16.1692C29.053 16.3768 29.053 16.7133 28.841 16.9209L21.8357 23.7798C21.6237 23.9874 21.28 23.9874 21.068 23.7798C21.068 23.7798 21.068 23.7798 21.068 23.7798L16.096 18.9119C16.043 18.86 15.9571 18.86 15.9041 18.9119C15.9041 18.9118 15.9041 18.9119 15.9041 18.9119L10.9322 23.7798C10.7202 23.9874 10.3765 23.9874 10.1645 23.7798C10.1645 23.7798 10.1645 23.7798 10.1645 23.7798L3.159 16.9208C2.947 16.7133 2.947 16.3767 3.159 16.1692L4.71261 14.648C4.92461 14.4405 5.26833 14.4405 5.48034 14.648L10.4524 19.5161C10.5054 19.568 10.5913 19.568 10.6443 19.5161C10.6443 19.5161 10.6443 19.5161 10.6443 19.5161L15.6161 14.648C15.8281 14.4405 16.1718 14.4405 16.3838 14.648C16.3838 14.648 16.3838 14.648 16.3838 14.648L21.3558 19.5161C21.4088 19.568 21.4947 19.568 21.5477 19.5161L26.5197 14.6481C26.7317 14.4406 27.0754 14.4406 27.2874 14.6481Z',
+  'bepro-mark': 'M16.0801 5C22.205 5 27.1603 9.91944 27.1603 16C27.1603 22.0806 22.205 27 16.0801 27C9.95528 27 5 22.0806 5 16C5 14.3347 5.36934 12.7458 6.04646 11.3403C6.10801 11.7069 6.20035 12.0736 6.35424 12.4097C6.60046 12.9903 6.93902 13.4944 7.38531 13.9375C7.8162 14.3653 8.33943 14.7167 8.92422 14.9611C9.47822 15.1903 10.0938 15.3125 10.7247 15.3125H11.6789H11.9251V15.0681V13.2194V12.975H11.6789H10.7247C10.4016 12.975 10.0938 12.9139 9.83217 12.7917C9.53978 12.6694 9.27816 12.5014 9.06272 12.2875C8.84727 12.0736 8.6626 11.8139 8.53949 11.5236C8.43177 11.2486 8.35482 10.9583 8.35482 10.6528V10.6375V10.6222C8.35482 10.3167 8.41638 10.0111 8.53949 9.75139C8.6626 9.46111 8.83188 9.20139 9.04733 8.9875C9.26278 8.77361 9.52439 8.59028 9.81678 8.48333C10.0938 8.37639 10.4016 8.3 10.7093 8.3C11.0325 8.3 11.3249 8.36111 11.6019 8.48333C11.8943 8.60556 12.1559 8.77361 12.3714 8.9875C12.5868 9.20139 12.7715 9.46111 12.8792 9.75139C12.9869 10.0264 13.0639 10.3319 13.0639 10.6375V14.1514V17.6653C13.0639 18.2917 13.187 18.9028 13.4178 19.4528C13.6641 20.0333 14.0026 20.5375 14.4489 20.9806C14.8798 21.4083 15.403 21.7597 15.9878 22.0042C16.5418 22.2333 17.1574 22.3556 17.7883 22.3556C18.4193 22.3556 19.0348 22.2333 19.5889 22.0042C20.1582 21.7597 20.6815 21.4236 21.1278 20.9806C21.5587 20.5528 21.9126 20.0333 22.1588 19.4528C22.3589 18.9792 22.482 18.4597 22.5128 17.9097H22.5282V17.6653V17.5736V17.5125C22.5128 16.9319 22.3897 16.3972 22.1742 15.8778C21.928 15.3125 21.5894 14.7931 21.1431 14.35C20.7123 13.9222 20.189 13.5708 19.6042 13.3264C19.0502 13.0972 18.4347 12.975 17.8037 12.975H16.8496H16.6034V13.2194V15.0681V15.3125H16.8496H17.8037C18.1269 15.3125 18.4347 15.3736 18.6963 15.4958C18.9887 15.6181 19.2503 15.7861 19.4657 16.0153C19.6812 16.2292 19.8659 16.4889 19.989 16.7792C20.0967 17.0542 20.1736 17.3444 20.1736 17.65V17.6653V17.6806C20.1736 17.9861 20.1121 18.2917 19.989 18.5514C19.8659 18.8417 19.6966 19.1014 19.4811 19.3153C19.2657 19.5292 19.0041 19.7125 18.7117 19.8194C18.4347 19.9264 18.1269 20.0028 17.8191 20.0028C17.5113 20.0028 17.2035 19.9417 16.9265 19.8194C16.6341 19.6972 16.3725 19.5292 16.1571 19.3153C15.9416 19.1014 15.757 18.8417 15.6492 18.5514C15.5415 18.2764 15.4646 17.9708 15.4646 17.6653V14.1514V10.6375C15.4646 10.0111 15.3415 9.4 15.1106 8.85C14.8644 8.26944 14.5258 7.76528 14.0796 7.32222C13.6487 6.89444 13.1254 6.54306 12.5407 6.29861C12.2175 6.16111 11.8635 6.06944 11.5096 6.00833C12.8792 5.35139 14.4335 5 16.0801 5Z',
+  kucoin: 'M12.3502 16.0022L18.8661 22.5192L22.979 18.4063C23.7144 17.7441 24.8396 17.7735 25.5393 18.4733C26.2391 19.1731 26.2686 20.2982 25.6064 21.0337L20.1788 26.4623C19.4497 27.1792 18.2805 27.1792 17.5514 26.4623L9.72078 18.6296V23.2851C9.72078 24.3126 8.88786 25.1455 7.86039 25.1455C6.83293 25.1455 6 24.3126 6 23.2851V8.71325C6 7.68578 6.83293 6.85286 7.86039 6.85286C8.88786 6.85286 9.72078 7.68578 9.72078 8.71325V13.3688L17.5504 5.53815C18.2792 4.82062 19.449 4.82062 20.1778 5.53815L25.6094 10.9657C26.2716 11.7012 26.2421 12.8263 25.5424 13.5261C24.8426 14.2259 23.7174 14.2553 22.982 13.5931L18.8691 9.48024L12.3502 16.0022ZM18.8691 14.1398C18.1158 14.1394 17.4364 14.5929 17.1478 15.2888C16.8592 15.9847 17.0183 16.7859 17.5508 17.3188C18.0834 17.8516 18.8846 18.0112 19.5806 17.723C20.2767 17.4348 20.7305 16.7556 20.7305 16.0022C20.7308 15.5083 20.5349 15.0345 20.1858 14.685C19.8367 14.3355 19.3631 14.1391 18.8691 14.1388V14.1398Z',
+  bitmark: 'M21.566 7.608c-1.387-1.142-3.295-1.714-5.724-1.714-3.248 0-4.688 0-6.052 0v0.846c0 0 3.285 0 5.941 0 2.065 0 3.935 0.426 5.077 1.412 1.142 0.987 2.007 2.455 2.007 4.268 0 1.749-0.749 3.046-1.936 4.027s-3.305 1.413-5.424 1.413c-2.53 0-6.825 0-6.825 0v0.846c0 0 5.811-0.001 6.872-0.001 2.557 0 4.554-0.556 5.992-1.665 1.438-1.111 2.156-2.672 2.156-4.686 0-2.020-0.693-3.601-2.081-4.743z M21.053 8.833c-0.863-0.655-1.855-1.182-4.661-1.182-3.026 0.001-3.396 0-4.668 0v0.825c0 0 2.089-0.027 4.564 0 2.392 0.025 3.27 0.295 4.075 0.89 1.030 0.761 1.669 1.701 1.669 3.016 0 1.268-0.649 2.166-1.684 2.927-1.059 0.78-2.677 0.789-3.336 0.804-0.249 0.006-3.466 0-3.466 0v0.825c0 0 1.601 0.022 2.59-0.001 2.271-0.051 3.618-0.186 4.872-1.118 1.177-0.873 1.8-2.026 1.8-3.486 0-1.925-0.963-2.896-1.757-3.499z M20.636 9.922c-0.648-0.406-1.216-0.68-3.897-0.68-2.724 0-2.21 0-3.355 0v0.542c0 0 1.035 0 3.263 0 2.375 0 3.275 0.422 3.547 0.589 0.534 0.327 1.237 0.859 1.237 1.944 0 0.693-0.41 1.564-1.015 1.906-0.552 0.311-1.561 0.589-3.339 0.589-0.224 0-10.96 0-10.96 0v0.542c0 0 10.11 0 11.001 0 2.143 0 2.879-0.238 3.634-0.655 0.758-0.417 1.263-1.275 1.263-2.377 0-1.231-0.687-1.969-1.378-2.401z M22.77 15.905c-1.387-1.143-3.296-1.714-5.724-1.714-3.249 0-2.683-0.001-4.049-0.001v0.846c0 0 1.28 0 3.936 0 2.065 0 3.936 0.426 5.078 1.412 1.142 0.987 2.006 2.455 2.006 4.269 0 1.748-0.748 3.045-1.935 4.025s-3.306 1.413-5.426 1.413c-2.528 0-6.824 0-6.824 0v0.846c0 0 5.81-0.001 6.872-0.001 2.557 0 4.553-0.555 5.99-1.665 1.438-1.109 2.157-2.672 2.157-4.685 0-2.021-0.693-3.602-2.081-4.744z M22.257 17.129c-0.863-0.654-1.855-1.182-4.661-1.182-3.027 0.001-5.074 0-6.346 0v0.825c0 0 3.765-0.027 6.242 0 2.392 0.025 3.269 0.295 4.074 0.89 1.031 0.763 1.67 1.701 1.67 3.016 0 1.268-0.649 2.166-1.684 2.928-1.059 0.779-2.677 0.789-3.337 0.803-0.249 0.005-3.466 0-3.466 0v0.823c0 0 1.601 0.022 2.591 0 2.27-0.052 3.618-0.187 4.872-1.118 1.176-0.874 1.799-2.027 1.799-3.487 0-1.924-0.962-2.896-1.756-3.499z M12.609 19.927h5.947v-0.461h-5.947v0.461z M15.062 21.538h3.46v-0.396h-3.46v0.396z M9.832 19.927h1.762v-0.461h-1.762v0.461z M8.733 21.571h5.351v-0.461h-5.351v0.461z M10.052 9.748h2.085v-0.38h-2.085v0.38z M8.6 12.832h4.776v-0.442h-4.776v0.442z M8.733 25.176h5.036v-0.552h-5.036v0.552z M7.478 26.967h1.259v-0.8h-1.259v0.8z M10.625 11.482h7.907v-0.442h-7.907v0.442z M14.579 12.832h3.804v-0.442h-3.804v0.442z M21.84 18.3c-0.649-0.392-1.217-0.656-3.896-0.656-2.724 0-3.131 0-4.276 0v0.524c0 0 1.954 0 4.181 0 2.375 0 3.276 0.407 3.549 0.57 0.532 0.316 1.237 0.828 1.237 1.876 0 0.67-0.41 1.509-1.017 1.839-0.552 0.301-1.561 0.57-3.339 0.57-0.224 0-10.959 0-10.959 0v0.524c0 0 10.11-0.001 11-0.001 2.145 0 2.88-0.229 3.635-0.631 0.756-0.404 1.262-1.232 1.262-2.296 0-1.188-0.686-1.899-1.377-2.317z',
+  coinbase: 'M16.0031 21.5C12.9658 21.5 10.5031 19.0403 10.5031 16C10.5031 12.9597 12.9658 10.5 16.0031 10.5C18.7256 10.5 20.9867 12.4861 21.4206 15.0833H26.9603C26.4928 9.43667 21.7658 5 16 5C9.92556 5 5 9.92556 5 16C5 22.0744 9.92556 27 16 27C21.7658 27 26.4928 22.5633 26.9603 16.9167H21.4175C20.9806 19.5139 18.7256 21.5 16.0031 21.5Z',
+  moonpay: 'M23.6174 11.7653C24.2864 11.7653 24.9404 11.5669 25.4967 11.1953C26.0529 10.8236 26.4865 10.2953 26.7425 9.67716C26.9986 9.05906 27.0656 8.37891 26.935 7.72274C26.8045 7.06657 26.4823 6.46384 26.0093 5.99076C25.5362 5.51769 24.9335 5.19552 24.2773 5.065C23.6211 4.93448 22.941 5.00147 22.3229 5.25749C21.7048 5.51352 21.1765 5.94708 20.8048 6.50336C20.4331 7.05964 20.2347 7.71364 20.2347 8.38267C20.2347 8.82689 20.3221 9.26677 20.4921 9.67719C20.6621 10.0876 20.9113 10.4605 21.2254 10.7746C21.5395 11.0887 21.9124 11.3379 22.3228 11.5079C22.7333 11.6779 23.1731 11.7654 23.6174 11.7653ZM13.2453 27C11.6145 27 10.0204 26.5164 8.66444 25.6104C7.30852 24.7044 6.2517 23.4167 5.62764 21.9101C5.00357 20.4034 4.84029 18.7456 5.15844 17.1462C5.47658 15.5467 6.26187 14.0776 7.41499 12.9245C8.56811 11.7713 10.0373 10.9861 11.6367 10.6679C13.2361 10.3498 14.894 10.5131 16.4006 11.1371C17.9072 11.7612 19.1949 12.818 20.1009 14.1739C21.0069 15.5299 21.4905 17.124 21.4905 18.7548C21.4905 19.8376 21.2773 20.9098 20.8629 21.9101C20.4486 22.9105 19.8412 23.8195 19.0756 24.5851C18.3099 25.3507 17.401 25.9581 16.4006 26.3724C15.4002 26.7868 14.3281 27 13.2453 27Z',
+  ledger: 'M3 21.0526V27.4139H12.6806V26.0048H4.4172V21.0526H3ZM3 5.00808V11.3532H4.4172V6.40912H12.6887V5L3 5.00808Z M29 21.0526V27.4139H19.3167V26.0048H27.5882V21.0526H29ZM29 5.00808V11.3532H27.5882V6.40912H19.3167V5L29 5.00808Z M14.1841 11.3612H12.7749V21.0445H19.1362V19.7728H14.1841V11.3612Z',
+  moonbeam: 'M21.142 5.645c2.964 1.257 4.94 4.356 4.715 7.499-5.299 0-10.598 0.045-15.896-0.045 0-2.111 0.718-4.266 2.245-5.748 2.245-2.29 5.972-3.009 8.936-1.706z M20.917 25.852c0.314 0 0.584 0.18 0.584 0.404s-0.27 0.404-0.584 0.404h-8.532c-0.314 0-0.584-0.18-0.584-0.404s0.269-0.404 0.584-0.404h8.532z M10.544 26.661c0.322 0 0.584-0.261 0.584-0.584s-0.261-0.584-0.584-0.584c-0.322 0-0.584 0.261-0.584 0.584s0.261 0.584 0.584 0.584z M15.663 24.505c0.322 0 0.584-0.261 0.584-0.584s-0.261-0.584-0.584-0.584c-0.322 0-0.584 0.261-0.584 0.584s0.261 0.584 0.584 0.584z M25.677 23.338c0.314 0 0.584 0.269 0.584 0.584s-0.269 0.584-0.584 0.584h-8.352c-0.314 0-0.584-0.269-0.584-0.584s0.27-0.584 0.584-0.584h8.352z M4.706 22.35c0.322 0 0.584-0.261 0.584-0.584s-0.261-0.584-0.584-0.584c-0.322 0-0.584 0.261-0.584 0.584s0.261 0.584 0.584 0.584z M13.014 21.182c0.314 0 0.584 0.27 0.584 0.584s-0.27 0.584-0.584 0.584h-6.87c-0.314 0-0.584-0.27-0.584-0.584s0.269-0.584 0.584-0.584h6.87z M28.416 21.182c0.314 0 0.584 0.27 0.584 0.584s-0.269 0.584-0.584 0.584h-13.651c-0.314 0-0.584-0.27-0.584-0.584s0.269-0.584 0.584-0.584h13.651z M25.857 19.027c0.314 0 0.584 0.27 0.584 0.584s-0.269 0.584-0.584 0.584h-16.75c-0.314 0-0.584-0.27-0.584-0.584s0.269-0.584 0.584-0.584h16.75z M7.266 20.195c0.322 0 0.584-0.261 0.584-0.584s-0.261-0.584-0.584-0.584c-0.322 0-0.584 0.261-0.584 0.584s0.261 0.584 0.584 0.584z M22.354 16.916c0.314 0 0.584 0.269 0.584 0.584s-0.269 0.584-0.584 0.584h-16.75c-0.314 0-0.584-0.269-0.584-0.584s0.269-0.584 0.584-0.584h16.75z M3.584 18.084c0.322 0 0.584-0.261 0.584-0.584s-0.261-0.584-0.584-0.584c-0.322 0-0.584 0.261-0.584 0.584s0.261 0.584 0.584 0.584z M7.266 15.929c0.322 0 0.584-0.261 0.584-0.584s-0.261-0.584-0.584-0.584c-0.322 0-0.584 0.261-0.584 0.584s0.261 0.584 0.584 0.584z M27.473 14.761c0.314 0 0.584 0.27 0.584 0.584s-0.269 0.584-0.584 0.584h-18.231c-0.314 0-0.584-0.27-0.584-0.584s0.269-0.584 0.584-0.584h18.231z',
+  solidity: 'M20.535 3l4.177 7.429h-8.357l-4.177 7.427-4.177-7.427 4.177-7.429h8.357zM16.398 21.571l4.177-7.427 4.18 7.427-4.18 7.429h-8.357l-4.177-7.429h8.357z',
+  metamask: 'M27.043 16.037l1.128-1.32c0.006-0.012 0.008-0.025 0.008-0.038s-0.003-0.026-0.008-0.038c-0.001-0.013-0.005-0.025-0.012-0.036s-0.016-0.020-0.027-0.026l-0.415-0.299 0.722-0.66c0.005-0.012 0.008-0.025 0.008-0.038s-0.003-0.026-0.008-0.038c-0.001-0.014-0.005-0.027-0.012-0.039s-0.016-0.022-0.027-0.030l-0.514-0.399 0.706-0.537c0.011-0.009 0.021-0.021 0.027-0.034s0.010-0.028 0.011-0.042c0.002-0.015-0.001-0.031-0.008-0.044s-0.018-0.025-0.031-0.033l-0.484-0.376 0.837-4.053v-0.046l-1.274-3.838c-0.011-0.020-0.029-0.035-0.050-0.043s-0.044-0.009-0.066-0.003v0l-8.183 3.071h-6.778l-8.168-3.071h-0.077c-0.022 0.015-0.038 0.037-0.046 0.061l-1.274 3.838c-0.004 0.015-0.004 0.031 0 0.046l0.852 4.053-0.507 0.376c-0.012 0.009-0.022 0.020-0.029 0.034s-0.010 0.028-0.010 0.043c0.001 0.015 0.005 0.029 0.011 0.043s0.016 0.025 0.027 0.034l0.722 0.537-0.514 0.407c-0.011 0.008-0.020 0.018-0.027 0.030s-0.011 0.025-0.011 0.039c-0.007 0.025-0.007 0.052 0 0.077l0.714 0.66-0.415 0.299c-0.017 0.018-0.030 0.038-0.038 0.062-0.008 0.025-0.008 0.052 0 0.077l1.136 1.32-1.75 5.42c-0.004 0.009-0.005 0.018-0.005 0.027s0.002 0.018 0.005 0.027l1.635 5.588c0.003 0.012 0.008 0.024 0.015 0.034s0.017 0.019 0.027 0.025c0.011 0.006 0.023 0.011 0.035 0.012s0.025 0.001 0.037-0.003l5.688-1.535 1.090 0.89 2.303 1.535h4l2.303-1.574 1.067-0.875 5.696 1.535c0.025 0.007 0.053 0.004 0.076-0.009s0.040-0.035 0.047-0.060l1.643-5.588v-0.054l-1.812-5.42zM11.060 19.314c-0.018-0.008-0.034-0.020-0.045-0.037s-0.017-0.036-0.017-0.055c0-0.020 0.006-0.039 0.017-0.055s0.027-0.029 0.045-0.037l2.011-0.921c0.023-0.009 0.047-0.009 0.070 0s0.041 0.025 0.053 0.046l0.837 1.75c0.010 0.013 0.015 0.029 0.015 0.046s-0.005 0.033-0.015 0.046c-0.007 0.014-0.018 0.026-0.032 0.034s-0.029 0.012-0.045 0.012l-2.894-0.829zM18.222 26.146c-0.016 0.009-0.035 0.015-0.054 0.015s-0.037-0.005-0.054-0.015l-0.238-0.192h-3.746l-0.223 0.192c-0.020 0.008-0.042 0.008-0.061 0h-0.046c-0.017-0.011-0.031-0.025-0.040-0.043s-0.014-0.037-0.014-0.057l0.276-2.226c0.008-0.025 0.025-0.046 0.046-0.061l0.476-0.338c0.008-0.004 0.018-0.005 0.027-0.005s0.018 0.002 0.027 0.005h2.863l0.484 0.33c0.010 0.027 0.010 0.057 0 0.084v0l0.276 2.211c0.007 0.016 0.010 0.034 0.008 0.051s-0.007 0.034-0.016 0.049h0.008zM20.971 19.307l-2.863 0.844h-0.061c-0.009-0.025-0.009-0.052 0-0.077-0.003-0.018-0.003-0.036 0-0.054l0.837-1.758c0.014-0.021 0.034-0.037 0.058-0.045s0.049-0.009 0.073-0.001l2.019 0.921c0.019 0.008 0.034 0.023 0.044 0.041s0.013 0.039 0.010 0.059c-0.007 0.025-0.024 0.047-0.047 0.060s-0.050 0.016-0.076 0.009h0.008z',
+  launch: 'M19.1153 6C18.4467 6 17.9048 6.54196 17.9048 7.2105C17.9048 7.87905 18.4467 8.42101 19.1153 8.42101H21.8671L13.4974 16.7907C13.0247 17.2634 13.0247 18.0299 13.4974 18.5026C13.9701 18.9753 14.7366 18.9753 15.2093 18.5026L23.579 10.1329V12.8847C23.579 13.5533 24.121 14.0952 24.7895 14.0952C25.458 14.0952 26 13.5533 26 12.8847V7.2105C26 6.54196 25.458 6 24.7895 6H19.1153Z M9.14146 8.16167C8.8816 8.16167 8.63239 8.26489 8.44864 8.44864C8.26489 8.63239 8.16167 8.8816 8.16167 9.14146V22.8585C8.16167 23.1184 8.26489 23.3676 8.44864 23.5514C8.63239 23.7351 8.8816 23.8383 9.14146 23.8383H22.8585C23.1184 23.8383 23.3676 23.7351 23.5514 23.5514C23.7351 23.3676 23.8383 23.1184 23.8383 22.8585V19.055C23.8383 18.5139 24.277 18.0752 24.8181 18.0752C25.3592 18.0752 25.7979 18.5139 25.7979 19.055V22.8585C25.7979 23.6381 25.4882 24.3858 24.937 24.937C24.3858 25.4882 23.6381 25.7979 22.8585 25.7979H9.14146C8.36189 25.7979 7.61424 25.4882 7.06301 24.937C6.51177 24.3858 6.20208 23.6381 6.20208 22.8585V9.14146C6.20208 8.36189 6.51177 7.61425 7.06301 7.06301C7.61425 6.51177 8.36189 6.20208 9.14146 6.20208H12.945C13.4861 6.20208 13.9248 6.64075 13.9248 7.18187C13.9248 7.723 13.4861 8.16167 12.945 8.16167H9.14146Z M6.92011 6.92011C7.50925 6.33097 8.30829 6 9.14146 6H12.945C13.5977 6 14.1268 6.52914 14.1268 7.18187C14.1268 7.83461 13.5977 8.36375 12.945 8.36375H9.14146C8.9352 8.36375 8.73738 8.44569 8.59153 8.59153C8.44568 8.73738 8.36375 8.9352 8.36375 9.14146V22.8585C8.36375 23.0648 8.44568 23.2626 8.59153 23.4085C8.73738 23.5543 8.9352 23.6363 9.14146 23.6363H22.8585C23.0648 23.6363 23.2626 23.5543 23.4085 23.4085C23.5543 23.2626 23.6363 23.0648 23.6363 22.8585V19.055C23.6363 18.4023 24.1654 17.8732 24.8181 17.8732C25.4709 17.8732 26 18.4023 26 19.055V22.8585C26 23.6917 25.669 24.4908 25.0799 25.0799C24.4908 25.669 23.6917 26 22.8585 26H9.14146C8.30829 26 7.50925 25.669 6.92011 25.0799C6.33097 24.4907 6 23.6917 6 22.8585V9.14146C6 8.30829 6.33097 7.50925 6.92011 6.92011ZM9.14146 6.40416C8.41548 6.40416 7.71924 6.69256 7.2059 7.2059C6.69256 7.71924 6.40416 8.41548 6.40416 9.14146V22.8585C6.40416 23.5845 6.69256 24.2808 7.2059 24.7941C7.71924 25.3074 8.41548 25.5958 9.14146 25.5958H22.8585C23.5845 25.5958 24.2808 25.3074 24.7941 24.7941C25.3074 24.2808 25.5958 23.5845 25.5958 22.8585V19.055C25.5958 18.6255 25.2476 18.2773 24.8181 18.2773C24.3886 18.2773 24.0404 18.6255 24.0404 19.055V22.8585C24.0404 23.172 23.9159 23.4726 23.6943 23.6943C23.4726 23.9159 23.172 24.0404 22.8585 24.0404H9.14146C8.82801 24.0404 8.52739 23.9159 8.30575 23.6943C8.0841 23.4726 7.95958 23.172 7.95958 22.8585V9.14146C7.95958 8.828 8.0841 8.52739 8.30575 8.30575C8.52739 8.0841 8.828 7.95958 9.14146 7.95958H12.945C13.3745 7.95958 13.7227 7.61139 13.7227 7.18187C13.7227 6.75236 13.3745 6.40416 12.945 6.40416H9.14146Z',
+  'arrow-external': 'M6 6v5.663h9.542L6.666 21.796v4.183h4.628l9.222-10.917V26H26V6H6z',
+  mint: 'M21.102 2a1 1 0 011 1v2h2a1 1 0 010 2h-2v2a1 1 0 01-2 0V7h-2a1 1 0 110-2h2V3a1 1 0 011-1zM16.44 22.938l-2.4 6.512a1 1 0 01-1.874 0l-2.4-6.512a1.012 1.012 0 00-.6-.6l-6.513-2.4a1 1 0 010-1.875l6.513-2.4a1.013 1.013 0 00.6-.6l2.4-6.513a1 1 0 011.875 0l2.4 6.512a1.012 1.012 0 00.6.6l6.512 2.4a1 1 0 010 1.875l-6.512 2.4a1.012 1.012 0 00-.6.6zM27.102 9a1 1 0 011 1v1h1a1 1 0 010 2h-1v1a1 1 0 01-2 0v-1h-1a1 1 0 110-2h1v-1a1 1 0 011-1z'
 };
-const {
-  grey: grey$3,
-  lightGrey: lightGrey$3,
-  red: red$1,
-  purple500
-} = colors;
 const TextFieldInputStyle = /*#__PURE__*/_styled.input.withConfig({
   displayName: "styles__TextFieldInputStyle",
   componentId: "sc-1hxcxbo-0"
-})(["border-width:", ";border-style:solid;border-color:", ";border-radius:", ";height:", ";padding:", ";font-family:inherit;font-size:1rem;transition-duration:0.3s;&:focus{border-color:", ";outline:none;}&:disabled{background-color:", ";color:", ";}&:invalid{border-color:", ";outline:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}&:required{border-color:", ";}&::placeholder{color:", ";opacity:1;}&:-ms-input-placeholder{color:", ";opacity:1;}&::-ms-input-placeholder{color:", ";opacity:1;}", ""], props => props.minimal ? `0 0 ${rem('1px')} 0` : rem('1px'), props => props.error ? red$1 : grey$3, props => props.minimal ? 0 : '6px', props => props.minimal ? rem('40px') : rem('50px'), props => props.minimal ? 0 : rem('10px'), purple500, lightGrey$3, grey$3, red$1, props => props.error ? red$1 : grey$3, grey$3, grey$3, grey$3, props => props.icon && css`
-      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32 32"><path style="fill:hsl(0, 0%, 58%)" d=${JSON.stringify(icons[props.icon])} /></svg>');
-      padding-left: ${props.minimal ? '40px' : '50px'};
-      background-repeat: no-repeat;
-      background-size: ${rem('30px')} ${rem('30px')};
-      background-position: ${props.minimal ? 0 : '10px'} 50%;
+})(["border-width:", ";border-style:solid;border-color:", ";border-radius:", ";background-repeat:no-repeat;background-size:", " ", ";background-position:", " 50%;height:", ";padding:", ";font-family:inherit;font-size:", ";transition-property:border-color;transition-duration:", ";&:hover{border-color:", ";}&:focus{border-color:", ";outline:none;}&:disabled{border-color:", ";background-color:", ";color:", ";}&:invalid{border-color:", ";outline:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}&:required{border-color:", ";}&::placeholder,&:-ms-input-placeholder,&::-ms-input-placeholder{color:", ";opacity:1;}", ""], field.borderWidth, props => props.error ? field.errorBorderColor : field.borderColor, field.borderRadius, /*#__PURE__*/rem('20px'), /*#__PURE__*/rem('20px'), /*#__PURE__*/rem('10px'), field.height, /*#__PURE__*/rem('10px'), typography.defaultSize, misc.transitionDuration, field.hoverBorderColor, field.activeBorderColor, field.borderColor, field.disabledBackgroundColor, field.disabledColor, field.errorBorderColor, props => props.error ? field.errorBorderColor : field.borderColor, field.placeholderColor, props => props.icon && css`
+      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewbox="0 0 32 32"><path style="fill:${props => props.error ? 'rgb(235,87,87)' : 'rgb(217,212,237)'}" d=${JSON.stringify(icons[props.icon])} /></svg>');
+      padding-left: ${rem('40px')};
       &:focus {
-        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32 32">
-        <path style="fill:hsl(252, 60%, 41%)" d=${JSON.stringify(icons[props.icon])} /></svg>');
+        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewbox="0 0 32 32">
+        <path style="fill:rgb(67,41,166)" d=${JSON.stringify(icons[props.icon])} /></svg>');
       }
     `);
-const {
-  light: light$3,
-  grey: grey$4,
-  lightGrey: lightGrey$4,
-  red: red$2,
-  purple500: purple500$1
-} = colors;
 const Wrapper$1 = _styled.div`
   position: relative;
 `;
 const TextAreaStyle = _styled.textarea`
-  border-width: ${props => props.minimal ? `0 0 ${rem('1px')} 0` : rem('1px')};
+  border-width: ${field.borderWidth};
   border-style: solid;
-  border-color: ${props => props.error ? red$2 : grey$4};
-  border-radius: ${props => props.minimal ? 0 : '6px'};
+  border-color: ${props => props.error ? field.errorBorderColor : field.borderColor};
+  border-radius: ${field.borderRadius};
   width: 100%;
   height: ${props => props.height || rem('100px')};
-  min-height: rem('40px');
-  padding: ${props => props.minimal ? 0 : rem('10px')};
+  min-height: ${field.height};
+  padding: ${/*#__PURE__*/rem('10px')};
   font-family: inherit;
-  font-size: 1rem;
+  font-size: ${/*#__PURE__*/rem('16px')};
   word-break: break-word;
-  transition-duration: 0.3s;
+  transition-duration: ${misc.transitionDuration};
   resize: none;
+  &:hover {
+    border-color: ${field.hoverBorderColor};
+  }
   &:focus {
-    border-color: ${purple500$1};
+    border-color: ${field.activeColor};
     outline: none;
   }
   &:disabled {
-    background-color: ${lightGrey$4};
-    color: ${grey$4};
+    background-color: ${field.disabledBackgroundColor};
+    color: ${field.disabledColor};
   }
   &:invalid {
-    border-color: ${red$2};
+    border-color: ${field.errorBorderColor};
     outline: none;
     box-shadow: none;
     -webkit-box-shadow: none;
@@ -848,102 +806,81 @@ const TextAreaStyle = _styled.textarea`
   }
   &:required {
-    border-color: ${props => props.error ? red$2 : grey$4};
+    border-color: ${props => props.error ? field.errorBorderColor : field.borderColor};
   }
   &::placeholder {
-    color: ${grey$4};
+    color: ${field.placeholderColor};
     opacity: 1;
   }
   &:-ms-input-placeholder {
-    color: ${grey$4};
+    color: ${field.placeholderColor};
     opacity: 1;
   }
   &::-ms-input-placeholder {
-    color: ${grey$4};
+    color: ${field.placeholderColor};
     opacity: 1;
   }
 `;
 const Count = _styled.div`
   position: absolute;
-  top: ${props => props.minimal ? 0 : rem('5px')};
-  right: ${props => props.minimal ? 0 : rem('10px')};
-  background-color: ${/*#__PURE__*/transparentize(0.15, light$3)};
+  top: ${/*#__PURE__*/rem('5px')};
+  right: ${/*#__PURE__*/rem('10px')};
+  background-color: ${/*#__PURE__*/transparentize(0.15, colors.white)};
   padding: 0 ${/*#__PURE__*/rem('5px')};
   span {
-    font-size: 0.75rem;
-    color: ${grey$4};
+    font-size: ${typography.fontSizeXs};
+    color: ${field.borderColor};
     &.negative {
-      color: ${red$2};
+      color: ${field.errorBorderColor};
     }
   }
 `;
-const {
-  normal: normal$2,
-  grey: grey$5,
-  lightGrey: lightGrey$5,
-  red: red$3,
-  purple500: purple500$2
-} = colors;
 const SelectStyle = _styled.select`
-  border: ${/*#__PURE__*/rem('1px')} solid ${props => props.error ? red$3 : grey$5};
-  border-radius: ${/*#__PURE__*/rem('6px')};
-  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path fill='hsl(0, 0%, 85%)' d='M10.827 12.387l5.173 5.173 5.173-5.173c0.52-0.52 1.36-0.52 1.88 0v0c0.52 0.52 0.52 1.36 0 1.88l-6.12 6.12c-0.52 0.52-1.36 0.52-1.88 0l-6.12-6.12c-0.52-0.52-0.52-1.36 0-1.88v0c0.52-0.507 1.373-0.52 1.893 0z'></path></svg>");
+  border: ${field.borderWidth} solid
+    ${props => props.error ? field.errorBorderColor : field.borderColor};
+  border-radius: ${field.borderRadius};
+  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path fill='rgb(217,212,237)' d='M10.827 12.387l5.173 5.173 5.173-5.173c0.52-0.52 1.36-0.52 1.88 0v0c0.52 0.52 0.52 1.36 0 1.88l-6.12 6.12c-0.52 0.52-1.36 0.52-1.88 0l-6.12-6.12c-0.52-0.52-0.52-1.36 0-1.88v0c0.52-0.507 1.373-0.52 1.893 0z'></path></svg>");
   background-position: calc(100% - 15px) center;
   background-repeat: no-repeat;
   background-size: ${/*#__PURE__*/rem('30px')};
   background-color: transparent;
-  height: ${/*#__PURE__*/rem('50px')};
+  height: ${field.height};
   padding: 0 ${/*#__PURE__*/rem('65px')} 0 ${/*#__PURE__*/rem('15px')};
-  font-size: 1rem;
+  font-size: ${typography.defaultSize};
   appearance: none;
   cursor: pointer;
-  transition-duration: 0.3s;
+  transition-duration: ${misc.transitionDuration};
   &:hover {
-    border-color: ${purple500$2};
+    border-color: ${field.hoverBorderColor};
   }
   &:-moz-focusring {
     color: transparent;
-    text-shadow: 0 0 0 ${normal$2};
+    text-shadow: 0 0 0 ${colors.black};
+  }
+  &:focus {
+    outline: none;
   }
   &:disabled {
-    background-color: ${lightGrey$5};
-    color: ${grey$5};
+    background-color: ${field.disabledBackgroundColor};
+    color: ${field.disabledColor};
     pointer-events: none;
   }
-  ${props => props.minimal && css`
-      border: 0;
-      border-bottom: ${rem('1px')} solid
-        ${props => props.error ? red$3 : grey$5};
-      border-radius: 0;
-      background-position: 100% center;
-      height: ${rem('40px')};
-      padding: 0 ${rem('35px')} 0 0;
-      &:disabled {
-        background-color: transparent;
-        color: ${grey$5};
-      }
-    `}
 `;
-const {
-  green: green$2,
-  red: red$4
-} = colors;
 const ErrorStyle = /*#__PURE__*/_styled.span.withConfig({
   displayName: "styles__ErrorStyle",
   componentId: "sc-4e4ecc-0"
-})(["display:block;font-size:0.7rem;color:", ";", " + &,", " + &,", " + &{margin-top:", ";}"], props => props.color === 'success' ? green$2 : red$4, TextFieldInputStyle, TextAreaStyle, SelectStyle, /*#__PURE__*/rem('5px'));
+})(["display:block;font-size:0.7rem;color:", ";", " + &,", " + &,", " + &{margin-top:", ";}"], props => props.color === 'success' ? field.successBorderColor : field.errorBorderColor, TextFieldInputStyle, TextAreaStyle, SelectStyle, /*#__PURE__*/rem('5px'));
 const ErrorField = props => {
   const {
@@ -978,39 +915,30 @@ const Icon = props => {
   }));
 };
-const {
-  grey: grey$6
-} = colors;
-const {
-  bold
-} = typography;
 const LabelStyle = /*#__PURE__*/_styled.label.withConfig({
   displayName: "styles__LabelStyle",
   componentId: "sc-pbv9we-0"
-})(["display:flex;align-items:center;font-size:0.75rem;font-weight:", ";color:", ";text-transform:uppercase;svg{width:auto;height:", ";}"], bold, grey$6, /*#__PURE__*/rem('15px'));
+})(["display:flex;align-items:center;font-size:", ";font-weight:", ";color:", ";svg{margin-left:", ";width:auto;height:", ";}"], typography.fontSizeXs, typography.semiBold, colors.grey200, /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('16px'));
-const {
-  grey: grey$7
-} = colors;
 const Label = props => {
   const {
     value,
-    kai = false,
+    currency,
     className = 'label',
     style
   } = props;
   return /*#__PURE__*/React.createElement(LabelStyle, {
     className: className,
     style: style
-  }, value, kai ? /*#__PURE__*/React.createElement(Icon, {
-    icon: "kai",
-    fill: grey$7
-  }) : null);
+  }, value, currency === 'tkai' && /*#__PURE__*/React.createElement(Icon, {
+    icon: "tkai",
+    fill: colors.grey200
+  }), currency === 'vkai' && /*#__PURE__*/React.createElement(Icon, {
+    icon: "vkai",
+    fill: colors.grey200
+  }));
 };
-const {
-  light: light$4
-} = colors;
 const rotation = keyframes`
   from {
       transform: rotate(0deg);
@@ -1022,14 +950,11 @@ const rotation = keyframes`
 const Loading = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__Loading",
   componentId: "sc-sxnx45-0"
-})(["border:", " solid hsla(0,0%,48%,0.5);border-top-color:", ";border-radius:50%;width:", ";height:", ";animation:", " 0.8s ease infinite;"], /*#__PURE__*/rem('5px'), props => props.fill || light$4, props => props.size || rem('20px'), props => props.size || rem('20px'), rotation);
+})(["border:", " solid hsla(0,0%,48%,0.5);border-top-color:", ";border-radius:50%;width:", ";height:", ";animation:", " 0.8s ease infinite;"], /*#__PURE__*/rem('5px'), props => props.fill || colors.white, props => props.size || rem('20px'), props => props.size || rem('20px'), rotation);
-const {
-  grey: grey$8
-} = colors;
 const Spinner = props => {
   const {
-    fill = grey$8,
+    fill = colors.grey200,
     size = '20px',
     className = 'spinner',
     style
@@ -1107,7 +1032,6 @@ const TagNumber = props => {
 const TextField = props => {
   const {
     type = 'text',
-    minimal = true,
     icon,
     name,
     value,
@@ -1125,7 +1049,6 @@ const TextField = props => {
     required = false
   } = props;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextFieldInputStyle, {
-    minimal: minimal,
     icon: icon,
     type: type,
     name: name,
@@ -1149,7 +1072,6 @@ const TextField = props => {
 const TextArea = props => {
   const {
-    minimal = true,
     className = 'text-area',
     style,
     height,
@@ -1169,7 +1091,6 @@ const TextArea = props => {
   return /*#__PURE__*/React.createElement(Wrapper$1, {
     className: "text-field"
   }, /*#__PURE__*/React.createElement(TextAreaStyle, {
-    minimal: minimal,
     className: className,
     style: style,
     height: height,
@@ -1184,9 +1105,7 @@ const TextArea = props => {
     error: error,
     required: required,
     "data-testid": dataTestId
-  }), charactersCount != undefined && /*#__PURE__*/React.createElement(Count, {
-    minimal: minimal
-  }, /*#__PURE__*/React.createElement("span", {
+  }), charactersCount != undefined && /*#__PURE__*/React.createElement(Count, null, /*#__PURE__*/React.createElement("span", {
     className: charactersCount < 0 ? 'negative' : ''
   }, charactersCount)), error ? /*#__PURE__*/React.createElement(ErrorField, {
     error: error
@@ -1195,7 +1114,6 @@ const TextArea = props => {
 const Select = props => {
   const {
-    minimal = false,
     placeholder,
     options,
     defaultValue,
@@ -1211,7 +1129,6 @@ const Select = props => {
     value: value.value
   }, value.name));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectStyle, {
-    minimal: minimal,
     name: name,
     defaultValue: defaultValue,
     value: value,
@@ -1229,14 +1146,6 @@ const Select = props => {
   }) : null);
 };
-const {
-  normal: normal$3,
-  light: light$5,
-  grey: grey$9,
-  lightGrey: lightGrey$6,
-  purple500: purple500$3,
-  lightPurple
-} = colors;
 const SelectWrapper = _styled.div`
   .select {
     &-interactive {
@@ -1244,36 +1153,35 @@ const SelectWrapper = _styled.div`
     }
     &__control {
-      border-color: ${grey$9};
-      min-height: ${/*#__PURE__*/rem('50px')};
-      transition-duration: 0.3s;
+      border-color: ${field.borderColor};
+      border-radius: ${field.borderRadius};
+      min-height: ${field.height};
+      transition-duration: ${misc.transitionDuration};
       &:hover {
-        border-color: ${purple500$3};
+        border-color: ${field.hoverBorderColor};
       }
       &--is-focused {
-        border-color: ${purple500$3};
+        border-color: ${field.activeBorderColor};
         box-shadow: none;
       }
     }
     &__value-container {
-      display: flex;
-      align-items: center;
       padding: 0 ${/*#__PURE__*/rem('15px')};
     }
     &__placeholder {
-      color: ${grey$9};
+      color: ${field.placeholderColor};
     }
     &__input {
-      color: ${normal$3};
+      color: ${field.color};
     }
     &__single-value {
-      color: ${normal$3};
+      color: ${field.color};
     }
     &__indicator {
@@ -1288,31 +1196,35 @@ const SelectWrapper = _styled.div`
         height: ${/*#__PURE__*/rem('22px')};
         path {
-          fill: hsl(0, 0%, 85%);
+          fill: ${field.borderColor};
         }
       }
       &-separator {
-        background-color: ${grey$9};
+        background-color: ${field.borderColor};
       }
     }
     &__option {
-      transition-duration: 0.3s;
+      transition-duration: ${misc.transitionDuration};
       &:hover {
-        background-color: ${purple500$3};
-        color: ${light$5};
+        background-color: ${field.hoverBorderColor};
+        color: ${field.color};
+        svg {
+          fill: ${field.color};
+        }
       }
       &--is-focused {
-        background-color: ${purple500$3};
-        color: ${light$5};
+        background-color: ${field.activeBorderColor};
+        color: ${colors.white};
       }
       &--is-selected {
-        background-color: ${lightPurple};
-        color: ${normal$3};
+        background-color: ${field.activeBorderColor} !important;
+        color: ${colors.white} !important;
       }
     }
   }
@@ -1338,21 +1250,21 @@ const SelectWrapper = _styled.div`
       margin: 0 ${/*#__PURE__*/rem('5px')} 0 0;
       width: ${/*#__PURE__*/rem('20px')};
       height: auto;
-      transition-duration: 0.3s;
+      transition-duration: ${misc.transitionDuration};
     }
   }
   .select__option--is-selected {
     svg {
-      fill: ${normal$3};
-      transition-duration: 0.3s;
+      fill: ${colors.white} !important;
+      transition-duration: ${misc.transitionDuration};
     }
   }
   .select__option--is-focused {
     svg {
-      fill: ${light$5};
-      transition-duration: 0.3s;
+      fill: ${colors.white};
+      transition-duration: ${misc.transitionDuration};
     }
   }
@@ -1361,15 +1273,25 @@ const SelectWrapper = _styled.div`
   }
 `;
 const SelectGroupLabel = _styled.span`
-  font-size: ${/*#__PURE__*/rem('12px')};
-  color: ${lightGrey$6};
+  font-size: ${typography.fontSizeXs};
+  color: ${field.placeholderColor};
   + .tag {
-    border-color: ${lightGrey$6};
-    background-color: ${lightGrey$6};
-    color: ${grey$9};
+    border-color: ${field.borderColor};
+    background-color: ${field.borderColor};
+    color: ${field.activeBorderColor};
   }
 `;
+const SingleValue = _styled.div`
+  grid-area: 1 / 1 / 2 / 3;
+  margin-left: ${/*#__PURE__*/rem('2px')};
+  margin-right: ${/*#__PURE__*/rem('2px')};
+  max-width: 100%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  box-sizing: border-box;
+`;
 const {
   Option
@@ -1394,7 +1316,7 @@ const CustomSelectOption = (props, commonProps) => /*#__PURE__*/React.createElem
   src: props.data.customImage,
   alt: props.data.label
 }) : null, props.data.label);
-const CustomSelectValue = props => /*#__PURE__*/React.createElement("div", null, props.data.icon ? /*#__PURE__*/React.createElement(Icon, {
+const CustomSelectValue = props => /*#__PURE__*/React.createElement(SingleValue, null, props.data.icon ? /*#__PURE__*/React.createElement(Icon, {
   icon: props.data.icon
 }) : props.data.customImage ? /*#__PURE__*/React.createElement("img", {
   src: props.data.customImage,
@@ -1441,25 +1363,37 @@ const SelectInteractive = ({
   }) : null);
 };
-const {
-  normal: normal$4,
-  grey: grey$a,
-  lightGrey: lightGrey$7,
-  red: red$5,
-  lightRed
-} = colors;
 const Wrapper$2 = _styled.div`
-  border-width: ${/*#__PURE__*/rem('1px')};
+  border-width: ${field.borderWidth};
   border-style: solid;
-  border-color: ${props => props.error ? red$5 : grey$a};
-  border-radius: ${/*#__PURE__*/rem('6px')};
+  border-color: ${props => props.error ? field.errorBorderColor : field.borderColor};
+  border-radius: ${field.borderRadius};
   display: flex;
+  transition-duration: ${misc.transitionDuration};
   overflow: hidden;
+  &:hover {
+    border-color: ${field.hoverBorderColor};
+  }
+  &:has(input:focus) {
+    border-color: ${field.activeBorderColor};
+  }
+  &:has(input:disabled) {
+    background-color: ${field.disabledBackgroundColor};
+    color: ${field.disabledColor};
+    > div {
+      background-color: ${field.disabledBackgroundColor};
+      color: ${field.disabledColor};
+    }
+  }
   input {
     flex: 1;
     border: 0;
-    color: ${props => props.error ? red$5 : normal$4};
+    color: ${props => props.error ? field.errorBorderColor : field.color};
     &:disabled {
       margin: 0;
@@ -1472,12 +1406,12 @@ const Wrapper$2 = _styled.div`
   }
 `;
 const Appendix = _styled.div`
-  border-width: ${props => props.position === 'left' ? `0 ${rem('1px')} 0 0` : `0 0 0 ${rem('1px')}`};
+  border-width: ${props => props.position === 'left' ? `0 ${field.borderWidth} 0 0` : `0 0 0 ${field.borderWidth}`};
   border-style: solid;
-  border-color: ${props => props.error ? red$5 : grey$a};
-  background-color: ${props => props.error ? lightRed : lightGrey$7};
+  border-color: ${props => props.error ? field.errorBorderColor : field.borderColor};
+  background-color: ${props => props.error ? field.errorBackgroundColor : field.borderColor};
   padding: 0 ${/*#__PURE__*/rem('15px')};
-  color: ${props => props.error ? red$5 : grey$a};
+  color: ${props => props.error ? field.errorBorderColor : field.color};
   line-height: ${/*#__PURE__*/rem('48px')};
   vertical-align: center;
   overflow: hidden;
@@ -1511,7 +1445,6 @@ const TextFieldAppendix = props => {
     error: error,
     position: "left"
   }, /*#__PURE__*/React.createElement("span", null, prepend)), /*#__PURE__*/React.createElement(TextField, {
-    minimal: false,
     type: type,
     name: name,
     value: value,
@@ -1568,9 +1501,6 @@ const device = {
   mouse: '(min-width: 538px) and (min-height: 720px)'
 };
-const {
-  light: light$6
-} = colors;
 const Wrapper$3 = _styled.div`
   position: relative;
@@ -1618,7 +1548,7 @@ const Wrapper$3 = _styled.div`
   }
   .carousel .control-prev.control-arrow:before {
-    border-right: ${/*#__PURE__*/rem('8px')} solid #fff;
+    border-right: ${/*#__PURE__*/rem('8px')} solid ${colors.white};
   }
   .carousel .control-next.control-arrow {
@@ -1626,7 +1556,7 @@ const Wrapper$3 = _styled.div`
   }
   .carousel .control-next.control-arrow:before {
-    border-left: ${/*#__PURE__*/rem('8px')} solid #fff;
+    border-left: ${/*#__PURE__*/rem('8px')} solid ${colors.white};
   }
   .carousel-root {
@@ -1694,7 +1624,7 @@ const Wrapper$3 = _styled.div`
     margin-right: ${/*#__PURE__*/rem('6px')};
     white-space: nowrap;
     overflow: hidden;
-    border: ${/*#__PURE__*/rem('3px')} solid #fff;
+    border: ${/*#__PURE__*/rem('3px')} solid ${colors.white};
     padding: ${/*#__PURE__*/rem('2px')};
   }
@@ -1720,7 +1650,7 @@ const Wrapper$3 = _styled.div`
   .carousel.carousel-slider .control-arrow {
     top: 0;
-    color: #fff;
+    color: ${colors.white};
     font-size: ${/*#__PURE__*/rem('26px')};
     bottom: 0;
     margin-top: 0;
@@ -1809,7 +1739,7 @@ const Wrapper$3 = _styled.div`
     padding: ${/*#__PURE__*/rem('5px')};
     font-size: ${/*#__PURE__*/rem('10px')};
     text-shadow: ${/*#__PURE__*/rem('1px')} ${/*#__PURE__*/rem('1px')} ${/*#__PURE__*/rem('1px')} rgba(0, 0, 0, 0.9);
-    color: #fff;
+    color: ${colors.white};
   }
   > div > div > button {
@@ -1823,7 +1753,7 @@ const Wrapper$3 = _styled.div`
     svg {
       width: ${/*#__PURE__*/rem('36px')};
       height: ${/*#__PURE__*/rem('36px')};
-      fill: ${light$6};
+      fill: ${colors.white};
     }
     &.next {
@@ -1834,7 +1764,7 @@ const Wrapper$3 = _styled.div`
       opacity: 1;
       svg {
-        fill: ${light$6};
+        fill: ${colors.white};
       }
     }
@@ -1859,7 +1789,7 @@ const Wrapper$3 = _styled.div`
       position: relative;
       display: inline-block;
       border-radius: 999px;
-      background-color: ${light$6};
+      background-color: ${colors.white};
       width: ${/*#__PURE__*/rem('15px')};
       height: ${/*#__PURE__*/rem('15px')};
       opacity: 0.25;
@@ -1991,35 +1921,32 @@ const VideoPlayer = props => {
   }));
 };
-const {
-  lightGrey: lightGrey$8,
-  green: green$3
-} = colors;
-const {
-  bold: bold$1
-} = typography;
 const Wrapper$5 = _styled.div`
   display: flex;
   align-items: center;
 `;
 const Bar = _styled.div`
   flex: 1;
+  border: ${/*#__PURE__*/rem('1px')} solid ${colors.purple100};
   border-radius: 999px;
-  background-color: ${lightGrey$8};
+  background-color: ${colors.grey50};
   height: ${/*#__PURE__*/rem('10px')};
   overflow: hidden;
 `;
 const Progress = _styled.div`
   border-radius: 999px;
-  background-color: ${green$3};
+  background-color: ${colors.purple500};
   height: 100%;
   width: ${props => props.progress ? `${props.progress}%` : 0};
   transition-duration: 2s;
 `;
 const Value = _styled.div`
   margin-left: ${/*#__PURE__*/rem('5px')};
-  font-size: 0.75rem;
-  font-weight: ${bold$1};
+  font-size: ${typography.fontSizeXs};
+  font-weight: ${typography.regular};
+  color: ${colors.purple400};
+  letter-spacing: ${/*#__PURE__*/rem('1px')};
+  text-transform: uppercase;
 `;
 const ProgressBar = props => {
@@ -2032,11 +1959,6 @@ const ProgressBar = props => {
   })), value && /*#__PURE__*/React.createElement(Value, null, value));
 };
-const {
-  light: light$7,
-  green: green$4,
-  lightGrey: lightGrey$9
-} = colors;
 const Switcher = _styled.fieldset`
   margin: 0;
   border: none;
@@ -2059,9 +1981,9 @@ const Switcher = _styled.fieldset`
       display: inline-block;
       vertical-align: middle;
       width: ${/*#__PURE__*/rem('40px')};
-      height: ${/*#__PURE__*/rem('24px')};
+      height: ${/*#__PURE__*/rem('25px')};
       border-radius: 999px;
-      border: 2px solid ${light$7};
+      border: ${field.borderWidth} solid ${field.borderColor};
       position: relative;
       opacity: ${props => props.disabled ? '0.5' : '1'};
@@ -2073,7 +1995,7 @@ const Switcher = _styled.fieldset`
       input[type='radio'] {
         display: inline-block;
-        margin: 0 ${/*#__PURE__*/rem('-2px')} 0 0;
+        margin: 0 ${/*#__PURE__*/rem('-3px')} 0 0;
         width: 50%;
         height: 100%;
         opacity: 0;
@@ -2086,7 +2008,7 @@ const Switcher = _styled.fieldset`
         }
         &.switch-on:checked ~ .bg {
-          background-color: ${green$4};
+          background-color: ${colors.green500};
         }
         &.switch-off:checked ~ .switcher {
@@ -2094,21 +2016,21 @@ const Switcher = _styled.fieldset`
         }
         &.switch-off:checked ~ .bg {
-          background-color: ${lightGrey$9};
+          background-color: ${colors.grey100};
         }
       }
       .switcher {
         display: block;
         position: absolute;
-        top: ${/*#__PURE__*/rem('2px')};
-        left: ${/*#__PURE__*/rem('2px')};
+        top: ${/*#__PURE__*/rem('3px')};
+        left: ${/*#__PURE__*/rem('3px')};
         right: 100%;
         width: ${/*#__PURE__*/rem('16px')};
         height: ${/*#__PURE__*/rem('16px')};
         border-radius: 50%;
-        background-color: ${light$7};
-        transition: all 0.3s ease-out;
+        background-color: ${colors.white};
+        transition: all ${misc.transitionDuration} ease-out;
         z-index: 2;
       }
@@ -2121,8 +2043,8 @@ const Switcher = _styled.fieldset`
         z-index: 0;
         border-radius: 999px;
         background-color: transparent;
-        transition: all 0.3s ease-out;
-        background-color: ${lightGrey$9};
+        transition: all ${misc.transitionDuration} ease-out;
+        background-color: ${colors.grey200};
       }
     }
   }
@@ -2207,16 +2129,6 @@ const Toggle = ({
   }, labelRight)));
 };
-const {
-  red: red$6,
-  grey: grey$b,
-  lightGrey: lightGrey$a,
-  darkGrey,
-  green: green$5,
-  darkGreen: darkGreen$2,
-  light: light$8,
-  normal: normal$5
-} = colors;
 const Wrapper$6 = _styled.div`
   input {
     width: 0.1px;
@@ -2229,20 +2141,21 @@ const Wrapper$6 = _styled.div`
   label {
     margin-bottom: 0 !important;
-    border-width: ${props => props.minimal ? `0 0 ${rem('1px')} 0` : rem('1px')};
+    border-width: ${field.borderWidth};
     border-style: solid;
-    border-color: ${props => props.error ? red$6 : grey$b};
-    border-radius: ${props => props.minimal ? 0 : rem('6px')};
-    background-color: ${props => props.disabled ? lightGrey$a : 'transparent'};
+    border-color: ${props => props.error ? field.errorBorderColor : field.borderColor};
+    border-radius: ${field.borderRadius};
+    background-color: ${props => props.disabled ? field.disabledBackgroundColor : 'transparent'};
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 100%;
-    height: ${/*#__PURE__*/rem('50px')};
+    height: ${field.height};
     -webkit-appearance: none;
     outline: none;
     cursor: ${props => props.disabled ? 'default' : 'pointer'};
     pointer-events: ${props => props.disabled ? 'none' : ''};
+    transition-duration: ${misc.transitionDuration};
     overflow: hidden;
     span {
@@ -2252,45 +2165,47 @@ const Wrapper$6 = _styled.div`
       &.file-name {
         flex: 1;
         display: block;
-        padding: ${props => props.minimal ? 0 : `0 ${rem('10px')}`};
-        color: ${props => props.disabled ? grey$b : normal$5};
+        padding: ${`0 ${/*#__PURE__*/rem('10px')}`};
+        color: ${props => props.disabled ? field.disabledColor : field.color};
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
       }
       &.button {
-        border-left: ${props => props.minimal ? 0 : `${rem('1px')} solid ${grey$b}`};
-        background-color: ${props => props.minimal ? 'transparent' : props.disabled ? lightGrey$a : green$5};
+        border-left: ${props => `${field.borderWidth} solid ${props.error ? field.errorBorderColor : field.borderColor}`};
+        background-color: ${props => props.disabled ? field.disabledBackgroundColor : props.error ? field.errorBackgroundColor : field.borderColor};
         height: 100%;
-        padding: ${props => props.minimal ? `0 ${rem('5px')} 0 ${rem('20px')}` : `0 ${rem('20px')}`};
-        color: ${props => props.disabled ? grey$b : props.minimal ? darkGrey : light$8};
-        transition-duration: 0.3s;
+        padding: ${`0 ${/*#__PURE__*/rem('20px')}`};
+        color: ${props => props.disabled ? field.disabledColor : props.error ? field.errorBorderColor : field.activeColor};
+        transition-duration: ${misc.transitionDuration};
         svg {
           margin-right: ${/*#__PURE__*/rem('8px')};
           width: auto;
           height: ${/*#__PURE__*/rem('24px')};
-          fill: ${props => props.disabled ? grey$b : props.minimal ? darkGrey : light$8};
-          transition-duration: 0.3s;
+          fill: ${props => props.disabled ? field.disabledColor : props.error ? field.errorBorderColor : field.activeColor};
+          transition-duration: ${misc.transitionDuration};
         }
         &:hover {
-          background-color: ${props => props.minimal ? 'transparent' : darkGreen$2};
-          color: ${props => props.minimal ? darkGreen$2 : light$8};
-          svg {
-            fill: ${props => props.disabled ? grey$b : props.minimal ? darkGreen$2 : light$8};
-          }
+          background-color: ${field.hoverBorderColor};
         }
       }
     }
+    &:hover {
+      border-color: ${field.hoverBorderColor};
+      span.button {
+        background-color: ${field.hoverBorderColor};
+      }
+    }
   }
 `;
 const FilePicker = props => {
   const {
-    minimal = false,
     name,
     accept,
     multiple = false,
@@ -2313,7 +2228,6 @@ const FilePicker = props => {
   };
   return /*#__PURE__*/React.createElement(Wrapper$6, {
     disabled: disabled,
-    minimal: minimal,
     error: !!error
   }, /*#__PURE__*/React.createElement("input", {
     id: name,
@@ -2339,12 +2253,6 @@ const FilePicker = props => {
   }));
 };
-const {
-  normal: normal$6,
-  light: light$9,
-  lightGrey: lightGrey$b,
-  red: red$7
-} = colors;
 const ActionsMenuStyle$1 = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__ActionsMenuStyle",
   componentId: "sc-1peafop-0"
@@ -2352,11 +2260,11 @@ const ActionsMenuStyle$1 = /*#__PURE__*/_styled.div.withConfig({
 const List = /*#__PURE__*/_styled.ul.withConfig({
   displayName: "styles__List",
   componentId: "sc-1peafop-1"
-})(["position:absolute;border:", " solid ", ";border-radius:", ";background-color:", ";margin-top:", ";min-width:", ";max-width:", ";padding:0;-moz-box-shadow:0 0 ", " 0 ", ";-webkit-box-shadow:0 0 ", " 0 ", ";box-shadow:0 0 ", " 0 ", ";z-index:1;", " li{list-style:none;min-height:", ";display:flex;transition-duration:0.3s;&:hover{background-color:", ";cursor:pointer;}&:first-child{border-radius:", " ", " 0 0;}&:last-child{border-radius:0 0 ", " ", ";}&.danger{border-top:", " solid ", ";a{color:", ";}}&.disabled{a{color:", ";pointer-events:none;}&:hover{background-color:transparent;}}a{width:100%;display:flex;align-items:center;padding:0 ", ";color:", ";text-decoration:none;white-space:nowrap;span{display:table-cell;overflow:hidden;text-overflow:ellipsis;}}}"], /*#__PURE__*/rem('1px'), lightGrey$b, /*#__PURE__*/rem('4px'), light$9, /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('200px'), /*#__PURE__*/rem('250px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/lighten(0.7, normal$6), /*#__PURE__*/rem('15px'), /*#__PURE__*/lighten(0.7, normal$6), /*#__PURE__*/rem('15px'), /*#__PURE__*/lighten(0.7, normal$6), props => props.rowIndex != undefined && css`
+})(["position:absolute;border:", " solid ", ";border-radius:", ";background-color:", ";margin-top:", ";min-width:", ";max-width:", ";padding:0;-moz-box-shadow:", ";-webkit-box-shadow:", ";box-shadow:", ";overflow:hidden;z-index:1;", " li{list-style:none;min-height:", ";display:flex;transition-duration:0.3s;&:hover{background-color:", ";cursor:pointer;}&.danger{border-top:", " solid ", ";a{color:", ";}}&.disabled{a{color:", ";pointer-events:none;}&:hover{background-color:transparent;}}a{width:100%;display:flex;align-items:center;padding:0 ", ";color:", ";text-decoration:none;white-space:nowrap;span{display:table-cell;overflow:hidden;text-overflow:ellipsis;}}}"], field.borderWidth, field.borderColor, field.borderRadius, field.backgroundColor, /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('200px'), /*#__PURE__*/rem('250px'), field.boxShadow, field.boxShadow, field.boxShadow, props => props.rowIndex != undefined && css`
       --margin: ${`calc(${rem('45px')} + ${rem('50px')} * ${props.rowIndex} + ${rem('42px')})`};
       top: var(--margin);
       right: ${rem('5px')};
-    `, /*#__PURE__*/rem('45px'), lightGrey$b, /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('1px'), lightGrey$b, red$7, lightGrey$b, /*#__PURE__*/rem('20px'), normal$6);
+    `, /*#__PURE__*/rem('45px'), field.hoverBorderColor, field.borderWidth, field.borderColor, field.errorBorderColor, field.disabledColor, /*#__PURE__*/rem('20px'), field.color);
 const ActionMenuList = props => {
   const {
@@ -2427,23 +2335,15 @@ const ActionsMenu = props => {
   }) : null);
 };
-const {
-  light: light$a,
-  grey: grey$c
-} = colors;
 const CardValueStyle = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__CardValueStyle",
   componentId: "sc-1ki7jdk-0"
-})(["border:", " solid ", ";border-radius:", ";background-color:", ";display:flex;flex-direction:column;padding:", ";overflow-x:auto;@media ", "{padding:", ";}> span{display:block;margin-top:", ";font-size:2rem;font-weight:var(--bold,700);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}"], /*#__PURE__*/rem('1px'), grey$c, /*#__PURE__*/rem('6px'), light$a, /*#__PURE__*/rem('15px'), device.l, /*#__PURE__*/rem('30px'), /*#__PURE__*/rem('5px'));
-const CardValueButtonWrapper = /*#__PURE__*/_styled.div.withConfig({
-  displayName: "styles__CardValueButtonWrapper",
-  componentId: "sc-1ki7jdk-1"
-})(["right:0;margin-top:", ";display:flex;flex-direction:column-reverse;flex-grow:2;align-self:flex-end;"], /*#__PURE__*/rem('20px'));
+})(["border:", " solid ", ";border-radius:", ";background-color:", ";display:flex;flex-direction:column;padding:", ";overflow-x:auto;> span{display:block;margin-top:", ";font-size:", ";font-weight:", ";line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}a,button{margin-top:", ";}"], field.borderWidth, field.borderColor, field.borderRadius, colors.white, /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('32px'), typography.semiBold, /*#__PURE__*/rem('20px'));
 const CardValue = props => {
   const {
     label,
-    kai = false,
+    currency,
     value,
     description,
     buttonValue,
@@ -2456,21 +2356,15 @@ const CardValue = props => {
     style: style
   }, /*#__PURE__*/React.createElement(Label, {
     value: label,
-    kai: kai
-  }), /*#__PURE__*/React.createElement("span", null, value), description && /*#__PURE__*/React.createElement("p", null, description), buttonValue && onClick && /*#__PURE__*/React.createElement(CardValueButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
-    color: "grey",
+    currency: currency
+  }), /*#__PURE__*/React.createElement("span", null, value), description && /*#__PURE__*/React.createElement("p", null, description), buttonValue && onClick && /*#__PURE__*/React.createElement(Button, {
+    color: "grey150",
+    txtColor: "grey500",
     value: buttonValue,
     action: onClick
-  })));
+  }));
 };
-const {
-  grey: grey$d,
-  light: light$b
-} = colors;
-const {
-  bold: bold$2
-} = typography;
 const EmptyTableWrapper = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__EmptyTableWrapper",
   componentId: "sc-1dgsb9l-0"
@@ -2478,23 +2372,23 @@ const EmptyTableWrapper = /*#__PURE__*/_styled.div.withConfig({
 const EmptyTableHead = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__EmptyTableHead",
   componentId: "sc-1dgsb9l-1"
-})(["border-width:", ";border-style:solid;border-color:", ";border-radius:", " ", " 0 0;height:", ";display:flex;align-items:center;font-size:0.85rem;font-weight:", ";color:", ";text-transform:uppercase;> div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none;flex:1;padding:0 ", ";font-size:0.85rem;font-weight:", ";color:", ";text-transform:uppercase;&:first-child,&:nth-child(2){display:initial;}@media ", "{&:nth-child(3){display:initial;}}@media ", "{&:nth-child(4){display:initial;}}@media ", "{display:initial;}}"], props => props.border ? rem('1px') : `0 0 ${rem('1px')} 0`, grey$d, /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('50px'), bold$2, grey$d, /*#__PURE__*/rem('15px'), bold$2, grey$d, device.s, device.m, device.l);
+})(["border-width:", ";border-style:solid;border-color:", ";border-radius:", " ", " 0 0;height:", ";display:flex;align-items:center;font-size:", ";font-weight:", ";color:", ";> div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none;flex:1;padding:0 ", ";font-size:", ";font-weight:", ";color:", ";&:first-child,&:nth-child(2){display:initial;}@media ", "{&:nth-child(3){display:initial;}}@media ", "{&:nth-child(4){display:initial;}}@media ", "{display:initial;}}"], props => props.border ? field.borderWidth : `0 0 ${field.borderWidth} 0`, colors.grey200, field.borderRadius, field.borderRadius, /*#__PURE__*/rem('50px'), typography.fontSizeSm, typography.semiBold, colors.grey400, /*#__PURE__*/rem('15px'), typography.fontSizeSm, typography.semiBold, colors.grey400, device.s, device.m, device.l);
 const EmptyTableBody = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__EmptyTableBody",
   componentId: "sc-1dgsb9l-2"
-})(["border-width:", ";border-style:solid;border-color:", ";border-radius:0 0 ", " ", ";"], props => props.border ? `0 ${rem('1px')} ${rem('1px')} ${rem('1px')}` : 0, grey$d, /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('6px'));
+})(["border-width:", ";border-style:solid;border-color:", ";border-radius:0 0 ", " ", ";"], props => props.border ? `0 ${field.borderWidth} ${field.borderWidth} ${field.borderWidth}` : 0, colors.grey200, field.borderRadius, field.borderRadius);
 const EmptyTableRow = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__EmptyTableRow",
   componentId: "sc-1dgsb9l-3"
-})(["height:", ";display:flex;align-items:center;&:not(:last-child){border-bottom:", " solid ", ";}> div{display:none;flex:1;padding:0 ", ";&:first-child,&:nth-child(2){display:inherit;}@media ", "{&:nth-child(3){display:inherit;}}@media ", "{&:nth-child(4){display:inherit;}}@media ", "{display:inherit;}}"], /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('1px'), grey$d, /*#__PURE__*/rem('15px'), device.s, device.m, device.l);
+})(["height:", ";display:flex;align-items:center;&:not(:last-child){border-bottom:", " solid ", ";}> div{display:none;flex:1;padding:0 ", ";&:first-child,&:nth-child(2){display:inherit;}@media ", "{&:nth-child(3){display:inherit;}}@media ", "{&:nth-child(4){display:inherit;}}@media ", "{display:inherit;}}"], /*#__PURE__*/rem('50px'), field.borderWidth, colors.grey200, /*#__PURE__*/rem('15px'), device.s, device.m, device.l);
 const EmptyTableCellText = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__EmptyTableCellText",
   componentId: "sc-1dgsb9l-4"
-})(["background-color:#edeef1;width:100%;height:", ";"], /*#__PURE__*/rem('15px'));
+})(["background-color:", ";width:100%;height:", ";"], colors.grey200, /*#__PURE__*/rem('15px'));
 const EmptyTableOverlay = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__EmptyTableOverlay",
   componentId: "sc-1dgsb9l-5"
-})(["position:absolute;bottom:0;background-image:linear-gradient( to bottom,", ",", " );width:100%;height:calc(100% - ", ");display:flex;justify-content:center;align-items:flex-end;padding:0 ", " ", " ", ";text-align:center;color:", ";"], /*#__PURE__*/rgba(light$b, 0), /*#__PURE__*/rgba(light$b, 1), /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('15px'), grey$d);
+})(["position:absolute;bottom:0;background-image:linear-gradient( to bottom,", ",", " );width:100%;height:calc(100% - ", ");display:flex;justify-content:center;align-items:flex-end;padding:0 ", " ", " ", ";text-align:center;color:", ";"], /*#__PURE__*/rgba(colors.white, 0), /*#__PURE__*/rgba(colors.white, 1), /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('15px'), colors.grey400);
 const EmptyTable = props => {
   let rows = [];
@@ -2550,53 +2444,42 @@ const ModalFooter = props => {
   }), children);
 };
-const {
-  green: green$6,
-  lightGreen,
-  darkGreen: darkGreen$3,
-  grey: grey$e,
-  lightGrey: lightGrey$c,
-  darkGrey: darkGrey$1,
-  red: red$8,
-  lightRed: lightRed$1,
-  darkRed: darkRed$1
-} = colors;
 const Wrapper$7 = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__Wrapper",
   componentId: "sc-d2fn4g-0"
-})(["--default:", ";--light:", ";--dark:", ";", " ", " ", " border-width:", ";border-style:solid;border-color:var(--default);border-radius:", ";background-color:var(--light);padding:", ";div{&:first-child{flex:1;}p{margin:0;}}", ""], grey$e, lightGrey$c, darkGrey$1, props => props.color === 'grey' && css`
-      --default: ${grey$e};
-      --light: ${lightGrey$c};
-      --dark: ${darkGrey$1};
+})(["--borderColor:", ";--backgroundColor:", ";--dark:", ";", " ", " ", " border-width:", ";border-style:solid;border-color:var(--borderColor);border-radius:", ";background-color:var(--backgroundColor);padding:", ";div{&:first-child{flex:1;}p{margin:0;}}", ""], field.borderColor, colors.purple50, colors.purple400, props => props.color === 'grey' && css`
+      --borderColor: ${field.borderColor};
+      --backgroundColor: ${colors.purple50};
+      --dark: ${colors.purple400};
     `, props => props.color === 'green' && css`
-      --default: ${green$6};
-      --light: ${lightGreen};
-      --dark: ${darkGreen$3};
+      --borderColor: ${field.successBorderColor};
+      --backgroundColor: ${field.successBackgroundColor};
+      --dark: ${colors.green900};
     `, props => props.color === 'red' && css`
-      --default: ${red$8};
-      --light: ${lightRed$1};
-      --dark: ${darkRed$1};
-    `, /*#__PURE__*/rem('2px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('15px'), props => props.buttonValue && css`
+      --borderColor: ${field.errorBorderColor};
+      --backgroundColor: ${field.errorBackgroundColor};
+      --dark: ${colors.red800};
+    `, field.borderWidth, field.borderRadius, /*#__PURE__*/rem('15px'), props => props.buttonValue && css`
       button {
         margin: ${rem('30px')} 0 0 0;
         border: 0;
-        border-radius: ${rem('6px')};
-        background-color: var(--default);
+        border-radius: ${field.borderRadius};
+        background-color: var(--borderColor);
         height: ${rem('36px')};
         display: flex;
         justify-content: center;
         align-items: center;
         padding: ${rem('20px')};
-        font-size: 0.75rem;
-        font-weight: bold;
-        text-transform: uppercase;
-        color: hsl(0, 0%, 100%);
+        font-size: ${typography.fontSizeSm};
+        font-weight: ${typography.medium};
+        color: var(--dark);
         white-space: nowrap;
-        transition-duration: 0.3s;
+        transition-duration: ${misc.transitionDuration};
         cursor: pointer;
         &:hover {
           background-color: var(--dark);
+          color: ${colors.white};
         }
       }
@@ -2633,15 +2516,6 @@ function hasValue(value) {
   return value !== undefined && value !== null;
 }
-const {
-  normal: normal$7,
-  light: light$c,
-  grey: grey$f,
-  lightGrey: lightGrey$d
-} = colors;
-const {
-  bold: bold$3
-} = typography;
 const TableWrapper = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__TableWrapper",
   componentId: "sc-vmoy3z-0"
@@ -2649,11 +2523,11 @@ const TableWrapper = /*#__PURE__*/_styled.div.withConfig({
 const OverflowWrapper = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__OverflowWrapper",
   componentId: "sc-vmoy3z-1"
-})(["@media ", "{display:block;border-radius:", ";background:linear-gradient(to right,", " 30%,rgba(255,255,255,0)),linear-gradient(to right,rgba(255,255,255,0),", " 70%) 0 100%,radial-gradient( farthest-side at 0% 50%,rgba(0,0,0,0.2),rgba(0,0,0,0) ),radial-gradient( farthest-side at 100% 50%,rgba(0,0,0,0.2),rgba(0,0,0,0) ) 0 100%;background-repeat:no-repeat;background-color:#fff;background-size:", " 100%,", " 100%,", " 100%,", " 100%;background-position:0 0,100%,0 0,100%;background-attachment:local,local,scroll,scroll;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}"], device.s, /*#__PURE__*/rem('6px'), light$c, light$c, /*#__PURE__*/rem('40px'), /*#__PURE__*/rem('40px'), /*#__PURE__*/rem('14px'), /*#__PURE__*/rem('14px'));
+})(["@media ", "{display:block;border-radius:", ";background:linear-gradient( to right,", " 30%,rgba(255,255,255,0) ),linear-gradient(to right,rgba(255,255,255,0),", " 70%) 0 100%,radial-gradient( farthest-side at 0% 50%,rgba(0,0,0,0.2),rgba(0,0,0,0) ),radial-gradient( farthest-side at 100% 50%,rgba(0,0,0,0.2),rgba(0,0,0,0) ) 0 100%;background-repeat:no-repeat;background-color:", ";background-size:", " 100%,", " 100%,", " 100%,", " 100%;background-position:0 0,100%,0 0,100%;background-attachment:local,local,scroll,scroll;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}"], device.s, field.borderRadius, colors.white, colors.white, colors.white, /*#__PURE__*/rem('40px'), /*#__PURE__*/rem('40px'), /*#__PURE__*/rem('14px'), /*#__PURE__*/rem('14px'));
 const Table = /*#__PURE__*/_styled.table.withConfig({
   displayName: "styles__Table",
   componentId: "sc-vmoy3z-2"
-})(["width:100%;border-width:0;border-style:solid;border-color:", ";border-radius:", ";border-spacing:0;white-space:nowrap;@media ", "{border-width:", ";}th,td{height:", ";padding:0 ", ";&.center{text-align:center;> div{justify-content:center;}}&.right{text-align:right;> div{justify-content:flex-end;}}&.thin{@media ", "{max-width:min-content;}}&.kai{text-align:right;> div{justify-content:flex-end;}}&.avatar > div{display:flex;align-items:center;.avatar-img{margin-right:", ";}}}th{font-size:0.85rem;&:first-child{border-top-left-radius:", ";}&:last-child{border-top-right-radius:", ";}}tr{border:", " solid ", ";border-radius:", ";position:relative;&:not(:last-child){margin-bottom:", ";}@media ", "{border:0;}}thead{border:none;clip:rect(0 0 0 0);height:", ";margin:", ";overflow:hidden;padding:0;position:absolute;width:", ";@media ", "{display:contents;font-weight:", ";color:", ";text-transform:uppercase;text-align:left;}}tbody{tr{display:block;transition-duration:0.3s;&:hover{background-color:", ";td.menu{button{opacity:1;}}}@media ", "{display:table-row;}}td{border-top:", " solid ", ";height:inherit;min-height:", ";padding:", ";display:flex;justify-content:flex-end;align-items:center;> div{margin-left:", ";height:100%;display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap;text-align:right;> span{display:none;&:first-child,&:last-child{display:inherit;}}}img{min-width:", ";min-height:", ";}a{display:flex;align-items:center;color:", ";text-decoration-color:", ";}&:first-child{border:0;}&:before{position:absolute;left:", ";content:attr(data-label);font-weight:", ";text-transform:capitalize;", "}&.kai{svg{float:right;width:auto;min-width:", ";max-height:", ";}}.avatar-img{display:none;}.tag{margin:0;&:not(:first-child){display:none;}}&.menu{padding:0 ", " 0 0;button{margin-top:", ";transition:0.3s;}ul{top:", ";margin-left:", ";}}@media ", "{display:table-cell;height:", ";padding:0 ", ";> div{position:relative;margin-left:0;display:flex-start;justify-content:flex-start;text-align:left;> span{display:inherit;}}&:first-child{border-top:", " solid ", ";}&:before{content:'';}&.kai{max-width:", ";}.avatar-img{display:inherit;}.tag{&:not(:first-child){display:inherit;}&:not(:last-child){margin-right:", ";}}&.menu{width:", ";button{opacity:0;}}}}}"], grey$f, /*#__PURE__*/rem('6px'), device.s, props => props.border ? rem('1px') : '0', /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), device.s, /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('1px'), grey$f, /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('15px'), device.s, /*#__PURE__*/rem('1px'), /*#__PURE__*/rem('-1px'), /*#__PURE__*/rem('1px'), device.s, bold$3, grey$f, props => props.loadingState ? 'transparent' : lightGrey$d, device.s, /*#__PURE__*/rem('1px'), grey$f, /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('100px'), /*#__PURE__*/rem('30px'), /*#__PURE__*/rem('30px'), normal$7, grey$f, /*#__PURE__*/rem('15px'), bold$3, props => props.loadingState && css`
+})(["width:100%;border-width:0;border-style:solid;border-color:", ";border-radius:", ";border-spacing:0;white-space:nowrap;@media ", "{border-width:", ";}th,td{height:", ";padding:0 ", ";&.center{text-align:center;> div{justify-content:center;}}&.right{text-align:right;> div{justify-content:flex-end;}}&.thin{@media ", "{max-width:min-content;}}&.vkai,&.tkai{text-align:right;> div{justify-content:flex-end;}}&.avatar > div{display:flex;align-items:center;.avatar-img{margin-right:", ";}}}th{font-size:", ";&:first-child{border-top-left-radius:", ";}&:last-child{border-top-right-radius:", ";}}tr{border:", " solid ", ";border-radius:", ";position:relative;&:not(:last-child){margin-bottom:", ";}@media ", "{border:0;}}thead{border:none;clip:rect(0 0 0 0);height:", ";margin:", ";overflow:hidden;padding:0;position:absolute;width:", ";@media ", "{display:contents;font-weight:", ";color:", ";text-align:left;}}tbody{tr{display:block;transition-duration:", ";&:hover{background-color:", ";td.menu{button{opacity:1;}}}@media ", "{display:table-row;}}td{border-top:", " solid ", ";height:inherit;min-height:", ";padding:", ";display:flex;justify-content:flex-end;align-items:center;> div{margin-left:", ";height:100%;display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap;text-align:right;> span{display:none;&:first-child,&:last-child{display:inherit;}}}img{min-width:", ";min-height:", ";}a{display:flex;align-items:center;color:", ";text-decoration-color:", ";}&:first-child{border:0;}&:before{position:absolute;left:", ";content:attr(data-label);font-weight:", ";text-transform:capitalize;", "}&.tkai,&.vkai{svg{float:right;margin-left:", ";width:auto;min-width:", ";max-height:", ";}}.avatar-img{display:none;}.tag{margin:0;&:not(:first-child){display:none;}}.button{height:", ";}&.menu{padding:0 ", " 0 0;button{margin-top:", ";transition:", ";}ul{top:", ";margin-left:", ";}}@media ", "{display:table-cell;height:", ";padding:0 ", ";> div{position:relative;margin-left:0;display:flex-start;justify-content:flex-start;text-align:left;> span{display:inherit;}}&:first-child{border-top:", " solid ", ";}&:before{content:'';}&.tkai,&.vkai{max-width:", ";}.avatar-img{display:inherit;}.tag{&:not(:first-child){display:inherit;}&:not(:last-child){margin-right:", ";}}&.menu{width:", ";button{opacity:0;}}}}}"], colors.grey200, field.borderRadius, device.s, props => props.border ? field.borderWidth : 0, /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), device.s, /*#__PURE__*/rem('15px'), typography.fontSizeSm, field.borderRadius, field.borderRadius, field.borderWidth, colors.grey200, field.borderRadius, /*#__PURE__*/rem('15px'), device.s, /*#__PURE__*/rem('1px'), /*#__PURE__*/rem('-1px'), /*#__PURE__*/rem('1px'), device.s, typography.semiBold, colors.grey400, misc.transitionDuration, props => props.loadingState ? 'transparent' : colors.grey50, device.s, field.borderWidth, colors.grey200, /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('100px'), /*#__PURE__*/rem('30px'), /*#__PURE__*/rem('30px'), colors.black, colors.grey400, /*#__PURE__*/rem('15px'), typography.semiBold, props => props.loadingState && css`
             width: ${rem('75px')};
             height: ${rem('15px')};
             background: #f6f7f8;
@@ -2671,7 +2545,7 @@ const Table = /*#__PURE__*/_styled.table.withConfig({
             animation-timing-function: linear;
             animation-iteration-count: infinite;
             animation-duration: 1.5s;
-          `, /*#__PURE__*/rem('20px'), /*#__PURE__*/rem('20px'), /*#__PURE__*/rem('10px'), /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('36px'), /*#__PURE__*/rem('-170px'), device.s, /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('1px'), grey$f, /*#__PURE__*/rem('100px'), /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('40px'));
+          `, /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('22px'), /*#__PURE__*/rem('22px'), /*#__PURE__*/rem('34px'), /*#__PURE__*/rem('10px'), /*#__PURE__*/rem('5px'), misc.transitionDuration, /*#__PURE__*/rem('36px'), /*#__PURE__*/rem('-170px'), device.s, /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), field.borderWidth, colors.grey200, /*#__PURE__*/rem('100px'), /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('40px'));
 const SkeletonCell = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__SkeletonCell",
   componentId: "sc-vmoy3z-3"
@@ -2688,7 +2562,7 @@ const Table$1 = props => {
     actionMenuTestId = 'icon-button',
     loading = false,
     loadingColumns = 4,
-    loadingRows = 20,
+    loadingRows = 5,
     showEmpty = false,
     emptyValue = 'No Data',
     className = 'table',
@@ -2755,8 +2629,11 @@ const Table$1 = props => {
     className: className,
     "data-label": value,
     "data-testid": `td-${dataTestId}`
-  }, /*#__PURE__*/React.createElement("div", null, renderer ? renderer(row[dataKey], row) : row[dataKey], className === 'kai' ? /*#__PURE__*/React.createElement(Icon, {
-    icon: "kai",
+  }, /*#__PURE__*/React.createElement("div", null, renderer ? renderer(row[dataKey], row) : row[dataKey], className === 'tkai' ? /*#__PURE__*/React.createElement(Icon, {
+    icon: "tkai",
+    fill: "hsl(0, 0%, 16%)"
+  }) : className === 'vkai' ? /*#__PURE__*/React.createElement(Icon, {
+    icon: "vkai",
     fill: "hsl(0, 0%, 16%)"
   }) : null))), hasActionMenu && /*#__PURE__*/React.createElement("td", {
     className: "menu",
@@ -2765,7 +2642,7 @@ const Table$1 = props => {
     ref: ref
   }, /*#__PURE__*/React.createElement(Button, {
     variant: "text",
-    color: "grey",
+    color: "grey500",
     icon: "menuVert",
     action: evt => {
       evt.preventDefault();
@@ -2785,26 +2662,15 @@ const Table$1 = props => {
   })));
 };
-const {
-  normal: normal$8,
-  grey: grey$g,
-  lightGrey: lightGrey$e
-} = colors;
-const {
-  bold: bold$4
-} = typography;
 const Table$2 = /*#__PURE__*/_styled.table.withConfig({
   displayName: "styles__Table",
   componentId: "sc-1p618q0-0"
-})(["position:relative;width:100%;border-width:", ";border-style:solid;border-color:", ";border-radius:", ";border-spacing:0;white-space:nowrap;table-layout:", ";th,td{height:", ";padding:0 ", ";&.center{text-align:center;> div{justify-content:center;}}&.right{text-align:right;> div{justify-content:flex-end;}}&.thin{@media ", "{max-width:min-content;}}&.kai{text-align:right;> div{justify-content:flex-end;}}&.avatar > div{display:flex;align-items:center;.avatar-img{margin-right:", ";}}}th{font-size:0.85rem;&:first-child{border-top-left-radius:", ";}&:last-child{border-top-right-radius:", ";}}tr{border:", " solid ", ";border-radius:", ";position:relative;&:not(:last-child){margin-bottom:", ";}@media ", "{border:0;}}thead{border:none;clip:rect(0 0 0 0);height:", ";margin:", ";overflow:hidden;padding:0;position:absolute;width:", ";@media ", "{display:contents;font-weight:", ";color:", ";text-transform:uppercase;text-align:left;}}tbody{tr{display:block;transition-duration:0.3s;&:hover{background-color:", ";td{&.drag-handle{svg{fill:", ";}}&.menu{button{opacity:1;}}}}@media ", "{display:table-row;}}td{border-top:", " solid ", ";height:inherit;min-height:", ";padding:", ";display:flex;justify-content:flex-end;&.drag-handle{> div{width:min-content;}svg{width:", ";height:", ";fill:", ";transition-duration:0.3s;}}> div{margin-left:", ";height:100%;display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap;text-align:right;> span{display:none;&:first-child,&:last-child{display:inherit;}}}img{min-width:", ";min-height:", ";}a{display:flex;align-items:center;color:", ";text-decoration-color:", ";}&:first-child{border:0;}&:before{position:absolute;left:", ";content:attr(data-label);font-weight:", ";text-transform:capitalize;}&.kai{svg{float:right;width:auto;min-width:", ";max-height:", ";}}.avatar-img{display:none;}.tag{margin:0;&:not(:first-child){display:none;}}&.menu{padding:0 ", " 0 0;button{margin-top:", ";transition:0.3s;}ul{top:", ";margin-left:", ";}}@media ", "{display:table-cell;height:", ";padding:0 ", ";align-items:center;> div{position:relative;margin-left:0;display:flex-start;justify-content:flex-start;text-align:left;> span{display:inherit;}}&:first-child{border-top:", " solid ", ";}&:before{content:'';}&.kai{max-width:", ";}.avatar-img{display:inherit;}.tag{&:not(:first-child){display:inherit;}&:not(:last-child){margin-right:", ";}}&.menu{width:", ";button{opacity:0;}}}}}"], props => props.border ? '1px' : '0', grey$g, /*#__PURE__*/rem('6px'), props => props.layout, /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), device.s, /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('1px'), grey$g, /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('15px'), device.s, /*#__PURE__*/rem('1px'), /*#__PURE__*/rem('-1px'), /*#__PURE__*/rem('1px'), device.s, bold$4, grey$g, lightGrey$e, grey$g, device.s, /*#__PURE__*/rem('1px'), grey$g, /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('30px'), /*#__PURE__*/rem('30px'), grey$g, /*#__PURE__*/rem('100px'), /*#__PURE__*/rem('30px'), /*#__PURE__*/rem('30px'), normal$8, grey$g, /*#__PURE__*/rem('15px'), bold$4, /*#__PURE__*/rem('20px'), /*#__PURE__*/rem('20px'), /*#__PURE__*/rem('10px'), /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('36px'), /*#__PURE__*/rem('-170px'), device.s, /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('1px'), grey$g, /*#__PURE__*/rem('100px'), /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('40px'));
+})(["position:relative;width:100%;border-width:", ";border-style:solid;border-color:", ";border-radius:", ";border-spacing:0;white-space:nowrap;table-layout:", ";th,td{height:", ";padding:0 ", ";&.center{text-align:center;> div{justify-content:center;}}&.right{text-align:right;> div{justify-content:flex-end;}}&.thin{@media ", "{max-width:min-content;}}&.kai{text-align:right;> div{justify-content:flex-end;}}&.avatar > div{display:flex;align-items:center;.avatar-img{margin-right:", ";}}}th{font-size:0.85rem;&:first-child{border-top-left-radius:", ";}&:last-child{border-top-right-radius:", ";}}tr{border:", " solid ", ";border-radius:", ";position:relative;&:not(:last-child){margin-bottom:", ";}@media ", "{border:0;}}thead{border:none;clip:rect(0 0 0 0);height:", ";margin:", ";overflow:hidden;padding:0;position:absolute;width:", ";@media ", "{display:contents;font-weight:", ";color:", ";text-align:left;}}tbody{tr{display:block;transition-duration:", ";&:hover{background-color:", ";td{&.drag-handle{svg{fill:", ";}}&.menu{button{opacity:1;}}}}@media ", "{display:table-row;}}td{border-top:", " solid ", ";height:inherit;min-height:", ";padding:", ";display:flex;justify-content:flex-end;&.drag-handle{> div{width:min-content;}svg{width:", ";height:", ";fill:", ";transition-duration:", ";}}> div{margin-left:", ";height:100%;display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap;text-align:right;> span{display:none;&:first-child,&:last-child{display:inherit;}}}img{min-width:", ";min-height:", ";}a{display:flex;align-items:center;color:", ";text-decoration-color:", ";}&:first-child{border:0;}&:before{position:absolute;left:", ";content:attr(data-label);font-weight:", ";text-transform:capitalize;}&.kai{svg{float:right;width:auto;min-width:", ";max-height:", ";}}.avatar-img{display:none;}.tag{margin:0;&:not(:first-child){display:none;}}&.menu{padding:0 ", " 0 0;button{margin-top:", ";transition:", ";}ul{top:", ";margin-left:", ";}}@media ", "{display:table-cell;height:", ";padding:0 ", ";align-items:center;> div{position:relative;margin-left:0;display:flex-start;justify-content:flex-start;text-align:left;> span{display:inherit;}}&:first-child{border-top:", " solid ", ";}&:before{content:'';}&.kai{max-width:", ";}.avatar-img{display:inherit;}.tag{&:not(:first-child){display:inherit;}&:not(:last-child){margin-right:", ";}}&.menu{width:", ";button{opacity:0;}}}}}"], props => props.border ? field.borderWidth : 0, colors.grey200, field.borderRadius, props => props.layout, /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), device.s, /*#__PURE__*/rem('15px'), field.borderRadius, field.borderRadius, field.borderWidth, colors.grey200, field.borderRadius, /*#__PURE__*/rem('15px'), device.s, /*#__PURE__*/rem('1px'), /*#__PURE__*/rem('-1px'), /*#__PURE__*/rem('1px'), device.s, typography.semiBold, colors.grey400, misc.transitionDuration, colors.grey50, colors.grey200, device.s, field.borderWidth, colors.grey200, /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('30px'), /*#__PURE__*/rem('30px'), colors.grey200, misc.transitionDuration, /*#__PURE__*/rem('100px'), /*#__PURE__*/rem('30px'), /*#__PURE__*/rem('30px'), colors.black, colors.grey400, /*#__PURE__*/rem('15px'), typography.semiBold, /*#__PURE__*/rem('20px'), /*#__PURE__*/rem('20px'), /*#__PURE__*/rem('10px'), /*#__PURE__*/rem('5px'), misc.transitionDuration, /*#__PURE__*/rem('36px'), /*#__PURE__*/rem('-170px'), device.s, /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), field.borderWidth, colors.grey200, /*#__PURE__*/rem('100px'), /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('40px'));
 const TableRow = /*#__PURE__*/_styled.tr.withConfig({
   displayName: "styles__TableRow",
   componentId: "sc-1p618q0-1"
 })(["&[data-rbd-draggable-id='", "']{position:absolute;display:table;width:100%;}"], props => props.draggableId);
-const {
-  light: light$d
-} = colors;
 const TableDnD = props => {
   const {
     border = false,
@@ -2854,11 +2720,11 @@ const TableDnD = props => {
   };
   const getItemStyle = (isDragging, draggableStyle) => ({
     userSelect: 'none',
-    background: isDragging ? light$d : 'transparent',
+    background: isDragging ? colors.white : 'transparent',
     ...draggableStyle
   });
   const getListStyle = isDraggingOver => ({
-    background: isDraggingOver ? light$d : 'transparent'
+    background: isDraggingOver ? colors.white : 'transparent'
   });
   return (
     /*#__PURE__*/
@@ -2936,7 +2802,7 @@ const TableDnD = props => {
       ref: ref
     }, /*#__PURE__*/React.createElement(Button, {
       variant: "text",
-      color: "grey",
+      color: "grey500",
       icon: "menuVert",
       action: evt => {
         evt.preventDefault();
@@ -2954,20 +2820,15 @@ const TableDnD = props => {
   );
 };
-const {
-  normal: normal$9,
-  grey: grey$h,
-  red: red$9
-} = colors;
 const Wrapper$8 = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__Wrapper",
   componentId: "sc-mbja2a-0"
-})(["display:inline-block;> label{margin-bottom:", ";color:", ";span{color:", ";}}&:not(:last-child){margin-bottom:", ";}"], /*#__PURE__*/rem('5px'), props => props.error ? red$9 : grey$h, props => props.error ? red$9 : normal$9, /*#__PURE__*/rem('15px'));
+})(["display:inline-block;> label{margin-bottom:", ";color:", ";span{color:", ";}}&:not(:last-child){margin-bottom:", ";}"], /*#__PURE__*/rem('5px'), props => props.error ? field.errorBorderColor : colors.grey200, props => props.error ? field.errorBorderColor : field.color, /*#__PURE__*/rem('15px'));
 const FormGroup = props => {
   const {
     label,
-    kai = false,
+    currency,
     error = false,
     children
   } = props;
@@ -2975,27 +2836,22 @@ const FormGroup = props => {
     error: error
   }, /*#__PURE__*/React.createElement(Label, {
     value: label,
-    kai: kai
+    currency: currency
   }), children);
 };
-const {
-  grey: grey$i,
-  lightGrey: lightGrey$f,
-  lightRed: lightRed$2
-} = colors;
 const Wrapper$9 = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__Wrapper",
   componentId: "sc-124afcu-0"
-})(["border:", " solid ", ";border-radius:", ";max-width:max-content;height:", ";display:flex;overflow:hidden;button,input{&:disabled{cursor:inherit;background-color:", ";svg{opacity:0.25;}&:hover{pointer-events:none;}}}"], /*#__PURE__*/rem('1px'), grey$i, /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('50px'), lightGrey$f);
+})(["border:", " solid ", ";border-radius:", ";max-width:max-content;height:", ";display:flex;overflow:hidden;button,input{&:disabled{cursor:inherit;background-color:", ";svg{fill:", ";}&:hover{pointer-events:none;}}}"], field.borderWidth, field.borderColor, field.borderRadius, field.height, field.disabledBackgroundColor, field.disabledColor);
 const Input = /*#__PURE__*/_styled.input.withConfig({
   displayName: "styles__Input",
   componentId: "sc-124afcu-1"
-})(["border:0;width:", ";height:", ";padding:", ";font-family:inherit;font-size:1rem;text-align:center;-moz-appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&:focus{outline:none;}&:invalid{box-shadow:none;background-color:", ";}"], props => props.max != null && props.max.toString().length > 5 ? props.max.toString().length * 10 + 20 + 'px' : '70px', /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('10px'), lightRed$2);
+})(["border:0;width:", ";height:", ";padding:", ";font-family:inherit;font-size:", ";text-align:center;-moz-appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&:focus{outline:none;}&:invalid{box-shadow:none;background-color:", ";}"], props => props.max != null && props.max.toString().length > 5 ? props.max.toString().length * 10 + 20 + 'px' : '70px', field.height, /*#__PURE__*/rem('10px'), typography.defaultSize, field.errorBackgroundColor);
 const Button$1 = /*#__PURE__*/_styled.button.withConfig({
   displayName: "styles__Button",
   componentId: "sc-124afcu-2"
-})(["width:", ";height:", ";border:0;background-color:", ";cursor:pointer;transition-duration:0.3s;&.remove-button{border-right:", " solid ", ";}&.add-button{border-left:", " solid ", ";}svg{width:auto;height:", ";fill:", ";}&:hover{background-color:", ";}"], /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('50px'), lightGrey$f, /*#__PURE__*/rem('1px'), grey$i, /*#__PURE__*/rem('1px'), grey$i, /*#__PURE__*/rem('20px'), grey$i, lightGrey$f);
+})(["width:", ";height:", ";border:0;background-color:", ";cursor:pointer;transition-duration:", ";&.remove-button{border-right:", " solid ", ";}&.add-button{border-left:", " solid ", ";}svg{width:auto;height:", ";fill:", ";}&:hover{background-color:", ";}"], field.height, field.height, field.borderColor, misc.transitionDuration, field.borderWidth, field.borderColor, field.borderWidth, field.borderColor, /*#__PURE__*/rem('20px'), colors.purple300, field.hoverBorderColor);
 const NumberInputSpinner = props => {
   const {
@@ -3056,12 +2912,6 @@ const NumberInputSpinner = props => {
   })));
 };
-const {
-  green: green$7,
-  grey: grey$j,
-  lightGrey: lightGrey$g,
-  light: light$e
-} = colors;
 const Steps = /*#__PURE__*/_styled.ul.withConfig({
   displayName: "styles__Steps",
   componentId: "sc-1s2dhfy-0"
@@ -3069,7 +2919,7 @@ const Steps = /*#__PURE__*/_styled.ul.withConfig({
 const Step = /*#__PURE__*/_styled.li.withConfig({
   displayName: "styles__Step",
   componentId: "sc-1s2dhfy-1"
-})(["list-style:none;flex:1;position:relative;height:", ";display:flex;justify-content:center;align-items:center;padding-right:", ";text-align:center;&:before,&:after{content:'';position:absolute;top:0;border:0 solid ", ";border-width:", " ", ";width:0;height:0;}&:before{left:", ";border-left-color:transparent;}&:after{left:calc(100% - ", ");border-color:transparent;border-left-color:", ";}&:first-child:before{border:none;}&:last-child:after{border:none;}&:first-child{overflow:hidden;> div{border-radius:", " 0 0 ", ";}}&:last-child{padding-right:0;> div{border-radius:0 ", " ", " 0;}}> div{background-color:", ";width:100%;height:100%;display:flex;justify-content:center;align-items:center;span{width:min-content;font-size:0.75rem;color:", ";@media ", "{width:100%;font-size:1rem;font-weight:700;}}}"], /*#__PURE__*/rem('44px'), /*#__PURE__*/rem('18px'), props => props.active ? green$7 : lightGrey$g, /*#__PURE__*/rem('22px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('-15px'), /*#__PURE__*/rem('18px'), props => props.active ? green$7 : lightGrey$g, /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('6px'), props => props.active ? green$7 : lightGrey$g, props => props.active ? light$e : grey$j, device.s);
+})(["list-style:none;flex:1;position:relative;height:", ";display:flex;justify-content:center;align-items:center;padding-right:", ";text-align:center;&:before,&:after{content:'';position:absolute;top:0;border:0 solid ", ";border-width:", " ", ";width:0;height:0;}&:before{left:", ";border-left-color:transparent;}&:after{left:calc(100% - ", ");border-color:transparent;border-left-color:", ";}&:first-child:before{border:none;}&:last-child:after{border:none;}&:first-child{overflow:hidden;> div{border-radius:", " 0 0 ", ";}}&:last-child{padding-right:0;> div{border-radius:0 ", " ", " 0;}}> div{background-color:", ";width:100%;height:100%;display:flex;justify-content:center;align-items:center;span{width:min-content;font-size:", ";color:", ";@media ", "{width:100%;font-size:", ";font-weight:", ";}}}"], /*#__PURE__*/rem('44px'), /*#__PURE__*/rem('18px'), props => props.active ? field.successBackgroundColor : field.borderColor, /*#__PURE__*/rem('22px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('-15px'), /*#__PURE__*/rem('18px'), props => props.active ? field.successBackgroundColor : field.borderColor, field.borderRadius, field.borderRadius, field.borderRadius, field.borderRadius, props => props.active ? field.successBackgroundColor : field.borderColor, typography.fontSizeSm, props => props.active ? colors.white : colors.purple300, device.s, typography.defaultSize, typography.semiBold);
 const WizardSteps = props => {
   const {
@@ -3089,125 +2939,6 @@ const WizardSteps = props => {
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, step.value))))));
 };
-const {
-  light: light$f,
-  green: green$8,
-  darkGreen: darkGreen$4,
-  red: red$a,
-  darkRed: darkRed$2,
-  orange,
-  darkOrange
-} = colors;
-const Wrapper$a = _styled.div`
-  --shadow: 0 0 ${/*#__PURE__*/rem('25px')} 0 rgba(40, 40, 40, 0.2);
-  position: fixed;
-  top: ${/*#__PURE__*/rem('15px')};
-  right: 0;
-  border: ${/*#__PURE__*/rem('2px')} solid ${darkGreen$4};
-  border-radius: ${/*#__PURE__*/rem('6px')};
-  background-color: ${green$8};
-  width: ${/*#__PURE__*/rem('300px')};
-  max-height: min-content;
-  display: flex;
-  padding: ${/*#__PURE__*/rem('15px')};
-  color: ${light$f};
-  -moz-box-shadow: var(--shadow);
-  -webkit-box-shadow: var(--shadow);
-  box-shadow: var(--shadow);
-  z-index: 999;
-  opacity: 0;
-  button {
-    background-color: transparent;
-    svg {
-      fill: ${darkGreen$4};
-    }
-  }
-  &.open {
-    animation-name: slide-in;
-    animation-duration: 0.5s;
-    animation-fill-mode: forwards;
-  }
-  @keyframes slide-in {
-    0% {
-      right: 0;
-      opacity: 0;
-    }
-    100% {
-      right: ${/*#__PURE__*/rem('15px')};
-      opacity: 1;
-    }
-  }
-  ${props => props.variant === 'orange' && css`
-      border: ${rem('2px')} solid ${darkOrange};
-      background-color: ${orange};
-      button {
-        svg {
-          fill: ${darkOrange};
-        }
-      }
-    `}
-  ${props => props.variant === 'red' && css`
-      border: ${rem('2px')} solid ${darkRed$2};
-      background-color: ${red$a};
-      button {
-        svg {
-          fill: ${darkRed$2};
-        }
-      }
-    `}
-  span {
-    flex: 1;
-    margin-right: ${/*#__PURE__*/rem('5px')};
-    font-size: 0.85rem;
-  }
-  button {
-    position: absolute;
-    top: ${/*#__PURE__*/rem('4px')};
-    right: ${/*#__PURE__*/rem('4px')};
-    margin: 0 !important;
-    width: ${/*#__PURE__*/rem('20px')};
-    height: ${/*#__PURE__*/rem('20px')};
-  }
-`;
-const AlertNotification = props => {
-  const {
-    className = 'alert-notification',
-    variant = 'success',
-    closeAction = () => {},
-    value,
-    children
-  } = props;
-  return /*#__PURE__*/React.createElement(Wrapper$a, {
-    className: className,
-    variant: variant
-  }, /*#__PURE__*/React.createElement("div", null, value ? /*#__PURE__*/React.createElement("span", null, value) : children), /*#__PURE__*/React.createElement(Button, {
-    variant: "text",
-    icon: "cross",
-    action: closeAction
-  }));
-};
-const {
-  normal: normal$a,
-  light: light$g,
-  blue,
-  lightGrey: lightGrey$h
-} = colors;
-const {
-  bold: bold$5
-} = typography;
 const PaginationWrapper = _styled.div`
   --size: ${/*#__PURE__*/rem('30px')};
@@ -3226,10 +2957,10 @@ const PaginationWrapper = _styled.div`
       &.previous,
       &.next {
-        transition-duration: 0.3s;
+        transition-duration: ${misc.transitionDuration};
         a svg {
-          transition-duration: 0.3s;
+          transition-duration: ${misc.transitionDuration};
         }
       }
@@ -3237,29 +2968,29 @@ const PaginationWrapper = _styled.div`
       .break {
         min-width: var(--size);
         height: var(--size);
-        transition-duration: 0.3s;
+        transition-duration: ${misc.transitionDuration};
       }
       a {
-        border-radius: ${/*#__PURE__*/rem('8px')};
+        border-radius: ${field.borderRadius};
         min-width: var(--size);
         height: var(--size);
         padding: 0 ${/*#__PURE__*/rem('5px')};
         display: flex;
         justify-content: center;
         align-items: center;
-        color: ${normal$a};
-        font-weight: ${bold$5};
+        color: ${colors.black};
+        font-weight: ${typography.semiBold};
         text-decoration: none;
         &:hover {
-          color: ${blue};
+          color: ${colors.blue500};
         }
         svg {
           width: ${/*#__PURE__*/rem('18px')};
           height: auto;
-          fill: ${blue};
+          fill: ${colors.blue500};
         }
       }
@@ -3267,18 +2998,18 @@ const PaginationWrapper = _styled.div`
         pointer-events: none;
         a {
-          background-color: ${blue};
-          color: ${light$g};
+          background-color: ${colors.blue500};
+          color: ${colors.white};
         }
       }
     }
     &.dark {
       a {
-        color: ${lightGrey$h};
+        color: ${colors.white};
         &:hover {
-          color: ${light$g};
+          color: ${colors.white};
         }
       }
     }
@@ -3334,14 +3065,7 @@ const PaginationControl = props => {
   }));
 };
-const {
-  normal: normal$b,
-  green: green$9
-} = colors;
-const {
-  bold: bold$6
-} = typography;
-const Wrapper$b = _styled.div`
+const Wrapper$a = _styled.div`
   min-height: ${props => props.variant === 'default' ? '50vh' : 'inherit'};
   display: flex;
   flex-direction: column;
@@ -3357,16 +3081,16 @@ const Wrapper$b = _styled.div`
   > span {
     margin-top: ${/*#__PURE__*/rem('15px')};
-    font-weight: ${bold$6};
-    color: ${normal$b};
+    font-weight: ${typography.semiBold};
+    color: ${colors.black};
     a {
-      color: ${normal$b};
-      transition-duration: 0.3s;
+      color: ${colors.black};
+      transition-duration: ${misc.transitionDuration};
+    }
-      &:hover {
-        color: ${green$9};
-      }
+    &:hover {
+      color: ${colors.purple500};
     }
   }
 `;
@@ -3376,7 +3100,7 @@ const Error = props => {
     variant = 'default',
     value
   } = props;
-  return /*#__PURE__*/React.createElement(Wrapper$b, {
+  return /*#__PURE__*/React.createElement(Wrapper$a, {
     variant: variant
   }, variant === 'default' ? /*#__PURE__*/React.createElement(Icon, {
     icon: "warning",
@@ -3384,14 +3108,7 @@ const Error = props => {
   }) : /*#__PURE__*/React.createElement("span", null, "\u00AF\\\\_(\u30C4)_/\u00AF"), value && /*#__PURE__*/React.createElement("span", null, value));
 };
-const {
-  normal: normal$c,
-  green: green$a
-} = colors;
-const {
-  bold: bold$7
-} = typography;
-const Wrapper$c = _styled.div`
+const Wrapper$b = _styled.div`
   min-height: 50vh;
   display: flex;
   flex-direction: column;
@@ -3407,15 +3124,15 @@ const Wrapper$c = _styled.div`
   > div {
     margin-top: ${/*#__PURE__*/rem('15px')};
-    font-weight: ${bold$7};
-    color: ${normal$c};
+    font-weight: ${typography.semiBold};
+    color: ${colors.black};
     a {
-      color: ${normal$c};
-      transition-duration: 0.3s;
+      color: ${colors.black};
+      transition-duration: ${misc.transitionDuration};
       &:hover {
-        color: ${green$a};
+        color: ${colors.purple500};
       }
     }
   }
@@ -5373,20 +5090,12 @@ const DataWarning = props => {
     default:
       icon = /*#__PURE__*/React.createElement(IconLoginOnly, null);
   }
-  return /*#__PURE__*/React.createElement(Wrapper$c, {
+  return /*#__PURE__*/React.createElement(Wrapper$b, {
     type: type
   }, icon, /*#__PURE__*/React.createElement("div", null, children));
 };
-const {
-  normal: normal$d,
-  green: green$b,
-  darkGreen: darkGreen$5,
-  grey: grey$k,
-  lightGrey: lightGrey$i,
-  red: red$b
-} = colors;
-const Wrapper$d = _styled.ul`
+const Wrapper$c = _styled.ul`
   display: flex;
   flex-direction: ${props => props.type === 'column' ? 'column' : 'row'};
   position: relative;
@@ -5407,11 +5116,11 @@ const Wrapper$d = _styled.ul`
   }
   input[type='radio']:checked ~ .check {
-    border-color: ${darkGreen$5};
+    border-color: ${field.successBorderColor};
   }
   input[type='radio']:checked ~ .check::before {
-    background-color: ${green$b};
+    background-color: ${field.successBackgroundColor};
   }
   & + span {
@@ -5434,7 +5143,7 @@ const Item = _styled.li`
     padding-left: calc(var(--size) + 5px);
     line-height: var(--size);
     vertical-align: middle;
-    color: ${props => props.error ? red$b : null};
+    color: ${props => props.error ? field.errorBorderColor : null};
     cursor: pointer;
     z-index: 1;
   }
@@ -5442,11 +5151,12 @@ const Item = _styled.li`
   .check {
     position: absolute;
     top: 0;
-    border: ${/*#__PURE__*/rem('2px')} solid ${props => props.error ? red$b : grey$k};
+    border: ${/*#__PURE__*/rem('2px')} solid
+      ${props => props.error ? field.errorBorderColor : field.borderColor};
     border-radius: 100%;
     width: var(--size);
     height: var(--size);
-    transition-duration: 0.3s;
+    transition-duration: ${misc.transitionDuration};
     display: flex;
     justify-content: center;
     align-items: center;
@@ -5461,21 +5171,21 @@ const Item = _styled.li`
   }
   &:hover .check {
-    border-color: ${normal$d};
+    border-color: ${field.hoverBorderColor};
   }
   ${props => props.disabled && css`
       label {
-        color: ${grey$k};
+        color: ${field.disabledColor};
       }
       input[type='radio'] ~ .check,
       input[type='radio']:checked ~ .check {
-        border-color: ${lightGrey$i};
+        border-color: ${field.disabledColor};
       }
       input[type='radio']:checked ~ .check::before {
-        background-color: ${lightGrey$i};
+        background-color: ${field.disabledBackgroundColor};
       }
       &:hover {
@@ -5500,7 +5210,7 @@ const RadioGroup = props => {
   return /*#__PURE__*/React.createElement("div", {
     style: style,
     className: className
-  }, /*#__PURE__*/React.createElement(Wrapper$d, {
+  }, /*#__PURE__*/React.createElement(Wrapper$c, {
     type: type,
     group: group,
     error: error,
@@ -5525,7 +5235,7 @@ const RadioGroup = props => {
   }) : null);
 };
-const Wrapper$e = _styled.ul`
+const Wrapper$d = _styled.ul`
   display: flex;
   flex-direction: ${props => props.type === 'column' ? 'column' : 'row'};
   position: relative;
@@ -5558,7 +5268,7 @@ const CheckboxGroup = props => {
     error,
     disabled
   } = props;
-  return /*#__PURE__*/React.createElement(Wrapper$e, {
+  return /*#__PURE__*/React.createElement(Wrapper$d, {
     type: type,
     error: error
   }, children ? children : options && Array.isArray(options) ? options.map((value, index) => /*#__PURE__*/React.createElement("li", {
@@ -5575,32 +5285,23 @@ const CheckboxGroup = props => {
   }) : null);
 };
-const Wrapper$f = _styled.div`
+const Wrapper$e = _styled.div`
   label {
     margin-bottom: ${/*#__PURE__*/rem('5px')};
   }
 `;
-const {
-  grey: grey$l,
-  darkGrey: darkGrey$2,
-  light: light$h,
-  purple500: purple500$4
-} = colors;
 const Field = _styled.div`
   display: flex;
   flex-wrap: wrap;
   input {
     flex: 1;
-    margin-right: 0;
-    border-radius: ${/*#__PURE__*/rem('6px')} 0 0 ${/*#__PURE__*/rem('6px')};
+    margin-right: ${/*#__PURE__*/rem('-1px')};
+    border-radius: ${field.borderRadius} 0 0 ${field.borderRadius};
-    &:focus {
-      outline: none;
-      + button {
-        background-color: ${purple500$4};
-      }
+    &:disabled {
+      background-color: ${field.backgroundColor};
+      color: ${field.color};
     }
   }
@@ -5611,38 +5312,27 @@ const Field = _styled.div`
   button {
     border: 0;
-    border-radius: 0 ${/*#__PURE__*/rem('6px')} ${/*#__PURE__*/rem('6px')} 0;
-    background-color: ${grey$l};
+    border-radius: 0 ${field.borderRadius} ${field.borderRadius} 0;
     min-width: ${/*#__PURE__*/rem('50px')};
-    height: ${/*#__PURE__*/rem('50px')};
+    height: ${field.height};
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0 ${/*#__PURE__*/rem('20px')};
     white-space: nowrap;
-    transition-duration: 0.3s;
+    transition-duration: ${misc.transitionDuration};
     cursor: pointer;
-    svg {
-      width: auto;
-      min-width: ${/*#__PURE__*/rem('20px')};
-      height: ${/*#__PURE__*/rem('20px')};
-      fill: ${light$h};
-      transition: 0.3s;
+    span {
+      color: ${field.activeColor};
     }
-    &:hover {
-      background-color: ${darkGrey$2};
+    svg {
+      fill: ${field.activeColor};
     }
     &:disabled {
-      cursor: inherit;
-      opacity: 0.5;
-      &:hover {
-        background-color: ${grey$l};
-        pointer-events: none;
-      }
+      border: ${field.borderWidth} solid ${field.borderColor} !important;
     }
   }
 `;
@@ -5654,30 +5344,23 @@ const FieldWidthButton = props => {
     name,
     placeholder,
     value,
-    onChange,
-    disabled = false,
-    error = '',
     dataTestId,
-    required = false,
     buttonIcon,
     buttonValue,
     buttonAction,
     buttonDisabled
   } = props;
-  return /*#__PURE__*/React.createElement(Wrapper$f, null, label && /*#__PURE__*/React.createElement(Label, {
+  return /*#__PURE__*/React.createElement(Wrapper$e, null, label && /*#__PURE__*/React.createElement(Label, {
     value: label
   }), /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(TextField, {
-    minimal: false,
     type: type,
     name: name,
     value: value,
-    onChange: onChange,
     placeholder: placeholder,
-    disabled: disabled,
-    error: error,
     dataTestId: dataTestId,
-    required: required
+    disabled: true
   }), /*#__PURE__*/React.createElement(Button, {
+    color: "purple100",
     icon: buttonIcon,
     value: buttonValue,
     action: buttonAction,
@@ -5685,24 +5368,14 @@ const FieldWidthButton = props => {
   })));
 };
-const {
-  normal: normal$e,
-  purple500: purple500$5,
-  grey: grey$m,
-  lightGrey: lightGrey$j,
-  light: light$i
-} = colors;
-const {
-  bold: bold$8
-} = typography;
-const Wrapper$g = /*#__PURE__*/_styled.div.withConfig({
+const Wrapper$f = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__Wrapper",
   componentId: "sc-znznmm-0"
-})(["display:flex;align-items:center;ul.menu{width:0;animation:showAnimation 1s forwards;animation-delay:0.5s;overflow:hidden;}@keyframes showAnimation{0%{width:0%;}100%{width:100%;}}ul{margin:0;max-width:max-content;padding:0;&.menu{display:flex;li:not(:last-child){margin-right:", ";}}li{position:relative;list-style:none;a{display:flex;align-items:center;padding:", ";color:", ";text-transform:capitalize;text-decoration:none;white-space:nowrap;transition-duration:0.3s;svg{margin-right:", ";width:auto;height:", ";min-width:", ";fill:", ";transition-duration:0.3s;}&:hover{color:", ";svg{fill:", ";}}}&.active{font-weight:", ";a{pointer-events:none;svg{fill:", ";}}}}}"], /*#__PURE__*/rem('10px'), /*#__PURE__*/rem('10px'), normal$e, /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('24px'), /*#__PURE__*/rem('24px'), grey$m, props => props.customColor ? props.customColor : purple500$5, props => props.customColor ? props.customColor : purple500$5, bold$8, props => props.customColor ? props.customColor : purple500$5);
+})(["display:flex;align-items:center;ul.menu{width:0;animation:showAnimation 1s forwards;animation-delay:0.5s;overflow:hidden;}@keyframes showAnimation{0%{width:0%;}100%{width:100%;}}ul{margin:0;max-width:max-content;padding:0;&.menu{display:flex;li:not(:last-child){margin-right:", ";}}li{position:relative;list-style:none;a{display:flex;align-items:center;padding:", ";color:", ";text-transform:capitalize;text-decoration:none;white-space:nowrap;transition-duration:", ";svg{margin-right:", ";width:auto;height:", ";min-width:", ";fill:", ";transition-duration:", ";}&:hover{color:", ";svg{fill:", ";}}}&.active{font-weight:", ";a{color:", ";pointer-events:none;svg{fill:", ";}}}}}"], /*#__PURE__*/rem('10px'), /*#__PURE__*/rem('10px'), colors.black, misc.transitionDuration, /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('24px'), /*#__PURE__*/rem('24px'), colors.grey200, misc.transitionDuration, props => props.customColor ? props.customColor : colors.purple500, props => props.customColor ? props.customColor : colors.purple500, typography.medium, props => props.customColor ? props.customColor : colors.purple500, props => props.customColor ? props.customColor : colors.purple500);
 const More = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__More",
   componentId: "sc-znznmm-1"
-})(["position:relative;display:none;&.hide{display:initial;}ul{position:absolute;right:0;border:", " solid ", ";border-radius:", ";background-color:", ";margin-top:", ";padding:0;-moz-box-shadow:0 0 ", " 0 rgba(40,40,40,0.2);-webkit-box-shadow:0 0 ", " 0 rgba(40,40,40,0.2);box-shadow:0 0 ", " 0 rgba(40,40,40,0.2);z-index:1;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;&.more{display:none;}&.is-open{display:inherit;}li{list-style:none;transition-duration:0.3s;&:hover{background-color:", ";cursor:pointer;a{color:", ";svg{fill:", ";}}}&:first-child{border-radius:", " ", " 0 0;}&:last-child{border-radius:0 0 ", " ", ";}a{width:100%;height:100%;padding:", ";}}}"], /*#__PURE__*/rem('1px'), lightGrey$j, /*#__PURE__*/rem('4px'), light$i, /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('15px'), lightGrey$j, normal$e, normal$e, /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('15px'));
+})(["position:relative;display:none;&.hide{display:initial;}ul{position:absolute;right:0;border:", " solid ", ";border-radius:", ";background-color:", ";margin-top:", ";padding:0;-moz-box-shadow:", ";-webkit-box-shadow:", ";box-shadow:", ";z-index:1;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;&.more{display:none;}&.is-open{display:inherit;}li{list-style:none;transition-duration:", ";&:hover{background-color:", ";cursor:pointer;a{color:", ";svg{fill:", ";}}}&:first-child{border-radius:", " ", " 0 0;}&:last-child{border-radius:0 0 ", " ", ";}a{width:100%;height:100%;padding:", ";}}}"], field.borderWidth, field.borderColor, field.borderRadius, field.backgroundColor, /*#__PURE__*/rem('5px'), field.boxShadow, field.boxShadow, field.boxShadow, misc.transitionDuration, field.borderColor, colors.black, colors.black, field.borderRadius, field.borderRadius, field.borderRadius, field.borderRadius, /*#__PURE__*/rem('15px'));
 const HorizontalNav = props => {
   const [showMore, setShowMore] = useState(false);
@@ -5748,7 +5421,7 @@ const HorizontalNav = props => {
     }
     return;
   }, [ref]);
-  return /*#__PURE__*/React.createElement(Wrapper$g, {
+  return /*#__PURE__*/React.createElement(Wrapper$f, {
     ref: ref,
     className: className,
     customColor: customColor
@@ -5770,16 +5443,10 @@ const HorizontalNav = props => {
   })));
 };
-const {
-  light: light$j
-} = colors;
-const {
-  bold: bold$9
-} = typography;
 const ModalOverlay = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__ModalOverlay",
   componentId: "sc-16r6vcc-0"
-})(["position:fixed;top:0;left:0;background-color:", ";width:100vw;height:100vh;z-index:", ";"], /*#__PURE__*/rgba(0, 0, 0, 0.8), props => props.zIndex ? props.zIndex : 10);
+})(["position:fixed;top:0;left:0;background-color:", ";width:100vw;height:100vh;z-index:", ";"], /*#__PURE__*/rgba(colors.black, 0.8), props => props.zIndex ? props.zIndex : 10);
 const ModalWrapper = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__ModalWrapper",
   componentId: "sc-16r6vcc-1"
@@ -5787,11 +5454,11 @@ const ModalWrapper = /*#__PURE__*/_styled.div.withConfig({
 const ModalContainer = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__ModalContainer",
   componentId: "sc-16r6vcc-2"
-})(["position:relative;background:", ";width:100%;min-height:0;padding:", ";word-wrap:break-word;transition-duration:0.3s;@media ", "{--spacing:", ";margin:var(--spacing);border-radius:", ";max-width:", ";padding:var(--spacing);&:after{content:'';position:absolute;bottom:calc(var(--spacing) * -1);width:", ";height:var(--spacing);}}"], light$j, /*#__PURE__*/rem('15px'), device.s, /*#__PURE__*/rem('30px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('860px'), /*#__PURE__*/rem('1px'));
+})(["position:relative;background:", ";width:100%;min-height:0;padding:", ";word-wrap:break-word;transition-duration:", ";@media ", "{--spacing:", ";margin:var(--spacing);border-radius:", ";max-width:", ";padding:var(--spacing);&:after{content:'';position:absolute;bottom:calc(var(--spacing) * -1);width:", ";height:var(--spacing);}}"], colors.white, /*#__PURE__*/rem('15px'), misc.transitionDuration, device.s, /*#__PURE__*/rem('30px'), field.borderRadius, /*#__PURE__*/rem('860px'), /*#__PURE__*/rem('1px'));
 const ModalHeader = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__ModalHeader",
   componentId: "sc-16r6vcc-3"
-})(["display:flex;h2{margin:0 0 ", " 0;font-size:2rem;font-weight:", ";}button{display:none;position:absolute;top:0;right:0;margin:", " ", " 0 0;border:", " solid ", ";min-width:", ";height:", ";z-index:1;@media ", "{display:inherit;}}"], /*#__PURE__*/rem('30px'), bold$9, /*#__PURE__*/rem('-14px'), /*#__PURE__*/rem('-14px'), /*#__PURE__*/rem('2px'), colors.grey200, /*#__PURE__*/rem('28px'), /*#__PURE__*/rem('28px'), device.s);
+})(["display:flex;h2{margin:0 0 ", " 0;font-size:", ";font-weight:", ";}button{display:none;position:absolute;top:0;right:0;margin:", " ", " 0 0;border:", " solid ", ";min-width:", ";height:", ";z-index:1;outline:none;@media ", "{display:inherit;}}"], /*#__PURE__*/rem('30px'), /*#__PURE__*/rem('32px'), typography.semiBold, /*#__PURE__*/rem('-14px'), /*#__PURE__*/rem('-14px'), /*#__PURE__*/rem('2px'), colors.grey200, /*#__PURE__*/rem('28px'), /*#__PURE__*/rem('28px'), device.s);
 const Modal = props => {
   const {
@@ -5842,12 +5509,6 @@ const Modal = props => {
   })))), document.body) : /*#__PURE__*/React.createElement(React.Fragment, null);
 };
-const {
-  light: light$k
-} = colors;
-const {
-  bold: bold$a
-} = typography;
 const slideInLeft = keyframes`
   from {
     transform: translateX(100%);
@@ -5860,7 +5521,7 @@ const slideInLeft = keyframes`
 const ModalOverlay$1 = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__ModalOverlay",
   componentId: "sc-46huls-0"
-})(["position:fixed;top:0;left:0;background-color:", ";width:100vw;height:100vh;z-index:", ";"], /*#__PURE__*/rgba(0, 0, 0, 0.8), props => props.zIndex ? props.zIndex : 10);
+})(["position:fixed;top:0;left:0;background-color:", ";width:100vw;height:100vh;z-index:", ";"], /*#__PURE__*/rgba(colors.black, 0.8), props => props.zIndex ? props.zIndex : 10);
 const ModalWrapper$1 = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__ModalWrapper",
   componentId: "sc-46huls-1"
@@ -5868,11 +5529,11 @@ const ModalWrapper$1 = /*#__PURE__*/_styled.div.withConfig({
 const ModalContainer$1 = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__ModalContainer",
   componentId: "sc-46huls-2"
-})(["position:fixed;right:0;background:", ";width:100%;height:100vh;height:calc(var(--vh,1vh) * 100);display:flex;flex-direction:column;padding:", ";word-wrap:break-word;animation-timing-function:", ";animation-duration:1s;animation-fill-mode:forwards;transform:translateX(100%);animation-name:", ";overflow-y:auto;@media ", "{max-width:", ";padding:", ";}"], light$k, /*#__PURE__*/rem('15px'), /*#__PURE__*/timingFunctions('easeOutQuint'), slideInLeft, device.s, /*#__PURE__*/rem('400px'), /*#__PURE__*/rem('30px'));
+})(["position:fixed;right:0;background:", ";width:100%;height:100vh;height:calc(var(--vh,1vh) * 100);display:flex;flex-direction:column;padding:", ";word-wrap:break-word;animation-timing-function:", ";animation-duration:1s;animation-fill-mode:forwards;transform:translateX(100%);animation-name:", ";overflow-y:auto;@media ", "{max-width:", ";padding:", ";}"], colors.white, /*#__PURE__*/rem('15px'), /*#__PURE__*/timingFunctions('easeOutQuint'), slideInLeft, device.s, /*#__PURE__*/rem('400px'), /*#__PURE__*/rem('30px'));
 const ModalHeader$1 = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__ModalHeader",
   componentId: "sc-46huls-3"
-})(["top:0;h2{margin:0 0 ", " 0;font-size:2rem;font-weight:", ";}"], /*#__PURE__*/rem('30px'), bold$a);
+})(["top:0;h2{margin:0 0 ", " 0;font-size:", ";font-weight:", ";}"], /*#__PURE__*/rem('30px'), /*#__PURE__*/rem('32px'), typography.semiBold);
 const ModalContent = /*#__PURE__*/_styled.div.withConfig({
   displayName: "styles__ModalContent",
   componentId: "sc-46huls-4"
@@ -5929,10 +5590,7 @@ const ModalDrawer = props => {
   }))))), document.body) : /*#__PURE__*/React.createElement(React.Fragment, null);
 };
-const {
-  lightGrey: lightGrey$k
-} = colors;
-const Wrapper$h = _styled.div`
+const Wrapper$g = _styled.div`
   div {
     width: 100%;
     height: 100%;
@@ -5993,7 +5651,7 @@ const Wrapper$h = _styled.div`
   .card {
     position: relative;
-    border: ${/*#__PURE__*/rem('2px')} solid ${lightGrey$k};
+    border: ${/*#__PURE__*/rem('2px')} solid ${colors.grey50};
     border-radius: ${/*#__PURE__*/rem('6px')};
     width: ${/*#__PURE__*/rem('300px')};
     overflow: hidden;
@@ -6008,7 +5666,7 @@ const Wrapper$h = _styled.div`
       margin: ${/*#__PURE__*/rem('-45px')} 0 0 ${/*#__PURE__*/rem('20px')};
       width: ${/*#__PURE__*/rem('90px')};
       height: ${/*#__PURE__*/rem('90px')};
-      border: ${/*#__PURE__*/rem('1px')} solid ${lightGrey$k};
+      border: ${/*#__PURE__*/rem('1px')} solid ${colors.grey50};
       border-radius: 999px;
     }
@@ -6095,48 +5753,43 @@ const LoadingState = props => {
         className: "subtitle"
       }), paragraphs));
   }
-  return /*#__PURE__*/React.createElement(Wrapper$h, {
+  return /*#__PURE__*/React.createElement(Wrapper$g, {
     type: type
   }, loadingType);
 };
-const {
-  normal: normal$f,
-  grey: grey$n,
-  lightGrey: lightGrey$l,
-  light: light$l
-} = colors;
-const Wrapper$i = _styled.div`
+const Wrapper$h = _styled.div`
   .tab {
-    border-color: ${lightGrey$l};
+    border-color: ${field.borderColor};
     &[aria-selected='true'] {
       border-bottom: 0;
     }
     &[aria-selected='false'] {
-      background-color: ${lightGrey$l};
-      color: ${grey$n};
-      transition-duration: 0.3s;
+      background-color: ${field.borderColor};
+      color: ${colors.black};
+      transition-duration: ${misc.transitionDuration};
       &:hover {
-        color: ${normal$f};
+        color: ${colors.black};
       }
     }
     &:first-child {
-      border-top-left-radius: ${/*#__PURE__*/rem('6px')};
+      border-top-left-radius: ${field.borderRadius};
     }
     &:last-child {
-      border-top-right-radius: ${/*#__PURE__*/rem('6px')};
+      border-top-right-radius: ${field.borderRadius};
     }
   }
   .panel {
-    border-radius: 0 ${/*#__PURE__*/rem('6px')} ${/*#__PURE__*/rem('6px')} ${/*#__PURE__*/rem('6px')};
-    border-color: ${lightGrey$l};
-    background-color: ${light$l};
+    // prettier-ignore
+    border-radius: 0 ${field.borderRadius} ${field.borderRadius} ${field.borderRadius};
+    border-color: ${field.borderColor};
+    background-color: ${colors.white};
     padding: ${/*#__PURE__*/rem('30px')};
   }
@@ -6156,8 +5809,8 @@ const Wrapper$i = _styled.div`
   .RRT__tab {
     background: #eee;
     border-style: solid;
-    border-color: ${/*#__PURE__*/lighten(0.25, grey$n)};
-    border-width: ${/*#__PURE__*/rem('1px')} ${/*#__PURE__*/rem('1px')} ${/*#__PURE__*/rem('1px')} 0;
+    border-color: ${field.borderColor};
+    border-width: ${field.borderWidth} ${field.borderWidth} ${field.borderWidth} 0;
     cursor: pointer;
     z-index: 1;
     white-space: nowrap;
@@ -6166,24 +5819,24 @@ const Wrapper$i = _styled.div`
   .RRT__tab:focus {
     outline: 0;
-    background-color: ${/*#__PURE__*/lighten(0.25, grey$n)};
+    background-color: ${field.borderColor};
   }
   .RRT__accordion .RRT__tab {
-    border-left-width: ${/*#__PURE__*/rem('1px')};
+    border-left-width: ${field.borderWidth};
   }
   .RRT__tab--first {
-    border-left-width: ${/*#__PURE__*/rem('1px')};
+    border-left-width: ${field.borderWidth};
   }
   .RRT__tab--selected {
-    background: ${light$l};
-    border-color: ${/*#__PURE__*/lighten(0.25, grey$n)} ${/*#__PURE__*/lighten(0.25, grey$n)} ${light$l};
+    background: ${colors.white};
+    border-color: ${field.borderColor} ${field.borderColor} ${colors.white};
   }
   .RRT__tab--selected:focus {
-    background-color: ${light$l};
+    background-color: ${colors.white};
   }
   .RRT__tab--disabled {
@@ -6213,7 +5866,7 @@ const Wrapper$i = _styled.div`
   .RRT__panel {
     margin-top: ${/*#__PURE__*/rem('-1px')};
     padding: 1em;
-    border: ${/*#__PURE__*/rem('1px')} solid ${/*#__PURE__*/lighten(0.25, grey$n)};
+    border: ${/*#__PURE__*/rem('1px')} solid ${field.borderColor};
   }
   .RRT__panel--hidden {
@@ -6225,9 +5878,9 @@ const Wrapper$i = _styled.div`
   }
   .RRT__showmore {
-    background: ${lightGrey$l};
-    border: ${/*#__PURE__*/rem('1px')} solid ${/*#__PURE__*/lighten(0.25, grey$n)};
-    border-radius: 0 ${/*#__PURE__*/rem('6px')} 0 0;
+    background: ${field.borderColor};
+    border: ${/*#__PURE__*/rem('1px')} solid ${field.borderColor};
+    border-radius: 0 ${field.borderRadius} 0 0;
     cursor: pointer;
     z-index: 1;
     white-space: nowrap;
@@ -6236,7 +5889,7 @@ const Wrapper$i = _styled.div`
   }
   .RRT__showmore--selected {
-    background: ${light$l};
+    background: ${colors.white};
     border-bottom: none;
   }
@@ -6247,7 +5900,7 @@ const Wrapper$i = _styled.div`
   }
   .RRT__showmore-label--selected {
-    background-color: ${/*#__PURE__*/lighten(0.25, grey$n)};
+    background-color: ${field.borderColor};
   }
   .RRT__showmore-list {
@@ -6283,7 +5936,7 @@ const TabsPanel = props => {
       getContent: () => tab.renderer
     }));
   };
-  return /*#__PURE__*/React.createElement(Wrapper$i, null, /*#__PURE__*/React.createElement(Tabs, {
+  return /*#__PURE__*/React.createElement(Wrapper$h, null, /*#__PURE__*/React.createElement(Tabs, {
     transform: false,
     unmountOnExit: unmountOnExit,
     selectedTabKey: selectedTabKey,
@@ -6293,7 +5946,7 @@ const TabsPanel = props => {
   }));
 };
-const Wrapper$j = _styled.div`
+const Wrapper$i = _styled.div`
   display: flex;
   flex-direction: column;
 `;
@@ -6313,7 +5966,7 @@ const TabsPanel$1 = props => {
     className = 'grid-container',
     children
   } = props;
-  return /*#__PURE__*/React.createElement(Wrapper$j, {
+  return /*#__PURE__*/React.createElement(Wrapper$i, {
     className: className
   }, children);
 };
@@ -6340,5 +5993,5 @@ const GridCol$1 = props => {
   }, children);
 };
-export { ActionsMenu, AlertNotification, AvatarImage, Button, ButtonDropdown, ButtonLink, CardValue, Checkbox, CheckboxButton, CheckboxGroup, DataWarning, EmptyTable, Error, ErrorField, FieldWidthButton, FilePicker, FormGroup, GridCol$1 as GridCol, TabsPanel$1 as GridContainer, GridRow$1 as GridRow, HorizontalNav, Icon, Label, LoadingState, Modal, ModalDrawer, ModalFooter, NoteCard, NumberInputSpinner, PaginationControl, ProgressBar, RadioGroup, Select, SelectInteractive, Slideshow, Spinner, Table$1 as Table, TableDnD, TabsPanel, Tag, TagNumber, TextArea, TextField, TextFieldAppendix, Toggle, TruncateLine, VideoPlayer, WizardSteps };
+export { ActionsMenu, AvatarImage, Button, ButtonDropdown, ButtonLink, CardValue, Checkbox, CheckboxButton, CheckboxGroup, DataWarning, EmptyTable, Error, ErrorField, FieldWidthButton, FilePicker, FormGroup, GridCol$1 as GridCol, TabsPanel$1 as GridContainer, GridRow$1 as GridRow, HorizontalNav, Icon, Label, LoadingState, Modal, ModalDrawer, ModalFooter, NoteCard, NumberInputSpinner, PaginationControl, ProgressBar, RadioGroup, Select, SelectInteractive, Slideshow, Spinner, Table$1 as Table, TableDnD, TabsPanel, Tag, TagNumber, TextArea, TextField, TextFieldAppendix, Toggle, TruncateLine, VideoPlayer, WizardSteps };
 //# sourceMappingURL=rocket-kit.esm.js.map