@taikai/rocket-kit 3.0.10-beta.2 → 3.0.11

package/dist/rocket-kit.esm.js

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useEffect, useMemo } from 'react';
 import Avatar from 'boring-avatars';
-import _styled, { css, keyframes } from 'styled-components';
+import styled, { css } from 'styled-components';
 import { rem, rgba, transparentize, timingFunctions } from 'polished';
 import Select$1, { components } from 'react-select';
 import { Carousel } from 'react-responsive-carousel';
@@ -189,10 +189,24 @@ const field = {
   placeholderColor: colors.grey200
 };
 
-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'), colors.grey200, props => props.square ? 0 : '999px', props => props.size, props => props.size);
+const Wrapper = styled.div`
+  position: relative;
+  border: ${/*#__PURE__*/rem('2px')} solid ${colors.grey200};
+  border-radius: ${props => props.square ? 0 : '999px'};
+  width: ${props => props.size}px;
+  height: ${props => props.size}px;
+  overflow: hidden;
+  z-index: 0;
+
+  > * {
+    width: 100%;
+    height: 100%;
+  }
+
+  img {
+    object-fit: cover;
+  }
+`;
 
 const AvatarImage = props => {
   const {
@@ -243,10 +257,82 @@ 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;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 => useColor(props.color ?? 'black').color, props => props.variant === 'outline' && !props.txtColor ? useColor(props.color ?? 'black').color : useColor(props.txtColor ?? 'white').color, props => props.color === 'white' ? colors.grey100 : props.color === 'black' ? colors.grey900 : useColor(props.color ?? '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.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 ButtonWrapper = styled.button`
+  --bg: ${props => useColor(props.color ?? 'black').color};
+  --txt: ${props => props.variant === 'outline' && !props.txtColor ? useColor(props.color ?? 'black').color : useColor(props.txtColor ?? 'white').color};
+  --hover: ${props => props.color === 'white' ? colors.grey100 : props.color === 'black' ? colors.grey900 : useColor(props.color ?? 'black').hover};
+
+  margin: 0;
+  border-width: ${props => props.variant === 'outline' ? button.borderWidth : 0};
+  border-style: solid;
+  border-color: var(--bg);
+  border-radius: ${props => props.variant === 'text' ? 0 : props.rounded ? '999px' : button.borderRadius};
+  background-color: ${props => props.variant === 'solid' ? 'var(--bg)' : 'transparent'};
+  width: min-content;
+  min-width: ${props => props.value ? rem('80px') : rem('42px')};
+  height: ${button.height};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: ${props => props.value ? `0 ${button.padding}` : 0};
+  white-space: nowrap;
+  text-decoration: none;
+  transition-duration: ${misc.transitionDuration};
+  cursor: pointer;
+  outline: none;
+
+  &:hover {
+    border-color: ${props => props.variant === 'solid' ? '' : 'var(--hover)'};
+    background-color: ${props => props.variant === 'solid' ? 'var(--hover)' : 'transparent'};
+
+    span {
+      color: ${props => props.variant === 'solid' ? '' : 'var(--hover)'};
+    }
+
+    svg {
+      fill: ${props => props.variant === 'solid' ? '' : 'var(--hover)'};
+    }
+  }
+
+  &:disabled {
+    cursor: inherit;
+    opacity: 0.5;
+
+    &:hover {
+      background-color: ${props => props.variant === 'solid' ? 'var(--bg)' : 'transparent'};
+      pointer-events: none;
+    }
+  }
+
+  > *:not(:last-child) {
+    margin-left: ${props => props.iconPosition === 'right' ? button.iconSpacing : 0};
+    margin-right: ${props => props.iconPosition === 'left' ? button.iconSpacing : 0};
+  }
+
+  .spinner {
+    order: ${props => props.iconPosition === 'left' ? 1 : 2};
+    border-top-color: ${props => props.variant === 'solid' ? '' : 'var(--button)'};
+  }
+
+  span {
+    position: relative;
+    font-size: ${/*#__PURE__*/rem(typography.defaultSize)};
+    font-weight: ${typography.medium};
+    line-height: ${/*#__PURE__*/rem(typography.defaultSize)};
+    color: ${props => props.variant === 'solid' || props.variant === 'outline' ? 'var(--txt)' : 'var(--bg)'};
+    pointer-events: none;
+    transition-duration: ${misc.transitionDuration};
+    order: ${props => props.iconPosition === 'left' ? 2 : 1};
+  }
+
+  svg {
+    order: ${props => props.iconPosition === 'left' ? 1 : 2};
+    width: ${button.iconSize};
+    height: ${button.iconSize};
+    fill: ${props => props.variant === 'solid' || props.variant === 'outline' ? 'var(--txt)' : 'var(--bg)'};
+    transition: ${misc.transitionDuration};
+  }
+`;
 
 const Button = props => {
   const {
@@ -289,10 +375,79 @@ const Button = props => {
   }) : null, value && /*#__PURE__*/React.createElement("span", null, value));
 };
 
-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:", ";&.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);
+const ActionsMenuStyle = styled.div`
+  position: relative;
+
+  ul {
+    position: absolute;
+    opacity: 0;
+    top: 0;
+    margin: 0;
+    border: ${/*#__PURE__*/rem('1px')} solid ${field.borderColor};
+    border-radius: ${field.borderRadius};
+    background-color: ${field.backgroundColor};
+    min-width: ${/*#__PURE__*/rem('200px')};
+    max-width: ${/*#__PURE__*/rem('250px')};
+    height: 0;
+    max-height: none;
+    padding: 0;
+    -moz-box-shadow: 0 0 ${/*#__PURE__*/rem('15px')} 0 ${field.boxShadow};
+    -webkit-box-shadow: 0 0 ${/*#__PURE__*/rem('15px')} 0 ${field.boxShadow};
+    box-shadow: 0 0 ${/*#__PURE__*/rem('15px')} 0 ${field.boxShadow};
+    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: ${misc.transitionDuration};
+
+    &.isOpen {
+      opacity: 1;
+      // prettier-ignore
+      height: calc(${/*#__PURE__*/rem('45px')} * ${props => props.visibleActions} + ${/*#__PURE__*/rem('2px')});
+      max-height: ${/*#__PURE__*/rem('1280px')};
+    }
+
+    li {
+      list-style: none;
+      min-height: ${/*#__PURE__*/rem('45px')};
+      display: flex;
+      transition-duration: 0.3s;
+
+      &:hover {
+        background-color: ${field.borderColor};
+        cursor: pointer;
+      }
+
+      &:first-child {
+        border-radius: ${/*#__PURE__*/rem('4px')} ${/*#__PURE__*/rem('4px')} 0 0;
+      }
+
+      &:last-child {
+        border-radius: 0 0 ${/*#__PURE__*/rem('4px')} ${/*#__PURE__*/rem('4px')};
+      }
+
+      a {
+        width: 100%;
+        display: flex;
+        align-items: center;
+        padding: 0 ${/*#__PURE__*/rem('20px')};
+        color: ${field.color};
+        text-decoration: none;
+        white-space: nowrap;
+
+        span {
+          display: table-cell;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+      }
+    }
+  }
+`;
 
 function useVisible(initialIsVisible) {
   const [isVisible, setIsVisible] = useState(initialIsVisible);
@@ -387,10 +542,65 @@ const ButtonDropdown = props => {
   }, /*#__PURE__*/React.createElement("span", null, value))))));
 };
 
-const ButtonLinkStyle = /*#__PURE__*/_styled.a.withConfig({
-  displayName: "styles__ButtonLinkStyle",
-  componentId: "sc-clge7v-0"
-})(["--bg:", ";--txt:", ";--hover:", ";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:", ";}}> *:not(:last-child){margin-left:", ";margin-right:", ";}span{position:relative;font-size:", ";font-weight:", ";line-height:", ";color:", ";pointer-events:none;transition-duration:", ";order:", ";}svg{order:", ";width:", ";height:", ";fill:", ";transition:", ";}"], props => useColor(props.color ?? 'black').color, props => props.variant === 'outline' && !props.txtColor ? useColor(props.color ?? 'black').color : useColor(props.txtColor ?? 'white').color, props => props.color === 'white' ? colors.grey100 : props.color === 'black' ? colors.grey900 : useColor(props.color ?? '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.iconPosition === 'right' ? button.iconSpacing : 0, props => props.iconPosition === 'left' ? button.iconSpacing : 0, /*#__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 ButtonLinkStyle = styled.a`
+  --bg: ${props => useColor(props.color ?? 'black').color};
+  --txt: ${props => props.variant === 'outline' && !props.txtColor ? useColor(props.color ?? 'black').color : useColor(props.txtColor ?? 'white').color};
+  --hover: ${props => props.color === 'white' ? colors.grey100 : props.color === 'black' ? colors.grey900 : useColor(props.color ?? 'black').hover};
+
+  border-width: ${props => props.variant === 'outline' ? button.borderWidth : 0};
+  border-style: solid;
+  border-color: var(--bg);
+  border-radius: ${props => props.variant === 'text' ? 0 : props.rounded ? '999px' : button.borderRadius};
+  background-color: ${props => props.variant === 'solid' ? 'var(--bg)' : 'transparent'};
+  width: min-content;
+  min-width: ${props => props.value ? rem('80px') : rem('42px')};
+  height: ${button.height};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: ${props => props.value ? `0 ${button.padding}` : 0};
+  white-space: nowrap;
+  text-decoration: none;
+  transition-duration: ${misc.transitionDuration};
+  cursor: pointer;
+
+  &:hover {
+    border-color: ${props => props.variant === 'solid' ? '' : 'var(--hover)'};
+    background-color: ${props => props.variant === 'solid' ? 'var(--hover)' : 'transparent'};
+
+    span {
+      color: ${props => props.variant === 'solid' ? '' : 'var(--hover)'};
+    }
+
+    svg {
+      fill: ${props => props.variant === 'solid' ? '' : 'var(--hover)'};
+    }
+  }
+
+  > *:not(:last-child) {
+    margin-left: ${props => props.iconPosition === 'right' ? button.iconSpacing : 0};
+    margin-right: ${props => props.iconPosition === 'left' ? button.iconSpacing : 0};
+  }
+
+  span {
+    position: relative;
+    font-size: ${/*#__PURE__*/rem(typography.defaultSize)};
+    font-weight: ${typography.medium};
+    line-height: ${/*#__PURE__*/rem(typography.defaultSize)};
+    color: ${props => props.variant === 'solid' || props.variant === 'outline' ? 'var(--txt)' : 'var(--bg)'};
+    pointer-events: none;
+    transition-duration: ${misc.transitionDuration};
+    order: ${props => props.iconPosition === 'left' ? 2 : 1};
+  }
+
+  svg {
+    order: ${props => props.iconPosition === 'left' ? 1 : 2};
+    width: ${button.iconSize};
+    height: ${button.iconSize};
+    fill: ${props => props.variant === 'solid' || props.variant === 'outline' ? 'var(--txt)' : 'var(--bg)'};
+    transition: ${misc.transitionDuration};
+  }
+`;
 
 const ButtonLink = props => {
   const {
@@ -438,22 +648,94 @@ const ButtonLink = props => {
   }), value && /*#__PURE__*/React.createElement("span", null, value));
 };
 
-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 ? 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"
-})(["margin-left:calc(", " + ", ");line-height:", ";"], /*#__PURE__*/rem('24px'), /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('24px'));
-const CheckboxInput = /*#__PURE__*/_styled.input.withConfig({
-  displayName: "styles__CheckboxInput",
-  componentId: "sc-w5t014-2"
-})(["position:absolute;left:0;opacity:0;cursor:pointer;"]);
-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:", ";&: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 CheckboxWrapper = styled.label`
+  display: flex;
+  position: relative;
+  padding-left: 0;
+  cursor: ${props => props.disabled ? 'auto' : 'pointer'};
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+
+  &:hover input:not(:disabled) ~ span {
+    border-color: ${props => props.error ? field.errorBorderColor : field.hoverBorderColor};
+  }
+
+  span {
+    color: ${props => props.disabled ? field.disabledColor : props.error ? field.errorBorderColor : null};
+    border-color: ${props => props.error ? field.errorBorderColor : null};
+  }
+`;
+const CheckboxLabel = styled.span`
+  margin-left: calc(${/*#__PURE__*/rem('24px')} + ${/*#__PURE__*/rem('5px')});
+  line-height: ${/*#__PURE__*/rem('24px')};
+`;
+const CheckboxInput = styled.input`
+  position: absolute;
+  left: 0;
+  opacity: 0;
+  cursor: pointer;
+`;
+const Checkmark = styled.span`
+  position: absolute;
+  top: 0;
+  left: 0;
+  border: ${/*#__PURE__*/rem('2px')} solid
+    ${props => props.error ? field.errorBorderColor : field.borderColor};
+  border-radius: 100%;
+  width: ${/*#__PURE__*/rem('24px')};
+  height: ${/*#__PURE__*/rem('24px')};
+  transition-duration: ${misc.transitionDuration};
+
+  &:after {
+    display: block;
+    content: '';
+    position: absolute;
+    display: none;
+    top: ${/*#__PURE__*/rem('3px')};
+    left: ${/*#__PURE__*/rem('6px')};
+    width: ${/*#__PURE__*/rem('5px')};
+    height: ${/*#__PURE__*/rem('9px')};
+    border: solid ${colors.white};
+    border-width: 0 ${/*#__PURE__*/rem('3px')} ${/*#__PURE__*/rem('3px')} 0;
+    -webkit-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    transform: rotate(45deg);
+  }
+
+  &.checked.not-disabled {
+    background-color: ${props => props.error ? field.errorBackgroundColor : field.successBackgroundColor};
+    border-color: ${props => props.error ? field.errorBorderColor : field.successBorderColor};
+
+    &:after {
+      display: block;
+    }
+  }
+
+  &.checked.disabled {
+    color: ${field.disabledColor};
+    border-color: transparent;
+    background-color: ${field.disabledBackgroundColor};
+
+    &:after {
+      display: block;
+    }
+  }
+
+  &.not-checked.disabled {
+    border-color: ${field.disabledBackgroundColor};
+    background-color: ${colors.white};
+  }
+
+  &.not-disabled:hover {
+    border-color: ${props => props.error ? field.errorBorderColor : field.successBorderColor};
+
+    &:checked ~ span {
+      border-color: ${props => props.error ? field.errorBorderColor : field.successBorderColor};
+    }
+  }
+`;
 
 const Checkbox = ({
   label,
@@ -508,22 +790,101 @@ const Checkbox = ({
   }));
 };
 
-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:", ";&: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"
-})(["margin-left:", ";line-height:", ";"], /*#__PURE__*/rem('40px'), /*#__PURE__*/rem('24px'));
-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{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:", ";&: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 CheckboxWrapper$1 = styled.label`
+  border: ${field.borderWidth} solid
+    ${props => props.disabled ? field.borderColor : props.checked ? field.successBorderColor : field.borderColor};
+  border-radius: ${field.borderRadius};
+  background-color: ${props => props.disabled ? field.disabledBackgroundColor : props.checked ? field.successBackgroundColor : field.backgroundColor};
+  height: ${field.height};
+  display: flex;
+  align-items: center;
+  position: relative;
+  cursor: ${props => props.disabled ? 'auto' : 'pointer'};
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  transition-duration: ${misc.transitionDuration};
+
+  &:hover input:not(:disabled) ~ span {
+    border-color: ${field.hoverBorderColor};
+  }
+
+  &:hover {
+    background-color: ${props => props.disabled ? field.disabledBackgroundColor : props.checked ? field.successBackgroundColor : field.borderColor};
+  }
+
+  span {
+    color: ${props => props.disabled ? field.disabledColor : props.checked ? colors.white : null};
+    transition-duration: ${misc.transitionDuration};
+  }
+`;
+const CheckboxLabel$1 = styled.span`
+  margin-left: ${/*#__PURE__*/rem('40px')};
+  line-height: ${/*#__PURE__*/rem('24px')};
+`;
+const CheckboxInput$1 = styled.input`
+  position: absolute;
+  left: 0;
+  opacity: 0;
+  cursor: pointer;
+
+  &:checked:not(:disabled) ~ span {
+    background-color: ${colors.white};
+    border-color: ${field.successBorderColor};
+
+    &:after {
+      display: block;
+    }
+  }
+
+  &:checked:disabled ~ span {
+    background-color: ${field.disabledBackgroundColor};
+    color: ${field.disabledColor};
+
+    &:after {
+      display: block;
+      border-color: ${field.disabledColor};
+    }
+  }
+
+  &:not(:checked):disabled ~ span {
+    border-color: ${field.disabledBackgroundColor};
+    background-color: ${field.backgroundColor};
+  }
+
+  &:hover:not(:disabled) {
+    &:checked ~ span {
+      border-color: ${field.successBorderColor};
+    }
+  }
+`;
+const Checkmark$1 = styled.span`
+  position: absolute;
+  left: ${/*#__PURE__*/rem('10px')};
+  border: ${/*#__PURE__*/rem('2px')} solid ${field.borderColor};
+  border-radius: 999px;
+  background-color: ${colors.white};
+  width: ${/*#__PURE__*/rem('24px')};
+  height: ${/*#__PURE__*/rem('24px')};
+  transition-duration: ${misc.transitionDuration};
+
+  &:after {
+    content: '';
+    position: absolute;
+    display: none;
+    top: ${/*#__PURE__*/rem('3px')};
+    left: ${/*#__PURE__*/rem('6px')};
+    width: ${/*#__PURE__*/rem('5px')};
+    height: ${/*#__PURE__*/rem('9px')};
+    border: solid
+      ${props => props.disabled ? colors.white : field.successBorderColor};
+    border-width: 0 ${/*#__PURE__*/rem('3px')} ${/*#__PURE__*/rem('3px')} 0;
+    -webkit-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    transform: rotate(45deg);
+  }
+`;
 
 const CheckboxButton = props => {
   const {
@@ -571,11 +932,11 @@ const icons = {
   warning: 'M5.466 27.792h21.067c1.544-0.001 2.796-1.253 2.796-2.797 0-0.515-0.139-0.998-0.383-1.413l0.007 0.013-10.533-18.199c-0.493-0.84-1.392-1.395-2.42-1.395s-1.927 0.555-2.413 1.382l-0.007 0.013-10.534 18.2c-0.236 0.401-0.375 0.884-0.375 1.4 0 1.544 1.251 2.796 2.795 2.797h0zM16 18c-0.772-0.002-1.397-0.627-1.399-1.399v-2.798c-0-0.006-0-0.014-0-0.021 0-0.773 0.626-1.399 1.399-1.399s1.399 0.626 1.399 1.399c0 0.007-0 0.015-0 0.022v-0.001 2.798c-0.002 0.772-0.627 1.397-1.399 1.399h-0zM17.399 23.595h-2.798v-2.798h2.798z',
   challenge: 'M9.92 4.853v12c0.002 0.736 0.598 1.331 1.333 1.333h2.667v9.533c0 0 0 0 0 0.001 0 0.367 0.298 0.665 0.665 0.665 0.245 0 0.458-0.132 0.574-0.329l0.002-0.003 6.92-11.867c0.115-0.193 0.184-0.425 0.184-0.673 0-0.733-0.594-1.327-1.327-1.327-0.001 0-0.002 0-0.004 0h-3.013l3.32-8.867c0.056-0.141 0.088-0.304 0.088-0.475 0-0.732-0.593-1.325-1.325-1.325-0.001 0-0.002 0-0.003 0h-8.746c-0.736 0.002-1.331 0.598-1.333 1.333v0z',
   flag: 'M19.2 8l-0.32-1.6c-0.127-0.613-0.663-1.067-1.304-1.067-0.001 0-0.002 0-0.003 0h-9.573c-0.736 0.002-1.331 0.598-1.333 1.333v20c-0 0.006-0 0.013-0 0.021 0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333c0-0.007-0-0.015-0-0.022v0.001-8h7.467l0.32 1.6c0.122 0.612 0.654 1.067 1.293 1.067 0.005 0 0.009-0 0.014-0h6.906c0.736-0.002 1.331-0.598 1.333-1.333v-10.667c-0.002-0.736-0.598-1.331-1.333-1.333h-0z',
-  transferReceived: 'M20 26.667c-0.006 0-0.014 0-0.021 0-1.492 0-2.912-0.308-4.2-0.864l0.069 0.026c-1.318-0.565-2.443-1.336-3.39-2.285l-0-0c-0.95-0.947-1.721-2.073-2.259-3.323l-0.026-0.069c-0.53-1.219-0.838-2.639-0.838-4.131 0-0.007 0-0.014 0-0.021v0.001c0-0.006-0-0.014-0-0.022 0-1.492 0.308-2.912 0.864-4.2l-0.026 0.069c0.565-1.319 1.336-2.445 2.285-3.392l0-0c0.947-0.949 2.072-1.721 3.321-2.259l0.069-0.026c1.218-0.529 2.637-0.836 4.128-0.836 0.009 0 0.018 0 0.026 0h-0.001c0.006 0 0.014-0 0.021-0 1.492 0 2.912 0.308 4.2 0.864l-0.069-0.026c1.318 0.565 2.443 1.336 3.39 2.285l0 0c0.95 0.947 1.721 2.073 2.259 3.323l0.026 0.069c0.53 1.219 0.838 2.639 0.838 4.131 0 0.008 0 0.015-0 0.023v-0.001c0 0.006 0 0.014 0 0.022 0 1.492-0.308 2.912-0.864 4.2l0.026-0.069c-0.565 1.319-1.336 2.445-2.285 3.392l-0 0c-0.947 0.949-2.072 1.721-3.321 2.259l-0.069 0.026c-1.217 0.528-2.635 0.835-4.124 0.835-0.010 0-0.020 0-0.030-0h0.002zM21.001 19.119v0l1.673 1.668c0.022 0.022 0.036 0.034 0.049 0.044l0.022 0.016 0.010 0.007 0.013 0.012 0.030 0.023c0.134 0.091 0.299 0.145 0.477 0.145 0.002 0 0.004 0 0.006-0h-0c0.021 0 0.042 0 0.064-0.002 0.211-0.013 0.399-0.105 0.536-0.246l0-0c0.153-0.148 0.249-0.353 0.254-0.581v-0.001c0.001-0.011 0.001-0.024 0.001-0.037 0-0.214-0.083-0.408-0.219-0.552l0 0-0.017-0.018-0.034-0.048-1.591-1.579 0.792-0.714c0.163-0.145 0.27-0.35 0.283-0.581l0-0.002c0.002-0.021 0.003-0.045 0.003-0.069 0-0.212-0.081-0.405-0.213-0.549l0.001 0.001c-0.146-0.165-0.357-0.271-0.592-0.279l-0.001-0c-0.017 0-0.034 0-0.050 0-0.003-0-0.007-0-0.011-0-0.215 0-0.411 0.082-0.558 0.217l-0.863 0.777-0.95-0.943 3.71-3.35c0.040-0.032 0.075-0.067 0.107-0.104l0.001-0.001c0.029-0.030 0.055-0.062 0.079-0.097l0.002-0.003c0.081-0.129 0.128-0.285 0.128-0.453 0-0.21-0.075-0.402-0.199-0.551l0.001 0.001c-0.016-0.018-0.032-0.035-0.049-0.050l-0.001-0c-0.154-0.153-0.363-0.25-0.594-0.259l-0.002-0h-0.013c-0.053 0.006-0.089 0.009-0.115 0.012-0.051 0.002-0.099 0.013-0.142 0.033l0.002-0.001c-0.025 0.009-0.059 0.021-0.107 0.037l-0.066 0.034c-0.031 0.015-0.058 0.031-0.083 0.050l0.001-0.001-0.007 0.004-0.058 0.041-4.866 4.403v-3.757c0-0.001 0-0.002 0-0.004 0-0.236-0.098-0.449-0.256-0.6l-0-0c-0.151-0.157-0.363-0.254-0.597-0.254-0.002 0-0.005 0-0.007 0h0c-0.002-0-0.004-0-0.007-0-0.234 0-0.446 0.097-0.597 0.254l-0 0c-0.157 0.151-0.254 0.363-0.254 0.598 0 0.002 0 0.004 0 0.007v-0 8.36c-0 0.002-0 0.004-0 0.007 0 0.235 0.098 0.446 0.254 0.597l0 0c0.151 0.157 0.363 0.254 0.597 0.254 0.002 0 0.005 0 0.007-0h-0c0.002 0 0.004 0 0.007 0 0.234 0 0.446-0.097 0.597-0.254l0-0c0.158-0.151 0.256-0.364 0.256-0.599 0-0.002 0-0.003 0-0.005v0-2.292l1.003-0.909 0.946 0.943-0.794 0.716c-0.165 0.147-0.271 0.357-0.279 0.592l-0 0.001c-0.001 0.018-0.002 0.039-0.002 0.060 0 0.216 0.083 0.412 0.218 0.56l-0.001-0.001c0.146 0.164 0.357 0.269 0.592 0.273h0.033c0.003 0 0.006 0 0.009 0 0.219 0 0.418-0.084 0.567-0.222l-0.001 0 0.864-0.777z M4 16c0-0.001 0-0.002 0-0.003 0-3.172 1.848-5.912 4.526-7.203l0.048-0.021c0.442-0.191 0.748-0.618 0.76-1.119l0-0.002v-0.253c-0.003-0.673-0.549-1.218-1.223-1.218-0.195 0-0.38 0.046-0.544 0.127l0.007-0.003c-3.711 1.718-6.24 5.41-6.24 9.693s2.528 7.975 6.174 9.666l0.066 0.027c0.156 0.077 0.339 0.121 0.532 0.121 0.673 0 1.22-0.542 1.228-1.214v-0.241c-0.011-0.506-0.317-0.937-0.752-1.13l-0.008-0.003c-2.726-1.312-4.573-4.052-4.573-7.224 0-0.001 0-0.002 0-0.003v0z',
+  transferReceived: 'M20.023 5.336c1.492 0 2.912.308 4.2.864l-.069-.026a10.7 10.7 0 0 1 3.39 2.285c.95.947 1.72 2.073 2.259 3.323l.026.069c.53 1.219.838 2.64.838 4.131v.044c0 1.492-.308 2.912-.864 4.2l.026-.069a10.7 10.7 0 0 1-2.285 3.392 10.7 10.7 0 0 1-3.321 2.259l-.069.026a10.4 10.4 0 0 1-4.124.835h-.029L20 26.667h-.021c-1.492 0-2.912-.308-4.2-.864l.069.026a10.7 10.7 0 0 1-3.39-2.285 10.6 10.6 0 0 1-2.259-3.323l-.026-.069a10.4 10.4 0 0 1-.838-4.132v-.04c0-1.492.308-2.912.864-4.2l-.026.069a10.7 10.7 0 0 1 2.285-3.392 10.7 10.7 0 0 1 3.321-2.259l.069-.026a10.4 10.4 0 0 1 4.128-.836zM8.111 6.18c.674 0 1.22.546 1.223 1.218v.255a1.25 1.25 0 0 1-.76 1.118l-.048.022A7.99 7.99 0 0 0 4 15.997V16c0 3.172 1.848 5.912 4.574 7.224l.008.003c.435.193.741.624.752 1.13v.24a1.228 1.228 0 0 1-1.76 1.094l-.066-.027a10.65 10.65 0 0 1-6.174-9.666c0-4.15 2.373-7.744 5.895-9.526l.345-.167c.162-.08.345-.124.537-.124M14 12.4h1.8V14.8h2.1v2.4h-1.8v2.4H14V22h3.9v-2.4h4.2V22H26v-2.4h-2.1v-2.4h-1.8v-2.4h2.1v-2.4H26V10h-3.9v2.4h-4.2V10H14z',
   transferSent: 'M20 26.667c-0.006 0-0.014 0-0.021 0-1.492 0-2.912-0.308-4.2-0.864l0.069 0.026c-1.318-0.565-2.443-1.336-3.39-2.285l-0-0c-0.95-0.947-1.721-2.073-2.259-3.323l-0.026-0.069c-0.53-1.219-0.838-2.64-0.838-4.132 0-0.007 0-0.013 0-0.020v0.001c0-0.006-0-0.014-0-0.021 0-1.492 0.308-2.912 0.864-4.2l-0.026 0.069c0.565-1.319 1.336-2.445 2.285-3.392l0-0c0.947-0.949 2.072-1.721 3.321-2.259l0.069-0.026c1.218-0.529 2.637-0.836 4.128-0.836 0.009 0 0.018 0 0.027 0h-0.001c0.006 0 0.014-0 0.021-0 1.492 0 2.912 0.308 4.2 0.864l-0.069-0.026c1.318 0.565 2.443 1.336 3.39 2.285l0 0c0.95 0.947 1.721 2.073 2.259 3.323l0.026 0.069c0.53 1.219 0.838 2.639 0.838 4.131 0 0.008 0 0.015-0 0.023v-0.001c0 0.006 0 0.014 0 0.022 0 1.492-0.308 2.912-0.864 4.2l0.026-0.069c-0.565 1.319-1.336 2.445-2.285 3.392l-0 0c-0.947 0.949-2.072 1.721-3.321 2.259l-0.069 0.026c-1.217 0.528-2.635 0.835-4.124 0.835-0.010 0-0.020 0-0.031-0h0.002zM18.737 10.703c-0.736 0.001-1.333 0.597-1.333 1.333v0c0.001 0.736 0.597 1.332 1.333 1.333h2.12l-5.747 5.747c-0.24 0.241-0.388 0.573-0.388 0.94s0.148 0.699 0.389 0.94l-0-0c0.239 0.241 0.571 0.39 0.937 0.39 0.001 0 0.002 0 0.003 0h-0c0.001 0 0.002 0 0.003 0 0.366 0 0.698-0.149 0.937-0.39l5.747-5.747v2.12c0.001 0.736 0.597 1.333 1.333 1.333h0c0.736-0.001 1.333-0.597 1.333-1.333v-5.333c-0.001-0.736-0.597-1.333-1.333-1.333h-0z M4 16c0-0.001 0-0.002 0-0.003 0-3.172 1.848-5.912 4.526-7.203l0.048-0.021c0.442-0.191 0.748-0.618 0.76-1.119l0-0.002v-0.253c-0.003-0.673-0.549-1.218-1.223-1.218-0.195 0-0.38 0.046-0.544 0.127l0.007-0.003c-3.711 1.718-6.24 5.41-6.24 9.693s2.528 7.975 6.174 9.666l0.066 0.027c0.156 0.077 0.339 0.121 0.532 0.121 0.673 0 1.22-0.542 1.228-1.214v-0.241c-0.011-0.506-0.317-0.937-0.752-1.13l-0.008-0.003c-2.726-1.312-4.573-4.052-4.573-7.224 0-0.001 0-0.002 0-0.003v0z',
   transferFailed: 'M20 26.667c-0.006 0-0.014 0-0.021 0-1.492 0-2.912-0.308-4.2-0.864l0.069 0.026c-1.318-0.565-2.443-1.336-3.39-2.285l-0-0c-0.95-0.947-1.721-2.073-2.259-3.323l-0.026-0.069c-0.53-1.219-0.838-2.639-0.838-4.132 0-0.007 0-0.014 0-0.021v0.001c0-0.006-0-0.014-0-0.021 0-1.492 0.308-2.912 0.864-4.2l-0.026 0.069c0.565-1.319 1.336-2.445 2.285-3.392l0-0c0.947-0.949 2.072-1.721 3.321-2.259l0.069-0.026c1.218-0.529 2.637-0.836 4.128-0.836 0.009 0 0.018 0 0.027 0h-0.001c0.006 0 0.014-0 0.021-0 1.492 0 2.912 0.308 4.2 0.864l-0.069-0.026c1.318 0.565 2.443 1.336 3.39 2.285l0 0c0.95 0.947 1.721 2.073 2.259 3.323l0.026 0.069c0.53 1.219 0.838 2.639 0.838 4.132 0 0.008 0 0.015-0 0.023v-0.001c0 0.006 0 0.014 0 0.021 0 1.492-0.308 2.912-0.864 4.2l0.026-0.069c-0.565 1.319-1.336 2.445-2.285 3.392l-0 0c-0.947 0.949-2.072 1.721-3.321 2.259l-0.069 0.026c-1.217 0.528-2.635 0.835-4.124 0.835-0.010 0-0.020 0-0.030-0h0.002zM20.16 17.886v0l2.828 2.828c0.24 0.24 0.571 0.389 0.937 0.389 0.002 0 0.004 0 0.006 0h-0c0.002 0 0.004 0 0.006 0 0.366 0 0.698-0.149 0.937-0.389l0-0c0.24-0.24 0.389-0.571 0.389-0.937 0-0.002 0-0.004 0-0.006v0c0-0.002 0-0.003 0-0.005 0-0.366-0.149-0.698-0.389-0.937l-2.828-2.828 2.828-2.828c0.24-0.24 0.389-0.571 0.389-0.937 0-0.002 0-0.004 0-0.006v0c0-0.002 0-0.004 0-0.006 0-0.366-0.149-0.698-0.389-0.937l-0-0c-0.24-0.24-0.571-0.389-0.937-0.389-0.002 0-0.004 0-0.006 0h0c-0.002 0-0.004 0-0.006 0-0.366 0-0.698 0.149-0.937 0.389l-2.828 2.828-2.828-2.828c-0.24-0.24-0.571-0.389-0.937-0.389-0.002 0-0.004 0-0.006 0h0c-0.002 0-0.004 0-0.006 0-0.366 0-0.698 0.149-0.937 0.389l-0 0c-0.241 0.242-0.39 0.575-0.39 0.943s0.149 0.701 0.39 0.943l2.828 2.828-2.828 2.828c-0.241 0.241-0.39 0.575-0.39 0.943s0.149 0.701 0.39 0.943l-0-0c0.24 0.24 0.571 0.389 0.937 0.389 0.002 0 0.004 0 0.006 0h-0c0.002 0 0.004 0 0.006 0 0.366 0 0.698-0.149 0.937-0.389l2.828-2.828z M4 16c0-0.001 0-0.002 0-0.003 0-3.172 1.848-5.912 4.526-7.203l0.048-0.021c0.442-0.191 0.748-0.618 0.76-1.119l0-0.002v-0.253c-0.003-0.673-0.549-1.218-1.223-1.218-0.195 0-0.38 0.046-0.544 0.127l0.007-0.003c-3.711 1.718-6.24 5.41-6.24 9.693s2.528 7.975 6.174 9.666l0.066 0.027c0.156 0.077 0.339 0.121 0.532 0.121 0.673 0 1.22-0.542 1.228-1.214v-0.241c-0.011-0.506-0.317-0.937-0.752-1.13l-0.008-0.003c-2.726-1.312-4.573-4.052-4.573-7.224 0-0.001 0-0.002 0-0.003v0z',
-  backer: 'M15.987 2.667c-7.358 0.007-13.32 5.974-13.32 13.333 0 7.364 5.97 13.333 13.333 13.333s13.333-5.97 13.333-13.333v0c0-0.002 0-0.004 0-0.007 0-7.36-5.967-13.327-13.327-13.327-0.007 0-0.014 0-0.021 0h0.001zM16 26.667c-5.891 0-10.667-4.776-10.667-10.667s4.776-10.667 10.667-10.667c5.891 0 10.667 4.776 10.667 10.667v0c0 0.001 0 0.002 0 0.003 0 5.889-4.774 10.664-10.664 10.664-0.001 0-0.002 0-0.003 0h0zM16 23.333c2.694-0.003 5.047-1.462 6.314-3.632l0.019-0.035c0.054-0.094 0.085-0.208 0.085-0.328 0-0.371-0.301-0.672-0.672-0.672-0 0-0 0-0 0h-11.493c-0.371 0.003-0.67 0.304-0.67 0.675 0 0.119 0.031 0.231 0.085 0.329l-0.002-0.003c1.287 2.205 3.639 3.663 6.333 3.667h0z M18.132 9.592c0.3 0.004 0.542 0.246 0.546 0.545v2.389l3.094-2.799c0.039-0.031 0.084-0.059 0.131-0.080l0.004-0.002c0.067-0.032 0.146-0.051 0.229-0.051 0 0 0.001 0 0.001 0h-0c0.152 0.004 0.288 0.066 0.388 0.165l-0-0c0.011 0.010 0.022 0.021 0.032 0.032l0 0c0.079 0.094 0.126 0.216 0.126 0.349 0 0.107-0.030 0.206-0.083 0.29l0.001-0.002c-0.016 0.024-0.033 0.045-0.051 0.064l0-0c-0.021 0.025-0.043 0.046-0.068 0.066l-0.001 0.001-2.359 2.13 0.604 0.6 0.549-0.494c0.097-0.085 0.224-0.137 0.364-0.137 0.16 0 0.305 0.068 0.406 0.178l0 0c0.084 0.091 0.135 0.214 0.135 0.348 0 0.016-0.001 0.032-0.002 0.047l0-0.002c-0.009 0.148-0.077 0.279-0.18 0.37l-0.001 0-0.504 0.454 1.012 1.004 0.021 0.032 0.011 0.011c0.086 0.092 0.139 0.216 0.139 0.352 0 0.008-0 0.016-0.001 0.023l0-0.001c-0.003 0.145-0.064 0.276-0.16 0.37l-0 0c-0.087 0.090-0.207 0.148-0.34 0.157l-0.002 0c-0.013 0.001-0.028 0.002-0.043 0.002-0.114 0-0.22-0.035-0.307-0.094l0.002 0.001-0.019-0.015-0.009-0.008-0.020-0.014c-0.009-0.007-0.017-0.014-0.032-0.028l-1.064-1.060-0.547 0.49c-0.095 0.087-0.223 0.141-0.363 0.141-0.009 0-0.017-0-0.026-0.001l0.001 0c-0.15-0.003-0.284-0.069-0.377-0.173l-0-0.001c-0.085-0.097-0.138-0.225-0.138-0.365 0-0.16 0.068-0.305 0.178-0.406l0-0 0.505-0.455-0.603-0.597-0.637 0.576v1.458c0 0.301-0.244 0.546-0.546 0.546s-0.546-0.244-0.546-0.546v0-5.315c0.004-0.3 0.245-0.541 0.544-0.546h0z M9.812 9.592c0.3 0.004 0.542 0.246 0.546 0.545v2.389l3.094-2.799c0.039-0.031 0.084-0.059 0.131-0.080l0.004-0.002c0.067-0.032 0.146-0.051 0.229-0.051 0 0 0.001 0 0.001 0h-0c0.152 0.004 0.288 0.066 0.388 0.165l-0-0c0.011 0.010 0.022 0.021 0.032 0.032l0 0c0.079 0.094 0.126 0.216 0.126 0.349 0 0.107-0.030 0.206-0.083 0.29l0.001-0.002c-0.016 0.024-0.033 0.045-0.051 0.064l0-0c-0.021 0.025-0.043 0.046-0.068 0.066l-0.001 0.001-2.359 2.13 0.604 0.6 0.549-0.494c0.097-0.085 0.225-0.137 0.364-0.137 0.16 0 0.305 0.068 0.406 0.178l0 0c0.084 0.091 0.135 0.214 0.135 0.348 0 0.016-0.001 0.032-0.002 0.047l0-0.002c-0.009 0.148-0.077 0.279-0.18 0.37l-0.001 0-0.504 0.454 1.012 1.004 0.021 0.032 0.011 0.011c0.086 0.092 0.139 0.216 0.139 0.352 0 0.008-0 0.016-0.001 0.023l0-0.001c-0.003 0.145-0.064 0.276-0.16 0.37l-0 0c-0.088 0.090-0.207 0.148-0.34 0.157l-0.002 0c-0.013 0.001-0.028 0.002-0.043 0.002-0.114 0-0.22-0.035-0.307-0.094l0.002 0.001-0.019-0.015-0.009-0.008-0.020-0.014c-0.009-0.007-0.017-0.014-0.032-0.028l-1.064-1.060-0.547 0.49c-0.095 0.087-0.223 0.141-0.363 0.141-0.009 0-0.017-0-0.026-0.001l0.001 0c-0.15-0.003-0.284-0.069-0.377-0.173l-0-0.001c-0.085-0.097-0.138-0.225-0.138-0.365 0-0.16 0.068-0.305 0.178-0.406l0-0 0.505-0.455-0.603-0.597-0.637 0.576v1.458c0 0.301-0.244 0.546-0.546 0.546s-0.546-0.244-0.546-0.546v0-5.315c0.004-0.3 0.245-0.541 0.544-0.546h0z',
-  jury: 'M15.987 2.667c-7.358 0.007-13.32 5.974-13.32 13.333 0 7.364 5.97 13.333 13.333 13.333s13.333-5.97 13.333-13.333v0c0-0.002 0-0.004 0-0.007 0-7.36-5.967-13.327-13.327-13.327-0.007 0-0.014 0-0.021 0h0.001zM16 26.667c-5.891 0-10.667-4.776-10.667-10.667s4.776-10.667 10.667-10.667c5.891 0 10.667 4.776 10.667 10.667v0c0 0.001 0 0.002 0 0.003 0 5.889-4.774 10.664-10.664 10.664-0.001 0-0.002 0-0.003 0h0zM16 23.333c2.694-0.003 5.047-1.462 6.314-3.632l0.019-0.035c0.054-0.094 0.085-0.208 0.085-0.328 0-0.371-0.301-0.672-0.672-0.672-0 0-0 0-0 0h-11.493c-0.371 0.003-0.67 0.304-0.67 0.675 0 0.119 0.031 0.231 0.085 0.329l-0.002-0.003c1.287 2.205 3.639 3.663 6.333 3.667h0z M18.132 9.592c0.3 0.004 0.542 0.246 0.546 0.545v2.389l3.094-2.799c0.039-0.031 0.084-0.059 0.131-0.080l0.004-0.002c0.067-0.032 0.146-0.051 0.229-0.051 0 0 0.001 0 0.001 0h-0c0.152 0.004 0.288 0.066 0.388 0.165l-0-0c0.011 0.010 0.022 0.021 0.032 0.032l0 0c0.079 0.094 0.126 0.216 0.126 0.349 0 0.107-0.030 0.206-0.083 0.29l0.001-0.002c-0.016 0.024-0.033 0.045-0.051 0.064l0-0c-0.021 0.025-0.043 0.046-0.068 0.066l-0.001 0.001-2.359 2.13 0.604 0.6 0.549-0.494c0.097-0.085 0.224-0.137 0.364-0.137 0.16 0 0.305 0.068 0.406 0.178l0 0c0.084 0.091 0.135 0.214 0.135 0.348 0 0.016-0.001 0.032-0.002 0.047l0-0.002c-0.009 0.148-0.077 0.279-0.18 0.37l-0.001 0-0.504 0.454 1.012 1.004 0.021 0.032 0.011 0.011c0.086 0.092 0.139 0.216 0.139 0.352 0 0.008-0 0.016-0.001 0.023l0-0.001c-0.003 0.145-0.064 0.276-0.16 0.37l-0 0c-0.087 0.090-0.207 0.148-0.34 0.157l-0.002 0c-0.013 0.001-0.028 0.002-0.043 0.002-0.114 0-0.22-0.035-0.307-0.094l0.002 0.001-0.019-0.015-0.009-0.008-0.020-0.014c-0.009-0.007-0.017-0.014-0.032-0.028l-1.064-1.060-0.547 0.49c-0.095 0.087-0.223 0.141-0.363 0.141-0.009 0-0.017-0-0.026-0.001l0.001 0c-0.15-0.003-0.284-0.069-0.377-0.173l-0-0.001c-0.085-0.097-0.138-0.225-0.138-0.365 0-0.16 0.068-0.305 0.178-0.406l0-0 0.505-0.455-0.603-0.597-0.637 0.576v1.458c0 0.301-0.244 0.546-0.546 0.546s-0.546-0.244-0.546-0.546v0-5.315c0.004-0.3 0.245-0.541 0.544-0.546h0z M9.812 9.592c0.3 0.004 0.542 0.246 0.546 0.545v2.389l3.094-2.799c0.039-0.031 0.084-0.059 0.131-0.080l0.004-0.002c0.067-0.032 0.146-0.051 0.229-0.051 0 0 0.001 0 0.001 0h-0c0.152 0.004 0.288 0.066 0.388 0.165l-0-0c0.011 0.010 0.022 0.021 0.032 0.032l0 0c0.079 0.094 0.126 0.216 0.126 0.349 0 0.107-0.030 0.206-0.083 0.29l0.001-0.002c-0.016 0.024-0.033 0.045-0.051 0.064l0-0c-0.021 0.025-0.043 0.046-0.068 0.066l-0.001 0.001-2.359 2.13 0.604 0.6 0.549-0.494c0.097-0.085 0.225-0.137 0.364-0.137 0.16 0 0.305 0.068 0.406 0.178l0 0c0.084 0.091 0.135 0.214 0.135 0.348 0 0.016-0.001 0.032-0.002 0.047l0-0.002c-0.009 0.148-0.077 0.279-0.18 0.37l-0.001 0-0.504 0.454 1.012 1.004 0.021 0.032 0.011 0.011c0.086 0.092 0.139 0.216 0.139 0.352 0 0.008-0 0.016-0.001 0.023l0-0.001c-0.003 0.145-0.064 0.276-0.16 0.37l-0 0c-0.088 0.090-0.207 0.148-0.34 0.157l-0.002 0c-0.013 0.001-0.028 0.002-0.043 0.002-0.114 0-0.22-0.035-0.307-0.094l0.002 0.001-0.019-0.015-0.009-0.008-0.020-0.014c-0.009-0.007-0.017-0.014-0.032-0.028l-1.064-1.060-0.547 0.49c-0.095 0.087-0.223 0.141-0.363 0.141-0.009 0-0.017-0-0.026-0.001l0.001 0c-0.15-0.003-0.284-0.069-0.377-0.173l-0-0.001c-0.085-0.097-0.138-0.225-0.138-0.365 0-0.16 0.068-0.305 0.178-0.406l0-0 0.505-0.455-0.603-0.597-0.637 0.576v1.458c0 0.301-0.244 0.546-0.546 0.546s-0.546-0.244-0.546-0.546v0-5.315c0.004-0.3 0.245-0.541 0.544-0.546h0z',
+  backer: 'M16.006 2.664c7.36 0 13.327 5.967 13.327 13.327v.007c0 7.363-5.97 13.333-13.333 13.333S2.667 23.362 2.667 15.998c0-7.359 5.962-13.326 13.32-13.333zM16 5.331c-5.891 0-10.667 4.776-10.667 10.667S10.109 26.665 16 26.665h.003c5.89 0 10.664-4.775 10.664-10.664v-.003c0-5.89-4.776-10.667-10.667-10.667m5.746 13.333a.672.672 0 0 1 .587 1l-.018.035A7.31 7.31 0 0 1 16 23.331l-.001.001c-2.61-.004-4.898-1.373-6.209-3.463l-.122-.201a.675.675 0 0 1 .585-1.004zM10.95 11.2h2.1V10H15v1.2h-.9v1.2h-1.05v1.2h.9v1.2H15V16h-1.95v-1.2h-2.1V16H9v-1.2h1.05v-1.2h.9v-1.2H9.9v-1.2H9V10h1.95zm8-1.2v1.2h2.1V10H23v1.2h-.9v1.2h-1.05v1.2h.9v1.2H23V16h-1.95v-1.2h-2.1V16H17v-1.2h1.05v-1.2h.9v-1.2H17.9v-1.2H17V10z',
+  jury: 'M16.006 2.664c7.36 0 13.327 5.967 13.327 13.327v.007c0 7.363-5.97 13.333-13.333 13.333S2.667 23.362 2.667 15.998c0-7.359 5.962-13.326 13.32-13.333zM16 5.331c-5.891 0-10.667 4.776-10.667 10.667S10.109 26.665 16 26.665h.003c5.89 0 10.664-4.775 10.664-10.664v-.003c0-5.89-4.776-10.667-10.667-10.667m5.746 13.333a.672.672 0 0 1 .587 1l-.018.035A7.31 7.31 0 0 1 16 23.331l-.001.001c-2.61-.004-4.898-1.373-6.209-3.463l-.122-.201a.675.675 0 0 1 .585-1.004zM10.95 11.2h2.1V10H15v1.2h-.9v1.2h-1.05v1.2h.9v1.2H15V16h-1.95v-1.2h-2.1V16H9v-1.2h1.05v-1.2h.9v-1.2H9.9v-1.2H9V10h1.95zm8-1.2v1.2h2.1V10H23v1.2h-.9v1.2h-1.05v1.2h.9v1.2H23V16h-1.95v-1.2h-2.1V16H17v-1.2h1.05v-1.2h.9v-1.2H17.9v-1.2H17V10z',
   addMember: 'M16 26.667l-1.147-1.147c-0.724-0.723-1.172-1.723-1.172-2.827 0-1.117 0.459-2.128 1.198-2.853l0.001-0.001 1.12-1.093c-0.397-0.048-0.86-0.077-1.329-0.080l-0.004-0c-3.56 0-10.667 1.787-10.667 5.333v2.667h12zM14.667 16c0 0 0 0 0 0 2.946 0 5.333-2.388 5.333-5.333s-2.388-5.333-5.333-5.333c-2.946 0-5.333 2.388-5.333 5.333 0 0 0 0 0 0v-0c0 0 0 0.001 0 0.001 0 2.945 2.387 5.332 5.332 5.332 0 0 0.001 0 0.001 0h-0z M21.573 26.373c-0.243 0.241-0.577 0.39-0.947 0.39s-0.704-0.149-0.947-0.39l0 0-2.76-2.787c-0.235-0.238-0.38-0.566-0.38-0.927s0.145-0.689 0.38-0.927l-0 0 0.013-0.014c0.238-0.241 0.568-0.39 0.933-0.39s0.695 0.149 0.933 0.39l1.827 1.827 5.907-5.946c0.24-0.241 0.573-0.39 0.94-0.39s0.7 0.149 0.94 0.39l0.013 0.013c0.235 0.238 0.38 0.566 0.38 0.927s-0.145 0.689-0.38 0.927l0-0-6.853 6.907z',
   github: 'M15.999 0c-8.839 0-15.999 7.341-15.999 16.404 0 7.26 4.58 13.39 10.94 15.565 0.8 0.143 1.1-0.349 1.1-0.779 0-0.39-0.021-1.681-0.021-3.055-4.019 0.759-5.059-1.005-5.38-1.927-0.18-0.471-0.96-1.927-1.639-2.317-0.561-0.308-1.36-1.067-0.021-1.087 1.26-0.020 2.16 1.189 2.461 1.681 1.44 2.482 3.74 1.785 4.659 1.354 0.14-1.067 0.56-1.785 1.020-2.195-3.559-0.41-7.279-1.825-7.279-8.1 0-1.784 0.62-3.261 1.639-4.409-0.16-0.41-0.72-2.091 0.16-4.346 0 0 1.341-0.431 4.401 1.68 1.301-0.37 2.648-0.556 4-0.553 1.36 0 2.72 0.185 4 0.553 3.059-2.133 4.399-1.681 4.399-1.681 0.88 2.255 0.32 3.937 0.16 4.347 1.021 1.148 1.64 2.604 1.64 4.409 0 6.294-3.74 7.689-7.3 8.099 0.58 0.514 1.080 1.497 1.080 3.035 0 2.195-0.020 3.957-0.020 4.512 0 0.43 0.3 0.943 1.1 0.779 6.513-2.256 10.898-8.518 10.899-15.566 0-9.063-7.16-16.404-15.999-16.404z',
   bitbucket: 'M1.387 2c-0.004-0-0.008-0-0.013-0-0.548 0-0.993 0.441-1 0.987v0.001c0.001 0.063 0.006 0.124 0.013 0.183l-0.001-0.008 4.244 25.756c0.11 0.646 0.663 1.132 1.331 1.137h20.357c0.004 0 0.009 0 0.013 0 0.495 0 0.906-0.36 0.986-0.832l0.001-0.006 4.244-26.050c0.008-0.047 0.012-0.102 0.012-0.157 0-0.495-0.359-0.906-0.831-0.986l-0.006-0.001c-0.052-0.007-0.112-0.012-0.174-0.013l-29.176-0.012zM19.256 20.613h-6.5l-1.756-9.188h9.831l-1.575 9.188z',
@@ -701,9 +1062,9 @@ const icons = {
   stream: 'M16 12.969c-1.432 0-2.592 1.16-2.592 2.592s1.16 2.592 2.592 2.592c1.432 0 2.592-1.16 2.592-2.592v0c0-1.432-1.16-2.592-2.592-2.592v0zM5.629 15.557c0-0.003 0-0.006 0-0.009 0-2.566 0.974-4.904 2.573-6.666l-0.007 0.008c0.11-0.126 0.177-0.292 0.177-0.474 0-0.207-0.087-0.394-0.227-0.526l-0-0-1.035-1.011c-0.136-0.129-0.32-0.208-0.523-0.208-0.226 0-0.428 0.098-0.567 0.254l-0.001 0.001c-2.079 2.267-3.354 5.302-3.354 8.634s1.274 6.367 3.362 8.643l-0.009-0.009c0.14 0.157 0.342 0.255 0.568 0.255 0.203 0 0.387-0.079 0.523-0.209l-0 0 1.035-1.011c0.14-0.132 0.227-0.319 0.227-0.526 0-0.182-0.067-0.348-0.178-0.475l0.001 0.001c-1.591-1.753-2.565-4.092-2.565-6.657 0-0.003 0-0.006 0-0.010v0.001zM11.845 11.503l-1.053-1.029c-0.137-0.131-0.322-0.212-0.527-0.212-0.234 0-0.443 0.105-0.582 0.271l-0.001 0.001c-1.139 1.348-1.83 3.106-1.83 5.025s0.692 3.677 1.84 5.037l-0.010-0.012c0.141 0.167 0.35 0.272 0.583 0.272 0.205 0 0.391-0.081 0.528-0.212l-0 0 1.053-1.029c0.134-0.128 0.218-0.308 0.218-0.507 0-0.165-0.057-0.316-0.152-0.436l0.001 0.001c-0.684-0.845-1.098-1.932-1.098-3.117s0.414-2.272 1.105-3.126l-0.007 0.009c0.093-0.118 0.149-0.268 0.149-0.432 0-0.199-0.083-0.378-0.216-0.505l-0-0zM25.979 6.924c-0.14-0.157-0.342-0.255-0.568-0.255-0.203 0-0.387 0.079-0.523 0.209l0-0-1.035 1.012c-0.14 0.132-0.227 0.319-0.227 0.526 0 0.182 0.067 0.348 0.178 0.475l-0.001-0.001c1.59 1.757 2.563 4.098 2.563 6.667s-0.973 4.91-2.571 6.675l0.008-0.009c-0.11 0.126-0.177 0.292-0.177 0.474 0 0.207 0.087 0.394 0.226 0.525l0 0 1.035 1.011c0.136 0.129 0.32 0.208 0.523 0.208 0.226 0 0.428-0.098 0.567-0.254l0.001-0.001c2.079-2.267 3.354-5.302 3.354-8.634s-1.274-6.367-3.362-8.643l0.009 0.009zM22.316 10.535c-0.141-0.167-0.35-0.272-0.583-0.272-0.205 0-0.391 0.081-0.528 0.212l0-0-1.053 1.029c-0.134 0.128-0.217 0.307-0.217 0.507 0 0.164 0.057 0.315 0.151 0.435l-0.001-0.001c0.684 0.845 1.098 1.932 1.098 3.117s-0.414 2.272-1.105 3.126l0.007-0.009c-0.094 0.118-0.151 0.27-0.151 0.434 0 0.199 0.083 0.379 0.217 0.507l0 0 1.053 1.029c0.137 0.131 0.323 0.212 0.527 0.212 0.234 0 0.443-0.105 0.582-0.271l0.001-0.001c1.139-1.348 1.831-3.106 1.831-5.025s-0.692-3.677-1.84-5.037l0.010 0.012z',
   innovators: 'M21.333 14.667c2.213 0 3.987-1.787 3.987-4s-1.773-4-3.987-4-4 1.787-4 4 1.787 4 4 4zM10.667 14.667c2.213 0 3.987-1.787 3.987-4s-1.773-4-3.987-4-4 1.787-4 4 1.787 4 4 4zM10.667 17.333c-3.107 0-9.333 1.56-9.333 4.667v2c0 0.733 0.6 1.333 1.333 1.333h16c0.733 0 1.333-0.6 1.333-1.333v-2c0-3.107-6.227-4.667-9.333-4.667zM21.333 17.333c-0.387 0-0.827 0.027-1.293 0.067 0.027 0.013 0.040 0.040 0.053 0.053 1.52 1.107 2.573 2.587 2.573 4.547v2c0 0.467-0.093 0.92-0.24 1.333h6.907c0.733 0 1.333-0.6 1.333-1.333v-2c0-3.107-6.227-4.667-9.333-4.667z',
   participants: 'M21.333 14.667c2.213 0 3.987-1.787 3.987-4s-1.773-4-3.987-4-4 1.787-4 4 1.787 4 4 4zM10.667 14.667c2.213 0 3.987-1.787 3.987-4s-1.773-4-3.987-4-4 1.787-4 4 1.787 4 4 4zM10.667 17.333c-3.107 0-9.333 1.56-9.333 4.667v2c0 0.733 0.6 1.333 1.333 1.333h16c0.733 0 1.333-0.6 1.333-1.333v-2c0-3.107-6.227-4.667-9.333-4.667zM21.333 17.333c-0.387 0-0.827 0.027-1.293 0.067 0.027 0.013 0.040 0.040 0.053 0.053 1.52 1.107 2.573 2.587 2.573 4.547v2c0 0.467-0.093 0.92-0.24 1.333h6.907c0.733 0 1.333-0.6 1.333-1.333v-2c0-3.107-6.227-4.667-9.333-4.667z',
-  backers: 'M15.987 2.667c-7.358 0.007-13.32 5.974-13.32 13.333 0 7.364 5.97 13.333 13.333 13.333s13.333-5.97 13.333-13.333v0c0-0.002 0-0.004 0-0.007 0-7.36-5.967-13.327-13.327-13.327-0.007 0-0.014 0-0.021 0h0.001zM16 26.667c-5.891 0-10.667-4.776-10.667-10.667s4.776-10.667 10.667-10.667c5.891 0 10.667 4.776 10.667 10.667v0c0 0.001 0 0.002 0 0.003 0 5.889-4.774 10.664-10.664 10.664-0.001 0-0.002 0-0.003 0h0zM16 23.333c2.694-0.003 5.047-1.462 6.314-3.632l0.019-0.035c0.054-0.094 0.085-0.208 0.085-0.328 0-0.371-0.301-0.672-0.672-0.672-0 0-0 0-0 0h-11.493c-0.371 0.003-0.67 0.304-0.67 0.675 0 0.119 0.031 0.231 0.085 0.329l-0.002-0.003c1.287 2.205 3.639 3.663 6.333 3.667h0z M18.132 9.592c0.3 0.004 0.542 0.246 0.546 0.545v2.389l3.094-2.799c0.039-0.031 0.084-0.059 0.131-0.080l0.004-0.002c0.067-0.032 0.146-0.051 0.229-0.051 0 0 0.001 0 0.001 0h-0c0.152 0.004 0.288 0.066 0.388 0.165l-0-0c0.011 0.010 0.022 0.021 0.032 0.032l0 0c0.079 0.094 0.126 0.216 0.126 0.349 0 0.107-0.030 0.206-0.083 0.29l0.001-0.002c-0.016 0.024-0.033 0.045-0.051 0.064l0-0c-0.021 0.025-0.043 0.046-0.068 0.066l-0.001 0.001-2.359 2.13 0.604 0.6 0.549-0.494c0.097-0.085 0.224-0.137 0.364-0.137 0.16 0 0.305 0.068 0.406 0.178l0 0c0.084 0.091 0.135 0.214 0.135 0.348 0 0.016-0.001 0.032-0.002 0.047l0-0.002c-0.009 0.148-0.077 0.279-0.18 0.37l-0.001 0-0.504 0.454 1.012 1.004 0.021 0.032 0.011 0.011c0.086 0.092 0.139 0.216 0.139 0.352 0 0.008-0 0.016-0.001 0.023l0-0.001c-0.003 0.145-0.064 0.276-0.16 0.37l-0 0c-0.087 0.090-0.207 0.148-0.34 0.157l-0.002 0c-0.013 0.001-0.028 0.002-0.043 0.002-0.114 0-0.22-0.035-0.307-0.094l0.002 0.001-0.019-0.015-0.009-0.008-0.020-0.014c-0.009-0.007-0.017-0.014-0.032-0.028l-1.064-1.060-0.547 0.49c-0.095 0.087-0.223 0.141-0.363 0.141-0.009 0-0.017-0-0.026-0.001l0.001 0c-0.15-0.003-0.284-0.069-0.377-0.173l-0-0.001c-0.085-0.097-0.138-0.225-0.138-0.365 0-0.16 0.068-0.305 0.178-0.406l0-0 0.505-0.455-0.603-0.597-0.637 0.576v1.458c0 0.301-0.244 0.546-0.546 0.546s-0.546-0.244-0.546-0.546v0-5.315c0.004-0.3 0.245-0.541 0.544-0.546h0z M9.812 9.592c0.3 0.004 0.542 0.246 0.546 0.545v2.389l3.094-2.799c0.039-0.031 0.084-0.059 0.131-0.080l0.004-0.002c0.067-0.032 0.146-0.051 0.229-0.051 0 0 0.001 0 0.001 0h-0c0.152 0.004 0.288 0.066 0.388 0.165l-0-0c0.011 0.010 0.022 0.021 0.032 0.032l0 0c0.079 0.094 0.126 0.216 0.126 0.349 0 0.107-0.030 0.206-0.083 0.29l0.001-0.002c-0.016 0.024-0.033 0.045-0.051 0.064l0-0c-0.021 0.025-0.043 0.046-0.068 0.066l-0.001 0.001-2.359 2.13 0.604 0.6 0.549-0.494c0.097-0.085 0.225-0.137 0.364-0.137 0.16 0 0.305 0.068 0.406 0.178l0 0c0.084 0.091 0.135 0.214 0.135 0.348 0 0.016-0.001 0.032-0.002 0.047l0-0.002c-0.009 0.148-0.077 0.279-0.18 0.37l-0.001 0-0.504 0.454 1.012 1.004 0.021 0.032 0.011 0.011c0.086 0.092 0.139 0.216 0.139 0.352 0 0.008-0 0.016-0.001 0.023l0-0.001c-0.003 0.145-0.064 0.276-0.16 0.37l-0 0c-0.088 0.090-0.207 0.148-0.34 0.157l-0.002 0c-0.013 0.001-0.028 0.002-0.043 0.002-0.114 0-0.22-0.035-0.307-0.094l0.002 0.001-0.019-0.015-0.009-0.008-0.020-0.014c-0.009-0.007-0.017-0.014-0.032-0.028l-1.064-1.060-0.547 0.49c-0.095 0.087-0.223 0.141-0.363 0.141-0.009 0-0.017-0-0.026-0.001l0.001 0c-0.15-0.003-0.284-0.069-0.377-0.173l-0-0.001c-0.085-0.097-0.138-0.225-0.138-0.365 0-0.16 0.068-0.305 0.178-0.406l0-0 0.505-0.455-0.603-0.597-0.637 0.576v1.458c0 0.301-0.244 0.546-0.546 0.546s-0.546-0.244-0.546-0.546v0-5.315c0.004-0.3 0.245-0.541 0.544-0.546h0z',
-  juries: 'M15.987 2.667c-7.358 0.007-13.32 5.974-13.32 13.333 0 7.364 5.97 13.333 13.333 13.333s13.333-5.97 13.333-13.333v0c0-0.002 0-0.004 0-0.007 0-7.36-5.967-13.327-13.327-13.327-0.007 0-0.014 0-0.021 0h0.001zM16 26.667c-5.891 0-10.667-4.776-10.667-10.667s4.776-10.667 10.667-10.667c5.891 0 10.667 4.776 10.667 10.667v0c0 0.001 0 0.002 0 0.003 0 5.889-4.774 10.664-10.664 10.664-0.001 0-0.002 0-0.003 0h0zM16 23.333c2.694-0.003 5.047-1.462 6.314-3.632l0.019-0.035c0.054-0.094 0.085-0.208 0.085-0.328 0-0.371-0.301-0.672-0.672-0.672-0 0-0 0-0 0h-11.493c-0.371 0.003-0.67 0.304-0.67 0.675 0 0.119 0.031 0.231 0.085 0.329l-0.002-0.003c1.287 2.205 3.639 3.663 6.333 3.667h0z M18.132 9.592c0.3 0.004 0.542 0.246 0.546 0.545v2.389l3.094-2.799c0.039-0.031 0.084-0.059 0.131-0.080l0.004-0.002c0.067-0.032 0.146-0.051 0.229-0.051 0 0 0.001 0 0.001 0h-0c0.152 0.004 0.288 0.066 0.388 0.165l-0-0c0.011 0.010 0.022 0.021 0.032 0.032l0 0c0.079 0.094 0.126 0.216 0.126 0.349 0 0.107-0.030 0.206-0.083 0.29l0.001-0.002c-0.016 0.024-0.033 0.045-0.051 0.064l0-0c-0.021 0.025-0.043 0.046-0.068 0.066l-0.001 0.001-2.359 2.13 0.604 0.6 0.549-0.494c0.097-0.085 0.224-0.137 0.364-0.137 0.16 0 0.305 0.068 0.406 0.178l0 0c0.084 0.091 0.135 0.214 0.135 0.348 0 0.016-0.001 0.032-0.002 0.047l0-0.002c-0.009 0.148-0.077 0.279-0.18 0.37l-0.001 0-0.504 0.454 1.012 1.004 0.021 0.032 0.011 0.011c0.086 0.092 0.139 0.216 0.139 0.352 0 0.008-0 0.016-0.001 0.023l0-0.001c-0.003 0.145-0.064 0.276-0.16 0.37l-0 0c-0.087 0.090-0.207 0.148-0.34 0.157l-0.002 0c-0.013 0.001-0.028 0.002-0.043 0.002-0.114 0-0.22-0.035-0.307-0.094l0.002 0.001-0.019-0.015-0.009-0.008-0.020-0.014c-0.009-0.007-0.017-0.014-0.032-0.028l-1.064-1.060-0.547 0.49c-0.095 0.087-0.223 0.141-0.363 0.141-0.009 0-0.017-0-0.026-0.001l0.001 0c-0.15-0.003-0.284-0.069-0.377-0.173l-0-0.001c-0.085-0.097-0.138-0.225-0.138-0.365 0-0.16 0.068-0.305 0.178-0.406l0-0 0.505-0.455-0.603-0.597-0.637 0.576v1.458c0 0.301-0.244 0.546-0.546 0.546s-0.546-0.244-0.546-0.546v0-5.315c0.004-0.3 0.245-0.541 0.544-0.546h0z M9.812 9.592c0.3 0.004 0.542 0.246 0.546 0.545v2.389l3.094-2.799c0.039-0.031 0.084-0.059 0.131-0.080l0.004-0.002c0.067-0.032 0.146-0.051 0.229-0.051 0 0 0.001 0 0.001 0h-0c0.152 0.004 0.288 0.066 0.388 0.165l-0-0c0.011 0.010 0.022 0.021 0.032 0.032l0 0c0.079 0.094 0.126 0.216 0.126 0.349 0 0.107-0.030 0.206-0.083 0.29l0.001-0.002c-0.016 0.024-0.033 0.045-0.051 0.064l0-0c-0.021 0.025-0.043 0.046-0.068 0.066l-0.001 0.001-2.359 2.13 0.604 0.6 0.549-0.494c0.097-0.085 0.225-0.137 0.364-0.137 0.16 0 0.305 0.068 0.406 0.178l0 0c0.084 0.091 0.135 0.214 0.135 0.348 0 0.016-0.001 0.032-0.002 0.047l0-0.002c-0.009 0.148-0.077 0.279-0.18 0.37l-0.001 0-0.504 0.454 1.012 1.004 0.021 0.032 0.011 0.011c0.086 0.092 0.139 0.216 0.139 0.352 0 0.008-0 0.016-0.001 0.023l0-0.001c-0.003 0.145-0.064 0.276-0.16 0.37l-0 0c-0.088 0.090-0.207 0.148-0.34 0.157l-0.002 0c-0.013 0.001-0.028 0.002-0.043 0.002-0.114 0-0.22-0.035-0.307-0.094l0.002 0.001-0.019-0.015-0.009-0.008-0.020-0.014c-0.009-0.007-0.017-0.014-0.032-0.028l-1.064-1.060-0.547 0.49c-0.095 0.087-0.223 0.141-0.363 0.141-0.009 0-0.017-0-0.026-0.001l0.001 0c-0.15-0.003-0.284-0.069-0.377-0.173l-0-0.001c-0.085-0.097-0.138-0.225-0.138-0.365 0-0.16 0.068-0.305 0.178-0.406l0-0 0.505-0.455-0.603-0.597-0.637 0.576v1.458c0 0.301-0.244 0.546-0.546 0.546s-0.546-0.244-0.546-0.546v0-5.315c0.004-0.3 0.245-0.541 0.544-0.546h0z',
-  transactions: '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',
+  backers: 'M16.006 2.664c7.36 0 13.327 5.967 13.327 13.327v.007c0 7.363-5.97 13.333-13.333 13.333S2.667 23.362 2.667 15.998c0-7.359 5.962-13.326 13.32-13.333zM16 5.331c-5.891 0-10.667 4.776-10.667 10.667S10.109 26.665 16 26.665h.003c5.89 0 10.664-4.775 10.664-10.664v-.003c0-5.89-4.776-10.667-10.667-10.667m5.746 13.333a.672.672 0 0 1 .587 1l-.018.035A7.31 7.31 0 0 1 16 23.331l-.001.001c-2.61-.004-4.898-1.373-6.209-3.463l-.122-.201a.675.675 0 0 1 .585-1.004zM10.95 11.2h2.1V10H15v1.2h-.9v1.2h-1.05v1.2h.9v1.2H15V16h-1.95v-1.2h-2.1V16H9v-1.2h1.05v-1.2h.9v-1.2H9.9v-1.2H9V10h1.95zm8-1.2v1.2h2.1V10H23v1.2h-.9v1.2h-1.05v1.2h.9v1.2H23V16h-1.95v-1.2h-2.1V16H17v-1.2h1.05v-1.2h.9v-1.2H17.9v-1.2H17V10z',
+  juries: 'M16.006 2.664c7.36 0 13.327 5.967 13.327 13.327v.007c0 7.363-5.97 13.333-13.333 13.333S2.667 23.362 2.667 15.998c0-7.359 5.962-13.326 13.32-13.333zM16 5.331c-5.891 0-10.667 4.776-10.667 10.667S10.109 26.665 16 26.665h.003c5.89 0 10.664-4.775 10.664-10.664v-.003c0-5.89-4.776-10.667-10.667-10.667m5.746 13.333a.672.672 0 0 1 .587 1l-.018.035A7.31 7.31 0 0 1 16 23.331l-.001.001c-2.61-.004-4.898-1.373-6.209-3.463l-.122-.201a.675.675 0 0 1 .585-1.004zM10.95 11.2h2.1V10H15v1.2h-.9v1.2h-1.05v1.2h.9v1.2H15V16h-1.95v-1.2h-2.1V16H9v-1.2h1.05v-1.2h.9v-1.2H9.9v-1.2H9V10h1.95zm8-1.2v1.2h2.1V10H23v1.2h-.9v1.2h-1.05v1.2h.9v1.2H23V16h-1.95v-1.2h-2.1V16H17v-1.2h1.05v-1.2h.9v-1.2H17.9v-1.2H17V10z',
+  transactions: 'M27 9.4V5h-7.15v4.4h-7.7V5H5v4.4h3.3v4.4h3.85v4.4h-3.3v4.4H5V27h7.15v-4.4h7.7V27H27v-4.4h-3.85v-4.4h-3.3v-4.4h3.85V9.4z',
   updates: 'M16 29.333c1.471-0.005 2.662-1.196 2.667-2.666v-0h-5.333c0 0 0 0 0 0.001 0 1.472 1.194 2.666 2.666 2.666 0 0 0 0 0.001 0h-0zM24 21.333v-6.667c0-4.093-2.187-7.52-6-8.427v-0.907c0-1.105-0.895-2-2-2s-2 0.895-2 2v0 0.907c-3.827 0.907-6 4.32-6 8.427v6.667l-1.72 1.72c-0.244 0.242-0.394 0.577-0.394 0.947 0 0.734 0.594 1.33 1.327 1.333h17.56c0.738-0.001 1.336-0.599 1.336-1.337 0-0.368-0.149-0.701-0.389-0.943l0 0z',
   matchmaking: 'M28.449 11.94l-1.98-1.98c-0.216-0.218-0.516-0.353-0.847-0.353s-0.631 0.135-0.847 0.353l-11.973 11.973-5.569-5.574c-0.216-0.218-0.516-0.353-0.847-0.353s-0.631 0.135-0.847 0.353l-1.985 1.985c-0.218 0.217-0.353 0.518-0.353 0.85s0.135 0.633 0.353 0.85l8.399 8.404c0.216 0.218 0.516 0.353 0.847 0.353s0.631-0.135 0.847-0.353l14.798-14.81c0.217-0.218 0.351-0.518 0.351-0.85s-0.134-0.632-0.351-0.85l0 0zM12.236 17.239c0.144 0.146 0.344 0.236 0.565 0.236s0.421-0.090 0.565-0.236l10.399-10.409c0.144-0.145 0.233-0.345 0.233-0.565s-0.089-0.42-0.233-0.565l-2.259-2.261c-0.144-0.146-0.344-0.236-0.565-0.236s-0.421 0.090-0.565 0.236l-7.573 7.573-2.773-2.773c-0.144-0.144-0.342-0.232-0.561-0.232s-0.417 0.089-0.561 0.232v0l-2.27 2.26c-0.144 0.145-0.233 0.345-0.233 0.565s0.089 0.42 0.233 0.565l-0-0 5.599 5.61z',
   results: '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',
@@ -735,13 +1096,61 @@ const icons = {
   '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',
   deposit: 'M2.216 5.6A3.384 3.384 0 015.6 2.216h20.8A3.384 3.384 0 0129.785 5.6v11.2a3.384 3.384 0 01-3.385 3.385h-3.2a.984.984 0 110-1.97h3.2c.782 0 1.416-.633 1.416-1.415V5.6c0-.782-.634-1.415-1.416-1.415H5.6c-.782 0-1.415.633-1.415 1.415v11.2c0 .782.633 1.416 1.415 1.416h3.2a.984.984 0 110 1.969H5.6A3.384 3.384 0 012.216 16.8V5.6zM8 7.016c.544 0 .985.44.985.984v5.6a.984.984 0 11-1.97 0V8c0-.543.442-.984.985-.984zm8 1.969a2.216 2.216 0 100 4.43 2.216 2.216 0 000-4.43zM11.816 11.2a4.184 4.184 0 118.369 0 4.184 4.184 0 01-8.37 0zM24 7.016c.544 0 .985.44.985.984v5.6a.984.984 0 01-1.97 0V8c0-.543.441-.984.985-.984zm-8 11.543c.543 0 .983.44.983.985v6.88l2.54-2.54a.984.984 0 111.393 1.391l-4.221 4.221a.984.984 0 01-1.392 0l-4.526-4.525a.984.984 0 011.393-1.393l2.845 2.846v-6.88c0-.544.44-.985.984-.985z',
-  withdraw: 'M29.8 26.4a3.4 3.4 0 01-3.4 3.4H5.6a3.4 3.4 0 01-3.4-3.4V15.2a3.4 3.4 0 013.4-3.4h3.2a1 1 0 110 2H5.6a1.4 1.4 0 00-1.4 1.4v11.2a1.4 1.4 0 001.4 1.4h20.8a1.4 1.4 0 001.4-1.4V15.2a1.4 1.4 0 00-1.4-1.4h-3.2a1 1 0 110-2h3.2a3.4 3.4 0 013.4 3.4v11.2zM24 25a1 1 0 01-1-1v-5.6a1 1 0 112 0V24a1 1 0 01-1 1zm-8-2a2.2 2.2 0 100-4.4 2.2 2.2 0 000 4.4zm4.2-2.2a4.2 4.2 0 11-8.4 0 4.2 4.2 0 018.4 0zM8 25a1 1 0 01-1-1v-5.6a1 1 0 112 0V24a1 1 0 01-1 1zm8-11.543a1 1 0 01-1-1l.001-6.843-2.513 2.514a1 1 0 11-1.415-1.414l4.221-4.221a1 1 0 011.414 0l4.526 4.525a1 1 0 01-1.415 1.415l-2.818-2.819v6.843a1 1 0 01-1 1z'
+  withdraw: 'M29.8 26.4a3.4 3.4 0 01-3.4 3.4H5.6a3.4 3.4 0 01-3.4-3.4V15.2a3.4 3.4 0 013.4-3.4h3.2a1 1 0 110 2H5.6a1.4 1.4 0 00-1.4 1.4v11.2a1.4 1.4 0 001.4 1.4h20.8a1.4 1.4 0 001.4-1.4V15.2a1.4 1.4 0 00-1.4-1.4h-3.2a1 1 0 110-2h3.2a3.4 3.4 0 013.4 3.4v11.2zM24 25a1 1 0 01-1-1v-5.6a1 1 0 112 0V24a1 1 0 01-1 1zm-8-2a2.2 2.2 0 100-4.4 2.2 2.2 0 000 4.4zm4.2-2.2a4.2 4.2 0 11-8.4 0 4.2 4.2 0 018.4 0zM8 25a1 1 0 01-1-1v-5.6a1 1 0 112 0V24a1 1 0 01-1 1zm8-11.543a1 1 0 01-1-1l.001-6.843-2.513 2.514a1 1 0 11-1.415-1.414l4.221-4.221a1 1 0 011.414 0l4.526 4.525a1 1 0 01-1.415 1.415l-2.818-2.819v6.843a1 1 0 01-1 1z',
+  lx: 'M27 9.4V5h-7.15v4.4h-7.7V5H5v4.4h3.3v4.4h3.85v4.4h-3.3v4.4H5V27h7.15v-4.4h7.7V27H27v-4.4h-3.85v-4.4h-3.3v-4.4h3.85V9.4z',
+  vote: 'M5.21704 23L0 8H3.3417L5.74573 15.2987C5.97183 16.0168 6.20459 16.7819 6.444 17.594C6.6834 18.3993 6.93611 19.2617 7.20211 20.1812C7.46147 19.2617 7.7042 18.3993 7.9303 17.594C8.16306 16.7819 8.38917 16.0168 8.60862 15.2987L10.9328 8H14.2346L9.12733 23H5.21704Z M32 11V8H27.1695V11H21.9674V8H17.1369V11H19.3664V14H21.9674V17H19.7379V20H17.1369V23H21.9674V20H27.1695V23H32V20H29.399V17H27.1695V14H29.7705V11H32Z'
 };
 
-const TextFieldInputStyle = /*#__PURE__*/_styled.input.withConfig({
-  displayName: "styles__TextFieldInputStyle",
-  componentId: "sc-1hxcxbo-0"
-})(["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`
+const TextFieldInputStyle = styled.input`
+  border-width: ${field.borderWidth};
+  border-style: solid;
+  border-color: ${props => props.error ? field.errorBorderColor : field.borderColor};
+  border-radius: ${field.borderRadius};
+  background-repeat: no-repeat;
+  background-size: ${/*#__PURE__*/rem('20px')} ${/*#__PURE__*/rem('20px')};
+  background-position: ${/*#__PURE__*/rem('10px')} 50%;
+  height: ${field.height};
+  padding: ${/*#__PURE__*/rem('10px')};
+  font-family: inherit;
+  font-size: ${typography.defaultSize};
+  transition-property: border-color;
+  transition-duration: ${misc.transitionDuration};
+
+  &:hover {
+    border-color: ${field.hoverBorderColor};
+  }
+
+  &:focus {
+    border-color: ${field.activeBorderColor};
+    outline: none;
+  }
+
+  &:disabled {
+    border-color: ${field.borderColor};
+    background-color: ${field.disabledBackgroundColor};
+    color: ${field.disabledColor};
+  }
+
+  &:invalid {
+    border-color: ${field.errorBorderColor};
+    outline: none;
+    box-shadow: none;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+  }
+
+  &:required {
+    border-color: ${props => props.error ? field.errorBorderColor : field.borderColor};
+  }
+
+  &::placeholder,
+  &:-ms-input-placeholder,
+  &::-ms-input-placeholder {
+    color: ${field.placeholderColor};
+    opacity: 1;
+  }
+
+  ${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')};
 
@@ -749,12 +1158,13 @@ const TextFieldInputStyle = /*#__PURE__*/_styled.input.withConfig({
         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 Wrapper$1 = _styled.div`
+const Wrapper$1 = styled.div`
   position: relative;
 `;
-const TextAreaStyle = _styled.textarea`
+const TextAreaStyle = styled.textarea`
   border-width: ${field.borderWidth};
   border-style: solid;
   border-color: ${props => props.error ? field.errorBorderColor : field.borderColor};
@@ -810,7 +1220,7 @@ const TextAreaStyle = _styled.textarea`
     opacity: 1;
   }
 `;
-const Count = _styled.div`
+const Count = styled.div`
   position: absolute;
   top: ${/*#__PURE__*/rem('5px')};
   right: ${/*#__PURE__*/rem('10px')};
@@ -827,7 +1237,7 @@ const Count = _styled.div`
   }
 `;
 
-const SelectStyle = _styled.select`
+const SelectStyle = styled.select`
   border: ${field.borderWidth} solid
     ${props => props.error ? field.errorBorderColor : field.borderColor};
   border-radius: ${field.borderRadius};
@@ -863,13 +1273,18 @@ const SelectStyle = _styled.select`
   }
 `;
 
-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' ? field.successBorderColor : field.errorBorderColor, TextFieldInputStyle, TextAreaStyle, SelectStyle, /*#__PURE__*/rem('5px'));
+const ErrorStyle = styled.span`
+  display: block;
+  font-size: 0.7rem;
+  color: ${props => props.color === 'success' ? field.successBorderColor : field.errorBorderColor};
 
-const ErrorField = props => {
-  const {
+  ${TextFieldInputStyle} + &, ${TextAreaStyle} + &, ${SelectStyle} + & {
+    margin-top: ${/*#__PURE__*/rem('5px')};
+  }
+`;
+
+const ErrorField = props => {
+  const {
     color = 'red',
     error,
     className = 'error-field',
@@ -901,10 +1316,19 @@ const Icon = props => {
   }));
 };
 
-const LabelStyle = /*#__PURE__*/_styled.label.withConfig({
-  displayName: "styles__LabelStyle",
-  componentId: "sc-pbv9we-0"
-})(["display:flex;align-items:center;font-size:", ";font-weight:", ";color:", ";svg{margin-left:", ";width:auto;height:", ";}"], typography.fontSizeXs, typography.semiBold, colors.grey500, /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('16px'));
+const LabelStyle = styled.label`
+  display: flex;
+  align-items: center;
+  font-size: ${typography.fontSizeXs};
+  font-weight: ${typography.semiBold};
+  color: ${colors.grey500};
+
+  svg {
+    margin-left: ${/*#__PURE__*/rem('5px')};
+    width: auto;
+    height: ${/*#__PURE__*/rem('16px')};
+  }
+`;
 
 const Label = props => {
   const {
@@ -916,27 +1340,29 @@ const Label = props => {
   return /*#__PURE__*/React.createElement(LabelStyle, {
     className: className,
     style: style
-  }, value, currency === 'tkai' && /*#__PURE__*/React.createElement(Icon, {
-    icon: "tkai",
-    fill: colors.grey200
-  }), currency === 'vkai' && /*#__PURE__*/React.createElement(Icon, {
-    icon: "vkai",
+  }, value, currency && /*#__PURE__*/React.createElement(Icon, {
+    icon: currency,
     fill: colors.grey200
   }));
 };
 
-const rotation = keyframes`
-  from {
+const Loading = styled.div`
+  @keyframes rotation {
+    from {
       transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
   }
-  to {
-    transform: rotate(360deg);
-  }
+
+  border: ${/*#__PURE__*/rem('5px')} solid hsla(0, 0%, 48%, 0.5);
+  border-top-color: ${props => props.fill || colors.white};
+  border-radius: 50%;
+  width: ${props => props.size || rem('20px')};
+  height: ${props => props.size || rem('20px')};
+  animation: rotation 0.8s ease infinite;
 `;
-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 || colors.white, props => props.size || rem('20px'), props => props.size || rem('20px'), rotation);
 
 const Spinner = props => {
   const {
@@ -953,10 +1379,23 @@ const Spinner = props => {
   });
 };
 
-const TagWrapper = /*#__PURE__*/_styled.span.withConfig({
-  displayName: "styles__TagWrapper",
-  componentId: "sc-1ghratr-0"
-})(["--bg:", ";--txt:", ";display:inline-block;border:", " solid var(--bg);border-radius:", ";background-color:", ";padding:", " ", ";font-size:", ";font-weight:", ";text-transform:uppercase;letter-spacing:", ";line-height:1;color:", ";white-space:nowrap;"], props => useColor(props.color ?? 'black').color, props => useColor(props.txtColor ?? 'black').color, /*#__PURE__*/rem('2px'), /*#__PURE__*/rem('4px'), props => props.variant === 'solid' ? 'var(--bg)' : 'transparent', /*#__PURE__*/rem('3px'), /*#__PURE__*/rem('8px'), /*#__PURE__*/rem('12px'), typography.medium, /*#__PURE__*/rem('1px'), props => props.variant === 'solid' ? 'var(--txt)' : 'var(--bg)');
+const TagWrapper = styled.span`
+  --bg: ${props => useColor(props.color ?? 'black').color};
+  --txt: ${props => useColor(props.txtColor ?? 'black').color};
+
+  display: inline-block;
+  border: ${/*#__PURE__*/rem('2px')} solid var(--bg);
+  border-radius: ${/*#__PURE__*/rem('4px')};
+  background-color: ${props => props.variant === 'solid' ? 'var(--bg)' : 'transparent'};
+  padding: ${/*#__PURE__*/rem('3px')} ${/*#__PURE__*/rem('8px')};
+  font-size: ${/*#__PURE__*/rem('12px')};
+  font-weight: ${typography.medium};
+  text-transform: uppercase;
+  letter-spacing: ${/*#__PURE__*/rem('1px')};
+  line-height: 1;
+  color: ${props => props.variant === 'solid' ? 'var(--txt)' : 'var(--bg)'};
+  white-space: nowrap;
+`;
 
 const Tag = props => {
   const {
@@ -977,10 +1416,44 @@ const Tag = props => {
   }, value);
 };
 
-const TagWrapper$1 = /*#__PURE__*/_styled.div.withConfig({
-  displayName: "styles__TagWrapper",
-  componentId: "sc-db57da-0"
-})(["--bg:", ";--valueColor:", ";display:flex;border:", " solid var(--bg);border-radius:", ";line-height:1;max-width:100%;width:max-content;overflow:hidden;span{display:inline-block;padding:", " ", ";font-size:", ";font-weight:", ";letter-spacing:", ";&.label{flex:1;color:var(--bg);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;}&.value{background-color:var(--bg);color:var(--valueColor);}}&:not(:first-child){margin-left:", ";}"], props => useColor(props.color ?? 'black').color, props => useColor(props.valueColor ?? 'black').color, /*#__PURE__*/rem('2px'), /*#__PURE__*/rem('3px'), /*#__PURE__*/rem('3px'), /*#__PURE__*/rem('8px'), /*#__PURE__*/rem('12px'), typography.medium, /*#__PURE__*/rem('1px'), /*#__PURE__*/rem('5px'));
+const TagWrapper$1 = styled.div`
+  --bg: ${props => useColor(props.color ?? 'black').color};
+  --valueColor: ${props => useColor(props.valueColor ?? 'black').color};
+
+  display: flex;
+  border: ${/*#__PURE__*/rem('2px')} solid var(--bg);
+  border-radius: ${/*#__PURE__*/rem('3px')};
+  line-height: 1;
+  max-width: 100%;
+  width: max-content;
+  overflow: hidden;
+
+  span {
+    display: inline-block;
+    padding: ${/*#__PURE__*/rem('3px')} ${/*#__PURE__*/rem('8px')};
+    font-size: ${/*#__PURE__*/rem('12px')};
+    font-weight: ${typography.medium};
+    letter-spacing: ${/*#__PURE__*/rem('1px')};
+
+    &.label {
+      flex: 1;
+      color: var(--bg);
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      text-transform: uppercase;
+    }
+
+    &.value {
+      background-color: var(--bg);
+      color: var(--valueColor);
+    }
+  }
+
+  &:not(:first-child) {
+    margin-left: ${/*#__PURE__*/rem('5px')};
+  }
+`;
 
 const TagNumber = props => {
   const {
@@ -1135,7 +1608,7 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-const SelectWrapper = _styled.div`
+const SelectWrapper = styled.div`
   .select {
     &-interactive {
       z-index: 3;
@@ -1261,7 +1734,7 @@ const SelectWrapper = _styled.div`
     pointer-events: none;
   }
 `;
-const SelectGroupLabel = _styled.span`
+const SelectGroupLabel = styled.span`
   font-size: ${typography.fontSizeXs};
   color: ${field.placeholderColor};
 
@@ -1271,7 +1744,7 @@ const SelectGroupLabel = _styled.span`
     color: ${field.activeBorderColor};
   }
 `;
-const SingleValue = _styled.div`
+const SingleValue = styled.div`
   grid-area: 1 / 1 / 2 / 3;
   margin-left: ${/*#__PURE__*/rem('2px')};
   margin-right: ${/*#__PURE__*/rem('2px')};
@@ -1325,6 +1798,7 @@ const SelectInteractive = ({
   onChange = () => {},
   onInputChange = () => {},
   dataTestId,
+  filterOption,
   ...rest
 }) => {
   return /*#__PURE__*/React.createElement(SelectWrapper, _extends({
@@ -1349,13 +1823,14 @@ const SelectInteractive = ({
       Option: CustomSelectOption,
       SingleValue: CustomSelectValue
     },
-    formatGroupLabel: s => formatGroupLabel ? FormatGroupLabel(s) : undefined
+    formatGroupLabel: s => formatGroupLabel ? FormatGroupLabel(s) : undefined,
+    filterOption: filterOption
   }), error ? /*#__PURE__*/React.createElement(ErrorField, {
     error: error
   }) : null);
 };
 
-const Wrapper$2 = _styled.div`
+const Wrapper$2 = styled.div`
   border-width: ${field.borderWidth};
   border-style: solid;
   border-color: ${props => props.error ? field.errorBorderColor : field.borderColor};
@@ -1397,7 +1872,7 @@ const Wrapper$2 = _styled.div`
     margin-top: ${props => props.error ? rem('5px') : 0};
   }
 `;
-const Appendix = _styled.div`
+const Appendix = styled.div`
   border-width: ${props => props.position === 'left' ? `0 ${field.borderWidth} 0 0` : `0 0 0 ${field.borderWidth}`};
   border-style: solid;
   border-color: ${props => props.error ? field.errorBorderColor : field.borderColor};
@@ -1457,10 +1932,18 @@ const TextFieldAppendix = props => {
   }) : null);
 };
 
-const TruncateWrapper = /*#__PURE__*/_styled.div.withConfig({
-  displayName: "styles__TruncateWrapper",
-  componentId: "sc-1p4cmvj-0"
-})(["display:table;table-layout:fixed;width:100%;white-space:nowrap;span{display:table-cell;overflow:hidden;text-overflow:ellipsis;}"]);
+const TruncateWrapper = styled.div`
+  display: table;
+  table-layout: fixed;
+  width: 100%;
+  white-space: nowrap;
+
+  span {
+    display: table-cell;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+`;
 
 const TruncateLine = props => {
   const {
@@ -1493,7 +1976,7 @@ const device = {
   mouse: '(min-width: 538px) and (min-height: 720px)'
 };
 
-const Wrapper$3 = _styled.div`
+const Wrapper$3 = styled.div`
   position: relative;
 
   .carousel .control-arrow,
@@ -1882,7 +2365,7 @@ const Slideshow = props => {
   }, children));
 };
 
-const Wrapper$4 = _styled.div`
+const Wrapper$4 = styled.div`
   position: relative;
   padding-top: 56.25%;
 `;
@@ -1917,11 +2400,11 @@ const VideoPlayer = props => {
   }));
 };
 
-const Wrapper$5 = _styled.div`
+const Wrapper$5 = styled.div`
   display: flex;
   align-items: center;
 `;
-const Bar = _styled.div`
+const Bar = styled.div`
   flex: 1;
   border: ${/*#__PURE__*/rem('1px')} solid ${colors.purple100};
   border-radius: 999px;
@@ -1929,14 +2412,14 @@ const Bar = _styled.div`
   height: ${/*#__PURE__*/rem('10px')};
   overflow: hidden;
 `;
-const Progress = _styled.div`
+const Progress = styled.div`
   border-radius: 999px;
   background-color: ${colors.purple500};
   height: 100%;
   width: ${props => props.progress ? `${props.progress}%` : 0};
   transition-duration: 2s;
 `;
-const Value = _styled.div`
+const Value = styled.div`
   margin-left: ${/*#__PURE__*/rem('5px')};
   font-size: ${typography.fontSizeXs};
   font-weight: ${typography.regular};
@@ -1955,7 +2438,7 @@ const ProgressBar = props => {
   })), value && /*#__PURE__*/React.createElement(Value, null, value));
 };
 
