@bbl-digital/snorre 4.0.23 → 4.0.25

package/lib/core/EditorOld/config.js

@@ -0,0 +1,69 @@
+export const basicToolbar = {
+  options: ['inline', 'list'],
+  inline: {
+    options: ['bold', 'italic', 'underline']
+  }
+};
+export const richToolbar = {
+  options: ['blockType', 'inline', 'list', 'textAlign', 'link'],
+  inline: {
+    options: ['bold', 'italic', 'underline']
+  },
+  textAlign: {
+    options: ['left', 'center', 'right', 'justify']
+  },
+  blockType: {
+    inDropdown: true,
+    options: ['Normal', 'H1', 'H2', 'H3', 'H4', 'H5', 'H6']
+  },
+  link: {
+    showOpenOptionOnHover: true,
+    defaultTargetOption: '_blank',
+    options: ['link', 'unlink']
+  }
+};
+export const htmlToEntity = (nodeName, node, createEntity) => {
+  if (nodeName === 'a') {
+    return createEntity('LINK', 'MUTABLE', {
+      url: node.href
+    });
+  }
+};
+export const getStrippedHtml = html => {
+  return html.replace(/<img[^>]*>/g, '');
+};
+export const editorLabels = {
+  // Generic
+  'generic.add': 'Legg til',
+  'generic.cancel': 'Avbryt',
+  // Inline
+  'components.controls.inline.bold': 'Fet',
+  'components.controls.inline.italic': 'Kursiv',
+  'components.controls.inline.underline': 'Understrek',
+  // List
+  'components.controls.list.unordered': 'Punktliste',
+  'components.controls.list.ordered': 'Nummerliste',
+  'components.controls.list.indent': 'Innrykk',
+  'components.controls.list.outdent': 'Utrykk',
+  // Text align
+  'components.controls.textAlign.left': 'Venstrejuster',
+  'components.controls.textAlign.center': 'Midtstill',
+  'components.controls.textAlign.right': 'Høyrejuster',
+  'components.controls.textAlign.justify': 'Blokkjuster',
+  // Block type
+  'components.controls.blocktype.normal': 'Avsnitt',
+  'components.controls.blocktype.h1': 'Overskrift 1',
+  'components.controls.blocktype.h2': 'Overskrift 2',
+  'components.controls.blocktype.h3': 'Overskrift 3',
+  'components.controls.blocktype.h4': 'Overskrift 4',
+  'components.controls.blocktype.h5': 'Overskrift 5',
+  'components.controls.blocktype.h6': 'Overskrift 6',
+  // Link
+  'components.controls.link.linkTitle': 'Tittel',
+  'components.controls.link.linkTarget': 'URL',
+  'components.controls.link.linkTargetOption': 'Åpne i ny fane',
+  'components.controls.link.link': 'Legg til lenke',
+  'components.controls.link.unlink': 'Fjern lenke',
+  // Remove
+  'components.controls.remove.remove': 'Fjern'
+};

package/lib/core/EditorOld/index.d.ts

@@ -0,0 +1,39 @@
+/** @jsxImportSource @emotion/react */
+import React from 'react';
+import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
+interface IProps {
+    /** Input text */
+    initialValue?: string;
+    /** Editor type, defaults to basic */
+    type?: 'basic' | 'rich' | 'custom';
+    /** Adds a custom toolbar if type is set to custom  */
+    customToolbar?: object;
+    /** Height of textarea */
+    label?: string;
+    /** Deafult height of texteditor */
+    height?: number;
+    /** Max resize height of texteditor */
+    maxHeight?: number;
+    /** Maxlength of input */
+    maxlength?: number;
+    /** Specifies whether maxlength should include html or not, defaults to 'plaintext' */
+    maxlengthType?: 'plaintext' | 'html';
+    /** Adds an error message if text is too long */
+    maxlengthText?: string;
+    /** Adds a counter of characters compared to maxlength, if maxlength is specified */
+    withCounter?: boolean;
+    /** Error message */
+    invalidMessage?: string;
+    /** Cb on blur */
+    onBlur?: () => void;
+    /** Cb on change */
+    onChange: (value: string) => void;
+}
+/**
+ *
+ * TODO: REMOVE AND CLEANUP PACKAGES
+ *
+ */
+declare const EditorOld: React.FC<IProps>;
+export default EditorOld;
+//# sourceMappingURL=index.d.ts.map

package/lib/core/EditorOld/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/EditorOld/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,kDAAkD,CAAA;AAqBzD,UAAU,MAAM;IACd,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qCAAqC;IACrC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;IAClC,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sFAAsF;IACtF,aAAa,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IACpC,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oFAAoF;IACpF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,oBAAoB;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,mBAAmB;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED;;;;GAIG;AAEH,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA8I/B,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/core/EditorOld/index.js

