visits-style 1.2.1 → 1.4.0

package/dist/visits-style.cjs.development.js

@@ -1,2646 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var React = require('react');
-var React__default = _interopDefault(React);
-var styled = require('styled-components');
-var styled__default = _interopDefault(styled);
-var polished = require('polished');
-var reactDom = require('react-dom');
-var core = require('@popperjs/core');
-var reactTransitionGroup = require('react-transition-group');
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    });
-    keys.push.apply(keys, symbols);
-  }
-
-  return keys;
-}
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(source, true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(source).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-  }
-
-  return target;
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
-  }
-
-  strings.raw = raw;
-  return strings;
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(arr, i) {
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-  var _e = undefined;
-
-  try {
-    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-
-  return _arr;
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance");
-}
-
-var _excluded = ["label", "children", "required"];
-
-var _templateObject, _templateObject2;
-var Wrapper =
-/*#__PURE__*/
-styled__default.div(_templateObject || (_templateObject =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: block;\n  margin: 1.5rem 0;\n"])));
-var Label =
-/*#__PURE__*/
-styled__default.h5(_templateObject2 || (_templateObject2 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: block;\n  font-size: 1rem;\n  font-weight: normal;\n  margin-bottom: 0.625rem;\n  text-align: left;\n  color: ", ";\n\n  & > i {\n    color: ", ";\n    margin-left: 0.325rem;\n  }\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.textStrong;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.primary;
-});
-function Field(_ref3) {
-  var label = _ref3.label,
-      children = _ref3.children,
-      required = _ref3.required,
-      rest = _objectWithoutProperties(_ref3, _excluded);
-
-  return (
-    /*#__PURE__*/
-    React__default.createElement(Wrapper, rest, label &&
-    /*#__PURE__*/
-    React__default.createElement(Label, null, label, required &&
-    /*#__PURE__*/
-    React__default.createElement("i", null, "*")), children)
-  );
-}
-
-function findColorInvert(_ref, color) {
-  var black = _ref.black,
-      white = _ref.white;
-
-  if (!color || polished.getLuminance(color) > 0.55) {
-    return black;
-  }
-
-  return white;
-}
-
-var _templateObject$1;
-function hamburger(size) {
-  return styled.css(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n    display: block;\n    position: relative;\n    height: ", ";\n    width: ", ";\n\n    cursor: pointer;\n    span {\n      background-color: currentColor;\n      display: block;\n      height: 1px;\n      left: calc(50% - 8px);\n      position: absolute;\n      transform-origin: center;\n      transition-duration: 100ms;\n      transition-property: background-color, opacity, transform;\n      transition-timing-function: ease-out;\n      width: 16px;\n\n      &:nth-child(1) {\n        top: calc(50% - 6px);\n      }\n      &:nth-child(2) {\n        top: calc(50% - 1px);\n      }\n      &:nth-child(3) {\n        top: calc(50% + 4px);\n      }\n\n      &:hover {\n        background-color: rgba(black, 0.05);\n      }\n    }\n\n    &.active span {\n      &:nth-child(1) {\n        transform: translateY(5px) rotate(45deg);\n      }\n      &:nth-child(2) {\n        opacity: 0;\n      }\n      &:nth-child(3) {\n        transform: translateY(-5px) rotate(-45deg);\n      }\n    }\n  "])), size, size);
-}
-
-var _templateObject$2;
-function boxShadow(size, color, amount) {
-  var shadowColor = amount ? polished.transparentize(amount, color) : color;
-  return styled.css(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["box-shadow: 0 0 0 ", " ", ";"])), size, shadowColor);
-}
-
-var _templateObject$3;
-function Arrow(color) {
-  return styled.css(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n    position: absolute;\n    border: 3px solid ", ";\n    border-radius: 2px;\n    border-right: 0;\n    border-top: 0;\n    content: \" \";\n    display: block;\n    height: 0.625em;\n    margin-top: -0.625em;\n    pointer-events: none;\n    top: 50%;\n    transform: rotate(-45deg);\n    transform-origin: center;\n    width: 0.625em;\n  "])), color);
-}
-
-function setSize(name, size) {
-  switch (size) {
-    case 'small':
-      return name + ": 0.75rem;";
-
-    case 'medium':
-      return name + ": 1.25rem;";
-
-    case 'large':
-      return name + ": 1.5rem;";
-
-    default:
-      return name + ": 1rem;";
-  }
-}
-
-function mediaMobile(_ref) {
-  var theme = _ref.theme;
-  if (!theme.responsive) return '@media (max-width: 0)';
-  return "@media screen and (max-width: " + theme.media.mobile + ")";
-}
-function mediaTablet(_ref2) {
-  var theme = _ref2.theme;
-  if (!theme.responsive) return '@media (max-width: 0)';
-  return "@media screen and (max-width: " + theme.media.tablet + ")";
-}
-function mediaDesktop(_ref3) {
-  var theme = _ref3.theme;
-  if (!theme.responsive) return '@media (max-width: 0)';
-  return "@media screen and (max-width: " + theme.media.desktop + ")";
-}
-function mediaFullHD(_ref4) {
-  var theme = _ref4.theme;
-  if (!theme.responsive) return '@media (max-width: 0)';
-  return "@media screen and (max-width: " + theme.media.fullhd + ")";
-}
-function mediaUntilFullHD(_ref5) {
-  var theme = _ref5.theme;
-  if (!theme.responsive) return '@media (max-width: 0)';
-  return "@media screen and (min-width: " + theme.media.fullhd + ")";
-}
-
-var _templateObject$4;
-function disabledColor(theme) {
-  var textColor = polished.transparentize(0.15, theme.textDark);
-  var backColor = polished.transparentize(0.55, theme.border);
-  return styled.css(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n    pointer-events: none;\n    box-shadow: none;\n    color: ", ";\n    background-color: ", ";\n  "])), textColor, backColor);
-}
-
-var _templateObject$5;
-var Message =
-/*#__PURE__*/
-styled__default.small(_templateObject$5 || (_templateObject$5 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  font-size: 0.8rem;\n  color: ", ";\n"])), function (_ref) {
-  var error = _ref.error,
-      theme = _ref.theme;
-  return error ? theme.danger : theme.textLight;
-});
-function HelpMessage(_ref2) {
-  var help = _ref2.help,
-      error = _ref2.error,
-      noErrorMessage = _ref2.noErrorMessage;
-  if (error && !noErrorMessage) return (
-    /*#__PURE__*/
-    React__default.createElement(Message, {
-      error: true
-    }, error)
-  );
-  if (help) return (
-    /*#__PURE__*/
-    React__default.createElement(Message, null, help)
-  );
-  return null;
-}
-
-var _templateObject$6, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5;
-
-var _excluded$1 = ["className", "outline", "error", "style", "help", "leftIcon", "rightIcon", "type", "maxLength", "noErrorMessage", "innerRef"];
-
-function TextInput(_ref) {
-  var className = _ref.className,
-      outline = _ref.outline,
-      error = _ref.error,
-      style = _ref.style,
-      help = _ref.help,
-      leftIcon = _ref.leftIcon,
-      rightIcon = _ref.rightIcon,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'text' : _ref$type,
-      _ref$maxLength = _ref.maxLength,
-      maxLength = _ref$maxLength === void 0 ? 255 : _ref$maxLength,
-      noErrorMessage = _ref.noErrorMessage,
-      innerRef = _ref.innerRef,
-      rest = _objectWithoutProperties(_ref, _excluded$1);
-
-  return (
-    /*#__PURE__*/
-    React__default.createElement(Wrapper$1, {
-      className: className,
-      outline: outline,
-      error: error,
-      style: style,
-      disabled: rest.disabled
-    }, leftIcon &&
-    /*#__PURE__*/
-    React__default.createElement(Icon, null, leftIcon), rightIcon &&
-    /*#__PURE__*/
-    React__default.createElement(Icon, {
-      right: true
-    }, rightIcon),
-    /*#__PURE__*/
-    React__default.createElement("input", Object.assign({
-      type: type,
-      maxLength: maxLength,
-      ref: innerRef
-    }, rest)),
-    /*#__PURE__*/
-    React__default.createElement(HelpMessage, {
-      help: help,
-      error: error,
-      noErrorMessage: noErrorMessage
-    }))
-  );
-}
-
-var index = /*#__PURE__*/
-React.forwardRef(function (props, ref) {
-  return (
-    /*#__PURE__*/
-    React__default.createElement(TextInput, Object.assign({}, props, {
-      innerRef: ref
-    }))
-  );
-});
-var rightIcon =
-/*#__PURE__*/
-styled.css(_templateObject$6 || (_templateObject$6 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  right: 0.375em;\n  & ~ input {\n    padding-right: 1.555em !important;\n  }\n"])));
-var leftIcon =
-/*#__PURE__*/
-styled.css(_templateObject2$1 || (_templateObject2$1 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  left: 0.375em;\n  & ~ input {\n    padding-left: 1.55em !important;\n  }\n"])));
-var Icon =
-/*#__PURE__*/
-styled__default.span(_templateObject3 || (_templateObject3 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0.375em;\n  bottom: 0;\n  z-index: 1;\n  color: ", ";\n  ", "\n\n  svg, img {\n    height: 1em;\n    width: 1em;\n  }\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.border;
-}, function (_ref3) {
-  var right = _ref3.right;
-  return right ? rightIcon : leftIcon;
-});
-var Wrapper$1 =
-/*#__PURE__*/
-styled__default.span(_templateObject4 || (_templateObject4 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  position: relative;\n  display: block;\n\n  input {\n    max-width: 100%;\n    width: 100%;\n    height: 100%;\n    position: relative;\n    display: block;\n    outline: none;\n    box-shadow: none;\n    appearance: none;\n    text-align: left;\n    color: inherit;\n\n    padding: ", ";\n    border: 1px solid ", ";\n    ", "\n    ", "\n\n    transition-property: box-shadow;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in-out;\n\n    &:focus {\n      border-color: ", ";\n      box-shadow: ", ";\n    }\n\n    &:disabled, [disabled] {\n      resize: none;\n    }\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  &:hover {\n    input:not(:disabled):not(:focus):not(:active) {\n      border-color: ", ";\n    }\n    ", " {\n      color: ", ";\n    }\n  }\n\n  ", "\n"])), function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.formPadding;
-}, function (_ref5) {
-  var error = _ref5.error,
-      theme = _ref5.theme;
-  return error ? theme.danger : theme.border;
-}, function (_ref6) {
-  var outline = _ref6.outline,
-      theme = _ref6.theme;
-  return outline ? {
-    borderRadius: theme.radius
-  } : {
-    borderRadius: 0,
-    borderWidth: 0,
-    borderBottomWidth: '1px'
-  };
-},
-/*#__PURE__*/
-setSize('font-size'), function (_ref7) {
-  var error = _ref7.error,
-      theme = _ref7.theme;
-  return error ? theme.danger : theme.primary;
-}, function (_ref8) {
-  var theme = _ref8.theme,
-      outline = _ref8.outline,
-      error = _ref8.error;
-  return outline ? "0 0 0 0.1em " + (error ? theme.danger : theme.primary) : "0 0.1em " + (error ? theme.danger : theme.primary);
-}, function (_ref9) {
-  var theme = _ref9.theme;
-  return theme.placeholder;
-}, function (_ref10) {
-  var theme = _ref10.theme;
-  return theme.borderHover;
-}, Icon, function (_ref11) {
-  var theme = _ref11.theme;
-  return theme.borderHover;
-}, function (_ref12) {
-  var disabled = _ref12.disabled,
-      theme = _ref12.theme;
-  return disabled ? styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      input {\n        ", "\n        border-style: dashed;\n      }\n    "])), disabledColor(theme)) : undefined;
-});
-
-var _templateObject$7, _templateObject2$2;
-
-var _excluded$2 = ["className", "help", "error", "style", "innerRef", "noErrorMessage"];
-
-function Textarea(_ref) {
-  var className = _ref.className,
-      help = _ref.help,
-      error = _ref.error,
-      style = _ref.style,
-      innerRef = _ref.innerRef,
-      noErrorMessage = _ref.noErrorMessage,
-      rest = _objectWithoutProperties(_ref, _excluded$2);
-
-  return (
-    /*#__PURE__*/
-    React__default.createElement(Wrapper$2, {
-      className: className,
-      error: !!error,
-      style: style,
-      disabled: rest.disabled
-    },
-    /*#__PURE__*/
-    React__default.createElement("textarea", Object.assign({}, rest, {
-      ref: innerRef
-    })),
-    /*#__PURE__*/
-    React__default.createElement(HelpMessage, {
-      help: help,
-      error: error,
-      noErrorMessage: noErrorMessage
-    }))
-  );
-}
-
-var index$1 = /*#__PURE__*/
-React.forwardRef(function (props, ref) {
-  return (
-    /*#__PURE__*/
-    React__default.createElement(Textarea, Object.assign({}, props, {
-      innerRef: ref
-    }))
-  );
-});
-var Wrapper$2 =
-/*#__PURE__*/
-styled__default.span(_templateObject$7 || (_templateObject$7 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: block;\n  position: relative;\n\n  textarea {\n    max-width: 100%;\n    width: 100%;\n    height: 100%;\n    padding: 0.625em;\n    resize: vertical;\n    appearance: none;\n    overflow: auto;\n    outline: none;\n    text-align: left;\n    color: inherit;\n\n    border-radius: ", ";\n    border: 1px solid ", ";\n\n    transition-property: box-shadow;\n    transition-duration: 0.15s;\n    transition-timing-function: ease-in-out;\n\n    ", "\n\n    &:focus {\n      border-color: ", ";\n      ", "\n    }\n\n    &:disabled, [disabled], &:readonly {\n      ", "\n    }\n\n    &:disabled, [disabled] {\n      resize: none;\n    }\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  &:hover {\n    textarea:not(:disabled):not(:focus) {\n      border-color: ", ";\n    }\n  }\n\n", "\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.radius;
-}, function (_ref3) {
-  var theme = _ref3.theme,
-      error = _ref3.error;
-  return error ? theme.danger : theme.border;
-},
-/*#__PURE__*/
-setSize('font-size'), function (_ref4) {
-  var theme = _ref4.theme,
-      error = _ref4.error;
-  return error ? theme.danger : theme.primary;
-}, function (_ref5) {
-  var theme = _ref5.theme,
-      error = _ref5.error;
-  return boxShadow('0.1em', error ? theme.danger : theme.primary);
-}, function (_ref6) {
-  var theme = _ref6.theme;
-  return disabledColor(theme);
-}, function (_ref7) {
-  var theme = _ref7.theme;
-  return theme.placeholder;
-}, function (_ref8) {
-  var theme = _ref8.theme;
-  return theme.borderHover;
-}, function (_ref9) {
-  var disabled = _ref9.disabled,
-      theme = _ref9.theme;
-  return disabled ? styled.css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteralLoose(["\n      textarea {\n        ", "\n        border-style: dashed;\n      }\n    "])), disabledColor(theme)) : undefined;
-});
-
-var isClient = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined';
-
-var useIsomorphicLayoutEffect = isClient ? React.useLayoutEffect : React.useEffect;
-
-var _templateObject$8, _templateObject2$3;
-
-var _excluded$3 = ["className", "children", "indeterminate"];
-
-function Approved() {
-  return (
-    /*#__PURE__*/
-    React__default.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "30",
-      height: "30",
-      viewBox: "0 0 30 30"
-    },
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M11.5 18.5l-3.9-4L6 16l5.6 5.6 11.6-11.5-1.7-1.6z",
-      fill: "currentColor"
-    }))
-  );
-}
-
-function Indeterminate() {
-  return (
-    /*#__PURE__*/
-    React__default.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "30",
-      height: "30",
-      viewBox: "0 0 30 30"
-    },
-    /*#__PURE__*/
-    React__default.createElement("rect", {
-      width: "20",
-      height: "4",
-      y: "13",
-      x: "4.5",
-      fill: "currentColor",
-      stroke: "none",
-      rx: "2"
-    }))
-  );
-}
-
-var Checkbox =
-/*#__PURE__*/
-React.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      indeterminate = _ref.indeterminate,
-      rest = _objectWithoutProperties(_ref, _excluded$3);
-
-  var innerRef = React.useRef(null);
-  var id = "checkbox_" + rest.name + "_" + rest.value;
-  var innerClass = React.useMemo(function () {
-    var arr = [];
-    if (rest.checked || indeterminate) arr.push('checked');
-    if (rest.disabled) arr.push('disabled');
-    return arr.join(' ');
-  }, [rest.checked, rest.disabled, indeterminate]); // @ts-ignore
-
-  React.useImperativeHandle(ref, function () {
-    return innerRef.current;
-  });
-  useIsomorphicLayoutEffect(function () {
-    if (innerRef.current) {
-      // @ts-ignore
-      innerRef.current.indeterminate = indeterminate;
-    }
-  }, [indeterminate]);
-  return (
-    /*#__PURE__*/
-    React__default.createElement(Wrapper$3, {
-      className: className
-    },
-    /*#__PURE__*/
-    React__default.createElement("input", Object.assign({
-      type: "checkbox",
-      id: id
-    }, rest, {
-      ref: innerRef
-    })),
-    /*#__PURE__*/
-    React__default.createElement("label", {
-      htmlFor: id
-    },
-    /*#__PURE__*/
-    React__default.createElement(Shape, {
-      className: innerClass
-    }, indeterminate ?
-    /*#__PURE__*/
-    React__default.createElement(Indeterminate, null) :
-    /*#__PURE__*/
-    React__default.createElement(Approved, null)), children))
-  );
-});
-Checkbox.displayName = 'Checkbox';
-var Shape =
-/*#__PURE__*/
-styled__default.div(_templateObject$8 || (_templateObject$8 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  margin: 0.5rem;\n  width: 1.25em;\n  height: 1.25em;\n  background: transparent;\n  border: 0.1em solid ", ";\n  border-radius: ", ";\n  justify-content: center;\n  align-items: center;\n\n  will-change: background-color;\n  transition: background-color 150ms ease-out;\n\n  svg {\n    opacity: 0;\n    stroke-width: 0.1em;\n    stroke: currentColor;\n  }\n\n  &.checked {\n    border-color: ", ";\n    background-color: ", ";\n    color: ", ";\n    svg {\n      opacity: 1;\n    }\n\n    &.disabled {\n      color: ", ";\n    }\n  }\n\n  &.disabled {\n    background: ", ";\n    border-color: ", ";\n  }\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.border;
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.radius;
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.primary;
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.primary;
-}, function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.white;
-}, function (_ref7) {
-  var theme = _ref7.theme;
-  return polished.transparentize(0.15, theme.textDark);
-}, function (_ref8) {
-  var theme = _ref8.theme;
-  return polished.transparentize(0.55, theme.border);
-}, function (_ref9) {
-  var theme = _ref9.theme;
-  return theme.border;
-});
-var Wrapper$3 =
-/*#__PURE__*/
-styled__default.span(_templateObject2$3 || (_templateObject2$3 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: block;\n  position: relative;\n  width: auto;\n\n  label {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    padding-left: 0.625em;\n    max-width: 100%;\n    width: 100%;\n    line-height: 1.25;\n    margin-right: 0.625rem;\n  }\n\n  input {\n    display: none;\n    &:disabled + label {\n      color: ", ";\n    }\n  }\n"])), function (_ref10) {
-  var theme = _ref10.theme;
-  return polished.transparentize(0.25, theme.textDark);
-});
-
-function ChevronDown(props) {
-  return (
-    /*#__PURE__*/
-    React__default.createElement("svg", Object.assign({
-      width: "12",
-      height: "8",
-      viewBox: "0 0 12 8",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, props),
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M10.6 0L6 4.6 1.4 0 0 1.4l6 6 6-6L10.6 0z",
-      fill: "currentColor"
-    }))
-  );
-}
-
-var _templateObject$9, _templateObject2$4, _templateObject3$1, _templateObject4$1;
-
-var _excluded$4 = ["options", "placeholder", "render", "help", "error", "className", "inputSize", "outline", "optional", "noErrorMessage", "innerRef"];
-
-function Select(_ref) {
-  var _ref$options = _ref.options,
-      options = _ref$options === void 0 ? [] : _ref$options,
-      placeholder = _ref.placeholder,
-      render = _ref.render,
-      help = _ref.help,
-      error = _ref.error,
-      className = _ref.className,
-      inputSize = _ref.inputSize,
-      outline = _ref.outline,
-      optional = _ref.optional,
-      noErrorMessage = _ref.noErrorMessage,
-      innerRef = _ref.innerRef,
-      rest = _objectWithoutProperties(_ref, _excluded$4);
-
-  var list = React.useMemo(function () {
-    return options.map(function (item) {
-      return typeof item === 'string' ?
-      /*#__PURE__*/
-      React__default.createElement("option", {
-        key: item,
-        value: item
-      }, render ? render(item) : item) :
-      /*#__PURE__*/
-      React__default.createElement("option", {
-        key: item.id,
-        value: item.id
-      }, render ? render(item.name) : item.name);
-    });
-  }, [options, render]);
-  return (
-    /*#__PURE__*/
-    React__default.createElement(InputWrapper, {
-      className: className,
-      inputSize: inputSize,
-      outline: outline,
-      error: !!error,
-      disabled: rest.disabled
-    },
-    /*#__PURE__*/
-    React__default.createElement("select", Object.assign({}, rest, {
-      ref: innerRef
-    }), placeholder &&
-    /*#__PURE__*/
-    React__default.createElement("option", {
-      value: "",
-      disabled: !optional
-    }, placeholder), list),
-    /*#__PURE__*/
-    React__default.createElement(ChevronDown, null),
-    /*#__PURE__*/
-    React__default.createElement(HelpMessage, {
-      help: help,
-      error: error,
-      noErrorMessage: noErrorMessage
-    }))
-  );
-}
-
-var index$2 = /*#__PURE__*/
-React.forwardRef(function (props, ref) {
-  return (
-    /*#__PURE__*/
-    React__default.createElement(Select, Object.assign({}, props, {
-      innerRef: ref
-    }))
-  );
-});
-var InputWrapper =
-/*#__PURE__*/
-styled__default.span(_templateObject$9 || (_templateObject$9 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  position: relative;\n  display: block;\n\n  select {\n    display: block;\n    cursor: pointer;\n    appearance: none;\n    outline: none;\n    max-width: 100%;\n    width: 100%;\n    height: 100%;\n    background-color: transparent;\n    padding: ", ";\n    padding-right: 1.85rem;\n    text-align: left;\n    color: inherit;\n\n    ", "\n\n    border: 1px solid ", ";\n    ", "\n\n    will-change: box-shadow;\n    transition-property: box-shadow;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in-out;\n\n    &:hover {\n      border-color: ", ";\n    }\n\n    &:focus {\n      border-color: ", ";\n      box-shadow: ", ";\n    }\n\n    &::-ms-expand {\n      display: none;\n    }\n    &:-moz-focusring {\n      color: transparent;\n      text-shadow: 0 0 0 #000;\n    }\n\n    &:invalid {\n      color: ", ";\n    }\n  }\n\n  svg {\n    position: absolute;\n    right: 0.75rem;\n    top: 50%;\n    transform: translateY(-50%);\n    color: ", ";\n  }\n\n  select:hover + svg {\n    color: ", ";\n  }\n\n  ", "\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.formPadding;
-}, function (_ref3) {
-  var inputSize = _ref3.inputSize;
-  return setSize('font-size', inputSize);
-}, function (_ref4) {
-  var error = _ref4.error,
-      theme = _ref4.theme;
-  return error ? theme.danger : theme.border;
-}, function (_ref5) {
-  var outline = _ref5.outline,
-      theme = _ref5.theme;
-  return outline ? styled.css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n        border-radius: ", ";\n      "])), theme.radius) : styled.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteralLoose(["\n        border-width: 0;\n        border-radius: 0;\n        border-bottom-width: 1px;\n      "])));
-}, function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.borderHover;
-}, function (_ref7) {
-  var error = _ref7.error,
-      theme = _ref7.theme;
-  return error ? theme.danger : theme.primary;
-}, function (_ref8) {
-  var theme = _ref8.theme,
-      outline = _ref8.outline,
-      error = _ref8.error;
-  return outline ? "0 0 0 0.1em " + (error ? theme.danger : theme.primary) : "0 0.1em " + (error ? theme.danger : theme.primary);
-}, function (_ref9) {
-  var theme = _ref9.theme;
-  return theme.placeholder;
-}, function (_ref10) {
-  var theme = _ref10.theme;
-  return theme.border;
-}, function (_ref11) {
-  var theme = _ref11.theme;
-  return theme.borderHover;
-}, function (_ref12) {
-  var disabled = _ref12.disabled,
-      theme = _ref12.theme;
-  return disabled ? styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n    select {\n      ", "\n      border-style: dashed;\n    }\n    svg {\n      display: none;\n    }\n  "])), disabledColor(theme)) : undefined;
-});
-
-var _templateObject$a, _templateObject2$5;
-
-var _excluded$5 = ["className", "style", "children", "innerRef"];
-
-function Radio(_ref) {
-  var className = _ref.className,
-      style = _ref.style,
-      children = _ref.children,
-      innerRef = _ref.innerRef,
-      rest = _objectWithoutProperties(_ref, _excluded$5);
-
-  var id = "radio_" + rest.name + "_" + rest.value;
-  var innerClass = React.useMemo(function () {
-    var arr = [];
-    if (rest.checked) arr.push('checked');
-    if (rest.disabled) arr.push('disabled');
-    return arr.join(' ');
-  }, [rest.checked, rest.disabled]);
-  return (
-    /*#__PURE__*/
-    React__default.createElement(Wrapper$4, {
-      className: className,
-      style: style
-    },
-    /*#__PURE__*/
-    React__default.createElement("label", {
-      htmlFor: id
-    },
-    /*#__PURE__*/
-    React__default.createElement(Shape$1, {
-      className: innerClass
-    },
-    /*#__PURE__*/
-    React__default.createElement("i", null)), children),
-    /*#__PURE__*/
-    React__default.createElement("input", Object.assign({
-      id: id,
-      type: "radio"
-    }, rest, {
-      ref: innerRef
-    })))
-  );
-}
-
-var index$3 = /*#__PURE__*/
-React.forwardRef(function (props, ref) {
-  return (
-    /*#__PURE__*/
-    React__default.createElement(Radio, Object.assign({}, props, {
-      innerRef: ref
-    }))
-  );
-});
-var Shape$1 =
-/*#__PURE__*/
-styled__default.div(_templateObject$a || (_templateObject$a =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  margin: 0.5rem;\n  width: 1.25em;\n  height: 1.25em;\n  background: transparent;\n  border: 0.1em solid ", ";\n  border-radius: 50%;\n  justify-content: center;\n  align-items: center;\n\n  will-change: background-color, border-color;\n  transition-property: background-color, border-color;\n  transition-duration: 150ms;\n  transition-timing-function: ease-out;\n\n  &.checked {\n    border-color: ", ";\n    & > i {\n      transform: scale(1);\n    }\n\n    &.disabled > i {\n      background-color: ", ";\n    }\n  }\n\n  &.disabled {\n    background: ", ";\n    border-color: ", ";\n  }\n\n  & > i {\n    display: block;\n    width: 0.5em;\n    height: 0.5em;\n    background: ", ";\n    border: none;\n    transform: scale(0);\n    border-radius: 50%;\n\n    will-change: transform;\n    transition: transform 150ms ease-out;\n  }\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.border;
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.primary;
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return polished.transparentize(0.15, theme.textDark);
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return polished.transparentize(0.55, theme.border);
-}, function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.border;
-}, function (_ref7) {
-  var theme = _ref7.theme;
-  return theme.primary;
-});
-var Wrapper$4 =
-/*#__PURE__*/
-styled__default.span(_templateObject2$5 || (_templateObject2$5 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: block;\n  width: auto;\n\n  label {\n    cursor: pointer;\n    max-width: 100%;\n    width: 100%;\n    line-height: 1.25;\n    margin-right: 0.625rem;\n    display: flex;\n    align-items: center;\n\n    &:hover > div:not(.checked):not(.disabled) {\n      border-color: ", ";\n    }\n  }\n\n  input {\n    display: none;\n  }\n"])), function (_ref8) {
-  var theme = _ref8.theme;
-  return theme.borderHover;
-});
-
-var _templateObject$b, _templateObject2$6, _templateObject3$2;
-
-var _excluded$6 = ["className", "showLabel", "background", "anchorColor", "onLabel", "offLabel", "innerRef"];
-
-function Switch(_ref) {
-  var className = _ref.className,
-      showLabel = _ref.showLabel,
-      background = _ref.background,
-      anchorColor = _ref.anchorColor,
-      _ref$onLabel = _ref.onLabel,
-      onLabel = _ref$onLabel === void 0 ? 'ON' : _ref$onLabel,
-      _ref$offLabel = _ref.offLabel,
-      offLabel = _ref$offLabel === void 0 ? 'OFF' : _ref$offLabel,
-      innerRef = _ref.innerRef,
-      rest = _objectWithoutProperties(_ref, _excluded$6);
-
-  var id = "switch_" + rest.name;
-  return (
-    /*#__PURE__*/
-    React__default.createElement(Wrapper$5, {
-      className: className,
-      showLabel: showLabel,
-      background: background,
-      anchorColor: anchorColor,
-      labelTextOn: onLabel,
-      labelTextOff: offLabel,
-      disabled: rest.disabled
-    },
-    /*#__PURE__*/
-    React__default.createElement("input", Object.assign({
-      id: id,
-      type: "checkbox"
-    }, rest, {
-      ref: innerRef
-    })),
-    /*#__PURE__*/
-    React__default.createElement("label", {
-      htmlFor: id,
-      "aria-label": id
-    }))
-  );
-}
-
-var index$4 = /*#__PURE__*/
-React.forwardRef(function (props, ref) {
-  return (
-    /*#__PURE__*/
-    React__default.createElement(Switch, Object.assign({}, props, {
-      innerRef: ref
-    }))
-  );
-});
-var labelStyle =
-/*#__PURE__*/
-styled.css(_templateObject$b || (_templateObject$b =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  label:before {\n    position: absolute;\n    display: block;\n    content: '", "';\n    top: 0.5rem;\n    right: 0.6875rem;\n    font-size: 0.825rem;\n    line-height: 0.825rem;\n    color: ", ";\n  }\n\n  input:checked ~ label:before {\n    content: '", "';\n    right: unset;\n    left: 0.6875rem;\n    color: ", ";\n  }\n"])), function (_ref2) {
-  var offLabel = _ref2.offLabel;
-  return offLabel;
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.textLight;
-}, function (_ref4) {
-  var onLabel = _ref4.onLabel;
-  return onLabel;
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return findColorInvert(theme, theme.primary);
-});
-var Wrapper$5 =
-/*#__PURE__*/
-styled__default.span(_templateObject2$6 || (_templateObject2$6 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: inline-block;\n  cursor: pointer;\n  line-height: 1.25;\n  position: relative;\n\n  input {\n    display: none;\n  }\n\n  label {\n    position: relative;\n    display: block;\n    height: 1.875rem;\n    min-width: 5rem;\n    background: transparent;\n    border: 1px solid ", ";\n    border-radius: 1.25rem;\n    cursor: pointer;\n    will-change: background-color;\n    transition: background-color 300ms ease;\n    box-shadow: inset 0 0.25rem 0.25rem rgba(0,0,0,0.05);\n\n    &:after {\n      position: absolute;\n      display: block;\n      left: 0.375rem;\n      top: 0.2rem;\n      width: 1.375rem;\n      height: 1.375rem;\n      border-radius: 100%;\n      background: ", ";\n      content: '';\n      text-align: right;\n      border: 1px solid ", ";\n      will-change: left;\n      transition: left 300ms ease;\n      box-shadow: 0 0 0.375rem rgba(0,0,0,0.1);\n    }\n  }\n\n  input:checked ~ label {\n    background: ", ";\n    box-shadow: inset 0 0.25rem 0.25rem rgba(0,0,0,0.15);\n    &:after {\n      left: calc(100% - 1.75rem);\n      box-shadow: 0 0 0.375rem rgba(0,0,0,0.15);\n    }\n  }\n\n  ", "\n  ", "\n"])), function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.border;
-}, function (_ref7) {
-  var theme = _ref7.theme,
-      anchorColor = _ref7.anchorColor;
-  return anchorColor || theme.white;
-}, function (_ref8) {
-  var theme = _ref8.theme;
-  return theme.border;
-}, function (_ref9) {
-  var theme = _ref9.theme,
-      background = _ref9.background;
-  return background || theme.primary;
-}, function (_ref10) {
-  var showLabel = _ref10.showLabel;
-  return showLabel ? labelStyle : undefined;
-}, function (_ref11) {
-  var disabled = _ref11.disabled,
-      theme = _ref11.theme;
-  return disabled ? styled.css(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n\n      label {\n        ", "\n\n        &:after {\n          background: ", ";\n        }\n      }\n\n      input:checked ~ label {\n        background: ", ";\n      }\n    "])), disabledColor(theme), theme.disabled, theme.grey) : undefined;
-});
-
-var _templateObject$c;
-
-var _excluded$7 = ["header", "show", "children", "timeout"];
-function Accordion(_ref) {
-  var header = _ref.header,
-      show = _ref.show,
-      children = _ref.children,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
-      rest = _objectWithoutProperties(_ref, _excluded$7);
-
-  var ref = React.useRef(null);
-  var prevHeight = React.useRef(0);
-  var timeoutRef = React.useRef(0);
-  var init = React.useRef(true);
-  React.useEffect(function () {
-    timeoutRef.current = timeout;
-  }, [timeout]);
-  useIsomorphicLayoutEffect(function () {
-    if (!ref.current) return;
-    ref.current.style.overflow = 'hidden';
-    ref.current.style.opacity = '1';
-
-    if (init.current) {
-      init.current = false;
-      ref.current.style.height = show ? 'auto' : '0px';
-
-      if (show) {
-        // cache prev calculated height after 1 frame draw
-        requestAnimationFrame(function () {
-          if (ref.current) {
-            prevHeight.current = ref.current.offsetHeight;
-          }
-        });
-      } else {
-        // explicitly calculate auto height
-        requestAnimationFrame(function () {
-          if (ref.current) {
-            ref.current.style.height = 'auto';
-            prevHeight.current = ref.current.offsetHeight;
-            ref.current.style.height = '0px';
-          }
-        });
-        ref.current.style.opacity = '0';
-      }
-
-      return;
-    }
-
-    if (!show) {
-      ref.current.style.height = prevHeight.current + "px";
-    }
-
-    var frameIds = [];
-    frameIds[0] = requestAnimationFrame(function () {
-      frameIds[1] = requestAnimationFrame(function () {
-        if (!ref.current) return;
-        ref.current.style.height = (show ? prevHeight.current : 0) + "px";
-        ref.current.style.opacity = show ? '1' : '0';
-      });
-    });
-    var timeoutId = setTimeout(function () {
-      if (!ref.current) return;
-
-      if (show) {
-        ref.current.style.height = 'auto';
-        ref.current.style.overflow = '';
-        ref.current.style.opacity = ''; // cache prev calculated height after 1 frame draw
-
-        requestAnimationFrame(function () {
-          if (ref.current) {
-            prevHeight.current = ref.current.offsetHeight;
-          }
-        });
-      } else {
-        ref.current.style.height = '0px';
-      }
-    }, timeoutRef.current);
-    return function () {
-      frameIds.forEach(cancelAnimationFrame);
-      clearTimeout(timeoutId);
-    };
-  }, [show]);
-  return (
-    /*#__PURE__*/
-    React__default.createElement("div", rest, header,
-    /*#__PURE__*/
-    React__default.createElement(AnimatedContent, {
-      "aria-hidden": !show,
-      ref: ref,
-      style: {
-        transitionDuration: timeout + "ms"
-      }
-    }, children))
-  );
-}
-var AnimatedContent =
-/*#__PURE__*/
-styled__default.div(_templateObject$c || (_templateObject$c =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  will-change: opacity, height, transform;\n  transition-property: opacity, height, transform;\n  transition-timing-function: ease-in-out;\n"])));
-
-function setAlign(_ref) {
-  var align = _ref.align;
-
-  switch (align) {
-    case 'left':
-      return 'flex-start';
-
-    case 'right':
-      return 'flex-end';
-
-    case 'center':
-      return 'center';
-
-    default:
-      return 'space-evenly';
-  }
-}
-
-var _templateObject$d, _templateObject2$7, _templateObject3$3, _templateObject4$2, _templateObject5$1;
-
-var _excluded$8 = ["children", "align", "brand"];
-function AppBar(_ref) {
-  var children = _ref.children,
-      align = _ref.align,
-      brand = _ref.brand,
-      rest = _objectWithoutProperties(_ref, _excluded$8);
-
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      show = _useState2[0],
-      setShow = _useState2[1];
-
-  var toggleMenu = function toggleMenu() {
-    return setShow(!show);
-  };
-
-  return (
-    /*#__PURE__*/
-    React__default.createElement(NavBar, Object.assign({
-      role: "navigation"
-    }, rest),
-    /*#__PURE__*/
-    React__default.createElement("nav", null, brand, children &&
-    /*#__PURE__*/
-    React__default.createElement(Burger, {
-      className: show ? 'active' : undefined,
-      onClick: toggleMenu
-    },
-    /*#__PURE__*/
-    React__default.createElement("span", null),
-    /*#__PURE__*/
-    React__default.createElement("span", null),
-    /*#__PURE__*/
-    React__default.createElement("span", null)),
-    /*#__PURE__*/
-    React__default.createElement(NavContent, {
-      className: show ? 'active' : undefined,
-      align: align
-    }, children)))
-  );
-}
-
-function setColor(_ref2) {
-  var color = _ref2.color,
-      theme = _ref2.theme,
-      backdrop = _ref2.backdrop;
-  var backgroundColor = color ? theme[color] : 'transparent';
-  var textColor = findColorInvert(theme, backgroundColor === 'transparent' ? theme.background : backgroundColor);
-
-  if (backdrop) {
-    var backColor = polished.transparentize(0.2, backgroundColor === 'transparent' ? theme.white : backgroundColor);
-    return styled.css(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      color: ", ";\n    "])), backColor, textColor);
-  }
-
-  return styled.css(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["background-color: ", "; color: ", ";"])), backgroundColor, textColor);
-}
-
-var NavBar =
-/*#__PURE__*/
-styled__default.header(_templateObject3$3 || (_templateObject3$3 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  position: ", ";\n  display: flex;\n  top: -1px;\n  min-height: 3.25rem;\n  width: 100%;\n  z-index: 30;\n\n  padding: ", ";\n\n  & > nav {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    align-items: center;\n    flex: 1 0 auto;\n  }\n\n  ", "\n\n  a { color: inherit; }\n\n  ", " {\n    padding: ", ";\n  }\n"])), function (_ref3) {
-  var fixed = _ref3.fixed,
-      sticky = _ref3.sticky;
-  if (sticky) return 'sticky';
-  if (fixed) return 'fixed';
-  return 'relative';
-}, function (_ref4) {
-  var fluid = _ref4.fluid;
-  return fluid ? '0 0.75rem' : '0 5%';
-}, setColor, mediaTablet, function (_ref5) {
-  var fluid = _ref5.fluid;
-  return fluid ? '0 0.5rem' : '0 3%';
-});
-var Burger =
-/*#__PURE__*/
-styled__default.button(_templateObject4$2 || (_templateObject4$2 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  ", "\n  display: none;\n  margin-left: auto;\n  border: none;\n  background-color: transparent;\n  color: inherit;\n\n  outline: none;\n\n  &:hover{\n    background-color: rgba(0, 0, 0, .05);\n  }\n\n  ", " {\n    display: block;\n  }\n"])),
-/*#__PURE__*/
-hamburger('3.25rem'), mediaMobile);
-var NavContent =
-/*#__PURE__*/
-styled__default.div(_templateObject5$1 || (_templateObject5$1 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  flex-basis: auto;\n  flex-grow: 1;\n  height: 100%;\n\n  & > ul {\n    display: flex;\n    flex-direction: row;\n    list-style: none;\n    flex-grow: 1;\n    flex-basis: 100%;\n    height: inherit;\n    align-items: center;\n    justify-content: ", ";\n\n    li {\n      padding: 0.85rem;\n    }\n  }\n\n  & > div, & > span, & > form {\n    display: flex;\n    ", "\n  }\n\n  ", " {\n    width: 100%;\n    flex-direction: column;\n    align-items: flex-start;\n    height: auto;\n\n    padding-bottom: 0.5rem;\n\n    &:not(.active) {\n      display:none;\n    }\n\n    & > ul {\n      flex-direction: column;\n      align-items: flex-start;\n      width: 100%;\n      flex-basis: auto;\n      li {\n        padding: .5rem 0;\n      }\n    }\n\n    & > div, & > span, & > form {\n      padding: .5rem 0;\n      width: 100%;\n    }\n  }\n"])), setAlign, function (_ref6) {
-  var color = _ref6.color;
-  return color ? "color: " + color + ";" : '';
-}, mediaMobile);
-
-var Portal =
-/*#__PURE__*/
-React__default.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      container = _ref.container,
-      disabled = _ref.disabled;
-
-  var _useState = React.useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      mountNode = _useState2[0],
-      setMountNode = _useState2[1];
-
-  useIsomorphicLayoutEffect(function () {
-    if (disabled) {
-      setMountNode(null);
-      return;
-    }
-
-    if (!container) {
-      var dom = document.getElementById('visits-style-portals');
-
-      if (!dom) {
-        dom = document.createElement('div');
-        dom.id = 'visits-style-portals';
-        document.body.appendChild(dom);
-      }
-
-      setMountNode(dom);
-      return;
-    }
-
-    setMountNode(container);
-  }, [container, disabled]);
-  return mountNode ?
-  /*#__PURE__*/
-  reactDom.createPortal(children, mountNode) : mountNode;
-});
-Portal.displayName = 'Portal';
-
-function usePopper(referenceElement, popperElement, options) {
-  if (options === void 0) {
-    options = {};
-  }
-
-  var instance = React.useRef(null);
-  var popperOptions = React.useMemo(function () {
-    return {
-      placement: options.placement || 'bottom',
-      strategy: options.strategy || 'absolute',
-      modifiers: [{
-        name: 'preventOverflow',
-        enabled: true
-      }, options.offset && {
-        name: 'offset',
-        options: {
-          offset: [options.offset.x, options.offset.y]
-        }
-      }].filter(Boolean)
-    };
-  }, [options.placement, options.strategy, options.offset]);
-  useIsomorphicLayoutEffect(function () {
-    if (instance.current) {
-      instance.current.setOptions(popperOptions);
-    }
-  }, [popperOptions]);
-  useIsomorphicLayoutEffect(function () {
-    return function () {
-      if (instance.current) {
-        instance.current.destroy();
-        instance.current = null;
-      }
-    };
-  }, []);
-  var open = React.useCallback(function () {
-    if (instance.current) {
-      instance.current.destroy();
-      instance.current = null;
-    }
-
-    if (referenceElement == null || popperElement == null) {
-      return;
-    }
-
-    var refEl = // @ts-ignore
-    'current' in referenceElement ? referenceElement.current : referenceElement; // @ts-ignore
-
-    var pEl = 'current' in popperElement ? popperElement.current : popperElement;
-    if (refEl === null || pEl === null) return;
-    instance.current = core.createPopper(refEl, pEl, popperOptions); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [popperOptions]);
-  var close = React.useCallback(function () {
-    if (instance.current) {
-      instance.current.destroy();
-      instance.current = null;
-    }
-  }, []);
-  return [open, close];
-}
-
-function wrapEvent(child, handlerName, ourHandler) {
-  return function (event) {
-    if (typeof child !== 'string' && child.props[handlerName]) {
-      child.props[handlerName](event);
-    }
-
-    if (!event.defaultPrevented) {
-      return ourHandler(event);
-    }
-  };
-}
-
-var _templateObject$e;
-function Tooltip(_ref) {
-  var children = _ref.children,
-      _ref$position = _ref.position,
-      position = _ref$position === void 0 ? 'bottom' : _ref$position,
-      label = _ref.label,
-      color = _ref.color,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$offset = _ref.offset,
-      offset = _ref$offset === void 0 ? {
-    x: 0,
-    y: 6
-  } : _ref$offset;
-  var parent = React.useRef(null);
-  var tooltip = React.useRef(null);
-
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
-  var _usePopper = usePopper(parent, tooltip, {
-    placement: position,
-    offset: offset
-  }),
-      _usePopper2 = _slicedToArray(_usePopper, 2),
-      openPopper = _usePopper2[0],
-      closePopper = _usePopper2[1];
-
-  var handleOpen = function handleOpen() {
-    setOpen(true);
-    requestAnimationFrame(openPopper);
-  };
-
-  var handleClose = function handleClose() {
-    setOpen(false);
-    closePopper();
-  };
-
-  var child = typeof children === 'string' ?
-  /*#__PURE__*/
-  React__default.createElement("span", null, children) : children;
-  return (
-    /*#__PURE__*/
-    React__default.createElement(React__default.Fragment, null,
-    /*#__PURE__*/
-    React.cloneElement(React.Children.only(child), {
-      ref: parent,
-      onMouseEnter: wrapEvent(child, 'onMouseEnter', handleOpen),
-      onMouseLeave: wrapEvent(child, 'onMouseLeave', handleClose),
-      onFocus: wrapEvent(child, 'onFocus', handleOpen),
-      onBlur: wrapEvent(child, 'onBlur', handleClose)
-    }), open &&
-    /*#__PURE__*/
-    React__default.createElement(Portal, null,
-    /*#__PURE__*/
-    React__default.createElement(TooltipWrapper, {
-      className: className,
-      ref: tooltip,
-      role: "tooltip",
-      color: color
-    }, label)))
-  );
-}
-var TooltipWrapper =
-/*#__PURE__*/
-styled__default.div(_templateObject$e || (_templateObject$e =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  position: relative;\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n  z-index: 9999;\n  padding: 0.375rem 0.625rem;\n  cursor: default;\n  white-space: pre;\n  font-size: 0.85rem;\n  z-index: 9999;\n\n  background-color: ", ";\n"])), function (_ref2) {
-  var color = _ref2.color,
-      theme = _ref2.theme;
-  return color ? theme[color] || theme.background : theme.background;
-});
-
-var _templateObject$f;
-var Box = /*#__PURE__*/
-styled__default.div(_templateObject$f || (_templateObject$f =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  border: ", ";\n  border-radius: ", ";\n  width: 100%;\n\n  min-width: 0;\n  word-wrap: break-word;\n\n  ", "\n"])), function (_ref) {
-  var borderless = _ref.borderless,
-      theme = _ref.theme;
-  return borderless ? 'none' : "1px solid " + theme.border;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.radius;
-}, function (_ref3) {
-  var color = _ref3.color,
-      theme = _ref3.theme;
-  if (!color) return undefined;
-  var target = theme[color] || color;
-  var invertColor = findColorInvert(theme, target);
-  return {
-    backgroundColor: target,
-    color: invertColor
-  };
-});
-
-var _excluded$9 = ["image", "title", "children", "horizontal", "footer", "color", "style"];
-
-var _templateObject$g, _templateObject2$8, _templateObject3$4, _templateObject4$3, _templateObject5$2;
-var CardBody =
-/*#__PURE__*/
-styled__default.div(_templateObject$g || (_templateObject$g =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  padding: 1.25rem;\n  margin: 0;\n"])));
-var CardHeader =
-/*#__PURE__*/
-styled__default.header(_templateObject2$8 || (_templateObject2$8 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: flex;\n  padding: 0.5rem 1.5rem;\n  min-height: 3.5rem;\n  border-bottom: 1px solid ", ";\n  align-items: center;\n  justify-content: space-between;\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.border;
-});
-var CardFooter =
-/*#__PURE__*/
-styled__default.footer(_templateObject3$4 || (_templateObject3$4 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: flex;\n  padding: 0.5rem 1.5rem;\n  min-height: 3.5rem;\n  border-top: 1px solid ", ";\n  align-items: center;\n  justify-content: space-between;\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.border;
-});
-var CardImage =
-/*#__PURE__*/
-styled__default.a(_templateObject4$3 || (_templateObject4$3 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  width: 100%;\n\n  img {\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    border-top-left-radius: 3px;\n    border-top-right-radius: 3px;\n  }\n"])));
-var CardImageHorizontal =
-/*#__PURE__*/
-styled__default.a(_templateObject5$2 || (_templateObject5$2 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  flex: 0 0 30%;\n  min-width: 5rem;\n  width: 30%;\n  border-top-left-radius: 3px;\n  border-bottom-left-radius: 3px;\n\n  background: no-repeat center/cover;\n  ", "\n"])), function (_ref3) {
-  var url = _ref3.url;
-  return url ? {
-    backgroundImage: "url(" + url + ")"
-  } : undefined;
-});
-function Card(_ref4) {
-  var image = _ref4.image,
-      title = _ref4.title,
-      children = _ref4.children,
-      horizontal = _ref4.horizontal,
-      footer = _ref4.footer,
-      color = _ref4.color,
-      _ref4$style = _ref4.style,
-      style = _ref4$style === void 0 ? {} : _ref4$style,
-      rest = _objectWithoutProperties(_ref4, _excluded$9);
-
-  var header = React.useMemo(function () {
-    if (image && !horizontal) return (
-      /*#__PURE__*/
-      React__default.createElement(CardImage, null,
-      /*#__PURE__*/
-      React__default.createElement("img", {
-        src: image,
-        alt: ""
-      }))
-    );
-    if (image && horizontal) return (
-      /*#__PURE__*/
-      React__default.createElement(CardImageHorizontal, {
-        url: image
-      })
-    );
-    if (title && !horizontal) return (
-      /*#__PURE__*/
-      React__default.createElement(CardHeader, null,
-      /*#__PURE__*/
-      React__default.createElement("h3", null, title))
-    );
-    return null;
-  }, [image, title, horizontal]);
-  var styles = React.useMemo(function () {
-    return _objectSpread2({
-      flexDirection: horizontal ? 'row' : 'column'
-    }, style);
-  }, [style, horizontal]);
-  return (
-    /*#__PURE__*/
-    React__default.createElement(Box, Object.assign({
-      color: color
-    }, rest, {
-      style: styles
-    }), header,
-    /*#__PURE__*/
-    React__default.createElement(CardBody, null, children), footer &&
-    /*#__PURE__*/
-    React__default.createElement(CardFooter, null, React__default.Children.only(footer)))
-  );
-}
-
-var _templateObject$h, _templateObject2$9;
-
-var _excluded$a = ["position", "label", "children", "color", "onOpen", "onClose", "disabled", "className", "offset"];
-
-function stopPropagation(e) {
-  if (!e) return;
-  e.stopPropagation();
-}
-
-var Popover =
-/*#__PURE__*/
-React.forwardRef(function (_ref, ref) {
-  var position = _ref.position,
-      label = _ref.label,
-      children = _ref.children,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'background' : _ref$color,
-      onOpen = _ref.onOpen,
-      onClose = _ref.onClose,
-      disabled = _ref.disabled,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$offset = _ref.offset,
-      offset = _ref$offset === void 0 ? {
-    x: 0,
-    y: 6
-  } : _ref$offset,
-      rest = _objectWithoutProperties(_ref, _excluded$a);
-
-  var parent = React.useRef(null);
-  var popover = React.useRef(null);
-
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
-  var _usePopper = usePopper(parent, popover, {
-    placement: position,
-    offset: offset
-  }),
-      _usePopper2 = _slicedToArray(_usePopper, 2),
-      openPopper = _usePopper2[0],
-      closePopper = _usePopper2[1];
-
-  var handleFocus = function handleFocus(e) {
-    stopPropagation(e);
-    setOpen(true);
-    requestAnimationFrame(openPopper);
-    if (onOpen) onOpen();
-  };
-
-  var handleBlur = function handleBlur(e) {
-    stopPropagation(e);
-    closePopper();
-    setOpen(false);
-    if (onClose) onClose();
-  };
-
-  React.useEffect(function () {
-    if (disabled && open) {
-      closePopper();
-      setOpen(false);
-    }
-  }, [disabled, open, closePopper]);
-  React.useImperativeHandle(ref, function () {
-    return {
-      open: handleFocus,
-      close: handleBlur
-    };
-  });
-  return (
-    /*#__PURE__*/
-    React__default.createElement(React__default.Fragment, null,
-    /*#__PURE__*/
-    React.cloneElement(React.Children.only(label), {
-      ref: parent,
-      tabIndex: 0,
-      role: 'button',
-      onClick: wrapEvent(label, 'onClick', handleFocus),
-      disabled: disabled
-    }), open &&
-    /*#__PURE__*/
-    React__default.createElement(Portal, null,
-    /*#__PURE__*/
-    React__default.createElement(Tooltip$1, Object.assign({
-      role: "tooltip",
-      className: className,
-      ref: popover,
-      color: color,
-      onClick: stopPropagation
-    }, rest), children),
-    /*#__PURE__*/
-    React__default.createElement(Shadow, {
-      onClick: handleBlur,
-      "data-testid": "visits-style-shadow"
-    })))
-  );
-});
-Popover.displayName = 'Popover';
-var Tooltip$1 =
-/*#__PURE__*/
-styled__default(Box)(_templateObject$h || (_templateObject$h =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: flex;\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0;\n  width: auto;\n  height: auto;\n  cursor: auto;\n  z-index: 40;\n"])));
-var Shadow =
-/*#__PURE__*/
-styled__default.div(_templateObject2$9 || (_templateObject2$9 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  position: fixed;\n  z-index: 38;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n"])));
-
-var fixedNum = 0;
-function useScrollFix(show) {
-  useIsomorphicLayoutEffect(function () {
-    if (show) {
-      document.body.style.overflowY = 'hidden';
-      fixedNum += 1;
-      return function () {
-        if (fixedNum <= 1) {
-          document.body.style.overflowY = 'auto';
-          fixedNum = 0;
-        } else {
-          fixedNum -= 1;
-        }
-      };
-    }
-
-    return undefined;
-  }, [show]);
-}
-
-var _excluded$b = ["show", "children", "timeout", "color", "closeModal", "external", "className", "closeOnOverlay", "closeOnEsc", "onExited"];
-
-var _templateObject$i, _templateObject2$a, _templateObject3$5;
-
-var Shadow$1 =
-/*#__PURE__*/
-styled__default.div(_templateObject$i || (_templateObject$i =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n"])));
-var Wrapper$6 =
-/*#__PURE__*/
-styled__default(Shadow$1)(_templateObject2$a || (_templateObject2$a =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  z-index: 9997;\n  overflow-y: auto;\n  overflow-x: hidden;\n  background-color: ", ";\n  padding: 0.85rem;\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.backdrop;
-});
-var AnimatedBox =
-/*#__PURE__*/
-styled__default(Box)(_templateObject3$5 || (_templateObject3$5 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  width: auto;\n  margin: auto;\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: auto;\n  z-index: 100;\n\n  will-change: transform, opacity;\n  transition-property: transform, opacity;\n  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  transition-duration: 200ms;\n\n  opacity: 0;\n  transform: scale(0.8);\n\n  &.entered {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  &.entering, &.exiting, &.exited {\n    opacity: 0;\n    transform: scale(0.8);\n  }\n"])));
-function Modal(_ref2) {
-  var show = _ref2.show,
-      children = _ref2.children,
-      _ref2$timeout = _ref2.timeout,
-      timeout = _ref2$timeout === void 0 ? 200 : _ref2$timeout,
-      _ref2$color = _ref2.color,
-      color = _ref2$color === void 0 ? 'background' : _ref2$color,
-      closeModal = _ref2.closeModal,
-      external = _ref2.external,
-      className = _ref2.className,
-      closeOnOverlay = _ref2.closeOnOverlay,
-      onExited = _ref2.onExited,
-      rest = _objectWithoutProperties(_ref2, _excluded$b);
-
-  useScrollFix(show);
-  return (
-    /*#__PURE__*/
-    React__default.createElement(Portal, null,
-    /*#__PURE__*/
-    React__default.createElement(reactTransitionGroup.Transition, {
-      "in": show,
-      timeout: timeout,
-      onExited: onExited,
-      unmountOnExit: true,
-      mountOnEnter: true
-    }, function (state) {
-      return (
-        /*#__PURE__*/
-        React__default.createElement(Wrapper$6, {
-          role: "dialog",
-          className: className
-        },
-        /*#__PURE__*/
-        React__default.createElement(Shadow$1, {
-          onClick: closeOnOverlay ? closeModal : undefined,
-          "data-testid": "vs-modal-overlay"
-        }),
-        /*#__PURE__*/
-        React__default.createElement(AnimatedBox, Object.assign({
-          className: state,
-          color: color,
-          borderless: true
-        }, rest, {
-          role: "document"
-        }), children), external)
-      );
-    }))
-  );
-}
-
-/* tslint:disable max-line-length */
-function Close(props) {
-  return (
-    /*#__PURE__*/
-    React__default.createElement("svg", Object.assign({
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "30",
-      height: "30",
-      viewBox: "0 0 30 30"
-    }, props),
-    /*#__PURE__*/
-    React__default.createElement("g", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round"
-    },
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M25.999 26l-12.5-12.5L25.999 1"
-    }),
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M1 26l12.5-12.5L1 1"
-    })))
-  );
-}
-
-var _excluded$c = ["color", "message", "duration", "clear", "clearOnClick", "id"],
-    _excluded2 = ["toasts", "clear", "fixed", "style", "margin", "position"];
-
-var _templateObject$j, _templateObject2$b, _templateObject3$6;
-var Wrapper$7 =
-/*#__PURE__*/
-styled__default(Box)(_templateObject$j || (_templateObject$j =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  position: relative;\n  padding: 0.375em 0.75em;\n  max-width: 100%;\n  margin-bottom: 1rem;\n  z-index: 9999;\n  width: fit-content;\n\n  transition-property: transform, opacity;\n  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  transition-duration: 250ms;\n\n  &.entering {\n    opacity: 0.01;\n    transform: scale(0.8);\n  }\n  &.entered {\n    opacity: 1;\n    transform: scale(1);\n  }\n  &.exiting {\n    opacity: 0.01;\n    transform: scale(0.8);\n  }\n\n  ", "\n"])), function (_ref) {
-  var clear = _ref.clear;
-  return clear ? {
-    paddingRight: '2.25rem'
-  } : undefined;
-});
-var ClearButton =
-/*#__PURE__*/
-styled__default.button(_templateObject2$b || (_templateObject2$b =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  margin: 0;\n  padding: 0;\n  border: none;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  width: 2rem;\n\n  svg {\n    width: 1rem;\n    height: 1rem;\n  }\n\n  &:hover {\n    background: rgba(0,0,0,0.15);\n  }\n"])));
-
-function ToastItem(_ref2) {
-  var color = _ref2.color,
-      message = _ref2.message,
-      _ref2$duration = _ref2.duration,
-      duration = _ref2$duration === void 0 ? 5000 : _ref2$duration,
-      clear = _ref2.clear,
-      clearOnClick = _ref2.clearOnClick,
-      id = _ref2.id,
-      rest = _objectWithoutProperties(_ref2, _excluded$c);
-
-  var onClear = React.useCallback(function () {
-    return clear(id);
-  }, [clear, id]);
-  React.useEffect(function () {
-    if (duration) {
-      var timeout = setTimeout(onClear, duration);
-      return function () {
-        return clearTimeout(timeout);
-      };
-    }
-
-    return undefined;
-  }, [onClear, duration]);
-  return (
-    /*#__PURE__*/
-    React__default.createElement(Wrapper$7, Object.assign({
-      color: color,
-      clear: clearOnClick,
-      "data-testid": "toast-item",
-      borderless: true
-    }, rest), message, clearOnClick &&
-    /*#__PURE__*/
-    React__default.createElement(ClearButton, {
-      onClick: onClear
-    },
-    /*#__PURE__*/
-    React__default.createElement(Close, null)))
-  );
-}
-
-function Toast(_ref3) {
-  var toasts = _ref3.toasts,
-      clear = _ref3.clear,
-      fixed = _ref3.fixed,
-      style = _ref3.style,
-      _ref3$margin = _ref3.margin,
-      margin = _ref3$margin === void 0 ? '1rem' : _ref3$margin,
-      position = _ref3.position,
-      rest = _objectWithoutProperties(_ref3, _excluded2);
-
-  return (
-    /*#__PURE__*/
-    React__default.createElement(Portal, null,
-    /*#__PURE__*/
-    React__default.createElement(Container, Object.assign({}, rest, {
-      pos: position,
-      margin: margin,
-      style: _objectSpread2({
-        position: fixed ? 'fixed' : 'absolute'
-      }, style)
-    }),
-    /*#__PURE__*/
-    React__default.createElement(reactTransitionGroup.TransitionGroup, {
-      component: null
-    }, toasts.map(function (props) {
-      return (
-        /*#__PURE__*/
-        React__default.createElement(reactTransitionGroup.Transition, {
-          key: props.id,
-          timeout: 250,
-          "in": true,
-          unmountOnExit: true
-        }, function (state) {
-          return (
-            /*#__PURE__*/
-            React__default.createElement(ToastItem, Object.assign({}, props, {
-              className: state,
-              key: props.id,
-              clear: clear
-            }))
-          );
-        })
-      );
-    }))))
-  );
-}
-var Container =
-/*#__PURE__*/
-styled__default.div(_templateObject3$6 || (_templateObject3$6 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n\n  ", "\n"])), function (_ref4) {
-  var pos = _ref4.pos,
-      margin = _ref4.margin;
-
-  switch (pos) {
-    case 'bottom':
-      {
-        return {
-          bottom: margin,
-          left: '50%',
-          alignItems: 'center',
-          transform: 'translateX(-50%)'
-        };
-      }
-
-    case 'bottom-left':
-      {
-        return {
-          bottom: margin,
-          left: margin,
-          alignItems: 'flex-start'
-        };
-      }
-
-    case 'bottom-right':
-      {
-        return {
-          bottom: margin,
-          right: margin,
-          alignItems: 'flex-end'
-        };
-      }
-
-    case 'top':
-      {
-        return {
-          top: margin,
-          left: '50%',
-          alignItems: 'center',
-          transform: 'translateX(-50%)'
-        };
-      }
-
-    case 'top-right':
-      {
-        return {
-          top: margin,
-          right: margin,
-          alignItems: 'flex-end'
-        };
-      }
-
-    default:
-      {
-        return {
-          top: margin,
-          left: margin,
-          alignItems: 'flex-start'
-        };
-      }
-  }
-});
-
-var _templateObject$k, _templateObject2$c, _templateObject3$7;
-
-function getColor(_ref) {
-  var theme = _ref.theme,
-      color = _ref.color;
-  var value = !color || color === 'light' ? theme.background : theme[color];
-  return styled.css(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n    border-color: ", ";\n    border-right-color: ", ";\n    border-top-color: ", ";\n  "])), value, theme.border, theme.border);
-}
-
-var spin =
-/*#__PURE__*/
-styled.keyframes(_templateObject2$c || (_templateObject2$c =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n"])));
-var Spinner =
-/*#__PURE__*/
-styled__default.div(_templateObject3$7 || (_templateObject3$7 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: inline-block;\n  width: ", ";\n  height: ", ";\n  margin: 0;\n  padding: 0;\n  position: relative;\n\n  &:after {\n    display: block;\n    top: 0;\n    left: 0;\n    animation: ", " 750ms infinite linear;\n    border: ", " solid;\n    border-radius: 100%;\n    ", "\n    content: \"\";\n    height: 100%;\n    width: 100%;\n    position: absolute;\n  }\n"])), function (_ref2) {
-  var size = _ref2.size;
-  return size || '100%';
-}, function (_ref3) {
-  var size = _ref3.size;
-  return size || '100%';
-}, spin, function (_ref4) {
-  var borderSize = _ref4.borderSize;
-  return borderSize;
-}, getColor);
-Spinner.defaultProps = {
-  borderSize: '2px'
-};
-
-var _templateObject$l, _templateObject2$d, _templateObject3$8;
-
-function setGap(width, gap) {
-  return parseInt(width.replace('px', ''), 10) - 2 * gap;
-}
-
-function setResponsive(_ref) {
-  var fluid = _ref.fluid;
-
-  if (fluid) {
-    return styled.css(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n      padding-right: 0.75rem;\n      padding-left: 0.75rem;\n      ", " {\n        padding-right: 0.5rem;\n        padding-left: 0.5rem;\n      }\n    "])), mediaTablet);
-  }
-
-  return styled.css(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteralLoose(["\n    margin-right: auto;\n    margin-left: auto;\n\n    ", " {\n      max-width: ", "px;\n    }\n    ", " {\n      max-width: ", "px;\n    }\n    ", " {\n      max-width: ", "px;\n    }\n    ", " {\n      max-width: ", "px;\n    }\n  "])), mediaUntilFullHD, function (_ref2) {
-    var theme = _ref2.theme;
-    return setGap(theme.media.fullhd, theme.gutter);
-  }, mediaDesktop, function (_ref3) {
-    var theme = _ref3.theme;
-    return setGap(theme.media.desktop, theme.gutter);
-  }, mediaTablet, function (_ref4) {
-    var theme = _ref4.theme;
-    return setGap(theme.media.tablet, theme.smallGutter);
-  }, mediaMobile, function (_ref5) {
-    var theme = _ref5.theme;
-    return setGap(theme.media.mobile, theme.smallGutter);
-  });
-}
-
-var Container$1 = /*#__PURE__*/
-styled__default.div(_templateObject3$8 || (_templateObject3$8 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 100%;\n\n  ", "\n"])), setResponsive);
-
-var _templateObject$m;
-var Row = /*#__PURE__*/
-styled__default.div(_templateObject$m || (_templateObject$m =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex: 0 1 auto;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin: -", "px;\n  padding: ", "px;\n\n  ", " {\n    margin: -", "px;\n    padding: ", "px;\n  }\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.gutter / 2;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.gutter / 2;
-}, mediaTablet, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.smallGutter / 2;
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.smallGutter / 2;
-});
-
-var _templateObject$n, _templateObject2$e;
-var sizes = ['auto', '8.3333333%', '16.666667%', '25%', '33.333333%', '41.666667%', '50%', '58.333333%', '66.666667%', '75%', '83.333333%', '91.666667%', '100%'];
-
-function setAutoSize(_ref) {
-  var size = _ref.size,
-      auto = _ref.auto;
-  if (!auto || !size) return undefined;
-  var mobileSize = size >= 4 ? sizes[12] : sizes[Math.round(size * 3)];
-  var desktopSize = size >= 8 ? sizes[12] : sizes[Math.round(size * 1.5)];
-  return styled.css(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n    ", " {\n      flex-basis: ", ";\n      max-width: ", ";\n    }\n    ", " {\n      flex-basis: ", ";\n      max-width: ", ";\n    }\n  "])), mediaDesktop, desktopSize, desktopSize, mediaMobile, mobileSize, mobileSize);
-}
-
-var Col =
-/*#__PURE__*/
-styled__default.div(_templateObject2$e || (_templateObject2$e =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex: 0 0 auto;\n  flex-direction: row;\n  flex-wrap: wrap;\n  padding: ", "px;\n\n  ", "\n\n  ", "\n\n  ", " {\n    padding: ", "px;\n  }\n  ", "\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.gutter / 2;
-}, function (_ref3) {
-  var size = _ref3.size;
-  return size ? {
-    flexBasis: sizes[size],
-    maxWidth: sizes[size]
-  } : {
-    flexGrow: 1,
-    flexBasis: 0,
-    maxWidth: '100%'
-  };
-}, function (_ref4) {
-  var offset = _ref4.offset;
-  return offset ? {
-    marginLeft: sizes[offset]
-  } : undefined;
-}, mediaTablet, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.smallGutter / 2;
-}, setAutoSize);
-Col.defaultProps = {
-  size: 0,
-  offset: 0
-};
-
-var _templateObject$o;
-var index$5 = /*#__PURE__*/
-styled__default.div(_templateObject$o || (_templateObject$o =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  color: ", ";\n  line-height: 1.5;\n\n  li + li {\n    margin-top: 0.25em;\n  }\n\n  p,\n  dl,\n  ol,\n  ul,\n  blockquote,\n  pre,\n  table {\n    &:not(:last-child) {\n      margin-bottom: 1em;\n    }\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-weight: 600;\n    line-height: 1.125;\n  }\n\n  h1 {\n    font-size: 2rem;\n    margin-bottom: 0.5em;\n  }\n\n  h2 {\n    font-size: 1.75em;\n    margin-bottom: 0.5714em;\n\n    &:not(:first-child) {\n      margin-top: 1.1428em;\n    }\n  }\n\n  h3 {\n    font-size: 1.5em;\n    margin-bottom: 0.6666em;\n\n    &:not(:first-child) {\n      margin-top: 1.3333em;\n    }\n  }\n\n  h4 {\n    font-size: 1.25em;\n    margin-bottom: 0.8em;\n  }\n\n  h5 {\n    font-size: 1.125em;\n    margin-bottom: 0.8888em;\n  }\n\n  h6 {\n    font-size: 1em;\n    margin-bottom: 1em;\n  }\n\n  ol {\n    list-style: decimal outside;\n    margin-left: 2em;\n    margin-top: 1em;\n  }\n\n  ul {\n    list-style: disc outside;\n    margin-left: 2em;\n    margin-top: 1em;\n    ul {\n      list-style-type: circle;\n      margin-top: 0.5em;\n      ul {\n        list-style-type: square;\n      }\n    }\n  }\n\n  dd {\n    margin-left: 2em;\n  }\n\n  table {\n    width: 100%;\n\n    td, th {\n      border: 1px solid ", ";\n      border-width: 0 0 1px;\n      padding: 0.5em 0.75em;\n      vertical-align: top;\n    }\n\n    th {\n      color: ", ";\n      text-align: left;\n    }\n\n    thead {\n      td, th {\n        border-width: 0 0 2px;\n        color: ", ";\n      }\n    }\n\n    tfoot {\n      td, th {\n        border-width: 2px 0 0;\n        color: ", ";\n      }\n    }\n\n    tbody > tr:last-child{\n      td, th {\n        border-bottom-width: 0;\n      }\n    }\n  }\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.text;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.border;
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.text;
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.text;
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.text;
-});
-
-var _templateObject$p, _templateObject2$f;
-
-var setAnimation = function setAnimation(_ref) {
-  var theme = _ref.theme;
-  return styled.keyframes(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n  0% { background-color: ", "; }\n  50% { background-color: ", "; }\n  100% { background-color: ", "; }\n"])), theme.greyLighter, theme.grey, theme.greyLighter);
-};
-
-var index$6 = /*#__PURE__*/
-styled__default.span(_templateObject2$f || (_templateObject2$f =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: inline-block;\n  height: 1rem;\n  width: 100%;\n  animation: ", " 3.5s ease infinite;\n  border-radius: ", ";\n  opacity: 0.125;\n"])), setAnimation, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.radius;
-});
-
-var _templateObject$q, _templateObject2$g, _templateObject3$9, _templateObject4$4;
-
-function setColor$1(_ref) {
-  var theme = _ref.theme,
-      color = _ref.color,
-      outline = _ref.outline,
-      disabled = _ref.disabled;
-
-  if (disabled) {
-    return disabledColor(theme);
-  }
-
-  if (!color) {
-    return styled.css(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      color: ", ";\n\n      &:hover {\n        border-color: ", ";\n      }\n\n      &:active {\n        border-color: ", ";\n      }\n    "])), theme.border, theme.text, theme.borderHover, theme.borderActive);
-  }
-
-  var target = theme[color] || color;
-  var invertColor = findColorInvert(theme, target);
-
-  if (outline) {
-    return styled.css(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n      background-color: transparent;\n      border-color: ", ";\n      color: ", ";\n\n      &:hover {\n        background-color: ", ";\n        color: ", ";\n      }\n\n      &:active {\n        background-color: ", ";\n      }\n\n      &:focus:not(:active) {\n        ", "\n      }\n    "])), target, target, target, invertColor, polished.darken(0.1, target), boxShadow('0.1rem', target, 0.5));
-  }
-
-  return styled.css(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n    background-color: ", ";\n    border-color: transparent;\n    color: ", ";\n    box-shadow: none;\n\n    &:hover {\n      color: ", ";\n      background-color: ", ";\n    }\n\n    &:active {\n      background-color: ", ";\n    }\n\n    &:focus:not(:active) {\n      ", "\n    }\n  "])), target, invertColor, invertColor, polished.darken(0.05, target), polished.darken(0.1, target), boxShadow('0.1rem', target, 0.5));
-}
-
-var Button = /*#__PURE__*/
-styled__default.button(_templateObject4$4 || (_templateObject4$4 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  position: relative;\n  outline: none;\n  appearance: none;\n  box-sizing: border-box;\n  display: inline-block;\n  text-align: center;\n  white-space: nowrap;\n  cursor: pointer;\n  justify-content: center;\n  vertical-align: middle;\n  user-select: none;\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: ", ";\n  padding: ", ";\n  line-height: ", ";\n\n  ", "\n  ", "\n"])), function (_ref2) {
-  var round = _ref2.round,
-      theme = _ref2.theme;
-  return round ? '2456189px' : theme.radius;
-}, function (_ref3) {
-  var icon = _ref3.icon;
-  return icon ? '0.375em' : '0.375em 0.75em';
-}, function (_ref4) {
-  var icon = _ref4.icon;
-  return icon ? 1 : 1.5;
-}, setColor$1, function (_ref5) {
-  var size = _ref5.size;
-  return setSize('font-size', size);
-});
-
-var _templateObject$r, _templateObject2$h;
-var TextButton = /*#__PURE__*/
-styled__default.button(_templateObject$r || (_templateObject$r =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  display: inline;\n  margin: 0;\n  border-radius: ", ";\n  padding: ", ";\n  line-height: ", ";\n  color: ", ";\n  ", "\n\n  &:hover, &:focus {\n    ", "\n    ", "\n  }\n\n  &:focus, &:active {\n    outline: none;\n  }\n\n  &:active {\n    ", "\n  }\n\n  ", "\n"])), function (_ref) {
-  var round = _ref.round,
-      theme = _ref.theme;
-  return round ? '2456189px' : theme.radius;
-}, function (_ref2) {
-  var pure = _ref2.pure,
-      icon = _ref2.icon;
-  if (pure) return '0';
-  if (icon) return '0.375em';
-  return '0.375em 0.75em';
-}, function (_ref3) {
-  var icon = _ref3.icon;
-  return icon ? 1 : 1.5;
-}, function (_ref4) {
-  var color = _ref4.color,
-      theme = _ref4.theme;
-  return color ? theme[color] : theme.text;
-}, function (_ref5) {
-  var size = _ref5.size;
-  return setSize('font-size', size);
-}, function (_ref6) {
-  var underline = _ref6.underline;
-  return underline ? {
-    textDecoration: 'underline'
-  } : undefined;
-}, function (_ref7) {
-  var pure = _ref7.pure,
-      theme = _ref7.theme,
-      color = _ref7.color;
-  return pure ? undefined : {
-    background: polished.transparentize(0.9, color ? theme[color] || theme.text : theme.text)
-  };
-}, function (_ref8) {
-  var pure = _ref8.pure,
-      theme = _ref8.theme,
-      color = _ref8.color;
-  return pure ? undefined : {
-    background: polished.transparentize(0.8, color ? theme[color] || theme.text : theme.text)
-  };
-}, function (_ref9) {
-  var disabled = _ref9.disabled,
-      theme = _ref9.theme;
-  return disabled ? styled.css(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteralLoose(["\n    color: ", ";\n    cursor: default;\n    &:hover {\n      background: transparent;\n      text-decoration: none;\n    }\n  "])), polished.transparentize(0.75, theme.textDark)) : undefined;
-});
-
-var _templateObject$s;
-var ButtonGroup = /*#__PURE__*/
-styled__default.div(_templateObject$s || (_templateObject$s =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: inline-block;\n\n  &:not(:last-child) {\n    margin-right: 0.5rem;\n  }\n\n  ", " {\n    margin: 0;\n    border-radius: 0;\n\n    &:hover {\n      z-index: 1;\n    }\n\n    &:first-child {\n      border-top-left-radius: 4px;\n      border-bottom-left-radius: 4px;\n    }\n\n    &:not(:first-child) {\n      margin-left: -1px;\n    }\n\n    &:last-child {\n      border-top-right-radius: 4px;\n      border-bottom-right-radius: 4px;\n    }\n  }\n"])), Button);
-
-var _templateObject$t, _templateObject2$i, _templateObject3$a, _templateObject4$5, _templateObject5$3, _templateObject6;
-var stripedStyle =
-/*#__PURE__*/
-styled.css(_templateObject$t || (_templateObject$t =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  tbody > tr:nth-child(odd) {\n    background-color: rgba(0, 0, 0, 0.02);\n  }\n"])));
-var hoverStyle =
-/*#__PURE__*/
-styled.css(_templateObject2$i || (_templateObject2$i =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  tbody > tr:hover {\n    background-color: rgba(0, 0, 0, 0.04);\n  }\n"])));
-var index$7 = /*#__PURE__*/
-styled__default.table(_templateObject3$a || (_templateObject3$a =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  ", "\n  max-width: 100%;\n  margin-bottom: 1rem;\n  background-color: transparent;\n\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n\n  td, th {\n    vertical-align: top;\n    padding: 0.75rem;\n    ", "\n    border-width: 0 0 1px;\n  }\n\n  th { white-space: nowrap; }\n\n  ", "\n  ", "\n\n  ", "\n"])), function (_ref) {
-  var full = _ref.full;
-  return full ? styled.css(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteralLoose(["width: 100%;"]))) : undefined;
-}, function (_ref2) {
-  var theme = _ref2.theme,
-      bordered = _ref2.bordered;
-  return bordered ? styled.css(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteralLoose(["\n      border: 1px solid ", ";\n    "])), theme.border) : undefined;
-}, function (_ref3) {
-  var striped = _ref3.striped;
-  return striped ? stripedStyle : undefined;
-}, function (_ref4) {
-  var hover = _ref4.hover;
-  return hover ? hoverStyle : undefined;
-}, function (_ref5) {
-  var headerStyle = _ref5.headerStyle;
-  return headerStyle ? styled.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n    th {\n      ", "\n    }\n  "])), headerStyle) : undefined;
-});
-
-var _templateObject$u;
-
-var _excluded$d = ["value", "max", "color"];
-function Progress(_ref) {
-  var value = _ref.value,
-      max = _ref.max,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'primary' : _ref$color,
-      rest = _objectWithoutProperties(_ref, _excluded$d);
-
-  var percent = React.useMemo(function () {
-    return value ? Math.round(value / max * 100) : 0;
-  }, [value, max]);
-  return (
-    /*#__PURE__*/
-    React__default.createElement(Wrapper$8, Object.assign({
-      color: color
-    }, rest),
-    /*#__PURE__*/
-    React__default.createElement("div", {
-      role: "progressbar",
-      "aria-label": "progress",
-      className: value !== max ? 'in-progress' : undefined,
-      style: {
-        width: (percent > 100 ? 100 : percent) + "%"
-      }
-    }))
-  );
-}
-var Wrapper$8 =
-/*#__PURE__*/
-styled__default.div(_templateObject$u || (_templateObject$u =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  position: relative;\n  display: block;\n  width: 100%;\n  border-radius: ", ";\n  background-color: ", ";\n\n  ", "\n\n  & > div[role=\"progressbar\"] {\n    position: relative;\n    height: 100%;\n    border-radius: ", ";\n    background-color: ", ";\n\n    &.in-progress {\n      border-bottom-right-radius: 0;\n      border-top-right-radius: 0;\n    }\n\n    will-change: width;\n\n    transition-property: width;\n    transition-duration: 350ms;\n    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n    z-index: 1;\n  }\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.radius;
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.background;
-}, function (_ref4) {
-  var size = _ref4.size,
-      height = _ref4.height;
-  return height || setSize('height', size);
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.radius;
-}, function (_ref6) {
-  var color = _ref6.color,
-      theme = _ref6.theme;
-  return theme[color] || color;
-});
-
-var _templateObject$v;
-var index$8 = /*#__PURE__*/
-styled__default.hr(_templateObject$v || (_templateObject$v =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  border: none;\n  height: 1px;\n  margin: 0;\n  flex-shrink: 0;\n  background-color: ", ";\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.border;
-});
-
-var _excluded$e = ["children", "onClose"];
-
-var _templateObject$w, _templateObject2$j, _templateObject3$b;
-
-function getColor$1(theme, color) {
-  return !color || color === 'light' ? theme.background : theme[color];
-}
-
-var closeCss =
-/*#__PURE__*/
-styled.css(_templateObject$w || (_templateObject$w =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  padding-right: 1.625rem;\n\n  ", " {\n    display: flex;\n    position: absolute;\n    align-items: center;\n    color: inherit;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    padding: 0 0.35rem;\n\n    svg {\n      width: 0.625rem;\n      height: 0.625rem;\n    }\n\n    &:hover {\n      background-color: rgba(0,0,0,0.15);\n    }\n  }\n"])), TextButton);
-var Wrapper$9 =
-/*#__PURE__*/
-styled__default.div(_templateObject2$j || (_templateObject2$j =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  position: relative;\n  font-size: 0.75rem;\n  cursor: default;\n  padding: 0.325rem 0.5rem;\n  align-items: center;\n  justify-content: center;\n  height: 1.5rem;\n  border-radius: ", ";\n  white-space: nowrap;\n\n  ", "\n\n  &:not(:last-child) {\n    margin-right: 0.5rem;\n  }\n\n  ", " {\n    border-radius: 0;\n    border-top-right-radius: ", ";\n    border-bottom-right-radius: ", ";\n  }\n\n  ", "\n"])), function (_ref) {
-  var theme = _ref.theme,
-      round = _ref.round;
-  return round ? '50rem' : theme.radius;
-}, function (_ref2) {
-  var color = _ref2.color,
-      theme = _ref2.theme;
-  var target = getColor$1(theme, color);
-  var invertColor = findColorInvert(theme, target);
-  return styled.css(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      background-color: ", ";\n\n      a, span {\n        color: ", ";\n      }\n    "])), invertColor, target, invertColor);
-}, TextButton, function (_ref3) {
-  var theme = _ref3.theme,
-      round = _ref3.round;
-  return round ? '50rem' : theme.radius;
-}, function (_ref4) {
-  var theme = _ref4.theme,
-      round = _ref4.round;
-  return round ? '50rem' : theme.radius;
-}, function (_ref5) {
-  var close = _ref5.close;
-  return close ? closeCss : undefined;
-});
-function Tag(_ref6) {
-  var children = _ref6.children,
-      onClose = _ref6.onClose,
-      rest = _objectWithoutProperties(_ref6, _excluded$e);
-
-  return (
-    /*#__PURE__*/
-    React__default.createElement(Wrapper$9, Object.assign({
-      close: !!onClose
-    }, rest), children, onClose &&
-    /*#__PURE__*/
-    React__default.createElement(TextButton, {
-      onClick: onClose,
-      pure: true
-    },
-    /*#__PURE__*/
-    React__default.createElement(Close, null)))
-  );
-}
-
-/* tslint:disable max-line-length */
-function Approved$1(props) {
-  return (
-    /*#__PURE__*/
-    React__default.createElement("svg", Object.assign({
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "30",
-      height: "30",
-      viewBox: "0 0 30 30"
-    }, props),
-    /*#__PURE__*/
-    React__default.createElement("g", {
-      fill: "none"
-    },
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M15 29c-3.74 0-7.255-1.456-9.9-4.1A13.908 13.908 0 011 15c0-3.74 1.456-7.255 4.1-9.9A13.908 13.908 0 0115 1c3.74 0 7.255 1.456 9.9 4.1A13.908 13.908 0 0129 15c0 3.74-1.456 7.255-4.1 9.9A13.908 13.908 0 0115 29z"
-    }),
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M15 2a12.915 12.915 0 00-9.192 3.808A12.915 12.915 0 002 15c0 3.472 1.352 6.737 3.808 9.192A12.915 12.915 0 0015 28c3.472 0 6.737-1.352 9.192-3.808A12.915 12.915 0 0028 15c0-3.472-1.352-6.737-3.808-9.192A12.915 12.915 0 0015 2m0-2c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15C0 6.716 6.716 0 15 0z",
-      fill: "currentColor"
-    })),
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M11.515 18.466l-3.878-3.985L6 16.005l5.59 5.59 11.562-11.533-1.7-1.595z",
-      fill: "currentColor"
-    }))
-  );
-}
-
-/* tslint:disable max-line-length */
-function ChevronLeftRound(props) {
-  return (
-    /*#__PURE__*/
-    React__default.createElement("svg", Object.assign({
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "30",
-      height: "30",
-      viewBox: "0 0 30 30"
-    }, props),
-    /*#__PURE__*/
-    React__default.createElement("g", {
-      fill: "none"
-    },
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M15 29c-3.74 0-7.255-1.456-9.9-4.1A13.908 13.908 0 011 15c0-3.74 1.456-7.255 4.1-9.9A13.908 13.908 0 0115 1c3.74 0 7.255 1.456 9.9 4.1A13.908 13.908 0 0129 15c0 3.74-1.456 7.255-4.1 9.9A13.908 13.908 0 0115 29z"
-    }),
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M15 2a12.915 12.915 0 00-9.192 3.808A12.915 12.915 0 002 15c0 3.472 1.352 6.737 3.808 9.192A12.915 12.915 0 0015 28c3.472 0 6.737-1.352 9.192-3.808A12.915 12.915 0 0028 15c0-3.472-1.352-6.737-3.808-9.192A12.915 12.915 0 0015 2m0-2c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15C0 6.716 6.716 0 15 0z",
-      fill: "currentColor"
-    })),
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M18.066 8.5l-7.567 6.731 7.567 6.2",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2"
-    }))
-  );
-}
-
-/* tslint:disable max-line-length */
-function ChevronRightRound(props) {
-  return (
-    /*#__PURE__*/
-    React__default.createElement("svg", Object.assign({
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "30",
-      height: "30",
-      viewBox: "0 0 30 30"
-    }, props),
-    /*#__PURE__*/
-    React__default.createElement("g", {
-      fill: "none"
-    },
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M15 1c3.74 0 7.255 1.456 9.9 4.1A13.908 13.908 0 0129 15c0 3.74-1.456 7.255-4.1 9.9A13.908 13.908 0 0115 29c-3.74 0-7.255-1.456-9.9-4.1A13.908 13.908 0 011 15c0-3.74 1.456-7.255 4.1-9.9A13.908 13.908 0 0115 1z"
-    }),
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M15 28c3.472 0 6.737-1.352 9.192-3.808A12.915 12.915 0 0028 15c0-3.472-1.352-6.737-3.808-9.192A12.915 12.915 0 0015 2a12.915 12.915 0 00-9.192 3.808A12.915 12.915 0 002 15c0 3.472 1.352 6.737 3.808 9.192A12.915 12.915 0 0015 28m0 2C6.716 30 0 23.284 0 15 0 6.716 6.716 0 15 0c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15z",
-      fill: "currentColor"
-    })),
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M11.934 21.5l7.567-6.731-7.567-6.2",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2"
-    }))
-  );
-}
-
-/* tslint:disable max-line-length */
-function FileRound(props) {
-  return (
-    /*#__PURE__*/
-    React__default.createElement("svg", Object.assign({
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "30",
-      height: "30",
-      viewBox: "0 0 30 30"
-    }, props),
-    /*#__PURE__*/
-    React__default.createElement("g", {
-      fill: "none"
-    },
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M15 29c-3.74 0-7.255-1.456-9.9-4.1A13.908 13.908 0 011 15c0-3.74 1.456-7.255 4.1-9.9A13.908 13.908 0 0115 1c3.74 0 7.255 1.456 9.9 4.1A13.908 13.908 0 0129 15c0 3.74-1.456 7.255-4.1 9.9A13.908 13.908 0 0115 29z"
-    }),
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M15 2a12.915 12.915 0 00-9.192 3.808A12.915 12.915 0 002 15c0 3.472 1.352 6.737 3.808 9.192A12.915 12.915 0 0015 28c3.472 0 6.737-1.352 9.192-3.808A12.915 12.915 0 0028 15c0-3.472-1.352-6.737-3.808-9.192A12.915 12.915 0 0015 2m0-2c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15C0 6.716 6.716 0 15 0z",
-      fill: "currentColor"
-    })),
-    /*#__PURE__*/
-    React__default.createElement("g", {
-      transform: "translate(9 7)",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2"
-    },
-    /*#__PURE__*/
-    React__default.createElement("rect", {
-      width: "12",
-      height: "16",
-      rx: "1",
-      stroke: "none"
-    }),
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M1 1h10v14H1z"
-    })),
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      fill: "currentColor",
-      d: "M13 11h4v1.3h-4zM13 14h4v1.3h-4zM13 17h4v1.3h-4z"
-    }))
-  );
-}
-
-function Pencil(props) {
-  return (
-    /*#__PURE__*/
-    React__default.createElement("svg", Object.assign({
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "17.796",
-      height: "17.908",
-      viewBox: "0 0 17.796 17.908"
-    }, props),
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M1.254 12.674L.5 17.408l4.726-.8L17.3 4.472 13.281.5zM1.375 12.766l3.851 3.838M10.949 2.959l3.836 3.801",
-      fill: "none",
-      stroke: "currentColor"
-    }))
-  );
-}
-
-function PencilSimple(props) {
-  return (
-    /*#__PURE__*/
-    React__default.createElement("svg", Object.assign({
-      width: "15",
-      height: "15",
-      viewBox: "0 0 15 15",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, props),
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M9.97.22a.75.75 0 011.06 0l3.75 3.75a.75.75 0 010 1.06l-9.75 9.75a.75.75 0 01-.53.22H.75a.75.75 0 01-.75-.75V10.5a.75.75 0 01.22-.53L9.97.22zM1.5 10.81v2.69h2.69l9-9-2.69-2.69-9 9z",
-      fill: "currentColor"
-    }))
-  );
-}
-
-/* tslint:disable max-line-length */
-function User(props) {
-  return (
-    /*#__PURE__*/
-    React__default.createElement("svg", Object.assign({
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "30",
-      height: "30",
-      viewBox: "0 0 30 30"
-    }, props),
-    /*#__PURE__*/
-    React__default.createElement("g", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2"
-    },
-    /*#__PURE__*/
-    React__default.createElement("circle", {
-      cx: "15",
-      cy: "15",
-      r: "15",
-      stroke: "none"
-    }),
-    /*#__PURE__*/
-    React__default.createElement("circle", {
-      cx: "15",
-      cy: "15",
-      r: "14"
-    })),
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M8 23a6.018 6.018 0 016-6h2a6.018 6.018 0 016 6zm2.6-2h8.9a4.033 4.033 0 00-3.5-2h-1.9a4.035 4.035 0 00-3.5 2zm.4-9v-1a4.012 4.012 0 014-4 4.012 4.012 0 014 4v1a4.012 4.012 0 01-4 4 4.012 4.012 0 01-4-4zm2-1v1a2.006 2.006 0 002 2 2.006 2.006 0 002-2v-1a2.006 2.006 0 00-2-2 2.006 2.006 0 00-2 2z",
-      fill: "currentColor"
-    }))
-  );
-}
-
-/* tslint:disable max-line-length */
-function Refresh(props) {
-  return (
-    /*#__PURE__*/
-    React__default.createElement("svg", Object.assign({
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "30",
-      height: "30",
-      viewBox: "0 0 30 30"
-    }, props),
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M15.065 0A15.069 15.069 0 00.142 13.105a1.256 1.256 0 102.478.406c0-.027.008-.055.01-.082a12.52 12.52 0 0121.3-7.226l-2.584 2.584 7.532 1.255-1.255-7.532-1.92 1.92A15 15 0 0015.065 0zm13.7 15.589A1.255 1.255 0 0027.5 16.7a12.512 12.512 0 01-21.893 6.569l1.927-1.927L0 20.086l1.255 7.532 2.572-2.572a15.02 15.02 0 0026.16-8.023 1.256 1.256 0 00-1.064-1.423 1.273 1.273 0 00-.16-.011z",
-      fill: "currentColor"
-    }))
-  );
-}
-
-function Plus(props) {
-  return (
-    /*#__PURE__*/
-    React__default.createElement("svg", Object.assign({
-      width: "21",
-      height: "21",
-      viewBox: "0 0 21 21",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, props),
-    /*#__PURE__*/
-    React__default.createElement("path", {
-      d: "M9 0v9H0v3h9v9h3v-9h9V9h-9V0H9z",
-      fill: "currentColor"
-    }))
-  );
-}
-
-var theme = {
-  fontFamily: '-apple-system BlinkMacSystemFont, Meiryo, system-ui, sans-serif',
-  fontSize: '16px',
-  gutter: 24,
-  smallGutter: 16,
-  media: {
-    mobile: '576px',
-    tablet: '769px',
-    desktop: '960px',
-    fullhd: '1344px'
-  },
-  radius: '4px',
-  timeout: 250,
-  formPadding: '0.75rem 0.625rem',
-  primary: '#37B151',
-  link: '#578ba9',
-  info: '#209cee',
-  success: '#0fa886',
-  warning: '#f2b541',
-  danger: '#f3575a',
-  dark: '#363636',
-  light: '#9b9b9b',
-  black: '#0a0a0a',
-  blackBis: '#121212',
-  blackTer: '#242424',
-  white: '#ffffff',
-  whiteBis: '#fafafa',
-  whiteTer: '#f5f5f5',
-  grey: '#7a7a7a',
-  greyLight: '#9b9b9b',
-  greyLighter: '#dbdbdb',
-  text: '#4a4a4a',
-  textDark: '#4a4a4a',
-  textLight: '#7a7a7a',
-  textStrong: '#4a4a4a',
-  background: '#f5f5f5',
-  border: '#dbdbdb',
-  borderHover: '#9b9b9b',
-  borderActive: '#4a4a4a',
-  placeholder: '#7a7a7a',
-  backdrop: 'rgba(10,10,10,0.25)',
-  responsive: true
-};
-
-var _templateObject$x;
-/*! based on normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
-
-var normalized =
-/*#__PURE__*/
-styled.css(_templateObject$x || (_templateObject$x =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  *, ::after, ::before {\n    box-sizing: border-box;\n  }\n\n  html {\n    line-height: 1.15;\n    -webkit-text-size-adjust: 100%;\n    -ms-overflow-style: scrollbar;\n  }\n\n  body {\n    margin: 0;\n    font-family: ", ";\n    font-size: ", ";\n    text-align: left;\n  }\n\n  h1 {\n    font-size: 2em;\n    margin: .67em 0;\n  }\n\n  hr {\n    box-sizing: content-box;\n    height: 0;\n    overflow: visible;\n  }\n\n  pre {\n    font-family: monospace,monospace;\n    font-size: 1em;\n  }\n\n  a {\n    background-color: transparent;\n    color: ", ";\n  }\n\n  abbr[title] {\n    border-bottom: none;\n    text-decoration: underline;\n    text-decoration: underline dotted;\n  }\n\n  b,strong {\n    font-weight: bolder;\n  }\n\n  code,kbd,samp {\n    font-family: monospace,monospace;\n    font-size: 1em;\n  }\n\n  small {\n    font-size: 80%;\n  }\n\n  sub,sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n\n  sub {\n    bottom: -.25em;\n  }\n\n  sup {\n    top: -.5em;\n  }\n\n  img {\n    border-style: none;\n  }\n\n  button,input,optgroup,select,textarea {\n    font-family: inherit;\n    font-size: 100%;\n    line-height: 1.15;\n    margin: 0;\n  }\n\n  button,input {\n    overflow: visible;\n  }\n\n  button,select {\n    text-transform: none;\n  }\n\n  [type=button],[type=reset],[type=submit],button {\n    -webkit-appearance: button;\n  }\n\n  [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {\n    border-style: none;\n    padding: 0;\n  }\n\n  [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {\n    outline: 1px dotted ButtonText;\n  }\n\n  input[type=date],\n  input[type=time],\n  input[type=datetime-local],\n  input[type=month] {\n    -webkit-appearance: listbox;\n  }\n\n  fieldset {\n    padding: .35em .75em .625em;\n  }\n\n  legend {\n    box-sizing: border-box;\n    color: inherit;\n    display: table;\n    max-width: 100%;\n    padding: 0;\n    white-space: normal;\n  }\n\n  progress {\n    vertical-align: baseline;\n    resize: vertical;\n  }\n\n  textarea {\n    overflow: auto;\n  }\n\n  [type=checkbox],[type=radio] {\n    box-sizing: border-box;\n    padding: 0;\n  }\n\n  [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  [type=search] {\n    -webkit-appearance: textfield;\n    outline-offset: -2px;\n  }\n\n  [type=search]::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  ::-webkit-file-upload-button {\n    -webkit-appearance: button;\n    font: inherit;\n  }\n\n  details {\n    display: block;\n  }\n\n  summary {\n    display: list-item;\n  }\n\n  template {\n    display: none;\n  }\n\n  [hidden] {\n    display: none;\n  }\n\n  blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul {\n    margin: 0;\n    padding: 0;\n  }\n\n  button {\n    font-size: inherit;\n  }\n\n  article, aside, figure,\n  footer, header, hgroup, section {\n    display: block;\n  }\n\n  input[type=\"checkbox\"], input[type=\"radio\"] {\n    box-sizing: border-box;\n    padding: 0;\n  }\n\n  a {\n    cursor: pointer;\n    text-decoration: none;\n    color: #3273dc;\n\n    &:hover {\n      color: currentColor;\n    }\n  }\n\n  img {\n    vertical-align: middle;\n    border-style: none;\n  }\n\n  svg {\n    overflow: hidden;\n    vertical-align: middle;\n  }\n\n  small {\n    font-size: .875em;\n  }\n\n  span {\n    font-style: inherit;\n    font-weight: inherit;\n  }\n\n  strong {\n    color: #363636;\n    font-weight: 700;\n  }\n\n  table {\n    border-collapse: collapse;\n    border-spacing: 0;\n  }\n\n  th {\n    text-align: inherit;\n  }\n\n  ul {\n    list-style-type: none;\n  }\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme ? theme.fontFamily : 'sans-serif';
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme ? theme.fontSize : '16px';
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.link;
-});
-
-exports.Accordion = Accordion;
-exports.AppBar = AppBar;
-exports.Box = Box;
-exports.Button = Button;
-exports.ButtonGroup = ButtonGroup;
-exports.Card = Card;
-exports.Checkbox = Checkbox;
-exports.Col = Col;
-exports.Container = Container$1;
-exports.Content = index$5;
-exports.Divider = index$8;
-exports.Field = Field;
-exports.IconApproved = Approved$1;
-exports.IconArrowDown = ChevronDown;
-exports.IconChevronLeftRound = ChevronLeftRound;
-exports.IconChevronRightRound = ChevronRightRound;
-exports.IconClose = Close;
-exports.IconFileRound = FileRound;
-exports.IconPencil = Pencil;
-exports.IconPencilSimple = PencilSimple;
-exports.IconPlus = Plus;
-exports.IconRefresh = Refresh;
-exports.IconUser = User;
-exports.Modal = Modal;
-exports.Placeholder = index$6;
-exports.Popover = Popover;
-exports.Portal = Portal;
-exports.Progress = Progress;
-exports.Radio = index$3;
-exports.Row = Row;
-exports.Select = index$2;
-exports.Spinner = Spinner;
-exports.Switch = index$4;
-exports.Table = index$7;
-exports.Tag = Tag;
-exports.TextButton = TextButton;
-exports.TextInput = index;
-exports.Textarea = index$1;
-exports.Toast = Toast;
-exports.Tooltip = Tooltip;
-exports.arrow = Arrow;
-exports.boxShadow = boxShadow;
-exports.defaultTheme = theme;
-exports.findColorInvert = findColorInvert;
-exports.hambuger = hamburger;
-exports.mediaDesktop = mediaDesktop;
-exports.mediaFullHD = mediaFullHD;
-exports.mediaMobile = mediaMobile;
-exports.mediaTablet = mediaTablet;
-exports.mediaUntilFullHD = mediaUntilFullHD;
-exports.normalizeStyle = normalized;
-exports.setSize = setSize;
-//# sourceMappingURL=visits-style.cjs.development.js.map