-const Switcher = _styled.fieldset`
+const Switcher = styled.fieldset`
   margin: 0;
   border: none;
   padding: 0;
@@ -2125,7 +2608,7 @@ const Toggle = ({
   }, labelRight)));
 };
 
-const Wrapper$6 = _styled.div`
+const Wrapper$6 = styled.div`
   input {
     width: 0.1px;
     height: 0.1px;
@@ -2249,18 +2732,81 @@ const FilePicker = props => {
   }));
 };
 
-const ActionsMenuStyle$1 = /*#__PURE__*/_styled.div.withConfig({
-  displayName: "styles__ActionsMenuStyle",
-  componentId: "sc-1peafop-0"
-})(["height:", ";button{margin-top:", ";}"], /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('7px'));
-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:", ";-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`
+const ActionsMenuStyle$1 = styled.div`
+  height: ${/*#__PURE__*/rem('50px')};
+
+  button {
+    margin-top: ${/*#__PURE__*/rem('7px')};
+  }
+`;
+const List = styled.ul`
+  position: absolute;
+  border: ${field.borderWidth} solid ${field.borderColor};
+  border-radius: ${field.borderRadius};
+  background-color: ${field.backgroundColor};
+  margin-top: ${/*#__PURE__*/rem('5px')};
+  min-width: ${/*#__PURE__*/rem('200px')};
+  max-width: ${/*#__PURE__*/rem('250px')};
+  padding: 0;
+  -moz-box-shadow: ${field.boxShadow};
+  -webkit-box-shadow: ${field.boxShadow};
+  box-shadow: ${field.boxShadow};
+  overflow: hidden;
+  z-index: 1;
+
+  ${props => props.rowIndex != undefined && css`
       --margin: ${`calc(${rem('45px')} + ${rem('50px')} * ${props.rowIndex} + ${rem('42px')})`};
       top: var(--margin);
       right: ${rem('5px')};
-    `, /*#__PURE__*/rem('45px'), field.hoverBorderColor, field.borderWidth, field.borderColor, field.errorBorderColor, field.disabledColor, /*#__PURE__*/rem('20px'), field.color);
+    `}
+
+  li {
+    list-style: none;
+    min-height: ${/*#__PURE__*/rem('45px')};
+    display: flex;
+    transition-duration: 0.3s;
+
+    &:hover {
+      background-color: ${field.hoverBorderColor};
+      cursor: pointer;
+    }
+
+    &.danger {
+      border-top: ${field.borderWidth} solid ${field.borderColor};
+
+      a {
+        color: ${field.errorBorderColor};
+      }
+    }
+
+    &.disabled {
+      a {
+        color: ${field.disabledColor};
+        pointer-events: none;
+      }
+
+      &:hover {
+        background-color: transparent;
+      }
+    }
+
+    a {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      padding: 0 ${/*#__PURE__*/rem('20px')};
+      color: ${field.color};
+      text-decoration: none;
+      white-space: nowrap;
+
+      span {
+        display: table-cell;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+`;
 
 const ActionMenuList = props => {
   const {
@@ -2331,10 +2877,31 @@ const ActionsMenu = props => {
   }) : null);
 };
 