@@ -0,0 +1,147 @@
+/** @jsxImportSource @emotion/react */
+import React, { useState } from 'react';
+import { Editor as Wysiwyg } from 'react-draft-wysiwyg';
+import { convertToRaw, EditorState, Modifier } from 'draft-js';
+import { stateFromHTML } from 'draft-js-import-html';
+import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
+import { CounterWrapper, ErrorWrapper, Label, RelativeDiv, styles } from './styles';
+import { basicToolbar, editorLabels, getStrippedHtml, htmlToEntity, richToolbar } from './config';
+import { convertToHTML, convertFromHTML } from 'draft-convert';
+import Text from '../Text';
+import { useTheme } from '@emotion/react';
+import IconErrorOutline from '../../icons/General/IconErrorOutline';
+import draftToHtml from 'draftjs-to-html';
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+
+/**
+ *
+ * TODO: REMOVE AND CLEANUP PACKAGES
+ *
+ */
+const EditorOld = ({
+  initialValue,
+  height = 300,
+  maxHeight,
+  maxlength,
+  maxlengthType = 'plaintext',
+  maxlengthText,
+  withCounter,
+  invalidMessage,
+  label,
+  customToolbar,
+  type = 'basic',
+  onChange,
+  onBlur
+}) => {
+  const theme = useTheme();
+  const [maxlengthError, setMaxlengthError] = useState(null);
+  const [charCount, setCharCount] = useState(0);
+  const [editorState, setEditorState] = useState(initialValue ? EditorState.createWithContent(convertFromHTML({
+    htmlToEntity
+  })(initialValue)) : EditorState.createEmpty());
+
+  const handleEditorChange = state => {
+    handleValidity(state);
+    setEditorState(state);
+    const plainText = state.getCurrentContent().getPlainText();
+    const html = draftToHtml(convertToRaw(state.getCurrentContent()));
+    onChange(plainText.length > 0 ? html : ''); // return empty if no content
+
+    if (withCounter && maxlength) {
+      setCharCount(maxlengthType === 'html' ? html.length : plainText.length);
+    }
+  };
+
+  const handleValidity = state => {
+    if (!maxlength) {
+      setMaxlengthError(null);
+      return;
+    }
+
+    const plaintext = state.getCurrentContent().getPlainText();
+    const html = convertToHTML(state.getCurrentContent());
+
+    if (maxlengthType === 'html' && html.length > maxlength) {
+      setMaxlengthError(maxlengthText ? maxlengthText : 'Text is too long');
+      return;
+    }
+
+    if (maxlengthType === 'plaintext' && plaintext.length > maxlength) {
+      setMaxlengthError(maxlengthText ? maxlengthText : 'Text is too long');
+      return;
+    }
+
+    setMaxlengthError(null);
+  };
+
+  const Counter = _jsx(CounterWrapper, {
+    children: _jsxs(Text, {
+      children: [charCount, "/", maxlength]
+    })
+  });
+
+  const handlePaste = (text, html, editorState, onChange) => {
+    if (!html) return false;
+    const strippedHtml = getStrippedHtml(html);
+    const blockMap = stateFromHTML(strippedHtml).blockMap;
+    const newState = Modifier.replaceWithFragment(editorState.getCurrentContent(), editorState.getSelection(), blockMap);
+    onChange(EditorState.push(editorState, newState, 'insert-fragment'));
+    return true;
+  };
+
+  const getToolbar = () => {
+    switch (type) {
+      case 'basic':
+        return basicToolbar;
+
+      case 'rich':
+        return richToolbar;
+
+      case 'custom':
+        return customToolbar;
+
+      default:
+        return undefined;
+    }
+  };
+
+  return _jsxs("div", {
+    css: theme => [styles.default(theme, height), maxHeight && styles.maxHeight(maxHeight)],
+    children: [label && _jsx(Label, {
+      children: label
+    }), _jsxs(RelativeDiv, {
+      children: [_jsx(Wysiwyg, {
+        editorState: editorState,
+        toolbarClassName: "toolbar-wrapper",
+        wrapperClassName: "editor-wrapper",
+        editorClassName: "content-wrapper",
+        onEditorStateChange: handleEditorChange,
+        toolbar: getToolbar(),
+        localization: {
+          locale: 'nb_NO',
+          translations: editorLabels
+        },
+        stripPastedStyles: type !== 'rich',
+        onBlur: () => onBlur && onBlur(),
+        handlePastedText: handlePaste
+      }), maxlength && withCounter && Counter]
+    }), (maxlengthError || invalidMessage) && _jsxs(ErrorWrapper, {
+      children: [maxlengthError && _jsxs(Text, {
+        color: theme.alert,
+        children: [_jsx(IconErrorOutline, {
+          size: "16px",
+          color: theme.alert
+        }), ' ', maxlengthError]
+      }), invalidMessage && _jsxs(Text, {
+        color: theme.alert,
+        children: [_jsx(IconErrorOutline, {
+          size: "16px",
+          color: theme.alert
+        }), ' ', invalidMessage]
+      })]
+    })]
+  });
+};
+
+export default EditorOld;

package/lib/core/EditorOld/styles.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { IAppTheme } from '../../app-shell/theme';
+export declare const styles: {
+    default: (theme: IAppTheme, height: number) => import("@emotion/react").SerializedStyles;
+    maxHeight: (height: number) => import("@emotion/react").SerializedStyles;
+};
+export declare const RelativeDiv: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const ErrorWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CounterWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/core/EditorOld/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/EditorOld/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,eAAO,MAAM,MAAM;qBACA,SAAS,UAAU,MAAM;wBAkItB,MAAM;CAK3B,CAAA;AAED,eAAO,MAAM,WAAW;;;yGAEvB,CAAA;AAED,eAAO,MAAM,KAAK;;;2GAKjB,CAAA;AAED,eAAO,MAAM,YAAY;;;yGASxB,CAAA;AAED,eAAO,MAAM,cAAc;;;yGAI1B,CAAA"}

package/lib/core/EditorOld/styles.js

