visits-style 1.2.1 → 1.4.0

package/dist/visits-style.esm.js

@@ -1,2587 +0,0 @@
-import React, { forwardRef, useLayoutEffect, useEffect, useRef, useMemo, useImperativeHandle, useState, useCallback, cloneElement, Children } from 'react';
-import styled, { css, keyframes } from 'styled-components';
-import { getLuminance, transparentize, darken } from 'polished';
-import { createPortal } from 'react-dom';
-import { createPopper } from '@popperjs/core';
-import { Transition, TransitionGroup } from '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.div(_templateObject || (_templateObject =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  display: block;\n  margin: 1.5rem 0;\n"])));
-var Label =
-/*#__PURE__*/
-styled.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.createElement(Wrapper, rest, label &&
-    /*#__PURE__*/
-    React.createElement(Label, null, label, required &&
-    /*#__PURE__*/
-    React.createElement("i", null, "*")), children)
-  );
-}
-
-function findColorInvert(_ref, color) {
-  var black = _ref.black,
-      white = _ref.white;
-
-  if (!color || getLuminance(color) > 0.55) {
-    return black;
-  }
-
-  return white;
-}
-
-var _templateObject$1;
-function hamburger(size) {
-  return 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 ? transparentize(amount, color) : color;
-  return css(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["box-shadow: 0 0 0 ", " ", ";"])), size, shadowColor);
-}
-
-var _templateObject$3;
-function Arrow(color) {
-  return 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 = transparentize(0.15, theme.textDark);
-  var backColor = transparentize(0.55, theme.border);
-  return 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.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.createElement(Message, {
-      error: true
-    }, error)
-  );
-  if (help) return (
-    /*#__PURE__*/
-    React.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.createElement(Wrapper$1, {
-      className: className,
-      outline: outline,
-      error: error,
-      style: style,
-      disabled: rest.disabled
-    }, leftIcon &&
-    /*#__PURE__*/
-    React.createElement(Icon, null, leftIcon), rightIcon &&
-    /*#__PURE__*/
-    React.createElement(Icon, {
-      right: true
-    }, rightIcon),
-    /*#__PURE__*/
-    React.createElement("input", Object.assign({
-      type: type,
-      maxLength: maxLength,
-      ref: innerRef
-    }, rest)),
-    /*#__PURE__*/
-    React.createElement(HelpMessage, {
-      help: help,
-      error: error,
-      noErrorMessage: noErrorMessage
-    }))
-  );
-}
-
-var index = /*#__PURE__*/
-forwardRef(function (props, ref) {
-  return (
-    /*#__PURE__*/
-    React.createElement(TextInput, Object.assign({}, props, {
-      innerRef: ref
-    }))
-  );
-});
-var rightIcon =
-/*#__PURE__*/
-css(_templateObject$6 || (_templateObject$6 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  right: 0.375em;\n  & ~ input {\n    padding-right: 1.555em !important;\n  }\n"])));
-var leftIcon =
-/*#__PURE__*/
-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.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.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 ? 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.createElement(Wrapper$2, {
-      className: className,
-      error: !!error,
-      style: style,
-      disabled: rest.disabled
-    },
-    /*#__PURE__*/
-    React.createElement("textarea", Object.assign({}, rest, {
-      ref: innerRef
-    })),
-    /*#__PURE__*/
-    React.createElement(HelpMessage, {
-      help: help,
-      error: error,
-      noErrorMessage: noErrorMessage
-    }))
-  );
-}
-
-var index$1 = /*#__PURE__*/
-forwardRef(function (props, ref) {
-  return (
-    /*#__PURE__*/
-    React.createElement(Textarea, Object.assign({}, props, {
-      innerRef: ref
-    }))
-  );
-});
-var Wrapper$2 =
-/*#__PURE__*/
-styled.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 ? 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 ? useLayoutEffect : useEffect;
-
-var _templateObject$8, _templateObject2$3;
-
-var _excluded$3 = ["className", "children", "indeterminate"];
-
-function Approved() {
-  return (
-    /*#__PURE__*/
-    React.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "30",
-      height: "30",
-      viewBox: "0 0 30 30"
-    },
-    /*#__PURE__*/
-    React.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.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "30",
-      height: "30",
-      viewBox: "0 0 30 30"
-    },
-    /*#__PURE__*/
-    React.createElement("rect", {
-      width: "20",
-      height: "4",
-      y: "13",
-      x: "4.5",
-      fill: "currentColor",
-      stroke: "none",
-      rx: "2"
-    }))
-  );
-}
-
-var Checkbox =
-/*#__PURE__*/
-forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      indeterminate = _ref.indeterminate,
-      rest = _objectWithoutProperties(_ref, _excluded$3);
-
-  var innerRef = useRef(null);
-  var id = "checkbox_" + rest.name + "_" + rest.value;
-  var innerClass = 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
-
-  useImperativeHandle(ref, function () {
-    return innerRef.current;
-  });
-  useIsomorphicLayoutEffect(function () {
-    if (innerRef.current) {
-      // @ts-ignore
-      innerRef.current.indeterminate = indeterminate;
-    }
-  }, [indeterminate]);
-  return (
-    /*#__PURE__*/
-    React.createElement(Wrapper$3, {
-      className: className
-    },
-    /*#__PURE__*/
-    React.createElement("input", Object.assign({
-      type: "checkbox",
-      id: id
-    }, rest, {
-      ref: innerRef
-    })),
-    /*#__PURE__*/
-    React.createElement("label", {
-      htmlFor: id
-    },
-    /*#__PURE__*/
-    React.createElement(Shape, {
-      className: innerClass
-    }, indeterminate ?
-    /*#__PURE__*/
-    React.createElement(Indeterminate, null) :
-    /*#__PURE__*/
-    React.createElement(Approved, null)), children))
-  );
-});
-Checkbox.displayName = 'Checkbox';
-var Shape =
-/*#__PURE__*/
-styled.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 transparentize(0.15, theme.textDark);
-}, function (_ref8) {
-  var theme = _ref8.theme;
-  return transparentize(0.55, theme.border);
-}, function (_ref9) {
-  var theme = _ref9.theme;
-  return theme.border;
-});
-var Wrapper$3 =
-/*#__PURE__*/
-styled.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 transparentize(0.25, theme.textDark);
-});
-
-function ChevronDown(props) {
-  return (
-    /*#__PURE__*/
-    React.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.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 = useMemo(function () {
-    return options.map(function (item) {
-      return typeof item === 'string' ?
-      /*#__PURE__*/
-      React.createElement("option", {
-        key: item,
-        value: item
-      }, render ? render(item) : item) :
-      /*#__PURE__*/
-      React.createElement("option", {
-        key: item.id,
-        value: item.id
-      }, render ? render(item.name) : item.name);
-    });
-  }, [options, render]);
-  return (
-    /*#__PURE__*/
-    React.createElement(InputWrapper, {
-      className: className,
-      inputSize: inputSize,
-      outline: outline,
-      error: !!error,
-      disabled: rest.disabled
-    },
-    /*#__PURE__*/
-    React.createElement("select", Object.assign({}, rest, {
-      ref: innerRef
-    }), placeholder &&
-    /*#__PURE__*/
-    React.createElement("option", {
-      value: "",
-      disabled: !optional
-    }, placeholder), list),
-    /*#__PURE__*/
-    React.createElement(ChevronDown, null),
-    /*#__PURE__*/
-    React.createElement(HelpMessage, {
-      help: help,
-      error: error,
-      noErrorMessage: noErrorMessage
-    }))
-  );
-}
-
-var index$2 = /*#__PURE__*/
-forwardRef(function (props, ref) {
-  return (
-    /*#__PURE__*/
-    React.createElement(Select, Object.assign({}, props, {
-      innerRef: ref
-    }))
-  );
-});
-var InputWrapper =
-/*#__PURE__*/
-styled.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 ? css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n        border-radius: ", ";\n      "])), theme.radius) : 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 ? 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 = 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.createElement(Wrapper$4, {
-      className: className,
-      style: style
-    },
-    /*#__PURE__*/
-    React.createElement("label", {
-      htmlFor: id
-    },
-    /*#__PURE__*/
-    React.createElement(Shape$1, {
-      className: innerClass
-    },
-    /*#__PURE__*/
-    React.createElement("i", null)), children),
-    /*#__PURE__*/
-    React.createElement("input", Object.assign({
-      id: id,
-      type: "radio"
-    }, rest, {
-      ref: innerRef
-    })))
-  );
-}
-
-var index$3 = /*#__PURE__*/
-forwardRef(function (props, ref) {
-  return (
-    /*#__PURE__*/
-    React.createElement(Radio, Object.assign({}, props, {
-      innerRef: ref
-    }))
-  );
-});
-var Shape$1 =
-/*#__PURE__*/
-styled.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 transparentize(0.15, theme.textDark);
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return 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.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.createElement(Wrapper$5, {
-      className: className,
-      showLabel: showLabel,
-      background: background,
-      anchorColor: anchorColor,
-      labelTextOn: onLabel,
-      labelTextOff: offLabel,
-      disabled: rest.disabled
-    },
-    /*#__PURE__*/
-    React.createElement("input", Object.assign({
-      id: id,
-      type: "checkbox"
-    }, rest, {
-      ref: innerRef
-    })),
-    /*#__PURE__*/
-    React.createElement("label", {
-      htmlFor: id,
-      "aria-label": id
-    }))
-  );
-}
-
-var index$4 = /*#__PURE__*/
-forwardRef(function (props, ref) {
-  return (
-    /*#__PURE__*/
-    React.createElement(Switch, Object.assign({}, props, {
-      innerRef: ref
-    }))
-  );
-});
-var labelStyle =
-/*#__PURE__*/
-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.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 ? 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 = useRef(null);
-  var prevHeight = useRef(0);
-  var timeoutRef = useRef(0);
-  var init = useRef(true);
-  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.createElement("div", rest, header,
-    /*#__PURE__*/
-    React.createElement(AnimatedContent, {
-      "aria-hidden": !show,
-      ref: ref,
-      style: {
-        transitionDuration: timeout + "ms"
-      }
-    }, children))
-  );
-}
-var AnimatedContent =
-/*#__PURE__*/
-styled.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 = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      show = _useState2[0],
-      setShow = _useState2[1];
-
-  var toggleMenu = function toggleMenu() {
-    return setShow(!show);
-  };
-
-  return (
-    /*#__PURE__*/
-    React.createElement(NavBar, Object.assign({
-      role: "navigation"
-    }, rest),
-    /*#__PURE__*/
-    React.createElement("nav", null, brand, children &&
-    /*#__PURE__*/
-    React.createElement(Burger, {
-      className: show ? 'active' : undefined,
-      onClick: toggleMenu
-    },
-    /*#__PURE__*/
-    React.createElement("span", null),
-    /*#__PURE__*/
-    React.createElement("span", null),
-    /*#__PURE__*/
-    React.createElement("span", null)),
-    /*#__PURE__*/
-    React.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 = transparentize(0.2, backgroundColor === 'transparent' ? theme.white : backgroundColor);
-    return css(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      color: ", ";\n    "])), backColor, textColor);
-  }
-
-  return css(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["background-color: ", "; color: ", ";"])), backgroundColor, textColor);
-}
-
-var NavBar =
-/*#__PURE__*/
-styled.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.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.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.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      container = _ref.container,
-      disabled = _ref.disabled;
-
-  var _useState = 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__*/
-  createPortal(children, mountNode) : mountNode;
-});
-Portal.displayName = 'Portal';
-
-function usePopper(referenceElement, popperElement, options) {
-  if (options === void 0) {
-    options = {};
-  }
-
-  var instance = useRef(null);
-  var popperOptions = 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 = 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 = createPopper(refEl, pEl, popperOptions); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [popperOptions]);
-  var close = 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 = useRef(null);
-  var tooltip = useRef(null);
-
-  var _useState = 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.createElement("span", null, children) : children;
-  return (
-    /*#__PURE__*/
-    React.createElement(React.Fragment, null,
-    /*#__PURE__*/
-    cloneElement(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.createElement(Portal, null,
-    /*#__PURE__*/
-    React.createElement(TooltipWrapper, {
-      className: className,
-      ref: tooltip,
-      role: "tooltip",
-      color: color
-    }, label)))
-  );
-}
-var TooltipWrapper =
-/*#__PURE__*/
-styled.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.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.div(_templateObject$g || (_templateObject$g =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  padding: 1.25rem;\n  margin: 0;\n"])));
-var CardHeader =
-/*#__PURE__*/
-styled.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.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.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.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 = useMemo(function () {
-    if (image && !horizontal) return (
-      /*#__PURE__*/
-      React.createElement(CardImage, null,
-      /*#__PURE__*/
-      React.createElement("img", {
-        src: image,
-        alt: ""
-      }))
-    );
-    if (image && horizontal) return (
-      /*#__PURE__*/
-      React.createElement(CardImageHorizontal, {
-        url: image
-      })
-    );
-    if (title && !horizontal) return (
-      /*#__PURE__*/
-      React.createElement(CardHeader, null,
-      /*#__PURE__*/
-      React.createElement("h3", null, title))
-    );
-    return null;
-  }, [image, title, horizontal]);
-  var styles = useMemo(function () {
-    return _objectSpread2({
-      flexDirection: horizontal ? 'row' : 'column'
-    }, style);
-  }, [style, horizontal]);
-  return (
-    /*#__PURE__*/
-    React.createElement(Box, Object.assign({
-      color: color
-    }, rest, {
-      style: styles
-    }), header,
-    /*#__PURE__*/
-    React.createElement(CardBody, null, children), footer &&
-    /*#__PURE__*/
-    React.createElement(CardFooter, null, React.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__*/
-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 = useRef(null);
-  var popover = useRef(null);
-
-  var _useState = 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();
-  };
-
-  useEffect(function () {
-    if (disabled && open) {
-      closePopper();
-      setOpen(false);
-    }
-  }, [disabled, open, closePopper]);
-  useImperativeHandle(ref, function () {
-    return {
-      open: handleFocus,
-      close: handleBlur
-    };
-  });
-  return (
-    /*#__PURE__*/
-    React.createElement(React.Fragment, null,
-    /*#__PURE__*/
-    cloneElement(Children.only(label), {
-      ref: parent,
-      tabIndex: 0,
-      role: 'button',
-      onClick: wrapEvent(label, 'onClick', handleFocus),
-      disabled: disabled
-    }), open &&
-    /*#__PURE__*/
-    React.createElement(Portal, null,
-    /*#__PURE__*/
-    React.createElement(Tooltip$1, Object.assign({
-      role: "tooltip",
-      className: className,
-      ref: popover,
-      color: color,
-      onClick: stopPropagation
-    }, rest), children),
-    /*#__PURE__*/
-    React.createElement(Shadow, {
-      onClick: handleBlur,
-      "data-testid": "visits-style-shadow"
-    })))
-  );
-});
-Popover.displayName = 'Popover';
-var Tooltip$1 =
-/*#__PURE__*/
-styled(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.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.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(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(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.createElement(Portal, null,
-    /*#__PURE__*/
-    React.createElement(Transition, {
-      "in": show,
-      timeout: timeout,
-      onExited: onExited,
-      unmountOnExit: true,
-      mountOnEnter: true
-    }, function (state) {
-      return (
-        /*#__PURE__*/
-        React.createElement(Wrapper$6, {
-          role: "dialog",
-          className: className
-        },
-        /*#__PURE__*/
-        React.createElement(Shadow$1, {
-          onClick: closeOnOverlay ? closeModal : undefined,
-          "data-testid": "vs-modal-overlay"
-        }),
-        /*#__PURE__*/
-        React.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.createElement("svg", Object.assign({
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "30",
-      height: "30",
-      viewBox: "0 0 30 30"
-    }, props),
-    /*#__PURE__*/
-    React.createElement("g", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round"
-    },
-    /*#__PURE__*/
-    React.createElement("path", {
-      d: "M25.999 26l-12.5-12.5L25.999 1"
-    }),
-    /*#__PURE__*/
-    React.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(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.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 = useCallback(function () {
-    return clear(id);
-  }, [clear, id]);
-  useEffect(function () {
-    if (duration) {
-      var timeout = setTimeout(onClear, duration);
-      return function () {
-        return clearTimeout(timeout);
-      };
-    }
-
-    return undefined;
-  }, [onClear, duration]);
-  return (
-    /*#__PURE__*/
-    React.createElement(Wrapper$7, Object.assign({
-      color: color,
-      clear: clearOnClick,
-      "data-testid": "toast-item",
-      borderless: true
-    }, rest), message, clearOnClick &&
-    /*#__PURE__*/
-    React.createElement(ClearButton, {
-      onClick: onClear
-    },
-    /*#__PURE__*/
-    React.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.createElement(Portal, null,
-    /*#__PURE__*/
-    React.createElement(Container, Object.assign({}, rest, {
-      pos: position,
-      margin: margin,
-      style: _objectSpread2({
-        position: fixed ? 'fixed' : 'absolute'
-      }, style)
-    }),
-    /*#__PURE__*/
-    React.createElement(TransitionGroup, {
-      component: null
-    }, toasts.map(function (props) {
-      return (
-        /*#__PURE__*/
-        React.createElement(Transition, {
-          key: props.id,
-          timeout: 250,
-          "in": true,
-          unmountOnExit: true
-        }, function (state) {
-          return (
-            /*#__PURE__*/
-            React.createElement(ToastItem, Object.assign({}, props, {
-              className: state,
-              key: props.id,
-              clear: clear
-            }))
-          );
-        })
-      );
-    }))))
-  );
-}
-var Container =
-/*#__PURE__*/
-styled.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 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__*/
-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.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 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 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.div(_templateObject3$8 || (_templateObject3$8 =
-/*#__PURE__*/
-_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 100%;\n\n  ", "\n"])), setResponsive);
-
-var _templateObject$m;
-var Row = /*#__PURE__*/
-styled.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 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.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.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 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.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 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 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, darken(0.1, target), boxShadow('0.1rem', target, 0.5));
-  }
-
-  return 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, darken(0.05, target), darken(0.1, target), boxShadow('0.1rem', target, 0.5));
-}
-
-var Button = /*#__PURE__*/
-styled.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.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: 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: transparentize(0.8, color ? theme[color] || theme.text : theme.text)
-  };
-}, function (_ref9) {
-  var disabled = _ref9.disabled,
-      theme = _ref9.theme;
-  return disabled ? css(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteralLoose(["\n    color: ", ";\n    cursor: default;\n    &:hover {\n      background: transparent;\n      text-decoration: none;\n    }\n  "])), transparentize(0.75, theme.textDark)) : undefined;
-});
-
-var _templateObject$s;
-var ButtonGroup = /*#__PURE__*/
-styled.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__*/
-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__*/
-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.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 ? css(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteralLoose(["width: 100%;"]))) : undefined;
-}, function (_ref2) {
-  var theme = _ref2.theme,
-      bordered = _ref2.bordered;
-  return bordered ? 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 ? 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 = useMemo(function () {
-    return value ? Math.round(value / max * 100) : 0;
-  }, [value, max]);
-  return (
-    /*#__PURE__*/
-    React.createElement(Wrapper$8, Object.assign({
-      color: color
-    }, rest),
-    /*#__PURE__*/
-    React.createElement("div", {
-      role: "progressbar",
-      "aria-label": "progress",
-      className: value !== max ? 'in-progress' : undefined,
-      style: {
-        width: (percent > 100 ? 100 : percent) + "%"
-      }
-    }))
-  );
-}
-var Wrapper$8 =
-/*#__PURE__*/
-styled.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.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__*/
-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.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 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.createElement(Wrapper$9, Object.assign({
-      close: !!onClose
-    }, rest), children, onClose &&
-    /*#__PURE__*/
-    React.createElement(TextButton, {
-      onClick: onClose,
-      pure: true
-    },
-    /*#__PURE__*/
-    React.createElement(Close, null)))
-  );
-}
-
-/* tslint:disable max-line-length */
-function Approved$1(props) {
-  return (
-    /*#__PURE__*/
-    React.createElement("svg", Object.assign({
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "30",
-      height: "30",
-      viewBox: "0 0 30 30"
-    }, props),
-    /*#__PURE__*/
-    React.createElement("g", {
-      fill: "none"
-    },
-    /*#__PURE__*/
-    React.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.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.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.createElement("svg", Object.assign({
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "30",
-      height: "30",
-      viewBox: "0 0 30 30"
-    }, props),
-    /*#__PURE__*/
-    React.createElement("g", {
-      fill: "none"
-    },
-    /*#__PURE__*/
-    React.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.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.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.createElement("svg", Object.assign({
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "30",
-      height: "30",
-      viewBox: "0 0 30 30"
-    }, props),
-    /*#__PURE__*/
-    React.createElement("g", {
-      fill: "none"
-    },
-    /*#__PURE__*/
-    React.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.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.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.createElement("svg", Object.assign({
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "30",
-      height: "30",
-      viewBox: "0 0 30 30"
-    }, props),
-    /*#__PURE__*/
-    React.createElement("g", {
-      fill: "none"
-    },
-    /*#__PURE__*/
-    React.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.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.createElement("g", {
-      transform: "translate(9 7)",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2"
-    },
-    /*#__PURE__*/
-    React.createElement("rect", {
-      width: "12",
-      height: "16",
-      rx: "1",
-      stroke: "none"
-    }),
-    /*#__PURE__*/
-    React.createElement("path", {
-      d: "M1 1h10v14H1z"
-    })),
-    /*#__PURE__*/
-    React.createElement("path", {
-      fill: "currentColor",
-      d: "M13 11h4v1.3h-4zM13 14h4v1.3h-4zM13 17h4v1.3h-4z"
-    }))
-  );
-}
-
-function Pencil(props) {
-  return (
-    /*#__PURE__*/
-    React.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.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.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.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.createElement("svg", Object.assign({
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "30",
-      height: "30",
-      viewBox: "0 0 30 30"
-    }, props),
-    /*#__PURE__*/
-    React.createElement("g", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2"
-    },
-    /*#__PURE__*/
-    React.createElement("circle", {
-      cx: "15",
-      cy: "15",
-      r: "15",
-      stroke: "none"
-    }),
-    /*#__PURE__*/
-    React.createElement("circle", {
-      cx: "15",
-      cy: "15",
-      r: "14"
-    })),
-    /*#__PURE__*/
-    React.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.createElement("svg", Object.assign({
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "30",
-      height: "30",
-      viewBox: "0 0 30 30"
-    }, props),
-    /*#__PURE__*/
-    React.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.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.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__*/
-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;
-});
-
-export { Accordion, AppBar, Box, Button, ButtonGroup, Card, Checkbox, Col, Container$1 as Container, index$5 as Content, index$8 as Divider, Field, Approved$1 as IconApproved, ChevronDown as IconArrowDown, ChevronLeftRound as IconChevronLeftRound, ChevronRightRound as IconChevronRightRound, Close as IconClose, FileRound as IconFileRound, Pencil as IconPencil, PencilSimple as IconPencilSimple, Plus as IconPlus, Refresh as IconRefresh, User as IconUser, Modal, index$6 as Placeholder, Popover, Portal, Progress, index$3 as Radio, Row, index$2 as Select, Spinner, index$4 as Switch, index$7 as Table, Tag, TextButton, index as TextInput, index$1 as Textarea, Toast, Tooltip, Arrow as arrow, boxShadow, theme as defaultTheme, findColorInvert, hamburger as hambuger, mediaDesktop, mediaFullHD, mediaMobile, mediaTablet, mediaUntilFullHD, normalized as normalizeStyle, setSize };
-//# sourceMappingURL=visits-style.esm.js.map