-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;> 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 CardValueStyle = styled.div`
+  border: ${field.borderWidth} solid ${field.borderColor};
+  border-radius: ${field.borderRadius};
+  background-color: ${colors.white};
+  display: flex;
+  flex-direction: column;
+  padding: ${/*#__PURE__*/rem('15px')};
+  overflow-x: auto;
+
+  > span {
+    display: block;
+    margin-top: ${/*#__PURE__*/rem('5px')};
+    font-size: ${/*#__PURE__*/rem('32px')};
+    font-weight: ${typography.semiBold};
+    line-height: 1;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  a,
+  button {
+    margin-top: ${/*#__PURE__*/rem('20px')};
+  }
+`;
 
 const CardValue = props => {
   const {
@@ -2363,30 +2930,118 @@ const CardValue = props => {
   }));
 };
 
-const EmptyTableWrapper = /*#__PURE__*/_styled.div.withConfig({
-  displayName: "styles__EmptyTableWrapper",
-  componentId: "sc-1dgsb9l-0"
-})(["position:relative;"]);
-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:", ";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 ${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'), 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:", ";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(colors.white, 0), /*#__PURE__*/rgba(colors.white, 1), /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('15px'), colors.grey400);
+const EmptyTableWrapper = styled.div`
+  position: relative;
+`;
+const EmptyTableHead = styled.div`
+  border-width: ${props => props.border ? field.borderWidth : `0 0 ${field.borderWidth} 0`};
+  border-style: solid;
+  border-color: ${colors.grey200};
+  border-radius: ${field.borderRadius} ${field.borderRadius} 0 0;
+  height: ${/*#__PURE__*/rem('50px')};
+  display: flex;
+  align-items: center;
+  font-size: ${typography.fontSizeSm};
+  font-weight: ${typography.semiBold};
+  color: ${colors.grey400};
+
+  > div {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: none;
+    flex: 1;
+    padding: 0 ${/*#__PURE__*/rem('15px')};
+    font-size: ${typography.fontSizeSm};
+    font-weight: ${typography.semiBold};
+    color: ${colors.grey400};
+
+    &:first-child,
+    &:nth-child(2) {
+      display: initial;
+    }
+
+    @media ${device.s} {
+      &:nth-child(3) {
+        display: initial;
+      }
+    }
+
+    @media ${device.m} {
+      &:nth-child(4) {
+        display: initial;
+      }
+    }
+
+    @media ${device.l} {
+      display: initial;
+    }
+  }
+`;
+const EmptyTableBody = styled.div`
+  border-width: ${props => props.border ? `0 ${field.borderWidth} ${field.borderWidth} ${field.borderWidth}` : 0};
+  border-style: solid;
+  border-color: ${colors.grey200};
+  border-radius: 0 0 ${field.borderRadius} ${field.borderRadius};
+`;
+const EmptyTableRow = styled.div`
+  height: ${/*#__PURE__*/rem('50px')};
+  display: flex;
+  align-items: center;
+
+  &:not(:last-child) {
+    border-bottom: ${field.borderWidth} solid ${colors.grey200};
+  }
+
+  > div {
+    display: none;
+    flex: 1;
+    padding: 0 ${/*#__PURE__*/rem('15px')};
+
+    &:first-child,
+    &:nth-child(2) {
+      display: inherit;
+    }
+
+    @media ${device.s} {
+      &:nth-child(3) {
+        display: inherit;
+      }
+    }
+
+    @media ${device.m} {
+      &:nth-child(4) {
+        display: inherit;
+      }
+    }
+
+    @media ${device.l} {
+      display: inherit;
+    }
+  }
+`;
+const EmptyTableCellText = styled.div`
+  background-color: ${colors.grey200};
+  width: 100%;
+  height: ${/*#__PURE__*/rem('15px')};
+`;
+const EmptyTableOverlay = styled.div`
+  position: absolute;
+  bottom: 0;
+  background-image: linear-gradient(
+    to bottom,
+    ${/*#__PURE__*/rgba(colors.white, 0)},
+    ${/*#__PURE__*/rgba(colors.white, 1)}
+  );
+  width: 100%;
+  height: calc(100% - ${/*#__PURE__*/rem('50px')});
+  display: flex;
+  justify-content: center;
+  align-items: flex-end;
+  padding: 0 ${/*#__PURE__*/rem('15px')} ${/*#__PURE__*/rem('15px')} ${/*#__PURE__*/rem('15px')};
+  text-align: center;
+  color: ${colors.grey400};
+`;
 
 const EmptyTable = props => {
   let rows = [];
@@ -2416,10 +3071,25 @@ const EmptyTable = props => {
   }, rows));
 };
 