@@ -0,0 +1,65 @@
+import _styled from "@emotion/styled/base";
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+import { css } from '@emotion/react';
+export const styles = {
+  default: (theme, height) => /*#__PURE__*/css("display:grid;grid-row-gap:4px;.content-wrapper{border:1px solid ", theme.border, ";border-radius:0 0 3px 3px;padding:1em;padding-bottom:0;cursor:text;resize:vertical;overflow:auto;height:", height, "px;>div{height:90%;}.public-DraftStyleDefault-block{margin:0;}}.toolbar-wrapper{padding:0;margin:0;border:1px solid ", theme.border, ";border-radius:3px 3px 0 0;border-bottom:unset;&>div{border-right:1px solid ", theme.border, ";margin:0;padding:0.1em;}.rdw-block-dropdown{border-color:transparent;&:active,&:hover{box-shadow:none;background-color:", theme.gray20, ";}}.rdw-option-wrapper{border-color:transparent;border-radius:5px;margin:0;&:active,&:hover{box-shadow:none;background-color:", theme.gray20, ";}}.rdw-option-active{box-shadow:unset;background-color:", theme.gray10, ";&:active,&:hover{background-color:", theme.gray10, ";}}.rdw-link-modal{height:unset;input{border-color:", theme.border, ";border-radius:5px;}.rdw-link-modal-target-option{display:none;}.rdw-link-modal-btn{border-radius:16px;border-color:transparent;background-color:", theme.btnDefault, ";color:", theme.btnDefaultFontColor, ";&:disabled{background-color:", theme.disabled, ";color:black;}&:active,&:hover,&:focus{box-shadow:none;background-color:", theme.btnDefaultDarker, ";border-color:", theme.btnDefaultDarker, ";color:", theme.btnHoverTextColor, ";}&:last-of-type{display:none;}}}}.DraftEditor-editorContainer{p{margin:0;}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:0;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvck9sZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29EIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvck9sZC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgaGVpZ2h0OiBudW1iZXIpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtcm93LWdhcDogNHB4O1xuXG4gICAgLmNvbnRlbnQtd3JhcHBlciB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICBib3JkZXItcmFkaXVzOiAwIDAgM3B4IDNweDtcbiAgICAgIHBhZGRpbmc6IDFlbTtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAwO1xuICAgICAgY3Vyc29yOiB0ZXh0O1xuICAgICAgcmVzaXplOiB2ZXJ0aWNhbDtcbiAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgaGVpZ2h0OiAke2hlaWdodH1weDtcblxuICAgICAgPiBkaXYge1xuICAgICAgICBoZWlnaHQ6IDkwJTtcbiAgICAgIH1cblxuICAgICAgLnB1YmxpYy1EcmFmdFN0eWxlRGVmYXVsdC1ibG9jayB7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAudG9vbGJhci13cmFwcGVyIHtcbiAgICAgIC8vIFRoZSB0b29sYmFyXG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogM3B4IDNweCAwIDA7XG4gICAgICBib3JkZXItYm90dG9tOiB1bnNldDtcblxuICAgICAgLy8gVG9vbGJhciBzZWN0aW9uc1xuICAgICAgJiA+IGRpdiB7XG4gICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICBwYWRkaW5nOiAwLjFlbTtcbiAgICAgIH1cblxuICAgICAgLy8gT3ZlcnNrcmlmdCB2ZWxnZXJcbiAgICAgIC5yZHctYmxvY2stZHJvcGRvd24ge1xuICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICAgICAgICY6YWN0aXZlLFxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZ3JheTIwfTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAvLyBUb29sYmFyIG9wdGlvbnNcbiAgICAgIC5yZHctb3B0aW9uLXdyYXBwZXIge1xuICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgIG1hcmdpbjogMDtcblxuICAgICAgICAmOmFjdGl2ZSxcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkyMH07XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgLnJkdy1vcHRpb24tYWN0aXZlIHtcbiAgICAgICAgYm94LXNoYWRvdzogdW5zZXQ7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZ3JheTEwfTtcblxuICAgICAgICAmOmFjdGl2ZSxcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5ncmF5MTB9O1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC8vIExpbmsgbW9kYWxcbiAgICAgIC5yZHctbGluay1tb2RhbCB7XG4gICAgICAgIGhlaWdodDogdW5zZXQ7XG5cbiAgICAgICAgaW5wdXQge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFJlbW92ZSBvcGVuIG5ldyB0YWIgb3B0aW9uXG4gICAgICAgIC5yZHctbGluay1tb2RhbC10YXJnZXQtb3B0aW9uIHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gU3R5bGUgYWRkIGJ1dHRvblxuICAgICAgICAucmR3LWxpbmstbW9kYWwtYnRuIHtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0fTtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0Rm9udENvbG9yfTtcblxuICAgICAgICAgICY6ZGlzYWJsZWQge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5kaXNhYmxlZH07XG4gICAgICAgICAgICBjb2xvcjogYmxhY2s7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICAgJjpob3ZlcixcbiAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJ0bkRlZmF1bHREYXJrZXJ9O1xuICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJ0bkRlZmF1bHREYXJrZXJ9O1xuICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUuYnRuSG92ZXJUZXh0Q29sb3J9O1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC8vIFJlbW92ZSBjYW5jZWwgYnV0dG9uXG4gICAgICAgICAgJjpsYXN0LW9mLXR5cGUge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAuRHJhZnRFZGl0b3ItZWRpdG9yQ29udGFpbmVyIHtcbiAgICAgIHAge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICB9XG5cbiAgICAgIGgxLFxuICAgICAgaDIsXG4gICAgICBoMyxcbiAgICAgIGg0LFxuICAgICAgaDUge1xuICAgICAgICBtYXJnaW4tdG9wOiAwO1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgbWF4SGVpZ2h0OiAoaGVpZ2h0OiBudW1iZXIpID0+IGNzc2BcbiAgICAuY29udGVudC13cmFwcGVyIHtcbiAgICAgIG1heC1oZWlnaHQ6ICR7aGVpZ2h0fXB4O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IFJlbGF0aXZlRGl2ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG5leHBvcnQgY29uc3QgTGFiZWwgPSBzdHlsZWQuc3BhbmBcbiAgbGluZS1oZWlnaHQ6IDIycHg7XG4gIGZvbnQtc2l6ZTogMWVtO1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYm90dG9tOiA0cHg7XG5gXG5cbmV4cG9ydCBjb25zdCBFcnJvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuXG4gICYgPiBzcGFuIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiA2cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDJweDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ291bnRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAxcHg7XG4gIGJvdHRvbTogLTIwcHg7XG5gXG4iXX0= */"),
+  maxHeight: height => /*#__PURE__*/css(".content-wrapper{max-height:", height, "px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvck9sZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUlvQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9FZGl0b3JPbGQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXJvdy1nYXA6IDRweDtcblxuICAgIC5jb250ZW50LXdyYXBwZXIge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogMCAwIDNweCAzcHg7XG4gICAgICBwYWRkaW5nOiAxZW07XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICAgIGN1cnNvcjogdGV4dDtcbiAgICAgIHJlc2l6ZTogdmVydGljYWw7XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9cHg7XG5cbiAgICAgID4gZGl2IHtcbiAgICAgICAgaGVpZ2h0OiA5MCU7XG4gICAgICB9XG5cbiAgICAgIC5wdWJsaWMtRHJhZnRTdHlsZURlZmF1bHQtYmxvY2sge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLnRvb2xiYXItd3JhcHBlciB7XG4gICAgICAvLyBUaGUgdG9vbGJhclxuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogdW5zZXQ7XG5cbiAgICAgIC8vIFRvb2xiYXIgc2VjdGlvbnNcbiAgICAgICYgPiBkaXYge1xuICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcGFkZGluZzogMC4xZW07XG4gICAgICB9XG5cbiAgICAgIC8vIE92ZXJza3JpZnQgdmVsZ2VyXG4gICAgICAucmR3LWJsb2NrLWRyb3Bkb3duIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAgICAgICAmOmFjdGl2ZSxcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkyMH07XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgLy8gVG9vbGJhciBvcHRpb25zXG4gICAgICAucmR3LW9wdGlvbi13cmFwcGVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICBtYXJnaW46IDA7XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5ncmF5MjB9O1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC5yZHctb3B0aW9uLWFjdGl2ZSB7XG4gICAgICAgIGJveC1zaGFkb3c6IHVuc2V0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkxMH07XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZ3JheTEwfTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAvLyBMaW5rIG1vZGFsXG4gICAgICAucmR3LWxpbmstbW9kYWwge1xuICAgICAgICBoZWlnaHQ6IHVuc2V0O1xuXG4gICAgICAgIGlucHV0IHtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBSZW1vdmUgb3BlbiBuZXcgdGFiIG9wdGlvblxuICAgICAgICAucmR3LWxpbmstbW9kYWwtdGFyZ2V0LW9wdGlvbiB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFN0eWxlIGFkZCBidXR0b25cbiAgICAgICAgLnJkdy1saW5rLW1vZGFsLWJ0biB7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdH07XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvcn07XG5cbiAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZGlzYWJsZWR9O1xuICAgICAgICAgICAgY29sb3I6IGJsYWNrO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6YWN0aXZlLFxuICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmJ0bkhvdmVyVGV4dENvbG9yfTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAvLyBSZW1vdmUgY2FuY2VsIGJ1dHRvblxuICAgICAgICAgICY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgLkRyYWZ0RWRpdG9yLWVkaXRvckNvbnRhaW5lciB7XG4gICAgICBwIHtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgfVxuXG4gICAgICBoMSxcbiAgICAgIGgyLFxuICAgICAgaDMsXG4gICAgICBoNCxcbiAgICAgIGg1IHtcbiAgICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIG1heEhlaWdodDogKGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXG4gICAgLmNvbnRlbnQtd3JhcHBlciB7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH1weDtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBSZWxhdGl2ZURpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLnNwYW5gXG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICBmb250LXNpemU6IDFlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuYFxuXG5leHBvcnQgY29uc3QgRXJyb3JXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcblxuICAmID4gc3BhbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogNnB4O1xuICAgIG1hcmdpbi1sZWZ0OiAycHg7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMXB4O1xuICBib3R0b206IC0yMHB4O1xuYFxuIl19 */")
+};
+export const RelativeDiv = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1dpk68n3"
+} : {
+  target: "e1dpk68n3",
+  label: "RelativeDiv"
+})(process.env.NODE_ENV === "production" ? {
+  name: "bjn8wh",
+  styles: "position:relative"
+} : {
+  name: "bjn8wh",
+  styles: "position:relative",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvck9sZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOElxQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9FZGl0b3JPbGQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXJvdy1nYXA6IDRweDtcblxuICAgIC5jb250ZW50LXdyYXBwZXIge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogMCAwIDNweCAzcHg7XG4gICAgICBwYWRkaW5nOiAxZW07XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICAgIGN1cnNvcjogdGV4dDtcbiAgICAgIHJlc2l6ZTogdmVydGljYWw7XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9cHg7XG5cbiAgICAgID4gZGl2IHtcbiAgICAgICAgaGVpZ2h0OiA5MCU7XG4gICAgICB9XG5cbiAgICAgIC5wdWJsaWMtRHJhZnRTdHlsZURlZmF1bHQtYmxvY2sge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLnRvb2xiYXItd3JhcHBlciB7XG4gICAgICAvLyBUaGUgdG9vbGJhclxuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogdW5zZXQ7XG5cbiAgICAgIC8vIFRvb2xiYXIgc2VjdGlvbnNcbiAgICAgICYgPiBkaXYge1xuICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcGFkZGluZzogMC4xZW07XG4gICAgICB9XG5cbiAgICAgIC8vIE92ZXJza3JpZnQgdmVsZ2VyXG4gICAgICAucmR3LWJsb2NrLWRyb3Bkb3duIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAgICAgICAmOmFjdGl2ZSxcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkyMH07XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgLy8gVG9vbGJhciBvcHRpb25zXG4gICAgICAucmR3LW9wdGlvbi13cmFwcGVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICBtYXJnaW46IDA7XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5ncmF5MjB9O1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC5yZHctb3B0aW9uLWFjdGl2ZSB7XG4gICAgICAgIGJveC1zaGFkb3c6IHVuc2V0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkxMH07XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZ3JheTEwfTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAvLyBMaW5rIG1vZGFsXG4gICAgICAucmR3LWxpbmstbW9kYWwge1xuICAgICAgICBoZWlnaHQ6IHVuc2V0O1xuXG4gICAgICAgIGlucHV0IHtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBSZW1vdmUgb3BlbiBuZXcgdGFiIG9wdGlvblxuICAgICAgICAucmR3LWxpbmstbW9kYWwtdGFyZ2V0LW9wdGlvbiB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFN0eWxlIGFkZCBidXR0b25cbiAgICAgICAgLnJkdy1saW5rLW1vZGFsLWJ0biB7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdH07XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvcn07XG5cbiAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZGlzYWJsZWR9O1xuICAgICAgICAgICAgY29sb3I6IGJsYWNrO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6YWN0aXZlLFxuICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmJ0bkhvdmVyVGV4dENvbG9yfTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAvLyBSZW1vdmUgY2FuY2VsIGJ1dHRvblxuICAgICAgICAgICY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgLkRyYWZ0RWRpdG9yLWVkaXRvckNvbnRhaW5lciB7XG4gICAgICBwIHtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgfVxuXG4gICAgICBoMSxcbiAgICAgIGgyLFxuICAgICAgaDMsXG4gICAgICBoNCxcbiAgICAgIGg1IHtcbiAgICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIG1heEhlaWdodDogKGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXG4gICAgLmNvbnRlbnQtd3JhcHBlciB7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH1weDtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBSZWxhdGl2ZURpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLnNwYW5gXG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICBmb250LXNpemU6IDFlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuYFxuXG5leHBvcnQgY29uc3QgRXJyb3JXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcblxuICAmID4gc3BhbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogNnB4O1xuICAgIG1hcmdpbi1sZWZ0OiAycHg7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMXB4O1xuICBib3R0b206IC0yMHB4O1xuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const Label = _styled("span", process.env.NODE_ENV === "production" ? {
+  target: "e1dpk68n2"
+} : {
+  target: "e1dpk68n2",
+  label: "Label"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ge8ozm",
+  styles: "line-height:22px;font-size:1em;font-weight:600;margin-bottom:4px"
+} : {
+  name: "1ge8ozm",
+  styles: "line-height:22px;font-size:1em;font-weight:600;margin-bottom:4px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvck9sZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0pnQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9FZGl0b3JPbGQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXJvdy1nYXA6IDRweDtcblxuICAgIC5jb250ZW50LXdyYXBwZXIge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogMCAwIDNweCAzcHg7XG4gICAgICBwYWRkaW5nOiAxZW07XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICAgIGN1cnNvcjogdGV4dDtcbiAgICAgIHJlc2l6ZTogdmVydGljYWw7XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9cHg7XG5cbiAgICAgID4gZGl2IHtcbiAgICAgICAgaGVpZ2h0OiA5MCU7XG4gICAgICB9XG5cbiAgICAgIC5wdWJsaWMtRHJhZnRTdHlsZURlZmF1bHQtYmxvY2sge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLnRvb2xiYXItd3JhcHBlciB7XG4gICAgICAvLyBUaGUgdG9vbGJhclxuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogdW5zZXQ7XG5cbiAgICAgIC8vIFRvb2xiYXIgc2VjdGlvbnNcbiAgICAgICYgPiBkaXYge1xuICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcGFkZGluZzogMC4xZW07XG4gICAgICB9XG5cbiAgICAgIC8vIE92ZXJza3JpZnQgdmVsZ2VyXG4gICAgICAucmR3LWJsb2NrLWRyb3Bkb3duIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAgICAgICAmOmFjdGl2ZSxcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkyMH07XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgLy8gVG9vbGJhciBvcHRpb25zXG4gICAgICAucmR3LW9wdGlvbi13cmFwcGVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICBtYXJnaW46IDA7XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5ncmF5MjB9O1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC5yZHctb3B0aW9uLWFjdGl2ZSB7XG4gICAgICAgIGJveC1zaGFkb3c6IHVuc2V0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkxMH07XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZ3JheTEwfTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAvLyBMaW5rIG1vZGFsXG4gICAgICAucmR3LWxpbmstbW9kYWwge1xuICAgICAgICBoZWlnaHQ6IHVuc2V0O1xuXG4gICAgICAgIGlucHV0IHtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBSZW1vdmUgb3BlbiBuZXcgdGFiIG9wdGlvblxuICAgICAgICAucmR3LWxpbmstbW9kYWwtdGFyZ2V0LW9wdGlvbiB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFN0eWxlIGFkZCBidXR0b25cbiAgICAgICAgLnJkdy1saW5rLW1vZGFsLWJ0biB7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdH07XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvcn07XG5cbiAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZGlzYWJsZWR9O1xuICAgICAgICAgICAgY29sb3I6IGJsYWNrO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6YWN0aXZlLFxuICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmJ0bkhvdmVyVGV4dENvbG9yfTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAvLyBSZW1vdmUgY2FuY2VsIGJ1dHRvblxuICAgICAgICAgICY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgLkRyYWZ0RWRpdG9yLWVkaXRvckNvbnRhaW5lciB7XG4gICAgICBwIHtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgfVxuXG4gICAgICBoMSxcbiAgICAgIGgyLFxuICAgICAgaDMsXG4gICAgICBoNCxcbiAgICAgIGg1IHtcbiAgICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIG1heEhlaWdodDogKGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXG4gICAgLmNvbnRlbnQtd3JhcHBlciB7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH1weDtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBSZWxhdGl2ZURpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLnNwYW5gXG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICBmb250LXNpemU6IDFlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuYFxuXG5leHBvcnQgY29uc3QgRXJyb3JXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcblxuICAmID4gc3BhbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogNnB4O1xuICAgIG1hcmdpbi1sZWZ0OiAycHg7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMXB4O1xuICBib3R0b206IC0yMHB4O1xuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const ErrorWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1dpk68n1"
+} : {
+  target: "e1dpk68n1",
+  label: "ErrorWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "p12i1l",
+  styles: "display:grid;&>span{display:flex;align-items:center;gap:6px;margin-left:2px;}"
+} : {
+  name: "p12i1l",
+  styles: "display:grid;&>span{display:flex;align-items:center;gap:6px;margin-left:2px;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvck9sZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUpzQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9FZGl0b3JPbGQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXJvdy1nYXA6IDRweDtcblxuICAgIC5jb250ZW50LXdyYXBwZXIge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogMCAwIDNweCAzcHg7XG4gICAgICBwYWRkaW5nOiAxZW07XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICAgIGN1cnNvcjogdGV4dDtcbiAgICAgIHJlc2l6ZTogdmVydGljYWw7XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9cHg7XG5cbiAgICAgID4gZGl2IHtcbiAgICAgICAgaGVpZ2h0OiA5MCU7XG4gICAgICB9XG5cbiAgICAgIC5wdWJsaWMtRHJhZnRTdHlsZURlZmF1bHQtYmxvY2sge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLnRvb2xiYXItd3JhcHBlciB7XG4gICAgICAvLyBUaGUgdG9vbGJhclxuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogdW5zZXQ7XG5cbiAgICAgIC8vIFRvb2xiYXIgc2VjdGlvbnNcbiAgICAgICYgPiBkaXYge1xuICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcGFkZGluZzogMC4xZW07XG4gICAgICB9XG5cbiAgICAgIC8vIE92ZXJza3JpZnQgdmVsZ2VyXG4gICAgICAucmR3LWJsb2NrLWRyb3Bkb3duIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAgICAgICAmOmFjdGl2ZSxcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkyMH07XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgLy8gVG9vbGJhciBvcHRpb25zXG4gICAgICAucmR3LW9wdGlvbi13cmFwcGVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICBtYXJnaW46IDA7XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5ncmF5MjB9O1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC5yZHctb3B0aW9uLWFjdGl2ZSB7XG4gICAgICAgIGJveC1zaGFkb3c6IHVuc2V0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkxMH07XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZ3JheTEwfTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAvLyBMaW5rIG1vZGFsXG4gICAgICAucmR3LWxpbmstbW9kYWwge1xuICAgICAgICBoZWlnaHQ6IHVuc2V0O1xuXG4gICAgICAgIGlucHV0IHtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBSZW1vdmUgb3BlbiBuZXcgdGFiIG9wdGlvblxuICAgICAgICAucmR3LWxpbmstbW9kYWwtdGFyZ2V0LW9wdGlvbiB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFN0eWxlIGFkZCBidXR0b25cbiAgICAgICAgLnJkdy1saW5rLW1vZGFsLWJ0biB7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdH07XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvcn07XG5cbiAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZGlzYWJsZWR9O1xuICAgICAgICAgICAgY29sb3I6IGJsYWNrO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6YWN0aXZlLFxuICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmJ0bkhvdmVyVGV4dENvbG9yfTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAvLyBSZW1vdmUgY2FuY2VsIGJ1dHRvblxuICAgICAgICAgICY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgLkRyYWZ0RWRpdG9yLWVkaXRvckNvbnRhaW5lciB7XG4gICAgICBwIHtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgfVxuXG4gICAgICBoMSxcbiAgICAgIGgyLFxuICAgICAgaDMsXG4gICAgICBoNCxcbiAgICAgIGg1IHtcbiAgICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIG1heEhlaWdodDogKGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXG4gICAgLmNvbnRlbnQtd3JhcHBlciB7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH1weDtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBSZWxhdGl2ZURpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLnNwYW5gXG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICBmb250LXNpemU6IDFlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuYFxuXG5leHBvcnQgY29uc3QgRXJyb3JXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcblxuICAmID4gc3BhbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogNnB4O1xuICAgIG1hcmdpbi1sZWZ0OiAycHg7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMXB4O1xuICBib3R0b206IC0yMHB4O1xuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const CounterWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1dpk68n0"
+} : {
+  target: "e1dpk68n0",
+  label: "CounterWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "13qbf77",
+  styles: "position:absolute;right:1px;bottom:-20px"
+} : {
+  name: "13qbf77",
+  styles: "position:absolute;right:1px;bottom:-20px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvck9sZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0t3QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9FZGl0b3JPbGQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXJvdy1nYXA6IDRweDtcblxuICAgIC5jb250ZW50LXdyYXBwZXIge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogMCAwIDNweCAzcHg7XG4gICAgICBwYWRkaW5nOiAxZW07XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICAgIGN1cnNvcjogdGV4dDtcbiAgICAgIHJlc2l6ZTogdmVydGljYWw7XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9cHg7XG5cbiAgICAgID4gZGl2IHtcbiAgICAgICAgaGVpZ2h0OiA5MCU7XG4gICAgICB9XG5cbiAgICAgIC5wdWJsaWMtRHJhZnRTdHlsZURlZmF1bHQtYmxvY2sge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLnRvb2xiYXItd3JhcHBlciB7XG4gICAgICAvLyBUaGUgdG9vbGJhclxuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogdW5zZXQ7XG5cbiAgICAgIC8vIFRvb2xiYXIgc2VjdGlvbnNcbiAgICAgICYgPiBkaXYge1xuICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcGFkZGluZzogMC4xZW07XG4gICAgICB9XG5cbiAgICAgIC8vIE92ZXJza3JpZnQgdmVsZ2VyXG4gICAgICAucmR3LWJsb2NrLWRyb3Bkb3duIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAgICAgICAmOmFjdGl2ZSxcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkyMH07XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgLy8gVG9vbGJhciBvcHRpb25zXG4gICAgICAucmR3LW9wdGlvbi13cmFwcGVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICBtYXJnaW46IDA7XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5ncmF5MjB9O1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC5yZHctb3B0aW9uLWFjdGl2ZSB7XG4gICAgICAgIGJveC1zaGFkb3c6IHVuc2V0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmdyYXkxMH07XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZ3JheTEwfTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAvLyBMaW5rIG1vZGFsXG4gICAgICAucmR3LWxpbmstbW9kYWwge1xuICAgICAgICBoZWlnaHQ6IHVuc2V0O1xuXG4gICAgICAgIGlucHV0IHtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBSZW1vdmUgb3BlbiBuZXcgdGFiIG9wdGlvblxuICAgICAgICAucmR3LWxpbmstbW9kYWwtdGFyZ2V0LW9wdGlvbiB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFN0eWxlIGFkZCBidXR0b25cbiAgICAgICAgLnJkdy1saW5rLW1vZGFsLWJ0biB7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdH07XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvcn07XG5cbiAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZGlzYWJsZWR9O1xuICAgICAgICAgICAgY29sb3I6IGJsYWNrO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6YWN0aXZlLFxuICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmJ0bkhvdmVyVGV4dENvbG9yfTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAvLyBSZW1vdmUgY2FuY2VsIGJ1dHRvblxuICAgICAgICAgICY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgLkRyYWZ0RWRpdG9yLWVkaXRvckNvbnRhaW5lciB7XG4gICAgICBwIHtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgfVxuXG4gICAgICBoMSxcbiAgICAgIGgyLFxuICAgICAgaDMsXG4gICAgICBoNCxcbiAgICAgIGg1IHtcbiAgICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIG1heEhlaWdodDogKGhlaWdodDogbnVtYmVyKSA9PiBjc3NgXG4gICAgLmNvbnRlbnQtd3JhcHBlciB7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH1weDtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBSZWxhdGl2ZURpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLnNwYW5gXG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICBmb250LXNpemU6IDFlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuYFxuXG5leHBvcnQgY29uc3QgRXJyb3JXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcblxuICAmID4gc3BhbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogNnB4O1xuICAgIG1hcmdpbi1sZWZ0OiAycHg7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvdW50ZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMXB4O1xuICBib3R0b206IC0yMHB4O1xuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/lib/core/ImageCarousel/index.d.ts

@@ -0,0 +1,11 @@
+import { ObjectFitTypes } from '../Image';
+declare type Props = {
+    images: string[];
+    withShadow?: boolean;
+    height?: string;
+    className?: string;
+    objectFit?: ObjectFitTypes;
+};
+declare const ImageCarousel: ({ images, objectFit, height, className, }: Props) => JSX.Element;
+export default ImageCarousel;
+//# sourceMappingURL=index.d.ts.map

package/lib/core/ImageCarousel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ImageCarousel/index.tsx"],"names":[],"mappings":"AASA,OAAc,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAIhD,aAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,cAAc,CAAA;CAC3B,CAAA;AAED,QAAA,MAAM,aAAa,8CAKhB,KAAK,gBA8CP,CAAA;AAED,eAAe,aAAa,CAAA"}

package/lib/core/ImageCarousel/index.js

@@ -0,0 +1,70 @@
+import React from 'react';
+import { useTheme } from '@emotion/react';
+import Carousel from 'nuka-carousel';
+import { BottomCarouselWrapper, CarouselWrapper, ControlButton, ImageWrapper } from './styles';
+import Image from '../Image';
+import IconChevronLeft from '../../icons/General/IconChevronLeft';
+import Text from '../Text';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const ImageCarousel = ({
+  images,
+  objectFit,
+  height = '340px',
+  className
+}) => {
+  const theme = useTheme();
+  const hasMultipleImages = Boolean(images.length);
+  return /*#__PURE__*/_jsx(CarouselWrapper, {
+    height: height,
+    theme: theme,
+    className: className,
+    children: /*#__PURE__*/_jsx(Carousel, {
+      enableKeyboardControls: true,
+      swiping: true,
+      wrapAround: true,
+      cellSpacing: 8,
+      renderCenterRightControls: ({
+        nextSlide
+      }) => hasMultipleImages && /*#__PURE__*/_jsx(ControlButton, {
+        onClick: nextSlide,
+        direction: "right",
+        children: /*#__PURE__*/_jsx(IconChevronLeft, {
+          size: 18,
+          color: theme.btnDefaultFontColor,
+          flip: true
+        })
+      }),
+      renderCenterLeftControls: ({
+        previousSlide
+      }) => hasMultipleImages && /*#__PURE__*/_jsx(ControlButton, {
+        onClick: previousSlide,
+        direction: "left",
+        children: /*#__PURE__*/_jsx(IconChevronLeft, {
+          size: 18,
+          color: theme.btnDefaultFontColor
+        })
+      }),
+      renderBottomCenterControls: ({
+        currentSlide
+      }) => /*#__PURE__*/_jsx(BottomCarouselWrapper, {
+        children: /*#__PURE__*/_jsxs(Text, {
+          color: theme.btnDefaultFontColor,
+          size: "14px",
+          children: [currentSlide + 1, " / ", images.length]
+        })
+      }),
+      children: images.map((image, index) => /*#__PURE__*/_jsx(ImageWrapper, {
+        height: height,
+        children: /*#__PURE__*/_jsx(Image, {
+          src: image,
+          alt: "bilde",
+          objectFit: objectFit
+        })
+      }, index))
+    })
+  });
+};
+
+export default ImageCarousel;

package/lib/core/ImageCarousel/styles.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { Theme } from '@emotion/react';
+export declare const CarouselWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    height: string;
+    theme: Theme;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ControlButton: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    direction: 'left' | 'right';
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const BottomCarouselWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ImageWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    height: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/core/ImageCarousel/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ImageCarousel/styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAAO,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAK3C,eAAO,MAAM,eAAe;;;;YACI,MAAM;WAAS,KAAK;yGAWnD,CAAA;AAED,eAAO,MAAM,aAAa;;;;eACK,MAAM,GAAG,OAAO;qHAc9C,CAAA;AAED,eAAO,MAAM,qBAAqB;;;yGAMjC,CAAA;AAED,eAAO,MAAM,YAAY;;;;YACA,MAAM;yGAU9B,CAAA"}

package/lib/core/ImageCarousel/styles.js

@@ -0,0 +1,58 @@
+import _styled from "@emotion/styled/base";
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+import { css } from '@emotion/react';
+const background = 'rgba(0, 0, 0, 0.5)';
+export const CarouselWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e104918b3"
+} : {
+  target: "e104918b3",
+  label: "CarouselWrapper"
+})(({
+  height,
+  theme
+}) => /*#__PURE__*/css("box-shadow:", theme.shadowSmall, ";width:100%;height:100%;max-height:", height, ";display:flex;align-items:baseline;border-radius:4px;overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : ";label:CarouselWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU04RCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9JbWFnZUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCwgdGhlbWUgfTogeyBoZWlnaHQ6IHN0cmluZzsgdGhlbWU6IFRoZW1lIH0pID0+IGNzc2BcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd1NtYWxsfTtcblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9JbWFnZUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCwgdGhlbWUgfTogeyBoZWlnaHQ6IHN0cmluZzsgdGhlbWU6IFRoZW1lIH0pID0+IGNzc2BcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd1NtYWxsfTtcblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */");
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1pt2o8x",
+  styles: "margin-right:3px"
+} : {
+  name: "9g5zwe-ControlButton",
+  styles: "margin-right:3px;label:ControlButton;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9JbWFnZUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCwgdGhlbWUgfTogeyBoZWlnaHQ6IHN0cmluZzsgdGhlbWU6IFRoZW1lIH0pID0+IGNzc2BcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd1NtYWxsfTtcblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "1i7v2bx",
+  styles: "margin-left:3px"
+} : {
+  name: "1arqgkz-ControlButton",
+  styles: "margin-left:3px;label:ControlButton;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9JbWFnZUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCwgdGhlbWUgfTogeyBoZWlnaHQ6IHN0cmluZzsgdGhlbWU6IFRoZW1lIH0pID0+IGNzc2BcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd1NtYWxsfTtcblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+export const ControlButton = _styled("button", process.env.NODE_ENV === "production" ? {
+  target: "e104918b2"
+} : {
+  target: "e104918b2",
+  label: "ControlButton"
+})(({
+  direction
+}) => /*#__PURE__*/css("background-color:", background, ";border:none;border-radius:50%;padding:0.75em;cursor:pointer;", direction === 'left' ? _ref2 : _ref, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ControlButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CeUQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2VDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoeyBoZWlnaHQsIHRoZW1lIH06IHsgaGVpZ2h0OiBzdHJpbmc7IHRoZW1lOiBUaGVtZSB9KSA9PiBjc3NgXG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cbiAgYFxuKVxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2VDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoeyBoZWlnaHQsIHRoZW1lIH06IHsgaGVpZ2h0OiBzdHJpbmc7IHRoZW1lOiBUaGVtZSB9KSA9PiBjc3NgXG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cbiAgYFxuKVxuIl19 */");
+export const BottomCarouselWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e104918b1"
+} : {
+  target: "e104918b1",
+  label: "BottomCarouselWrapper"
+})("display:flex;justify-content:center;padding:0.25em 1em;border-radius:5px;background-color:", background, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DK0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2VDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoeyBoZWlnaHQsIHRoZW1lIH06IHsgaGVpZ2h0OiBzdHJpbmc7IHRoZW1lOiBUaGVtZSB9KSA9PiBjc3NgXG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cbiAgYFxuKVxuIl19 */"));
+export const ImageWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e104918b0"
+} : {
+  target: "e104918b0",
+  label: "ImageWrapper"
+})(({
+  height
+}) => /*#__PURE__*/css("display:flex;height:100%;& img{width:100%;max-height:", height, ";scale:1.015;}" + (process.env.NODE_ENV === "production" ? "" : ";label:ImageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDeUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2VDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoeyBoZWlnaHQsIHRoZW1lIH06IHsgaGVpZ2h0OiBzdHJpbmc7IHRoZW1lOiBUaGVtZSB9KSA9PiBjc3NgXG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cbiAgYFxuKVxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDNEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2VDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoeyBoZWlnaHQsIHRoZW1lIH06IHsgaGVpZ2h0OiBzdHJpbmc7IHRoZW1lOiBUaGVtZSB9KSA9PiBjc3NgXG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cbiAgYFxuKVxuIl19 */");