-const FooterStyle = /*#__PURE__*/_styled.div.withConfig({
-  displayName: "styles__FooterStyle",
-  componentId: "sc-1xdsng6-0"
-})(["position:relative;margin-top:", ";max-width:100%;display:flex;justify-content:center;> button{min-width:", ";&:not(:last-child){margin-right:", ";}}@media ", "{justify-content:flex-end;}"], /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('100px'), /*#__PURE__*/rem('5px'), device.s);
+const FooterStyle = styled.div`
+  position: relative;
+  margin-top: ${/*#__PURE__*/rem('50px')};
+  max-width: 100%;
+  display: flex;
+  justify-content: center;
+
+  > button {
+    min-width: ${/*#__PURE__*/rem('100px')};
+
+    &:not(:last-child) {
+      margin-right: ${/*#__PURE__*/rem('5px')};
+    }
+  }
+
+  @media ${device.s} {
+    justify-content: flex-end;
+  }
+`;
 
 const ModalFooter = props => {
   const {
@@ -2442,22 +3112,47 @@ const ModalFooter = props => {
   }), children);
 };
 
-const Wrapper$7 = /*#__PURE__*/_styled.div.withConfig({
-  displayName: "styles__Wrapper",
-  componentId: "sc-d2fn4g-0"
-})(["--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`
+const Wrapper$7 = styled.div`
+  --borderColor: ${field.borderColor};
+  --backgroundColor: ${colors.purple50};
+  --dark: ${colors.purple400};
+
+  ${props => props.color === 'grey' && css`
       --borderColor: ${field.borderColor};
       --backgroundColor: ${colors.purple50};
       --dark: ${colors.purple400};
-    `, props => props.color === 'green' && css`
+    `}
+
+  ${props => props.color === 'green' && css`
       --borderColor: ${field.successBorderColor};
       --backgroundColor: ${field.successBackgroundColor};
       --dark: ${colors.green900};
-    `, props => props.color === 'red' && css`
+    `}
+
+  ${props => props.color === 'red' && css`
       --borderColor: ${field.errorBorderColor};
       --backgroundColor: ${field.errorBackgroundColor};
       --dark: ${colors.red800};
-    `, field.borderWidth, field.borderRadius, /*#__PURE__*/rem('15px'), props => props.buttonValue && css`
+    `}
+
+  border-width: ${field.borderWidth};
+  border-style: solid;
+  border-color: var(--borderColor);
+  border-radius: ${field.borderRadius};
+  background-color: var(--backgroundColor);
+  padding: ${/*#__PURE__*/rem('15px')};
+
+  div {
+    &:first-child {
+      flex: 1;
+    }
+
+    p {
+      margin: 0;
+    }
+  }
+
+  ${props => props.buttonValue && css`
       button {
         margin: ${rem('30px')} 0 0 0;
         border: 0;
@@ -2489,7 +3184,8 @@ const Wrapper$7 = /*#__PURE__*/_styled.div.withConfig({
           margin: 0 0 0 ${rem('30px')};
         }
       }
-    `);
+    `}
+`;
 
 const NoteCard = props => {
   const {
@@ -2514,18 +3210,227 @@ function hasValue(value) {
   return value !== undefined && value !== null;
 }
 
-const TableWrapper = /*#__PURE__*/_styled.div.withConfig({
-  displayName: "styles__TableWrapper",
-  componentId: "sc-vmoy3z-0"
-})(["position:relative;"]);
-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:", ";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;}}&.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`
+const TableWrapper = styled.div`
+  position: relative;
+`;
+const OverflowWrapper = styled.div`
+  @media ${device.s} {
+    display: block;
+    border-radius: ${field.borderRadius};
+    background:
+      linear-gradient(to right, ${colors.white} 30%, rgba(255, 255, 255, 0)),
+      linear-gradient(to right, rgba(255, 255, 255, 0), ${colors.white} 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: ${colors.white};
+    background-size:
+      ${/*#__PURE__*/rem('40px')} 100%,
+      ${/*#__PURE__*/rem('40px')} 100%,
+      ${/*#__PURE__*/rem('14px')} 100%,
+      ${/*#__PURE__*/rem('14px')} 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;
+  }
+`;
+const Table = styled.table`
+  width: 100%;
+  border-width: 0;
+  border-style: solid;
+  border-color: ${colors.grey200};
+  border-radius: ${field.borderRadius};
+  border-spacing: 0;
+  white-space: nowrap;
+
+  @media ${device.s} {
+    border-width: ${props => props.border ? field.borderWidth : 0};
+  }
+
+  th,
+  td {
+    height: ${/*#__PURE__*/rem('50px')};
+    padding: 0 ${/*#__PURE__*/rem('15px')};
+
+    &.center {
+      text-align: center;
+
+      > div {
+        justify-content: center;
+      }
+    }
+
+    &.right {
+      text-align: right;
+
+      > div {
+        justify-content: flex-end;
+      }
+    }
+
+    &.thin {
+      @media ${device.s} {
+        max-width: min-content;
+      }
+    }
+
+    &.vkai,
+    &.tkai,
+    &.lx,
+    &.vote {
+      text-align: right;
+
+      > div {
+        justify-content: flex-end;
+      }
+    }
+
+    &.avatar > div {
+      display: flex;
+      align-items: center;
+
+      .avatar-img {
+        margin-right: ${/*#__PURE__*/rem('15px')};
+      }
+    }
+  }
+
+  th {
+    font-size: ${typography.fontSizeSm};
+
+    &:first-child {
+      border-top-left-radius: ${field.borderRadius};
+    }
+
+    &:last-child {
+      border-top-right-radius: ${field.borderRadius};
+    }
+  }
+
+  tr {
+    border: ${field.borderWidth} solid ${colors.grey200};
+    border-radius: ${field.borderRadius};
+    position: relative;
+
+    &:not(:last-child) {
+      margin-bottom: ${/*#__PURE__*/rem('15px')};
+    }
+
+    @media ${device.s} {
+      border: 0;
+    }
+  }
+
+  thead {
+    border: none;
+    clip: rect(0 0 0 0);
+    height: ${/*#__PURE__*/rem('1px')};
+    margin: ${/*#__PURE__*/rem('-1px')};
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: ${/*#__PURE__*/rem('1px')};
+
+    @media ${device.s} {
+      display: contents;
+      font-weight: ${typography.semiBold};
+      color: ${colors.grey400};
+      text-align: left;
+    }
+  }
+
+  tbody {
+    tr {
+      display: block;
+      transition-duration: ${misc.transitionDuration};
+
+      &:hover {
+        background-color: ${props => props.loadingState ? 'transparent' : colors.grey50};
+
+        td.menu {
+          button {
+            opacity: 1;
+          }
+        }
+      }
+
+      @media ${device.s} {
+        display: table-row;
+      }
+    }
+
+    td {
+      border-top: ${field.borderWidth} solid ${colors.grey200};
+      height: inherit;
+      min-height: ${/*#__PURE__*/rem('50px')};
+      padding: ${/*#__PURE__*/rem('15px')};
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+
+      > div {
+        margin-left: ${/*#__PURE__*/rem('100px')};
+        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: ${/*#__PURE__*/rem('30px')};
+        min-height: ${/*#__PURE__*/rem('30px')};
+      }
+
+      a {
+        display: flex;
+        align-items: center;
+        color: ${colors.black};
+        text-decoration-color: ${colors.grey400};
+      }
+
+      &:first-child {
+        border: 0;
+      }
+
+      &:before {
+        position: absolute;
+        left: ${/*#__PURE__*/rem('15px')};
+        content: attr(data-label);
+        font-weight: ${typography.semiBold};
+        text-transform: capitalize;
+
+        ${props => props.loadingState && css`
             width: ${rem('75px')};
             height: ${rem('15px')};
             background: #f6f7f8;
@@ -2543,11 +3448,135 @@ const Table = /*#__PURE__*/_styled.table.withConfig({
             animation-timing-function: linear;
             animation-iteration-count: infinite;
             animation-duration: 1.5s;
-          `, /*#__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"
-})(["@keyframes placeholderSkeleton{0%{background-position:", " 0;}100%{background-position:", " 0;}}width:100%;height:", " !important;background:#f6f7f8;background-image:-webkit-linear-gradient( left,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100% );background-repeat:no-repeat;background-size:", " 100%;animation-fill-mode:forwards;animation-name:placeholderSkeleton;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:1.5s;"], /*#__PURE__*/rem('-800px'), /*#__PURE__*/rem('800px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('800px'));
+          `}
+      }
+
+      &.tkai,
+      &.vkai,
+      &.lx,
+      &.vote {
+        svg {
+          float: right;
+          margin-left: ${/*#__PURE__*/rem('5px')};
+          width: auto;
+          min-width: ${/*#__PURE__*/rem('22px')};
+          max-height: ${/*#__PURE__*/rem('22px')};
+        }
+      }
+
+      .avatar-img {
+        display: none;
+      }
+
+      .tag {
+        margin: 0;
+
+        &:not(:first-child) {
+          display: none;
+        }
+      }
+
+      .button {
+        height: ${/*#__PURE__*/rem('34px')};
+      }
+
+      &.menu {
+        padding: 0 ${/*#__PURE__*/rem('10px')} 0 0;
+
+        button {
+          margin-top: ${/*#__PURE__*/rem('5px')};
+          transition: ${misc.transitionDuration};
+        }
+
+        ul {
+          top: ${/*#__PURE__*/rem('36px')};
+          margin-left: ${/*#__PURE__*/rem('-170px')};
+        }
+      }
+
+      @media ${device.s} {
+        display: table-cell;
+        height: ${/*#__PURE__*/rem('50px')};
+        padding: 0 ${/*#__PURE__*/rem('15px')};
+
+        > div {
+          position: relative;
+          margin-left: 0;
+          display: flex-start;
+          justify-content: flex-start;
+          text-align: left;
+
+          > span {
+            display: inherit;
+          }
+        }
+
+        &:first-child {
+          border-top: ${field.borderWidth} solid ${colors.grey200};
+        }
+
+        &:before {
+          content: '';
+        }
+
+        &.tkai,
+        &.vkai {
+          max-width: ${/*#__PURE__*/rem('100px')};
+        }
+
+        .avatar-img {
+          display: inherit;
+        }
+
+        .tag {
+          &:not(:first-child) {
+            display: inherit;
+          }
+
+          &:not(:last-child) {
+            margin-right: ${/*#__PURE__*/rem('5px')};
+          }
+        }
+
+        &.menu {
+          width: ${/*#__PURE__*/rem('40px')};
+
+          button {
+            opacity: 0;
+          }
+        }
+      }
+    }
+  }
+`;
+const SkeletonCell = styled.div`
+  @keyframes placeholderSkeleton {
+    0% {
+      background-position: ${/*#__PURE__*/rem('-800px')} 0;
+    }
+    100% {
+      background-position: ${/*#__PURE__*/rem('800px')} 0;
+    }
+  }
+
+  width: 100%;
+  height: ${/*#__PURE__*/rem('15px')} !important;
+  background: #f6f7f8;
+  background-image: -webkit-linear-gradient(
+    left,
+    #f6f7f8 0%,
+    #edeef1 20%,
+    #f6f7f8 40%,
+    #f6f7f8 100%
+  );
+  background-repeat: no-repeat;
+  background-size: ${/*#__PURE__*/rem('800px')} 100%;
+  animation-fill-mode: forwards;
+  animation-name: placeholderSkeleton;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-duration: 1.5s;
+`;
 
 const Table$1 = props => {
   const {
@@ -2633,6 +3662,12 @@ const Table$1 = props => {
   }) : className === 'vkai' ? /*#__PURE__*/React.createElement(Icon, {
     icon: "vkai",
     fill: "hsl(0, 0%, 16%)"
+  }) : className === 'lx' ? /*#__PURE__*/React.createElement(Icon, {
+    icon: "lx",
+    fill: "hsl(0, 0%, 16%)"
+  }) : className === 'vote' ? /*#__PURE__*/React.createElement(Icon, {
+    icon: "vote",
+    fill: "hsl(0, 0%, 16%)"
   }) : null))), hasActionMenu && /*#__PURE__*/React.createElement("td", {
     className: "menu",
     "data-testid": menuDataTestId
@@ -2657,17 +3692,298 @@ const Table$1 = props => {
     handleOptionClick: () => {
       setIsVisible(false);
     }
-  })));
-};
+  })));
+};
+
+const Table$2 = styled.table`
+  position: relative;
+  width: 100%;
+  border-width: ${props => props.border ? field.borderWidth : 0};
+  border-style: solid;
+  border-color: ${colors.grey200};
+  border-radius: ${field.borderRadius};
+  border-spacing: 0;
+  white-space: nowrap;
+  table-layout: ${props => props.layout};
+
+  th,
+  td {
+    height: ${/*#__PURE__*/rem('50px')};
+    padding: 0 ${/*#__PURE__*/rem('15px')};
+
+    &.center {
+      text-align: center;
+
+      > div {
+        justify-content: center;
+      }
+    }
+
+    &.right {
+      text-align: right;
+
+      > div {
+        justify-content: flex-end;
+      }
+    }
+
+    &.thin {
+      @media ${device.s} {
+        max-width: min-content;
+      }
+    }
+
+    &.kai {
+      text-align: right;
+
+      > div {
+        justify-content: flex-end;
+      }
+    }
+
+    &.avatar > div {
+      display: flex;
+      align-items: center;
+
+      .avatar-img {
+        margin-right: ${/*#__PURE__*/rem('15px')};
+      }
+    }
+  }
+
+  th {
+    font-size: 0.85rem;
+
+    &:first-child {
+      border-top-left-radius: ${field.borderRadius};
+    }
+
+    &:last-child {
+      border-top-right-radius: ${field.borderRadius};
+    }
+  }
+
+  tr {
+    border: ${field.borderWidth} solid ${colors.grey200};
+    border-radius: ${field.borderRadius};
+    position: relative;
+
+    &:not(:last-child) {
+      margin-bottom: ${/*#__PURE__*/rem('15px')};
+    }
+
+    @media ${device.s} {
+      border: 0;
+    }
+  }
+
+  thead {
+    border: none;
+    clip: rect(0 0 0 0);
+    height: ${/*#__PURE__*/rem('1px')};
+    margin: ${/*#__PURE__*/rem('-1px')};
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: ${/*#__PURE__*/rem('1px')};
+
+    @media ${device.s} {
+      display: contents;
+      font-weight: ${typography.semiBold};
+      color: ${colors.grey400};
+      text-align: left;
+    }
+  }
+
+  tbody {
+    tr {
+      display: block;
+      transition-duration: ${misc.transitionDuration};
+
+      &:hover {
+        background-color: ${colors.grey50};
+
+        td {
+          &.drag-handle {
+            svg {
+              fill: ${colors.grey200};
+            }
+          }
+
+          &.menu {
+            button {
+              opacity: 1;
+            }
+          }
+        }
+      }
+
+      @media ${device.s} {
+        display: table-row;
+      }
+    }
+
+    td {
+      border-top: ${field.borderWidth} solid ${colors.grey200};
+      height: inherit;
+      min-height: ${/*#__PURE__*/rem('50px')};
+      padding: ${/*#__PURE__*/rem('15px')};
+      display: flex;
+      justify-content: flex-end;
+
+      &.drag-handle {
+        > div {
+          width: min-content;
+        }
+
+        svg {
+          width: ${/*#__PURE__*/rem('30px')};
+          height: ${/*#__PURE__*/rem('30px')};
+          fill: ${colors.grey200};
+          transition-duration: ${misc.transitionDuration};
+        }
+      }
+
+      > div {
+        margin-left: ${/*#__PURE__*/rem('100px')};
+        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: ${/*#__PURE__*/rem('30px')};
+        min-height: ${/*#__PURE__*/rem('30px')};
+      }
+
+      a {
+        display: flex;
+        align-items: center;
+        color: ${colors.black};
+        text-decoration-color: ${colors.grey400};
+      }
+
+      &:first-child {
+        border: 0;
+      }
+
+      &:before {
+        position: absolute;
+        left: ${/*#__PURE__*/rem('15px')};
+        content: attr(data-label);
+        font-weight: ${typography.semiBold};
+        text-transform: capitalize;
+      }
+
+      &.kai {
+        svg {
+          float: right;
+          width: auto;
+          min-width: ${/*#__PURE__*/rem('20px')};
+          max-height: ${/*#__PURE__*/rem('20px')};
+        }
+      }
+
+      .avatar-img {
+        display: none;
+      }
+
+      .tag {
+        margin: 0;
+
+        &:not(:first-child) {
+          display: none;
+        }
+      }
+
+      &.menu {
+        padding: 0 ${/*#__PURE__*/rem('10px')} 0 0;
+
+        button {
+          margin-top: ${/*#__PURE__*/rem('5px')};
+          transition: ${misc.transitionDuration};
+        }
+
+        ul {
+          top: ${/*#__PURE__*/rem('36px')};
+          margin-left: ${/*#__PURE__*/rem('-170px')};
+        }
+      }
+
+      @media ${device.s} {
+        display: table-cell;
+        height: ${/*#__PURE__*/rem('50px')};
+        padding: 0 ${/*#__PURE__*/rem('15px')};
+        align-items: center;
+
+        > div {
+          position: relative;
+          margin-left: 0;
+          display: flex-start;
+          justify-content: flex-start;
+          text-align: left;
 
-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-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);
+          > span {
+            display: inherit;
+          }
+        }
+
+        &:first-child {
+          border-top: ${field.borderWidth} solid ${colors.grey200};
+        }
+
+        &:before {
+          content: '';
+        }
+
+        &.kai {
+          max-width: ${/*#__PURE__*/rem('100px')};
+        }
+
+        .avatar-img {
+          display: inherit;
+        }
+
+        .tag {
+          &:not(:first-child) {
+            display: inherit;
+          }
+
+          &:not(:last-child) {
+            margin-right: ${/*#__PURE__*/rem('5px')};
+          }
+        }
+
+        &.menu {
+          width: ${/*#__PURE__*/rem('40px')};
+
+          button {
+            opacity: 0;
+          }
+        }
+      }
+    }
+  }
+`;
+const TableRow = styled.tr`
+  &[data-rbd-draggable-id='${props => props.draggableId}'] {
+    position: absolute;
+    display: table;
+    width: 100%;
+  }
+`;
 
 const TableDnD = props => {
   const {
@@ -2818,10 +4134,22 @@ const TableDnD = props => {
   );
 };
 
-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 ? field.errorBorderColor : colors.grey500, props => props.error ? field.errorBorderColor : field.color, /*#__PURE__*/rem('15px'));
+const Wrapper$8 = styled.div`
+  display: inline-block;
+
+  > label {
+    margin-bottom: ${/*#__PURE__*/rem('5px')};
+    color: ${props => props.error ? field.errorBorderColor : colors.grey500};
+
+    span {
+      color: ${props => props.error ? field.errorBorderColor : field.color};
+    }
+  }
+
+  &:not(:last-child) {
+    margin-bottom: ${/*#__PURE__*/rem('15px')};
+  }
+`;
 
 const FormGroup = props => {
   const {
@@ -2838,18 +4166,81 @@ const FormGroup = props => {
   }), children);
 };
 
-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{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:", ";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:", ";&.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 Wrapper$9 = styled.div`
+  border: ${field.borderWidth} solid ${field.borderColor};
+  border-radius: ${field.borderRadius};
+  max-width: max-content;
+  height: ${field.height};
+  display: flex;
+  overflow: hidden;
+
+  button,
+  input {
+    &:disabled {
+      cursor: inherit;
+      background-color: ${field.disabledBackgroundColor};
+
+      svg {
+        fill: ${field.disabledColor};
+      }
+
+      &:hover {
+        pointer-events: none;
+      }
+    }
+  }
+`;
+const Input = styled.input`
+  border: 0;
+  width: ${props => props.max != null && props.max.toString().length > 5 ? props.max.toString().length * 10 + 20 + 'px' : '70px'};
+  height: ${field.height};
+  padding: ${/*#__PURE__*/rem('10px')};
+  font-family: inherit;
+  font-size: ${typography.defaultSize};
+  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: ${field.errorBackgroundColor};
+  }
+`;
+const Button$1 = styled.button`
+  width: ${field.height};
+  height: ${field.height};
+  border: 0;
+  background-color: ${field.borderColor};
+  cursor: pointer;
+  transition-duration: ${misc.transitionDuration};
+
+  &.remove-button {
+    border-right: ${field.borderWidth} solid ${field.borderColor};
+  }
+
+  &.add-button {
+    border-left: ${field.borderWidth} solid ${field.borderColor};
+  }
+
+  svg {
+    width: auto;
+    height: ${/*#__PURE__*/rem('20px')};
+    fill: ${colors.purple300};
+  }
+
+  &:hover {
+    background-color: ${field.hoverBorderColor};
+  }
+`;
 
 const NumberInputSpinner = props => {
   const {
@@ -2910,14 +4301,91 @@ const NumberInputSpinner = props => {
   })));
 };
 
-const Steps = /*#__PURE__*/_styled.ul.withConfig({
-  displayName: "styles__Steps",
-  componentId: "sc-1s2dhfy-0"
-})(["margin:0;width:100%;padding:0;display:flex;"]);
-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:", ";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 Steps = styled.ul`
+  margin: 0;
+  width: 100%;
+  padding: 0;
+  display: flex;
+`;
+const Step = styled.li`
+  list-style: none;
+  flex: 1;
+  position: relative;
+  height: ${/*#__PURE__*/rem('44px')};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-right: ${/*#__PURE__*/rem('18px')};
+  text-align: center;
+
+  &:before,
+  &:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    border: 0 solid
+      ${props => props.active ? field.successBackgroundColor : field.borderColor};
+    border-width: ${/*#__PURE__*/rem('22px')} ${/*#__PURE__*/rem('15px')};
+    width: 0;
+    height: 0;
+  }
+
+  &:before {
+    left: ${/*#__PURE__*/rem('-15px')};
+    border-left-color: transparent;
+  }
+
+  &:after {
+    left: calc(100% - ${/*#__PURE__*/rem('18px')});
+    border-color: transparent;
+    border-left-color: ${props => props.active ? field.successBackgroundColor : field.borderColor};
+  }
+
+  &:first-child:before {
+    border: none;
+  }
+
+  &:last-child:after {
+    border: none;
+  }
+
+  &:first-child {
+    overflow: hidden;
+
+    > div {
+      border-radius: ${field.borderRadius} 0 0 ${field.borderRadius};
+    }
+  }
+
+  &:last-child {
+    padding-right: 0;
+
+    > div {
+      border-radius: 0 ${field.borderRadius} ${field.borderRadius} 0;
+    }
+  }
+
+  > div {
+    background-color: ${props => props.active ? field.successBackgroundColor : field.borderColor};
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    span {
+      width: min-content;
+      font-size: ${typography.fontSizeSm};
+      color: ${props => props.active ? colors.white : colors.purple300};
+
+      @media ${device.s} {
+        width: 100%;
+        font-size: ${typography.defaultSize};
+        font-weight: ${typography.semiBold};
+      }
+    }
+  }
+`;
 
 const WizardSteps = props => {
   const {
@@ -2937,7 +4405,7 @@ const WizardSteps = props => {
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, step.value))))));
 };
 
-const PaginationWrapper = _styled.div`
+const PaginationWrapper = styled.div`
   --size: ${/*#__PURE__*/rem('30px')};
 
   ul.pagination {
@@ -3063,7 +4531,7 @@ const PaginationControl = props => {
   }));
 };
 
-const Wrapper$a = _styled.div`
+const Wrapper$a = styled.div`
   min-height: ${props => props.variant === 'default' ? '50vh' : 'inherit'};
   display: flex;
   flex-direction: column;
@@ -3106,7 +4574,7 @@ const Error = props => {
   }) : /*#__PURE__*/React.createElement("span", null, "\xAF\\\\_(\u30C4)_/\xAF"), value && /*#__PURE__*/React.createElement("span", null, value));
 };
 
-const Wrapper$b = _styled.div`
+const Wrapper$b = styled.div`
   min-height: 50vh;
   display: flex;
   flex-direction: column;
@@ -5093,7 +6561,7 @@ const DataWarning = props => {
   }, icon, /*#__PURE__*/React.createElement("div", null, children));
 };
 
-const Wrapper$c = _styled.ul`
+const Wrapper$c = styled.ul`
   display: flex;
   flex-direction: ${props => props.type === 'column' ? 'column' : 'row'};
   position: relative;
@@ -5125,7 +6593,7 @@ const Wrapper$c = _styled.ul`
     margin-top: ${/*#__PURE__*/rem('10px')};
   }
 `;
-const Item = _styled.li`
+const Item = styled.li`
   --size: ${/*#__PURE__*/rem('24px')};
   display: flex;
   position: relative;
@@ -5233,7 +6701,7 @@ const RadioGroup = props => {
   }) : null);
 };
 
-const Wrapper$d = _styled.ul`
+const Wrapper$d = styled.ul`
   display: flex;
   flex-direction: ${props => props.type === 'column' ? 'column' : 'row'};
   position: relative;
@@ -5287,12 +6755,12 @@ const CheckboxGroup = props => {
   }) : null);
 };
 
-const Wrapper$e = _styled.div`
+const Wrapper$e = styled.div`
   label {
     margin-bottom: ${/*#__PURE__*/rem('5px')};
   }
 `;
-const Field = _styled.div`
+const Field = styled.div`
   display: flex;
   flex-wrap: wrap;
 
@@ -5503,22 +6971,88 @@ function HorizontalNav(props) {
   }));
 }
 
-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(colors.black, 0.8), props => props.zIndex ? props.zIndex : 10);
-const ModalWrapper = /*#__PURE__*/_styled.div.withConfig({
-  displayName: "styles__ModalWrapper",
-  componentId: "sc-16r6vcc-1"
-})(["position:fixed;top:0;left:0;width:100%;height:100vh;z-index:", ";overflow-x:hidden;overflow-y:auto;-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;@media ", "{display:flex;justify-content:center;align-items:", ";}"], props => props.zIndex + 1, device.s, props => props.modalOverflow ? 'flex-start' : 'center');
-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:", ";@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:", ";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 ModalOverlay = styled.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  background-color: ${/*#__PURE__*/rgba(colors.black, 0.8)};
+  width: 100vw;
+  height: 100vh;
+  z-index: ${props => props.zIndex ? props.zIndex : 10};
+`;
+const ModalWrapper = styled.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100vh;
+  z-index: ${props => props.zIndex + 1};
+  overflow-x: hidden;
+  overflow-y: auto;
+  -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;
+
+  @media ${device.s} {
+    display: flex;
+    justify-content: center;
+    align-items: ${props => props.modalOverflow ? 'flex-start' : 'center'};
+  }
+`;
+const ModalContainer = styled.div`
+  position: relative;
+  background: ${colors.white};
+  width: 100%;
+  min-height: 0;
+  padding: ${/*#__PURE__*/rem('15px')};
+  word-wrap: break-word;
+  transition-duration: ${misc.transitionDuration};
+
+  @media ${device.s} {
+    --spacing: ${/*#__PURE__*/rem('30px')};
+    margin: var(--spacing);
+    border-radius: ${field.borderRadius};
+    max-width: ${/*#__PURE__*/rem('860px')};
+    padding: var(--spacing);
+
+    &:after {
+      content: '';
+      position: absolute;
+      bottom: calc(var(--spacing) * -1);
+      width: ${/*#__PURE__*/rem('1px')};
+      height: var(--spacing);
+    }
+  }
+`;
+const ModalHeader = styled.div`
+  display: flex;
+
+  h2 {
+    margin: 0 0 ${/*#__PURE__*/rem('30px')} 0;
+    font-size: ${/*#__PURE__*/rem('32px')};
+    font-weight: ${typography.semiBold};
+  }
+
+  button {
+    display: none;
+    position: absolute;
+    top: 0;
+    right: 0;
+    margin: ${/*#__PURE__*/rem('-14px')} ${/*#__PURE__*/rem('-14px')} 0 0;
+    border: ${/*#__PURE__*/rem('2px')} solid ${colors.grey200};
+    min-width: ${/*#__PURE__*/rem('28px')};
+    height: ${/*#__PURE__*/rem('28px')};
+    z-index: 1;
+    outline: none;
+
+    @media ${device.s} {
+      display: inherit;
+    }
+  }
+`;
 
 const Modal = props => {
   const {
@@ -5569,35 +7103,72 @@ const Modal = props => {
   })))), document.body)) : /*#__PURE__*/React.createElement(React.Fragment, null);
 };
 
-const slideInLeft = keyframes`
-  from {
-    transform: translateX(100%);
+const ModalOverlay$1 = styled.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  background-color: ${/*#__PURE__*/rgba(colors.black, 0.8)};
+  width: 100vw;
+  height: 100vh;
+  z-index: ${props => props.zIndex ? props.zIndex : 10};
+`;
+const ModalWrapper$1 = styled.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  z-index: ${props => props.zIndex + 1};
+`;
+const ModalContainer$1 = styled.div`
+  @keyframes slideInLeft {
+    from {
+      transform: translateX(100%);
+    }
+
+    to {
+      transform: translateX(0);
+    }
+  }
+
+  margin-left: auto;
+  background: ${colors.white};
+  width: 100%;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  padding: ${/*#__PURE__*/rem('15px')};
+  word-wrap: break-word;
+  animation-timing-function: ${/*#__PURE__*/timingFunctions('easeOutQuint')};
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+  transform: translateX(100%);
+  animation-name: slideInLeft;
+
+  @media ${device.s} {
+    max-width: ${/*#__PURE__*/rem('400px')};
+    padding: ${/*#__PURE__*/rem('30px')};
+  }
+`;
+const ModalHeader$1 = styled.div`
+  top: 0;
+
+  h2 {
+    margin: 0 0 ${/*#__PURE__*/rem('30px')} 0;
+    font-size: ${/*#__PURE__*/rem('32px')};
+    font-weight: ${typography.semiBold};
   }
+`;
+const ModalContent = styled.div`
+  display: flex;
+  flex-direction: column;
 
-  to {
-    transform: translateX(0);
+  @media ${device.s} {
+    flex: 1;
   }
 `;
-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(colors.black, 0.8), props => props.zIndex ? props.zIndex : 10);
-const ModalWrapper$1 = /*#__PURE__*/_styled.div.withConfig({
-  displayName: "styles__ModalWrapper",
-  componentId: "sc-46huls-1"
-})(["position:fixed;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;z-index:", ";"], props => props.zIndex + 1);
-const ModalContainer$1 = /*#__PURE__*/_styled.div.withConfig({
-  displayName: "styles__ModalContainer",
-  componentId: "sc-46huls-2"
-})(["margin-left:auto;background:", ";width:100%;min-height:100vh;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:", ";@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:", ";font-weight:", ";}"], /*#__PURE__*/rem('30px'), /*#__PURE__*/rem('32px'), typography.semiBold);
-const ModalContent = /*#__PURE__*/_styled.div.withConfig({
-  displayName: "styles__ModalContent",
-  componentId: "sc-46huls-4"
-})(["display:flex;flex-direction:column;@media ", "{flex:1;}"], device.s);
 
 const ModalDrawer = props => {
   const {
@@ -5650,7 +7221,7 @@ const ModalDrawer = props => {
   }))))), document.body)) : /*#__PURE__*/React.createElement(React.Fragment, null);
 };
 
-const Wrapper$f = _styled.div`
+const Wrapper$f = styled.div`
   div {
     width: 100%;
     height: 100%;
@@ -5745,7 +7316,7 @@ const Wrapper$f = _styled.div`
     }
   }
 `;
-const Grid = _styled.div`
+const Grid = styled.div`
   display: grid;
   grid-template-columns: repeat(auto-fill, ${/*#__PURE__*/rem('300px')});
   grid-gap: ${/*#__PURE__*/rem('15px')};
@@ -5818,7 +7389,7 @@ const LoadingState = props => {
   }, loadingType);
 };
 
-const Wrapper$g = _styled.div`
+const Wrapper$g = styled.div`
   .tab {
     border-color: ${field.borderColor};
 
@@ -6006,16 +7577,16 @@ const TabsPanel = props => {
   }));
 };
 
-const Wrapper$h = _styled.div`
+const Wrapper$h = styled.div`
   display: flex;
   flex-direction: column;
 `;
-const GridRow = _styled.div`
+const GridRow = styled.div`
   @media ${device.m} {
     display: flex;
   }
 `;
-const GridCol = _styled.div`
+const GridCol = styled.div`
   @media ${device.m} {
     flex: ${props => props.size};
   }